@solvapay/react 2.1.1 → 2.2.0-preview-e3e546693c002c32f128d83bf6c5fe76ac182a79

package/dist/primitives/index.d.cts

@@ -1,12 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { Ref } from 'react';
-import { b as Plan, y as Product, r as UseTopupAmountSelectorReturn, x as PurchaseInfo, T as TopupFormProps, c as SaveAutoRechargeResponse, t as AutoRechargeConfig } from '../shared-D0hmT1qU.cjs';
-export { D as BootstrapPlanLike, E as CheckoutStep, O as SuccessMeta } from '../shared-D0hmT1qU.cjs';
+import { b as Plan, z as Product, s as UseTopupAmountSelectorReturn, y as PurchaseInfo, T as TopupFormProps, c as SaveAutoRechargeResponse, u as AutoRechargeConfig } from '../useUsage-CTgRBvFK.cjs';
+export { B as BootstrapPlanLike, E as CheckoutStep, O as SuccessMeta } from '../useUsage-CTgRBvFK.cjs';
 import { TaxBreakdown, BusinessDetailsInput } from '@solvapay/core';
-import { A as AutoRechargeInputPayload, I as AmountInputUnit, J as AutoRechargeFormState, l as PaywallStructuredContent, U as UsageSnapshot } from '../index-SylJb9Rh.cjs';
-export { K as ActivationFlow, L as ActivationFlowActivateButton, N as ActivationFlowActivated, O as ActivationFlowAmountPicker, Q as ActivationFlowContinueButton, R as ActivationFlowError, S as ActivationFlowLoading, T as ActivationFlowRetrying, V as ActivationFlowRoot, m as ActivationFlowStep, W as ActivationFlowSummary, B as BalanceBadge, n as CancelPlanButton, p as CheckoutStatus, q as CheckoutSteps, X as CheckoutStepsAmountContinueButton, Y as CheckoutStepsAmountPicker, Z as CheckoutStepsBackLink, _ as CheckoutStepsIfStep, $ as CheckoutStepsPayment, a0 as CheckoutStepsPlanContinueButton, a1 as CheckoutStepsPlanGrid, a2 as CheckoutStepsRoot, a3 as CheckoutStepsStepHeading, a4 as CheckoutStepsStepMessage, a5 as CheckoutStepsSuccess, M as MandateText, t as MandateTextProps, a6 as PaymentForm, j as PaymentFormBusinessDetails, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a7 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, k as PaymentFormTaxSummary, e as PaymentFormTermsCheckbox, u as PlanBadge, v as ProductBadge, w as PurchaseGate, a8 as PurchaseGateAllowed, a9 as PurchaseGateBlocked, aa as PurchaseGateError, ab as PurchaseGateLoading, ac as PurchaseGateRoot, ad as useActivationFlow, G as useCheckoutStepsContext, ae as usePurchaseGate } from '../index-SylJb9Rh.cjs';
+import { A as AutoRechargeInputPayload, F as AmountInputUnit, G as AutoRechargeFormState, l as PaywallStructuredContent } from '../index-BJGjKUtC.cjs';
+export { H as ActivationFlow, I as ActivationFlowActivateButton, J as ActivationFlowActivated, K as ActivationFlowAmountPicker, L as ActivationFlowContinueButton, N as ActivationFlowError, O as ActivationFlowLoading, Q as ActivationFlowRetrying, R as ActivationFlowRoot, m as ActivationFlowStep, S as ActivationFlowSummary, B as BalanceBadge, n as CancelPlanButton, p as CheckoutStatus, q as CheckoutSteps, T as CheckoutStepsAmountContinueButton, V as CheckoutStepsAmountPicker, W as CheckoutStepsBackLink, X as CheckoutStepsIfStep, Y as CheckoutStepsPayment, Z as CheckoutStepsPlanContinueButton, _ as CheckoutStepsPlanGrid, $ as CheckoutStepsRoot, a0 as CheckoutStepsStepHeading, a1 as CheckoutStepsStepMessage, a2 as CheckoutStepsSuccess, M as MandateText, t as MandateTextProps, a3 as PaymentForm, j as PaymentFormBusinessDetails, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a4 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, k as PaymentFormTaxSummary, e as PaymentFormTermsCheckbox, u as PlanBadge, v as ProductBadge, w as PurchaseGate, a5 as PurchaseGateAllowed, a6 as PurchaseGateBlocked, a7 as PurchaseGateError, a8 as PurchaseGateLoading, a9 as PurchaseGateRoot, aa as useActivationFlow, E as useCheckoutStepsContext, ab as usePurchaseGate } from '../index-BJGjKUtC.cjs';
 import { PaymentElement } from '@stripe/react-stripe-js';
 import { Stripe, StripeElements } from '@stripe/stripe-js';
