@nozle-js/react 0.5.2 → 0.7.0

package/dist/index.d.ts

@@ -1,128 +1,78 @@
-import React, { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
 
-interface CanResult {
-    allowed: boolean;
-    remaining: number | null;
-    limit: number | null;
-    used: number;
-    error?: string | null;
+interface CompletedCheckoutResult {
+    type: 'completed';
+    status: string;
+    payment_source?: string;
+    subscription_id?: string;
+    plan_code?: string;
+    invoice_id?: string;
+    amount_cents?: number;
+    currency?: string;
 }
+interface ScheduledCheckoutResult {
+    type: 'scheduled';
+    status: string;
+    subscription_id?: string;
+    plan_code?: string;
+}
+type CheckoutResult = {
+    type: 'stripe';
+    url?: string;
+    clientSecret?: string;
+    client_secret?: string;
+} | {
+    type: 'razorpay';
+    orderId: string;
+} | CompletedCheckoutResult | ScheduledCheckoutResult | {
+    url: string;
+};
+interface CreateCheckoutInput {
+    planCode: string;
+    returnUrl: string;
+}
+type CreateCheckout = (input: CreateCheckoutInput) => Promise<CheckoutResult>;
 interface NozleClient {
-    apiKey: string;
+    publishableKey: string;
     baseUrl: string;
-    fetch(path: string, init?: RequestInit): Promise<Response>;
-    can(customerId: string, feature: string): Promise<CanResult>;
+    catalogFetch(path: string, init?: RequestInit): Promise<Response>;
 }
 interface BillingContextValue {
-    client: NozleClient | null;
-    workspaceId: string;
-    centrifugoUrl: string;
-    centrifugoToken: string | null;
+    client: NozleClient;
+    createCheckout?: CreateCheckout;
 }
-declare const BillingContext: React.Context<BillingContextValue>;
+declare const BillingContext: React__default.Context<BillingContextValue | null>;
 interface BillingProviderProps {
-    apiKey: string;
+    publishableKey: string;
+    createCheckout?: CreateCheckout;
     baseUrl?: string;
-    workspaceId?: string;
-    centrifugoUrl?: string;
     children: ReactNode;
 }
-declare function BillingProvider({ apiKey, baseUrl, workspaceId, centrifugoUrl, children, }: BillingProviderProps): React.ReactElement;
+declare function BillingProvider({ publishableKey, createCheckout, baseUrl, children, }: BillingProviderProps): React__default.ReactElement;
+declare function useOptionalBillingContext(): BillingContextValue | null;
 declare function useBillingContext(): BillingContextValue;
 declare function useNozleClient(): NozleClient;
 
-/**
- * useCan hook — check whether a customer can use a feature.
- * SDK-03: Calls client.can() for initial state, then subscribes to Centrifugo
- * workspace:{id}:entitlements channel for live updates.
- *
- * CONTEXT.md hard requirement: NO setInterval polling — Centrifugo WebSocket only.
- */
-interface CanState {
-    allowed: boolean;
-    remaining: number | null;
-    limit: number | null;
-    loading: boolean;
-    error: string | null;
-}
-/**
- * Check whether a customer is entitled to a feature.
- * Subscribes to Centrifugo workspace:{workspaceId}:entitlements channel for live updates.
- * No polling — WebSocket only per CONTEXT.md locked decision.
- *
- * @param customerId - Customer ID to check entitlement for
- * @param featureKey - Feature key to check
- * @returns CanState with allowed, remaining, limit, loading, error
- */
-declare function useCan(customerId: string, featureKey: string): CanState;
-
-/**
- * useUsage hook — fetch usage data for a customer metric.
- * Calls GET /api/v1/usage/:customerId/:metricKey via client's fetch wrapper.
- */
-interface UsageState {
-    value: number | null;
-    loading: boolean;
-    error: string | null;
-}
-/**
- * Fetch usage for a customer metric.
- *
- * @param customerId - Customer ID to fetch usage for
- * @param metricKey - Metric key to fetch
- * @returns UsageState with value, loading, error
- */
-declare function useUsage(customerId: string, metricKey: string): UsageState;
-
-/**
- * useCredits hook — fetch credit balance for a customer.
- * Calls GET /api/v1/credits/:customerId/balance via client's fetch wrapper.
- */
-interface CreditsState {
-    balance: number | null;
-    loading: boolean;
-    error: string | null;
+interface Plan$1 {
+    code: string;
+    name: string;
+    amount_cents: number;
+    amount_currency: string;
+    interval: string;
 }
-/**
- * Fetch credit balance for a customer.
- *
- * @param customerId - Customer ID to fetch credit balance for
- * @returns CreditsState with balance, loading, error
- */
-declare function useCredits(customerId: string): CreditsState;
-
-/**
- * BillingPortalProvider — Context wrapper for embeddable SDK components.
- * UI-01: Wraps children and exposes a React context with { customerId, apiKey }.
- * Components inside can consume this via the useBillingPortal() hook.
- *
- * Internally renders BillingProvider so all billing hooks work inside.
- */
+declare function usePlans(): {
+    plans: Plan$1[];
+    isLoading: boolean;
+};
 
-interface BillingPortalContextValue {
-    customerId: string;
-    apiKey: string;
-}
-declare function useBillingPortal(): BillingPortalContextValue;
-interface BillingPortalProviderProps {
-    customerId: string;
-    apiKey: string;
-    children: ReactNode;
+interface UseCheckoutResult$1 {
+    fetchClientSecret: (planCode: string, returnUrl?: string) => Promise<string | null>;
+    checkout: CheckoutResult | null;
+    isLoading: boolean;
+    error: Error | null;
 }
-/**
- * BillingPortalProvider wraps your embedded billing UI and provides
- * { customerId, apiKey } context to all nested SDK components.
- *
- * Usage:
- * ```tsx
- * <BillingPortalProvider customerId="cus_xxx" apiKey="bsr_pk_xxx">
- *   <PricingTable plans={plans} />
- *   <FeatureGate feature="analytics" />
- * </BillingPortalProvider>
- * ```
- */
-declare function BillingPortalProvider({ customerId, apiKey, children, }: BillingPortalProviderProps): React.ReactElement;
+declare function useCheckout$1(): UseCheckoutResult$1;
 
 interface PricingPlan {
     code: string;
@@ -133,17 +83,20 @@ interface PricingPlan {
     description?: string;
 }
 interface PricingTableProps {
-    customerId?: string;
     currentPlanCode?: string;
     plans?: PricingPlan[];
     features?: string[][];
     onSelect?: (plan: PricingPlan) => void;
+    returnUrl?: string;
+    onStripeClientSecret?: (clientSecret: string) => void;
+    onCheckoutResult?: (result: CheckoutResult) => void;
+    onCheckoutError?: (error: Error) => void;
     showToggle?: boolean;
     highlightPlan?: string;
     className?: string;
     enterpriseEmail?: string;
 }
-declare function PricingTable({ customerId, currentPlanCode, plans: propPlans, features, onSelect, showToggle, highlightPlan, className, enterpriseEmail, }: PricingTableProps): React.ReactElement;
+declare function PricingTable({ currentPlanCode, plans: propPlans, features, onSelect, returnUrl, onStripeClientSecret, onCheckoutResult, onCheckoutError, showToggle, highlightPlan, className, enterpriseEmail, }: PricingTableProps): React__default.ReactElement;
 
 /**
  * PlanCard — Individual pricing plan card component.
@@ -162,14 +115,15 @@ interface Plan {
 interface PlanCardProps extends Plan {
     isAnnual: boolean;
     isCurrent: boolean;
-    onSelect?: () => void;
+    returnUrl?: string;
+    onSelect?: (input: CreateCheckoutInput) => void;
     children?: ReactNode;
 }
 /**
  * PlanCard renders a single pricing plan.
  * Highlighted with aria-current="true" when isCurrent=true.
  */
-declare function PlanCard({ id, name, monthlyPrice, annualPrice, features, description, isAnnual, isCurrent, onSelect, }: PlanCardProps): React.ReactElement;
+declare function PlanCard({ id, name, monthlyPrice, annualPrice, features, description, isAnnual, isCurrent, returnUrl, onSelect, }: PlanCardProps): React__default.ReactElement;
 
 /**
  * PlanComparison — Side-by-side feature comparison table.
@@ -200,40 +154,24 @@ interface PlanComparisonProps {
  * />
  * ```
  */
-declare function PlanComparison({ plans, features, }: PlanComparisonProps): React.ReactElement;
-
-/**
- * CheckoutButton — Initiates checkout for a plan.
- * UI-02: Calls POST /api/v1/checkout, detects processor type from the response,
- * and branches to the appropriate payment flow:
- *   - Stripe hosted checkout: redirect to url
- *   - Stripe embedded Elements: emit clientSecret via onStripeClientSecret callback
- *   - Razorpay: inject Razorpay.js and open the checkout modal
- *   - Legacy (no type): redirect to url for backwards compatibility
- * Uses CSS variable theming with --nozle-* namespace.
- */
+declare function PlanComparison({ plans, features, }: PlanComparisonProps): React__default.ReactElement;
 
 interface CheckoutButtonProps {
-    planId: string;
+    planCode: string;
+    returnUrl?: string;
     label?: string;
-    apiBaseUrl?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     onError?: (error: Error) => void;
-    /** Required for Razorpay checkout path — the Razorpay publishable key (key_id). */
     razorpayKeyId?: string;
-    /** Called with the Stripe Payment Intent / Checkout Session client secret
-     *  when the BFF returns type:'stripe' without a hosted url.
-     *  The host app is responsible for mounting Stripe Elements. */
     onStripeClientSecret?: (clientSecret: string) => void;
-    /** Called with the Razorpay payment ID after a successful Razorpay payment. */
     onSuccess?: (paymentId: string) => void;
+    onComplete?: (result: CompletedCheckoutResult) => void;
+    onScheduled?: (result: ScheduledCheckoutResult) => void;
 }
 interface RazorpayOptions {
     key: string;
     order_id: string;
-    name?: string;
-    description?: string;
     handler: (response: {
         razorpay_payment_id: string;
     }) => void;
@@ -243,18 +181,12 @@ interface RazorpayOptions {
 }
 declare global {
     interface Window {
-        Razorpay: new (opts: RazorpayOptions) => {
+        Razorpay: new (options: RazorpayOptions) => {
             open(): void;
         };
     }
 }
-/**
- * CheckoutButton initiates a checkout session and routes to the appropriate
- * payment processor path.
- *
- * Must be used inside a BillingPortalProvider.
- */
-declare function CheckoutButton({ planId, label, apiBaseUrl, className, style, onError, razorpayKeyId, onStripeClientSecret, onSuccess, }: CheckoutButtonProps): React.ReactElement;
+declare function CheckoutButton({ planCode, returnUrl, label, className, style, onError, razorpayKeyId, onStripeClientSecret, onSuccess, onComplete, onScheduled, }: CheckoutButtonProps): React__default.ReactElement;
 
 interface CheckoutProps {
     /** Stripe PaymentIntent client secret */
@@ -267,6 +199,8 @@ interface CheckoutProps {
     submitLabel?: string;
     /** Called with the paymentIntentId when payment succeeds without redirect */
     onSuccess?: (paymentIntentId: string) => void;
+    /** Called when an embedded Checkout Session completes without a redirect. */
+    onComplete?: () => void;
     /** Called with the error when payment fails */
     onError?: (error: Error) => void;
     /** Called when the PaymentElement becomes interactive */
@@ -274,7 +208,9 @@ interface CheckoutProps {
     /** Additional CSS class for the outer wrapper */
     className?: string;
     /** Inline styles for the outer wrapper */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
+    /** Optional custom controls for the PaymentIntent/PaymentElement branch. */
+    children?: React__default.ReactNode;
 }
 interface UseCheckoutResult {
     /** Trigger payment confirmation programmatically */
@@ -285,54 +221,7 @@ interface UseCheckoutResult {
     error: Error | null;
 }
 declare function useCheckout(): UseCheckoutResult;
-declare function Checkout({ clientSecret, publishableKey, stripeAccount, submitLabel, onSuccess, onError, onReady, className, style, }: CheckoutProps): react_jsx_runtime.JSX.Element;
-
-/**
- * UpgradeButton — Opens UpgradeModal on click.
- * UI-02: Triggers plan upgrade flow with proration preview.
- * Uses CSS variable theming with --nozle-* namespace.
- */
-
-interface UpgradeButtonProps {
-    targetPlanId: string;
-    label?: string;
-    apiBaseUrl?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    onUpgraded?: () => void;
-}
-/**
- * UpgradeButton opens an UpgradeModal with live proration preview.
- * Must be used inside a BillingPortalProvider.
- */
-declare function UpgradeButton({ targetPlanId, label, apiBaseUrl, className, style, onUpgraded, }: UpgradeButtonProps): React.ReactElement;
-
-/**
- * CreditTopUpButton — Opens a dialog for purchasing credits.
- * UI-02: Allows customers to top up their credit balance.
- * Uses CSS variable theming with --nozle-* namespace.
- */
-
-interface CreditTopUpButtonProps {
-    label?: string;
-    apiBaseUrl?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    onSuccess?: (amount: number) => void;
-    onError?: (error: Error) => void;
-}
-/**
- * CreditTopUpButton opens a dialog to purchase credits.
- * Must be used inside a BillingPortalProvider.
- */
-declare function CreditTopUpButton({ label, apiBaseUrl, className, style, onSuccess, onError, }: CreditTopUpButtonProps): React.ReactElement;
-
-/**
- * UpgradeModal — Shows live proration preview before confirming plan upgrade.
- * UI-02: Fetches proration preview from POST /api/v1/subscriptions/preview.
- * Shows credit, debit, net, and next billing date before confirming.
- * Uses CSS variable theming with --nozle-* namespace.
- */
+declare function Checkout({ clientSecret, publishableKey, stripeAccount, submitLabel, onSuccess, onComplete, onError, onReady, className, style, children, }: CheckoutProps): React__default.JSX.Element;
 
 interface ProrationPreview {
     credit: number;
@@ -342,47 +231,46 @@ interface ProrationPreview {
 }
 interface UpgradeModalProps {
     isOpen: boolean;
-    targetPlanId: string;
-    customerId: string;
-    apiBaseUrl?: string;
-    apiKey?: string;
+    planCode: string;
+    returnUrl?: string;
+    preview?: ProrationPreview;
+    onStripeClientSecret?: (clientSecret: string) => void;
+    onCheckoutStarted?: () => void;
+    onCompleted?: () => void;
+    onScheduled?: () => void;
     onConfirm?: () => void;
     onCancel?: () => void;
+    onError?: (error: Error) => void;
 }
-/**
- * UpgradeModal shows proration preview from POST /api/v1/subscriptions/preview
- * before the customer confirms a plan upgrade.
- */
-declare function UpgradeModal({ isOpen, targetPlanId, customerId, apiBaseUrl, apiKey, onConfirm, onCancel, }: UpgradeModalProps): React.ReactElement | null;
+declare function UpgradeModal({ isOpen, planCode, returnUrl, preview, onStripeClientSecret, onCheckoutStarted, onCompleted, onScheduled, onConfirm, onCancel, onError, }: UpgradeModalProps): React__default.ReactElement | null;
+
+interface UpgradeButtonProps {
+    planCode: string;
+    returnUrl?: string;
+    preview?: ProrationPreview;
+    label?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    onStripeClientSecret?: (clientSecret: string) => void;
+    onCheckoutStarted?: () => void;
+    onDowngradeScheduled?: () => void;
+    onUpgraded?: () => void;
+    onError?: (error: Error) => void;
+}
+declare function UpgradeButton({ planCode, returnUrl, preview, label, className, style, onStripeClientSecret, onCheckoutStarted, onDowngradeScheduled, onUpgraded, onError, }: UpgradeButtonProps): React__default.ReactElement;
 
 /**
- * FeatureGate — Renders children if customer has access to a feature.
- * UI-03: Uses useCan hook; renders fallback when allowed=false.
- * Renders null while loading to avoid layout shift.
+ * Presentational entitlement gate. The merchant backend owns entitlement
+ * retrieval; callers pass the resulting state into this component.
  */
 
 interface FeatureGateProps {
-    /** Customer ID to check entitlement for */
-    customerId: string;
-    /** Feature key to check */
-    feature: string;
-    /** Rendered when customer does not have access. Defaults to null. */
+    allowed: boolean;
+    loading?: boolean;
     fallback?: ReactNode;
-    /** Content to show when customer has access */
     children: ReactNode;
 }
-/**
- * FeatureGate renders children only when the customer is entitled to the feature.
- * Returns null while the entitlement check is loading.
- *
- * Usage:
- * ```tsx
- * <FeatureGate customerId="cus_123" feature="analytics" fallback={<UpgradePrompt />}>
- *   <AnalyticsDashboard />
- * </FeatureGate>
- * ```
- */
-declare function FeatureGate({ customerId, feature, fallback, children, }: FeatureGateProps): React.ReactElement | null;
+declare function FeatureGate({ allowed, loading, fallback, children, }: FeatureGateProps): React__default.ReactElement | null;
 
 /**
  * UsageGate — Renders children if usage is below limit.
@@ -411,7 +299,7 @@ interface UsageGateProps {
  * </UsageGate>
  * ```
  */
-declare function UsageGate({ usage, limit, fallback, children, }: UsageGateProps): React.ReactElement;
+declare function UsageGate({ usage, limit, fallback, children, }: UsageGateProps): React__default.ReactElement;
 
 /**
  * PlanGate — Renders children if customer's plan is in the allowed list.
@@ -444,7 +332,7 @@ interface PlanGateProps {
  * </PlanGate>
  * ```
  */
-declare function PlanGate({ currentPlan, allowedPlans, fallback, children, }: PlanGateProps): React.ReactElement;
+declare function PlanGate({ currentPlan, allowedPlans, fallback, children, }: PlanGateProps): React__default.ReactElement;
 
 /**
  * UpgradePrompt — Reusable upgrade message component.
@@ -461,7 +349,7 @@ interface UpgradePromptProps {
  * UpgradePrompt renders an upgrade call-to-action with a message and button.
  * Used as default fallback in LockedOverlay and gate components.
  */
-declare function UpgradePrompt({ text, planName, onUpgrade, }: UpgradePromptProps): React.ReactElement;
+declare function UpgradePrompt({ text, planName, onUpgrade, }: UpgradePromptProps): React__default.ReactElement;
 
 /**
  * LockedOverlay — Wraps children with a blur filter + upgrade CTA overlay when locked.
@@ -496,7 +384,7 @@ interface LockedOverlayProps {
  * </LockedOverlay>
  * ```
  */
-declare function LockedOverlay({ locked, upgradeText, upgradePlanName, onUpgrade, children, }: LockedOverlayProps): React.ReactElement;
+declare function LockedOverlay({ locked, upgradeText, upgradePlanName, onUpgrade, children, }: LockedOverlayProps): React__default.ReactElement;
 
 /**
  * UsageMeter — embeddable usage progress bar with automatic color thresholds.
@@ -514,7 +402,7 @@ interface UsageMeterProps {
     label?: string;
     showText?: boolean;
 }
-declare function UsageMeter({ used, limit, label, showText, }: UsageMeterProps): react_jsx_runtime.JSX.Element;
+declare function UsageMeter({ used, limit, label, showText, }: UsageMeterProps): React.JSX.Element;
 
 interface UsageDashboardFeature {
     key: string;
@@ -526,7 +414,7 @@ interface UsageDashboardProps {
     features?: UsageDashboardFeature[];
     loading?: boolean;
 }
-declare function UsageDashboard({ features, loading, }: UsageDashboardProps): react_jsx_runtime.JSX.Element;
+declare function UsageDashboard({ features, loading, }: UsageDashboardProps): React.JSX.Element;
 
 interface UsageAlertFeature {
     key: string;
@@ -538,71 +426,17 @@ interface UsageAlertProps {
     threshold?: number;
     upgradeHref?: string;
 }
-declare function UsageAlert({ features, threshold, upgradeHref, }: UsageAlertProps): react_jsx_runtime.JSX.Element | null;
+declare function UsageAlert({ features, threshold, upgradeHref, }: UsageAlertProps): React.JSX.Element | null;
 
-interface CreditBalanceProps {
-    customerId: string;
-    currency?: string;
-}
-declare function CreditBalance({ customerId, currency, }: CreditBalanceProps): react_jsx_runtime.JSX.Element;
-
-interface CreditTransaction {
-    id: string;
-    amount: number;
-    type: string;
-    description: string;
-    createdAt: string;
-}
-interface CreditHistoryProps {
-    customerId: string;
-    viewAllHref?: string;
-}
-declare function CreditHistory({ customerId, viewAllHref, }: CreditHistoryProps): react_jsx_runtime.JSX.Element;
+/**
+ * PlanBadge — simple badge displaying plan name with tier-based coloring.
+ */
 
 interface PlanBadgeProps {
     plan: string;
     tier?: "free" | "starter" | "pro" | "enterprise";
 }
-declare function PlanBadge({ plan, tier }: PlanBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface BillingPortalProps {
-    customerId: string;
-    usageFeatures?: UsageDashboardFeature[];
-    usageLoading?: boolean;
-    onChangePlan?: () => void;
-    subscriptionId?: string;
-    onCancelled?: () => void;
-}
-declare function BillingPortal({ customerId, usageFeatures, usageLoading, onChangePlan, }: BillingPortalProps): react_jsx_runtime.JSX.Element;
-
-interface CurrentPlanData {
-    id: string;
-    planName: string;
-    interval: string;
-    status: string;
-    nextBillingDate?: string;
-    tier?: "free" | "starter" | "pro" | "enterprise";
-}
-interface CurrentPlanProps {
-    customerId: string;
-    onChangePlan?: () => void;
-    changePlanHref?: string;
-}
-declare function CurrentPlan({ customerId, onChangePlan, changePlanHref, }: CurrentPlanProps): react_jsx_runtime.JSX.Element;
-
-interface Invoice {
-    id: string;
-    number: string;
-    date: string;
-    amount: number;
-    currency: string;
-    status: "draft" | "open" | "paid" | "void" | "uncollectible";
-    pdf_url?: string;
-}
-interface InvoiceListProps {
-    customerId: string;
-}
-declare function InvoiceList({ customerId }: InvoiceListProps): react_jsx_runtime.JSX.Element;
+declare function PlanBadge({ plan, tier }: PlanBadgeProps): React__default.JSX.Element;
 
 /**
  * PaymentMethodDisplay — shows saved payment method details.
@@ -619,13 +453,6 @@ interface PaymentMethodDisplayProps {
     onUpdatePaymentMethod?: () => void;
     updateHref?: string;
 }
-declare function PaymentMethodDisplay({ paymentMethod, onUpdatePaymentMethod, updateHref, }: PaymentMethodDisplayProps): react_jsx_runtime.JSX.Element;
-
-declare const CANCEL_REASONS: readonly ["Too expensive", "Missing features", "Switching to competitor", "Not using it enough", "Other"];
-interface CancelSubscriptionButtonProps {
-    subscriptionId: string;
-    onCancelled?: () => void;
-}
-declare function CancelSubscriptionButton({ subscriptionId, onCancelled, }: CancelSubscriptionButtonProps): react_jsx_runtime.JSX.Element;
+declare function PaymentMethodDisplay({ paymentMethod, onUpdatePaymentMethod, updateHref, }: PaymentMethodDisplayProps): React.JSX.Element;
 
-export { BillingContext, type BillingContextValue, BillingPortal, type BillingPortalContextValue, type BillingPortalProps, BillingPortalProvider, type BillingPortalProviderProps, BillingProvider, type BillingProviderProps, CANCEL_REASONS, type CanState, CancelSubscriptionButton, type CancelSubscriptionButtonProps, Checkout, CheckoutButton, type CheckoutButtonProps, type CheckoutProps, type ComparisonFeature, CreditBalance, type CreditBalanceProps, CreditHistory, type CreditHistoryProps, CreditTopUpButton, type CreditTopUpButtonProps, type CreditTransaction, type CreditsState, CurrentPlan, type CurrentPlanData, type CurrentPlanProps, FeatureGate, type FeatureGateProps, type Invoice, InvoiceList, type InvoiceListProps, LockedOverlay, type LockedOverlayProps, type NozleClient, type PaymentMethod, PaymentMethodDisplay, type PaymentMethodDisplayProps, type Plan, PlanBadge, type PlanBadgeProps, PlanCard, type PlanCardProps, PlanComparison, type PlanComparisonProps, PlanGate, type PlanGateProps, type PricingPlan, PricingTable, type PricingTableProps, type ProrationPreview, UpgradeButton, type UpgradeButtonProps, UpgradeModal, type UpgradeModalProps, UpgradePrompt, type UpgradePromptProps, UsageAlert, type UsageAlertFeature, type UsageAlertProps, UsageDashboard, type UsageDashboardFeature, type UsageDashboardProps, UsageGate, type UsageGateProps, UsageMeter, type UsageMeterProps, type UsageState, type UseCheckoutResult, getUsageMeterColor, useBillingContext, useBillingPortal, useCan, useCheckout, useCredits, useNozleClient, useUsage };
+export { BillingContext, type BillingContextValue, BillingProvider, type BillingProviderProps, type Plan$1 as CatalogPlan, Checkout, CheckoutButton, type CheckoutButtonProps, type CheckoutProps, type CheckoutResult, type ComparisonFeature, type CompletedCheckoutResult, type CreateCheckout, type CreateCheckoutInput, FeatureGate, type FeatureGateProps, LockedOverlay, type LockedOverlayProps, type NozleClient, type PaymentMethod, PaymentMethodDisplay, type PaymentMethodDisplayProps, type Plan, PlanBadge, type PlanBadgeProps, PlanCard, type PlanCardProps, PlanComparison, type PlanComparisonProps, PlanGate, type PlanGateProps, type PricingPlan, PricingTable, type PricingTableProps, type ProrationPreview, type ScheduledCheckoutResult, UpgradeButton, type UpgradeButtonProps, UpgradeModal, type UpgradeModalProps, UpgradePrompt, type UpgradePromptProps, UsageAlert, type UsageAlertFeature, type UsageAlertProps, UsageDashboard, type UsageDashboardFeature, type UsageDashboardProps, UsageGate, type UsageGateProps, UsageMeter, type UsageMeterProps, type UseCheckoutResult, type UseCheckoutResult$1 as UseCheckoutSessionResult, getUsageMeterColor, useBillingContext, useCheckout, useCheckout$1 as useCheckoutSession, useNozleClient, useOptionalBillingContext, usePlans };