@gait-financial/react 0.0.16 → 0.1.1

package/README.md

@@ -2,6 +2,8 @@
 
 React wrappers for Gait Web Components. Thin, type-safe bindings that map React props to the underlying custom elements.
 
+The button always shows **"Gait"** with the Gait logo icon and uses brand color **#4147BF**. No `label`, `theme`, or `brandColor` props.
+
 ## Installation
 
 ```bash
@@ -34,11 +36,8 @@ import { GaitButton } from '@gait-financial/react';
 function Checkout() {
   return (
     <GaitButton
-      label="Checkout"
-      theme="dark"
       data-id="your-checkout-id"
       totalCost={99.99}
-      brandColor="#e91e63"
       onClick={(detail) => console.log('Clicked', detail)}
       onSplitFeedback={(detail) => {
         if (detail.success) console.log('Split sent!');
@@ -53,8 +52,6 @@ function Checkout() {
 
 | Prop | Type | Description |
 |------|------|-------------|
-| `label` | `string` | Button label (default: "Button") |
-| `theme` | `'dark' \| 'light'` | Theme variant |
 | `data-id` | `string` | Checkout/data identity (required for payments) |
 | `disabled` | `boolean` | Disable the button |
 | `size` | `'small' \| 'medium' \| 'large'` | Button size |
@@ -62,7 +59,6 @@ function Checkout() {
 | `items` | `GaitButtonItem[] \| string` | Cart items for split payment modal |
 | `priceBreakdown` | `GaitPriceBreakdownItem[] \| string` | Price breakdown |
 | `totalCost` | `number \| string` | Total cost |
-| `brandColor` | `string` | Brand/accent color |
 | `customer` | `GaitCustomer \| string` | Customer info for split payment |
 | `webhook` | `GaitWebhook \| string` | Webhook config for split callbacks |
 | `merchantStoreUrl` | `string` | Merchant store URL |
@@ -73,6 +69,8 @@ function Checkout() {
 | `onMerchantIdError` | `(detail) => void` | Merchant ID lookup failed |
 | `onConfirm` | `(detail) => void` | Pay remaining confirmed |
 
+The button label is always **"Gait"** (with icon). Brand color is fixed to **#4147BF**; split-option styling uses **#F3F2FF**.
+
 ## Next.js
 
 The package uses `"use client"` directives. Import and use in Client Components:
@@ -84,7 +82,7 @@ import '@gait-financial/react/register';
 import { GaitButton } from '@gait-financial/react';
 
 export default function CheckoutPage() {
-  return <GaitButton data-id="..." label="Pay" />;
+  return <GaitButton data-id="your-checkout-id" />;
 }
 ```
 

package/dist/index.cjs

@@ -38,8 +38,6 @@ module.exports = __toCommonJS(src_exports);
 // src/components/GaitButton.tsx
 var import_react = __toESM(require("react"), 1);
 var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
-  label,
-  theme,
   "data-id": dataId,
   disabled,
   size,
@@ -47,7 +45,6 @@ var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
   items,
   priceBreakdown,
   totalCost,
-  brandColor,
   customer,
   webhook,
   merchantStoreUrl,