+export { a as UsageMeter, B as UsageMeterBar, b as UsageMeterClassNames, E as UsageMeterEmpty, L as UsageMeterLabel, c as UsageMeterLoading, P as UsageMeterPercentage, R as UsageMeterResetsIn, d as UsageMeterRoot, U as UsageMeterRootProps, u as useUsageMeter } from '../UsageMeter-rga6cyfB.cjs';
 import '../adapters/auth.cjs';
 
 type PlanPricingOption = {
@@ -612,6 +613,12 @@ declare const TopupFormBusinessDetails: {
     readonly Country: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLSelectElement>>;
+    readonly State: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>;
+    readonly PostalCode: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>;
     readonly TaxId: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLInputElement>>;
@@ -672,6 +679,12 @@ declare const TopupForm: {
         readonly Country: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
             asChild?: boolean;
         } & React.RefAttributes<HTMLSelectElement>>;
+        readonly State: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+            asChild?: boolean;
+        } & React.RefAttributes<HTMLInputElement>>;
+        readonly PostalCode: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+            asChild?: boolean;
+        } & React.RefAttributes<HTMLInputElement>>;
         readonly TaxId: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
             asChild?: boolean;
         } & React.RefAttributes<HTMLInputElement>>;
@@ -972,7 +985,7 @@ interface PaywallNoticeRootProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     classNames?: PaywallNoticeClassNames;
     asChild?: boolean;
 }
-declare const Root$1: React.ForwardRefExoticComponent<PaywallNoticeRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.ForwardRefExoticComponent<PaywallNoticeRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLHeadingElement>>;
@@ -1050,74 +1063,4 @@ declare const PaywallNotice: React.ForwardRefExoticComponent<PaywallNoticeRootPr
 
 declare function usePaywallNotice(): PaywallNoticeContextValue;
 
