@bunnyapp/components 1.8.0-beta.56 → 1.8.0-beta.57

package/dist/cjs/types/src/components/PaymentForm/DemoPay/demoPayUtils.d.ts

@@ -1,21 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare const confirmPayment: ({ amount, currency }: {
-    amount: number;
-    currency: string;
-}) => {
-    token: string;
-    amount: number;
-    currency: string;
-};
-export declare const isDigit: (char: string) => boolean;
-export declare const isValidKey: (code: number) => boolean;
-export declare const isValidExpiry: (expiry: string) => boolean;
-export declare const isCardExpired: (expiry: string) => boolean;
-export declare const formatCardExpiry: (cardExpiry: string) => string;
-export declare const unformatCardNumber: (cardNumber: string) => string;
-export declare const storePayment: (options: {
-    testCreditCardCvc: string;
-    testCreditCardExpirationDate: string;
-    testCreditCardNumber: string;
-    token?: string;
-}, plugin: PluginData, apiHost: string, accountId?: string) => Promise<any>;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/useApproveHold.d.ts

@@ -1,16 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }: {
-    onApproveHoldSuccess?: (response: any) => void;
-    onApproveHoldError?: (error: any) => void;
-}): {
-    approveHold: ({ plugin, quote, paymentMethodId, }: {
-        plugin: PluginData;
-        quote: {
-            id: string;
-            amount: number;
-        };
-        paymentMethodId: string;
-    }) => Promise<void>;
-    isApprovingHold: boolean;
-};
-export default useApproveHold;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/usePay.d.ts

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentError?: (error: any) => void;
-    quoteId?: string | null;
-    invoiceId?: string | null;
-    plugin: PluginData | undefined;
-}): {
-    pay: (paymentMethodId: string) => Promise<void>;
-    isPaying: boolean;
-};
-export default usePay;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/useSave.d.ts

@@ -1,9 +0,0 @@
-export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
-    onSaveSuccess?: (response: any) => void;
-    onSaveError?: (error: any) => void;
-    accountId: string | undefined;
-}): {
-    save: () => Promise<string | undefined>;
-    isSaving: boolean;
-};
-export default useSave;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/index.d.ts

@@ -1 +0,0 @@
-export { MiniCreditCard } from './CreditCard';

package/dist/cjs/types/src/components/PaymentForm/Stripe/StripeForm.d.ts

@@ -1,2 +0,0 @@
-declare const StripeForm: () => import("react").JSX.Element;
-export default StripeForm;

package/dist/cjs/types/src/components/PaymentForm/Stripe/StripeFormProvider.d.ts

@@ -1,4 +0,0 @@
-export declare function StripeFormProvider({ children, currencyId, }: {
-    children: React.ReactNode;
-    currencyId: string;
-}): import("react").JSX.Element;

package/dist/cjs/types/src/components/PaymentForm/Stripe/hooks/useApproveHold.d.ts

@@ -1,16 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }: {
-    onApproveHoldSuccess?: (response: any) => void;
-    onApproveHoldError?: (error: any) => void;
-}): {
-    approveHold: ({ plugin, quote, paymentMethodId, }: {
-        plugin: PluginData;
-        quote: {
-            id: string;
-            amount: number;
-        };
-        paymentMethodId: string;
-    }) => Promise<void>;
-    isApprovingHold: boolean;
-};
-export default useApproveHold;

package/dist/cjs/types/src/components/PaymentForm/Stripe/hooks/usePay.d.ts

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentError?: (error: any) => void;
-    quoteId?: string | null;
-    invoiceId?: string | null;
-    plugin: PluginData | undefined;
-}): {
-    pay: (paymentMethodId: string) => Promise<void>;
-    isPaying: boolean;
-};
-export default usePay;

package/dist/cjs/types/src/components/PaymentForm/Stripe/hooks/useSave.d.ts

