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

package/dist/{chunk-LL6AYSTC.js → chunk-WISTNSUH.js}

@@ -526,6 +526,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",
@@ -545,7 +548,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",
@@ -1435,6 +1440,45 @@ function useLocale() {
   return useCopyContext().locale;
 }
 
+// src/hooks/useExternalLink.tsx
+import { createContext as createContext3, useCallback as useCallback2, useContext as useContext2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ExternalLinkContext = createContext3(null);
+function ExternalLinkProvider({ opener, children }) {
+  return /* @__PURE__ */ jsx4(ExternalLinkContext.Provider, { value: opener, children });
+}
+function useOpenExternal() {
+  const opener = useContext2(ExternalLinkContext);
+  return useCallback2(
+    async (url) => {
+      if (opener?.canOpen()) return opener.open(url);
+      if (typeof window !== "undefined") {
+        window.open(url, "_blank", "noopener,noreferrer");
+      }
+      return true;
+    },
+    [opener]
+  );
+}
+function useExternalLinkClick() {
+  const opener = useContext2(ExternalLinkContext);
+  return useCallback2(
+    (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/primitives/LegalFooter.tsx
 import { forwardRef } from "react";
 
@@ -1444,7 +1488,7 @@ var SOLVAPAY_PRIVACY_URL = "https://solvapay.com/legal/privacy";
 var SOLVAPAY_WEBSITE_URL = "https://solvapay.com";
 
 // src/primitives/LegalFooter.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs } from "react/jsx-runtime";
 var LegalFooter = forwardRef(
   function LegalFooter2({
     attribution = "provided",
@@ -1455,39 +1499,43 @@ var LegalFooter = 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__ */ jsx4(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ jsxs(Fragment2, { children: [
+    return /* @__PURE__ */ jsx5(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsxs("div", { "data-solvapay-legal-footer-links": "", children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
             href: termsUrl,
             target: "_blank",
             rel: "noopener noreferrer",
+            onClick: handleExternalClick,
             children: copy.legalFooter.terms
           }
         ),
-        /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: " \xB7 " }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: " \xB7 " }),
+        /* @__PURE__ */ jsx5(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
             href: privacyUrl,
             target: "_blank",
             rel: "noopener noreferrer",
+            onClick: handleExternalClick,
             children: copy.legalFooter.privacy
           }
         )
       ] }),
-      attributionLabel ? /* @__PURE__ */ jsx4(
+      attributionLabel ? /* @__PURE__ */ jsx5(
         "a",
         {
           "data-solvapay-legal-footer-attribution": "",
           href: SOLVAPAY_WEBSITE_URL,
           target: "_blank",
           rel: "noopener noreferrer",
+          onClick: handleExternalClick,
           children: attributionLabel
         }
       ) : null
@@ -1496,9 +1544,9 @@ var LegalFooter = forwardRef(
 );
 
 // src/hooks/useSolvaPay.ts
-import { useContext as useContext2 } from "react";
+import { useContext as useContext3 } from "react";
 function useSolvaPay() {
-  const context = useContext2(SolvaPayContext);
+  const context = useContext3(SolvaPayContext);
   if (!context) {
     throw new Error(
       "useSolvaPay must be used within a SolvaPayProvider. Wrap your component tree with <SolvaPayProvider> to use this hook."
@@ -1508,19 +1556,19 @@ function useSolvaPay() {
 }
 
 // src/hooks/useCheckout.ts
-import { useState as useState2, useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useState as useState2, useCallback as useCallback3, useRef as useRef2 } from "react";
 import { loadStripe } from "@stripe/stripe-js";
 
 // src/components/PlanSelectionContext.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var PlanSelectionContext = createContext3(null);
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PlanSelectionContext = createContext4(null);
 var PlanSelectionProvider = ({
   value,
   children
-}) => /* @__PURE__ */ jsx5(PlanSelectionContext.Provider, { value, children });
+}) => /* @__PURE__ */ jsx6(PlanSelectionContext.Provider, { value, children });
 function usePlanSelection() {
-  return useContext3(PlanSelectionContext);
+  return useContext4(PlanSelectionContext);
 }
 
 // src/hooks/useCheckout.ts
@@ -1571,7 +1619,7 @@ function useCheckout(options) {
   const [processorPaymentId, setProcessorPaymentId] = useState2(null);
   const [resolvedPlanRef, setResolvedPlanRef] = useState2(planRef || null);
   const isStartingRef = useRef2(false);
-  const startCheckout = useCallback2(async () => {
+  const startCheckout = useCallback3(async () => {
     if (isStartingRef.current || loading) {
       return;
     }
@@ -1647,7 +1695,7 @@ function useCheckout(options) {
     loading,
     _config
   ]);
-  const reset = useCallback2(() => {
+  const reset = useCallback3(() => {
     isStartingRef.current = false;
     setLoading(false);
     setError(null);
@@ -1689,7 +1737,7 @@ function useCustomer() {
 }
 
 // src/hooks/usePlans.ts
-import { useContext as useContext4, useState as useState3, useEffect as useEffect2, useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3 } from "react";
+import { useContext as useContext5, useState as useState3, useEffect as useEffect2, useCallback as useCallback4, useMemo as useMemo3, useRef as useRef3 } from "react";
 
 // src/transport/list-plans.ts
 async function defaultListPlans(productRef, config) {
@@ -1742,7 +1790,7 @@ function usePlans(options) {
     initialPlanRef,
     selectionReady = true
   } = options;
-  const solvaContext = useContext4(SolvaPayContext);
+  const solvaContext = useContext5(SolvaPayContext);
   const config = solvaContext?._config;
   const effectiveFetcher = useMemo3(
     () => fetcher ?? ((ref) => defaultListPlans(ref, config)),
@@ -1796,11 +1844,11 @@ function usePlans(options) {
   useEffect2(() => {
     selectionReadyRef.current = selectionReady;
   }, [selectionReady]);
-  const setSelectedPlanIndex = useCallback3((index) => {
+  const setSelectedPlanIndex = useCallback4((index) => {
     userHasSelectedRef.current = true;
     setSelectedPlanIndexState(index);
   }, []);
-  const applyInitialSelection = useCallback3((processedPlans) => {
+  const applyInitialSelection = useCallback4((processedPlans) => {
     if (hasAppliedInitialRef.current || userHasSelectedRef.current) return;
     if (!selectionReadyRef.current || processedPlans.length === 0) return;
     hasAppliedInitialRef.current = true;
@@ -1811,7 +1859,7 @@ function usePlans(options) {
     );
     setSelectedPlanIndexState(idx);
   }, []);
-  const fetchPlans = useCallback3(
+  const fetchPlans = useCallback4(
     async (force = false) => {
       if (!productRef) {
         setError(new Error("Product reference not configured"));
@@ -1883,7 +1931,7 @@ function usePlans(options) {
     applyInitialSelection(plans);
   }, [selectionReady, plans, applyInitialSelection]);
   const selectedPlan = useMemo3(() => plans[selectedPlanIndex] || null, [plans, selectedPlanIndex]);
-  const selectPlan = useCallback3(
+  const selectPlan = useCallback4(
     (planRef) => {
       const index = plans.findIndex((p) => p.reference === planRef);
       if (index >= 0) {
@@ -1906,11 +1954,11 @@ function usePlans(options) {
 }
 
 // src/hooks/usePlan.ts
-import { useCallback as useCallback4, useEffect as useEffect3, useState as useState4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect3, useState as useState4 } from "react";
 function usePlan(options) {
   const { planRef, productRef } = options;
   const { _config } = useSolvaPay();
-  const findPlan = useCallback4(
+  const findPlan = useCallback5(
     (plans) => {
       if (!planRef) return null;
       return plans.find((p) => p.reference === planRef) || null;
@@ -1925,7 +1973,7 @@ function usePlan(options) {
   });
   const [loading, setLoading] = useState4(() => !!(planRef && !plan));
   const [error, setError] = useState4(null);
-  const load = useCallback4(
+  const load = useCallback5(
     async (force = false) => {
       if (!planRef) {
         setPlan(null);
@@ -2004,7 +2052,7 @@ function usePlan(options) {
 }
 
 // src/hooks/useProduct.ts
-import { useCallback as useCallback5, useEffect as useEffect4, useState as useState5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect4, useState as useState5 } from "react";
 var productCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION4 = 5 * 60 * 1e3;
 function cacheKeyFor(config, productRef) {
@@ -2027,7 +2075,7 @@ function useProduct(productRef) {
     return !cached || !cached.product && !cached.promise;
   });
   const [error, setError] = useState5(null);
-  const load = useCallback5(
+  const load = useCallback6(
     async (force = false) => {
       if (!productRef) {
         setProduct(null);
@@ -2100,14 +2148,14 @@ function useProduct(productRef) {
 }
 
 // src/hooks/useActivation.ts
-import { useState as useState6, useCallback as useCallback6 } from "react";
+import { useState as useState6, useCallback as useCallback7 } from "react";
 function useActivation() {
   const { activatePlan } = useSolvaPay();
   const copy = useCopy();
   const [state, setState] = useState6("idle");
   const [error, setError] = useState6(null);
   const [result, setResult] = useState6(null);
-  const activate = useCallback6(
+  const activate = useCallback7(
     async (params) => {
       setState("activating");
       setError(null);
@@ -2142,7 +2190,7 @@ function useActivation() {
     },
     [activatePlan, copy]
   );
-  const reset = useCallback6(() => {
+  const reset = useCallback7(() => {
     setState("idle");
     setError(null);
     setResult(null);
@@ -2151,11 +2199,11 @@ function useActivation() {
 }
 
 // src/components/PaymentFormContext.tsx
-import { createContext as createContext4, useContext as useContext5 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var PaymentFormContext = createContext4(null);
+import { createContext as createContext5, useContext as useContext6 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var PaymentFormContext = createContext5(null);
 function usePaymentForm() {
-  const ctx = useContext5(PaymentFormContext);
+  const ctx = useContext6(PaymentFormContext);
   if (!ctx) {
     throw new Error(
       "PaymentForm subcomponents must be used inside a <PaymentForm>. Wrap the slots with <PaymentForm planRef=... productRef=...>."
@@ -2163,7 +2211,7 @@ function usePaymentForm() {
   }
   return ctx;
 }
-var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ jsx6(PaymentFormContext.Provider, { value, children });
+var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ jsx7(PaymentFormContext.Provider, { value, children });
 
 // src/utils/format.ts
 var ZERO_DECIMAL_CURRENCIES = /* @__PURE__ */ new Set([
@@ -2230,7 +2278,7 @@ function interpolate(template, vars) {
 }
 
 // src/primitives/CheckoutSummary.tsx
-import { createContext as createContext5, forwardRef as forwardRef3, useContext as useContext6, useMemo as useMemo4 } from "react";
+import { createContext as createContext6, forwardRef as forwardRef3, useContext as useContext7, useMemo as useMemo4 } from "react";
 
 // src/components/businessCheckoutParts.tsx
 import { forwardRef as forwardRef2 } from "react";
@@ -2242,7 +2290,7 @@ import {
   getTaxIdExample,
   getTaxIdHelperText
 } from "@solvapay/core";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function mapBusinessFieldErrors(input) {
   const result = validateBusinessDetails(input);
   if (result.success) return {};
@@ -2305,7 +2353,7 @@ function createBusinessDetailsParts(useCtx, prefix) {
   const Root8 = forwardRef2(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
     useCtx("BusinessDetails");
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
   });
   const Toggle = forwardRef2(function BusinessDetailsToggle({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.Toggle");
@@ -2319,9 +2367,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ jsx8("input", { ref: forwardedRef, ...commonProps });
   });
   const BusinessName = forwardRef2(
     function BusinessDetailsBusinessName({ asChild, onChange, ...rest }, forwardedRef) {
@@ -2338,9 +2386,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
         ...rest
       };
       if (asChild) {
-        return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+        return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...commonProps });
       }
-      return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ jsx8("input", { ref: forwardedRef, ...commonProps });
     }
   );
   const Country = forwardRef2(function BusinessDetailsCountry({ asChild, onChange, children, ...rest }, forwardedRef) {
@@ -2356,13 +2404,13 @@ function createBusinessDetailsParts(useCtx, prefix) {
       ...rest
     };
     const defaultOptions = /* @__PURE__ */ jsxs2(Fragment3, { children: [
-      /* @__PURE__ */ jsx7("option", { value: "", children: "Select country" }),
-      BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx7("option", { value, children: label }, value))
+      /* @__PURE__ */ jsx8("option", { value: "", children: "Select country" }),
+      BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx8("option", { value, children: label }, value))
     ] });
     if (asChild) {
-      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+      return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
     }
-    return /* @__PURE__ */ jsx7("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+    return /* @__PURE__ */ jsx8("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
   });
   const TaxId = forwardRef2(function BusinessDetailsTaxId({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.TaxId");
@@ -2378,9 +2426,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ jsx8("input", { ref: forwardedRef, ...commonProps });
   });
   const Fields = forwardRef2(function BusinessDetailsFields({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.Fields");
@@ -2390,30 +2438,30 @@ function createBusinessDetailsParts(useCtx, prefix) {
     const taxIdHelperText = resolveTaxIdHelperText(country);
     const content = /* @__PURE__ */ jsxs2(Fragment3, { children: [
       /* @__PURE__ */ jsxs2("label", { className: "solvapay-checkout-business-toggle", children: [
-        /* @__PURE__ */ jsx7(Toggle, {}),
+        /* @__PURE__ */ jsx8(Toggle, {}),
         "I'm purchasing as a business"
       ] }),
       ctx.businessDetails.isBusiness ? /* @__PURE__ */ jsxs2("fieldset", { className: "solvapay-business-fields", children: [
         /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: "Business name" }),
-          /* @__PURE__ */ jsx7(BusinessName, { placeholder: "Acme GmbH" })
+          /* @__PURE__ */ jsx8("span", { className: "solvapay-business-field-label", children: "Business name" }),
+          /* @__PURE__ */ jsx8(BusinessName, { placeholder: "Acme GmbH" })
         ] }),
         /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: "Country" }),
-          /* @__PURE__ */ jsx7(Country, {})
+          /* @__PURE__ */ jsx8("span", { className: "solvapay-business-field-label", children: "Country" }),
+          /* @__PURE__ */ jsx8(Country, {})
         ] }),
         /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
-          /* @__PURE__ */ jsx7(TaxId, { placeholder: taxIdPlaceholder }),
-          taxIdHelperText ? /* @__PURE__ */ jsx7("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
+          /* @__PURE__ */ jsx8("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
+          /* @__PURE__ */ jsx8(TaxId, { placeholder: taxIdPlaceholder }),
+          taxIdHelperText ? /* @__PURE__ */ jsx8("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
         ] })
       ] }) : null,
       children
     ] });
     if (asChild) {
-      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...rest, children: content });
+      return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...rest, children: content });
     }
-    return /* @__PURE__ */ jsx7("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
+    return /* @__PURE__ */ jsx8("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
   });
   return {
     Root: Root8,
@@ -2448,14 +2496,14 @@ function createTaxSummaryParts(useCtx, prefix) {
     const ctx = useCtx("Summary");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
   });
   const Subtotal = forwardRef2(function TaxSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Subtotal");
     const { subtotalFormatted } = useSummaryAmounts(useCtx, "Summary.Subtotal");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
   });
   const Tax = forwardRef2(function TaxSummaryTax({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Tax");
@@ -2467,10 +2515,10 @@ function createTaxSummaryParts(useCtx, prefix) {
       treatment: treatment ?? "standard",
       taxRate
     });
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ jsxs2(Fragment3, { children: [
-      /* @__PURE__ */ jsx7("span", { children: defaultLabel }),
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ jsxs2(Fragment3, { children: [
+      /* @__PURE__ */ jsx8("span", { children: defaultLabel }),
       " ",
-      /* @__PURE__ */ jsx7("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
+      /* @__PURE__ */ jsx8("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
     ] }) });
   });
   const Total = forwardRef2(function TaxSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
@@ -2478,7 +2526,7 @@ function createTaxSummaryParts(useCtx, prefix) {
     const { totalFormatted } = useSummaryAmounts(useCtx, "Summary.Total");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
   });
   const TaxNote = forwardRef2(function TaxSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.TaxNote");
@@ -2488,7 +2536,7 @@ function createTaxSummaryParts(useCtx, prefix) {
     const Comp = asChild ? Slot : "p";
     const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
     if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
   });
   const Rows = forwardRef2(function TaxSummaryRows({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Rows");
@@ -2501,24 +2549,24 @@ function createTaxSummaryParts(useCtx, prefix) {
     });
     const content = /* @__PURE__ */ jsxs2("dl", { className: "solvapay-tax-summary-rows", children: [
       /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ jsx7("dt", { children: formatSubtotalLabel(treatment) }),
-        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(Subtotal, {}) })
+        /* @__PURE__ */ jsx8("dt", { children: formatSubtotalLabel(treatment) }),
+        /* @__PURE__ */ jsx8("dd", { children: /* @__PURE__ */ jsx8(Subtotal, {}) })
       ] }),
       showTaxRow ? /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ jsx7("dt", { children: vatLabel }),
-        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
+        /* @__PURE__ */ jsx8("dt", { children: vatLabel }),
+        /* @__PURE__ */ jsx8("dd", { children: /* @__PURE__ */ jsx8("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
       ] }) : null,
       /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
-        /* @__PURE__ */ jsx7("dt", { children: "Total" }),
-        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(Total, {}) })
+        /* @__PURE__ */ jsx8("dt", { children: "Total" }),
+        /* @__PURE__ */ jsx8("dd", { children: /* @__PURE__ */ jsx8(Total, {}) })
       ] }),
-      /* @__PURE__ */ jsx7(TaxNote, {}),
+      /* @__PURE__ */ jsx8(TaxNote, {}),
       children
     ] });
     if (asChild) {
-      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...rest, children: content });
+      return /* @__PURE__ */ jsx8(Slot, { ref: forwardedRef, ...rest, children: content });
     }
-    return /* @__PURE__ */ jsx7("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
+    return /* @__PURE__ */ jsx8("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
   });
   return {
     Root: Root8,
@@ -2566,10 +2614,10 @@ var MissingProductRefError = class extends SolvaPayError2 {
 };
 
 // src/primitives/CheckoutSummary.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var CheckoutSummaryContext = createContext5(null);
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var CheckoutSummaryContext = createContext6(null);
 function useCheckoutSummaryContext(part) {
-  const ctx = useContext6(CheckoutSummaryContext);
+  const ctx = useContext7(CheckoutSummaryContext);
   if (!ctx) {
     throw new Error(
       `CheckoutSummary.${part} must be rendered inside <CheckoutSummary.Root>.`
@@ -2578,7 +2626,7 @@ function useCheckoutSummaryContext(part) {
   return ctx;
 }
 var Root = forwardRef3(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
-  const solva = useContext6(SolvaPayContext);
+  const solva = useContext7(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CheckoutSummary");
   const locale = useLocale();
   const copy = useCopy();
@@ -2640,35 +2688,35 @@ var Root = forwardRef3(function CheckoutSummaryRoot({ planRef, productRef, taxBr
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ jsx8(CheckoutSummaryContext.Provider, { value: ctx, children }) });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ jsx9(CheckoutSummaryContext.Provider, { value: ctx, children }) });
 });
 var ProductSlot = forwardRef3(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Product");
   const name = ctx.product?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
 });
 var PlanSlot = forwardRef3(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Plan");
   const name = ctx.plan?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
 });
 var TaxNoteSlot = forwardRef3(
   function CheckoutSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("TaxNote");
     if (ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
+    return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
   }
 );
 var SubtotalSlot = forwardRef3(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Subtotal");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
 });
 var TaxSlot = forwardRef3(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Tax");
@@ -2677,17 +2725,17 @@ var TaxSlot = forwardRef3(function CheckoutSummaryTax({ asChild, children, ...re
   if (!shouldShowTaxRow(treatment)) return null;
   const Comp = asChild ? Slot : "span";
   const defaultLabel = formatVatSummaryLabel({ treatment, taxRate: taxRate ?? 0 });
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ jsxs3(Fragment4, { children: [
-    /* @__PURE__ */ jsx8("span", { children: defaultLabel }),
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ jsxs3(Fragment4, { children: [
+    /* @__PURE__ */ jsx9("span", { children: defaultLabel }),
     " ",
-    /* @__PURE__ */ jsx8("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
+    /* @__PURE__ */ jsx9("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
   ] }) });
 });
 var TotalSlot = forwardRef3(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Total");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
 });
 var TaxTreatmentNoteSlot = forwardRef3(
   function CheckoutSummaryTaxTreatmentNote({ asChild, children, ...rest }, forwardedRef) {
@@ -2697,21 +2745,21 @@ var TaxTreatmentNoteSlot = forwardRef3(
     const Comp = asChild ? Slot : "p";
     const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
     if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
   }
 );
 var PriceSlot = forwardRef3(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Price");
   if (ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
+  return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
 });
 var TrialSlot = forwardRef3(
   function CheckoutSummaryTrial({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("Trial");
     if (!ctx.trialBanner || ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
+    return /* @__PURE__ */ jsx9(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
   }
 );
 var CheckoutSummaryRoot2 = Root;
@@ -2741,7 +2789,7 @@ function useCheckoutSummary() {
 }
 
 // src/components/CheckoutSummary.tsx
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -2762,25 +2810,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ jsx9(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
+        /* @__PURE__ */ jsx10(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
         /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ jsx9(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ jsx9(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+          /* @__PURE__ */ jsx10(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
+          !hasTax && /* @__PURE__ */ jsx10(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
         ] }),
         hasTax ? /* @__PURE__ */ jsxs4(Fragment5, { children: [
           /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ jsx9("span", { children: "Subtotal" }),
-            /* @__PURE__ */ jsx9(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+            /* @__PURE__ */ jsx10("span", { children: "Subtotal" }),
+            /* @__PURE__ */ jsx10(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
           ] }),
-          /* @__PURE__ */ jsx9("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ jsx9(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
+          /* @__PURE__ */ jsx10("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ jsx10(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
           /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ jsx9("span", { children: "Total" }),
-            /* @__PURE__ */ jsx9(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+            /* @__PURE__ */ jsx10("span", { children: "Total" }),
+            /* @__PURE__ */ jsx10(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
           ] }),
-          /* @__PURE__ */ jsx9(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
+          /* @__PURE__ */ jsx10(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
         ] }) : /* @__PURE__ */ jsxs4(Fragment5, { children: [
-          showTrial && /* @__PURE__ */ jsx9(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ jsx9(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          showTrial && /* @__PURE__ */ jsx10(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
+          showTaxNote && /* @__PURE__ */ jsx10(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
         ] })
       ]
     }
@@ -2788,7 +2836,7 @@ var CheckoutSummary2 = ({
 };
 
 // src/hooks/useMerchant.ts
-import { useCallback as useCallback7, useEffect as useEffect5, useState as useState7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect5, useState as useState7 } from "react";
 var merchantCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION5 = 5 * 60 * 1e3;
 function cacheKeyFor2(config) {
@@ -2810,7 +2858,7 @@ function useMerchant() {
     return !cached || !cached.merchant && !cached.promise;
   });
   const [error, setError] = useState7(null);
-  const load = useCallback7(
+  const load = useCallback8(
     async (force = false) => {
       const cached = merchantCache.get(key);
       const now = Date.now();
@@ -2893,8 +2941,8 @@ function deriveVariant(plan, mode) {
 }
 
 // src/primitives/MandateText.tsx
-import { forwardRef as forwardRef4, useContext as useContext7, useMemo as useMemo5 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { forwardRef as forwardRef4, useContext as useContext8, useMemo as useMemo5 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var MandateText = forwardRef4(
   function MandateText2({
     planRef,
@@ -2907,10 +2955,11 @@ var MandateText = forwardRef4(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = useContext7(SolvaPayContext);
+    const solva = useContext8(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;
@@ -2951,19 +3000,19 @@ var MandateText = forwardRef4(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       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 }
@@ -2973,13 +3022,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__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "a",
       {
         href: match.url,
         target: "_blank",
         rel: "noopener noreferrer",
         "data-solvapay-mandate-link": "",
+        onClick: onLinkClick,
         children: match.label || match.url
       },
       i
@@ -2991,7 +3041,7 @@ function escapeRegExp(value) {
 }
 
 // src/components/Spinner.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIZE_PX = { sm: 16, md: 20, lg: 24 };
 var Spinner = ({ className, size = "md" }) => {
   const px = SIZE_PX[size];
@@ -3006,7 +3056,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "circle",
           {
             cx: "12",
@@ -3017,7 +3067,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "path",
           {
             fill: "currentColor",
@@ -3157,10 +3207,10 @@ function resolveCta(input) {
 }
 
 // src/primitives/PaymentForm.tsx
-import React10, {
+import React11, {
   forwardRef as forwardRef5,
-  useCallback as useCallback9,
-  useContext as useContext8,
+  useCallback as useCallback10,
+  useContext as useContext9,
   useEffect as useEffect7,
   useMemo as useMemo6,
   useRef as useRef5,
@@ -3321,7 +3371,7 @@ function normalizeOneTimePurchase(input) {
 }
 
 // src/hooks/useBusinessDetailsAttach.ts
-import { useCallback as useCallback8, useEffect as useEffect6, useRef as useRef4, useState as useState8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect6, useRef as useRef4, useState as useState8 } from "react";
 import {
   validateBusinessDetails as validateBusinessDetails2
 } from "@solvapay/core";
@@ -3341,7 +3391,7 @@ function useBusinessDetailsAttach(options) {
   const [businessDetailsError, setBusinessDetailsError] = useState8(null);
   const [fieldErrors, setFieldErrors] = useState8({});
   const attachRequestIdRef = useRef4(0);
-  const setBusinessDetails = useCallback8((patch) => {
+  const setBusinessDetails = useCallback9((patch) => {
     setBusinessDetailsState((prev) => {
       const next = { ...prev, ...patch };
       if (patch.isBusiness === false) {
@@ -3352,7 +3402,7 @@ function useBusinessDetailsAttach(options) {
     setBusinessDetailsAttached(false);
     setBusinessDetailsError(null);
   }, []);
-  const runAttach = useCallback8(
+  const runAttach = useCallback9(
     async (input) => {
       if (!processorPaymentId || !attachBusinessDetails) {
         return !attachBusinessDetails;
@@ -3423,7 +3473,7 @@ function useBusinessDetailsAttach(options) {
 }
 
 // src/primitives/PaymentForm.tsx
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function toSubmitVariant(variant) {
   switch (variant) {
     case "freeTier":
@@ -3453,7 +3503,7 @@ var Root2 = forwardRef5(
       requireTermsAcceptance = false,
       children
     } = props;
-    const solva = useContext8(SolvaPayContext);
+    const solva = useContext9(SolvaPayContext);
     if (!solva) throw new MissingProviderError("PaymentForm");
     const { attachBusinessDetails, customerRef } = solva;
     const copy = useCopy();
@@ -3501,19 +3551,19 @@ var Root2 = forwardRef5(
     }, [clientSecret, locale]);
     const shouldRenderElements = !!(stripePromise && clientSecret);
     if (!hasPlanOrProduct) {
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "section",
         {
           ref: forwardedRef,
           className,
           "data-solvapay-payment-form": "",
           "data-state": "error",
-          children: /* @__PURE__ */ jsx12("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct })
+          children: /* @__PURE__ */ jsx13("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct })
         }
       );
     }
     if (checkoutError) {
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "section",
         {
           ref: forwardedRef,
@@ -3529,7 +3579,7 @@ var Root2 = forwardRef5(
       );
     }
     if (isFreePlan && resolvedPlan) {
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "section",
         {
           ref: forwardedRef,
@@ -3537,7 +3587,7 @@ var Root2 = forwardRef5(
           "data-solvapay-payment-form": "",
           "data-state": "ready",
           "data-variant": "free",
-          children: /* @__PURE__ */ jsx12(
+          children: /* @__PURE__ */ jsx13(
             FreeInner,
             {
               planRef: effectivePlanRef,
@@ -3558,7 +3608,7 @@ var Root2 = forwardRef5(
     }
     if (shouldRenderElements && elementsOptions && clientSecret) {
       const resolvedClientSecret = clientSecret;
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         "section",
         {
           ref: forwardedRef,
@@ -3566,7 +3616,7 @@ var Root2 = forwardRef5(
           "data-solvapay-payment-form": "",
           "data-state": "ready",
           "data-variant": "paid",
-          children: /* @__PURE__ */ jsx12(Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ jsx12(
+          children: /* @__PURE__ */ jsx13(Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ jsx13(
             PaidInner,
             {
               planRef: effectivePlanRef,
@@ -3592,14 +3642,14 @@ var Root2 = forwardRef5(
         }
       );
     }
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "section",
       {
         ref: forwardedRef,
         className,
         "data-solvapay-payment-form": "",
         "data-state": "loading",
-        children: /* @__PURE__ */ jsx12("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx12(Spinner, { size: "md" }) })
+        children: /* @__PURE__ */ jsx13("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx13(Spinner, { size: "md" }) })
       }
     );
   }
@@ -3630,7 +3680,7 @@ var PaidInner = ({
   const customer = useCustomer();
   const { processPayment, upsertPurchase } = useSolvaPay();
   const { refetch } = usePurchase();
-  const refreshElements = useCallback9(async () => {
+  const refreshElements = useCallback10(async () => {
     if (elements) {
       await elements.fetchUpdates();
     }
@@ -3749,7 +3799,7 @@ var PaidInner = ({
   ]);
   const isReady = !!(stripe && elements);
   const canSubmit = isReady && !!clientSecret && !!elementKind && paymentInputComplete && (!requireTermsAcceptance || termsAccepted) && (!requiresBusinessAttach || businessDetailsAttached) && !businessDetailsAttaching && !isProcessing;
-  const submit = useCallback9(async () => {
+  const submit = useCallback10(async () => {
     if (!stripe || !elements || !clientSecret || !elementKind) {
       const msg = !stripe || !elements ? copy.errors.stripeUnavailable : copy.errors.paymentIntentUnavailable;
       setError(msg);
@@ -3922,7 +3972,7 @@ var PaidInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ jsx12(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx13(PaymentFormProvider, { value: contextValue, children });
 };
 var FreeInner = ({
   planRef,
@@ -3955,7 +4005,7 @@ var FreeInner = ({
   }, [state, activationResult, onResult, refetch]);
   const isProcessing = state === "activating";
   const canSubmit = !isProcessing && (!requireTermsAcceptance || termsAccepted) && !!productRef;
-  const submit = useCallback9(async () => {
+  const submit = useCallback10(async () => {
     if (!productRef) {
       const msg = copy.errors.configMissingPlanOrProduct;
       setLocalError(msg);
@@ -4034,11 +4084,11 @@ var FreeInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ jsx12(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx13(PaymentFormProvider, { value: contextValue, children });
 };
 var Summary = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     CheckoutSummary2,
     {
       ...props,
@@ -4051,7 +4101,7 @@ var Summary = (props) => {
 };
 var MandateTextPrimitive = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     MandateText,
     {
       ...props,
@@ -4068,14 +4118,14 @@ var CustomerFields = forwardRef5(
     const email = customer.email ?? prefillCustomer?.email;
     if (!email) return null;
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx12(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ jsxs6(Fragment6, { children: [
+    return /* @__PURE__ */ jsx13(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ jsxs6(Fragment6, { children: [
       email && /* @__PURE__ */ jsxs6("dl", { "data-solvapay-payment-form-customer-email": "", children: [
-        /* @__PURE__ */ jsx12("dt", { children: copy.customer.emailLabel }),
-        /* @__PURE__ */ jsx12("dd", { children: email })
+        /* @__PURE__ */ jsx13("dt", { children: copy.customer.emailLabel }),
+        /* @__PURE__ */ jsx13("dd", { children: email })
       ] }),
       /* @__PURE__ */ jsxs6("dl", { "data-solvapay-payment-form-customer-name": "", children: [
-        /* @__PURE__ */ jsx12("dt", { children: copy.customer.nameLabel }),
-        /* @__PURE__ */ jsx12("dd", { children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("dt", { children: copy.customer.nameLabel }),
+        /* @__PURE__ */ jsx13("dd", { children: /* @__PURE__ */ jsx13(
           "input",
           {
             type: "text",
@@ -4103,9 +4153,9 @@ var PaymentElementSlot = ({ options }) => {
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ jsx12("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx12(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx13("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx13(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ jsx12("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ jsx13(
     StripePaymentElement,
     {
       options: withPaymentElementDefaults(options),
@@ -4121,9 +4171,9 @@ var CardElementSlot = ({ options }) => {
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ jsx12("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx12(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx13("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ jsx13(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ jsx12("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ jsx12(StripeCardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
+  return /* @__PURE__ */ jsx13("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ jsx13(StripeCardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
 };
 var TermsCheckbox = forwardRef5(
   function PaymentFormTermsCheckbox({ asChild, label, children, ...rest }, ref) {
@@ -4131,10 +4181,10 @@ var TermsCheckbox = forwardRef5(
     const copy = useCopy();
     const id = "solvapay-terms-checkbox";
     if (asChild) {
-      return /* @__PURE__ */ jsx12(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
+      return /* @__PURE__ */ jsx13(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
     }
     return /* @__PURE__ */ jsxs6("label", { ref, htmlFor: id, "data-solvapay-payment-form-terms": "", ...rest, children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "input",
         {
           id,
@@ -4143,7 +4193,7 @@ var TermsCheckbox = forwardRef5(
           onChange: (e) => setTermsAccepted(e.target.checked)
         }
       ),
-      /* @__PURE__ */ jsx12("span", { children: label ?? copy.terms.checkboxLabel })
+      /* @__PURE__ */ jsx13("span", { children: label ?? copy.terms.checkboxLabel })
     ] });
   }
 );
@@ -4177,8 +4227,8 @@ var SubmitButton = forwardRef5(
       override: typeof children === "string" ? children : ctx.submitButtonText
     });
     const processingContent = /* @__PURE__ */ jsxs6(Fragment6, { children: [
-      /* @__PURE__ */ jsx12(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsx12("span", { children: copy.cta.processing })
+      /* @__PURE__ */ jsx13(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx13("span", { children: copy.cta.processing })
     ] });
     const buttonProps = {
       "data-solvapay-payment-form-submit": "",
@@ -4196,30 +4246,30 @@ var SubmitButton = forwardRef5(
       ...rest
     };
     if (asChild) {
-      const slotChild = ctx.isProcessing && React10.isValidElement(children) ? React10.cloneElement(
+      const slotChild = ctx.isProcessing && React11.isValidElement(children) ? React11.cloneElement(
         children,
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ jsx12(Slot, { ref, ...buttonProps, children: slotChild });
+      return /* @__PURE__ */ jsx13(Slot, { ref, ...buttonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children && typeof children !== "string" ? children : label;
-    return /* @__PURE__ */ jsx12("button", { ref, type: "submit", ...buttonProps, children: content });
+    return /* @__PURE__ */ jsx13("button", { ref, type: "submit", ...buttonProps, children: content });
   }
 );
 var Loading = forwardRef5(function PaymentFormLoading({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (ctx.isReady && ctx.clientSecret) return null;
   if (asChild) {
-    return /* @__PURE__ */ jsx12(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx12(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx13(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx13(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ jsx12("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx12(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ jsx13("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx13(Spinner, { size: "sm" }) });
 });
 var ErrorSlot = forwardRef5(function PaymentFormError({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       Slot,
       {
         ref,
@@ -4232,7 +4282,7 @@ var ErrorSlot = forwardRef5(function PaymentFormError({ asChild, children, ...re
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "p",
     {
       ref,
@@ -4295,7 +4345,7 @@ var PaymentForm = {
 };
 
 // src/hooks/useTopupAmountSelector.ts
-import { useState as useState10, useCallback as useCallback10, useMemo as useMemo7 } from "react";
+import { useState as useState10, useCallback as useCallback11, useMemo as useMemo7 } from "react";
 function getQuickAmounts(currency) {
   switch (currency.toUpperCase()) {
     case "SEK":
@@ -4339,7 +4389,7 @@ function useTopupAmountSelector(options) {
     }
     return selectedAmount;
   }, [selectedAmount, customAmount]);
-  const selectQuickAmount = useCallback10(
+  const selectQuickAmount = useCallback11(
     (amount) => {
       setSelectedAmount(amount);
       setCustomAmountRaw("");
@@ -4347,7 +4397,7 @@ function useTopupAmountSelector(options) {
     },
     []
   );
-  const setCustomAmount = useCallback10(
+  const setCustomAmount = useCallback11(
     (value) => {
       const sanitized = value.replace(/[^0-9.]/g, "");
       const dotIndex = sanitized.indexOf(".");
@@ -4358,7 +4408,7 @@ function useTopupAmountSelector(options) {
     },
     []
   );
-  const validate = useCallback10(() => {
+  const validate = useCallback11(() => {
     if (resolvedAmount == null) {
       setError(copy.topup.selectOrEnterAmount);
       return false;
@@ -4386,7 +4436,7 @@ function useTopupAmountSelector(options) {
     setError(null);
     return true;
   }, [resolvedAmount, minAmount, maxAmount, currency, copy]);
-  const reset = useCallback10(() => {
+  const reset = useCallback11(() => {
     setSelectedAmount(null);
     setCustomAmountRaw("");
     setError(null);
@@ -4417,17 +4467,17 @@ function useBalance() {
 
 // src/primitives/AmountPicker.tsx
 import {
-  createContext as createContext6,
+  createContext as createContext7,
   forwardRef as forwardRef6,
-  useCallback as useCallback11,
-  useContext as useContext9,
+  useCallback as useCallback12,
+  useContext as useContext10,
   useEffect as useEffect9,
   useMemo as useMemo8
 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AmountPickerContext = createContext6(null);
+import { jsx as jsx14 } from "react/jsx-runtime";
+var AmountPickerContext = createContext7(null);
 function usePickerCtx(part) {
-  const ctx = useContext9(AmountPickerContext);
+  const ctx = useContext10(AmountPickerContext);
   if (!ctx) {
     throw new Error(`AmountPicker.${part} must be rendered inside <AmountPicker.Root>.`);
   }
@@ -4444,7 +4494,7 @@ var Root3 = forwardRef6(function AmountPickerRoot({
   children,
   ...rest
 }, forwardedRef) {
-  const solva = useContext9(SolvaPayContext);
+  const solva = useContext10(SolvaPayContext);
   if (!solva) throw new MissingProviderError("AmountPicker");
   const internalSelector = useTopupAmountSelector({ currency, minAmount, maxAmount });
   const selector = externalSelector ?? internalSelector;
@@ -4484,7 +4534,7 @@ var Root3 = forwardRef6(function AmountPickerRoot({
     ]
   );
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx13(AmountPickerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx13(Comp, { ref: forwardedRef, "data-solvapay-amount-picker": "", ...rest, children }) });
+  return /* @__PURE__ */ jsx14(AmountPickerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx14(Comp, { ref: forwardedRef, "data-solvapay-amount-picker": "", ...rest, children }) });
 });
 var Option = forwardRef6(function AmountPickerOption({ asChild, amount, onClick, children, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Option");
@@ -4508,10 +4558,10 @@ var Option = forwardRef6(function AmountPickerOption({ asChild, amount, onClick,
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx13(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultLabel })
+      /* @__PURE__ */ jsx14(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultLabel })
     );
   }
-  return /* @__PURE__ */ jsx13("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? defaultLabel });
+  return /* @__PURE__ */ jsx14("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? defaultLabel });
 });
 var Custom = forwardRef6(function AmountPickerCustom({ asChild, onChange, onFocus, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Custom");
@@ -4534,15 +4584,15 @@ var Custom = forwardRef6(function AmountPickerCustom({ asChild, onChange, onFocu
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx13(Slot, { ref: forwardedRef, ...commonProps })
+      /* @__PURE__ */ jsx14(Slot, { ref: forwardedRef, ...commonProps })
     );
   }
-  return /* @__PURE__ */ jsx13("input", { ref: forwardedRef, ...commonProps });
+  return /* @__PURE__ */ jsx14("input", { ref: forwardedRef, ...commonProps });
 });
 var Confirm = forwardRef6(function AmountPickerConfirm({ asChild, onClick, onConfirm, disabled, children, ...rest }, forwardedRef) {
   const ctx = usePickerCtx("Confirm");
   const isDisabled = disabled || !ctx.resolvedAmount;
-  const handleConfirm = useCallback11(() => {
+  const handleConfirm = useCallback12(() => {
     if (!ctx.validate()) return;
     if (ctx.emit === "minor") {
       if (ctx.resolvedAmountMinor != null) onConfirm?.(ctx.resolvedAmountMinor);
@@ -4561,10 +4611,10 @@ var Confirm = forwardRef6(function AmountPickerConfirm({ asChild, onClick, onCon
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx13(Slot, { ref: forwardedRef, ...commonProps, children })
+      /* @__PURE__ */ jsx14(Slot, { ref: forwardedRef, ...commonProps, children })
     );
   }
-  return /* @__PURE__ */ jsx13("button", { ref: forwardedRef, type: "button", ...commonProps, children });
+  return /* @__PURE__ */ jsx14("button", { ref: forwardedRef, type: "button", ...commonProps, children });
 });
 var AmountPickerRoot2 = Root3;
 var AmountPickerOption2 = Option;
@@ -4593,7 +4643,7 @@ function useAmountPickerCopy() {
 }
 
 // src/hooks/useTopup.ts
-import { useState as useState11, useCallback as useCallback12, useRef as useRef6 } from "react";
+import { useState as useState11, useCallback as useCallback13, useRef as useRef6 } from "react";
 import { loadStripe as loadStripe2 } from "@stripe/stripe-js";
 var stripePromiseCache2 = /* @__PURE__ */ new Map();
 function getStripeCacheKey2(publishableKey, accountId) {
@@ -4608,7 +4658,7 @@ function useTopup(options) {
   const [clientSecret, setClientSecret] = useState11(null);
   const [processorPaymentId, setProcessorPaymentId] = useState11(null);
   const isStartingRef = useRef6(false);
-  const startTopup = useCallback12(async () => {
+  const startTopup = useCallback13(async () => {
     if (isStartingRef.current || loading) {
       return;
     }
@@ -4656,7 +4706,7 @@ function useTopup(options) {
       isStartingRef.current = false;
     }
   }, [amount, currency, autoRecharge, createTopupPayment, customerRef, updateCustomerRef, loading]);
-  const reset = useCallback12(() => {
+  const reset = useCallback13(() => {
     isStartingRef.current = false;
     setLoading(false);
     setError(null);
@@ -4676,11 +4726,11 @@ function useTopup(options) {
 }
 
 // src/primitives/TopupForm.tsx
-import React12, {
-  createContext as createContext7,
+import React13, {
+  createContext as createContext8,
   forwardRef as forwardRef7,
-  useCallback as useCallback13,
-  useContext as useContext10,
+  useCallback as useCallback14,
+  useContext as useContext11,
   useEffect as useEffect10,
   useMemo as useMemo9,
   useRef as useRef7,
@@ -4692,10 +4742,10 @@ import {
   useElements as useElements2,
   PaymentElement as StripePaymentElement2
 } from "@stripe/react-stripe-js";
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
-var TopupFormContext = createContext7(null);
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+var TopupFormContext = createContext8(null);
 function useTopupCtx(part) {
-  const ctx = useContext10(TopupFormContext);
+  const ctx = useContext11(TopupFormContext);
   if (!ctx) {
     throw new Error(`TopupForm.${part} must be rendered inside <TopupForm.Root>.`);
   }
@@ -4717,7 +4767,7 @@ var Root4 = forwardRef7(function TopupFormRoot(props, forwardedRef) {
     children,
     ...rest
   } = props;
-  const solva = useContext10(SolvaPayContext);
+  const solva = useContext11(SolvaPayContext);
   if (!solva) throw new MissingProviderError("TopupForm");
   const { processTopupPayment, attachBusinessDetails, customerRef } = solva;
   const copy = useCopy();
@@ -4770,7 +4820,7 @@ var Root4 = forwardRef7(function TopupFormRoot(props, forwardedRef) {
     attachBusinessDetails,
     customerRef
   };
-  const shell = /* @__PURE__ */ jsx14(
+  const shell = /* @__PURE__ */ jsx15(
     Comp,
     {
       ref: forwardedRef,
@@ -4782,9 +4832,9 @@ var Root4 = forwardRef7(function TopupFormRoot(props, forwardedRef) {
     }
   );
   if (canMountElements) {
-    return /* @__PURE__ */ jsx14(Elements2, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ jsx14(Inner, { ...innerCommon, children: shell }) }, clientSecret);
+    return /* @__PURE__ */ jsx15(Elements2, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ jsx15(Inner, { ...innerCommon, children: shell }) }, clientSecret);
   }
-  return /* @__PURE__ */ jsx14(OfflineInner, { ...innerCommon, children: shell });
+  return /* @__PURE__ */ jsx15(OfflineInner, { ...innerCommon, children: shell });
 });
 var Inner = ({
   amount,
@@ -4899,7 +4949,7 @@ var Inner = ({
   });
   const isReady = !!(stripe && elements);
   const canSubmit = isReady && paymentInputComplete && !isProcessing && !!clientSecret && (!requiresBusinessAttach || businessDetailsAttached) && !businessDetailsAttaching;
-  const submit = useCallback13(async () => {
+  const submit = useCallback14(async () => {
     if (!stripe || !elements || !clientSecret) {
       const msg = copy.errors.stripeUnavailable;
       setError(msg);
@@ -5036,7 +5086,7 @@ var Inner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ jsx14(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ jsx15(TopupFormContext.Provider, { value: ctx, children });
 };
 var OfflineInner = ({
   amount,
@@ -5048,11 +5098,11 @@ var OfflineInner = ({
   state,
   children
 }) => {
-  const noopSubmit = useCallback13(async () => {
+  const noopSubmit = useCallback14(async () => {
   }, []);
-  const noopSet = useCallback13(() => {
+  const noopSet = useCallback14(() => {
   }, []);
-  const noopBusinessSet = useCallback13(() => {
+  const noopBusinessSet = useCallback14(() => {
   }, []);
   const ctx = useMemo9(
     () => ({
@@ -5092,16 +5142,16 @@ var OfflineInner = ({
       noopBusinessSet
     ]
   );
-  return /* @__PURE__ */ jsx14(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ jsx15(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__ */ jsx14("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ jsx14(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ jsx15("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ jsx15(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ jsx14("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ jsx15(
     StripePaymentElement2,
     {
       options: withPaymentElementDefaults(options),
@@ -5116,8 +5166,8 @@ var SubmitButton2 = forwardRef7(
     const copy = useCopy();
     const dataState = ctx.isProcessing ? "processing" : !ctx.canSubmit ? "disabled" : "idle";
     const processingContent = /* @__PURE__ */ jsxs7(Fragment7, { children: [
-      /* @__PURE__ */ jsx14(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsx14("span", { children: copy.cta.processing })
+      /* @__PURE__ */ jsx15(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx15("span", { children: copy.cta.processing })
     ] });
     const commonProps = {
       "data-solvapay-topup-form-submit": "",
@@ -5132,38 +5182,38 @@ var SubmitButton2 = forwardRef7(
       ...rest
     };
     if (asChild) {
-      const slotChild = ctx.isProcessing && React12.isValidElement(children) ? React12.cloneElement(
+      const slotChild = ctx.isProcessing && React13.isValidElement(children) ? React13.cloneElement(
         children,
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ jsx14(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
+      return /* @__PURE__ */ jsx15(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children ? children : copy.cta.topUp;
-    return /* @__PURE__ */ jsx14("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
+    return /* @__PURE__ */ jsx15("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
   }
 );
 var Loading2 = forwardRef7(function TopupFormLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Loading");
   if (ctx.state !== "loading") return null;
   if (asChild) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       Slot,
       {
         ref: forwardedRef,
         "data-solvapay-topup-form-loading": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ jsx14(Spinner, { size: "sm" })
+        children: children ?? /* @__PURE__ */ jsx15(Spinner, { size: "sm" })
       }
     );
   }
-  return /* @__PURE__ */ jsx14("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx14(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ jsx15("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ jsx15(Spinner, { size: "sm" }) });
 });
 var ErrorSlot2 = forwardRef7(function TopupFormError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Error");
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       Slot,
       {
         ref: forwardedRef,
@@ -5176,7 +5226,7 @@ var ErrorSlot2 = forwardRef7(function TopupFormError({ asChild, children, ...res
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "p",
     {
       ref: forwardedRef,
@@ -5233,11 +5283,11 @@ function useTopupForm() {
 }
 
 // src/primitives/BalanceBadge.tsx
-import { forwardRef as forwardRef8, useContext as useContext11 } from "react";
+import { forwardRef as forwardRef8, useContext as useContext12 } from "react";
 import { creditsToDisplayMinorUnits, minorUnitsPerMajor } from "@solvapay/core";
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var BalanceBadge = forwardRef8(function BalanceBadge2({ asChild, numberOnly, lowThreshold = 10, children, ...rest }, forwardedRef) {
-  const solva = useContext11(SolvaPayContext);
+  const solva = useContext12(SolvaPayContext);
   if (!solva) throw new MissingProviderError("BalanceBadge");
   const { credits, displayCurrency, creditsPerMinorUnit, displayExchangeRate, loading } = useBalance();
   const copy = useCopy();
@@ -5254,10 +5304,10 @@ var BalanceBadge = forwardRef8(function BalanceBadge2({ asChild, numberOnly, low
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx15(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx15(Fragment8, {}) })
+        /* @__PURE__ */ jsx16(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx16(Fragment8, {}) })
       );
     }
-    return /* @__PURE__ */ jsx15("span", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ jsx16("span", { ref: forwardedRef, ...commonProps });
   }
   if (credits == null) return null;
   const formattedCredits = new Intl.NumberFormat(locale).format(credits);
@@ -5287,18 +5337,18 @@ var BalanceBadge = forwardRef8(function BalanceBadge2({ asChild, numberOnly, low
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx15(Slot, { ref: forwardedRef, ...commonProps, children: content })
+      /* @__PURE__ */ jsx16(Slot, { ref: forwardedRef, ...commonProps, children: content })
     );
   }
-  return /* @__PURE__ */ jsx15("span", { ref: forwardedRef, ...commonProps, children: content });
+  return /* @__PURE__ */ jsx16("span", { ref: forwardedRef, ...commonProps, children: content });
 });
 
 // src/primitives/PlanSelector.tsx
 import {
-  createContext as createContext8,
+  createContext as createContext9,
   forwardRef as forwardRef9,
-  useCallback as useCallback14,
-  useContext as useContext12,
+  useCallback as useCallback15,
+  useContext as useContext13,
   useEffect as useEffect11,
   useMemo as useMemo10,
   useRef as useRef8,
@@ -5343,18 +5393,18 @@ function resolvePlanPricingOption(plan, currency) {
 }
 
 // src/primitives/PlanSelector.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var PlanSelectorContext = createContext8(null);
+import { jsx as jsx17 } from "react/jsx-runtime";
+var PlanSelectorContext = createContext9(null);
 function usePlanSelectorContext(part) {
-  const ctx = useContext12(PlanSelectorContext);
+  const ctx = useContext13(PlanSelectorContext);
   if (!ctx) {
     throw new Error(`PlanSelector.${part} must be rendered inside <PlanSelector.Root>.`);
   }
   return ctx;
 }
-var CardContext = createContext8(null);
+var CardContext = createContext9(null);
 function useCardContext(part) {
-  const ctx = useContext12(CardContext);
+  const ctx = useContext13(CardContext);
   if (!ctx) {
     throw new Error(`PlanSelector.${part} must be rendered inside <PlanSelector.Card>.`);
   }
@@ -5374,7 +5424,7 @@ var Root5 = forwardRef9(function PlanSelectorRoot(props, forwardedRef) {
     children,
     ...rest
   } = props;
-  const solva = useContext12(SolvaPayContext);
+  const solva = useContext13(SolvaPayContext);
   if (!solva) throw new MissingProviderError("PlanSelector");
   if (!productRef) throw new MissingProductRefError("PlanSelector");
   const { _config } = solva;
@@ -5396,19 +5446,19 @@ var Root5 = forwardRef9(function PlanSelectorRoot(props, forwardedRef) {
     return active?.planSnapshot?.reference ?? null;
   }, [purchases]);
   const resolvedCurrentPlanRef = currentPlanRef === null ? null : currentPlanRef ?? autoCurrentPlanRef;
-  const isCurrent = useCallback14(
+  const isCurrent = useCallback15(
     (ref) => resolvedCurrentPlanRef === ref,
     [resolvedCurrentPlanRef]
   );
-  const isFree = useCallback14(
+  const isFree = useCallback15(
     (ref) => plans.find((p) => p.reference === ref)?.requiresPayment === false,
     [plans]
   );
-  const isPopular = useCallback14(
+  const isPopular = useCallback15(
     (ref) => popularPlanRef === ref,
     [popularPlanRef]
   );
-  const select = useCallback14(
+  const select = useCallback15(
     (ref) => {
       const plan = plans.find((p) => p.reference === ref);
       if (!plan) return;
@@ -5418,24 +5468,24 @@ var Root5 = forwardRef9(function PlanSelectorRoot(props, forwardedRef) {
     },
     [plans, selectPlan, onSelect]
   );
-  const clearSelection = useCallback14(() => {
+  const clearSelection = useCallback15(() => {
     setSelectedPlanIndex(-1);
   }, [setSelectedPlanIndex]);
   const selectedPlanRef = selectedPlan?.reference ?? null;
   const [preferredCurrency, setPreferredCurrencyState] = useState13(null);
   const [selectedCurrencies, setSelectedCurrencies] = useState13({});
-  const getSelectedOption = useCallback14(
+  const getSelectedOption = useCallback15(
     (plan) => resolvePlanPricingOption(
       plan,
       selectedCurrencies[plan.reference] ?? preferredCurrency ?? null
     ),
     [selectedCurrencies, preferredCurrency]
   );
-  const setPreferredCurrency = useCallback14((currency) => {
+  const setPreferredCurrency = useCallback15((currency) => {
     setPreferredCurrencyState(currency.toUpperCase());
     setSelectedCurrencies({});
   }, []);
-  const setPlanCurrency = useCallback14((planRef, currency) => {
+  const setPlanCurrency = useCallback15((planRef, currency) => {
     setSelectedCurrencies((current) => ({ ...current, [planRef]: currency }));
   }, []);
   const selectedCurrency = selectedPlan ? getSelectedOption(selectedPlan).currency : null;
@@ -5495,7 +5545,7 @@ var Root5 = forwardRef9(function PlanSelectorRoot(props, forwardedRef) {
       getSelectedOption
     ]
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     PlanSelectionProvider,
     {
       value: {
@@ -5514,7 +5564,7 @@ var Root5 = forwardRef9(function PlanSelectorRoot(props, forwardedRef) {
         loading,
         error
       },
-      children: /* @__PURE__ */ jsx16("div", { ref: forwardedRef, "data-solvapay-plan-selector": "", ...rest, children: /* @__PURE__ */ jsx16(PlanSelectorContext.Provider, { value: ctx, children }) })
+      children: /* @__PURE__ */ jsx17("div", { ref: forwardedRef, "data-solvapay-plan-selector": "", ...rest, children: /* @__PURE__ */ jsx17(PlanSelectorContext.Provider, { value: ctx, children }) })
     }
   );
 });
@@ -5522,11 +5572,11 @@ var Heading = forwardRef9(function PlanSelectorHeading({ asChild, children, ...r
   usePlanSelectorContext("Heading");
   const copy = useCopy();
   const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-heading": "", ...rest, children: children ?? copy.planSelector.heading });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-heading": "", ...rest, children: children ?? copy.planSelector.heading });
 });
 var Grid = forwardRef9(function PlanSelectorGrid({ children, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("Grid");
-  return /* @__PURE__ */ jsx16("div", { ref: forwardedRef, "data-solvapay-plan-selector-grid": "", ...rest, children: ctx.plans.map((plan) => {
+  return /* @__PURE__ */ jsx17("div", { ref: forwardedRef, "data-solvapay-plan-selector-grid": "", ...rest, children: ctx.plans.map((plan) => {
     const isCurrent = ctx.isCurrent(plan.reference);
     const isFree = ctx.isFree(plan.reference);
     const isPopular = ctx.isPopular(plan.reference);
@@ -5548,7 +5598,7 @@ var Grid = forwardRef9(function PlanSelectorGrid({ children, ...rest }, forwarde
       select: () => ctx.select(plan.reference),
       setCurrency: (currency) => ctx.setPlanCurrency(plan.reference, currency)
     };
-    return /* @__PURE__ */ jsx16(CardContext.Provider, { value: cardCtx, children }, plan.reference);
+    return /* @__PURE__ */ jsx17(CardContext.Provider, { value: cardCtx, children }, plan.reference);
   }) });
 });
 var Card = forwardRef9(function PlanSelectorCard({ asChild, onClick, children, ...rest }, forwardedRef) {
@@ -5569,10 +5619,10 @@ var Card = forwardRef9(function PlanSelectorCard({ asChild, onClick, children, .
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx16(Slot, { ref: forwardedRef, ...commonProps, children })
+      /* @__PURE__ */ jsx17(Slot, { ref: forwardedRef, ...commonProps, children })
     );
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "button",
     {
       ref: forwardedRef,
@@ -5589,7 +5639,7 @@ var CardName = forwardRef9(function PlanSelectorCardName({ asChild, children, ..
   const label = card.plan.name ?? fallback;
   if (!label && children == null) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-name": "", ...rest, children: children ?? label });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-name": "", ...rest, children: children ?? label });
 });
 var CardPrice = forwardRef9(function PlanSelectorCardPrice({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardPrice");
@@ -5615,7 +5665,7 @@ var CardPrice = forwardRef9(function PlanSelectorCardPrice({ asChild, children,
     copy.interval.free
   ]);
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-price": "", ...rest, children: children ?? formatted });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-price": "", ...rest, children: children ?? formatted });
 });
 var CardInterval = forwardRef9(function PlanSelectorCardInterval({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardInterval");
@@ -5625,7 +5675,7 @@ var CardInterval = forwardRef9(function PlanSelectorCardInterval({ asChild, chil
   if (!rawInterval) return null;
   const text = interpolate(copy.planSelector.perIntervalShort, { interval: rawInterval });
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-interval": "", ...rest, children: children ?? text });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-interval": "", ...rest, children: children ?? text });
 });
 function normalizeBillingCycle(cycle) {
   if (!cycle) return null;
@@ -5651,7 +5701,7 @@ var CurrencySwitcher = forwardRef9(function PlanSelectorCurrencySwitcher({ child
   }, [ctx.plans]);
   if (availableCurrencies.length < 2) return null;
   const effectiveCurrency = ctx.preferredCurrency ?? (ctx.selectedPlan ? ctx.getSelectedOption(ctx.selectedPlan).currency.toUpperCase() : null) ?? availableCurrencies[0];
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "select",
     {
       ref: forwardedRef,
@@ -5663,7 +5713,7 @@ var CurrencySwitcher = forwardRef9(function PlanSelectorCurrencySwitcher({ child
         onChange?.(event);
       },
       ...rest,
-      children: children ?? availableCurrencies.map((currency) => /* @__PURE__ */ jsx16("option", { value: currency, children: currency }, currency))
+      children: children ?? availableCurrencies.map((currency) => /* @__PURE__ */ jsx17("option", { value: currency, children: currency }, currency))
     }
   );
 });
@@ -5671,7 +5721,7 @@ var CardCurrency = forwardRef9(
   function PlanSelectorCardCurrency({ children, onChange, ...rest }, forwardedRef) {
     const card = useCardContext("CardCurrency");
     if (card.pricingOptions.length <= 1) return null;
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "select",
       {
         ref: forwardedRef,
@@ -5682,7 +5732,7 @@ var CardCurrency = forwardRef9(
           onChange?.(event);
         },
         ...rest,
-        children: children ?? card.pricingOptions.map((option) => /* @__PURE__ */ jsx16("option", { value: option.currency, children: option.currency }, option.currency))
+        children: children ?? card.pricingOptions.map((option) => /* @__PURE__ */ jsx17("option", { value: option.currency, children: option.currency }, option.currency))
       }
     );
   }
@@ -5701,7 +5751,7 @@ var CardBadge = forwardRef9(function PlanSelectorCardBadge({ asChild, children,
   }
   if (!variant) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Comp,
     {
       ref: forwardedRef,
@@ -5716,13 +5766,13 @@ var Loading3 = forwardRef9(function PlanSelectorLoading({ asChild, children, ...
   const ctx = usePlanSelectorContext("Loading");
   if (!ctx.loading || ctx.plans.length > 0) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-loading": "", ...rest, children });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-loading": "", ...rest, children });
 });
 var ErrorSlot3 = forwardRef9(function PlanSelectorError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("Error");
   if (!ctx.error) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx16(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
+  return /* @__PURE__ */ jsx17(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
 });
 var PlanSelectorRoot2 = Root5;
 var PlanSelectorHeading2 = Heading;
@@ -5755,13 +5805,13 @@ function usePlanSelector() {
 }
 
 // src/hooks/usePurchaseActions.ts
-import { useState as useState14, useCallback as useCallback15 } from "react";
+import { useState as useState14, useCallback as useCallback16 } from "react";
 function usePurchaseActions() {
   const ctx = useSolvaPay();
   const [isCancelling, setIsCancelling] = useState14(false);
   const [isReactivating, setIsReactivating] = useState14(false);
   const [isActivating, setIsActivating] = useState14(false);
-  const cancelRenewal = useCallback15(
+  const cancelRenewal = useCallback16(
     async (params) => {
       setIsCancelling(true);
       try {
@@ -5772,7 +5822,7 @@ function usePurchaseActions() {
     },
     [ctx.cancelRenewal]
   );
-  const reactivateRenewal = useCallback15(
+  const reactivateRenewal = useCallback16(
     async (params) => {
       setIsReactivating(true);
       try {
@@ -5783,7 +5833,7 @@ function usePurchaseActions() {
     },
     [ctx.reactivateRenewal]
   );
-  const activatePlan = useCallback15(
+  const activatePlan = useCallback16(
     async (params) => {
       setIsActivating(true);
       try {
@@ -5806,8 +5856,8 @@ function usePurchaseActions() {
 
 // src/primitives/CancelPlanButton.tsx
 import { countsUsage } from "@solvapay/core";
-import { forwardRef as forwardRef10, useCallback as useCallback16, useContext as useContext13 } from "react";
-import { Fragment as Fragment9, jsx as jsx17 } from "react/jsx-runtime";
+import { forwardRef as forwardRef10, useCallback as useCallback17, useContext as useContext14 } from "react";
+import { Fragment as Fragment9, jsx as jsx18 } from "react/jsx-runtime";
 function resolveConfirmText(confirm, purchase, defaults) {
   if (confirm === false) return null;
   if (typeof confirm === "string") return confirm;
@@ -5827,14 +5877,14 @@ var CancelPlanButton = forwardRef10(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = useContext13(SolvaPayContext);
+    const solva = useContext14(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 = useCallback16(async () => {
+    const cancel = useCallback17(async () => {
       if (!effectiveRef) return;
       const confirmText = resolveConfirmText(confirm, effectivePurchase, {
         recurring: copy.cancelPlan.confirmRecurring,
@@ -5870,19 +5920,19 @@ var CancelPlanButton = forwardRef10(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx17(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx17(Fragment9, { children: label }) })
+        /* @__PURE__ */ jsx18(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx18(Fragment9, { children: label }) })
       );
     }
-    return /* @__PURE__ */ jsx17("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ jsx18("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
   }
 );
 
 // src/hooks/usePurchaseStatus.ts
-import { useMemo as useMemo11, useCallback as useCallback17 } from "react";
+import { useMemo as useMemo11, useCallback as useCallback18 } from "react";
 function usePurchaseStatus() {
   const { purchases } = usePurchase();
   const locale = useLocale();
-  const isPaidPurchase2 = useCallback17((p) => {
+  const isPaidPurchase2 = useCallback18((p) => {
     return (p.amount ?? 0) > 0;
   }, []);
   const purchaseData = useMemo11(() => {
@@ -5898,7 +5948,7 @@ function usePurchaseStatus() {
       shouldShowCancelledNotice
     };
   }, [purchases, isPaidPurchase2]);
-  const formatDate = useCallback17(
+  const formatDate = useCallback18(
     (dateString) => {
       if (!dateString) return null;
       return new Date(dateString).toLocaleDateString(locale || "en-US", {
@@ -5909,7 +5959,7 @@ function usePurchaseStatus() {
     },
     [locale]
   );
-  const getDaysUntilExpiration = useCallback17((endDate) => {
+  const getDaysUntilExpiration = useCallback18((endDate) => {
     if (!endDate) return null;
     const now = /* @__PURE__ */ new Date();
     const expiration = new Date(endDate);
@@ -5927,16 +5977,16 @@ function usePurchaseStatus() {
 
 // src/primitives/CancelledPlanNotice.tsx
 import {
-  createContext as createContext9,
+  createContext as createContext10,
   forwardRef as forwardRef11,
-  useCallback as useCallback18,
-  useContext as useContext14,
+  useCallback as useCallback19,
+  useContext as useContext15,
   useMemo as useMemo12
 } from "react";
-import { Fragment as Fragment10, jsx as jsx18 } from "react/jsx-runtime";
-var CancelledPlanNoticeContext = createContext9(null);
+import { Fragment as Fragment10, jsx as jsx19 } from "react/jsx-runtime";
+var CancelledPlanNoticeContext = createContext10(null);
 function useNoticeCtx(part) {
-  const ctx = useContext14(CancelledPlanNoticeContext);
+  const ctx = useContext15(CancelledPlanNoticeContext);
   if (!ctx) {
     throw new Error(
       `CancelledPlanNotice.${part} must be rendered inside <CancelledPlanNotice.Root>.`
@@ -5945,7 +5995,7 @@ function useNoticeCtx(part) {
   return ctx;
 }
 var Root6 = forwardRef11(function CancelledPlanNoticeRoot({ onReactivated, onError, asChild, children, ...rest }, forwardedRef) {
-  const solva = useContext14(SolvaPayContext);
+  const solva = useContext15(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CancelledPlanNotice");
   const {
     cancelledPurchase,
@@ -5954,7 +6004,7 @@ var Root6 = forwardRef11(function CancelledPlanNoticeRoot({ onReactivated, onErr
     getDaysUntilExpiration
   } = usePurchaseStatus();
   const { reactivateRenewal, isReactivating } = usePurchaseActions();
-  const reactivate = useCallback18(async () => {
+  const reactivate = useCallback19(async () => {
     if (!cancelledPurchase) return;
     try {
       await reactivateRenewal({ purchaseRef: cancelledPurchase.reference });
@@ -5982,7 +6032,7 @@ var Root6 = forwardRef11(function CancelledPlanNoticeRoot({ onReactivated, onErr
   }, [cancelledPurchase, daysRemaining, formatDate, reactivate, isReactivating]);
   if (!shouldShowCancelledNotice || !ctx) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx18(CancelledPlanNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(CancelledPlanNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx19(
     Comp,
     {
       ref: forwardedRef,
@@ -5998,7 +6048,7 @@ var Heading2 = forwardRef11(function CancelledPlanNoticeHeading({ asChild, child
   useNoticeCtx("Heading");
   const copy = useCopy();
   const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-heading": "", ...rest, children: children ?? copy.cancelledNotice.heading });
+  return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-heading": "", ...rest, children: children ?? copy.cancelledNotice.heading });
 });
 var Expires = forwardRef11(function CancelledPlanNoticeExpires({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useNoticeCtx("Expires");
@@ -6006,10 +6056,10 @@ var Expires = forwardRef11(function CancelledPlanNoticeExpires({ asChild, childr
   const date = ctx.formatDate(ctx.purchase.endDate);
   if (!ctx.purchase.endDate) {
     const Comp2 = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx18(Comp2, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? copy.cancelledNotice.accessEnded });
+    return /* @__PURE__ */ jsx19(Comp2, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? copy.cancelledNotice.accessEnded });
   }
   const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.expiresLabel, { date: date ?? "" }) });
+  return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-expires": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.expiresLabel, { date: date ?? "" }) });
 });
 var DaysRemaining = forwardRef11(
   function CancelledPlanNoticeDaysRemaining({ asChild, children, ...rest }, forwardedRef) {
@@ -6018,7 +6068,7 @@ var DaysRemaining = forwardRef11(
     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__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-days-remaining": "", ...rest, children: children ?? interpolate(template, { days: ctx.daysRemaining }) });
+    return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-days-remaining": "", ...rest, children: children ?? interpolate(template, { days: ctx.daysRemaining }) });
   }
 );
 var AccessUntil = forwardRef11(
@@ -6027,7 +6077,7 @@ var AccessUntil = forwardRef11(
     const copy = useCopy();
     if (!ctx.purchase.endDate) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-access-until": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.accessUntil, {
+    return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-access-until": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.accessUntil, {
       product: ctx.purchase.productName
     }) });
   }
@@ -6039,14 +6089,14 @@ var CancelledOn = forwardRef11(
     if (!ctx.purchase.cancelledAt) return null;
     const date = ctx.formatDate(ctx.purchase.cancelledAt);
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-cancelled-on": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.cancelledOn, { date: date ?? "" }) });
+    return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-cancelled-on": "", ...rest, children: children ?? interpolate(copy.cancelledNotice.cancelledOn, { date: date ?? "" }) });
   }
 );
 var Reason = forwardRef11(function CancelledPlanNoticeReason({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useNoticeCtx("Reason");
   if (!ctx.hasReason) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx18(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-reason": "", ...rest, children: children ?? ctx.purchase.cancellationReason });
+  return /* @__PURE__ */ jsx19(Comp, { ref: forwardedRef, "data-solvapay-cancelled-notice-reason": "", ...rest, children: children ?? ctx.purchase.cancellationReason });
 });
 var ReactivateButton = forwardRef11(
   function CancelledPlanNoticeReactivateButton({ asChild, onClick, children, ...rest }, forwardedRef) {
@@ -6068,10 +6118,10 @@ var ReactivateButton = forwardRef11(
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx18(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx18(Fragment10, { children: label }) })
+        /* @__PURE__ */ jsx19(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx19(Fragment10, { children: label }) })
       );
     }
-    return /* @__PURE__ */ jsx18("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
+    return /* @__PURE__ */ jsx19("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
   }
 );
 var CancelledPlanNoticeRoot2 = Root6;
@@ -6104,7 +6154,7 @@ function useTransport() {
 }
 
 // src/hooks/useLimits.ts
-import { useCallback as useCallback19, useEffect as useEffect12, useRef as useRef9, useState as useState15 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect12, useRef as useRef9, useState as useState15 } from "react";
 var CACHE_TTL_MS = 1e4;
 var OPTIMISTIC_GRACE_MS = 8e3;
 var limitsCache = /* @__PURE__ */ new Map();
@@ -6152,7 +6202,7 @@ function useLimits(options) {
       if (optimisticTimerRef.current) clearTimeout(optimisticTimerRef.current);
     };
   }, []);
-  const attachToFetch = useCallback19(
+  const attachToFetch = useCallback20(
     async (promise) => {
       setLoading(true);
       try {
@@ -6169,7 +6219,7 @@ function useLimits(options) {
     },
     []
   );
-  const fetchLimits = useCallback19(
+  const fetchLimits = useCallback20(
     async (force) => {
       if (!productRef || !enabled || !transport.getLimits) {
         setLoading(false);
@@ -6210,8 +6260,8 @@ function useLimits(options) {
     }
     prevPurchasesRef.current = purchase.purchases;
   }, [purchase.purchases, fetchLimits]);
-  const refetch = useCallback19(() => fetchLimits(true), [fetchLimits]);
-  const adjustRemaining = useCallback19(
+  const refetch = useCallback20(() => fetchLimits(true), [fetchLimits]);
+  const adjustRemaining = useCallback20(
     (delta) => {
       if (!productRef || !enabled) return;
       if (unlimitedRef.current) return;
@@ -6264,7 +6314,7 @@ function useLimits(options) {
 
 // src/hooks/useUsage.ts
 import { countsUsage as countsUsage2 } from "@solvapay/core";
-import { useCallback as useCallback20, useEffect as useEffect13, useMemo as useMemo14, useState as useState16 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect13, useMemo as useMemo14, useState as useState16 } from "react";
 function deriveUsage(purchase, limits) {
   if (!purchase) return null;
   const usage = purchase.usage;
@@ -6311,7 +6361,7 @@ function useUsage() {
     setOverride(null);
   }, [activePurchaseRef]);
   const usage = override ?? derived;
-  const refetch = useCallback20(async () => {
+  const refetch = useCallback21(async () => {
     setError(null);
     if (typeof transport.getUsage === "function") {
       setTransportLoading(true);
@@ -6349,11 +6399,11 @@ function useUsage() {
 }
 
 // src/primitives/UsageMeter.tsx
-import { createContext as createContext10, forwardRef as forwardRef12, useContext as useContext15, useMemo as useMemo15 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var UsageMeterContext = createContext10(null);
+import { createContext as createContext11, forwardRef as forwardRef12, useContext as useContext16, useMemo as useMemo15 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var UsageMeterContext = createContext11(null);
 function useUsageMeterCtx(part) {
-  const ctx = useContext15(UsageMeterContext);
+  const ctx = useContext16(UsageMeterContext);
   if (!ctx) {
     throw new Error(`UsageMeter.${part} must be rendered inside <UsageMeter.Root>.`);
   }
@@ -6402,7 +6452,7 @@ var Root7 = forwardRef12(function UsageMeterRoot({
   );
   const rootClass = [classNames?.root ?? "solvapay-usage-meter", className].filter(Boolean).join(" ");
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ jsx19(UsageMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(UsageMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx20(
     Comp,
     {
       ref: forwardedRef,
@@ -6417,7 +6467,7 @@ var Root7 = forwardRef12(function UsageMeterRoot({
 var Bar = forwardRef12(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__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: forwardedRef,
@@ -6443,7 +6493,7 @@ var Label = forwardRef12(function UsageMeterLabel({ className, children, ...rest
   const copy = useCopy();
   if (!ctx.usage) return null;
   if (ctx.isUnlimited) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         ref: forwardedRef,
@@ -6463,7 +6513,7 @@ var Label = forwardRef12(function UsageMeterLabel({ className, children, ...rest
     remaining: String(ctx.usage.remaining ?? 0),
     unit
   });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       ref: forwardedRef,
@@ -6478,7 +6528,7 @@ var Percentage = forwardRef12(function UsageMeterPercentage({ className, childre
   const ctx = useUsageMeterCtx("Percentage");
   const copy = useCopy();
   if (ctx.percentUsed === null) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       ref: forwardedRef,
@@ -6502,7 +6552,7 @@ var ResetsIn = forwardRef12(function UsageMeterResetsIn({ className, children, .
   if (!periodEnd) return null;
   const label = formatResetsIn(copy, periodEnd);
   if (!label) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       ref: forwardedRef,
@@ -6517,7 +6567,7 @@ var Loading4 = forwardRef12(function UsageMeterLoading({ className, children, ..
   const ctx = useUsageMeterCtx("Loading");
   const copy = useCopy();
   if (ctx.state !== "loading") return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: forwardedRef,
@@ -6533,7 +6583,7 @@ var Empty = forwardRef12(function UsageMeterEmpty({ className, children, ...rest
   const ctx = useUsageMeterCtx("Empty");
   const copy = useCopy();
   if (ctx.loading || ctx.usage !== null) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: forwardedRef,
@@ -6558,7 +6608,7 @@ function useUsageMeter() {
 }
 
 // src/hooks/useCheckoutFlow.ts
-import { useCallback as useCallback21, useMemo as useMemo16, useRef as useRef10, useState as useState17 } from "react";
+import { useCallback as useCallback22, useMemo as useMemo16, useRef as useRef10, useState as useState17 } from "react";
 
 // src/primitives/checkout/shared.ts
 import {
@@ -6670,7 +6720,7 @@ 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 = useCallback21((code) => {
+  const setTopupCurrency = useCallback22((code) => {
     const normalized = code.toUpperCase();
     setTopupCurrencyOverride(normalized);
   }, []);
@@ -6685,7 +6735,7 @@ function useCheckoutFlow(opts) {
   const selectedPlanShape = toBootstrapPlanLike(selectedPlan);
   const branch = selectedPlanShape ? isPayg(selectedPlanShape) ? "payg" : "recurring" : null;
   const canGoBack = step === "amount" || step === "payment";
-  const selectPlan = useCallback21(
+  const selectPlan = useCallback22(
     (ref) => {
       planCtx.select(ref);
       const plan = planCtx.plans.find((p) => p.reference === ref) ?? null;
@@ -6695,7 +6745,7 @@ function useCheckoutFlow(opts) {
     },
     [planCtx]
   );
-  const selectAmount = useCallback21(
+  const selectAmount = useCallback22(
     (amountMinor) => {
       selectedAmountMinorRef.current = amountMinor;
       setSelectedAmountMinor(amountMinor);
@@ -6704,7 +6754,7 @@ function useCheckoutFlow(opts) {
     },
     [topupCurrency]
   );
-  const runActivate = useCallback21(async () => {
+  const runActivate = useCallback22(async () => {
     if (!selectedPlanShape || !selectedPlanRef) return false;
     setError(null);
     setStatus("activating");
@@ -6736,7 +6786,7 @@ function useCheckoutFlow(opts) {
       return false;
     }
   }, [balance, locale, productRef, selectedPlanRef, selectedPlanShape, transport]);
-  const advanceFromPlan = useCallback21(async () => {
+  const advanceFromPlan = useCallback22(async () => {
     if (!selectedPlanShape || !selectedPlanRef) return;
     if (branch === "payg") {
       if (planCtx.currentPlanRef === selectedPlanRef) {
@@ -6774,7 +6824,7 @@ function useCheckoutFlow(opts) {
     setError(null);
     setStep("payment");
   }, [balance, branch, locale, planCtx.currentPlanRef, runActivate, selectedPlanRef, selectedPlanShape]);
-  const recordPaygSuccess = useCallback21(
+  const recordPaygSuccess = useCallback22(
     (creditsAddedFromBackend) => {
       if (!selectedPlanShape || selectedAmountMinor == null) return;
       const currency = topupCurrency ?? "USD";
@@ -6818,7 +6868,7 @@ function useCheckoutFlow(opts) {
       transport
     ]
   );
-  const recordRecurringSuccess = useCallback21(() => {
+  const recordRecurringSuccess = useCallback22(() => {
     if (!selectedPlanShape) return;
     const pricingOption = selectedPlan ? resolvePlanPricingOption(selectedPlan, planSelection?.selectedCurrency) : {
       currency: selectedPlanShape.currency ?? "USD",
@@ -6838,7 +6888,7 @@ function useCheckoutFlow(opts) {
     setStep("success");
     onPurchaseSuccessRef.current?.(meta);
   }, [selectedPlanShape, selectedPlan, planSelection?.selectedCurrency]);
-  const advance = useCallback21(async () => {
+  const advance = useCallback22(async () => {
     if (step === "plan") {
       await advanceFromPlan();
       return;
@@ -6865,7 +6915,7 @@ function useCheckoutFlow(opts) {
     selectedAmountMinor,
     step
   ]);
-  const back = useCallback21(() => {
+  const back = useCallback22(() => {
     setError(null);
     if (step === "amount") {
       setStep("plan");
@@ -6876,7 +6926,7 @@ function useCheckoutFlow(opts) {
       return;
     }
   }, [branch, step]);
-  const reset = useCallback21(() => {
+  const reset = useCallback22(() => {
     setStep("plan");
     selectedAmountMinorRef.current = null;
     setSelectedAmountMinor(null);
@@ -6885,13 +6935,13 @@ function useCheckoutFlow(opts) {
     setStatus("idle");
     setTopupCurrencyOverride(null);
   }, []);
-  const retry = useCallback21(async () => {
+  const retry = useCallback22(async () => {
     if (status !== "error") return;
     if (step === "plan" && branch === "payg") {
       await runActivate();
     }
   }, [branch, runActivate, status, step]);
-  const notifyPaymentSuccess = useCallback21(
+  const notifyPaymentSuccess = useCallback22(
     (_intent, extras) => {
       if (branch === "payg") {
         recordPaygSuccess(extras?.creditsAdded);
@@ -6979,6 +7029,9 @@ export {
   composeEventHandlers,
   useCopy,
   useLocale,
+  ExternalLinkProvider,
+  useOpenExternal,
+  useExternalLinkClick,
   LegalFooter,
   withPaymentElementDefaults,
   MissingProviderError,
@@ -7106,6 +7159,7 @@ export {
   buildDefaultCheckoutPlanFilter,
   formatContinueLabel,
   planBillingInterval,
+  formatPaygRate,
   inferIncludedUnits,
   planMeterName,
   shortCycle,