-/**
- * `<UsageMeter>` compound primitive — renders the authenticated customer's
- * usage against their plan quota.
- *
- * Composes `useUsage()` internally so integrators only render the leaf
- * primitives they care about. Leaves render `null` when the active plan
- * isn't usage-based, so dropping the compound into any account page is
- * safe.
- *
- * State:
- *  - root / bar `data-state="safe" | "warning" | "critical" | "loading"`
- *  - root `data-solvapay-usage-meter`
- *  - bar  `data-solvapay-usage-meter-bar`
- */
-
-type UsageMeterState = 'safe' | 'warning' | 'critical' | 'loading';
-interface UsageMeterContextValue {
-    usage: UsageSnapshot | null;
-    loading: boolean;
-    error: Error | null;
-    percentUsed: number | null;
-    isApproachingLimit: boolean;
-    isAtLimit: boolean;
-    isUnlimited: boolean;
-    state: UsageMeterState;
-    warningAt: number;
-    criticalAt: number;
-}
-interface UsageMeterClassNames {
-    root?: string;
-    bar?: string;
-    label?: string;
-    percentage?: string;
-    resetsIn?: string;
-    loading?: string;
-    empty?: string;
-    error?: string;
-}
-interface UsageMeterRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Percent at which the bar flips to `data-state="warning"`. Default 75. */
-    warningAt?: number;
-    /** Percent at which the bar flips to `data-state="critical"`. Default 90. */
-    criticalAt?: number;
-    classNames?: UsageMeterClassNames;
-    asChild?: boolean;
-    /**
-     * Override the usage snapshot rather than reading from `useUsage`.
-     * Mostly useful for tests / Storybook demos.
-     */
-    usageOverride?: UsageSnapshot | null;
-}
-declare const Root: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const Bar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const Percentage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const ResetsIn: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const Loading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const UsageMeter: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>> & {
-    Root: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>>;
-    Bar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    Percentage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    ResetsIn: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    Loading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare function useUsageMeter(): UsageMeterContextValue;
-
-export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, AutoRecharge, AutoRechargeActions, AutoRechargeAmountField, AutoRechargeBody, AutoRechargeCancelButton, AutoRechargeCard, AutoRechargeCardHeading, AutoRechargeCardSetup, AutoRechargeCardSummary, AutoRechargeContent, AutoRechargeDescription, AutoRechargeDisableButton, AutoRechargeEnableQuestion, AutoRechargeEnableRow, AutoRechargeEnableSentence, AutoRechargeEnableSwitch, AutoRechargeError, AutoRechargeFields, AutoRechargeFormState, AutoRechargeHeader, AutoRechargeHint, AutoRechargeInputPayload, AutoRechargeLoading, AutoRechargeMaxMonthlySpendField, AutoRechargeMonthlySpend, AutoRechargeOverlay, AutoRechargeRoot, AutoRechargeSaveButton, AutoRechargeSetup, AutoRechargeStatus, AutoRechargeStatusMessage, AutoRechargeSummary, AutoRechargeThresholdField, AutoRechargeTitle, AutoRechargeTopupField, AutoRechargeTrigger, AutoRechargeUnitToggle, AutoRechargeValidationError, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummarySubtotal, CheckoutSummaryTax, CheckoutSummaryTaxNote, CheckoutSummaryTaxTreatmentNote, CheckoutSummaryTotal, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormBusinessDetails, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, TopupFormSummary, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useAutoRechargeForm, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };
+export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, AutoRecharge, AutoRechargeActions, AutoRechargeAmountField, AutoRechargeBody, AutoRechargeCancelButton, AutoRechargeCard, AutoRechargeCardHeading, AutoRechargeCardSetup, AutoRechargeCardSummary, AutoRechargeContent, AutoRechargeDescription, AutoRechargeDisableButton, AutoRechargeEnableQuestion, AutoRechargeEnableRow, AutoRechargeEnableSentence, AutoRechargeEnableSwitch, AutoRechargeError, AutoRechargeFields, AutoRechargeFormState, AutoRechargeHeader, AutoRechargeHint, AutoRechargeInputPayload, AutoRechargeLoading, AutoRechargeMaxMonthlySpendField, AutoRechargeMonthlySpend, AutoRechargeOverlay, AutoRechargeRoot, AutoRechargeSaveButton, AutoRechargeSetup, AutoRechargeStatus, AutoRechargeStatusMessage, AutoRechargeSummary, AutoRechargeThresholdField, AutoRechargeTitle, AutoRechargeTopupField, AutoRechargeTrigger, AutoRechargeUnitToggle, AutoRechargeValidationError, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummarySubtotal, CheckoutSummaryTax, CheckoutSummaryTaxNote, CheckoutSummaryTaxTreatmentNote, CheckoutSummaryTotal, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormBusinessDetails, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, TopupFormSummary, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useAutoRechargeForm, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm };

package/dist/primitives/index.d.ts

@@ -1,12 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { Ref } from 'react';
-import { b as Plan, y as Product, r as UseTopupAmountSelectorReturn, x as PurchaseInfo, T as TopupFormProps, c as SaveAutoRechargeResponse, t as AutoRechargeConfig } from '../shared-CUl6mTC1.js';
-export { D as BootstrapPlanLike, E as CheckoutStep, O as SuccessMeta } from '../shared-CUl6mTC1.js';
+import { b as Plan, z as Product, s as UseTopupAmountSelectorReturn, y as PurchaseInfo, T as TopupFormProps, c as SaveAutoRechargeResponse, u as AutoRechargeConfig } from '../useUsage-CMqxEF9d.js';
+export { B as BootstrapPlanLike, E as CheckoutStep, O as SuccessMeta } from '../useUsage-CMqxEF9d.js';
 import { TaxBreakdown, BusinessDetailsInput } from '@solvapay/core';