@@ -1,10 +0,0 @@
-export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
-    onSaveSuccess?: (response: any) => void;
-    onSaveError?: (error: any) => void;
-    accountId: string | undefined;
-}): {
-    save: () => Promise<string | undefined>;
-    createStripePaymentMethodId: () => Promise<string>;
-    isSaving: boolean;
-};
-export default useSave;

package/dist/cjs/types/src/components/PaymentForm/Stripe/stripeLoader.d.ts

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-import type { Stripe } from '@stripe/stripe-js';
-/** Fonts Stripe loads inside its iframes; pass as `fonts` in the Elements options. */
-export declare const STRIPE_FONTS: {
-    cssSrc: string;
-}[];
-/** Font family for the Appearance API (Payment Element), which resolves CSS variables on the host page. */
-export declare const getStripeFontFamily: (antdFontFamily: string) => string;
-export declare const isStripePlugin: (plugin: PluginData | undefined) => boolean;
-export declare const fetchStripePublishableKey: (plugin: PluginData, apiHost: string, token?: string) => Promise<string>;
-/** Loads Stripe.js for a Stripe payment plugin. Re-runs when the plugin or token changes. */
-export declare const useLoadStripe: (plugin: PluginData | undefined, token: string | undefined) => Stripe | null;

package/dist/cjs/types/src/components/PaymentForm/Stripe/stripeUtils.d.ts

@@ -1,39 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-import Payable from '@/types/interfaces/Payable';
-export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
-    paymentMethodId: string;
-    plugin: PluginData;
-    token?: string;
-    apiHost: string;
-    accountId?: string;
-}) => Promise<any>;
-/**
- * Creates a SetupIntent for an account, or — before any account exists (signup) — for a Stripe
- * customer provisioned from `customer.email` / `customer.name`.
- */
-export declare const createSetupIntent: (plugin: PluginData, apiHost: string, token?: string, accountId?: string, customer?: {
-    email?: string;
-    name?: string;
-}) => Promise<any>;
-export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, }: {
-    payable: Payable;
-    savePaymentMethod: boolean;
-    memo?: string;
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymentMethodId, }: {
-    quote: {
-        id: string;
-        amount: number;
-    };
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-    paymentMethodId: string;
-}) => Promise<any>;
-export declare const useStripePlugin: (plugin: PluginData | undefined, currencyId: string) => {
-    stripe: import("@stripe/stripe-js").Stripe | null;
-    options: import("@stripe/stripe-js").StripeElementsOptionsMode;
-};

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/components/Collapsible.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-type CollapsibleProps = {
-    open: boolean;
-    children: ReactNode;
-};
-export declare function Collapsible({ open, children }: CollapsibleProps): import("react").JSX.Element;
-export {};

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/components/PaymentMethodSelector.d.ts

@@ -1,2 +0,0 @@
-declare const PaymentMethodSelector: () => import("react").JSX.Element;
-export default PaymentMethodSelector;

package/dist/cjs/types/src/components/PaymentForm/context/PaymentMethodFormVisibilityContext.d.ts

@@ -1,12 +0,0 @@
-import { ResultOf } from 'gql.tada';
-import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
-export type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
-export type PaymentMethodFormVisibilityContextValue = {
-    showPaymentMethodForm: boolean;
-    setShowPaymentMethodForm: (show: boolean) => void;
-};
-declare const PaymentMethodFormVisibilityProvider: ({ value, children }: {
-    value: PaymentMethodFormVisibilityContextValue;
-    children?: import("react").ReactNode;
-}) => import("react").JSX.Element, usePaymentMethodFormVisibility: () => PaymentMethodFormVisibilityContextValue;
-export { PaymentMethodFormVisibilityProvider, usePaymentMethodFormVisibility };

package/dist/cjs/types/src/components/PaymentForm/context/SelectedPaymentPluginContext.d.ts

@@ -1,6 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-declare const SelectedPaymentPluginProvider: ({ initialValue, children, }: {
-    initialValue?: PluginData | undefined;
-    children?: import("react").ReactNode;
-}) => import("react").JSX.Element, useSelectedPaymentPlugin: () => [PluginData | undefined, import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>];
-export { SelectedPaymentPluginProvider, useSelectedPaymentPlugin };