@@ -66,8 +63,6 @@ var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
   (0, import_react.useEffect)(() => {
     const el = elementRef.current;
     if (!el) return;
-    if (label !== void 0) el.setAttribute("label", label);
-    if (theme !== void 0) el.setAttribute("theme", theme);
     if (dataId !== void 0) el.setAttribute("data-id", dataId);
     if (size !== void 0) el.setAttribute("size", size);
     if (disabled) {
@@ -96,7 +91,6 @@ var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
     if (totalCost !== void 0) {
       el.setAttribute("total-cost", String(totalCost));
     }
-    if (brandColor !== void 0) el.setAttribute("brand-color", brandColor);
     if (customer !== void 0) {
       el.setAttribute(
         "customer",
@@ -113,8 +107,6 @@ var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
       el.setAttribute("merchant-store-url", merchantStoreUrl);
     }
   }, [
-    label,
-    theme,
     dataId,
     disabled,
     size,
@@ -122,7 +114,6 @@ var GaitButton = (0, import_react.forwardRef)(function GaitButton2({
     items,
     priceBreakdown,
     totalCost,
-    brandColor,
     customer,
     webhook,
     merchantStoreUrl

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/GaitButton.tsx"],"sourcesContent":["'use client';\n\n/**\n * @gait/react - React wrappers for Gait Web Components\n *\n * Usage:\n *   1. Register the Web Component (run once, e.g. in _app.tsx or layout):\n *      import '@gait/react/register';\n *\n *   2. Use the React components:\n *      import { GaitButton } from '@gait/react';\n */\n\nexport { GaitButton } from './components/GaitButton';\nexport type { GaitButtonProps } from './components/GaitButton';\n\nexport type {\n  ButtonTheme,\n  ButtonSize,\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from './types';\n","'use client';\n\n/**\n * React wrapper for GaitButton Web Component\n * Maps React props to element attributes (WC uses attributes as source of truth).\n * Uses ref + useEffect for binding - no direct JSX attribute spread to avoid React's\n * string coercion of booleans/objects.\n */\n\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport type {\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from '../types';\n\nexport interface GaitButtonProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {\n  /** Button label (default: \"Button\") */\n  label?: string;\n  /** Theme variant */\n  theme?: 'dark' | 'light';\n  /** Checkout/data identity (required for payment flow) */\n  'data-id'?: string;\n  /** Disable the button */\n  disabled?: boolean;\n  /** Button size */\n  size?: 'small' | 'medium' | 'large';\n  /** Inline styles - string (for WC) or React.CSSProperties */\n  style?: React.CSSProperties | string;\n  /** Cart/order items for split payment modal */\n  items?: GaitButtonItem[] | string;\n  /** Price breakdown items */\n  priceBreakdown?: GaitPriceBreakdownItem[] | string;\n  /** Total cost */\n  totalCost?: number | string;\n  /** Brand/accent color */\n  brandColor?: string;\n  /** Customer info for split payment */\n  customer?: GaitCustomer | string;\n  /** Webhook config for split payment callbacks */\n  webhook?: GaitWebhook | string;\n  /** Merchant store URL (defaults to window.location.origin) */\n  merchantStoreUrl?: string;\n\n  /** Button clicked */\n  onClick?: (detail: GaitClickDetail) => void;\n  /** Component loaded/rendered */\n  onLoaded?: (detail: GaitLoadedDetail) => void;\n  /** Data processed (e.g. checkoutId resolved) */\n  onDataProcessed?: (detail: GaitDataProcessedDetail) => void;\n  /** Split payment API feedback (success/failure) */\n  onSplitFeedback?: (detail: GaitSplitFeedbackDetail) => void;\n  /** Merchant ID lookup failed */\n  onMerchantIdError?: (detail: GaitMerchantIdErrorDetail) => void;\n  /** Pay remaining confirmed */\n  onConfirm?: (detail: GaitConfirmDetail) => void;\n}\n\nconst GaitButton = forwardRef<HTMLElement, GaitButtonProps>(function GaitButton(\n  {\n    label,\n    theme,\n    'data-id': dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    brandColor,\n    customer,\n    webhook,\n    merchantStoreUrl,\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n    className,\n    id,\n    ...rest\n  },\n  ref\n) {\n  const elementRef = useRef<HTMLElement>(null);\n\n  useImperativeHandle(ref, () => elementRef.current as HTMLElement, []);\n\n  // Sync props to element attributes via ref (WC reads attributes)\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    if (label !== undefined) el.setAttribute('label', label);\n    if (theme !== undefined) el.setAttribute('theme', theme);\n    if (dataId !== undefined) el.setAttribute('data-id', dataId);\n    if (size !== undefined) el.setAttribute('size', size);\n\n    if (disabled) {\n      el.setAttribute('disabled', '');\n    } else {\n      el.removeAttribute('disabled');\n    }\n\n    if (style !== undefined) {\n      const styleStr =\n        typeof style === 'string'\n          ? style\n          : Object.entries(style)\n              .map(\n                ([k, v]) =>\n                  `${k.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${v}`\n              )\n              .join('; ');\n      el.setAttribute('style', styleStr);\n    }\n\n    if (items !== undefined) {\n      el.setAttribute(\n        'items',\n        typeof items === 'string' ? items : JSON.stringify(items)\n      );\n    }\n\n    if (priceBreakdown !== undefined) {\n      el.setAttribute(\n        'price-breakdown',\n        typeof priceBreakdown === 'string'\n          ? priceBreakdown\n          : JSON.stringify(priceBreakdown)\n      );\n    }\n\n    if (totalCost !== undefined) {\n      el.setAttribute('total-cost', String(totalCost));\n    }\n\n    if (brandColor !== undefined) el.setAttribute('brand-color', brandColor);\n\n    if (customer !== undefined) {\n      el.setAttribute(\n        'customer',\n        typeof customer === 'string' ? customer : JSON.stringify(customer)\n      );\n    }\n\n    if (webhook !== undefined) {\n      el.setAttribute(\n        'webhook',\n        typeof webhook === 'string' ? webhook : JSON.stringify(webhook)\n      );\n    }\n\n    if (merchantStoreUrl !== undefined) {\n      el.setAttribute('merchant-store-url', merchantStoreUrl);\n    }\n  }, [\n    label,\n    theme,\n    dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    brandColor,\n    customer,\n    webhook,\n    merchantStoreUrl,\n  ]);\n\n  // Event listeners\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    const handleClick = (e: Event) => {\n      if (onClick && e instanceof CustomEvent && e.detail) {\n        onClick(e.detail as GaitClickDetail);\n      }\n    };\n    const handleLoaded = (e: Event) => {\n      if (onLoaded && e instanceof CustomEvent && e.detail) {\n        onLoaded(e.detail as GaitLoadedDetail);\n      }\n    };\n    const handleDataProcessed = (e: Event) => {\n      if (onDataProcessed && e instanceof CustomEvent && e.detail) {\n        onDataProcessed(e.detail as GaitDataProcessedDetail);\n      }\n    };\n    const handleSplitFeedback = (e: Event) => {\n      if (onSplitFeedback && e instanceof CustomEvent && e.detail) {\n        onSplitFeedback(e.detail as GaitSplitFeedbackDetail);\n      }\n    };\n    const handleMerchantIdError = (e: Event) => {\n      if (onMerchantIdError && e instanceof CustomEvent && e.detail) {\n        onMerchantIdError(e.detail as GaitMerchantIdErrorDetail);\n      }\n    };\n    const handleConfirm = (e: Event) => {\n      if (onConfirm && e instanceof CustomEvent && e.detail) {\n        onConfirm(e.detail as GaitConfirmDetail);\n      }\n    };\n\n    el.addEventListener('gait-click', handleClick as EventListener);\n    el.addEventListener('gait-loaded', handleLoaded as EventListener);\n    el.addEventListener('gait-data-processed', handleDataProcessed as EventListener);\n    el.addEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n    el.addEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n    el.addEventListener('gait-confirm', handleConfirm as EventListener);\n\n    return () => {\n      el.removeEventListener('gait-click', handleClick as EventListener);\n      el.removeEventListener('gait-loaded', handleLoaded as EventListener);\n      el.removeEventListener('gait-data-processed', handleDataProcessed as EventListener);\n      el.removeEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n      el.removeEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n      el.removeEventListener('gait-confirm', handleConfirm as EventListener);\n    };\n  }, [\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n  ]);\n\n  const passthrough: Record<string, unknown> = {};\n  if (className) passthrough.className = className;\n  if (id) passthrough.id = id;\n  Object.assign(passthrough, rest);\n\n  return React.createElement('gait-button', {\n    ref: elementRef,\n    ...passthrough,\n  });\n});\n\nGaitButton.displayName = 'GaitButton';\n\nexport { GaitButton };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACSA,mBAKO;AAyDP,IAAM,iBAAa,yBAAyC,SAASA,YACnE;AAAA,EACE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,iBAAa,qBAAoB,IAAI;AAE3C,wCAAoB,KAAK,MAAM,WAAW,SAAwB,CAAC,CAAC;AAGpE,8BAAU,MAAM;AACd,UAAM,KAAK,WAAW;AACtB,QAAI,CAAC,GAAI;AAET,QAAI,UAAU,OAAW,IAAG,aAAa,SAAS,KAAK;AACvD,QAAI,UAAU,OAAW,IAAG,aAAa,SAAS,KAAK;AACvD,QAAI,WAAW,OAAW,IAAG,aAAa,WAAW,MAAM;AAC3D,QAAI,SAAS,OAAW,IAAG,aAAa,QAAQ,IAAI;AAEpD,QAAI,UAAU;AACZ,SAAG,aAAa,YAAY,EAAE;AAAA,IAChC,OAAO;AACL,SAAG,gBAAgB,UAAU;AAAA,IAC/B;AAEA,QAAI,UAAU,QAAW;AACvB,YAAM,WACJ,OAAO,UAAU,WACb,QACA,OAAO,QAAQ,KAAK,EACjB;AAAA,QACC,CAAC,CAAC,GAAG,CAAC,MACJ,GAAG,EAAE,QAAQ,YAAY,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;AAAA,MACvD,EACC,KAAK,IAAI;AAClB,SAAG,aAAa,SAAS,QAAQ;AAAA,IACnC;AAEA,QAAI,UAAU,QAAW;AACvB,SAAG;AAAA,QACD;AAAA,QACA,OAAO,UAAU,WAAW,QAAQ,KAAK,UAAU,KAAK;AAAA,MAC1D;AAAA,IACF;AAEA,QAAI,mBAAmB,QAAW;AAChC,SAAG;AAAA,QACD;AAAA,QACA,OAAO,mBAAmB,WACtB,iBACA,KAAK,UAAU,cAAc;AAAA,MACnC;AAAA,IACF;AAEA,QAAI,cAAc,QAAW;AAC3B,SAAG,aAAa,cAAc,OAAO,SAAS,CAAC;AAAA,IACjD;AAEA,QAAI,eAAe,OAAW,IAAG,aAAa,eAAe,UAAU;AAEvE,QAAI,aAAa,QAAW;AAC1B,SAAG;AAAA,QACD;AAAA,QACA,OAAO,aAAa,WAAW,WAAW,KAAK,UAAU,QAAQ;AAAA,MACnE;AAAA,IACF;AAEA,QAAI,YAAY,QAAW;AACzB,SAAG;AAAA,QACD;AAAA,QACA,OAAO,YAAY,WAAW,UAAU,KAAK,UAAU,OAAO;AAAA,MAChE;AAAA,IACF;AAEA,QAAI,qBAAqB,QAAW;AAClC,SAAG,aAAa,sBAAsB,gBAAgB;AAAA,IACxD;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,8BAAU,MAAM;AACd,UAAM,KAAK,WAAW;AACtB,QAAI,CAAC,GAAI;AAET,UAAM,cAAc,CAAC,MAAa;AAChC,UAAI,WAAW,aAAa,eAAe,EAAE,QAAQ;AACnD,gBAAQ,EAAE,MAAyB;AAAA,MACrC;AAAA,IACF;AACA,UAAM,eAAe,CAAC,MAAa;AACjC,UAAI,YAAY,aAAa,eAAe,EAAE,QAAQ;AACpD,iBAAS,EAAE,MAA0B;AAAA,MACvC;AAAA,IACF;AACA,UAAM,sBAAsB,CAAC,MAAa;AACxC,UAAI,mBAAmB,aAAa,eAAe,EAAE,QAAQ;AAC3D,wBAAgB,EAAE,MAAiC;AAAA,MACrD;AAAA,IACF;AACA,UAAM,sBAAsB,CAAC,MAAa;AACxC,UAAI,mBAAmB,aAAa,eAAe,EAAE,QAAQ;AAC3D,wBAAgB,EAAE,MAAiC;AAAA,MACrD;AAAA,IACF;AACA,UAAM,wBAAwB,CAAC,MAAa;AAC1C,UAAI,qBAAqB,aAAa,eAAe,EAAE,QAAQ;AAC7D,0BAAkB,EAAE,MAAmC;AAAA,MACzD;AAAA,IACF;AACA,UAAM,gBAAgB,CAAC,MAAa;AAClC,UAAI,aAAa,aAAa,eAAe,EAAE,QAAQ;AACrD,kBAAU,EAAE,MAA2B;AAAA,MACzC;AAAA,IACF;AAEA,OAAG,iBAAiB,cAAc,WAA4B;AAC9D,OAAG,iBAAiB,eAAe,YAA6B;AAChE,OAAG,iBAAiB,uBAAuB,mBAAoC;AAC/E,OAAG,iBAAiB,uBAAuB,mBAAoC;AAC/E,OAAG,iBAAiB,0BAA0B,qBAAsC;AACpF,OAAG,iBAAiB,gBAAgB,aAA8B;AAElE,WAAO,MAAM;AACX,SAAG,oBAAoB,cAAc,WAA4B;AACjE,SAAG,oBAAoB,eAAe,YAA6B;AACnE,SAAG,oBAAoB,uBAAuB,mBAAoC;AAClF,SAAG,oBAAoB,uBAAuB,mBAAoC;AAClF,SAAG,oBAAoB,0BAA0B,qBAAsC;AACvF,SAAG,oBAAoB,gBAAgB,aAA8B;AAAA,IACvE;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAuC,CAAC;AAC9C,MAAI,UAAW,aAAY,YAAY;AACvC,MAAI,GAAI,aAAY,KAAK;AACzB,SAAO,OAAO,aAAa,IAAI;AAE/B,SAAO,aAAAC,QAAM,cAAc,eAAe;AAAA,IACxC,KAAK;AAAA,IACL,GAAG;AAAA,EACL,CAAC;AACH,CAAC;AAED,WAAW,cAAc;","names":["GaitButton","React"]}
+{"version":3,"sources":["../src/index.ts","../src/components/GaitButton.tsx"],"sourcesContent":["'use client';\n\n/**\n * @gait-financial/react - React wrappers for Gait Web Components\n *\n * Usage:\n *   1. Register the Web Component (run once, e.g. in _app.tsx or layout):\n *      import '@gait-financial/react/register';\n *\n *   2. Use the React components:\n *      import { GaitButton } from '@gait-financial/react';\n */\n\nexport { GaitButton } from './components/GaitButton';\nexport type { GaitButtonProps } from './components/GaitButton';\n\nexport type {\n  ButtonSize,\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from './types';\n","'use client';\n\n/**\n * React wrapper for GaitButton Web Component\n * Maps React props to element attributes (WC uses attributes as source of truth).\n * Uses ref + useEffect for binding - no direct JSX attribute spread to avoid React's\n * string coercion of booleans/objects.\n */\n\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport type {\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from '../types';\n\nexport interface GaitButtonProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {\n  /** Checkout/data identity (required for payment flow) */\n  'data-id'?: string;\n  /** Disable the button */\n  disabled?: boolean;\n  /** Button size */\n  size?: 'small' | 'medium' | 'large';\n  /** Inline styles - string (for WC) or React.CSSProperties */\n  style?: React.CSSProperties | string;\n  /** Cart/order items for split payment modal */\n  items?: GaitButtonItem[] | string;\n  /** Price breakdown items */\n  priceBreakdown?: GaitPriceBreakdownItem[] | string;\n  /** Total cost */\n  totalCost?: number | string;\n  /** Customer info for split payment */\n  customer?: GaitCustomer | string;\n  /** Webhook config for split payment callbacks */\n  webhook?: GaitWebhook | string;\n  /** Merchant store URL (defaults to window.location.origin) */\n  merchantStoreUrl?: string;\n\n  /** Button clicked */\n  onClick?: (detail: GaitClickDetail) => void;\n  /** Component loaded/rendered */\n  onLoaded?: (detail: GaitLoadedDetail) => void;\n  /** Data processed (e.g. checkoutId resolved) */\n  onDataProcessed?: (detail: GaitDataProcessedDetail) => void;\n  /** Split payment API feedback (success/failure) */\n  onSplitFeedback?: (detail: GaitSplitFeedbackDetail) => void;\n  /** Merchant ID lookup failed */\n  onMerchantIdError?: (detail: GaitMerchantIdErrorDetail) => void;\n  /** Pay remaining confirmed */\n  onConfirm?: (detail: GaitConfirmDetail) => void;\n}\n\nconst GaitButton = forwardRef<HTMLElement, GaitButtonProps>(function GaitButton(\n  {\n    'data-id': dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    customer,\n    webhook,\n    merchantStoreUrl,\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n    className,\n    id,\n    ...rest\n  },\n  ref\n) {\n  const elementRef = useRef<HTMLElement>(null);\n\n  useImperativeHandle(ref, () => elementRef.current as HTMLElement, []);\n\n  // Sync props to element attributes via ref (WC reads attributes)\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    if (dataId !== undefined) el.setAttribute('data-id', dataId);\n    if (size !== undefined) el.setAttribute('size', size);\n\n    if (disabled) {\n      el.setAttribute('disabled', '');\n    } else {\n      el.removeAttribute('disabled');\n    }\n\n    if (style !== undefined) {\n      const styleStr =\n        typeof style === 'string'\n          ? style\n          : Object.entries(style)\n              .map(\n                ([k, v]) =>\n                  `${k.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${v}`\n              )\n              .join('; ');\n      el.setAttribute('style', styleStr);\n    }\n\n    if (items !== undefined) {\n      el.setAttribute(\n        'items',\n        typeof items === 'string' ? items : JSON.stringify(items)\n      );\n    }\n\n    if (priceBreakdown !== undefined) {\n      el.setAttribute(\n        'price-breakdown',\n        typeof priceBreakdown === 'string'\n          ? priceBreakdown\n          : JSON.stringify(priceBreakdown)\n      );\n    }\n\n    if (totalCost !== undefined) {\n      el.setAttribute('total-cost', String(totalCost));\n    }\n\n    if (customer !== undefined) {\n      el.setAttribute(\n        'customer',\n        typeof customer === 'string' ? customer : JSON.stringify(customer)\n      );\n    }\n\n    if (webhook !== undefined) {\n      el.setAttribute(\n        'webhook',\n        typeof webhook === 'string' ? webhook : JSON.stringify(webhook)\n      );\n    }\n\n    if (merchantStoreUrl !== undefined) {\n      el.setAttribute('merchant-store-url', merchantStoreUrl);\n    }\n  }, [\n    dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    customer,\n    webhook,\n    merchantStoreUrl,\n  ]);\n\n  // Event listeners\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    const handleClick = (e: Event) => {\n      if (onClick && e instanceof CustomEvent && e.detail) {\n        onClick(e.detail as GaitClickDetail);\n      }\n    };\n    const handleLoaded = (e: Event) => {\n      if (onLoaded && e instanceof CustomEvent && e.detail) {\n        onLoaded(e.detail as GaitLoadedDetail);\n      }\n    };\n    const handleDataProcessed = (e: Event) => {\n      if (onDataProcessed && e instanceof CustomEvent && e.detail) {\n        onDataProcessed(e.detail as GaitDataProcessedDetail);\n      }\n    };\n    const handleSplitFeedback = (e: Event) => {\n      if (onSplitFeedback && e instanceof CustomEvent && e.detail) {\n        onSplitFeedback(e.detail as GaitSplitFeedbackDetail);\n      }\n    };\n    const handleMerchantIdError = (e: Event) => {\n      if (onMerchantIdError && e instanceof CustomEvent && e.detail) {\n        onMerchantIdError(e.detail as GaitMerchantIdErrorDetail);\n      }\n    };\n    const handleConfirm = (e: Event) => {\n      if (onConfirm && e instanceof CustomEvent && e.detail) {\n        onConfirm(e.detail as GaitConfirmDetail);\n      }\n    };\n\n    el.addEventListener('gait-click', handleClick as EventListener);\n    el.addEventListener('gait-loaded', handleLoaded as EventListener);\n    el.addEventListener('gait-data-processed', handleDataProcessed as EventListener);\n    el.addEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n    el.addEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n    el.addEventListener('gait-confirm', handleConfirm as EventListener);\n\n    return () => {\n      el.removeEventListener('gait-click', handleClick as EventListener);\n      el.removeEventListener('gait-loaded', handleLoaded as EventListener);\n      el.removeEventListener('gait-data-processed', handleDataProcessed as EventListener);\n      el.removeEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n      el.removeEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n      el.removeEventListener('gait-confirm', handleConfirm as EventListener);\n    };\n  }, [\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n  ]);\n\n  const passthrough: Record<string, unknown> = {};\n  if (className) passthrough.className = className;\n  if (id) passthrough.id = id;\n  Object.assign(passthrough, rest);\n\n  return React.createElement('gait-button', {\n    ref: elementRef,\n    ...passthrough,\n  });\n});\n\nGaitButton.displayName = 'GaitButton';\n\nexport { GaitButton };\n"],"mappings":"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","names":["GaitButton","React"]}

package/dist/index.d.cts

@@ -4,7 +4,6 @@ import React from 'react';
  * Shared types for Gait React components
  * Mirrors the Web Component API (source of truth)
  */
-type ButtonTheme = 'dark' | 'light';
 type ButtonSize = 'small' | 'medium' | 'large';
 interface GaitButtonItem {
     name: string;
@@ -29,7 +28,6 @@ interface GaitWebhook {
 /** gait-click event detail */
 interface GaitClickDetail {
     label: string;
-    theme: ButtonTheme;
     dataId: string | null;
     dataAttributes: Record<string, string>;
     timestamp: string;
@@ -40,7 +38,6 @@ interface GaitLoadedDetail {
     dataId: string | null;
     dataAttributes: Record<string, string>;
     label: string;
-    theme: ButtonTheme;
     size: ButtonSize;
     disabled: boolean;
     timestamp: string;
@@ -79,10 +76,6 @@ interface GaitConfirmDetail {
  */
 
 interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {
-    /** Button label (default: "Button") */
-    label?: string;
-    /** Theme variant */
-    theme?: 'dark' | 'light';
     /** Checkout/data identity (required for payment flow) */
     'data-id'?: string;
     /** Disable the button */
@@ -97,8 +90,6 @@ interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCli
     priceBreakdown?: GaitPriceBreakdownItem[] | string;
     /** Total cost */
     totalCost?: number | string;
-    /** Brand/accent color */
-    brandColor?: string;
     /** Customer info for split payment */
     customer?: GaitCustomer | string;
     /** Webhook config for split payment callbacks */
@@ -120,4 +111,4 @@ interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCli
 }
 declare const GaitButton: React.ForwardRefExoticComponent<GaitButtonProps & React.RefAttributes<HTMLElement>>;
 
-export { type ButtonSize, type ButtonTheme, GaitButton, type GaitButtonItem, type GaitButtonProps, type GaitClickDetail, type GaitConfirmDetail, type GaitCustomer, type GaitDataProcessedDetail, type GaitLoadedDetail, type GaitMerchantIdErrorDetail, type GaitPriceBreakdownItem, type GaitSplitFeedbackDetail, type GaitWebhook };
+export { type ButtonSize, GaitButton, type GaitButtonItem, type GaitButtonProps, type GaitClickDetail, type GaitConfirmDetail, type GaitCustomer, type GaitDataProcessedDetail, type GaitLoadedDetail, type GaitMerchantIdErrorDetail, type GaitPriceBreakdownItem, type GaitSplitFeedbackDetail, type GaitWebhook };

package/dist/index.d.ts

@@ -4,7 +4,6 @@ import React from 'react';
  * Shared types for Gait React components
  * Mirrors the Web Component API (source of truth)
  */
-type ButtonTheme = 'dark' | 'light';
 type ButtonSize = 'small' | 'medium' | 'large';
 interface GaitButtonItem {
     name: string;
@@ -29,7 +28,6 @@ interface GaitWebhook {
 /** gait-click event detail */
 interface GaitClickDetail {
     label: string;
-    theme: ButtonTheme;
     dataId: string | null;
     dataAttributes: Record<string, string>;
     timestamp: string;
@@ -40,7 +38,6 @@ interface GaitLoadedDetail {
     dataId: string | null;
     dataAttributes: Record<string, string>;
     label: string;
-    theme: ButtonTheme;
     size: ButtonSize;
     disabled: boolean;
     timestamp: string;
@@ -79,10 +76,6 @@ interface GaitConfirmDetail {
  */
 
 interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {
-    /** Button label (default: "Button") */
-    label?: string;
-    /** Theme variant */
-    theme?: 'dark' | 'light';
     /** Checkout/data identity (required for payment flow) */
     'data-id'?: string;
     /** Disable the button */
@@ -97,8 +90,6 @@ interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCli
     priceBreakdown?: GaitPriceBreakdownItem[] | string;
     /** Total cost */
     totalCost?: number | string;
-    /** Brand/accent color */
-    brandColor?: string;
     /** Customer info for split payment */
     customer?: GaitCustomer | string;
     /** Webhook config for split payment callbacks */
@@ -120,4 +111,4 @@ interface GaitButtonProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCli
 }
 declare const GaitButton: React.ForwardRefExoticComponent<GaitButtonProps & React.RefAttributes<HTMLElement>>;
 
-export { type ButtonSize, type ButtonTheme, GaitButton, type GaitButtonItem, type GaitButtonProps, type GaitClickDetail, type GaitConfirmDetail, type GaitCustomer, type GaitDataProcessedDetail, type GaitLoadedDetail, type GaitMerchantIdErrorDetail, type GaitPriceBreakdownItem, type GaitSplitFeedbackDetail, type GaitWebhook };
+export { type ButtonSize, GaitButton, type GaitButtonItem, type GaitButtonProps, type GaitClickDetail, type GaitConfirmDetail, type GaitCustomer, type GaitDataProcessedDetail, type GaitLoadedDetail, type GaitMerchantIdErrorDetail, type GaitPriceBreakdownItem, type GaitSplitFeedbackDetail, type GaitWebhook };

package/dist/index.js

@@ -8,8 +8,6 @@ import React, {
   useRef
 } from "react";
 var GaitButton = forwardRef(function GaitButton2({
-  label,
-  theme,
   "data-id": dataId,
   disabled,
   size,
@@ -17,7 +15,6 @@ var GaitButton = forwardRef(function GaitButton2({
   items,
   priceBreakdown,
   totalCost,
-  brandColor,
   customer,
   webhook,
   merchantStoreUrl,
@@ -36,8 +33,6 @@ var GaitButton = forwardRef(function GaitButton2({
   useEffect(() => {
     const el = elementRef.current;
     if (!el) return;
-    if (label !== void 0) el.setAttribute("label", label);
-    if (theme !== void 0) el.setAttribute("theme", theme);
     if (dataId !== void 0) el.setAttribute("data-id", dataId);
     if (size !== void 0) el.setAttribute("size", size);
     if (disabled) {
@@ -66,7 +61,6 @@ var GaitButton = forwardRef(function GaitButton2({
     if (totalCost !== void 0) {
       el.setAttribute("total-cost", String(totalCost));
     }
-    if (brandColor !== void 0) el.setAttribute("brand-color", brandColor);
     if (customer !== void 0) {
       el.setAttribute(
         "customer",
@@ -83,8 +77,6 @@ var GaitButton = forwardRef(function GaitButton2({
       el.setAttribute("merchant-store-url", merchantStoreUrl);
     }
   }, [
-    label,
-    theme,
     dataId,
     disabled,
     size,
@@ -92,7 +84,6 @@ var GaitButton = forwardRef(function GaitButton2({
     items,
     priceBreakdown,
     totalCost,
-    brandColor,
     customer,
     webhook,
     merchantStoreUrl

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GaitButton.tsx"],"sourcesContent":["'use client';\n\n/**\n * React wrapper for GaitButton Web Component\n * Maps React props to element attributes (WC uses attributes as source of truth).\n * Uses ref + useEffect for binding - no direct JSX attribute spread to avoid React's\n * string coercion of booleans/objects.\n */\n\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport type {\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from '../types';\n\nexport interface GaitButtonProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {\n  /** Button label (default: \"Button\") */\n  label?: string;\n  /** Theme variant */\n  theme?: 'dark' | 'light';\n  /** Checkout/data identity (required for payment flow) */\n  'data-id'?: string;\n  /** Disable the button */\n  disabled?: boolean;\n  /** Button size */\n  size?: 'small' | 'medium' | 'large';\n  /** Inline styles - string (for WC) or React.CSSProperties */\n  style?: React.CSSProperties | string;\n  /** Cart/order items for split payment modal */\n  items?: GaitButtonItem[] | string;\n  /** Price breakdown items */\n  priceBreakdown?: GaitPriceBreakdownItem[] | string;\n  /** Total cost */\n  totalCost?: number | string;\n  /** Brand/accent color */\n  brandColor?: string;\n  /** Customer info for split payment */\n  customer?: GaitCustomer | string;\n  /** Webhook config for split payment callbacks */\n  webhook?: GaitWebhook | string;\n  /** Merchant store URL (defaults to window.location.origin) */\n  merchantStoreUrl?: string;\n\n  /** Button clicked */\n  onClick?: (detail: GaitClickDetail) => void;\n  /** Component loaded/rendered */\n  onLoaded?: (detail: GaitLoadedDetail) => void;\n  /** Data processed (e.g. checkoutId resolved) */\n  onDataProcessed?: (detail: GaitDataProcessedDetail) => void;\n  /** Split payment API feedback (success/failure) */\n  onSplitFeedback?: (detail: GaitSplitFeedbackDetail) => void;\n  /** Merchant ID lookup failed */\n  onMerchantIdError?: (detail: GaitMerchantIdErrorDetail) => void;\n  /** Pay remaining confirmed */\n  onConfirm?: (detail: GaitConfirmDetail) => void;\n}\n\nconst GaitButton = forwardRef<HTMLElement, GaitButtonProps>(function GaitButton(\n  {\n    label,\n    theme,\n    'data-id': dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    brandColor,\n    customer,\n    webhook,\n    merchantStoreUrl,\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n    className,\n    id,\n    ...rest\n  },\n  ref\n) {\n  const elementRef = useRef<HTMLElement>(null);\n\n  useImperativeHandle(ref, () => elementRef.current as HTMLElement, []);\n\n  // Sync props to element attributes via ref (WC reads attributes)\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    if (label !== undefined) el.setAttribute('label', label);\n    if (theme !== undefined) el.setAttribute('theme', theme);\n    if (dataId !== undefined) el.setAttribute('data-id', dataId);\n    if (size !== undefined) el.setAttribute('size', size);\n\n    if (disabled) {\n      el.setAttribute('disabled', '');\n    } else {\n      el.removeAttribute('disabled');\n    }\n\n    if (style !== undefined) {\n      const styleStr =\n        typeof style === 'string'\n          ? style\n          : Object.entries(style)\n              .map(\n                ([k, v]) =>\n                  `${k.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${v}`\n              )\n              .join('; ');\n      el.setAttribute('style', styleStr);\n    }\n\n    if (items !== undefined) {\n      el.setAttribute(\n        'items',\n        typeof items === 'string' ? items : JSON.stringify(items)\n      );\n    }\n\n    if (priceBreakdown !== undefined) {\n      el.setAttribute(\n        'price-breakdown',\n        typeof priceBreakdown === 'string'\n          ? priceBreakdown\n          : JSON.stringify(priceBreakdown)\n      );\n    }\n\n    if (totalCost !== undefined) {\n      el.setAttribute('total-cost', String(totalCost));\n    }\n\n    if (brandColor !== undefined) el.setAttribute('brand-color', brandColor);\n\n    if (customer !== undefined) {\n      el.setAttribute(\n        'customer',\n        typeof customer === 'string' ? customer : JSON.stringify(customer)\n      );\n    }\n\n    if (webhook !== undefined) {\n      el.setAttribute(\n        'webhook',\n        typeof webhook === 'string' ? webhook : JSON.stringify(webhook)\n      );\n    }\n\n    if (merchantStoreUrl !== undefined) {\n      el.setAttribute('merchant-store-url', merchantStoreUrl);\n    }\n  }, [\n    label,\n    theme,\n    dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    brandColor,\n    customer,\n    webhook,\n    merchantStoreUrl,\n  ]);\n\n  // Event listeners\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    const handleClick = (e: Event) => {\n      if (onClick && e instanceof CustomEvent && e.detail) {\n        onClick(e.detail as GaitClickDetail);\n      }\n    };\n    const handleLoaded = (e: Event) => {\n      if (onLoaded && e instanceof CustomEvent && e.detail) {\n        onLoaded(e.detail as GaitLoadedDetail);\n      }\n    };\n    const handleDataProcessed = (e: Event) => {\n      if (onDataProcessed && e instanceof CustomEvent && e.detail) {\n        onDataProcessed(e.detail as GaitDataProcessedDetail);\n      }\n    };\n    const handleSplitFeedback = (e: Event) => {\n      if (onSplitFeedback && e instanceof CustomEvent && e.detail) {\n        onSplitFeedback(e.detail as GaitSplitFeedbackDetail);\n      }\n    };\n    const handleMerchantIdError = (e: Event) => {\n      if (onMerchantIdError && e instanceof CustomEvent && e.detail) {\n        onMerchantIdError(e.detail as GaitMerchantIdErrorDetail);\n      }\n    };\n    const handleConfirm = (e: Event) => {\n      if (onConfirm && e instanceof CustomEvent && e.detail) {\n        onConfirm(e.detail as GaitConfirmDetail);\n      }\n    };\n\n    el.addEventListener('gait-click', handleClick as EventListener);\n    el.addEventListener('gait-loaded', handleLoaded as EventListener);\n    el.addEventListener('gait-data-processed', handleDataProcessed as EventListener);\n    el.addEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n    el.addEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n    el.addEventListener('gait-confirm', handleConfirm as EventListener);\n\n    return () => {\n      el.removeEventListener('gait-click', handleClick as EventListener);\n      el.removeEventListener('gait-loaded', handleLoaded as EventListener);\n      el.removeEventListener('gait-data-processed', handleDataProcessed as EventListener);\n      el.removeEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n      el.removeEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n      el.removeEventListener('gait-confirm', handleConfirm as EventListener);\n    };\n  }, [\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n  ]);\n\n  const passthrough: Record<string, unknown> = {};\n  if (className) passthrough.className = className;\n  if (id) passthrough.id = id;\n  Object.assign(passthrough, rest);\n\n  return React.createElement('gait-button', {\n    ref: elementRef,\n    ...passthrough,\n  });\n});\n\nGaitButton.displayName = 'GaitButton';\n\nexport { GaitButton };\n"],"mappings":"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","names":["GaitButton"]}
+{"version":3,"sources":["../src/components/GaitButton.tsx"],"sourcesContent":["'use client';\n\n/**\n * React wrapper for GaitButton Web Component\n * Maps React props to element attributes (WC uses attributes as source of truth).\n * Uses ref + useEffect for binding - no direct JSX attribute spread to avoid React's\n * string coercion of booleans/objects.\n */\n\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport type {\n  GaitButtonItem,\n  GaitPriceBreakdownItem,\n  GaitCustomer,\n  GaitWebhook,\n  GaitClickDetail,\n  GaitLoadedDetail,\n  GaitDataProcessedDetail,\n  GaitSplitFeedbackDetail,\n  GaitMerchantIdErrorDetail,\n  GaitConfirmDetail,\n} from '../types';\n\nexport interface GaitButtonProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'style'> {\n  /** Checkout/data identity (required for payment flow) */\n  'data-id'?: string;\n  /** Disable the button */\n  disabled?: boolean;\n  /** Button size */\n  size?: 'small' | 'medium' | 'large';\n  /** Inline styles - string (for WC) or React.CSSProperties */\n  style?: React.CSSProperties | string;\n  /** Cart/order items for split payment modal */\n  items?: GaitButtonItem[] | string;\n  /** Price breakdown items */\n  priceBreakdown?: GaitPriceBreakdownItem[] | string;\n  /** Total cost */\n  totalCost?: number | string;\n  /** Customer info for split payment */\n  customer?: GaitCustomer | string;\n  /** Webhook config for split payment callbacks */\n  webhook?: GaitWebhook | string;\n  /** Merchant store URL (defaults to window.location.origin) */\n  merchantStoreUrl?: string;\n\n  /** Button clicked */\n  onClick?: (detail: GaitClickDetail) => void;\n  /** Component loaded/rendered */\n  onLoaded?: (detail: GaitLoadedDetail) => void;\n  /** Data processed (e.g. checkoutId resolved) */\n  onDataProcessed?: (detail: GaitDataProcessedDetail) => void;\n  /** Split payment API feedback (success/failure) */\n  onSplitFeedback?: (detail: GaitSplitFeedbackDetail) => void;\n  /** Merchant ID lookup failed */\n  onMerchantIdError?: (detail: GaitMerchantIdErrorDetail) => void;\n  /** Pay remaining confirmed */\n  onConfirm?: (detail: GaitConfirmDetail) => void;\n}\n\nconst GaitButton = forwardRef<HTMLElement, GaitButtonProps>(function GaitButton(\n  {\n    'data-id': dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    customer,\n    webhook,\n    merchantStoreUrl,\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n    className,\n    id,\n    ...rest\n  },\n  ref\n) {\n  const elementRef = useRef<HTMLElement>(null);\n\n  useImperativeHandle(ref, () => elementRef.current as HTMLElement, []);\n\n  // Sync props to element attributes via ref (WC reads attributes)\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    if (dataId !== undefined) el.setAttribute('data-id', dataId);\n    if (size !== undefined) el.setAttribute('size', size);\n\n    if (disabled) {\n      el.setAttribute('disabled', '');\n    } else {\n      el.removeAttribute('disabled');\n    }\n\n    if (style !== undefined) {\n      const styleStr =\n        typeof style === 'string'\n          ? style\n          : Object.entries(style)\n              .map(\n                ([k, v]) =>\n                  `${k.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${v}`\n              )\n              .join('; ');\n      el.setAttribute('style', styleStr);\n    }\n\n    if (items !== undefined) {\n      el.setAttribute(\n        'items',\n        typeof items === 'string' ? items : JSON.stringify(items)\n      );\n    }\n\n    if (priceBreakdown !== undefined) {\n      el.setAttribute(\n        'price-breakdown',\n        typeof priceBreakdown === 'string'\n          ? priceBreakdown\n          : JSON.stringify(priceBreakdown)\n      );\n    }\n\n    if (totalCost !== undefined) {\n      el.setAttribute('total-cost', String(totalCost));\n    }\n\n    if (customer !== undefined) {\n      el.setAttribute(\n        'customer',\n        typeof customer === 'string' ? customer : JSON.stringify(customer)\n      );\n    }\n\n    if (webhook !== undefined) {\n      el.setAttribute(\n        'webhook',\n        typeof webhook === 'string' ? webhook : JSON.stringify(webhook)\n      );\n    }\n\n    if (merchantStoreUrl !== undefined) {\n      el.setAttribute('merchant-store-url', merchantStoreUrl);\n    }\n  }, [\n    dataId,\n    disabled,\n    size,\n    style,\n    items,\n    priceBreakdown,\n    totalCost,\n    customer,\n    webhook,\n    merchantStoreUrl,\n  ]);\n\n  // Event listeners\n  useEffect(() => {\n    const el = elementRef.current;\n    if (!el) return;\n\n    const handleClick = (e: Event) => {\n      if (onClick && e instanceof CustomEvent && e.detail) {\n        onClick(e.detail as GaitClickDetail);\n      }\n    };\n    const handleLoaded = (e: Event) => {\n      if (onLoaded && e instanceof CustomEvent && e.detail) {\n        onLoaded(e.detail as GaitLoadedDetail);\n      }\n    };\n    const handleDataProcessed = (e: Event) => {\n      if (onDataProcessed && e instanceof CustomEvent && e.detail) {\n        onDataProcessed(e.detail as GaitDataProcessedDetail);\n      }\n    };\n    const handleSplitFeedback = (e: Event) => {\n      if (onSplitFeedback && e instanceof CustomEvent && e.detail) {\n        onSplitFeedback(e.detail as GaitSplitFeedbackDetail);\n      }\n    };\n    const handleMerchantIdError = (e: Event) => {\n      if (onMerchantIdError && e instanceof CustomEvent && e.detail) {\n        onMerchantIdError(e.detail as GaitMerchantIdErrorDetail);\n      }\n    };\n    const handleConfirm = (e: Event) => {\n      if (onConfirm && e instanceof CustomEvent && e.detail) {\n        onConfirm(e.detail as GaitConfirmDetail);\n      }\n    };\n\n    el.addEventListener('gait-click', handleClick as EventListener);\n    el.addEventListener('gait-loaded', handleLoaded as EventListener);\n    el.addEventListener('gait-data-processed', handleDataProcessed as EventListener);\n    el.addEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n    el.addEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n    el.addEventListener('gait-confirm', handleConfirm as EventListener);\n\n    return () => {\n      el.removeEventListener('gait-click', handleClick as EventListener);\n      el.removeEventListener('gait-loaded', handleLoaded as EventListener);\n      el.removeEventListener('gait-data-processed', handleDataProcessed as EventListener);\n      el.removeEventListener('gait-split-feedback', handleSplitFeedback as EventListener);\n      el.removeEventListener('gait-merchant-id-error', handleMerchantIdError as EventListener);\n      el.removeEventListener('gait-confirm', handleConfirm as EventListener);\n    };\n  }, [\n    onClick,\n    onLoaded,\n    onDataProcessed,\n    onSplitFeedback,\n    onMerchantIdError,\n    onConfirm,\n  ]);\n\n  const passthrough: Record<string, unknown> = {};\n  if (className) passthrough.className = className;\n  if (id) passthrough.id = id;\n  Object.assign(passthrough, rest);\n\n  return React.createElement('gait-button', {\n    ref: elementRef,\n    ...passthrough,\n  });\n});\n\nGaitButton.displayName = 'GaitButton';\n\nexport { GaitButton };\n"],"mappings":"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","names":["GaitButton"]}

package/dist/register.cjs

@@ -40,12 +40,12 @@ async function defineCustomElements(scriptUrl) {
       try {
         script.src = new URL("./wc/button.js", import_meta.url).href;
       } catch {
-        reject(new Error("[@gait/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl."));
+        reject(new Error("[@gait-financial/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl."));
         return;
       }
     }
     script.onload = () => resolve();
-    script.onerror = () => reject(new Error("[@gait/react] Failed to load Gait web component script."));
+    script.onerror = () => reject(new Error("[@gait-financial/react] Failed to load Gait web component script."));
     document.head.appendChild(script);
   });
 }

package/dist/register.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/register.ts"],"sourcesContent":["/**\n * Registers Gait Web Components in the browser.\n * Safe to call in SSR environments - no-op when window/customElements unavailable.\n *\n * Usage:\n *   import '@gait/react/register';  // Side-effect: registers when in browser\n *   // or\n *   import { defineCustomElements } from '@gait/react/register';\n *   await defineCustomElements();  // Optional: load from custom URL\n */\n\n/**\n * Loads and registers Gait Web Components.\n * In browser: loads the WC script if not already registered.\n * In SSR: no-op.\n *\n * @param scriptUrl - Optional URL to the button.js script. If omitted, uses the bundled script.\n */\nexport async function defineCustomElements(\n  scriptUrl?: string\n): Promise<void> {\n  if (typeof window === 'undefined' || typeof customElements === 'undefined') {\n    return;\n  }\n  if (customElements.get('gait-button')) {\n    return;\n  }\n\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.async = true;\n\n    if (scriptUrl) {\n      script.src = scriptUrl;\n    } else {\n      // Use bundled script - path relative to this module\n      try {\n        script.src = new URL('./wc/button.js', import.meta.url).href;\n      } catch {\n        reject(new Error('[@gait/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl.'));\n        return;\n      }\n    }\n\n    script.onload = () => resolve();\n    script.onerror = () =>\n      reject(new Error('[@gait/react] Failed to load Gait web component script.'));\n    document.head.appendChild(script);\n  });\n}\n\n// Side-effect: auto-register when imported in browser (SSR-safe)\nif (typeof window !== 'undefined' && typeof customElements !== 'undefined') {\n  void defineCustomElements();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,eAAsB,qBACpB,WACe;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E;AAAA,EACF;AACA,MAAI,eAAe,IAAI,aAAa,GAAG;AACrC;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AAEf,QAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf,OAAO;AAEL,UAAI;AACF,eAAO,MAAM,IAAI,IAAI,kBAAkB,YAAY,GAAG,EAAE;AAAA,MAC1D,QAAQ;AACN,eAAO,IAAI,MAAM,0GAA0G,CAAC;AAC5H;AAAA,MACF;AAAA,IACF;AAEA,WAAO,SAAS,MAAM,QAAQ;AAC9B,WAAO,UAAU,MACf,OAAO,IAAI,MAAM,yDAAyD,CAAC;AAC7E,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACH;AAGA,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E,OAAK,qBAAqB;AAC5B;","names":[]}
+{"version":3,"sources":["../src/register.ts"],"sourcesContent":["/**\n * Registers Gait Web Components in the browser.\n * Safe to call in SSR environments - no-op when window/customElements unavailable.\n *\n * Usage:\n *   import '@gait-financial/react/register';  // Side-effect: registers when in browser\n *   // or\n *   import { defineCustomElements } from '@gait-financial/react/register';\n *   await defineCustomElements();  // Optional: load from custom URL\n */\n\n/**\n * Loads and registers Gait Web Components.\n * In browser: loads the WC script if not already registered.\n * In SSR: no-op.\n *\n * @param scriptUrl - Optional URL to the button.js script. If omitted, uses the bundled script.\n */\nexport async function defineCustomElements(\n  scriptUrl?: string\n): Promise<void> {\n  if (typeof window === 'undefined' || typeof customElements === 'undefined') {\n    return;\n  }\n  if (customElements.get('gait-button')) {\n    return;\n  }\n\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.async = true;\n\n    if (scriptUrl) {\n      script.src = scriptUrl;\n    } else {\n      // Use bundled script - path relative to this module\n      try {\n        script.src = new URL('./wc/button.js', import.meta.url).href;\n      } catch {\n        reject(new Error('[@gait-financial/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl.'));\n        return;\n      }\n    }\n\n    script.onload = () => resolve();\n    script.onerror = () =>\n      reject(new Error('[@gait-financial/react] Failed to load Gait web component script.'));\n    document.head.appendChild(script);\n  });\n}\n\n// Side-effect: auto-register when imported in browser (SSR-safe)\nif (typeof window !== 'undefined' && typeof customElements !== 'undefined') {\n  void defineCustomElements();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,eAAsB,qBACpB,WACe;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E;AAAA,EACF;AACA,MAAI,eAAe,IAAI,aAAa,GAAG;AACrC;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AAEf,QAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf,OAAO;AAEL,UAAI;AACF,eAAO,MAAM,IAAI,IAAI,kBAAkB,YAAY,GAAG,EAAE;AAAA,MAC1D,QAAQ;AACN,eAAO,IAAI,MAAM,oHAAoH,CAAC;AACtI;AAAA,MACF;AAAA,IACF;AAEA,WAAO,SAAS,MAAM,QAAQ;AAC9B,WAAO,UAAU,MACf,OAAO,IAAI,MAAM,mEAAmE,CAAC;AACvF,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACH;AAGA,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E,OAAK,qBAAqB;AAC5B;","names":[]}

package/dist/register.d.cts

@@ -3,9 +3,9 @@
  * Safe to call in SSR environments - no-op when window/customElements unavailable.
  *
  * Usage:
- *   import '@gait/react/register';  // Side-effect: registers when in browser
+ *   import '@gait-financial/react/register';  // Side-effect: registers when in browser
  *   // or
- *   import { defineCustomElements } from '@gait/react/register';
+ *   import { defineCustomElements } from '@gait-financial/react/register';
  *   await defineCustomElements();  // Optional: load from custom URL
  */
 /**

package/dist/register.d.ts

@@ -3,9 +3,9 @@
  * Safe to call in SSR environments - no-op when window/customElements unavailable.
  *
  * Usage:
- *   import '@gait/react/register';  // Side-effect: registers when in browser
+ *   import '@gait-financial/react/register';  // Side-effect: registers when in browser
  *   // or
- *   import { defineCustomElements } from '@gait/react/register';
+ *   import { defineCustomElements } from '@gait-financial/react/register';
  *   await defineCustomElements();  // Optional: load from custom URL
  */
 /**

package/dist/register.js

@@ -15,12 +15,12 @@ async function defineCustomElements(scriptUrl) {
       try {
         script.src = new URL("./wc/button.js", import.meta.url).href;
       } catch {
-        reject(new Error("[@gait/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl."));
+        reject(new Error("[@gait-financial/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl."));
         return;
       }
     }
     script.onload = () => resolve();
-    script.onerror = () => reject(new Error("[@gait/react] Failed to load Gait web component script."));
+    script.onerror = () => reject(new Error("[@gait-financial/react] Failed to load Gait web component script."));
     document.head.appendChild(script);
   });
 }

package/dist/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/register.ts"],"sourcesContent":["/**\n * Registers Gait Web Components in the browser.\n * Safe to call in SSR environments - no-op when window/customElements unavailable.\n *\n * Usage:\n *   import '@gait/react/register';  // Side-effect: registers when in browser\n *   // or\n *   import { defineCustomElements } from '@gait/react/register';\n *   await defineCustomElements();  // Optional: load from custom URL\n */\n\n/**\n * Loads and registers Gait Web Components.\n * In browser: loads the WC script if not already registered.\n * In SSR: no-op.\n *\n * @param scriptUrl - Optional URL to the button.js script. If omitted, uses the bundled script.\n */\nexport async function defineCustomElements(\n  scriptUrl?: string\n): Promise<void> {\n  if (typeof window === 'undefined' || typeof customElements === 'undefined') {\n    return;\n  }\n  if (customElements.get('gait-button')) {\n    return;\n  }\n\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.async = true;\n\n    if (scriptUrl) {\n      script.src = scriptUrl;\n    } else {\n      // Use bundled script - path relative to this module\n      try {\n        script.src = new URL('./wc/button.js', import.meta.url).href;\n      } catch {\n        reject(new Error('[@gait/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl.'));\n        return;\n      }\n    }\n\n    script.onload = () => resolve();\n    script.onerror = () =>\n      reject(new Error('[@gait/react] Failed to load Gait web component script.'));\n    document.head.appendChild(script);\n  });\n}\n\n// Side-effect: auto-register when imported in browser (SSR-safe)\nif (typeof window !== 'undefined' && typeof customElements !== 'undefined') {\n  void defineCustomElements();\n}\n"],"mappings":";AAkBA,eAAsB,qBACpB,WACe;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E;AAAA,EACF;AACA,MAAI,eAAe,IAAI,aAAa,GAAG;AACrC;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AAEf,QAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf,OAAO;AAEL,UAAI;AACF,eAAO,MAAM,IAAI,IAAI,kBAAkB,YAAY,GAAG,EAAE;AAAA,MAC1D,QAAQ;AACN,eAAO,IAAI,MAAM,0GAA0G,CAAC;AAC5H;AAAA,MACF;AAAA,IACF;AAEA,WAAO,SAAS,MAAM,QAAQ;AAC9B,WAAO,UAAU,MACf,OAAO,IAAI,MAAM,yDAAyD,CAAC;AAC7E,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACH;AAGA,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E,OAAK,qBAAqB;AAC5B;","names":[]}
+{"version":3,"sources":["../src/register.ts"],"sourcesContent":["/**\n * Registers Gait Web Components in the browser.\n * Safe to call in SSR environments - no-op when window/customElements unavailable.\n *\n * Usage:\n *   import '@gait-financial/react/register';  // Side-effect: registers when in browser\n *   // or\n *   import { defineCustomElements } from '@gait-financial/react/register';\n *   await defineCustomElements();  // Optional: load from custom URL\n */\n\n/**\n * Loads and registers Gait Web Components.\n * In browser: loads the WC script if not already registered.\n * In SSR: no-op.\n *\n * @param scriptUrl - Optional URL to the button.js script. If omitted, uses the bundled script.\n */\nexport async function defineCustomElements(\n  scriptUrl?: string\n): Promise<void> {\n  if (typeof window === 'undefined' || typeof customElements === 'undefined') {\n    return;\n  }\n  if (customElements.get('gait-button')) {\n    return;\n  }\n\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.async = true;\n\n    if (scriptUrl) {\n      script.src = scriptUrl;\n    } else {\n      // Use bundled script - path relative to this module\n      try {\n        script.src = new URL('./wc/button.js', import.meta.url).href;\n      } catch {\n        reject(new Error('[@gait-financial/react] Could not resolve bundled script. Load the web component via script tag or pass scriptUrl.'));\n        return;\n      }\n    }\n\n    script.onload = () => resolve();\n    script.onerror = () =>\n      reject(new Error('[@gait-financial/react] Failed to load Gait web component script.'));\n    document.head.appendChild(script);\n  });\n}\n\n// Side-effect: auto-register when imported in browser (SSR-safe)\nif (typeof window !== 'undefined' && typeof customElements !== 'undefined') {\n  void defineCustomElements();\n}\n"],"mappings":";AAkBA,eAAsB,qBACpB,WACe;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E;AAAA,EACF;AACA,MAAI,eAAe,IAAI,aAAa,GAAG;AACrC;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AAEf,QAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf,OAAO;AAEL,UAAI;AACF,eAAO,MAAM,IAAI,IAAI,kBAAkB,YAAY,GAAG,EAAE;AAAA,MAC1D,QAAQ;AACN,eAAO,IAAI,MAAM,oHAAoH,CAAC;AACtI;AAAA,MACF;AAAA,IACF;AAEA,WAAO,SAAS,MAAM,QAAQ;AAC9B,WAAO,UAAU,MACf,OAAO,IAAI,MAAM,mEAAmE,CAAC;AACvF,aAAS,KAAK,YAAY,MAAM;AAAA,EAClC,CAAC;AACH;AAGA,IAAI,OAAO,WAAW,eAAe,OAAO,mBAAmB,aAAa;AAC1E,OAAK,qBAAqB;AAC5B;","names":[]}