-import { A as AutoRechargeInputPayload, I as AmountInputUnit, J as AutoRechargeFormState, l as PaywallStructuredContent, U as UsageSnapshot } from '../index-CBWGkBqF.js';
-export { K as ActivationFlow, L as ActivationFlowActivateButton, N as ActivationFlowActivated, O as ActivationFlowAmountPicker, Q as ActivationFlowContinueButton, R as ActivationFlowError, S as ActivationFlowLoading, T as ActivationFlowRetrying, V as ActivationFlowRoot, m as ActivationFlowStep, W as ActivationFlowSummary, B as BalanceBadge, n as CancelPlanButton, p as CheckoutStatus, q as CheckoutSteps, X as CheckoutStepsAmountContinueButton, Y as CheckoutStepsAmountPicker, Z as CheckoutStepsBackLink, _ as CheckoutStepsIfStep, $ as CheckoutStepsPayment, a0 as CheckoutStepsPlanContinueButton, a1 as CheckoutStepsPlanGrid, a2 as CheckoutStepsRoot, a3 as CheckoutStepsStepHeading, a4 as CheckoutStepsStepMessage, a5 as CheckoutStepsSuccess, M as MandateText, t as MandateTextProps, a6 as PaymentForm, j as PaymentFormBusinessDetails, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a7 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, k as PaymentFormTaxSummary, e as PaymentFormTermsCheckbox, u as PlanBadge, v as ProductBadge, w as PurchaseGate, a8 as PurchaseGateAllowed, a9 as PurchaseGateBlocked, aa as PurchaseGateError, ab as PurchaseGateLoading, ac as PurchaseGateRoot, ad as useActivationFlow, G as useCheckoutStepsContext, ae as usePurchaseGate } from '../index-CBWGkBqF.js';
+import { A as AutoRechargeInputPayload, F as AmountInputUnit, G as AutoRechargeFormState, l as PaywallStructuredContent } from '../index-PsjS_d7V.js';
+export { H as ActivationFlow, I as ActivationFlowActivateButton, J as ActivationFlowActivated, K as ActivationFlowAmountPicker, L as ActivationFlowContinueButton, N as ActivationFlowError, O as ActivationFlowLoading, Q as ActivationFlowRetrying, R as ActivationFlowRoot, m as ActivationFlowStep, S as ActivationFlowSummary, B as BalanceBadge, n as CancelPlanButton, p as CheckoutStatus, q as CheckoutSteps, T as CheckoutStepsAmountContinueButton, V as CheckoutStepsAmountPicker, W as CheckoutStepsBackLink, X as CheckoutStepsIfStep, Y as CheckoutStepsPayment, Z as CheckoutStepsPlanContinueButton, _ as CheckoutStepsPlanGrid, $ as CheckoutStepsRoot, a0 as CheckoutStepsStepHeading, a1 as CheckoutStepsStepMessage, a2 as CheckoutStepsSuccess, M as MandateText, t as MandateTextProps, a3 as PaymentForm, j as PaymentFormBusinessDetails, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a4 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, k as PaymentFormTaxSummary, e as PaymentFormTermsCheckbox, u as PlanBadge, v as ProductBadge, w as PurchaseGate, a5 as PurchaseGateAllowed, a6 as PurchaseGateBlocked, a7 as PurchaseGateError, a8 as PurchaseGateLoading, a9 as PurchaseGateRoot, aa as useActivationFlow, E as useCheckoutStepsContext, ab as usePurchaseGate } from '../index-PsjS_d7V.js';
 import { PaymentElement } from '@stripe/react-stripe-js';
 import { Stripe, StripeElements } from '@stripe/stripe-js';
+export { a as UsageMeter, B as UsageMeterBar, b as UsageMeterClassNames, E as UsageMeterEmpty, L as UsageMeterLabel, c as UsageMeterLoading, P as UsageMeterPercentage, R as UsageMeterResetsIn, d as UsageMeterRoot, U as UsageMeterRootProps, u as useUsageMeter } from '../UsageMeter-BhxNHeRM.js';
 import '../adapters/auth.js';
 
 type PlanPricingOption = {
@@ -612,6 +613,12 @@ declare const TopupFormBusinessDetails: {
     readonly Country: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLSelectElement>>;
+    readonly State: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>;
+    readonly PostalCode: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLInputElement>>;
     readonly TaxId: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLInputElement>>;
@@ -672,6 +679,12 @@ declare const TopupForm: {
         readonly Country: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
             asChild?: boolean;
         } & React.RefAttributes<HTMLSelectElement>>;
+        readonly State: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+            asChild?: boolean;
+        } & React.RefAttributes<HTMLInputElement>>;
+        readonly PostalCode: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+            asChild?: boolean;
+        } & React.RefAttributes<HTMLInputElement>>;
         readonly TaxId: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
             asChild?: boolean;
         } & React.RefAttributes<HTMLInputElement>>;