package/dist/cjs/types/src/components/PaymentForm/context/SelectedPluginProvider.d.ts

@@ -1,16 +0,0 @@
-declare const useSelectedPluginId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
-declare const useSelectedPlugin: () => any;
-export { useSelectedPlugin, // Get the selected plugin data (derived from the id using useSelectedPluginId)
-useSelectedPluginId, };
-/**
- * SelectedPluginProvider manages the selected payment plugin state.
- *
- * Data Flow Pattern:
- * - Children components should set the plugin ID using `setSelectedPluginId` from `useSelectedPluginId`
- * - This provider then derives the `selectedPlugin` from that ID and provides it via `useSelectedPlugin`
- * - This ensures that data flows only downward: children control the ID, and the provider computes and provides the data
- */
-export declare function SelectedPluginProvider({ children, accountId, }: {
-    children: React.ReactNode;
-    accountId?: string;
-}): import("react").JSX.Element;

package/dist/cjs/types/src/components/PaymentForm/context/ShowPaymentDetailsContext.d.ts

@@ -1,5 +0,0 @@
-declare const ShowPaymentDetailsProvider: ({ initialValue, children, }: {
-    initialValue?: boolean | undefined;
-    children?: import("react").ReactNode;
-}) => import("react").JSX.Element, useShowPaymentDetails: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
-export { ShowPaymentDetailsProvider, useShowPaymentDetails };

package/dist/cjs/types/src/components/PaymentForm/fragments/StoredPaymentMethods_PaymentMethodsFragment.d.ts

@@ -1,13 +0,0 @@
-export declare const StoredPaymentMethods_PaymentMethodsFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
-    };
-    id: string;
-    plugin: {
-        id: string;
-    } | null;
-}, {}, {
-    fragment: "StoredPaymentMethods_PaymentMethodsFragment";
-    on: "PaymentMethod";
-    masked: true;
-}>;

package/dist/cjs/types/src/components/PaymentForm/hooks/useHasActiveSubscription.d.ts

@@ -1,5 +0,0 @@
-declare function useHasActiveSubscription({ token, apiHost }: {
-    token: string;
-    apiHost: string;
-}): boolean | undefined;
-export default useHasActiveSubscription;

package/dist/cjs/types/src/components/Quote/StyledModal.d.ts

@@ -1,3 +0,0 @@
-import { ModalProps } from 'antd';
-declare const StyledModal: (props: ModalProps) => import("react").JSX.Element;
-export default StyledModal;

package/dist/esm/types/src/UI/Tooltip.d.ts

