docs(ton-pay): tighten MoonPay wording and complete button prop tables

- on-ramp.mdx: drop the "MoonPay-related helper calls" phrasing that
  @ton-pay/api doesn't actually expose; describe the package's real
  scope (transfer creation, status lookups, reconciliation).
- button-react.mdx, button-js.mdx: add referenceId to the checkout
  props tables so the merchant-side reconciliation field is discoverable
  alongside the TonPayWidgetProps type in api-reference.mdx.
- button-js.mdx: add disabled, isLoading, className, and style to the
  button options table to match the React integration.
- button-js.mdx: clarify that CDN TonPay.render / TonPay.createWidget
  map to the ESM named exports, so readers moving between Option 1 and
  Option 2 don't read the rename as a different API surface.

Author: DevNebulaX

ecosystem/ton-pay/on-ramp.mdx

@@ -30,7 +30,7 @@ Availability also depends on provider rules for the selected asset, payment meth
 
 No additional on-ramp setup is required for the default hosted flow. Render [`TonPayWidget`](/ecosystem/ton-pay/ui-integration/button-react) with the checkout parameters, and TON Pay determines whether to show the MoonPay top-up step.
 
-For [custom server-side flows](/ecosystem/ton-pay/payment-integration/payments-server-side) instead of the hosted widget, use `@ton-pay/api`, including MoonPay-related helper calls outside the widget flow.
+For [custom server-side flows](/ecosystem/ton-pay/payment-integration/payments-server-side) instead of the hosted widget, use `@ton-pay/api` for transfer creation, status lookups, and merchant-side reconciliation.
 
 <Aside
   type="note"

ecosystem/ton-pay/ui-integration/button-js.mdx

@@ -34,7 +34,7 @@ Or load the browser bundle directly:
 ```
 
 <Aside type="note">
-  The CDN bundle exposes `window.TonPay`. Bundler users import the same API from `@ton-pay/ui`.
+  The CDN bundle exposes `window.TonPay`, while bundler users import the same API from `@ton-pay/ui`. Calls such as `TonPay.render(...)` in the examples below map to the named ESM export `render(...)`, and the same applies to `createWidget` and other APIs.
 </Aside>
 
 ## Option 1: render the built-in button from a script tag
@@ -147,19 +147,24 @@ const widget = TonPay.createWidget({
 | `asset`                  | `string`                 | `currency ?? "TON"` | Asset identifier, including jettons.                                                  |
 | `itemTitle`              | `string`                 | -                   | UI-only text displayed in the widget.                                                 |
 | `comment`                | `string`                 | -                   | Payment comment added to the blockchain transaction. It maps to `commentToRecipient`. |
+| `referenceId`            | `string`                 | -                   | Merchant-defined identifier passed through the checkout and echoed back in `onSuccess` payloads for reconciliation. |
 
 ### Button options
 
-| Option         | Type                | Default     | Description                        |
-| -------------- | ------------------- | ----------- | ---------------------------------- |
-| `variant`      | `"long" \| "short"` | `"long"`    | Button label variant.              |
-| `text`         | `string`            | -           | Override the default button label. |
-| `bgColor`      | `string`            | `"#0098EA"` | Button background color.           |
-| `textColor`    | `string`            | `"#FFFFFF"` | Button text color.                 |
-| `borderRadius` | `number \| string`  | `8`         | Button border radius.              |
-| `width`        | `number \| string`  | `"100%"`    | Button width.                      |
-| `height`       | `number \| string`  | `44`        | Button height.                     |
-| `fontFamily`   | `string`            | `"inherit"` | Button font family.                |
+| Option         | Type                        | Default     | Description                              |
+| -------------- | --------------------------- | ----------- | ---------------------------------------- |
+| `variant`      | `"long" \| "short"`         | `"long"`    | Button label variant.                    |
+| `text`         | `string`                    | -           | Override the default button label.       |
+| `bgColor`      | `string`                    | `"#0098EA"` | Button background color.                 |
+| `textColor`    | `string`                    | `"#FFFFFF"` | Button text color.                       |
+| `borderRadius` | `number \| string`          | `8`         | Button border radius.                    |
+| `width`        | `number \| string`          | `"100%"`    | Button width.                            |
+| `height`       | `number \| string`          | `44`        | Button height.                           |
+| `fontFamily`   | `string`                    | `"inherit"` | Button font family.                      |
+| `disabled`     | `boolean`                   | `false`     | Disable the button.                      |
+| `isLoading`    | `boolean`                   | `false`     | Force a loading state from the host app. |
+| `className`    | `string`                    | -           | Extra button class name.                 |
+| `style`        | `Partial<CSSStyleDeclaration>` | -        | Extra inline styles for the button.      |
 
 ### Lifecycle callbacks
 

ecosystem/ton-pay/ui-integration/button-react.mdx

@@ -67,6 +67,7 @@ With `TonPayWidget`, the host app passes checkout parameters and TON Pay handles
 | `asset`                  | `string`                 | `currency ?? "TON"` | Asset identifier, including jetton master addresses.                                  |
 | `itemTitle`              | `string`                 | -                   | UI-only text displayed in the widget.                                                 |
 | `comment`                | `string`                 | -                   | Payment comment added to the blockchain transaction. It maps to `commentToRecipient`. |
+| `referenceId`            | `string`                 | -                   | Merchant-defined identifier passed through the checkout and echoed back in `onSuccess` payloads for reconciliation. |
 
 ### Button props