@@ -972,7 +985,7 @@ interface PaywallNoticeRootProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     classNames?: PaywallNoticeClassNames;
     asChild?: boolean;
 }
-declare const Root$1: React.ForwardRefExoticComponent<PaywallNoticeRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.ForwardRefExoticComponent<PaywallNoticeRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLHeadingElement>>;
@@ -1050,74 +1063,4 @@ declare const PaywallNotice: React.ForwardRefExoticComponent<PaywallNoticeRootPr
 
 declare function usePaywallNotice(): PaywallNoticeContextValue;
 
-/**
- * `<UsageMeter>` compound primitive — renders the authenticated customer's
- * usage against their plan quota.
- *
- * Composes `useUsage()` internally so integrators only render the leaf
- * primitives they care about. Leaves render `null` when the active plan
- * isn't usage-based, so dropping the compound into any account page is
- * safe.
- *
- * State:
- *  - root / bar `data-state="safe" | "warning" | "critical" | "loading"`
- *  - root `data-solvapay-usage-meter`
- *  - bar  `data-solvapay-usage-meter-bar`
- */
-
-type UsageMeterState = 'safe' | 'warning' | 'critical' | 'loading';
-interface UsageMeterContextValue {
-    usage: UsageSnapshot | null;
-    loading: boolean;
-    error: Error | null;
-    percentUsed: number | null;
-    isApproachingLimit: boolean;
-    isAtLimit: boolean;
-    isUnlimited: boolean;
-    state: UsageMeterState;
-    warningAt: number;
-    criticalAt: number;
-}
-interface UsageMeterClassNames {
-    root?: string;
-    bar?: string;
-    label?: string;
-    percentage?: string;
-    resetsIn?: string;
-    loading?: string;
-    empty?: string;
-    error?: string;
-}
-interface UsageMeterRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Percent at which the bar flips to `data-state="warning"`. Default 75. */
-    warningAt?: number;
-    /** Percent at which the bar flips to `data-state="critical"`. Default 90. */
-    criticalAt?: number;
-    classNames?: UsageMeterClassNames;
-    asChild?: boolean;
-    /**
-     * Override the usage snapshot rather than reading from `useUsage`.
-     * Mostly useful for tests / Storybook demos.
-     */
-    usageOverride?: UsageSnapshot | null;
-}
-declare const Root: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const Bar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const Percentage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const ResetsIn: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare const Loading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const UsageMeter: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>> & {
-    Root: React.ForwardRefExoticComponent<UsageMeterRootProps & React.RefAttributes<HTMLDivElement>>;
-    Bar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    Percentage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    ResetsIn: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    Loading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare function useUsageMeter(): UsageMeterContextValue;
-
-export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, AutoRecharge, AutoRechargeActions, AutoRechargeAmountField, AutoRechargeBody, AutoRechargeCancelButton, AutoRechargeCard, AutoRechargeCardHeading, AutoRechargeCardSetup, AutoRechargeCardSummary, AutoRechargeContent, AutoRechargeDescription, AutoRechargeDisableButton, AutoRechargeEnableQuestion, AutoRechargeEnableRow, AutoRechargeEnableSentence, AutoRechargeEnableSwitch, AutoRechargeError, AutoRechargeFields, AutoRechargeFormState, AutoRechargeHeader, AutoRechargeHint, AutoRechargeInputPayload, AutoRechargeLoading, AutoRechargeMaxMonthlySpendField, AutoRechargeMonthlySpend, AutoRechargeOverlay, AutoRechargeRoot, AutoRechargeSaveButton, AutoRechargeSetup, AutoRechargeStatus, AutoRechargeStatusMessage, AutoRechargeSummary, AutoRechargeThresholdField, AutoRechargeTitle, AutoRechargeTopupField, AutoRechargeTrigger, AutoRechargeUnitToggle, AutoRechargeValidationError, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummarySubtotal, CheckoutSummaryTax, CheckoutSummaryTaxNote, CheckoutSummaryTaxTreatmentNote, CheckoutSummaryTotal, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormBusinessDetails, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, TopupFormSummary, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useAutoRechargeForm, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };
+export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, AutoRecharge, AutoRechargeActions, AutoRechargeAmountField, AutoRechargeBody, AutoRechargeCancelButton, AutoRechargeCard, AutoRechargeCardHeading, AutoRechargeCardSetup, AutoRechargeCardSummary, AutoRechargeContent, AutoRechargeDescription, AutoRechargeDisableButton, AutoRechargeEnableQuestion, AutoRechargeEnableRow, AutoRechargeEnableSentence, AutoRechargeEnableSwitch, AutoRechargeError, AutoRechargeFields, AutoRechargeFormState, AutoRechargeHeader, AutoRechargeHint, AutoRechargeInputPayload, AutoRechargeLoading, AutoRechargeMaxMonthlySpendField, AutoRechargeMonthlySpend, AutoRechargeOverlay, AutoRechargeRoot, AutoRechargeSaveButton, AutoRechargeSetup, AutoRechargeStatus, AutoRechargeStatusMessage, AutoRechargeSummary, AutoRechargeThresholdField, AutoRechargeTitle, AutoRechargeTopupField, AutoRechargeTrigger, AutoRechargeUnitToggle, AutoRechargeValidationError, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummarySubtotal, CheckoutSummaryTax, CheckoutSummaryTaxNote, CheckoutSummaryTaxTreatmentNote, CheckoutSummaryTotal, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormBusinessDetails, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, TopupFormSummary, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useAutoRechargeForm, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm };

