@solvapay/react 2.1.1 → 2.2.0-preview-11dbbe603cd1b9a44cc41b5eee3686bc4000f97f

package/dist/primitives/index.cjs

@@ -891,6 +891,9 @@ var enCopy = {
     expiresOn: "Expires {date}",
     validIndefinitely: "Valid indefinitely",
     startedOn: "Started {date}",
+    priceFieldLabel: "Price",
+    rateFieldLabel: "Rate",
+    balanceFieldLabel: "Balance",
     paymentMethod: "{brand} \u2022\u2022\u2022\u2022 {last4}",
     paymentMethodExpires: "expires {month}/{year}",
     noPaymentMethod: "No payment method on file",
@@ -910,7 +913,9 @@ var enCopy = {
     noPlanTitle: "Pick a plan",
     noPlanBody: "Choose a free, pay-as-you-go, or paid plan to start using this MCP server.",
     seePlansButton: "See plans",
-    pickPlanButton: "Pick a plan"
+    pickPlanButton: "Pick a plan",
+    upgradeButton: "Upgrade",
+    changePlanButton: "Change plan"
   },
   customerPortal: {
     launchButton: "Manage account",
@@ -2473,7 +2478,7 @@ function usePlanSelector() {
 }
 
 // src/primitives/PaymentForm.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 var import_react_stripe_js = require("@stripe/react-stripe-js");
 
 // src/utils/stripeLocale.ts
@@ -2538,7 +2543,30 @@ function toStripeElementLocale(locale) {
 }
 
 // src/primitives/LegalFooter.tsx
+var import_react13 = require("react");
+
+// src/hooks/useExternalLink.tsx
 var import_react12 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ExternalLinkContext = (0, import_react12.createContext)(null);
+function useExternalLinkClick() {
+  const opener = (0, import_react12.useContext)(ExternalLinkContext);
+  return (0, import_react12.useCallback)(
+    (event) => {
+      if (event.defaultPrevented) return;
+      if (!opener?.canOpen()) return;
+      const href = event.currentTarget.href;
+      if (!href) return;
+      event.preventDefault();
+      void opener.open(href).then((opened) => {
+        if (!opened) {
+          console.warn(`[solvapay] host declined to open ${href}`);
+        }
+      });
+    },
+    [opener]
+  );
+}
 
 // src/constants/legal.ts
 var SOLVAPAY_TERMS_URL = "https://solvapay.com/legal/terms";
@@ -2546,8 +2574,8 @@ var SOLVAPAY_PRIVACY_URL = "https://solvapay.com/legal/privacy";
 var SOLVAPAY_WEBSITE_URL = "https://solvapay.com";
 
 // src/primitives/LegalFooter.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var LegalFooter = (0, import_react12.forwardRef)(
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var LegalFooter = (0, import_react13.forwardRef)(
   function LegalFooter2({
     attribution = "provided",
     termsUrl = SOLVAPAY_TERMS_URL,
@@ -2557,39 +2585,43 @@ var LegalFooter = (0, import_react12.forwardRef)(
     ...rest
   }, forwardedRef) {
     const copy = useCopy();
+    const handleExternalClick = useExternalLinkClick();
     const attributionLabel = attribution === "provided" ? copy.legalFooter.providedBy : attribution === "powered" ? copy.legalFooter.poweredBy : null;
     const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
             href: termsUrl,
             target: "_blank",
             rel: "noopener noreferrer",
+            onClick: handleExternalClick,
             children: copy.legalFooter.terms
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", children: " \xB7 " }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", children: " \xB7 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
             href: privacyUrl,
             target: "_blank",
             rel: "noopener noreferrer",
+            onClick: handleExternalClick,
             children: copy.legalFooter.privacy
           }
         )
       ] }),
-      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "a",
         {
           "data-solvapay-legal-footer-attribution": "",
           href: SOLVAPAY_WEBSITE_URL,
           target: "_blank",
           rel: "noopener noreferrer",
+          onClick: handleExternalClick,
           children: attributionLabel
         }
       ) : null