@@ -1,2 +0,0 @@
-import { TooltipProps as AntdTooltipProps } from 'antd';
-export declare function Tooltip(props: AntdTooltipProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Card.d.ts

@@ -1,6 +0,0 @@
-declare const Card: ({ children, className, style, }: {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}) => import("react").JSX.Element;
-export default Card;

package/dist/esm/types/src/components/Checkout/utils/storeNewPaymentMethod.d.ts

@@ -1,8 +0,0 @@
-import type { CheckoutNewPaymentMethod } from '../../CheckoutShared/hooks/useNewPaymentMethod';
-/** Stores a card entered in the form on the account through its plugin and returns the stored payment method's id. */
-export declare function storeNewPaymentMethod({ paymentMethod, accountId, token, apiHost, }: {
-    paymentMethod: CheckoutNewPaymentMethod;
-    accountId: string;
-    token?: string;
-    apiHost: string;
-}): Promise<string>;

package/dist/esm/types/src/components/CheckoutShared/appearance/CheckoutAppearanceProvider.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { type ResolvedAppearance } from './resolveAppearance';
-import type { Appearance } from './types';
-declare const useResolvedAppearance: () => ResolvedAppearance;
-export { useResolvedAppearance };
-/**
- * Resolves the appearance once and renders the root every rule is scoped to, with the rules as one
- * `<style>`. The antd token is read here and nowhere else on the screen: it carries the brand color,
- * dark mode and `configProviderProps` into the default variables.
- */
-export declare function CheckoutAppearanceProvider({ appearance, children, }: {
-    appearance?: Appearance;
-    children: ReactNode;
-}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/appearance/appearance.types.test.d.ts

@@ -1,3 +0,0 @@
-import type { Appearance } from './types';
-export declare const rejected: Appearance[];
-export declare const accepted: Appearance[];

package/dist/esm/types/src/components/CheckoutShared/appearance/index.d.ts

@@ -1,3 +0,0 @@
-export { useStripeAppearance } from './adapters/stripe';
-export { CheckoutAppearanceProvider } from './CheckoutAppearanceProvider';
-export type { Appearance, AppearanceBlockStyle, AppearanceFont, AppearanceRules, AppearanceRuleStyle, AppearanceVariables, } from './types';

package/dist/esm/types/src/components/CheckoutShared/appearance/resolveAppearance.d.ts

@@ -1,21 +0,0 @@
-import type { GlobalToken } from 'antd';
-import type { Appearance, AppearanceFont } from './types';
-import { type ResolvedVariables } from './variables';
-/** Selector → style. Holds the public selectors and the internal ones the screen's other elements use. */
-export type RulesMap = Record<string, Record<string, string>>;
-export type ResolvedAppearance = {
-    variables: ResolvedVariables;
-    rules: RulesMap;
-    /** The selectors the payment provider's fields have too; their rules are handed over as they are. */
-    sharedSelectors: string[];
-    fonts: AppearanceFont[] | undefined;
-    darkMode: boolean;
-    /** The font our text inherits from the page, once measured. */
-    pageFontFamily: string | undefined;
-};
-/**
- * Variables (our defaults, then the customer's) → the default rules built from them → the customer's
- * rules merged in per selector. The result is the one rules map both our CSS and the payment
- * provider's appearance are made from.
- */
-export declare function resolveAppearance(token: GlobalToken, darkMode: boolean, isMobile: boolean, appearance?: Appearance, pageFontFamily?: string): ResolvedAppearance;

package/dist/esm/types/src/components/CheckoutShared/appearance/ruleGroups.d.ts

@@ -1,17 +0,0 @@
-import type { AppearanceBlockStyle, AppearanceRuleStyle } from './types';
-/**
- * What one rule source returns. All three groups are required (write `{}` when one is empty), so the
- * registry's derived types can index every source by group.
- */
-export type RuleGroups = {
-    /** Not in the API: base classes and elements customers reach only through variables. Any CSS. */
-    internal: Record<string, Record<string, string>>;
-    /** Public, and applied to our own fields and to the payment provider's alike: only the properties its fields accept. */
-    shared: Record<string, AppearanceRuleStyle>;
-    /** Public, Bunny-only elements: can also size them. */
-    block: Record<string, AppearanceBlockStyle>;
-};
-/** What a rule source can read besides the variables. */
-export type RuleContext = {
-    isMobile: boolean;
-};

package/dist/esm/types/src/components/CheckoutShared/appearance/rules.d.ts

@@ -1,27 +0,0 @@
-import { screenRules } from '../components/CheckoutScreen.rules';
-import { demoPayCardBoxRules } from '../components/CheckoutForm/DemoPayCardBox.rules';
-import { fieldRules } from '../components/CheckoutForm/Field.rules';
-import { paymentTileRules } from '../components/CheckoutForm/PaymentTile.rules';
-import { buttonRules } from '../components/controls/Button.rules';
-import { selectRules } from '../components/controls/Select.rules';
-import { textInputRules } from '../components/controls/TextInput.rules';
-import type { AppearanceBlockStyle, AppearanceRuleStyle } from './types';
-/**
- * Every rule source. A selector belongs to one source (resolving throws in development otherwise), and
- * a rule that overrides another uses a compound selector (`.Input.Select`), so the order here doesn't
- * matter. Within a source, `internal` comes first, then `shared`, then `block`. The public types below
- * derive from this list. Sources are `function` declarations so the emitted `.d.ts` refers to them by
- * name and keeps their keys' JSDoc.
- */
-export declare const RULE_SOURCES: readonly [typeof screenRules, typeof fieldRules, typeof textInputRules, typeof selectRules, typeof demoPayCardBoxRules, typeof paymentTileRules, typeof buttonRules];
-type Source = ReturnType<(typeof RULE_SOURCES)[number]>;
-type UnionToIntersection<U> = (U extends unknown ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
-type SharedGroups = UnionToIntersection<Source['shared']>;
-type BlockGroups = UnionToIntersection<Source['block']>;
-export type AppearanceRules = {
-    [K in keyof SharedGroups]?: AppearanceRuleStyle;
-} & {
-    [K in keyof BlockGroups]?: AppearanceBlockStyle;
-};
-export type SharedSelector = keyof SharedGroups;
-export {};

package/dist/esm/types/src/components/CheckoutShared/appearance/rulesToCss.d.ts

@@ -1,5 +0,0 @@
-import type { RulesMap } from './resolveAppearance';
-/** The class on the element the rules are scoped to. */
-export declare const ROOT_CLASS = "bunny-appearance";
-/** The rules map as CSS for our own DOM. Selectors with no style (`.Summary` by default) are left out. */
-export declare function rulesToCss(rules: RulesMap): string;

package/dist/esm/types/src/components/CheckoutShared/appearance/types.d.ts

@@ -1,144 +0,0 @@
-import type { AppearanceRules } from './rules';
-/**
- * The values the default look is built from: set one when a change should carry through everything
- * built from it. Names follow Stripe's Appearance API; the ones Stripe has too are handed to the
- * payment fields as they are. Every variable is optional, and literal values only (no `var()`).
- */
-export type AppearanceVariables = {
-    /**
-     * The primary button, text links, the selected payment method, focused borders, the loading spinner.
-     * Its hover and pressed shades and the default focus ring are derived from it, so use a plain color.
-     * @default antd `colorPrimary` (your Bunny brand color)
-     */
-    colorPrimary?: string;
-    /**
-     * The form column, inputs and payment method tiles.
-     * @default antd `colorBgContainer` (white; dark in dark mode)
-     */
-    colorBackground?: string;
-    /**
-     * Body text and input text.
-     * @default antd `colorText`
-     */
-    colorText?: string;
-    /**
-     * Muted text: the "Subscribe to" line, footer links, the back arrow.
-     * @default antd `colorTextSecondary`
-     */
-    colorTextSecondary?: string;
-    /**
-     * Placeholders, the empty country select and its chevron.
-     * @default antd `colorTextPlaceholder`
-     */
-    colorTextPlaceholder?: string;
-    /**
-     * Invalid field borders and error messages.
-     * @default antd `colorError`
-     */
-    colorDanger?: string;
-    /**
-     * Discount amounts and the success check (its tint and strong shade are derived from it, so use a plain color).
-     * @default antd `colorSuccess`
-     */
-    colorSuccess?: string;
-    /**
-     * All text on the screen. The payment fields can't inherit your page's font: declare web fonts in `fonts`.
-     * @default `'inherit'` (your page's font)
-     */
-    fontFamily?: string;
-    /**
-     * Body, input and button text. On phones, input text is raised to 16px when this is a smaller `px` value.
-     * @default antd `fontSize` (`14px`)
-     */
-    fontSizeBase?: string;
-    /**
-     * Corners of inputs, payment method tiles and buttons.
-     * @default antd `borderRadius` (`4px`)
-     */
-    borderRadius?: string;
-    /**
-     * Vertical space between form rows.
-     * @default `'20px'`
-     */
-    gridRowSpacing?: string;
-    /**
-     * The ring around a focused input or payment method.
-     * @default `0 0 0 2px` in a tint of `colorPrimary`
-     * @example '0 0 0 3px rgba(20, 83, 45, 0.25)'
-     */
-    focusBoxShadow?: string;
-    /**
-     * The summary column and the loading overlay.
-     * @default `'#f8fafc'` (dark mode: `'#121212'`)
-     */
-    colorBackgroundSummary?: string;
-    /**
-     * Borders of inputs, payment method tiles and secondary buttons; also dividers, when set.
-     * @default antd `colorBorder`
-     */
-    colorBorder?: string;
-    /**
-     * Width of those borders and of the dividers.
-     * @default `'2px'`
-     */
-    borderWidth?: string;
-};
-export type RuleProperty = 'color' | 'backgroundColor' | 'border' | 'borderTop' | 'borderRight' | 'borderBottom' | 'borderLeft' | 'borderColor' | 'borderWidth' | 'borderStyle' | 'borderRadius' | 'boxShadow' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'textTransform' | 'textDecoration' | 'transition' | 'outline' | 'outlineOffset';
-/** What a rule can set: the CSS properties (camelCase) a payment provider's hosted fields accept too. */
-export type AppearanceRuleStyle = Partial<Record<RuleProperty, string>>;
-/** Rules for elements only we draw can also size them. */
-export type AppearanceBlockStyle = AppearanceRuleStyle & Partial<Record<'background' | 'maxWidth' | 'minHeight' | 'opacity', string>>;
-/** Selector → style override. The selectors come from the rule sources' public groups (see `rules.ts`). */
-export type { AppearanceRules };
-/**
- * A font the payment provider's fields must load themselves (they render in an iframe and can't see
- * your page's fonts): a stylesheet of `@font-face` rules, or one font file. Your page loads its own copy.
- */
-export type AppearanceFont = {
-    /** URL of a stylesheet of `@font-face` rules, such as a Google Fonts link. */
-    cssSrc: string;
-} | {
-    /** The name to use in `fontFamily`. */
-    family: string;
-    /** The font file, as a CSS `src` value: `url(https://...)`. */
-    src: string;
-    /** CSS `font-weight`, such as `'400'` or `'400 700'`. */
-    weight?: string;
-    /** CSS `font-style`. */
-    style?: 'normal' | 'italic' | 'oblique';
-    /** CSS `font-display`. */
-    display?: string;
-    /** CSS `unicode-range`. */
-    unicodeRange?: string;
-};
-/**
- * Restyles the Signup and Checkout screens, modelled on Stripe's Appearance API: `variables` feed the
- * default rules, your `rules` are merged over them selector by selector, and `fonts` are loaded by the
- * payment fields. The payment provider's fields follow the shared rules too. See "Styling Signup and
- * Checkout" in the package README.
- * @example
- * <Signup
- *   priceListCode="..."
- *   appearance={{
- *     variables: { colorPrimary: '#14532d', colorBackgroundSummary: '#f6f1e7', borderRadius: '0px' },
- *     rules: {
- *       '.Label': { textTransform: 'uppercase', letterSpacing: '0.08em' },
- *       '.Input:focus': { borderColor: '#14532d', boxShadow: '0 0 0 1px #14532d' },
- *       '.Button': { backgroundColor: '#1c1917', padding: '14px 16px' },
- *     },
- *     fonts: [{ cssSrc: 'https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600&display=swap' }],
- *   }}
- * />
- */
-export type Appearance = {
-    /** The values the default rules are built from. */
-    variables?: AppearanceVariables;
-    /** Per-selector overrides, merged over the defaults property by property. Literal values only. */
-    rules?: AppearanceRules;
-    /**
-     * Fonts the payment fields load in their iframe. Set them once, up front: changing them after the
-     * payment form mounts remounts it and clears what was typed.
-     * @example [{ cssSrc: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap' }]
-     */
-    fonts?: AppearanceFont[];
-};

package/dist/esm/types/src/components/CheckoutShared/appearance/variables.d.ts

@@ -1,29 +0,0 @@
-import { type GlobalToken } from 'antd';
-import type { AppearanceVariables } from './types';
-/** Every variable, plus the shades the default rules need that customers don't set. */
-type VariablesAndShades = Required<AppearanceVariables> & {
-    colorPrimaryHover: string;
-    colorPrimaryActive: string;
-    colorOnPrimary: string;
-    colorTextDisabled: string;
-    colorBackgroundDisabled: string;
-    colorBorderSecondary: string;
-    colorFill: string;
-    colorDivider: string;
-    colorSuccessBackground: string;
-    colorSuccessStrong: string;
-    boxShadowPane: string;
-    boxShadowPaneStacked: string;
-};
-/** The variables and shades, plus values built from them that several rule sources share. */
-export type ResolvedVariables = VariablesAndShades & {
-    controlBorder: string;
-    controlTransition: string;
-    focusOutline: {
-        outline: string;
-        outlineOffset: string;
-    };
-};
-/** Our defaults with the customer's variables over them, and every shade derived from the result. */
-export declare function resolveVariables(token: GlobalToken, darkMode: boolean, customer?: AppearanceVariables): ResolvedVariables;
-export {};

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/DemoPayCardBox.d.ts

@@ -1,6 +0,0 @@
-/**
- * DemoPay's card inputs drawn as one bordered box: number (with brands) on top, expiry + CVC below.
- * The inputs are PaymentForm's antd ones (test-only, not themed by the appearance); the box around
- * them is.
- */
-export default function DemoPayCardBox(): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/PaymentTile.d.ts

@@ -1,10 +0,0 @@
-import type { ButtonHTMLAttributes } from 'react';
-/**
- * An equal-width selectable tile: icon above label, the selected one outlined in the primary color.
- * Styled by the appearance's `.Tab` rules, like the tabs of Stripe's Payment Element.
- */
-export default function PaymentTile({ selected, ...props }: {
-    selected: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>): import("react").JSX.Element;
-/** CardImage's SVGs are 70x48; shrink them to the icon height of the other tiles. */
-export declare const CardBrand: any;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/PluginTiles.d.ts

@@ -1,4 +0,0 @@
-/** One tile per payment plugin. Picking one pays with a new card on it. */
-export default function PluginTiles({ labelId }: {
-    labelId: string;
-}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/SavedPaymentMethodTiles.d.ts

@@ -1,4 +0,0 @@
-/** One tile per saved payment method (card brand and last digits), then a "New card" tile. */
-export default function SavedPaymentMethodTiles({ labelId }: {
-    labelId: string;
-}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/CheckoutForm/StripePaymentElement.d.ts

@@ -1,8 +0,0 @@
-/**
- * Stripe's Payment Element: one tab per payment method the tenant's Stripe account offers, styled
- * through the Elements group's appearance (see `appearance/adapters/stripe`). The name, email,
- * country and postal code come from the form's own fields and are passed on confirm, so the element
- * doesn't ask for them again; without a country field it asks for the country and postal code itself.
- * Read-only follows the antd Form it sits in, like the other inputs.
- */
-export default function StripePaymentElement(): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/controls/Button.d.ts

@@ -1,24 +0,0 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
-declare const VARIANT_CLASS: {
-    /** The filled main action, styled by the appearance's `.Button` rules. */
-    primary: string;
-    /** A bordered secondary action. */
-    plain: string;
-    /** Reads as a link in the text. */
-    link: string;
-    /** A small square holding only an icon; give it an `aria-label`. */
-    icon: string;
-};
-type Props = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled' | 'onClick' | 'aria-label'> & {
-    variant?: keyof typeof VARIANT_CLASS;
-    /** Shows a spinner in place of the icon and ignores clicks, without looking disabled. */
-    loading?: boolean;
-    icon?: ReactNode;
-    /** Renders a link that looks like the button. */
-    href?: string;
-    className?: string;
-    children?: ReactNode;
-};
-/** A native button (or a link, given `href`). */
-export default function Button({ variant, loading, icon, href, className, children, type, onClick, ...props }: Props): import("react").JSX.Element;
-export {};