package/dist/primitives/index.js

@@ -46,6 +46,7 @@ import {
   AutoRechargeUnitToggle,
   AutoRechargeValidationError,
   Balance,
+  CancelPlanButton,
   CheckoutSteps,
   CheckoutStepsAmountContinueButton,
   CheckoutStepsAmountPicker,
@@ -88,7 +89,7 @@ import {
   useCreditGate,
   usePaywallNotice,
   usePurchaseGate
-} from "../chunk-HQH6KSXJ.js";
+} from "../chunk-X65JBC2A.js";
 import {
   AmountPicker,
   AmountPickerConfirm,
@@ -97,7 +98,6 @@ import {
   AmountPickerRoot,
   BalanceBadge,
   Bar,
-  CancelPlanButton,
   CancelledPlanNotice,
   CancelledPlanNoticeAccessUntil,
   CancelledPlanNoticeCancelledOn,
@@ -175,7 +175,7 @@ import {
   usePlanSelector,
   useTopupForm,
   useUsageMeter
-} from "../chunk-LL6AYSTC.js";
+} from "../chunk-VTGYZIE2.js";
 import "../chunk-UMXOAUW7.js";
 import "../chunk-MLKGABMK.js";
 export {

package/dist/styles.css

@@ -9,17 +9,25 @@
  */
 
 :root {
-  --solvapay-accent: hsl(222 47% 11%);
-  --solvapay-accent-foreground: hsl(0 0% 98%);
-  --solvapay-accent-hover: hsl(222 47% 20%);
-  --solvapay-surface: hsl(0 0% 100%);
-  --solvapay-muted: hsl(210 40% 96%);
-  --solvapay-muted-foreground: hsl(215 16% 47%);
-  --solvapay-border: hsl(214 32% 91%);
-  --solvapay-destructive: hsl(0 72% 51%);
+  color-scheme: light dark;
+  --solvapay-accent: light-dark(#000000, #E8E8E8);
+  --solvapay-accent-foreground: light-dark(#FFFFFF, #171717);
+  --solvapay-accent-text: var(--solvapay-accent-foreground);
+  --solvapay-accent-hover: light-dark(#2A2A2A, #FFFFFF);
+  --solvapay-surface: light-dark(#FFFFFF, #171717);
+  --solvapay-muted: light-dark(#F4F4F4, #262626);
+  --solvapay-muted-foreground: light-dark(#6B6A67, #A3A29E);
+  --solvapay-border: light-dark(#D9D9D9, #3A3A3A);
+  --solvapay-destructive: light-dark(#C4322A, #F97066);
+  --solvapay-danger: var(--solvapay-destructive);
+  --solvapay-identifier: light-dark(#65659B, #9B9BE0);
+  --solvapay-selection: light-dark(#4D89A2, #6B9CAE);
+  --solvapay-selection-wash: light-dark(#F2F7F9, #1C2B34);
+  --solvapay-row-hover: light-dark(#FAFAFA, #1F1F1F);
+  --solvapay-control-hover: light-dark(#F5F5F5, #2A2A2A);
   --solvapay-warning: hsl(38 92% 50%);
   --solvapay-success: hsl(142 71% 45%);
-  --solvapay-radius: 0.5rem;
+  --solvapay-radius: 8px;
   --solvapay-font: inherit;
 }
 
@@ -662,6 +670,13 @@
   padding: 0;
 }
 
+[data-solvapay-payment-form-business-details-fields],
+[data-solvapay-topup-form-business-details-fields] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
 .solvapay-checkout-business-toggle,
 [data-solvapay-payment-form-business-details-toggle],
 [data-solvapay-topup-form-business-details-toggle] {
@@ -705,9 +720,13 @@
 
 [data-solvapay-payment-form-business-details-name],
 [data-solvapay-payment-form-business-details-country],
+[data-solvapay-payment-form-business-details-state],
+[data-solvapay-payment-form-business-details-postal],
 [data-solvapay-payment-form-business-details-tax-id],
 [data-solvapay-topup-form-business-details-name],
 [data-solvapay-topup-form-business-details-country],
+[data-solvapay-topup-form-business-details-state],
+[data-solvapay-topup-form-business-details-postal],
 [data-solvapay-topup-form-business-details-tax-id] {
   width: 100%;
   height: 2.5rem;
@@ -722,9 +741,13 @@
 
 [data-solvapay-payment-form-business-details-name]:focus,
 [data-solvapay-payment-form-business-details-country]:focus,
+[data-solvapay-payment-form-business-details-state]:focus,
+[data-solvapay-payment-form-business-details-postal]:focus,
 [data-solvapay-payment-form-business-details-tax-id]:focus,
 [data-solvapay-topup-form-business-details-name]:focus,
 [data-solvapay-topup-form-business-details-country]:focus,
+[data-solvapay-topup-form-business-details-state]:focus,
+[data-solvapay-topup-form-business-details-postal]:focus,
 [data-solvapay-topup-form-business-details-tax-id]:focus {
   outline: none;
   border-color: var(--solvapay-accent);
@@ -1804,6 +1827,13 @@
   line-height: 1.5;
 }
 
+/* Mandate now follows the CTA (Stripe pattern). Pull it back against the
+ * container's flex gap so it reads as a caption on the button. */
+[data-solvapay-payment-form-submit] + [data-solvapay-mandate-text],
+[data-solvapay-topup-form-submit] + [data-solvapay-mandate-text] {
+  margin-top: -0.5rem;
+}
+
 /*
  * Inline merchant terms / privacy links inside the mandate sentence.
  * Stays visually quiet (color: inherit, no underline by default) so
@@ -1869,6 +1899,26 @@
   font-variant-numeric: tabular-nums;
 }
 
+/* Captioned value pair (`showFieldLabels`). The label rides directly
+ * above its value, so the pair needs a tighter gap than the card's
+ * line-to-line rhythm — otherwise the caption reads as a sibling fact
+ * rather than as the value's label. */
+[data-solvapay-current-plan-field],
+.solvapay-current-plan-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+[data-solvapay-current-plan-field-label],
+.solvapay-current-plan-field-label {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--solvapay-muted-foreground);
+}
+
 [data-solvapay-current-plan-next-billing],
 [data-solvapay-current-plan-expires],
 .solvapay-current-plan-date-line {
@@ -1891,7 +1941,7 @@
   margin-top: 0.125rem;
   padding: 0.125rem 0.375rem;
   border-radius: 4px;
-  background: var(--solvapay-muted, #f1f5f9);
+  background: var(--solvapay-muted);
   color: var(--solvapay-muted-foreground);
   font-family:
     ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',