@@ -2612,7 +2644,7 @@ function withPaymentElementDefaults(options) {
 }
 
 // src/hooks/useCheckout.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_stripe_js = require("@stripe/stripe-js");
 var stripePromiseCache = /* @__PURE__ */ new Map();
 function getStripeCacheKey(publishableKey, accountId) {
@@ -2654,14 +2686,14 @@ function useCheckout(options) {
   const { planRef, productRef, currency: currencyOverride, customer } = options;
   const planSelection = usePlanSelection();
   const { createPayment, customerRef, updateCustomerRef, _config } = useSolvaPay();
-  const [loading, setLoading] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [stripePromise, setStripePromise] = (0, import_react13.useState)(null);
-  const [clientSecret, setClientSecret] = (0, import_react13.useState)(null);
-  const [processorPaymentId, setProcessorPaymentId] = (0, import_react13.useState)(null);
-  const [resolvedPlanRef, setResolvedPlanRef] = (0, import_react13.useState)(planRef || null);
-  const isStartingRef = (0, import_react13.useRef)(false);
-  const startCheckout = (0, import_react13.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const [stripePromise, setStripePromise] = (0, import_react14.useState)(null);
+  const [clientSecret, setClientSecret] = (0, import_react14.useState)(null);
+  const [processorPaymentId, setProcessorPaymentId] = (0, import_react14.useState)(null);
+  const [resolvedPlanRef, setResolvedPlanRef] = (0, import_react14.useState)(planRef || null);
+  const isStartingRef = (0, import_react14.useRef)(false);
+  const startCheckout = (0, import_react14.useCallback)(async () => {
     if (isStartingRef.current || loading) {
       return;
     }
@@ -2737,7 +2769,7 @@ function useCheckout(options) {
     loading,
     _config
   ]);
-  const reset = (0, import_react13.useCallback)(() => {
+  const reset = (0, import_react14.useCallback)(() => {
     isStartingRef.current = false;
     setLoading(false);
     setError(null);
@@ -2770,14 +2802,14 @@ function useCustomer() {
 }
 
 // src/hooks/useActivation.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useActivation() {
   const { activatePlan } = useSolvaPay();
   const copy = useCopy();
-  const [state, setState] = (0, import_react14.useState)("idle");
-  const [error, setError] = (0, import_react14.useState)(null);
-  const [result, setResult] = (0, import_react14.useState)(null);
-  const activate = (0, import_react14.useCallback)(
+  const [state, setState] = (0, import_react15.useState)("idle");
+  const [error, setError] = (0, import_react15.useState)(null);
+  const [result, setResult] = (0, import_react15.useState)(null);
+  const activate = (0, import_react15.useCallback)(
     async (params) => {
       setState("activating");
       setError(null);
@@ -2812,7 +2844,7 @@ function useActivation() {
     },
     [activatePlan, copy]
   );
-  const reset = (0, import_react14.useCallback)(() => {
+  const reset = (0, import_react15.useCallback)(() => {
     setState("idle");
     setError(null);
     setResult(null);
@@ -2821,11 +2853,11 @@ function useActivation() {
 }
 
 // src/components/PaymentFormContext.tsx
-var import_react15 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var PaymentFormContext = (0, import_react15.createContext)(null);
+var import_react16 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var PaymentFormContext = (0, import_react16.createContext)(null);
 function usePaymentForm() {
-  const ctx = (0, import_react15.useContext)(PaymentFormContext);
+  const ctx = (0, import_react16.useContext)(PaymentFormContext);
   if (!ctx) {
     throw new Error(
       "PaymentForm subcomponents must be used inside a <PaymentForm>. Wrap the slots with <PaymentForm planRef=... productRef=...>."
@@ -2833,10 +2865,10 @@ function usePaymentForm() {
   }
   return ctx;
 }
-var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PaymentFormContext.Provider, { value, children });
+var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PaymentFormContext.Provider, { value, children });
 
 // src/components/CheckoutSummary.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -2848,7 +2880,7 @@ var CheckoutSummary2 = ({
 }) => {
   const rootClass = ["solvapay-checkout-summary", className].filter(Boolean).join(" ");
   const hasTax = taxBreakdown != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     CheckoutSummary.Root,
     {
       planRef,
@@ -2857,25 +2889,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
+          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
         ] }),
-        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Subtotal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Subtotal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Total" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Total" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          showTrial && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+          showTrial && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
+          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
         ] })
       ]
     }
@@ -2883,10 +2915,10 @@ var CheckoutSummary2 = ({
 };
 
 // src/primitives/MandateText.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/hooks/useMerchant.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 var merchantCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION5 = 5 * 60 * 1e3;
 function cacheKeyFor2(config) {
@@ -2900,15 +2932,15 @@ async function fetchMerchant(config) {
 function useMerchant() {
   const { _config } = useSolvaPay();
   const key = cacheKeyFor2(_config);
-  const [merchant, setMerchant] = (0, import_react16.useState)(
+  const [merchant, setMerchant] = (0, import_react17.useState)(
     () => merchantCache.get(key)?.merchant ?? null
   );
-  const [loading, setLoading] = (0, import_react16.useState)(() => {
+  const [loading, setLoading] = (0, import_react17.useState)(() => {
     const cached = merchantCache.get(key);
     return !cached || !cached.merchant && !cached.promise;
   });
-  const [error, setError] = (0, import_react16.useState)(null);
-  const load = (0, import_react16.useCallback)(
+  const [error, setError] = (0, import_react17.useState)(null);
+  const load = (0, import_react17.useCallback)(
     async (force = false) => {
       const cached = merchantCache.get(key);
       const now = Date.now();
@@ -2962,7 +2994,7 @@ function useMerchant() {
     },
     [_config, key]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     load();
   }, [load]);
   return {
@@ -2991,8 +3023,8 @@ function deriveVariant(plan, mode) {
 }
 
 // src/primitives/MandateText.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var MandateText = (0, import_react17.forwardRef)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var MandateText = (0, import_react18.forwardRef)(
   function MandateText2({
     planRef,
     productRef,
@@ -3004,10 +3036,11 @@ var MandateText = (0, import_react17.forwardRef)(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = (0, import_react17.useContext)(SolvaPayContext);
+    const solva = (0, import_react18.useContext)(SolvaPayContext);
     if (!solva) throw new MissingProviderError("MandateText");
     const locale = useLocale();
     const copy = useCopy();
+    const handleExternalClick = useExternalLinkClick();
     const planSelection = usePlanSelection();
     const resolvedPlanRef = planRef ?? planSelection?.selectedPlanRef ?? void 0;
     const resolvedProductRef = productRef ?? planSelection?.productRef;
@@ -3021,7 +3054,7 @@ var MandateText = (0, import_react17.forwardRef)(
       locale,
       free: copy.interval.free
     });
-    const ctx = (0, import_react17.useMemo)(
+    const ctx = (0, import_react18.useMemo)(
       () => ({
         merchant: {
           legalName: merchant?.legalName ?? merchant?.displayName ?? "",
@@ -3048,19 +3081,19 @@ var MandateText = (0, import_react17.forwardRef)(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Comp,
       {
         ref: forwardedRef,
         "data-solvapay-mandate-text": "",
         "data-variant": resolvedVariant,
         ...rest,
-        children: children ?? linkifyMandateText(text, ctx.merchant, copy)
+        children: children ?? linkifyMandateText(text, ctx.merchant, copy, handleExternalClick)
       }
     );
   }
 );
-function linkifyMandateText(text, merchant, copy) {
+function linkifyMandateText(text, merchant, copy, onLinkClick) {
   const entries = [
     { url: merchant.termsUrl, label: copy.legalFooter.terms },
     { url: merchant.privacyUrl, label: copy.legalFooter.privacy }
@@ -3070,13 +3103,14 @@ function linkifyMandateText(text, merchant, copy) {
   return text.split(pattern).map((part, i) => {
     const match = entries.find((e) => e.url === part);
     if (!match) return part;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "a",
       {
         href: match.url,
         target: "_blank",
         rel: "noopener noreferrer",
         "data-solvapay-mandate-link": "",
+        onClick: onLinkClick,
         children: match.label || match.url
       },
       i
@@ -3088,11 +3122,11 @@ function escapeRegExp(value) {
 }
 
 // src/components/Spinner.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var SIZE_PX = { sm: 16, md: 20, lg: 24 };
 var Spinner = ({ className, size = "md" }) => {
   const px = SIZE_PX[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "svg",
     {
       "data-solvapay-spinner": "",
@@ -3103,7 +3137,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "circle",
           {
             cx: "12",
@@ -3114,7 +3148,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -3325,7 +3359,7 @@ function resolveCta(input) {
 }
 
 // src/hooks/useBusinessDetailsAttach.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_core3 = require("@solvapay/core");
 var defaultBusinessDetails = { isBusiness: false };
 function useBusinessDetailsAttach(options) {
@@ -3336,14 +3370,14 @@ function useBusinessDetailsAttach(options) {
     onTaxChange,
     refreshElements
   } = options;
-  const [businessDetails, setBusinessDetailsState] = (0, import_react18.useState)(defaultBusinessDetails);
-  const [taxBreakdown, setTaxBreakdown] = (0, import_react18.useState)(null);
-  const [businessDetailsAttached, setBusinessDetailsAttached] = (0, import_react18.useState)(false);
-  const [businessDetailsAttaching, setBusinessDetailsAttaching] = (0, import_react18.useState)(false);
-  const [businessDetailsError, setBusinessDetailsError] = (0, import_react18.useState)(null);
-  const [fieldErrors, setFieldErrors] = (0, import_react18.useState)({});
-  const attachRequestIdRef = (0, import_react18.useRef)(0);
-  const setBusinessDetails = (0, import_react18.useCallback)((patch) => {
+  const [businessDetails, setBusinessDetailsState] = (0, import_react19.useState)(defaultBusinessDetails);
+  const [taxBreakdown, setTaxBreakdown] = (0, import_react19.useState)(null);
+  const [businessDetailsAttached, setBusinessDetailsAttached] = (0, import_react19.useState)(false);
+  const [businessDetailsAttaching, setBusinessDetailsAttaching] = (0, import_react19.useState)(false);
+  const [businessDetailsError, setBusinessDetailsError] = (0, import_react19.useState)(null);
+  const [fieldErrors, setFieldErrors] = (0, import_react19.useState)({});
+  const attachRequestIdRef = (0, import_react19.useRef)(0);
+  const setBusinessDetails = (0, import_react19.useCallback)((patch) => {
     setBusinessDetailsState((prev) => {
       const next = { ...prev, ...patch };
       if (patch.isBusiness === false) {
@@ -3354,7 +3388,7 @@ function useBusinessDetailsAttach(options) {
     setBusinessDetailsAttached(false);
     setBusinessDetailsError(null);
   }, []);
-  const runAttach = (0, import_react18.useCallback)(
+  const runAttach = (0, import_react19.useCallback)(
     async (input) => {
       if (!processorPaymentId || !attachBusinessDetails) {
         return !attachBusinessDetails;
@@ -3396,7 +3430,7 @@ function useBusinessDetailsAttach(options) {
     },
     [processorPaymentId, attachBusinessDetails, customerRef, onTaxChange, refreshElements]
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!processorPaymentId || !attachBusinessDetails) return;
     const validation = (0, import_core3.validateBusinessDetails)(businessDetails);
     if (!validation.success) {
@@ -3425,7 +3459,7 @@ function useBusinessDetailsAttach(options) {
 }
 
 // src/primitives/PaymentForm.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function toSubmitVariant(variant) {
   switch (variant) {
     case "freeTier":
@@ -3438,7 +3472,7 @@ function toSubmitVariant(variant) {
       return "paid";
   }
 }
-var Root3 = (0, import_react19.forwardRef)(
+var Root3 = (0, import_react20.forwardRef)(
   function PaymentFormRoot(props, forwardedRef) {
     const {
       planRef,
@@ -3455,7 +3489,7 @@ var Root3 = (0, import_react19.forwardRef)(
       requireTermsAcceptance = false,
       children
     } = props;
-    const solva = (0, import_react19.useContext)(SolvaPayContext);
+    const solva = (0, import_react20.useContext)(SolvaPayContext);
     if (!solva) throw new MissingProviderError("PaymentForm");
     const { attachBusinessDetails, customerRef } = solva;
     const copy = useCopy();
@@ -3481,9 +3515,9 @@ var Root3 = (0, import_react19.forwardRef)(
       productRef: effectiveProductRef,
       customer: prefillCustomer
     });
-    const hasInitializedRef = (0, import_react19.useRef)(false);
+    const hasInitializedRef = (0, import_react20.useRef)(false);
     const hasPlanOrProduct = !!(effectivePlanRef || effectiveProductRef);
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (isFreePlan) return;
       if (!hasInitializedRef.current && hasPlanOrProduct && !checkoutLoading && !checkoutError && !clientSecret) {
         hasInitializedRef.current = true;
@@ -3497,32 +3531,32 @@ var Root3 = (0, import_react19.forwardRef)(
       }
     }, [hasPlanOrProduct, checkoutLoading, checkoutError, clientSecret, startCheckout, isFreePlan]);
     const finalReturnUrl = returnUrl || (typeof window !== "undefined" ? window.location.href : "/");
-    const elementsOptions = (0, import_react19.useMemo)(() => {
+    const elementsOptions = (0, import_react20.useMemo)(() => {
       if (!clientSecret) return void 0;
       return { clientSecret, locale: toStripeElementLocale(locale) };
     }, [clientSecret, locale]);
     const shouldRenderElements = !!(stripePromise && clientSecret);
     if (!hasPlanOrProduct) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "section",
         {
           ref: forwardedRef,
           className,
           "data-solvapay-payment-form": "",
           "data-state": "error",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct })
         }
       );
     }
     if (checkoutError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "section",
         {
           ref: forwardedRef,
           className,
           "data-solvapay-payment-form": "",
           "data-state": "error",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: [
             copy.errors.paymentInitFailed,
             " ",
             checkoutError.message || copy.errors.unknownError
@@ -3531,7 +3565,7 @@ var Root3 = (0, import_react19.forwardRef)(
       );
     }
     if (isFreePlan && resolvedPlan) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "section",
         {
           ref: forwardedRef,
@@ -3539,7 +3573,7 @@ var Root3 = (0, import_react19.forwardRef)(
           "data-solvapay-payment-form": "",
           "data-state": "ready",
           "data-variant": "free",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             FreeInner,
             {
               planRef: effectivePlanRef,
@@ -3560,7 +3594,7 @@ var Root3 = (0, import_react19.forwardRef)(
     }
     if (shouldRenderElements && elementsOptions && clientSecret) {
       const resolvedClientSecret = clientSecret;
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "section",
         {
           ref: forwardedRef,
@@ -3568,7 +3602,7 @@ var Root3 = (0, import_react19.forwardRef)(
           "data-solvapay-payment-form": "",
           "data-state": "ready",
           "data-variant": "paid",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             PaidInner,
             {
               planRef: effectivePlanRef,
@@ -3594,14 +3628,14 @@ var Root3 = (0, import_react19.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "section",
       {
         ref: forwardedRef,
         className,
         "data-solvapay-payment-form": "",
         "data-state": "loading",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "md" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "md" }) })
       }
     );
   }
@@ -3632,7 +3666,7 @@ var PaidInner = ({
   const customer = useCustomer();
   const { processPayment, upsertPurchase } = useSolvaPay();
   const { refetch } = usePurchase();
-  const refreshElements = (0, import_react19.useCallback)(async () => {
+  const refreshElements = (0, import_react20.useCallback)(async () => {
     if (elements) {
       await elements.fetchUpdates();
     }
@@ -3654,16 +3688,16 @@ var PaidInner = ({
     onTaxChange,
     refreshElements
   });
-  const [elementKind, setElementKind] = (0, import_react19.useState)(
+  const [elementKind, setElementKind] = (0, import_react20.useState)(
     children ? null : "payment-element"
   );
-  const [customerName, setCustomerName] = (0, import_react19.useState)("");
-  const [paymentInputComplete, setPaymentInputComplete] = (0, import_react19.useState)(false);
-  const [termsAccepted, setTermsAccepted] = (0, import_react19.useState)(false);
-  const [isProcessing, setIsProcessing] = (0, import_react19.useState)(false);
-  const [error, setError] = (0, import_react19.useState)(null);
-  const returnResumeStarted = (0, import_react19.useRef)(false);
-  (0, import_react19.useEffect)(() => {
+  const [customerName, setCustomerName] = (0, import_react20.useState)("");
+  const [paymentInputComplete, setPaymentInputComplete] = (0, import_react20.useState)(false);
+  const [termsAccepted, setTermsAccepted] = (0, import_react20.useState)(false);
+  const [isProcessing, setIsProcessing] = (0, import_react20.useState)(false);
+  const [error, setError] = (0, import_react20.useState)(null);
+  const returnResumeStarted = (0, import_react20.useRef)(false);
+  (0, import_react20.useEffect)(() => {
     if (!stripe || returnResumeStarted.current || typeof window === "undefined") return;
     const returnClientSecret = readPaymentIntentClientSecret(window.location.search);
     if (!returnClientSecret) return;
@@ -3751,7 +3785,7 @@ var PaidInner = ({
   ]);
   const isReady = !!(stripe && elements);
   const canSubmit = isReady && !!clientSecret && !!elementKind && paymentInputComplete && (!requireTermsAcceptance || termsAccepted) && (!requiresBusinessAttach || businessDetailsAttached) && !businessDetailsAttaching && !isProcessing;
-  const submit = (0, import_react19.useCallback)(async () => {
+  const submit = (0, import_react20.useCallback)(async () => {
     if (!stripe || !elements || !clientSecret || !elementKind) {
       const msg = !stripe || !elements ? copy.errors.stripeUnavailable : copy.errors.paymentIntentUnavailable;
       setError(msg);
@@ -3855,7 +3889,7 @@ var PaidInner = ({
     businessDetailsError
   ]);
   const effectiveError = error ?? businessDetailsError;
-  const contextValue = (0, import_react19.useMemo)(
+  const contextValue = (0, import_react20.useMemo)(
     () => ({
       planRef,
       productRef,
@@ -3924,7 +3958,7 @@ var PaidInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PaymentFormProvider, { value: contextValue, children });
 };
 var FreeInner = ({
   planRef,
@@ -3942,10 +3976,10 @@ var FreeInner = ({
   const copy = useCopy();
   const { refetch } = usePurchase();
   const { activate, state, error: activationError, result: activationResult } = useActivation();
-  const [termsAccepted, setTermsAccepted] = (0, import_react19.useState)(false);
-  const [localError, setLocalError] = (0, import_react19.useState)(void 0);
-  const resultFiredRef = (0, import_react19.useRef)(false);
-  (0, import_react19.useEffect)(() => {
+  const [termsAccepted, setTermsAccepted] = (0, import_react20.useState)(false);
+  const [localError, setLocalError] = (0, import_react20.useState)(void 0);
+  const resultFiredRef = (0, import_react20.useRef)(false);
+  (0, import_react20.useEffect)(() => {
     if (state === "activated" && activationResult && !resultFiredRef.current) {
       resultFiredRef.current = true;
       const res = { kind: "activated", result: activationResult };
@@ -3957,7 +3991,7 @@ var FreeInner = ({
   }, [state, activationResult, onResult, refetch]);
   const isProcessing = state === "activating";
   const canSubmit = !isProcessing && (!requireTermsAcceptance || termsAccepted) && !!productRef;
-  const submit = (0, import_react19.useCallback)(async () => {
+  const submit = (0, import_react20.useCallback)(async () => {
     if (!productRef) {
       const msg = copy.errors.configMissingPlanOrProduct;
       setLocalError(msg);
@@ -3981,7 +4015,7 @@ var FreeInner = ({
     }
   }, [productRef, plan, onFreePlan, activate, onResult, onError, copy]);
   const error = localError ?? activationError;
-  const contextValue = (0, import_react19.useMemo)(
+  const contextValue = (0, import_react20.useMemo)(
     () => ({
       planRef,
       productRef,
@@ -4036,11 +4070,11 @@ var FreeInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PaymentFormProvider, { value: contextValue, children });
 };
 var Summary = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     CheckoutSummary2,
     {
       ...props,
@@ -4053,7 +4087,7 @@ var Summary = (props) => {
 };
 var MandateTextPrimitive = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     MandateText,
     {
       ...props,
@@ -4062,7 +4096,7 @@ var MandateTextPrimitive = (props) => {
     }
   );
 };
-var CustomerFields = (0, import_react19.forwardRef)(
+var CustomerFields = (0, import_react20.forwardRef)(
   function PaymentFormCustomerFields({ asChild, readOnly: _readOnly = true, children, ...rest }, ref) {
     const copy = useCopy();
     const customer = useCustomer();
@@ -4070,14 +4104,14 @@ var CustomerFields = (0, import_react19.forwardRef)(
     const email = customer.email ?? prefillCustomer?.email;
     if (!email) return null;
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-      email && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { "data-solvapay-payment-form-customer-email": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: copy.customer.emailLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: email })
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      email && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("dl", { "data-solvapay-payment-form-customer-email": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: copy.customer.emailLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: email })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { "data-solvapay-payment-form-customer-name": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: copy.customer.nameLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("dl", { "data-solvapay-payment-form-customer-name": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { children: copy.customer.nameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "input",
           {
             type: "text",
@@ -4100,14 +4134,14 @@ var CustomerFields = (0, import_react19.forwardRef)(
 var PaymentElementSlot = ({ options }) => {
   const { setElementKind, setPaymentInputComplete, isReady, stripe, elements } = usePaymentForm();
   const locale = useLocale();
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (stripe && elements) setElementKind("payment-element");
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_react_stripe_js.PaymentElement,
     {
       options: withPaymentElementDefaults(options),
@@ -4118,25 +4152,25 @@ var PaymentElementSlot = ({ options }) => {
 };
 var CardElementSlot = ({ options }) => {
   const { setElementKind, setPaymentInputComplete, isReady, stripe, elements } = usePaymentForm();
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (stripe && elements) setElementKind("card-element");
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_stripe_js.CardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_stripe_js.CardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
 };
-var TermsCheckbox = (0, import_react19.forwardRef)(
+var TermsCheckbox = (0, import_react20.forwardRef)(
   function PaymentFormTermsCheckbox({ asChild, label, children, ...rest }, ref) {
     const { termsAccepted, setTermsAccepted } = usePaymentForm();
     const copy = useCopy();
     const id = "solvapay-terms-checkbox";
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { ref, htmlFor: id, "data-solvapay-payment-form-terms": "", ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { ref, htmlFor: id, "data-solvapay-payment-form-terms": "", ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           id,
@@ -4145,11 +4179,11 @@ var TermsCheckbox = (0, import_react19.forwardRef)(
           onChange: (e) => setTermsAccepted(e.target.checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label ?? copy.terms.checkboxLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label ?? copy.terms.checkboxLabel })
     ] });
   }
 );
-var SubmitButton = (0, import_react19.forwardRef)(
+var SubmitButton = (0, import_react20.forwardRef)(
   function PaymentFormSubmitButton({ asChild, onClick, children, ...rest }, ref) {
     const ctx = usePaymentForm();
     const copy = useCopy();
@@ -4178,9 +4212,9 @@ var SubmitButton = (0, import_react19.forwardRef)(
       copy,
       override: typeof children === "string" ? children : ctx.submitButtonText
     });
-    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "sm" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: copy.cta.processing })
+    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: copy.cta.processing })
     ] });
     const buttonProps = {
       "data-solvapay-payment-form-submit": "",
@@ -4198,30 +4232,30 @@ var SubmitButton = (0, import_react19.forwardRef)(
       ...rest
     };
     if (asChild) {
-      const slotChild = ctx.isProcessing && import_react19.default.isValidElement(children) ? import_react19.default.cloneElement(
+      const slotChild = ctx.isProcessing && import_react20.default.isValidElement(children) ? import_react20.default.cloneElement(
         children,
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Slot, { ref, ...buttonProps, children: slotChild });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref, ...buttonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children && typeof children !== "string" ? children : label;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { ref, type: "submit", ...buttonProps, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { ref, type: "submit", ...buttonProps, children: content });
   }
 );
-var Loading2 = (0, import_react19.forwardRef)(function PaymentFormLoading({ asChild, children, ...rest }, ref) {
+var Loading2 = (0, import_react20.forwardRef)(function PaymentFormLoading({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (ctx.isReady && ctx.clientSecret) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { size: "sm" }) });
 });
-var ErrorSlot2 = (0, import_react19.forwardRef)(function PaymentFormError({ asChild, children, ...rest }, ref) {
+var ErrorSlot2 = (0, import_react20.forwardRef)(function PaymentFormError({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Slot,
       {
         ref,
@@ -4234,7 +4268,7 @@ var ErrorSlot2 = (0, import_react19.forwardRef)(function PaymentFormError({ asCh
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "p",
     {
       ref,
@@ -4297,13 +4331,13 @@ var PaymentForm = {
 };
 
 // src/primitives/ActivationFlow.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/primitives/AmountPicker.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/hooks/useTopupAmountSelector.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 function getQuickAmounts(currency) {
   switch (currency.toUpperCase()) {
     case "SEK":
@@ -4335,19 +4369,19 @@ var DEFAULT_MAX = 1e5;
 function useTopupAmountSelector(options) {
   const { currency, minAmount = DEFAULT_MIN, maxAmount = DEFAULT_MAX } = options;
   const copy = useCopy();
-  const [selectedAmount, setSelectedAmount] = (0, import_react20.useState)(null);
-  const [customAmount, setCustomAmountRaw] = (0, import_react20.useState)("");
-  const [error, setError] = (0, import_react20.useState)(null);
-  const quickAmounts = (0, import_react20.useMemo)(() => getQuickAmounts(currency), [currency]);
-  const currencySymbol = (0, import_react20.useMemo)(() => getCurrencySymbol(currency), [currency]);
-  const resolvedAmount = (0, import_react20.useMemo)(() => {
+  const [selectedAmount, setSelectedAmount] = (0, import_react21.useState)(null);
+  const [customAmount, setCustomAmountRaw] = (0, import_react21.useState)("");
+  const [error, setError] = (0, import_react21.useState)(null);
+  const quickAmounts = (0, import_react21.useMemo)(() => getQuickAmounts(currency), [currency]);
+  const currencySymbol = (0, import_react21.useMemo)(() => getCurrencySymbol(currency), [currency]);
+  const resolvedAmount = (0, import_react21.useMemo)(() => {
     if (customAmount) {
       const parsed = parseFloat(customAmount);
       return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
     }
     return selectedAmount;
   }, [selectedAmount, customAmount]);
-  const selectQuickAmount = (0, import_react20.useCallback)(
+  const selectQuickAmount = (0, import_react21.useCallback)(
     (amount) => {
       setSelectedAmount(amount);
       setCustomAmountRaw("");
@@ -4355,7 +4389,7 @@ function useTopupAmountSelector(options) {
     },
     []
   );
-  const setCustomAmount = (0, import_react20.useCallback)(
+  const setCustomAmount = (0, import_react21.useCallback)(
     (value) => {
       const sanitized = value.replace(/[^0-9.]/g, "");
       const dotIndex = sanitized.indexOf(".");
@@ -4366,7 +4400,7 @@ function useTopupAmountSelector(options) {
     },
     []
   );
-  const validate = (0, import_react20.useCallback)(() => {
+  const validate = (0, import_react21.useCallback)(() => {
     if (resolvedAmount == null) {
       setError(copy.topup.selectOrEnterAmount);
       return false;
@@ -4394,7 +4428,7 @@ function useTopupAmountSelector(options) {
     setError(null);
     return true;
   }, [resolvedAmount, minAmount, maxAmount, currency, copy]);
-  const reset = (0, import_react20.useCallback)(() => {
+  const reset = (0, import_react21.useCallback)(() => {
     setSelectedAmount(null);
     setCustomAmountRaw("");
     setError(null);
@@ -4414,26 +4448,26 @@ function useTopupAmountSelector(options) {
 }
 
 // src/hooks/useBalance.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 function useBalance() {
   const { balance } = useSolvaPay();
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     balance.refetch();
   }, [balance.refetch]);
   return balance;
 }
 
 // src/primitives/AmountPicker.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var AmountPickerContext = (0, import_react22.createContext)(null);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var AmountPickerContext = (0, import_react23.createContext)(null);
 function usePickerCtx(part) {
-  const ctx = (0, import_react22.useContext)(AmountPickerContext);
+  const ctx = (0, import_react23.useContext)(AmountPickerContext);
   if (!ctx) {
     throw new Error(`AmountPicker.${part} must be rendered inside <AmountPicker.Root>.`);
   }
   return ctx;
 }
-var Root4 = (0, import_react22.forwardRef)(function AmountPickerRoot({
+var Root4 = (0, import_react23.forwardRef)(function AmountPickerRoot({
   currency,
   minAmount,
   maxAmount,
@@ -4444,14 +4478,14 @@ var Root4 = (0, import_react22.forwardRef)(function AmountPickerRoot({
   children,
   ...rest
 }, forwardedRef) {
-  const solva = (0, import_react22.useContext)(SolvaPayContext);
+  const solva = (0, import_react23.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("AmountPicker");
   const internalSelector = useTopupAmountSelector({ currency, minAmount, maxAmount });
   const selector = externalSelector ?? internalSelector;
   const { creditsPerMinorUnit, displayExchangeRate } = useBalance();
   const minorPerMajor = getMinorUnitsPerMajor(currency);
   const resolvedAmountMinor = selector.resolvedAmount != null && selector.resolvedAmount > 0 ? Math.round(selector.resolvedAmount * minorPerMajor) : null;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (emit === "minor") {
       onChange?.(resolvedAmountMinor);
     } else {
@@ -4461,7 +4495,7 @@ var Root4 = (0, import_react22.forwardRef)(function AmountPickerRoot({
   const rate = displayExchangeRate ?? 1;
   const estimatedCredits = creditsPerMinorUnit != null && creditsPerMinorUnit > 0 && resolvedAmountMinor != null ? Math.floor(resolvedAmountMinor / rate * creditsPerMinorUnit) : null;
   const isApproximate = rate !== 1;
-  const ctx = (0, import_react22.useMemo)(
+  const ctx = (0, import_react23.useMemo)(
     () => ({
       ...selector,
       currency,
@@ -4484,9 +4518,9 @@ var Root4 = (0, import_react22.forwardRef)(function AmountPickerRoot({
     ]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AmountPickerContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ref: forwardedRef, "data-solvapay-amount-picker": "", ...rest, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AmountPickerContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-amount-picker": "", ...rest, children }) });
 });
-var Option = (0, import_react22.forwardRef)(function AmountPickerOption({ asChild, amount, onClick, children, ...rest }, forwardedRef) {
+var Option = (0, import_react23.forwardRef)(function AmountPickerOption({ asChild, amount, onClick, children, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Option");
   const isActive = ctx.selectedAmount === amount && !ctx.customAmount;
   const state = rest.disabled ? "disabled" : isActive ? "selected" : "idle";
@@ -4508,12 +4542,12 @@ var Option = (0, import_react22.forwardRef)(function AmountPickerOption({ asChil
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultLabel })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? defaultLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? defaultLabel });
 });
-var Custom = (0, import_react22.forwardRef)(function AmountPickerCustom({ asChild, onChange, onFocus, ...rest }, forwardedRef) {
+var Custom = (0, import_react23.forwardRef)(function AmountPickerCustom({ asChild, onChange, onFocus, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Custom");
   const state = ctx.customAmount ? "active" : "dormant";
   const commonProps = {
@@ -4534,15 +4568,15 @@ var Custom = (0, import_react22.forwardRef)(function AmountPickerCustom({ asChil
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref: forwardedRef, ...commonProps })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Slot, { ref: forwardedRef, ...commonProps })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { ref: forwardedRef, ...commonProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { ref: forwardedRef, ...commonProps });
 });
-var Confirm = (0, import_react22.forwardRef)(function AmountPickerConfirm({ asChild, onClick, onConfirm, disabled, children, ...rest }, forwardedRef) {
+var Confirm = (0, import_react23.forwardRef)(function AmountPickerConfirm({ asChild, onClick, onConfirm, disabled, children, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Confirm");
   const isDisabled = disabled || !ctx.resolvedAmount;
-  const handleConfirm = (0, import_react22.useCallback)(() => {
+  const handleConfirm = (0, import_react23.useCallback)(() => {
     if (!ctx.validate()) return;
     if (ctx.emit === "minor") {
       if (ctx.resolvedAmountMinor != null) onConfirm?.(ctx.resolvedAmountMinor);
@@ -4561,10 +4595,10 @@ var Confirm = (0, import_react22.forwardRef)(function AmountPickerConfirm({ asCh
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Slot, { ref: forwardedRef, ...commonProps, children })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Slot, { ref: forwardedRef, ...commonProps, children })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children });
 });
 var AmountPickerRoot2 = Root4;
 var AmountPickerOption2 = Option;
@@ -4593,16 +4627,16 @@ function useAmountPickerCopy() {
 }
 
 // src/primitives/ActivationFlow.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var ActivationFlowContext = (0, import_react23.createContext)(null);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ActivationFlowContext = (0, import_react24.createContext)(null);
 function useFlowCtx(part) {
-  const ctx = (0, import_react23.useContext)(ActivationFlowContext);
+  const ctx = (0, import_react24.useContext)(ActivationFlowContext);
   if (!ctx) {
     throw new Error(`ActivationFlow.${part} must be rendered inside <ActivationFlow.Root>.`);
   }
   return ctx;
 }
-var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
+var Root5 = (0, import_react24.forwardRef)(function ActivationFlowRoot({
   productRef,
   planRef: planRefProp,
   onSuccess,
@@ -4613,7 +4647,7 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
   children,
   ...rest
 }, forwardedRef) {
-  const solva = (0, import_react23.useContext)(SolvaPayContext);
+  const solva = (0, import_react24.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("ActivationFlow");
   if (!productRef) throw new MissingProductRefError("ActivationFlow");
   const planSelection = usePlanSelection();
@@ -4630,10 +4664,10 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
     refetch,
     loading: balanceLoading
   } = useBalance();
-  const [step, setStep] = (0, import_react23.useState)("summary");
-  const calledSuccessRef = (0, import_react23.useRef)(false);
-  const retryTimeoutRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const [step, setStep] = (0, import_react24.useState)("summary");
+  const calledSuccessRef = (0, import_react24.useRef)(false);
+  const retryTimeoutRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
     if (state !== "activated") return;
     if (step === "selectAmount" || step === "topupPayment") return;
     const isUsagePlan = plan?.type === "usage-based";
@@ -4653,30 +4687,30 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
       }
     }
   }, [state, result, onSuccess, credits, plan, balanceLoading, step]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (state === "topup_required" && (step === "summary" || step === "activating")) {
       setStep("selectAmount");
     }
   }, [state, step]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if ((state === "error" || state === "payment_required") && error) {
       setStep("error");
       if (state === "error") onError?.(new Error(error));
     }
   }, [state, error, onError]);
-  const handleActivate = (0, import_react23.useCallback)(async () => {
+  const handleActivate = (0, import_react24.useCallback)(async () => {
     if (!resolvedPlanRef) return;
     setStep("activating");
     await activate({ productRef, planRef: resolvedPlanRef });
     await refetch();
   }, [activate, productRef, resolvedPlanRef, refetch]);
-  const goToTopupPayment = (0, import_react23.useCallback)(() => {
+  const goToTopupPayment = (0, import_react24.useCallback)(() => {
     if (amountSelector.validate()) setStep("topupPayment");
   }, [amountSelector]);
-  const backToSelectAmount = (0, import_react23.useCallback)(() => {
+  const backToSelectAmount = (0, import_react24.useCallback)(() => {
     setStep("selectAmount");
   }, []);
-  const retryActivation = (0, import_react23.useCallback)(async () => {
+  const retryActivation = (0, import_react24.useCallback)(async () => {
     if (!resolvedPlanRef) return;
     setStep("retrying");
     const amountMinor2 = Math.round(
@@ -4699,10 +4733,10 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
     activate,
     productRef
   ]);
-  const handleTopupSuccess = (0, import_react23.useCallback)(async () => {
+  const handleTopupSuccess = (0, import_react24.useCallback)(async () => {
     await retryActivation();
   }, [retryActivation]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (step !== "retrying") return;
     if (state !== "topup_required") return;
     if (!resolvedPlanRef) return;
@@ -4713,7 +4747,7 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
       if (retryTimeoutRef.current) clearTimeout(retryTimeoutRef.current);
     };
   }, [step, state, resolvedPlanRef, retryBackoffMs, activate, productRef]);
-  const resetFlow = (0, import_react23.useCallback)(() => {
+  const resetFlow = (0, import_react24.useCallback)(() => {
     reset();
     calledSuccessRef.current = false;
     setStep("summary");
@@ -4721,7 +4755,7 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
   const amountMinor = Math.round(
     (amountSelector.resolvedAmount || 0) * getMinorUnitsPerMajor(currency)
   );
-  const ctx = (0, import_react23.useMemo)(
+  const ctx = (0, import_react24.useMemo)(
     () => ({
       step,
       plan,
@@ -4760,18 +4794,18 @@ var Root5 = (0, import_react23.forwardRef)(function ActivationFlowRoot({
     ]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ActivationFlowContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow": "", "data-state": step, ...rest, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ActivationFlowContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow": "", "data-state": step, ...rest, children }) });
 });
 function matchStep(step, allowed) {
   return allowed.includes(step);
 }
-var Summary2 = (0, import_react23.forwardRef)(function ActivationFlowSummary({ asChild, children, ...rest }, forwardedRef) {
+var Summary2 = (0, import_react24.forwardRef)(function ActivationFlowSummary({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useFlowCtx("Summary");
   if (!matchStep(ctx.step, ["summary", "activating"])) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-summary": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-summary": "", ...rest, children });
 });
-var ActivateButton = (0, import_react23.forwardRef)(
+var ActivateButton = (0, import_react24.forwardRef)(
   function ActivationFlowActivateButton({ asChild, onClick, children, ...rest }, forwardedRef) {
     const ctx = useFlowCtx("ActivateButton");
     const copy = useCopy();
@@ -4792,18 +4826,18 @@ var ActivateButton = (0, import_react23.forwardRef)(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: label }) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: label }) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
   }
 );
 var AmountPickerMount = ({ children }) => {
   const ctx = useFlowCtx("AmountPicker");
   if (ctx.step !== "selectAmount") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-solvapay-activation-flow-amount-picker": "", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AmountPicker.Root, { currency: ctx.currency, selector: ctx.amountSelector, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "data-solvapay-activation-flow-amount-picker": "", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AmountPicker.Root, { currency: ctx.currency, selector: ctx.amountSelector, children }) });
 };
-var ContinueButton = (0, import_react23.forwardRef)(
+var ContinueButton = (0, import_react24.forwardRef)(
   function ActivationFlowContinueButton({ asChild, onClick, children, ...rest }, forwardedRef) {
     const ctx = useFlowCtx("ContinueButton");
     const copy = useCopy();
@@ -4822,35 +4856,35 @@ var ContinueButton = (0, import_react23.forwardRef)(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: copy.activationFlow.continueToPayment }) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: copy.activationFlow.continueToPayment }) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? copy.activationFlow.continueToPayment });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? copy.activationFlow.continueToPayment });
   }
 );
-var Retrying = (0, import_react23.forwardRef)(function ActivationFlowRetrying({ asChild, children, ...rest }, forwardedRef) {
+var Retrying = (0, import_react24.forwardRef)(function ActivationFlowRetrying({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useFlowCtx("Retrying");
   if (ctx.step !== "retrying") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-retrying": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-retrying": "", ...rest, children });
 });
-var Activated = (0, import_react23.forwardRef)(function ActivationFlowActivated({ asChild, children, ...rest }, forwardedRef) {
+var Activated = (0, import_react24.forwardRef)(function ActivationFlowActivated({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useFlowCtx("Activated");
   if (ctx.step !== "activated") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-activated": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-activated": "", ...rest, children });
 });
-var Loading3 = (0, import_react23.forwardRef)(function ActivationFlowLoading({ asChild, children, ...rest }, forwardedRef) {
+var Loading3 = (0, import_react24.forwardRef)(function ActivationFlowLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useFlowCtx("Loading");
   if (ctx.plan) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-loading": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-loading": "", ...rest, children });
 });
-var ErrorSlot3 = (0, import_react23.forwardRef)(function ActivationFlowError({ asChild, children, ...rest }, forwardedRef) {
+var ErrorSlot3 = (0, import_react24.forwardRef)(function ActivationFlowError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useFlowCtx("Error");
   if (ctx.step !== "error") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ref: forwardedRef, role: "alert", "data-solvapay-activation-flow-error": "", ...rest, children: children ?? ctx.error });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ref: forwardedRef, role: "alert", "data-solvapay-activation-flow-error": "", ...rest, children: children ?? ctx.error });
 });
 var ActivationFlowRoot2 = Root5;
 var ActivationFlowSummary2 = Summary2;
@@ -4877,11 +4911,11 @@ function useActivationFlow() {
 }
 
 // src/primitives/BalanceBadge.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_core4 = require("@solvapay/core");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var BalanceBadge = (0, import_react24.forwardRef)(function BalanceBadge2({ asChild, numberOnly, lowThreshold = 10, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react24.useContext)(SolvaPayContext);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var BalanceBadge = (0, import_react25.forwardRef)(function BalanceBadge2({ asChild, numberOnly, lowThreshold = 10, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react25.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("BalanceBadge");
   const { credits, displayCurrency, creditsPerMinorUnit, displayExchangeRate, loading } = useBalance();
   const copy = useCopy();
@@ -4898,10 +4932,10 @@ var BalanceBadge = (0, import_react24.forwardRef)(function BalanceBadge2({ asChi
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {}) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ref: forwardedRef, ...commonProps });
   }
   if (credits == null) return null;
   const formattedCredits = new Intl.NumberFormat(locale).format(credits);
@@ -4923,7 +4957,7 @@ var BalanceBadge = (0, import_react24.forwardRef)(function BalanceBadge2({ asChi
       currencyEquivalent = interpolate(copy.balance.currencyEquivalent, { amount: formatted });
     }
   }
-  const content = children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+  const content = children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     formattedCredits,
     !numberOnly && copy.balance.credits,
     !numberOnly && currencyEquivalent
@@ -4931,24 +4965,24 @@ var BalanceBadge = (0, import_react24.forwardRef)(function BalanceBadge2({ asChi
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: content })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: content })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { ref: forwardedRef, ...commonProps, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ref: forwardedRef, ...commonProps, children: content });
 });
 
 // src/primitives/CancelPlanButton.tsx
 var import_core5 = require("@solvapay/core");
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/hooks/usePurchaseActions.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 function usePurchaseActions() {
   const ctx = useSolvaPay();
-  const [isCancelling, setIsCancelling] = (0, import_react25.useState)(false);
-  const [isReactivating, setIsReactivating] = (0, import_react25.useState)(false);
-  const [isActivating, setIsActivating] = (0, import_react25.useState)(false);
-  const cancelRenewal = (0, import_react25.useCallback)(
+  const [isCancelling, setIsCancelling] = (0, import_react26.useState)(false);
+  const [isReactivating, setIsReactivating] = (0, import_react26.useState)(false);
+  const [isActivating, setIsActivating] = (0, import_react26.useState)(false);
+  const cancelRenewal = (0, import_react26.useCallback)(
     async (params) => {
       setIsCancelling(true);
       try {
@@ -4959,7 +4993,7 @@ function usePurchaseActions() {
     },
     [ctx.cancelRenewal]
   );
-  const reactivateRenewal = (0, import_react25.useCallback)(
+  const reactivateRenewal = (0, import_react26.useCallback)(
     async (params) => {
       setIsReactivating(true);
       try {
@@ -4970,7 +5004,7 @@ function usePurchaseActions() {
     },
     [ctx.reactivateRenewal]
   );
-  const activatePlan = (0, import_react25.useCallback)(
+  const activatePlan = (0, import_react26.useCallback)(
     async (params) => {
       setIsActivating(true);
       try {
@@ -4992,7 +5026,7 @@ function usePurchaseActions() {
 }
 
 // src/primitives/CancelPlanButton.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function resolveConfirmText(confirm, purchase, defaults) {
   if (confirm === false) return null;
   if (typeof confirm === "string") return confirm;
@@ -5000,7 +5034,7 @@ function resolveConfirmText(confirm, purchase, defaults) {
   if (isUsageBased) return defaults.usageBased;
   return defaults.recurring;
 }
-var CancelPlanButton = (0, import_react26.forwardRef)(
+var CancelPlanButton = (0, import_react27.forwardRef)(
   function CancelPlanButton2({
     asChild,
     purchaseRef,
@@ -5012,14 +5046,14 @@ var CancelPlanButton = (0, import_react26.forwardRef)(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = (0, import_react26.useContext)(SolvaPayContext);
+    const solva = (0, import_react27.useContext)(SolvaPayContext);
     if (!solva) throw new MissingProviderError("CancelPlanButton");
     const copy = useCopy();
     const { activePurchase } = usePurchase();
     const { cancelRenewal, isCancelling } = usePurchaseActions();
     const effectivePurchase = purchaseRef ? activePurchase && activePurchase.reference === purchaseRef ? activePurchase : { reference: purchaseRef } : activePurchase;
     const effectiveRef = purchaseRef ?? effectivePurchase?.reference;
-    const cancel = (0, import_react26.useCallback)(async () => {
+    const cancel = (0, import_react27.useCallback)(async () => {
       if (!effectiveRef) return;
       const confirmText = resolveConfirmText(confirm, effectivePurchase, {
         recurring: copy.cancelPlan.confirmRecurring,
@@ -5055,25 +5089,25 @@ var CancelPlanButton = (0, import_react26.forwardRef)(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: label }) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: label }) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
   }
 );
 
 // src/primitives/CancelledPlanNotice.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/hooks/usePurchaseStatus.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 function usePurchaseStatus() {
   const { purchases } = usePurchase();
   const locale = useLocale();
-  const isPaidPurchase = (0, import_react27.useCallback)((p) => {
+  const isPaidPurchase = (0, import_react28.useCallback)((p) => {
     return (p.amount ?? 0) > 0;
   }, []);
-  const purchaseData = (0, import_react27.useMemo)(() => {
+  const purchaseData = (0, import_react28.useMemo)(() => {
     const cancelledPaidPurchases = purchases.filter((p) => {
       return p.status === "active" && p.cancelledAt && isPaidPurchase(p) && isPlanPurchase(p);
     });
@@ -5086,7 +5120,7 @@ function usePurchaseStatus() {
       shouldShowCancelledNotice
     };
   }, [purchases, isPaidPurchase]);
-  const formatDate = (0, import_react27.useCallback)(
+  const formatDate = (0, import_react28.useCallback)(
     (dateString) => {
       if (!dateString) return null;
       return new Date(dateString).toLocaleDateString(locale || "en-US", {
@@ -5097,7 +5131,7 @@ function usePurchaseStatus() {
     },
     [locale]
   );
-  const getDaysUntilExpiration = (0, import_react27.useCallback)((endDate) => {
+  const getDaysUntilExpiration = (0, import_react28.useCallback)((endDate) => {
     if (!endDate) return null;
     const now = /* @__PURE__ */ new Date();
     const expiration = new Date(endDate);
@@ -5114,10 +5148,10 @@ function usePurchaseStatus() {
 }
 
 // src/primitives/CancelledPlanNotice.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var CancelledPlanNoticeContext = (0, import_react28.createContext)(null);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CancelledPlanNoticeContext = (0, import_react29.createContext)(null);
 function useNoticeCtx(part) {
-  const ctx = (0, import_react28.useContext)(CancelledPlanNoticeContext);
+  const ctx = (0, import_react29.useContext)(CancelledPlanNoticeContext);
   if (!ctx) {
     throw new Error(
       `CancelledPlanNotice.${part} must be rendered inside <CancelledPlanNotice.Root>.`
@@ -5125,8 +5159,8 @@ function useNoticeCtx(part) {
   }
   return ctx;
 }
-var Root6 = (0, import_react28.forwardRef)(function CancelledPlanNoticeRoot({ onReactivated, onError, asChild, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react28.useContext)(SolvaPayContext);
+var Root6 = (0, import_react29.forwardRef)(function CancelledPlanNoticeRoot({ onReactivated, onError, asChild, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react29.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CancelledPlanNotice");
   const {
     cancelledPurchase,
@@ -5135,7 +5169,7 @@ var Root6 = (0, import_react28.forwardRef)(function CancelledPlanNoticeRoot({ on
     getDaysUntilExpiration
   } = usePurchaseStatus();
   const { reactivateRenewal, isReactivating } = usePurchaseActions();
-  const reactivate = (0, import_react28.useCallback)(async () => {
+  const reactivate = (0, import_react29.useCallback)(async () => {
     if (!cancelledPurchase) return;
     try {
       await reactivateRenewal({ purchaseRef: cancelledPurchase.reference });
@@ -5144,11 +5178,11 @@ var Root6 = (0, import_react28.forwardRef)(function CancelledPlanNoticeRoot({ on
       onError?.(err instanceof Error ? err : new Error(String(err)));
     }
   }, [cancelledPurchase, reactivateRenewal, onReactivated, onError]);
-  const daysRemaining = (0, import_react28.useMemo)(
+  const daysRemaining = (0, import_react29.useMemo)(
     () => cancelledPurchase ? getDaysUntilExpiration(cancelledPurchase.endDate) : null,
     [cancelledPurchase, getDaysUntilExpiration]
   );
-  const ctx = (0, import_react28.useMemo)(() => {
+  const ctx = (0, import_react29.useMemo)(() => {
     if (!cancelledPurchase) return null;
     const state = daysRemaining != null && daysRemaining > 0 ? "active" : "expired";
     return {
@@ -5163,7 +5197,7 @@ var Root6 = (0, import_react28.forwardRef)(function CancelledPlanNoticeRoot({ on
   }, [cancelledPurchase, daysRemaining, formatDate, reactivate, isReactivating]);
   if (!shouldShowCancelledNotice || !ctx) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CancelledPlanNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CancelledPlanNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -5175,61 +5209,61 @@ var Root6 = (0, import_react28.forwardRef)(function CancelledPlanNoticeRoot({ on
     }
   ) });
 });
-var Heading2 = (0, import_react28.forwardRef)(function CancelledPlanNoticeHeading({ asChild, children, ...rest }, forwardedRef) {
+var Heading2 = (0, import_react29.forwardRef)(function CancelledPlanNoticeHeading({ asChild, children, ...rest }, forwardedRef) {
   useNoticeCtx("Heading");
   const copy = useCopy();
   const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-heading": "", ...rest, children: children ?? copy.cancelledNotice.heading });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-heading": "", ...rest, children: children ?? copy.cancelledNotice.heading });
 });
-var Expires = (0, import_react28.forwardRef)(function CancelledPlanNoticeExpires({ asChild, children, ...rest }, forwardedRef) {
+var Expires = (0, import_react29.forwardRef)(function CancelledPlanNoticeExpires({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useNoticeCtx("Expires");
   const copy = useCopy();
   const date = ctx.formatDate(ctx.purchase.endDate);
   if (!ctx.purchase.endDate) {
     const Comp2 = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp2, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? copy.cancelledNotice.accessEnded });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp2, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? copy.cancelledNotice.accessEnded });
   }
   const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.expiresLabel, { date: date ?? "" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.expiresLabel, { date: date ?? "" }) });
 });
-var DaysRemaining = (0, import_react28.forwardRef)(
+var DaysRemaining = (0, import_react29.forwardRef)(
   function CancelledPlanNoticeDaysRemaining({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useNoticeCtx("DaysRemaining");
     const copy = useCopy();
     if (ctx.daysRemaining == null || ctx.daysRemaining <= 0) return null;
     const template = ctx.daysRemaining === 1 ? copy.cancelledNotice.dayRemaining : copy.cancelledNotice.daysRemaining;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-days-remaining": "", ...rest, children: children ?? interpolate(template, { days: ctx.daysRemaining }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-days-remaining": "", ...rest, children: children ?? interpolate(template, { days: ctx.daysRemaining }) });
   }
 );
-var AccessUntil = (0, import_react28.forwardRef)(
+var AccessUntil = (0, import_react29.forwardRef)(
   function CancelledPlanNoticeAccessUntil({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useNoticeCtx("AccessUntil");
     const copy = useCopy();
     if (!ctx.purchase.endDate) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-access-until": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.accessUntil, {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-access-until": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.accessUntil, {
       product: ctx.purchase.productName
     }) });
   }
 );
-var CancelledOn = (0, import_react28.forwardRef)(
+var CancelledOn = (0, import_react29.forwardRef)(
   function CancelledPlanNoticeCancelledOn({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useNoticeCtx("CancelledOn");
     const copy = useCopy();
     if (!ctx.purchase.cancelledAt) return null;
     const date = ctx.formatDate(ctx.purchase.cancelledAt);
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-cancelled-on": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.cancelledOn, { date: date ?? "" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-cancelled-on": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.cancelledOn, { date: date ?? "" }) });
   }
 );
-var Reason = (0, import_react28.forwardRef)(function CancelledPlanNoticeReason({ asChild, children, ...rest }, forwardedRef) {
+var Reason = (0, import_react29.forwardRef)(function CancelledPlanNoticeReason({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useNoticeCtx("Reason");
   if (!ctx.hasReason) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-reason": "", ...rest, children: children ?? ctx.purchase.cancellationReason });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-reason": "", ...rest, children: children ?? ctx.purchase.cancellationReason });
 });
-var ReactivateButton = (0, import_react28.forwardRef)(
+var ReactivateButton = (0, import_react29.forwardRef)(
   function CancelledPlanNoticeReactivateButton({ asChild, onClick, children, ...rest }, forwardedRef) {
     const ctx = useNoticeCtx("ReactivateButton");
     const copy = useCopy();
@@ -5249,10 +5283,10 @@ var ReactivateButton = (0, import_react28.forwardRef)(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: label }) })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: label }) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
   }
 );
 var CancelledPlanNoticeRoot2 = Root6;
@@ -5278,14 +5312,14 @@ function useCancelledPlanNotice() {
 }
 
 // src/primitives/CreditGate.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/primitives/TopupForm.tsx
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 var import_react_stripe_js2 = require("@stripe/react-stripe-js");
 
 // src/hooks/useTopup.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_stripe_js2 = require("@stripe/stripe-js");
 var stripePromiseCache2 = /* @__PURE__ */ new Map();
 function getStripeCacheKey2(publishableKey, accountId) {
@@ -5294,13 +5328,13 @@ function getStripeCacheKey2(publishableKey, accountId) {
 function useTopup(options) {
   const { amount, currency, autoRecharge } = options;
   const { createTopupPayment, customerRef, updateCustomerRef } = useSolvaPay();
-  const [loading, setLoading] = (0, import_react29.useState)(false);
-  const [error, setError] = (0, import_react29.useState)(null);
-  const [stripePromise, setStripePromise] = (0, import_react29.useState)(null);
-  const [clientSecret, setClientSecret] = (0, import_react29.useState)(null);
-  const [processorPaymentId, setProcessorPaymentId] = (0, import_react29.useState)(null);
-  const isStartingRef = (0, import_react29.useRef)(false);
-  const startTopup = (0, import_react29.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react30.useState)(false);
+  const [error, setError] = (0, import_react30.useState)(null);
+  const [stripePromise, setStripePromise] = (0, import_react30.useState)(null);
+  const [clientSecret, setClientSecret] = (0, import_react30.useState)(null);
+  const [processorPaymentId, setProcessorPaymentId] = (0, import_react30.useState)(null);
+  const isStartingRef = (0, import_react30.useRef)(false);
+  const startTopup = (0, import_react30.useCallback)(async () => {
     if (isStartingRef.current || loading) {
       return;
     }
@@ -5348,7 +5382,7 @@ function useTopup(options) {
       isStartingRef.current = false;
     }
   }, [amount, currency, autoRecharge, createTopupPayment, customerRef, updateCustomerRef, loading]);
-  const reset = (0, import_react29.useCallback)(() => {
+  const reset = (0, import_react30.useCallback)(() => {
     isStartingRef.current = false;
     setLoading(false);
     setError(null);
@@ -5368,16 +5402,16 @@ function useTopup(options) {
 }
 
 // src/primitives/TopupForm.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var TopupFormContext = (0, import_react30.createContext)(null);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var TopupFormContext = (0, import_react31.createContext)(null);
 function useTopupCtx(part) {
-  const ctx = (0, import_react30.useContext)(TopupFormContext);
+  const ctx = (0, import_react31.useContext)(TopupFormContext);
   if (!ctx) {
     throw new Error(`TopupForm.${part} must be rendered inside <TopupForm.Root>.`);
   }
   return ctx;
 }
-var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forwardedRef) {
+var Root7 = (0, import_react31.forwardRef)(function TopupFormRoot(props, forwardedRef) {
   const {
     amount,
     currency,
@@ -5393,7 +5427,7 @@ var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forward
     children,
     ...rest
   } = props;
-  const solva = (0, import_react30.useContext)(SolvaPayContext);
+  const solva = (0, import_react31.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("TopupForm");
   const { processTopupPayment, attachBusinessDetails, customerRef } = solva;
   const copy = useCopy();
@@ -5410,9 +5444,9 @@ var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forward
     currency,
     autoRecharge
   });
-  const hasInitializedRef = (0, import_react30.useRef)(false);
+  const hasInitializedRef = (0, import_react31.useRef)(false);
   const hasAmount = amount > 0;
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!hasInitializedRef.current && hasAmount && !loading && !topupError && !clientSecret) {
       hasInitializedRef.current = true;
       startTopup().catch((error) => {
@@ -5423,7 +5457,7 @@ var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forward
     if (hasAmount && clientSecret) hasInitializedRef.current = true;
   }, [hasAmount, loading, topupError, clientSecret, startTopup]);
   const finalReturnUrl = returnUrl || (typeof window !== "undefined" ? window.location.href : "/");
-  const elementsOptions = (0, import_react30.useMemo)(() => {
+  const elementsOptions = (0, import_react31.useMemo)(() => {
     if (!clientSecret) return void 0;
     return { clientSecret, locale: toStripeElementLocale(locale) };
   }, [clientSecret, locale]);
@@ -5446,7 +5480,7 @@ var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forward
     attachBusinessDetails,
     customerRef
   };
-  const shell = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  const shell = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -5458,9 +5492,9 @@ var Root7 = (0, import_react30.forwardRef)(function TopupFormRoot(props, forward
     }
   );
   if (canMountElements) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_stripe_js2.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Inner, { ...innerCommon, children: shell }) }, clientSecret);
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_stripe_js2.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Inner, { ...innerCommon, children: shell }) }, clientSecret);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OfflineInner, { ...innerCommon, children: shell });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OfflineInner, { ...innerCommon, children: shell });
 });
 var Inner = ({
   amount,
@@ -5481,11 +5515,11 @@ var Inner = ({
   const stripe = (0, import_react_stripe_js2.useStripe)();
   const elements = (0, import_react_stripe_js2.useElements)();
   const copy = useCopy();
-  const [paymentInputComplete, setPaymentInputComplete] = (0, import_react30.useState)(false);
-  const [isProcessing, setIsProcessing] = (0, import_react30.useState)(false);
-  const [error, setError] = (0, import_react30.useState)(null);
-  const returnResumeStarted = (0, import_react30.useRef)(false);
-  (0, import_react30.useEffect)(() => {
+  const [paymentInputComplete, setPaymentInputComplete] = (0, import_react31.useState)(false);
+  const [isProcessing, setIsProcessing] = (0, import_react31.useState)(false);
+  const [error, setError] = (0, import_react31.useState)(null);
+  const returnResumeStarted = (0, import_react31.useRef)(false);
+  (0, import_react31.useEffect)(() => {
     if (!stripe || returnResumeStarted.current || typeof window === "undefined") return;
     const returnClientSecret = readPaymentIntentClientSecret(window.location.search);
     if (!returnClientSecret) return;
@@ -5575,7 +5609,7 @@ var Inner = ({
   });
   const isReady = !!(stripe && elements);
   const canSubmit = isReady && paymentInputComplete && !isProcessing && !!clientSecret && (!requiresBusinessAttach || businessDetailsAttached) && !businessDetailsAttaching;
-  const submit = (0, import_react30.useCallback)(async () => {
+  const submit = (0, import_react31.useCallback)(async () => {
     if (!stripe || !elements || !clientSecret) {
       const msg = copy.errors.stripeUnavailable;
       setError(msg);
@@ -5663,7 +5697,7 @@ var Inner = ({
     businessDetailsError
   ]);
   const effectiveError = error ?? outerError ?? businessDetailsError;
-  const ctx = (0, import_react30.useMemo)(
+  const ctx = (0, import_react31.useMemo)(
     () => ({
       amount,
       currency,
@@ -5712,7 +5746,7 @@ var Inner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupFormContext.Provider, { value: ctx, children });
 };
 var OfflineInner = ({
   amount,
@@ -5724,13 +5758,13 @@ var OfflineInner = ({
   state,
   children
 }) => {
-  const noopSubmit = (0, import_react30.useCallback)(async () => {
+  const noopSubmit = (0, import_react31.useCallback)(async () => {
   }, []);
-  const noopSet = (0, import_react30.useCallback)(() => {
+  const noopSet = (0, import_react31.useCallback)(() => {
   }, []);
-  const noopBusinessSet = (0, import_react30.useCallback)(() => {
+  const noopBusinessSet = (0, import_react31.useCallback)(() => {
   }, []);
-  const ctx = (0, import_react30.useMemo)(
+  const ctx = (0, import_react31.useMemo)(
     () => ({
       amount,
       currency,
@@ -5768,16 +5802,16 @@ var OfflineInner = ({
       noopBusinessSet
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupFormContext.Provider, { value: ctx, children });
 };
 var PaymentElementSlot2 = ({ options }) => {
   const { setPaymentInputComplete, isReady, stripe, elements } = useTopupCtx("PaymentElement");
   const locale = useLocale();
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react_stripe_js2.PaymentElement,
     {
       options: withPaymentElementDefaults(options),
@@ -5786,14 +5820,14 @@ var PaymentElementSlot2 = ({ options }) => {
     locale || "default"
   ) });
 };
-var SubmitButton2 = (0, import_react30.forwardRef)(
+var SubmitButton2 = (0, import_react31.forwardRef)(
   function TopupFormSubmitButton({ asChild, onClick, children, ...rest }, forwardedRef) {
     const ctx = useTopupCtx("SubmitButton");
     const copy = useCopy();
     const dataState = ctx.isProcessing ? "processing" : !ctx.canSubmit ? "disabled" : "idle";
-    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: "sm" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: copy.cta.processing })
+    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: copy.cta.processing })
     ] });
     const commonProps = {
       "data-solvapay-topup-form-submit": "",
@@ -5808,38 +5842,38 @@ var SubmitButton2 = (0, import_react30.forwardRef)(
       ...rest
     };
     if (asChild) {
-      const slotChild = ctx.isProcessing && import_react30.default.isValidElement(children) ? import_react30.default.cloneElement(
+      const slotChild = ctx.isProcessing && import_react31.default.isValidElement(children) ? import_react31.default.cloneElement(
         children,
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children ? children : copy.cta.topUp;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
   }
 );
-var Loading4 = (0, import_react30.forwardRef)(function TopupFormLoading({ asChild, children, ...rest }, forwardedRef) {
+var Loading4 = (0, import_react31.forwardRef)(function TopupFormLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Loading");
   if (ctx.state !== "loading") return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Slot,
       {
         ref: forwardedRef,
         "data-solvapay-topup-form-loading": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: "sm" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: "sm" }) });
 });
-var ErrorSlot4 = (0, import_react30.forwardRef)(function TopupFormError({ asChild, children, ...rest }, forwardedRef) {
+var ErrorSlot4 = (0, import_react31.forwardRef)(function TopupFormError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Error");
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Slot,
       {
         ref: forwardedRef,
@@ -5852,7 +5886,7 @@ var ErrorSlot4 = (0, import_react30.forwardRef)(function TopupFormError({ asChil
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "p",
     {
       ref: forwardedRef,
@@ -5909,30 +5943,30 @@ function useTopupForm() {
 }
 
 // src/TopupForm.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var TopupForm2 = (props) => {
   const { className, buttonClassName, submitButtonText, ...rootProps } = props;
   const rootClass = ["solvapay-topup-form", className].filter(Boolean).join(" ");
   const buttonClass = ["solvapay-topup-form-submit", buttonClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(TopupForm.Root, { ...rootProps, className: rootClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupForm.PaymentElement, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupForm.Error, { className: "solvapay-topup-form-error" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupForm.Loading, { className: "solvapay-topup-form-loading" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TopupForm.SubmitButton, { className: buttonClass, children: submitButtonText })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TopupForm.Root, { ...rootProps, className: rootClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TopupForm.PaymentElement, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TopupForm.Error, { className: "solvapay-topup-form-error" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TopupForm.Loading, { className: "solvapay-topup-form-loading" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TopupForm.SubmitButton, { className: buttonClass, children: submitButtonText })
   ] });
 };
 
 // src/primitives/CreditGate.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var CreditGateContext = (0, import_react31.createContext)(null);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var CreditGateContext = (0, import_react32.createContext)(null);
 function useGateCtx(part) {
-  const ctx = (0, import_react31.useContext)(CreditGateContext);
+  const ctx = (0, import_react32.useContext)(CreditGateContext);
   if (!ctx) {
     throw new Error(`CreditGate.${part} must be rendered inside <CreditGate.Root>.`);
   }
   return ctx;
 }
-var Root8 = (0, import_react31.forwardRef)(function CreditGateRoot({
+var Root8 = (0, import_react32.forwardRef)(function CreditGateRoot({
   minCredits = 1,
   productRef,
   topupAmount = 1e3,
@@ -5941,13 +5975,13 @@ var Root8 = (0, import_react31.forwardRef)(function CreditGateRoot({
   children,
   ...rest
 }, forwardedRef) {
-  const solva = (0, import_react31.useContext)(SolvaPayContext);
+  const solva = (0, import_react32.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CreditGate");
   const { credits, loading } = useBalance();
   const { product } = useProduct(productRef);
   const hasCredits = credits != null && credits >= minCredits;
   const state = loading && credits == null ? "loading" : hasCredits ? "allowed" : "blocked";
-  const ctx = (0, import_react31.useMemo)(
+  const ctx = (0, import_react32.useMemo)(
     () => ({
       state,
       loading,
@@ -5960,7 +5994,7 @@ var Root8 = (0, import_react31.forwardRef)(function CreditGateRoot({
     [state, loading, hasCredits, credits, product?.name, topupAmount, topupCurrency]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CreditGateContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CreditGateContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -5971,14 +6005,14 @@ var Root8 = (0, import_react31.forwardRef)(function CreditGateRoot({
     }
   ) });
 });
-var Heading3 = (0, import_react31.forwardRef)(function CreditGateHeading({ asChild, children, ...rest }, forwardedRef) {
+var Heading3 = (0, import_react32.forwardRef)(function CreditGateHeading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx("Heading");
   const copy = useCopy();
   if (ctx.state !== "blocked") return null;
   const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-heading": "", ...rest, children: children ?? copy.creditGate.lowBalanceHeading });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-heading": "", ...rest, children: children ?? copy.creditGate.lowBalanceHeading });
 });
-var Subheading = (0, import_react31.forwardRef)(function CreditGateSubheading({ asChild, children, ...rest }, forwardedRef) {
+var Subheading = (0, import_react32.forwardRef)(function CreditGateSubheading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx("Subheading");
   const copy = useCopy();
   if (ctx.state !== "blocked") return null;
@@ -5986,12 +6020,12 @@ var Subheading = (0, import_react31.forwardRef)(function CreditGateSubheading({
     product: ctx.productName ?? "this product"
   });
   const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-subheading": "", ...rest, children: children ?? text });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-subheading": "", ...rest, children: children ?? text });
 });
 var Topup = ({ amount, currency }) => {
   const ctx = useGateCtx("Topup");
   if (ctx.state !== "blocked") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     TopupForm2,
     {
       amount: amount ?? ctx.topupAmount,
@@ -5999,21 +6033,21 @@ var Topup = ({ amount, currency }) => {
     }
   );
 };
-var Loading5 = (0, import_react31.forwardRef)(function CreditGateLoading({ asChild, children, ...rest }, forwardedRef) {
+var Loading5 = (0, import_react32.forwardRef)(function CreditGateLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx("Loading");
   if (ctx.state !== "loading") return null;
   const Comp = asChild ? Slot : "div";
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-loading": "", ...rest, children })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-loading": "", ...rest, children })
   );
 });
-var ErrorSlot5 = (0, import_react31.forwardRef)(function CreditGateError({ asChild, children, ...rest }, forwardedRef) {
+var ErrorSlot5 = (0, import_react32.forwardRef)(function CreditGateError({ asChild, children, ...rest }, forwardedRef) {
   if (!children) return null;
   const Comp = asChild ? Slot : "div";
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-error": "", role: "alert", ...rest, children })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-error": "", role: "alert", ...rest, children })
   );
 });
 var CreditGateRoot2 = Root8;
@@ -6035,29 +6069,29 @@ function useCreditGate() {
 }
 
 // src/primitives/PurchaseGate.tsx
-var import_react32 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var PurchaseGateContext = (0, import_react32.createContext)(null);
+var import_react33 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var PurchaseGateContext = (0, import_react33.createContext)(null);
 function useGateCtx2(part) {
-  const ctx = (0, import_react32.useContext)(PurchaseGateContext);
+  const ctx = (0, import_react33.useContext)(PurchaseGateContext);
   if (!ctx) {
     throw new Error(`PurchaseGate.${part} must be rendered inside <PurchaseGate.Root>.`);
   }
   return ctx;
 }
-var Root9 = (0, import_react32.forwardRef)(function PurchaseGateRoot({ requirePlan, requireProduct, asChild, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react32.useContext)(SolvaPayContext);
+var Root9 = (0, import_react33.forwardRef)(function PurchaseGateRoot({ requirePlan, requireProduct, asChild, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react33.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("PurchaseGate");
   const { purchases, loading, hasProduct, error } = usePurchase();
   const productToCheck = requireProduct || requirePlan;
   const hasAccess = productToCheck ? hasProduct(productToCheck) : purchases.some((p) => p.status === "active");
   const state = loading ? "loading" : hasAccess ? "allowed" : "blocked";
-  const ctx = (0, import_react32.useMemo)(
+  const ctx = (0, import_react33.useMemo)(
     () => ({ state, loading, hasAccess, error }),
     [state, loading, hasAccess, error]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PurchaseGateContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PurchaseGateContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -6068,29 +6102,29 @@ var Root9 = (0, import_react32.forwardRef)(function PurchaseGateRoot({ requirePl
     }
   ) });
 });
-var Allowed = (0, import_react32.forwardRef)(function PurchaseGateAllowed({ asChild, children, ...rest }, forwardedRef) {
+var Allowed = (0, import_react33.forwardRef)(function PurchaseGateAllowed({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx2("Allowed");
   if (ctx.state !== "allowed") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-allowed": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-allowed": "", ...rest, children });
 });
-var Blocked = (0, import_react32.forwardRef)(function PurchaseGateBlocked({ asChild, children, ...rest }, forwardedRef) {
+var Blocked = (0, import_react33.forwardRef)(function PurchaseGateBlocked({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx2("Blocked");
   if (ctx.state !== "blocked") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-blocked": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-blocked": "", ...rest, children });
 });
-var Loading6 = (0, import_react32.forwardRef)(function PurchaseGateLoading({ asChild, children, ...rest }, forwardedRef) {
+var Loading6 = (0, import_react33.forwardRef)(function PurchaseGateLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx2("Loading");
   if (ctx.state !== "loading") return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-loading": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-loading": "", ...rest, children });
 });
-var ErrorSlot6 = (0, import_react32.forwardRef)(function PurchaseGateError({ asChild, children, ...rest }, forwardedRef) {
+var ErrorSlot6 = (0, import_react33.forwardRef)(function PurchaseGateError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useGateCtx2("Error");
   if (!ctx.error) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
 });
 var PurchaseGateRoot2 = Root9;
 var PurchaseGateAllowed2 = Allowed;
@@ -6109,13 +6143,13 @@ function usePurchaseGate() {
 }
 
 // src/primitives/AutoRecharge.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_react_dom = require("react-dom");
 var import_react_stripe_js3 = require("@stripe/react-stripe-js");
 var import_stripe_js3 = require("@stripe/stripe-js");
 
 // src/hooks/useAutoRecharge.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 function mergeAutoRechargeConfig(config, display) {
   return display ? { ...config, display } : config;
 }
@@ -6129,18 +6163,18 @@ async function fetchAutoRecharge(config) {
 function useAutoRecharge() {
   const { _config } = useSolvaPay();
   const key = autoRechargeCacheKeyFor(_config);
-  const [config, setConfig] = (0, import_react33.useState)(
+  const [config, setConfig] = (0, import_react34.useState)(
     () => autoRechargeCache.get(key)?.config ?? null
   );
-  const [loading, setLoading] = (0, import_react33.useState)(() => {
+  const [loading, setLoading] = (0, import_react34.useState)(() => {
     const cached = autoRechargeCache.get(key);
     return !cached || !cached.config && !cached.promise;
   });
-  const [saving, setSaving] = (0, import_react33.useState)(false);
-  const [disabling, setDisabling] = (0, import_react33.useState)(false);
-  const [error, setError] = (0, import_react33.useState)(null);
-  const requestSeq = (0, import_react33.useRef)(0);
-  const load = (0, import_react33.useCallback)(
+  const [saving, setSaving] = (0, import_react34.useState)(false);
+  const [disabling, setDisabling] = (0, import_react34.useState)(false);
+  const [error, setError] = (0, import_react34.useState)(null);
+  const requestSeq = (0, import_react34.useRef)(0);
+  const load = (0, import_react34.useCallback)(
     async (force = false) => {
       const seq = requestSeq.current;
       const cached = autoRechargeCache.get(key);
@@ -6199,10 +6233,10 @@ function useAutoRecharge() {
     },
     [_config, key]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     return subscribeAutoRecharge(key, () => {
       const cached = autoRechargeCache.get(key);
       if (cached) {
@@ -6212,13 +6246,13 @@ function useAutoRecharge() {
       void load(true);
     });
   }, [key, load]);
-  const refresh = (0, import_react33.useCallback)(
+  const refresh = (0, import_react34.useCallback)(
     async (force = true) => {
       await load(force);
     },
     [load]
   );
-  const save = (0, import_react33.useCallback)(
+  const save = (0, import_react34.useCallback)(
     async (input) => {
       const transport = _config?.transport ?? createHttpTransport(_config);
       if (!transport.saveAutoRecharge) {
@@ -6248,7 +6282,7 @@ function useAutoRecharge() {
     },
     [_config, key]
   );
-  const disable = (0, import_react33.useCallback)(async () => {
+  const disable = (0, import_react34.useCallback)(async () => {
     const transport = _config?.transport ?? createHttpTransport(_config);
     if (!transport.disableAutoRecharge) {
       throw new Error("disableAutoRecharge is not available on this transport");
@@ -6613,10 +6647,10 @@ function flipUnitValue(anchor, targetUnit, currency, creditsPerMinorUnit, displa
 }
 
 // src/primitives/AutoRecharge.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var AutoRechargeContext = (0, import_react34.createContext)(null);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var AutoRechargeContext = (0, import_react35.createContext)(null);
 function useAutoRechargeCtx(part) {
-  const ctx = (0, import_react34.useContext)(AutoRechargeContext);
+  const ctx = (0, import_react35.useContext)(AutoRechargeContext);
   if (!ctx) {
     throw new Error(`AutoRecharge.${part} must be rendered inside <AutoRecharge.Root>.`);
   }
@@ -6635,7 +6669,7 @@ var stripePromiseCache3 = /* @__PURE__ */ new Map();
 function getStripeCacheKey3(publishableKey, accountId) {
   return accountId ? `${publishableKey}:${accountId}` : publishableKey;
 }
-var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
+var Root10 = (0, import_react35.forwardRef)(function AutoRechargeRoot({
   currency = "USD",
   defaultThresholdAmountMajor,
   defaultTopupAmountMajor,
@@ -6652,18 +6686,18 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
   className,
   ...rest
 }, forwardedRef) {
-  const solva = (0, import_react34.useContext)(SolvaPayContext);
+  const solva = (0, import_react35.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("AutoRecharge");
   const autoRecharge = useAutoRecharge();
   const { creditsPerMinorUnit, displayExchangeRate } = useBalance();
   const copy = useCopy();
-  const titleId = (0, import_react34.useId)();
-  const triggerRef = (0, import_react34.useRef)(null);
+  const titleId = (0, import_react35.useId)();
+  const triggerRef = (0, import_react35.useRef)(null);
   const defaultTopup = defaultTopupAmountMajor ?? defaultThresholdAmountMajor ?? void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react34.useState)(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react35.useState)(defaultOpen);
   const isControlled = openProp !== void 0;
   const open = isControlled ? openProp : uncontrolledOpen;
-  const setOpen = (0, import_react34.useCallback)(
+  const setOpen = (0, import_react35.useCallback)(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -6672,23 +6706,23 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     },
     [isControlled, onOpenChange]
   );
-  const registerTriggerRef = (0, import_react34.useCallback)((node) => {
+  const registerTriggerRef = (0, import_react35.useCallback)((node) => {
     triggerRef.current = node;
   }, []);
-  const focusTrigger = (0, import_react34.useCallback)(() => {
+  const focusTrigger = (0, import_react35.useCallback)(() => {
     triggerRef.current?.focus();
   }, []);
-  const [form, setForm] = (0, import_react34.useState)(
+  const [form, setForm] = (0, import_react35.useState)(
     () => autoRecharge.config ? configToForm(autoRecharge.config, currency) : createDefaultAutoRechargeForm(currency, defaultTopup)
   );
-  const [validationError, setValidationError] = (0, import_react34.useState)(null);
-  const [statusMessage, setStatusMessage] = (0, import_react34.useState)(null);
-  const [setup, setSetup] = (0, import_react34.useState)(null);
-  const latestConfigRef = (0, import_react34.useRef)(autoRecharge.config);
-  (0, import_react34.useEffect)(() => {
+  const [validationError, setValidationError] = (0, import_react35.useState)(null);
+  const [statusMessage, setStatusMessage] = (0, import_react35.useState)(null);
+  const [setup, setSetup] = (0, import_react35.useState)(null);
+  const latestConfigRef = (0, import_react35.useRef)(autoRecharge.config);
+  (0, import_react35.useEffect)(() => {
     latestConfigRef.current = autoRecharge.config;
   }, [autoRecharge.config]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (autoRecharge.config) {
       setForm(configToForm(autoRecharge.config, currency));
     }
@@ -6696,7 +6730,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
   const canToggleUnits = creditsPerMinorUnit != null && creditsPerMinorUnit > 0;
   const rate = displayExchangeRate ?? 1;
   const isApproximate = rate !== 1;
-  const emitValidation = (0, import_react34.useCallback)(
+  const emitValidation = (0, import_react35.useCallback)(
     (next) => {
       const result = validateAutoRechargeForm(
         next,
@@ -6713,7 +6747,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     },
     [currency, creditsPerMinorUnit, displayExchangeRate, copy.autoRecharge]
   );
-  const updateForm = (0, import_react34.useCallback)(
+  const updateForm = (0, import_react35.useCallback)(
     (patch) => {
       setForm((prev) => {
         const next = { ...prev, ...patch };
@@ -6723,7 +6757,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     },
     [emitValidation]
   );
-  const resetForm = (0, import_react34.useCallback)(() => {
+  const resetForm = (0, import_react35.useCallback)(() => {
     if (autoRecharge.config) {
       setForm(configToForm(autoRecharge.config, currency));
     } else {
@@ -6731,7 +6765,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     }
     setValidationError(null);
   }, [autoRecharge.config, currency, defaultTopup]);
-  const flipUnit = (0, import_react34.useCallback)(
+  const flipUnit = (0, import_react35.useCallback)(
     (valueKey, unitKey, baseValueKey, baseUnitKey, currentUnit) => {
       const nextUnit = currentUnit === "currency" ? "credits" : "currency";
       setForm((prev) => {
@@ -6754,7 +6788,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     },
     [currency, creditsPerMinorUnit, displayExchangeRate, emitValidation]
   );
-  const fixedTopupHint = (0, import_react34.useMemo)(() => {
+  const fixedTopupHint = (0, import_react35.useMemo)(() => {
     const parsed = Number(form.topupAmountMajor);
     if (!Number.isFinite(parsed) || parsed <= 0) return null;
     if (form.topupUnit === "currency") {
@@ -6778,15 +6812,15 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     displayExchangeRate,
     isApproximate
   ]);
-  const summaryLine = (0, import_react34.useMemo)(() => buildSummaryLine(form, currency), [form, currency]);
-  const savedSummaryLine = (0, import_react34.useMemo)(() => {
+  const summaryLine = (0, import_react35.useMemo)(() => buildSummaryLine(form, currency), [form, currency]);
+  const savedSummaryLine = (0, import_react35.useMemo)(() => {
     if (!autoRecharge.config?.enabled) return null;
     return buildSummaryLine(
       configToForm(autoRecharge.config, currency),
       currency
     );
   }, [autoRecharge.config, currency]);
-  const save = (0, import_react34.useCallback)(async () => {
+  const save = (0, import_react35.useCallback)(async () => {
     const payload = emitValidation(form);
     if (!payload) return;
     const saveInput = deferCardSetup ? { ...payload, deferSetupIntent: true } : payload;
@@ -6817,13 +6851,13 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     onSetupRequired,
     setOpen
   ]);
-  const disable = (0, import_react34.useCallback)(async () => {
+  const disable = (0, import_react35.useCallback)(async () => {
     await autoRecharge.disable();
     setStatusMessage(copy.autoRecharge.disabledMessage);
     setSetup(null);
     await onDisabled?.();
   }, [autoRecharge, copy.autoRecharge, onDisabled]);
-  const completeSetup = (0, import_react34.useCallback)(async () => {
+  const completeSetup = (0, import_react35.useCallback)(async () => {
     const activated = await waitForAutoRechargeActivation({
       refresh: autoRecharge.refresh,
       getStatus: () => latestConfigRef.current?.status
@@ -6838,7 +6872,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     }
   }, [autoRecharge, copy.autoRecharge, form.enabled, setOpen]);
   const dataState = setup ? "setup" : autoRecharge.error ? "error" : autoRecharge.loading ? "loading" : autoRecharge.saving ? "saving" : autoRecharge.disabling ? "disabling" : "idle";
-  const ctx = (0, import_react34.useMemo)(
+  const ctx = (0, import_react35.useMemo)(
     () => ({
       form,
       updateForm,
@@ -6909,7 +6943,7 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AutoRechargeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AutoRechargeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -6922,18 +6956,18 @@ var Root10 = (0, import_react34.forwardRef)(function AutoRechargeRoot({
     }
   ) });
 });
-var Loading7 = (0, import_react34.forwardRef)(
+var Loading7 = (0, import_react35.forwardRef)(
   function AutoRechargeLoading({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Loading");
     if (!ctx.loading) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Spinner, { size: "sm" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Spinner, { size: "sm" }),
       " Loading auto-recharge settings\u2026"
     ] }) });
   }
 );
-var Card2 = (0, import_react34.forwardRef)(function AutoRechargeCard({ className, children, ...rest }, forwardedRef) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var Card2 = (0, import_react35.forwardRef)(function AutoRechargeCard({ className, children, ...rest }, forwardedRef) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "section",
     {
       ref: forwardedRef,
@@ -6944,10 +6978,10 @@ var Card2 = (0, import_react34.forwardRef)(function AutoRechargeCard({ className
     }
   );
 });
-var CardHeading = (0, import_react34.forwardRef)(
+var CardHeading = (0, import_react35.forwardRef)(
   function AutoRechargeCardHeading({ className, children, ...rest }, forwardedRef) {
     const copy = useCopy();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "h3",
       {
         ref: forwardedRef,
@@ -6959,12 +6993,12 @@ var CardHeading = (0, import_react34.forwardRef)(
     );
   }
 );
-var CardSummary = (0, import_react34.forwardRef)(
+var CardSummary = (0, import_react35.forwardRef)(
   function AutoRechargeCardSummary({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("CardSummary");
     const copy = useCopy();
     const text = ctx.savedSummaryLine ?? copy.autoRecharge.notConfiguredHint;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "p",
       {
         ref: forwardedRef,
@@ -6976,7 +7010,7 @@ var CardSummary = (0, import_react34.forwardRef)(
     );
   }
 );
-var Trigger = (0, import_react34.forwardRef)(function AutoRechargeTrigger({ asChild, onClick, children, className, ...rest }, forwardedRef) {
+var Trigger = (0, import_react35.forwardRef)(function AutoRechargeTrigger({ asChild, onClick, children, className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("Trigger");
   const copy = useCopy();
   const hasExistingConfig = Boolean(ctx.config?.enabled);
@@ -7004,14 +7038,14 @@ var Trigger = (0, import_react34.forwardRef)(function AutoRechargeTrigger({ asCh
     ...rest
   };
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slot, { ref: setRefs, ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Slot, { ref: setRefs, ...commonProps, children: children ?? label });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { ref: setRefs, ...commonProps, children: children ?? label });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { ref: setRefs, ...commonProps, children: children ?? label });
 });
-var Overlay = (0, import_react34.forwardRef)(
+var Overlay = (0, import_react35.forwardRef)(
   function AutoRechargeOverlay({ onClick, className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Overlay");
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         ref: forwardedRef,
@@ -7028,10 +7062,10 @@ var Overlay = (0, import_react34.forwardRef)(
     );
   }
 );
-var Content = (0, import_react34.forwardRef)(function AutoRechargeContent({ className, children, ...rest }, forwardedRef) {
+var Content = (0, import_react35.forwardRef)(function AutoRechargeContent({ className, children, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("Content");
-  const panelRef = (0, import_react34.useRef)(null);
-  (0, import_react34.useEffect)(() => {
+  const panelRef = (0, import_react35.useRef)(null);
+  (0, import_react35.useEffect)(() => {
     if (!ctx.open) return;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -7051,9 +7085,9 @@ var Content = (0, import_react34.forwardRef)(function AutoRechargeContent({ clas
   }, [ctx.open, ctx.resetForm, ctx.setOpen, ctx.focusTrigger]);
   if (!ctx.open || typeof document === "undefined") return null;
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { "data-solvapay-auto-recharge-portal": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Overlay, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-solvapay-auto-recharge-portal": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Overlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
           ref: (node) => {
@@ -7077,11 +7111,11 @@ var Content = (0, import_react34.forwardRef)(function AutoRechargeContent({ clas
     document.body
   );
 });
-var Title = (0, import_react34.forwardRef)(
+var Title = (0, import_react35.forwardRef)(
   function AutoRechargeTitle({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Title");
     const copy = useCopy();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "h2",
       {
         ref: forwardedRef,
@@ -7094,16 +7128,16 @@ var Title = (0, import_react34.forwardRef)(
     );
   }
 );
-var EnableQuestion = (0, import_react34.forwardRef)(
+var EnableQuestion = (0, import_react35.forwardRef)(
   function AutoRechargeEnableQuestion({ className, children, ...rest }, forwardedRef) {
     const copy = useCopy();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-question": "", ...rest, children: children ?? copy.autoRecharge.enableQuestion });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-question": "", ...rest, children: children ?? copy.autoRecharge.enableQuestion });
   }
 );
-var EnableSentence = (0, import_react34.forwardRef)(
+var EnableSentence = (0, import_react35.forwardRef)(
   function AutoRechargeEnableSentence({ className, children, ...rest }, forwardedRef) {
     const copy = useCopy();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "label",
       {
         ref: forwardedRef,
@@ -7115,25 +7149,25 @@ var EnableSentence = (0, import_react34.forwardRef)(
     );
   }
 );
-var EnableRow = (0, import_react34.forwardRef)(
+var EnableRow = (0, import_react35.forwardRef)(
   function AutoRechargeEnableRow({ className, children, ...rest }, forwardedRef) {
-    const enableId = (0, import_react34.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    const enableId = (0, import_react35.useId)();
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         ref: forwardedRef,
         className,
         "data-solvapay-auto-recharge-enable-row": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EnableSwitch, { appearance: "checkbox", id: enableId }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EnableSentence, { htmlFor: enableId })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EnableSwitch, { appearance: "checkbox", id: enableId }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EnableSentence, { htmlFor: enableId })
         ] })
       }
     );
   }
 );
-var CancelButton = (0, import_react34.forwardRef)(
+var CancelButton = (0, import_react35.forwardRef)(
   function AutoRechargeCancelButton({ asChild, onClick, children, className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("CancelButton");
     const copy = useCopy();
@@ -7150,7 +7184,7 @@ var CancelButton = (0, import_react34.forwardRef)(
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Slot,
         {
           ref: forwardedRef,
@@ -7159,14 +7193,14 @@ var CancelButton = (0, import_react34.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { ref: forwardedRef, ...commonProps, children: children ?? copy.autoRecharge.cancelButton });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { ref: forwardedRef, ...commonProps, children: children ?? copy.autoRecharge.cancelButton });
   }
 );
-var Header = (0, import_react34.forwardRef)(
+var Header = (0, import_react35.forwardRef)(
   function AutoRechargeHeader({ className, ...rest }, forwardedRef) {
     const copy = useCopy();
-    const headingId = (0, import_react34.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    const headingId = (0, import_react35.useId)();
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "header",
       {
         ref: forwardedRef,
@@ -7174,20 +7208,20 @@ var Header = (0, import_react34.forwardRef)(
         "data-solvapay-auto-recharge-header": "",
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { "data-solvapay-auto-recharge-heading-group": "", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { id: headingId, "data-solvapay-auto-recharge-heading": "", children: copy.autoRecharge.heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Description, {})
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "data-solvapay-auto-recharge-heading-group": "", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { id: headingId, "data-solvapay-auto-recharge-heading": "", children: copy.autoRecharge.heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Description, {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EnableSwitch, { "aria-labelledby": headingId })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EnableSwitch, { "aria-labelledby": headingId })
         ]
       }
     );
   }
 );
-var Description = (0, import_react34.forwardRef)(
+var Description = (0, import_react35.forwardRef)(
   function AutoRechargeDescription({ className, children, ...rest }, forwardedRef) {
     const copy = useCopy();
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "p",
       {
         ref: forwardedRef,
@@ -7199,7 +7233,7 @@ var Description = (0, import_react34.forwardRef)(
     );
   }
 );
-var EnableSwitch = (0, import_react34.forwardRef)(
+var EnableSwitch = (0, import_react35.forwardRef)(
   function AutoRechargeEnableSwitch({ asChild, appearance = "switch", onChange, className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("EnableSwitch");
     const copy = useCopy();
@@ -7218,7 +7252,7 @@ var EnableSwitch = (0, import_react34.forwardRef)(
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Slot,
         {
           ref: forwardedRef,
@@ -7226,15 +7260,15 @@ var EnableSwitch = (0, import_react34.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { ref: forwardedRef, ...commonProps });
   }
 );
-var Fields = (0, import_react34.forwardRef)(
+var Fields = (0, import_react35.forwardRef)(
   function AutoRechargeFields({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Fields");
     const copy = useCopy();
     if (!ctx.form.enabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "fieldset",
       {
         ref: forwardedRef,
@@ -7245,64 +7279,64 @@ var Fields = (0, import_react34.forwardRef)(
         "data-state": "open",
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("legend", { className: "sr-only", children: copy.autoRecharge.heading }),
-          children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Summary4, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThresholdField, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TopupField, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MaxMonthlySpendField, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValidationError, {})
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("legend", { className: "sr-only", children: copy.autoRecharge.heading }),
+          children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Summary4, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ThresholdField, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TopupField, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MaxMonthlySpendField, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ValidationError, {})
           ] })
         ]
       }
     );
   }
 );
-var Setup = (0, import_react34.forwardRef)(
+var Setup = (0, import_react35.forwardRef)(
   function AutoRechargeSetup({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Setup");
     if (!ctx.setup?.setupClientSecret) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         ref: forwardedRef,
         className,
         "data-solvapay-auto-recharge-setup-panel": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardSetup, { setup: ctx.setup, onComplete: ctx.completeSetup })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardSetup, { setup: ctx.setup, onComplete: ctx.completeSetup })
       }
     );
   }
 );
-var Body = (0, import_react34.forwardRef)(
+var Body = (0, import_react35.forwardRef)(
   function AutoRechargeBody({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Body");
     if (ctx.setup?.setupClientSecret) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Setup, { className });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Setup, { className });
     }
     if (!ctx.form.enabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Fields, { ref: forwardedRef, className, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Summary4, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThresholdField, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TopupField, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MaxMonthlySpendField, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValidationError, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Actions, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Fields, { ref: forwardedRef, className, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Summary4, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ThresholdField, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TopupField, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MaxMonthlySpendField, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ValidationError, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Actions, {})
     ] }) });
   }
 );
-var Summary4 = (0, import_react34.forwardRef)(
+var Summary4 = (0, import_react35.forwardRef)(
   function AutoRechargeSummary({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Summary");
     const copy = useCopy();
     if (!ctx.summaryLine) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { "data-solvapay-auto-recharge-summary": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { ref: forwardedRef, className, ...rest, children: children ?? ctx.summaryLine }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: copy.autoRecharge.taxDisclosure })
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-solvapay-auto-recharge-summary": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { ref: forwardedRef, className, ...rest, children: children ?? ctx.summaryLine }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: copy.autoRecharge.taxDisclosure })
     ] });
   }
 );
-var AmountField = (0, import_react34.forwardRef)(function AutoRechargeAmountField({ field, showLabel = true, asChild, onChange, className, ...rest }, forwardedRef) {
+var AmountField = (0, import_react35.forwardRef)(function AutoRechargeAmountField({ field, showLabel = true, asChild, onChange, className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("AmountField");
   const copy = useCopy();
   const fieldConfig = {
@@ -7341,7 +7375,7 @@ var AmountField = (0, import_react34.forwardRef)(function AutoRechargeAmountFiel
       })
     }
   }[field];
-  const inputId = (0, import_react34.useId)();
+  const inputId = (0, import_react35.useId)();
   const prefix = fieldConfig.mode === "currency" ? getCurrencySymbol2(ctx.currency) : void 0;
   const handleChange = (event) => {
     const raw = event.target.value;
@@ -7362,12 +7396,12 @@ var AmountField = (0, import_react34.forwardRef)(function AutoRechargeAmountFiel
     ...rest
   };
   const slotRef = forwardedRef;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { "data-solvapay-auto-recharge-field": "", "data-field": field, children: [
-    showLabel ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: inputId, children: fieldConfig.label }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { "data-solvapay-auto-recharge-amount-row": "", children: [
-      prefix ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-solvapay-auto-recharge-currency-prefix": "", "aria-hidden": "true", children: prefix }) : null,
-      asChild ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slot, { ref: slotRef, ...inputProps }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { ref: forwardedRef, ...inputProps }),
-      ctx.canToggleUnits ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { "data-solvapay-auto-recharge-field": "", "data-field": field, children: [
+    showLabel ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: inputId, children: fieldConfig.label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { "data-solvapay-auto-recharge-amount-row": "", children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-solvapay-auto-recharge-currency-prefix": "", "aria-hidden": "true", children: prefix }) : null,
+      asChild ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Slot, { ref: slotRef, ...inputProps }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { ref: forwardedRef, ...inputProps }),
+      ctx.canToggleUnits ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         UnitToggle,
         {
           unit: fieldConfig.unit,
@@ -7384,14 +7418,14 @@ var AmountField = (0, import_react34.forwardRef)(function AutoRechargeAmountFiel
     ] })
   ] });
 });
-var ThresholdField = (0, import_react34.forwardRef)(
+var ThresholdField = (0, import_react35.forwardRef)(
   function AutoRechargeThresholdField({ className, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("section", { ref, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AmountField, { field: "threshold" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { ref, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AmountField, { field: "threshold" }) });
   }
 );
-var TopupField = (0, import_react34.forwardRef)(
+var TopupField = (0, import_react35.forwardRef)(
   function AutoRechargeTopupField({ className, ...rest }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "section",
       {
         ref,
@@ -7399,27 +7433,27 @@ var TopupField = (0, import_react34.forwardRef)(
         "data-solvapay-auto-recharge-topup-field": "",
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AmountField, { field: "fixed" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Hint, {})
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AmountField, { field: "fixed" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Hint, {})
         ]
       }
     );
   }
 );
-var MaxMonthlySpendField = (0, import_react34.forwardRef)(function AutoRechargeMaxMonthlySpendField({ onChange, className, ...rest }, forwardedRef) {
+var MaxMonthlySpendField = (0, import_react35.forwardRef)(function AutoRechargeMaxMonthlySpendField({ onChange, className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("MaxMonthlySpendField");
   const copy = useCopy();
-  const inputId = (0, import_react34.useId)();
+  const inputId = (0, import_react35.useId)();
   const prefix = getCurrencySymbol2(ctx.currency);
   const handleChange = (event) => {
     const raw = event.target.value.replace(/[^0-9.]/g, "");
     ctx.updateForm({ maxMonthlySpendMajor: raw });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { "data-solvapay-auto-recharge-field": "", "data-field": "max-monthly-spend", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: inputId, children: copy.autoRecharge.maxMonthlySpendLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { "data-solvapay-auto-recharge-amount-row": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-solvapay-auto-recharge-currency-prefix": "", "aria-hidden": "true", children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "data-solvapay-auto-recharge-field": "", "data-field": "max-monthly-spend", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: inputId, children: copy.autoRecharge.maxMonthlySpendLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { "data-solvapay-auto-recharge-amount-row": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-solvapay-auto-recharge-currency-prefix": "", "aria-hidden": "true", children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "input",
         {
           ref: forwardedRef,
@@ -7437,16 +7471,16 @@ var MaxMonthlySpendField = (0, import_react34.forwardRef)(function AutoRechargeM
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { "data-solvapay-auto-recharge-max-spend-helper": "", children: copy.autoRecharge.maxMonthlySpendHelper })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { "data-solvapay-auto-recharge-max-spend-helper": "", children: copy.autoRecharge.maxMonthlySpendHelper })
   ] });
 });
-var MonthlySpend = (0, import_react34.forwardRef)(
+var MonthlySpend = (0, import_react35.forwardRef)(
   function AutoRechargeMonthlySpend({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("MonthlySpend");
     const copy = useCopy();
     if (!ctx.config?.maxMonthlySpendMinor) return null;
     const spent = effectiveMonthlySpend(ctx.config);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "p",
       {
         ref: forwardedRef,
@@ -7461,10 +7495,10 @@ var MonthlySpend = (0, import_react34.forwardRef)(
     );
   }
 );
-var UnitToggle = (0, import_react34.forwardRef)(function AutoRechargeUnitToggle({ unit, fieldLabel, onToggle, className, ...rest }, forwardedRef) {
+var UnitToggle = (0, import_react35.forwardRef)(function AutoRechargeUnitToggle({ unit, fieldLabel, onToggle, className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("UnitToggle");
   const targetUnitLabel = unit === "currency" ? "credits" : "currency";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "button",
     {
       ref: forwardedRef,
@@ -7478,7 +7512,7 @@ var UnitToggle = (0, import_react34.forwardRef)(function AutoRechargeUnitToggle(
     }
   );
 });
-var Hint = (0, import_react34.forwardRef)(
+var Hint = (0, import_react35.forwardRef)(
   function AutoRechargeHint({ className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Hint");
     const copy = useCopy();
@@ -7492,13 +7526,13 @@ var Hint = (0, import_react34.forwardRef)(
       ctx.isApproximate ? copy.autoRecharge.currencyPerRechargeApprox : copy.autoRecharge.currencyPerRecharge,
       { amount: hint }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-hint": "", ...rest, children: text });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { ref: forwardedRef, className, "data-solvapay-auto-recharge-hint": "", ...rest, children: text });
   }
 );
-var ValidationError = (0, import_react34.forwardRef)(function AutoRechargeValidationError({ className, ...rest }, forwardedRef) {
+var ValidationError = (0, import_react35.forwardRef)(function AutoRechargeValidationError({ className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("ValidationError");
   if (!ctx.validationError) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "p",
     {
       ref: forwardedRef,
@@ -7511,24 +7545,24 @@ var ValidationError = (0, import_react34.forwardRef)(function AutoRechargeValida
     }
   );
 });
-var Actions = (0, import_react34.forwardRef)(
+var Actions = (0, import_react35.forwardRef)(
   function AutoRechargeActions({ className, children, ...rest }, forwardedRef) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "menu",
       {
         ref: forwardedRef,
         className,
         "data-solvapay-auto-recharge-actions": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CancelButton, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SaveButton, {}) })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CancelButton, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SaveButton, {}) })
         ] })
       }
     );
   }
 );
-var SaveButton = (0, import_react34.forwardRef)(function AutoRechargeSaveButton({ asChild, onClick, children, className, ...rest }, forwardedRef) {
+var SaveButton = (0, import_react35.forwardRef)(function AutoRechargeSaveButton({ asChild, onClick, children, className, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("SaveButton");
   const copy = useCopy();
   const dataState = ctx.saving ? "processing" : ctx.validationError ? "disabled" : "idle";
@@ -7545,13 +7579,13 @@ var SaveButton = (0, import_react34.forwardRef)(function AutoRechargeSaveButton(
     className,
     ...rest
   };
-  const content = ctx.saving ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Spinner, { size: "sm" }),
+  const content = ctx.saving ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Spinner, { size: "sm" }),
     " ",
     copy.cta.processing
   ] }) : children ?? copy.autoRecharge.saveButton;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Slot,
       {
         ref: forwardedRef,
@@ -7560,9 +7594,9 @@ var SaveButton = (0, import_react34.forwardRef)(function AutoRechargeSaveButton(
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { ref: forwardedRef, ...commonProps, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { ref: forwardedRef, ...commonProps, children: content });
 });
-var DisableButton = (0, import_react34.forwardRef)(
+var DisableButton = (0, import_react35.forwardRef)(
   function AutoRechargeDisableButton({ asChild, onClick, children, className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("DisableButton");
     const copy = useCopy();
@@ -7580,7 +7614,7 @@ var DisableButton = (0, import_react34.forwardRef)(
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Slot,
         {
           ref: forwardedRef,
@@ -7589,14 +7623,14 @@ var DisableButton = (0, import_react34.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { ref: forwardedRef, ...commonProps, children: children ?? copy.autoRecharge.disableButton });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { ref: forwardedRef, ...commonProps, children: children ?? copy.autoRecharge.disableButton });
   }
 );
-var ErrorSlot7 = (0, import_react34.forwardRef)(
+var ErrorSlot7 = (0, import_react35.forwardRef)(
   function AutoRechargeError({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Error");
     if (!ctx.error) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "p",
       {
         ref: forwardedRef,
@@ -7610,11 +7644,11 @@ var ErrorSlot7 = (0, import_react34.forwardRef)(
     );
   }
 );
-var StatusMessage = (0, import_react34.forwardRef)(
+var StatusMessage = (0, import_react35.forwardRef)(
   function AutoRechargeStatusMessage({ className, children, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("StatusMessage");
     if (!ctx.statusMessage) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "p",
       {
         ref: forwardedRef,
@@ -7627,7 +7661,7 @@ var StatusMessage = (0, import_react34.forwardRef)(
     );
   }
 );
-var Status = (0, import_react34.forwardRef)(
+var Status = (0, import_react35.forwardRef)(
   function AutoRechargeStatus({ className, ...rest }, forwardedRef) {
     const ctx = useAutoRechargeCtx("Status");
     const copy = useCopy();
@@ -7636,7 +7670,7 @@ var Status = (0, import_react34.forwardRef)(
     const failedLabel = status === "failed" ? copy.autoRecharge.statusFailed : null;
     const capLabel = monthlyCapReached ? copy.autoRecharge.statusMonthlyCapReached : null;
     if (!failedLabel && !capLabel) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         ref: forwardedRef,
@@ -7644,8 +7678,8 @@ var Status = (0, import_react34.forwardRef)(
         "data-solvapay-auto-recharge-status-group": "",
         ...rest,
         children: [
-          failedLabel ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-solvapay-auto-recharge-status": "", "data-status": "failed", children: failedLabel }) : null,
-          capLabel ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-solvapay-auto-recharge-status": "", "data-status": "monthly-cap-reached", children: capLabel }) : null
+          failedLabel ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-solvapay-auto-recharge-status": "", "data-status": "failed", children: failedLabel }) : null,
+          capLabel ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "data-solvapay-auto-recharge-status": "", "data-status": "monthly-cap-reached", children: capLabel }) : null
         ]
       }
     );
@@ -7655,9 +7689,9 @@ function CardSetupInner({ onComplete }) {
   const copy = useCopy();
   const stripe = (0, import_react_stripe_js3.useStripe)();
   const elements = (0, import_react_stripe_js3.useElements)();
-  const [processing, setProcessing] = (0, import_react34.useState)(false);
-  const [error, setError] = (0, import_react34.useState)(null);
-  (0, import_react34.useEffect)(() => {
+  const [processing, setProcessing] = (0, import_react35.useState)(false);
+  const [error, setError] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
     if (!stripe) return;
     const clientSecret = readSetupIntentClientSecret(window.location.search);
     if (!clientSecret) return;
@@ -7712,12 +7746,12 @@ function CardSetupInner({ onComplete }) {
     await onComplete();
     setProcessing(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: handleSubmit, "data-solvapay-auto-recharge-setup": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h4", { children: copy.autoRecharge.setupHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: copy.autoRecharge.setupDescription }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_stripe_js3.PaymentElement, { options: withPaymentElementDefaults() }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { role: "alert", "aria-live": "polite", "data-solvapay-auto-recharge-setup-error": "", children: error }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("form", { onSubmit: handleSubmit, "data-solvapay-auto-recharge-setup": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h4", { children: copy.autoRecharge.setupHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: copy.autoRecharge.setupDescription }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_stripe_js3.PaymentElement, { options: withPaymentElementDefaults() }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "alert", "aria-live": "polite", "data-solvapay-auto-recharge-setup-error": "", children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "button",
       {
         type: "submit",
@@ -7729,7 +7763,7 @@ function CardSetupInner({ onComplete }) {
   ] });
 }
 function CardSetup({ setup, onComplete }) {
-  const stripePromise = (0, import_react34.useMemo)(() => {
+  const stripePromise = (0, import_react35.useMemo)(() => {
     if (!setup.publishableKey || !setup.setupClientSecret) return null;
     const options = {
       ...setup.stripeAccountId ? { stripeAccount: setup.stripeAccountId } : {},
@@ -7743,17 +7777,17 @@ function CardSetup({ setup, onComplete }) {
     return promise;
   }, [setup.publishableKey, setup.setupClientSecret, setup.stripeAccountId]);
   if (!stripePromise || !setup.setupClientSecret) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { "data-solvapay-auto-recharge-setup-loading": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Spinner, { size: "sm" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { "data-solvapay-auto-recharge-setup-loading": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Spinner, { size: "sm" }),
       " Loading card form\u2026"
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_react_stripe_js3.Elements,
     {
       stripe: stripePromise,
       options: { clientSecret: setup.setupClientSecret },
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardSetupInner, { onComplete })
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardSetupInner, { onComplete })
     },
     setup.setupClientSecret
   );
@@ -7835,15 +7869,15 @@ function useAutoRechargeForm() {
 }
 
 // src/primitives/ProductBadge.tsx
-var import_react35 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ProductBadgeImpl = (0, import_react35.forwardRef)(function ProductBadge({ asChild, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react35.useContext)(SolvaPayContext);
+var import_react36 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ProductBadgeImpl = (0, import_react36.forwardRef)(function ProductBadge({ asChild, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react36.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("ProductBadge");
   const { purchases, loading, hasPaidPurchase, activePurchase } = usePurchase();
   const copy = useCopy();
-  const [hasLoadedOnce, setHasLoadedOnce] = (0, import_react35.useState)(false);
-  (0, import_react35.useEffect)(() => {
+  const [hasLoadedOnce, setHasLoadedOnce] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
     if (!loading) setHasLoadedOnce(true);
   }, [loading]);
   const planToDisplay = activePurchase?.productName ?? null;
@@ -7863,32 +7897,32 @@ var ProductBadgeImpl = (0, import_react35.forwardRef)(function ProductBadge({ as
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: planToDisplay }) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: planToDisplay }) })
     );
   }
   void purchases;
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: forwardedRef, ...commonProps, children: children ?? planToDisplay })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: forwardedRef, ...commonProps, children: children ?? planToDisplay })
   );
 });
 var ProductBadge2 = ProductBadgeImpl;
 var PlanBadge = ProductBadgeImpl;
 
 // src/primitives/PaywallNotice.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/primitives/checkout/index.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/hooks/useCheckoutFlow.ts
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/hooks/useTransport.ts
-var import_react36 = require("react");
+var import_react37 = require("react");
 function useTransport() {
   const { _config } = useSolvaPay();
-  return (0, import_react36.useMemo)(() => _config?.transport ?? createHttpTransport(_config), [_config]);
+  return (0, import_react37.useMemo)(() => _config?.transport ?? createHttpTransport(_config), [_config]);
 }
 
 // src/primitives/checkout/shared.ts
@@ -7968,10 +8002,10 @@ function resolveInitialCheckoutStep(initialStep) {
 }
 function useCheckoutFlow(opts) {
   const { productRef, initialStep = "plan", initialAmountMinor = null } = opts;
-  const onPlanSelectRef = (0, import_react37.useRef)(opts.onPlanSelect);
-  const onAmountSelectRef = (0, import_react37.useRef)(opts.onAmountSelect);
-  const onPurchaseSuccessRef = (0, import_react37.useRef)(opts.onPurchaseSuccess);
-  const onErrorRef = (0, import_react37.useRef)(opts.onError);
+  const onPlanSelectRef = (0, import_react38.useRef)(opts.onPlanSelect);
+  const onAmountSelectRef = (0, import_react38.useRef)(opts.onAmountSelect);
+  const onPurchaseSuccessRef = (0, import_react38.useRef)(opts.onPurchaseSuccess);
+  const onErrorRef = (0, import_react38.useRef)(opts.onError);
   onPlanSelectRef.current = opts.onPlanSelect;
   onAmountSelectRef.current = opts.onAmountSelect;
   onPurchaseSuccessRef.current = opts.onPurchaseSuccess;
@@ -7984,8 +8018,8 @@ function useCheckoutFlow(opts) {
   const { creditsPerMinorUnit, displayExchangeRate, adjustBalance } = balance;
   const { refetchPurchase } = useSolvaPay();
   const { merchant } = useMerchant();
-  const [topupCurrencyOverride, setTopupCurrencyOverride] = (0, import_react37.useState)(null);
-  const topupCurrencies = (0, import_react37.useMemo)(() => {
+  const [topupCurrencyOverride, setTopupCurrencyOverride] = (0, import_react38.useState)(null);
+  const topupCurrencies = (0, import_react38.useMemo)(() => {
     const fromMerchant = (merchant?.supportedTopupCurrencies ?? []).map((code) => code.toUpperCase()).filter(Boolean);
     const fallback = opts.topupCurrency?.toUpperCase() ?? merchant?.defaultCurrency?.toUpperCase() ?? null;
     const list = fromMerchant.length > 0 ? fromMerchant : fallback ? [fallback] : [];
@@ -7995,22 +8029,22 @@ function useCheckoutFlow(opts) {
   const planPickerCurrency = planCtx.preferredCurrency?.toUpperCase() ?? null;
   const topupCurrency = (topupCurrencyOverride && topupCurrencies.includes(topupCurrencyOverride) ? topupCurrencyOverride : null) ?? (planPickerCurrency && topupCurrencies.includes(planPickerCurrency) ? planPickerCurrency : null) ?? resolvedDefaultTopupCurrency;
   const topupCurrencyReady = topupCurrency != null;
-  const setTopupCurrency = (0, import_react37.useCallback)((code) => {
+  const setTopupCurrency = (0, import_react38.useCallback)((code) => {
     const normalized = code.toUpperCase();
     setTopupCurrencyOverride(normalized);
   }, []);
-  const [step, setStep] = (0, import_react37.useState)(() => resolveInitialCheckoutStep(initialStep));
-  const [status, setStatus] = (0, import_react37.useState)("idle");
-  const [selectedAmountMinor, setSelectedAmountMinor] = (0, import_react37.useState)(initialAmountMinor);
-  const [successMeta, setSuccessMeta] = (0, import_react37.useState)(null);
-  const [error, setError] = (0, import_react37.useState)(null);
-  const selectedAmountMinorRef = (0, import_react37.useRef)(initialAmountMinor);
+  const [step, setStep] = (0, import_react38.useState)(() => resolveInitialCheckoutStep(initialStep));
+  const [status, setStatus] = (0, import_react38.useState)("idle");
+  const [selectedAmountMinor, setSelectedAmountMinor] = (0, import_react38.useState)(initialAmountMinor);
+  const [successMeta, setSuccessMeta] = (0, import_react38.useState)(null);
+  const [error, setError] = (0, import_react38.useState)(null);
+  const selectedAmountMinorRef = (0, import_react38.useRef)(initialAmountMinor);
   const selectedPlan = planCtx.selectedPlan;
   const selectedPlanRef = planCtx.selectedPlanRef;
   const selectedPlanShape = toBootstrapPlanLike(selectedPlan);
   const branch = selectedPlanShape ? isPayg(selectedPlanShape) ? "payg" : "recurring" : null;
   const canGoBack = step === "amount" || step === "payment";
-  const selectPlan = (0, import_react37.useCallback)(
+  const selectPlan = (0, import_react38.useCallback)(
     (ref) => {
       planCtx.select(ref);
       const plan = planCtx.plans.find((p) => p.reference === ref) ?? null;
@@ -8020,7 +8054,7 @@ function useCheckoutFlow(opts) {
     },
     [planCtx]
   );
-  const selectAmount = (0, import_react37.useCallback)(
+  const selectAmount = (0, import_react38.useCallback)(
     (amountMinor) => {
       selectedAmountMinorRef.current = amountMinor;
       setSelectedAmountMinor(amountMinor);
@@ -8029,7 +8063,7 @@ function useCheckoutFlow(opts) {
     },
     [topupCurrency]
   );
-  const runActivate = (0, import_react37.useCallback)(async () => {
+  const runActivate = (0, import_react38.useCallback)(async () => {
     if (!selectedPlanShape || !selectedPlanRef) return false;
     setError(null);
     setStatus("activating");
@@ -8061,7 +8095,7 @@ function useCheckoutFlow(opts) {
       return false;
     }
   }, [balance, locale, productRef, selectedPlanRef, selectedPlanShape, transport]);
-  const advanceFromPlan = (0, import_react37.useCallback)(async () => {
+  const advanceFromPlan = (0, import_react38.useCallback)(async () => {
     if (!selectedPlanShape || !selectedPlanRef) return;
     if (branch === "payg") {
       if (planCtx.currentPlanRef === selectedPlanRef) {
@@ -8099,7 +8133,7 @@ function useCheckoutFlow(opts) {
     setError(null);
     setStep("payment");
   }, [balance, branch, locale, planCtx.currentPlanRef, runActivate, selectedPlanRef, selectedPlanShape]);
-  const recordPaygSuccess = (0, import_react37.useCallback)(
+  const recordPaygSuccess = (0, import_react38.useCallback)(
     (creditsAddedFromBackend) => {
       if (!selectedPlanShape || selectedAmountMinor == null) return;
       const currency = topupCurrency ?? "USD";
@@ -8143,7 +8177,7 @@ function useCheckoutFlow(opts) {
       transport
     ]
   );
-  const recordRecurringSuccess = (0, import_react37.useCallback)(() => {
+  const recordRecurringSuccess = (0, import_react38.useCallback)(() => {
     if (!selectedPlanShape) return;
     const pricingOption = selectedPlan ? resolvePlanPricingOption(selectedPlan, planSelection?.selectedCurrency) : {
       currency: selectedPlanShape.currency ?? "USD",
@@ -8163,7 +8197,7 @@ function useCheckoutFlow(opts) {
     setStep("success");
     onPurchaseSuccessRef.current?.(meta);
   }, [selectedPlanShape, selectedPlan, planSelection?.selectedCurrency]);
-  const advance = (0, import_react37.useCallback)(async () => {
+  const advance = (0, import_react38.useCallback)(async () => {
     if (step === "plan") {
       await advanceFromPlan();
       return;
@@ -8190,7 +8224,7 @@ function useCheckoutFlow(opts) {
     selectedAmountMinor,
     step
   ]);
-  const back = (0, import_react37.useCallback)(() => {
+  const back = (0, import_react38.useCallback)(() => {
     setError(null);
     if (step === "amount") {
       setStep("plan");
@@ -8201,7 +8235,7 @@ function useCheckoutFlow(opts) {
       return;
     }
   }, [branch, step]);
-  const reset = (0, import_react37.useCallback)(() => {
+  const reset = (0, import_react38.useCallback)(() => {
     setStep("plan");
     selectedAmountMinorRef.current = null;
     setSelectedAmountMinor(null);
@@ -8210,13 +8244,13 @@ function useCheckoutFlow(opts) {
     setStatus("idle");
     setTopupCurrencyOverride(null);
   }, []);
-  const retry = (0, import_react37.useCallback)(async () => {
+  const retry = (0, import_react38.useCallback)(async () => {
     if (status !== "error") return;
     if (step === "plan" && branch === "payg") {
       await runActivate();
     }
   }, [branch, runActivate, status, step]);
-  const notifyPaymentSuccess = (0, import_react37.useCallback)(
+  const notifyPaymentSuccess = (0, import_react38.useCallback)(
     (_intent, extras) => {
       if (branch === "payg") {
         recordPaygSuccess(extras?.creditsAdded);
@@ -8226,7 +8260,7 @@ function useCheckoutFlow(opts) {
     },
     [branch, recordPaygSuccess, recordRecurringSuccess]
   );
-  return (0, import_react37.useMemo)(
+  return (0, import_react38.useMemo)(
     () => ({
       step,
       status,
@@ -8275,10 +8309,10 @@ function useCheckoutFlow(opts) {
 }
 
 // src/primitives/checkout/index.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var CheckoutContext = (0, import_react38.createContext)(null);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var CheckoutContext = (0, import_react39.createContext)(null);
 function useCheckoutContext(part) {
-  const ctx = (0, import_react38.useContext)(CheckoutContext);
+  const ctx = (0, import_react39.useContext)(CheckoutContext);
   if (!ctx) {
     throw new Error(`CheckoutSteps.${part} must be rendered inside <CheckoutSteps.Root>.`);
   }
@@ -8287,7 +8321,7 @@ function useCheckoutContext(part) {
 function useCheckoutSteps() {
   return useCheckoutContext("useCheckoutSteps");
 }
-var Root11 = (0, import_react38.forwardRef)(function CheckoutStepsRoot(props, forwardedRef) {
+var Root11 = (0, import_react39.forwardRef)(function CheckoutStepsRoot(props, forwardedRef) {
   const {
     productRef,
     returnUrl: _returnUrl,
@@ -8309,9 +8343,9 @@ var Root11 = (0, import_react38.forwardRef)(function CheckoutStepsRoot(props, fo
     children
   } = props;
   if (externalFlow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: forwardedRef, "data-solvapay-checkout": "", className, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CheckoutContext.Provider, { value: externalFlow, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: forwardedRef, "data-solvapay-checkout": "", className, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutContext.Provider, { value: externalFlow, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     RootWithPlanSelector,
     {
       productRef,
@@ -8354,11 +8388,11 @@ function RootWithPlanSelector({
   children
 }) {
   const { plans } = usePlans({ productRef });
-  const resolvedFilter = (0, import_react38.useMemo)(
+  const resolvedFilter = (0, import_react39.useMemo)(
     () => filter ?? buildDefaultCheckoutPlanFilter(plans),
     [filter, plans]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     PlanSelector.Root,
     {
       productRef,
@@ -8368,7 +8402,7 @@ function RootWithPlanSelector({
       currentPlanRef,
       autoSelectFirstPaid,
       initialPlanRef,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         FlowProvider,
         {
           productRef,
@@ -8410,22 +8444,22 @@ function FlowProvider({
     onPurchaseSuccess,
     onError
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: forwardedRef, "data-solvapay-checkout": "", "data-step": flow.step, className, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CheckoutContext.Provider, { value: flow, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: forwardedRef, "data-solvapay-checkout": "", "data-step": flow.step, className, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutContext.Provider, { value: flow, children }) });
 }
 function IfStep({ step, children }) {
   const flow = useCheckoutContext("IfStep");
   const matches = Array.isArray(step) ? step.includes(flow.step) : flow.step === step;
   if (!matches) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children });
 }
-var StepHeading = (0, import_react38.forwardRef)(function CheckoutStepsStepHeading({ asChild, children, className, ...rest }, forwardedRef) {
+var StepHeading = (0, import_react39.forwardRef)(function CheckoutStepsStepHeading({ asChild, children, className, ...rest }, forwardedRef) {
   const flow = useCheckoutContext("StepHeading");
   const copy = useCopy();
   const paywallCtx = usePaywallNoticeOptional();
   if (flow.step === "success") return null;
   const defaultText = resolveStepHeading(flow.step, copy, paywallCtx?.content ?? null);
   const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -8437,7 +8471,7 @@ var StepHeading = (0, import_react38.forwardRef)(function CheckoutStepsStepHeadi
     }
   );
 });
-var StepMessage = (0, import_react38.forwardRef)(
+var StepMessage = (0, import_react39.forwardRef)(
   function CheckoutStepsStepMessage({ asChild, children, className, ...rest }, forwardedRef) {
     const flow = useCheckoutContext("StepMessage");
     const copy = useCopy();
@@ -8446,7 +8480,7 @@ var StepMessage = (0, import_react38.forwardRef)(
     const defaultText = resolveStepMessage(flow, copy, paywallCtx?.content ?? null);
     if (!defaultText && children == null) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Comp,
       {
         ref: forwardedRef,
@@ -8494,21 +8528,21 @@ function resolveStepMessage(flow, copy, content) {
   return "";
 }
 function PlanGrid({ className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PlanSelector.Grid, { className: className ?? "solvapay-checkout-plan-grid", children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(PlanSelector.Card, { className: "solvapay-checkout-plan-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PlanSelector.CardBadge, { className: "solvapay-checkout-plan-card-badge" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PlanSelector.CardName, { className: "solvapay-checkout-plan-card-name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PlanSelector.CardPrice, { className: "solvapay-checkout-plan-card-price" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PlanSelector.CardInterval, { className: "solvapay-checkout-plan-card-interval" })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Grid, { className: className ?? "solvapay-checkout-plan-grid", children: children ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PlanSelector.Card, { className: "solvapay-checkout-plan-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardBadge, { className: "solvapay-checkout-plan-card-badge" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardName, { className: "solvapay-checkout-plan-card-name" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardPrice, { className: "solvapay-checkout-plan-card-price" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardInterval, { className: "solvapay-checkout-plan-card-interval" })
   ] }) });
 }
-var PlanContinueButton = (0, import_react38.forwardRef)(
+var PlanContinueButton = (0, import_react39.forwardRef)(
   function PlanContinueButton2({ className, children, onClick, disabled, ...rest }, ref) {
     const flow = useCheckoutContext("PlanContinueButton");
     const locale = useLocale();
     const selectedPlanShape = flow.selectedPlan;
     const isDisabled = disabled || !flow.selectedPlanRef || flow.status === "activating";
     const label = children ?? formatContinueLabel(selectedPlanShape, locale);
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "button",
       {
         ref,
@@ -8531,7 +8565,7 @@ var PlanContinueButton = (0, import_react38.forwardRef)(
 function AmountPicker2({ className, children }) {
   const flow = useCheckoutContext("AmountPicker");
   if (!flow.topupCurrencyReady || flow.topupCurrency == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: className ?? "solvapay-amount-picker", "data-state": "loading", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-amount-picker-pills", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: className ?? "solvapay-amount-picker", "data-state": "loading", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-amount-picker-pills", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "span",
       {
         className: "solvapay-amount-picker-pill",
@@ -8541,7 +8575,7 @@ function AmountPicker2({ className, children }) {
       i
     )) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     AmountPicker.Root,
     {
       currency: flow.topupCurrency,
@@ -8552,16 +8586,16 @@ function AmountPicker2({ className, children }) {
           flow.selectAmount(value);
         }
       },
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DefaultAmountTree, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DefaultAmountTree, {})
     }
   );
 }
 function DefaultAmountTree() {
   const ctx = useAmountPicker();
   const { selectAmountLabel, customAmountLabel, creditEstimate } = useAmountPickerCopy();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "solvapay-amount-picker-label", children: selectAmountLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-amount-picker-pills", children: ctx.quickAmounts.map((amount) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "solvapay-amount-picker-label", children: selectAmountLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-amount-picker-pills", children: ctx.quickAmounts.map((amount) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       AmountPicker.Option,
       {
         amount,
@@ -8569,11 +8603,11 @@ function DefaultAmountTree() {
       },
       amount
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-amount-picker-custom-wrapper", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "solvapay-amount-picker-custom-label", children: customAmountLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-amount-picker-custom-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "solvapay-amount-picker-currency-symbol", children: ctx.currencySymbol }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-amount-picker-custom-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "solvapay-amount-picker-custom-label", children: customAmountLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-amount-picker-custom-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "solvapay-amount-picker-currency-symbol", children: ctx.currencySymbol }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           AmountPicker.Custom,
           {
             className: "solvapay-amount-picker-custom-input",
@@ -8582,7 +8616,7 @@ function DefaultAmountTree() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "p",
       {
         className: "solvapay-amount-picker-credit-estimate",
@@ -8592,7 +8626,7 @@ function DefaultAmountTree() {
     )
   ] });
 }
-var AmountContinueButton = (0, import_react38.forwardRef)(
+var AmountContinueButton = (0, import_react39.forwardRef)(
   function AmountContinueButton2({ className, children, onClick, disabled, ...rest }, ref) {
     const flow = useCheckoutContext("AmountContinueButton");
     const locale = useLocale();
@@ -8601,7 +8635,7 @@ var AmountContinueButton = (0, import_react38.forwardRef)(
     const ready = flow.topupCurrencyReady && currency != null;
     const isDisabled = disabled || !ready || amountMinor == null;
     const label = children ?? (ready && currency != null && amountMinor != null ? `Continue \u2014 ${formatPrice(amountMinor, currency, { locale })}` : "Continue");
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "button",
       {
         ref,
@@ -8624,10 +8658,10 @@ var AmountContinueButton = (0, import_react38.forwardRef)(
 function Payment({ className }) {
   const flow = useCheckoutContext("Payment");
   if (flow.branch === "payg") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaygPayment, { className });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaygPayment, { className });
   }
   if (flow.branch === "recurring") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RecurringPayment, { className });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RecurringPayment, { className });
   }
   return null;
 }
@@ -8641,12 +8675,12 @@ function PaygPayment({ className }) {
   const currency = flow.topupCurrency;
   if (!selectedPlanShape || amountMinor == null || currency == null) return null;
   const creditsAdded = creditsPerMinorUnit != null && creditsPerMinorUnit > 0 ? Math.floor(amountMinor / (displayExchangeRate ?? 1) * creditsPerMinorUnit) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "payg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-checkout-order-summary", "data-variant": "payg", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-order-summary-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
-      creditsAdded != null ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "payg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-checkout-order-summary", "data-variant": "payg", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-order-summary-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
+      creditsAdded != null ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       TopupForm.Root,
       {
         amount: amountMinor,
@@ -8655,14 +8689,14 @@ function PaygPayment({ className }) {
         className: "solvapay-checkout-topup-form",
         onSuccess: (intent, extras) => flow.notifyPaymentSuccess(intent, extras),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.Loading, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.BusinessDetails.Root, { className: "solvapay-checkout-business-details", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.Summary.Root, { className: "solvapay-checkout-tax-summary", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.Summary.Rows, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.PaymentElement, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TopupForm.Error, { className: "solvapay-checkout-error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MandateText, { mode: "topup", amountMinor, currency }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "solvapay-secure-note", children: "Secure payment processed by Stripe" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TopupForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.Loading, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.BusinessDetails.Root, { className: "solvapay-checkout-business-details", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.Summary.Root, { className: "solvapay-checkout-tax-summary", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.Summary.Rows, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.PaymentElement, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TopupForm.Error, { className: "solvapay-checkout-error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MandateText, { mode: "topup", amountMinor, currency }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "solvapay-secure-note", children: "Secure payment processed by Stripe" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TopupForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: [
             "Pay ",
             formatPrice(amountMinor, currency, { locale })
           ] })
@@ -8685,12 +8719,12 @@ function RecurringPayment({ className }) {
   const isRecurring = !!cycle;
   const formattedAmount = formatPrice(amountMinor, currency, { locale });
   const priceLine = isRecurring ? `${formattedAmount}/${shortCycle(cycle)}` : formattedAmount;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "recurring", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-checkout-order-summary", "data-variant": "recurring", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-order-summary-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: planName }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: priceLine })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "recurring", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-checkout-order-summary", "data-variant": "recurring", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-order-summary-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: planName }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: priceLine })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       PaymentForm.Root,
       {
         planRef: flow.selectedPlanRef,
@@ -8699,31 +8733,31 @@ function RecurringPayment({ className }) {
         requireTermsAcceptance: false,
         onSuccess: (intent) => flow.notifyPaymentSuccess(intent),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.Loading, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.BusinessDetails.Root, { className: "solvapay-checkout-business-details", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.BusinessDetails.Fields, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.TaxSummary.Root, { className: "solvapay-checkout-tax-summary", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.TaxSummary.Rows, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.PaymentElement, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.Error, { className: "solvapay-checkout-error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.MandateText, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "solvapay-secure-note", children: "Secure payment processed by Stripe" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: isRecurring ? `Subscribe \u2014 ${priceLine}` : `Pay ${formattedAmount}` })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.Loading, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.BusinessDetails.Root, { className: "solvapay-checkout-business-details", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.BusinessDetails.Fields, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.TaxSummary.Root, { className: "solvapay-checkout-tax-summary", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.TaxSummary.Rows, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.PaymentElement, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.Error, { className: "solvapay-checkout-error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.MandateText, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "solvapay-secure-note", children: "Secure payment processed by Stripe" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: isRecurring ? `Subscribe \u2014 ${priceLine}` : `Pay ${formattedAmount}` })
         ]
       }
     )
   ] });
 }
-var CheckoutEnvContext = (0, import_react38.createContext)(null);
+var CheckoutEnvContext = (0, import_react39.createContext)(null);
 function useReturnUrl() {
-  return (0, import_react38.useContext)(CheckoutEnvContext)?.returnUrl ?? "";
+  return (0, import_react39.useContext)(CheckoutEnvContext)?.returnUrl ?? "";
 }
 function useProductRef() {
-  return (0, import_react38.useContext)(CheckoutEnvContext)?.productRef ?? "";
+  return (0, import_react39.useContext)(CheckoutEnvContext)?.productRef ?? "";
 }
-var BackLink = (0, import_react38.forwardRef)(function CheckoutStepsBackLink({ label, glyph = "\u2190", className, onClick, ...rest }, ref) {
+var BackLink = (0, import_react39.forwardRef)(function CheckoutStepsBackLink({ label, glyph = "\u2190", className, onClick, ...rest }, ref) {
   const flow = useCheckoutContext("BackLink");
   if (!flow.canGoBack) return null;
   const resolvedLabel = label ?? (flow.step === "payment" && flow.branch === "payg" ? "Change amount" : flow.step === "payment" && flow.branch === "recurring" ? "Change plan" : "Back");
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "button",
     {
       ref,
@@ -8737,8 +8771,8 @@ var BackLink = (0, import_react38.forwardRef)(function CheckoutStepsBackLink({ l
       },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "solvapay-checkout-back-link-glyph", "aria-hidden": "true", children: glyph }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "solvapay-checkout-back-link-label", children: resolvedLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "solvapay-checkout-back-link-glyph", "aria-hidden": "true", children: glyph }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "solvapay-checkout-back-link-label", children: resolvedLabel })
       ]
     }
   );
@@ -8748,80 +8782,80 @@ function Success({ className, children }) {
   const locale = useLocale();
   if (flow.step !== "success" || !flow.successMeta) return null;
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: className ?? "solvapay-checkout-success", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: className ?? "solvapay-checkout-success", children });
   }
   const meta = flow.successMeta;
   if (meta.branch === "payg") {
     const chargedAmount = meta.amountMinor;
     const chargedCurrency = meta.currency;
     const charged = chargedAmount != null && chargedCurrency != null;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "solvapay-checkout-success", "data-branch": "payg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "solvapay-checkout-success-heading", children: charged ? "Credits added" : "Plan activated" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "solvapay-checkout-success-subheading", children: "Pay as you go plan is active." }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("dl", { className: "solvapay-checkout-receipt", "data-variant": "payg", children: [
-        charged ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Amount" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: className ?? "solvapay-checkout-success", "data-branch": "payg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "solvapay-checkout-success-heading", children: charged ? "Credits added" : "Plan activated" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "solvapay-checkout-success-subheading", children: "Pay as you go plan is active." }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("dl", { className: "solvapay-checkout-receipt", "data-variant": "payg", children: [
+        charged ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Amount" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Credits" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("dd", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Credits" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("dd", { children: [
               "+",
               (meta.creditsAdded ?? 0).toLocaleString(locale)
             ] })
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Plan" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: meta.plan.name ?? "Pay as you go" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Plan" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: meta.plan.name ?? "Pay as you go" })
         ] }),
-        meta.rateLabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Rate" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: meta.rateLabel })
+        meta.rateLabel ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Rate" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: meta.rateLabel })
         ] }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: className ?? "solvapay-checkout-success", "data-branch": "recurring", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("h2", { className: "solvapay-checkout-success-heading", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: className ?? "solvapay-checkout-success", "data-branch": "recurring", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h2", { className: "solvapay-checkout-success-heading", children: [
       meta.plan.name ?? "Plan",
       " active"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "solvapay-checkout-success-subheading", children: "Subscription is live and credits are ready." }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("dl", { className: "solvapay-checkout-receipt", "data-variant": "recurring", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Plan" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: meta.plan.name ?? "Plan" })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "solvapay-checkout-success-subheading", children: "Subscription is live and credits are ready." }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("dl", { className: "solvapay-checkout-receipt", "data-variant": "recurring", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Plan" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: meta.plan.name ?? "Plan" })
       ] }),
-      meta.includedUnits != null ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Included" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("dd", { children: [
+      meta.includedUnits != null ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Included" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("dd", { children: [
           meta.includedUnits.toLocaleString(locale),
           " ",
           meta.meterName ?? "units"
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Charged today" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Charged today" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
       ] }),
-      meta.nextRenewalLabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dt", { children: "Next renewal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("dd", { children: meta.nextRenewalLabel })
+      meta.nextRenewalLabel ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "solvapay-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { children: "Next renewal" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { children: meta.nextRenewalLabel })
       ] }) : null
     ] })
   ] });
 }
-var RootWithEnv = (0, import_react38.forwardRef)(
+var RootWithEnv = (0, import_react39.forwardRef)(
   function CheckoutStepsRootWithEnv(props, forwardedRef) {
-    const env = (0, import_react38.useMemo)(
+    const env = (0, import_react39.useMemo)(
       () => ({ returnUrl: props.returnUrl, productRef: props.productRef }),
       [props.returnUrl, props.productRef]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CheckoutEnvContext.Provider, { value: env, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Root11, { ...props, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutEnvContext.Provider, { value: env, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Root11, { ...props, ref: forwardedRef }) });
   }
 );
 var CheckoutSteps = {
@@ -8850,7 +8884,7 @@ var CheckoutStepsBackLink2 = BackLink;
 var CheckoutStepsSuccess = Success;
 
 // src/hooks/usePaywallResolver.ts
-var import_react39 = require("react");
+var import_react40 = require("react");
 function balanceCoversNextUnit(balance, credits) {
   if (!balance) return false;
   if (typeof balance.remainingUnits === "number" && balance.remainingUnits > 0) {
@@ -8864,7 +8898,7 @@ function balanceCoversNextUnit(balance, credits) {
 function usePaywallResolver(content) {
   const { activePurchase, hasPaidPurchase, refetch: refetchPurchase } = usePurchase();
   const { credits, refetch: refetchBalance } = useBalance();
-  const resolved = (0, import_react39.useMemo)(() => {
+  const resolved = (0, import_react40.useMemo)(() => {
     if (!content) return false;
     const productMatches = !content.product || activePurchase?.productRef === content.product || activePurchase?.productName === content.product;
     if (content.kind === "payment_required") {
@@ -8874,7 +8908,7 @@ function usePaywallResolver(content) {
     if (balanceCoversNextUnit(content.balance, credits)) return true;
     return Boolean(productMatches && activePurchase?.status === "active");
   }, [content, hasPaidPurchase, activePurchase, credits]);
-  const refetch = (0, import_react39.useCallback)(async () => {
+  const refetch = (0, import_react40.useCallback)(async () => {
     await Promise.all([
       refetchPurchase().catch(() => void 0),
       refetchBalance().catch(() => void 0)
@@ -8884,32 +8918,32 @@ function usePaywallResolver(content) {
 }
 
 // src/primitives/PaywallNotice.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var PaywallNoticeContext = (0, import_react40.createContext)(null);
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var PaywallNoticeContext = (0, import_react41.createContext)(null);
 function usePaywallNoticeCtx(part) {
-  const ctx = (0, import_react40.useContext)(PaywallNoticeContext);
+  const ctx = (0, import_react41.useContext)(PaywallNoticeContext);
   if (!ctx) {
     throw new Error(`PaywallNotice.${part} must be rendered inside <PaywallNotice.Root>.`);
   }
   return ctx;
 }
-var Root12 = (0, import_react40.forwardRef)(function PaywallNoticeRoot({ content, onResolved, classNames, asChild, children, ...rest }, forwardedRef) {
+var Root12 = (0, import_react41.forwardRef)(function PaywallNoticeRoot({ content, onResolved, classNames, asChild, children, ...rest }, forwardedRef) {
   const { resolved, refetch } = usePaywallResolver(content);
-  const classNamesResolved = (0, import_react40.useMemo)(() => classNames ?? {}, [classNames]);
-  const onResolvedRef = (0, import_react40.useRef)(onResolved);
-  (0, import_react40.useEffect)(() => {
+  const classNamesResolved = (0, import_react41.useMemo)(() => classNames ?? {}, [classNames]);
+  const onResolvedRef = (0, import_react41.useRef)(onResolved);
+  (0, import_react41.useEffect)(() => {
     onResolvedRef.current = onResolved;
   }, [onResolved]);
-  const hasResolvedRef = (0, import_react40.useRef)(false);
-  const signalResolved = (0, import_react40.useCallback)(() => {
+  const hasResolvedRef = (0, import_react41.useRef)(false);
+  const signalResolved = (0, import_react41.useCallback)(() => {
     if (hasResolvedRef.current) return;
     hasResolvedRef.current = true;
     onResolvedRef.current?.();
   }, []);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (resolved) signalResolved();
   }, [resolved, signalResolved]);
-  const ctx = (0, import_react40.useMemo)(
+  const ctx = (0, import_react41.useMemo)(
     () => ({
       content,
       resolved,
@@ -8920,7 +8954,7 @@ var Root12 = (0, import_react40.forwardRef)(function PaywallNoticeRoot({ content
     [content, resolved, refetch, signalResolved, classNamesResolved]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaywallNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PaywallNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -8933,12 +8967,12 @@ var Root12 = (0, import_react40.forwardRef)(function PaywallNoticeRoot({ content
     }
   ) });
 });
-var Heading4 = (0, import_react40.forwardRef)(function PaywallNoticeHeading({ asChild, children, className, ...rest }, forwardedRef) {
+var Heading4 = (0, import_react41.forwardRef)(function PaywallNoticeHeading({ asChild, children, className, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("Heading");
   const copy = useCopy();
   const defaultText = ctx.resolved ? copy.paywall.resolvedHeading : ctx.content.kind === "payment_required" ? copy.paywall.paymentRequiredHeading : isTopupGate(ctx.content) ? copy.paywall.topupRequiredHeading : copy.paywall.activationRequiredHeading;
   const Comp = asChild ? Slot : "h2";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -8949,12 +8983,12 @@ var Heading4 = (0, import_react40.forwardRef)(function PaywallNoticeHeading({ as
     }
   );
 });
-var Message = (0, import_react40.forwardRef)(function PaywallNoticeMessage({ asChild, children, className, ...rest }, forwardedRef) {
+var Message = (0, import_react41.forwardRef)(function PaywallNoticeMessage({ asChild, children, className, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("Message");
   const copy = useCopy();
   const Comp = asChild ? Slot : "p";
   const defaultText = resolvePaywallMessage(ctx.content, copy.paywall);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9003,14 +9037,14 @@ function resolvePaywallMessage(content, paywallCopy) {
   }
   return content.message ?? "";
 }
-var ProductContext = (0, import_react40.forwardRef)(function PaywallNoticeProductContext({ asChild, children, className, ...rest }, forwardedRef) {
+var ProductContext = (0, import_react41.forwardRef)(function PaywallNoticeProductContext({ asChild, children, className, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("ProductContext");
   const copy = useCopy();
   const product = ctx.content.kind === "activation_required" ? ctx.content.productDetails : void 0;
   if (!product?.name) return null;
   const label = interpolate(copy.paywall.productContext, { product: product.name });
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9021,7 +9055,7 @@ var ProductContext = (0, import_react40.forwardRef)(function PaywallNoticeProduc
     }
   );
 });
-var Balance = (0, import_react40.forwardRef)(function PaywallNoticeBalance({ asChild, children, className, ...rest }, forwardedRef) {
+var Balance = (0, import_react41.forwardRef)(function PaywallNoticeBalance({ asChild, children, className, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("Balance");
   const copy = useCopy();
   const balance = ctx.content.balance;
@@ -9031,7 +9065,7 @@ var Balance = (0, import_react40.forwardRef)(function PaywallNoticeBalance({ asC
     required: String(balance.creditsPerUnit ?? 1)
   });
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9047,27 +9081,28 @@ function Plans({ className, children }) {
   if (ctx.content.kind !== "activation_required") return null;
   if (!ctx.content.product) return null;
   const defaultClass = className ?? ctx.classNames.plans ?? "solvapay-paywall-plans";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-solvapay-paywall-plans": "", className: defaultClass, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Root, { productRef: ctx.content.product, filter: hidesFreePlan, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PlanSelector.Card, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardBadge, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardName, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardPrice, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.CardInterval, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "data-solvapay-paywall-plans": "", className: defaultClass, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Root, { productRef: ctx.content.product, filter: hidesFreePlan, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(PlanSelector.Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.CardBadge, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.CardName, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.CardPrice, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.CardInterval, {})
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Loading, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Error, {})
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Loading, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Error, {})
   ] }) }) });
 }
 function hidesFreePlan(plan) {
   return plan.requiresPayment !== false;
 }
-var HostedCheckoutLink = (0, import_react40.forwardRef)(function PaywallNoticeHostedCheckoutLink({ asChild, children, className, ...rest }, forwardedRef) {
+var HostedCheckoutLink = (0, import_react41.forwardRef)(function PaywallNoticeHostedCheckoutLink({ asChild, children, className, onClick, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("HostedCheckoutLink");
   const copy = useCopy();
+  const handleExternalClick = useExternalLinkClick();
   const href = ctx.content.checkoutUrl;
   if (!href) return null;
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9076,6 +9111,7 @@ var HostedCheckoutLink = (0, import_react40.forwardRef)(function PaywallNoticeHo
       rel: "noopener noreferrer",
       "data-solvapay-paywall-hosted-link": "",
       className: className ?? ctx.classNames.hostedLink,
+      onClick: composeEventHandlers(onClick, handleExternalClick),
       ...rest,
       children: children ?? copy.paywall.hostedCheckoutButton
     }
@@ -9085,12 +9121,12 @@ function EmbeddedCheckout({ returnUrl, topupCurrency, className }) {
   const ctx = usePaywallNoticeCtx("EmbeddedCheckout");
   const productRef = ctx.content.product;
   const { plans } = usePlans({ productRef: productRef ?? void 0 });
-  const filter = (0, import_react40.useMemo)(() => buildDefaultCheckoutPlanFilter(plans), [plans]);
+  const filter = (0, import_react41.useMemo)(() => buildDefaultCheckoutPlanFilter(plans), [plans]);
   if (!productRef) return null;
   const resolvedClassName = className ?? ctx.classNames.embeddedCheckout ?? "solvapay-paywall-embedded-checkout";
   const headingClassName = ctx.classNames.heading ?? "solvapay-paywall-step-heading";
   const messageClassName = ctx.classNames.message ?? "solvapay-paywall-step-message";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     CheckoutSteps.Root,
     {
       productRef,
@@ -9103,33 +9139,33 @@ function EmbeddedCheckout({ returnUrl, topupCurrency, className }) {
       },
       className: resolvedClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.StepHeading, { className: headingClassName }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.StepMessage, { className: messageClassName }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CheckoutSteps.IfStep, { step: "plan", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.PlanGrid, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Loading, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PlanSelector.Error, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.PlanContinueButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.StepHeading, { className: headingClassName }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.StepMessage, { className: messageClassName }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CheckoutSteps.IfStep, { step: "plan", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.PlanGrid, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Loading, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PlanSelector.Error, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.PlanContinueButton, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CheckoutSteps.IfStep, { step: "amount", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.BackLink, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.AmountPicker, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.AmountContinueButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CheckoutSteps.IfStep, { step: "amount", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.BackLink, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.AmountPicker, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.AmountContinueButton, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CheckoutSteps.IfStep, { step: "payment", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.BackLink, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.Payment, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CheckoutSteps.IfStep, { step: "payment", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.BackLink, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.Payment, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.IfStep, { step: "success", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CheckoutSteps.Success, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.IfStep, { step: "success", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CheckoutSteps.Success, {}) })
       ]
     }
   );
 }
-var Retry = (0, import_react40.forwardRef)(function PaywallNoticeRetry({ asChild, children, className, onClick, ...rest }, forwardedRef) {
+var Retry = (0, import_react41.forwardRef)(function PaywallNoticeRetry({ asChild, children, className, onClick, ...rest }, forwardedRef) {
   const ctx = usePaywallNoticeCtx("Retry");
   const copy = useCopy();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9162,18 +9198,18 @@ function usePaywallNotice() {
   return usePaywallNoticeCtx("usePaywallNotice");
 }
 function usePaywallNoticeOptional() {
-  return (0, import_react40.useContext)(PaywallNoticeContext);
+  return (0, import_react41.useContext)(PaywallNoticeContext);
 }
 
 // src/primitives/UsageMeter.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/hooks/useUsage.ts
 var import_core8 = require("@solvapay/core");
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/hooks/useLimits.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 var CACHE_TTL_MS = 1e4;
 var OPTIMISTIC_GRACE_MS = 8e3;
 var limitsCache = /* @__PURE__ */ new Map();
@@ -9190,13 +9226,13 @@ function useLimits(options) {
   const { customerRef } = useCustomer();
   const { purchase } = useSolvaPay();
   const currentKey = !productRef || !enabled ? null : cacheKey(customerRef, productRef, meterName2);
-  const [data, setData] = (0, import_react41.useState)(() => {
+  const [data, setData] = (0, import_react42.useState)(() => {
     if (!currentKey) return null;
     const cached = limitsCache.get(currentKey);
     if (!cached || Date.now() - cached.timestamp >= CACHE_TTL_MS) return null;
     return cached.data;
   });
-  const [loading, setLoading] = (0, import_react41.useState)(() => {
+  const [loading, setLoading] = (0, import_react42.useState)(() => {
     if (!currentKey) return false;
     const cached = limitsCache.get(currentKey);
     if (!cached) return true;
@@ -9204,24 +9240,24 @@ function useLimits(options) {
     if (Date.now() - cached.timestamp >= CACHE_TTL_MS) return true;
     return false;
   });
-  const [error, setError] = (0, import_react41.useState)(null);
-  const [trackedKey, setTrackedKey] = (0, import_react41.useState)(currentKey);
+  const [error, setError] = (0, import_react42.useState)(null);
+  const [trackedKey, setTrackedKey] = (0, import_react42.useState)(currentKey);
   if (trackedKey !== currentKey) {
     setTrackedKey(currentKey);
     setData(null);
   }
   const unlimited = data === null ? null : isUnlimited(data.remaining);
-  const optimisticTimerRef = (0, import_react41.useRef)(null);
-  const unlimitedRef = (0, import_react41.useRef)(false);
-  (0, import_react41.useEffect)(() => {
+  const optimisticTimerRef = (0, import_react42.useRef)(null);
+  const unlimitedRef = (0, import_react42.useRef)(false);
+  (0, import_react42.useEffect)(() => {
     unlimitedRef.current = unlimited === true;
   }, [unlimited]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     return () => {
       if (optimisticTimerRef.current) clearTimeout(optimisticTimerRef.current);
     };
   }, []);
-  const attachToFetch = (0, import_react41.useCallback)(
+  const attachToFetch = (0, import_react42.useCallback)(
     async (promise) => {
       setLoading(true);
       try {
@@ -9238,7 +9274,7 @@ function useLimits(options) {
     },
     []
   );
-  const fetchLimits = (0, import_react41.useCallback)(
+  const fetchLimits = (0, import_react42.useCallback)(
     async (force) => {
       if (!productRef || !enabled || !transport.getLimits) {
         setLoading(false);
@@ -9268,19 +9304,19 @@ function useLimits(options) {
     },
     [transport, customerRef, productRef, meterName2, enabled, attachToFetch]
   );
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     fetchLimits(false);
   }, [fetchLimits]);
-  const prevPurchasesRef = (0, import_react41.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const prevPurchasesRef = (0, import_react42.useRef)(null);
+  (0, import_react42.useEffect)(() => {
     if (prevPurchasesRef.current !== null && prevPurchasesRef.current !== purchase.purchases) {
       fetchLimits(true).catch(() => {
       });
     }
     prevPurchasesRef.current = purchase.purchases;
   }, [purchase.purchases, fetchLimits]);
-  const refetch = (0, import_react41.useCallback)(() => fetchLimits(true), [fetchLimits]);
-  const adjustRemaining = (0, import_react41.useCallback)(
+  const refetch = (0, import_react42.useCallback)(() => fetchLimits(true), [fetchLimits]);
+  const adjustRemaining = (0, import_react42.useCallback)(
     (delta) => {
       if (!productRef || !enabled) return;
       if (unlimitedRef.current) return;
@@ -9357,9 +9393,9 @@ function deriveUsage(purchase, limits) {
 function useUsage() {
   const { activePurchase, refetch: refetchPurchase, loading: purchaseLoading } = usePurchase();
   const transport = useTransport();
-  const [override, setOverride] = (0, import_react42.useState)(null);
-  const [error, setError] = (0, import_react42.useState)(null);
-  const [transportLoading, setTransportLoading] = (0, import_react42.useState)(false);
+  const [override, setOverride] = (0, import_react43.useState)(null);
+  const [error, setError] = (0, import_react43.useState)(null);
+  const [transportLoading, setTransportLoading] = (0, import_react43.useState)(false);
   const usageCounted = (0, import_core8.countsUsage)(activePurchase?.planSnapshot) || activePurchase?.planSnapshot?.isMetered === true;
   const {
     remaining: limitRemaining,
@@ -9369,16 +9405,16 @@ function useUsage() {
     productRef: activePurchase?.productRef,
     enabled: usageCounted
   });
-  const derived = (0, import_react42.useMemo)(
+  const derived = (0, import_react43.useMemo)(
     () => deriveUsage(activePurchase ?? null, { remaining: limitRemaining, unlimited, meterName: meterName2 }),
     [activePurchase, limitRemaining, unlimited, meterName2]
   );
   const activePurchaseRef = activePurchase?.reference ?? null;
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setOverride(null);
   }, [activePurchaseRef]);
   const usage = override ?? derived;
-  const refetch = (0, import_react42.useCallback)(async () => {
+  const refetch = (0, import_react43.useCallback)(async () => {
     setError(null);
     if (typeof transport.getUsage === "function") {
       setTransportLoading(true);
@@ -9416,16 +9452,16 @@ function useUsage() {
 }
 
 // src/primitives/UsageMeter.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var UsageMeterContext = (0, import_react43.createContext)(null);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var UsageMeterContext = (0, import_react44.createContext)(null);
 function useUsageMeterCtx(part) {
-  const ctx = (0, import_react43.useContext)(UsageMeterContext);
+  const ctx = (0, import_react44.useContext)(UsageMeterContext);
   if (!ctx) {
     throw new Error(`UsageMeter.${part} must be rendered inside <UsageMeter.Root>.`);
   }
   return ctx;
 }
-var Root13 = (0, import_react43.forwardRef)(function UsageMeterRoot({
+var Root13 = (0, import_react44.forwardRef)(function UsageMeterRoot({
   warningAt = 75,
   criticalAt = 90,
   classNames,
@@ -9440,7 +9476,7 @@ var Root13 = (0, import_react43.forwardRef)(function UsageMeterRoot({
   const loading = hookResult.loading && !usage;
   const percentUsed = usage?.percentUsed ?? null;
   const state = loading ? "loading" : percentUsed === null ? "safe" : percentUsed >= criticalAt ? "critical" : percentUsed >= warningAt ? "warning" : "safe";
-  const ctx = (0, import_react43.useMemo)(
+  const ctx = (0, import_react44.useMemo)(
     () => ({
       usage,
       loading,
@@ -9468,7 +9504,7 @@ var Root13 = (0, import_react43.forwardRef)(function UsageMeterRoot({
   );
   const rootClass = [classNames?.root ?? "solvapay-usage-meter", className].filter(Boolean).join(" ");
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UsageMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(UsageMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -9480,10 +9516,10 @@ var Root13 = (0, import_react43.forwardRef)(function UsageMeterRoot({
     }
   ) });
 });
-var Bar = (0, import_react43.forwardRef)(function UsageMeterBar({ className, style, ...rest }, forwardedRef) {
+var Bar = (0, import_react44.forwardRef)(function UsageMeterBar({ className, style, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("Bar");
   const width = ctx.percentUsed === null ? 0 : Math.max(0, Math.min(100, ctx.percentUsed));
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       ref: forwardedRef,
@@ -9504,12 +9540,12 @@ var Bar = (0, import_react43.forwardRef)(function UsageMeterBar({ className, sty
     }
   );
 });
-var Label = (0, import_react43.forwardRef)(function UsageMeterLabel({ className, children, ...rest }, forwardedRef) {
+var Label = (0, import_react44.forwardRef)(function UsageMeterLabel({ className, children, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("Label");
   const copy = useCopy();
   if (!ctx.usage) return null;
   if (ctx.isUnlimited) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "span",
       {
         ref: forwardedRef,
@@ -9529,7 +9565,7 @@ var Label = (0, import_react43.forwardRef)(function UsageMeterLabel({ className,
     remaining: String(ctx.usage.remaining ?? 0),
     unit
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "span",
     {
       ref: forwardedRef,
@@ -9540,11 +9576,11 @@ var Label = (0, import_react43.forwardRef)(function UsageMeterLabel({ className,
     }
   );
 });
-var Percentage = (0, import_react43.forwardRef)(function UsageMeterPercentage({ className, children, ...rest }, forwardedRef) {
+var Percentage = (0, import_react44.forwardRef)(function UsageMeterPercentage({ className, children, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("Percentage");
   const copy = useCopy();
   if (ctx.percentUsed === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "span",
     {
       ref: forwardedRef,
@@ -9561,14 +9597,14 @@ function formatResetsIn(copy, periodEnd, nowMs = typeof performance !== "undefin
   const daysLeft = Math.max(0, Math.ceil((end - nowMs) / (24 * 60 * 60 * 1e3)));
   return daysLeft > 0 ? interpolate(copy.usage.resetsInLabel, { days: String(daysLeft) }) : interpolate(copy.usage.resetsOnLabel, { date: new Date(periodEnd).toLocaleDateString() });
 }
-var ResetsIn = (0, import_react43.forwardRef)(function UsageMeterResetsIn({ className, children, ...rest }, forwardedRef) {
+var ResetsIn = (0, import_react44.forwardRef)(function UsageMeterResetsIn({ className, children, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("ResetsIn");
   const copy = useCopy();
   const periodEnd = ctx.usage?.periodEnd;
   if (!periodEnd) return null;
   const label = formatResetsIn(copy, periodEnd);
   if (!label) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "span",
     {
       ref: forwardedRef,
@@ -9579,11 +9615,11 @@ var ResetsIn = (0, import_react43.forwardRef)(function UsageMeterResetsIn({ clas
     }
   );
 });
-var Loading8 = (0, import_react43.forwardRef)(function UsageMeterLoading({ className, children, ...rest }, forwardedRef) {
+var Loading8 = (0, import_react44.forwardRef)(function UsageMeterLoading({ className, children, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("Loading");
   const copy = useCopy();
   if (ctx.state !== "loading") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       ref: forwardedRef,
@@ -9595,11 +9631,11 @@ var Loading8 = (0, import_react43.forwardRef)(function UsageMeterLoading({ class
     }
   );
 });
-var Empty = (0, import_react43.forwardRef)(function UsageMeterEmpty({ className, children, ...rest }, forwardedRef) {
+var Empty = (0, import_react44.forwardRef)(function UsageMeterEmpty({ className, children, ...rest }, forwardedRef) {
   const ctx = useUsageMeterCtx("Empty");
   const copy = useCopy();
   if (ctx.loading || ctx.usage !== null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       ref: forwardedRef,