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

package/dist/cjs/types/src/components/Checkout/Checkout.d.ts

@@ -1,41 +1,7 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import { FragmentOf } from 'gql.tada';
-export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    id: string | null;
-    accountId: string;
-    formattedQuote: {
-        html: string | null;
-    } | null;
-    [$tada.fragmentRefs]: {
-        QuoteCheckout_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "Checkout_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;
-export declare const Checkout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    id: string;
-    [$tada.fragmentRefs]: {
-        QuoteCheckout_SubscriptionFragment: "Subscription";
-    };
-}, {}, {
-    fragment: "Checkout_SubscriptionFragment";
-    on: "Subscription";
-    masked: true;
-}>;
-type CheckoutProps = {
-    invoice?: FormattedInvoice;
-    onCancel: () => void;
-    onFail: (error: any) => void;
-    onSuccess: () => void;
-    onRecalculateTaxes: (quoteId: string) => void;
-    open: boolean;
-    quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
-    upgradingSubscription?: FragmentOf<typeof Checkout_SubscriptionFragment> | null;
-    token?: string;
-    isUpdatingQuote: boolean;
-    isRecalculatingTaxes: boolean;
+import { CheckoutFlowProps } from '../CheckoutShared/components/CheckoutRoot';
+export type CheckoutProps = CheckoutFlowProps & {
+    /** ID of a document template to render the quote with. When set, the quote PDF is shown under the summary. */
+    documentTemplateId?: string;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, upgradingSubscription: maskedUpgradingSubscription, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react").JSX.Element | null;
-export default Checkout;
+/** Self-service checkout for an existing account: subscribes it to a price list in one click. Needs a portal session token. */
+export default function Checkout({ style, form, documentTemplateId, ...props }: CheckoutProps): import("react").JSX.Element;

package/dist/cjs/types/src/components/Checkout/Checkout.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Checkout from './Checkout';
+declare const meta: Meta<typeof Checkout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DisabledFields: Story;
+export declare const WithDocumentTemplate: Story;
+export declare const StoredPaymentMethod: Story;
+export declare const Mobile: Story;
+export declare const DarkMode: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;
+export declare const LedgerMobile: Story;
+export declare const MidnightMobile: Story;

package/dist/cjs/types/src/components/Checkout/CheckoutContent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * What makes the screen a checkout: the account already exists, so the form is prefilled from it and
+ * a real quote is composed up front to be checked out on submit. The coupon lives on that quote. The
+ * amount due is still previewed from the price list, so typing an address never touches the account;
+ * the entered billing details are saved, and the quote taxed with them, when the user pays.
+ */
+export declare function CheckoutContent({ style, documentTemplateId, }: {
+    style?: React.CSSProperties;
+    /** The document template the quote is rendered with; its PDF is shown under the summary. */
+    documentTemplateId?: string;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/Checkout/components/CheckoutFlowForm.d.ts

@@ -0,0 +1,4 @@
+/** The checkout form wired to the existing account: one click saves the billing details and pays. */
+export default function CheckoutFlowForm({ quoteId }: {
+    quoteId: string | undefined;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/Checkout/graphql/fragments/Checkout_QuoteFragment.d.ts

@@ -0,0 +1,22 @@
+/** The quote Checkout composes on mount and checks out on submit: which coupon it carries, its quote PDF, and what the shared screen needs once it is checked out. */
+export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    quoteChanges: {
+        id: string | null;
+        charges: {
+            id: string | null;
+            coupon: {
+                couponCode: string;
+            } | null;
+        }[];
+    }[] | null;
+    [$tada.fragmentRefs]: {
+        CheckoutResult_QuoteFragment: "Quote";
+    } & {
+        CheckoutQuoteDocument_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "Checkout_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

package/dist/cjs/types/src/components/{Signup/components/SignupForm/fragments/SignupForm_AccountFragment.d.ts → Checkout/graphql/fragments/useCheckoutAccount_AccountFragment.d.ts}

@@ -1,24 +1,21 @@
-export declare const SignupForm_AccountFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        ExistingAccountForm_AccountFragment: "Account";
-    };
+/** The account behind the portal session: what the form is prefilled with, and the contact its edits go to. */
+export declare const useCheckoutAccount_AccountFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    code: string | null;
     name: string | null;
     billingCountry: string | null;
-    billingState: string | null;
-    billingCity: string | null;
     billingZip: string | null;
     billingStreet: string | null;
+    billingCity: string | null;
+    billingState: string | null;
     taxNumber: string | null;
     billingContact: {
         id: string;
+        email: string | null;
         firstName: string;
         lastName: string | null;
-        email: string | null;
     } | null;
 }, {}, {
-    fragment: "SignupForm_AccountFragment";
+    fragment: "useCheckoutAccount_AccountFragment";
     on: "Account";
     masked: true;
 }>;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/accountUpdate.d.ts

@@ -0,0 +1,84 @@
+import { VariablesOf } from 'gql.tada';
+declare const mutation: import("gql.tada").TadaDocumentNode<{
+    accountUpdate: {
+        errors: string[] | null;
+        account: {
+            id: string;
+        } | null;
+    } | null;
+}, {
+    attributes: {
+        website?: string | null | undefined;
+        timezone?: string | null | undefined;
+        taxNumber?: string | null | undefined;
+        shippingZip?: string | null | undefined;
+        shippingStreet?: string | null | undefined;
+        shippingState?: string | null | undefined;
+        shippingCountry?: string | null | undefined;
+        shippingCity?: string | null | undefined;
+        secondaryBillingContactIds?: string[] | null | undefined;
+        phone?: string | null | undefined;
+        payingAccountId?: string | null | undefined;
+        parentAccountId?: string | null | undefined;
+        ownerUserId?: string | null | undefined;
+        newQuoteBuilder?: boolean | null | undefined;
+        netPaymentDays?: number | null | undefined;
+        name?: string | null | undefined;
+        linkedinUrl?: string | null | undefined;
+        ipAddress?: string | null | undefined;
+        invoicedAccountId?: string | null | undefined;
+        invoiceTemplateId?: string | null | undefined;
+        industryId?: string | null | undefined;
+        groupId?: string | null | undefined;
+        fax?: string | null | undefined;
+        entityUseCode?: string | null | undefined;
+        entityId?: string | null | undefined;
+        employees?: number | null | undefined;
+        emailsEnabled?: boolean | null | undefined;
+        duns?: string | null | undefined;
+        draftInvoices?: boolean | null | undefined;
+        disableDunning?: boolean | null | undefined;
+        description?: string | null | undefined;
+        currencyId?: string | null | undefined;
+        consolidatedBilling?: boolean | null | undefined;
+        code?: string | null | undefined;
+        billingZip?: string | null | undefined;
+        billingStreet?: string | null | undefined;
+        billingState?: string | null | undefined;
+        billingCountry?: string | null | undefined;
+        billingContactId?: string | null | undefined;
+        billingContact?: {
+            title?: string | null | undefined;
+            salutation?: string | null | undefined;
+            portalAccess?: boolean | null | undefined;
+            phone?: string | null | undefined;
+            mobile?: string | null | undefined;
+            mailingZip?: string | null | undefined;
+            mailingStreet?: string | null | undefined;
+            mailingState?: string | null | undefined;
+            mailingCountry?: string | null | undefined;
+            mailingCity?: string | null | undefined;
+            linkedinUrl?: string | null | undefined;
+            lastName?: string | null | undefined;
+            firstName?: string | null | undefined;
+            email?: string | null | undefined;
+            description?: string | null | undefined;
+            code?: string | null | undefined;
+            campaignCode?: string | null | undefined;
+            accountId?: string | null | undefined;
+            accountCode?: string | null | undefined;
+        } | null | undefined;
+        billingCity?: string | null | undefined;
+        annualRevenue?: number | null | undefined;
+        accountTypeId?: string | null | undefined;
+    };
+    id: string;
+}, void>;
+export type CheckoutAccountAttributes = VariablesOf<typeof mutation>['attributes'];
+declare const accountUpdate: ({ token, apiHost, accountId, attributes, }: {
+    token?: string;
+    apiHost: string;
+    accountId: string;
+    attributes: CheckoutAccountAttributes;
+}) => Promise<void>;
+export default accountUpdate;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/contactUpdate.d.ts

@@ -0,0 +1,40 @@
+import { VariablesOf } from 'gql.tada';
+declare const mutation: import("gql.tada").TadaDocumentNode<{
+    contactUpdate: {
+        errors: string | null;
+        contact: {
+            id: string;
+        } | null;
+    } | null;
+}, {
+    attributes: {
+        title?: string | null | undefined;
+        salutation?: string | null | undefined;
+        portalAccess?: boolean | null | undefined;
+        phone?: string | null | undefined;
+        mobile?: string | null | undefined;
+        mailingZip?: string | null | undefined;
+        mailingStreet?: string | null | undefined;
+        mailingState?: string | null | undefined;
+        mailingCountry?: string | null | undefined;
+        mailingCity?: string | null | undefined;
+        linkedinUrl?: string | null | undefined;
+        lastName?: string | null | undefined;
+        firstName?: string | null | undefined;
+        email?: string | null | undefined;
+        description?: string | null | undefined;
+        code?: string | null | undefined;
+        campaignCode?: string | null | undefined;
+        accountId?: string | null | undefined;
+        accountCode?: string | null | undefined;
+    };
+    id: string;
+}, void>;
+export type CheckoutContactAttributes = VariablesOf<typeof mutation>['attributes'];
+declare const contactUpdate: ({ token, apiHost, contactId, attributes, }: {
+    token?: string;
+    apiHost: string;
+    contactId: string;
+    attributes: CheckoutContactAttributes;
+}) => Promise<void>;
+export default contactUpdate;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/quoteAddCoupon.d.ts

@@ -0,0 +1,11 @@
+declare const quoteAddCoupon: ({ token, apiHost, id, couponCode }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    couponCode: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default quoteAddCoupon;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/quoteChangeUpdate.d.ts

@@ -0,0 +1,7 @@
+declare const quoteChangeUpdate: ({ token, apiHost, id, trial }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    trial: boolean;
+}) => Promise<void>;
+export default quoteChangeUpdate;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/quoteCompose.d.ts

@@ -0,0 +1,9 @@
+declare const quoteCompose: ({ token, apiHost, priceListId }: {
+    token?: string;
+    apiHost: string;
+    priceListId: string;
+}) => Promise<{
+    id: string;
+    quoteChangeId: string | undefined;
+}>;
+export default quoteCompose;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/quoteRemoveCoupon.d.ts

@@ -0,0 +1,11 @@
+declare const quoteRemoveCoupon: ({ token, apiHost, id, couponCode }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    couponCode: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default quoteRemoveCoupon;

package/dist/cjs/types/src/components/Checkout/graphql/mutations/quoteSetDocumentTemplate.d.ts

@@ -0,0 +1,8 @@
+/** Sets the document template the composed quote is rendered with. quoteCompose takes no template. */
+declare const quoteSetDocumentTemplate: ({ token, apiHost, id, documentTemplateId, }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+    documentTemplateId: string;
+}) => Promise<void>;
+export default quoteSetDocumentTemplate;

package/dist/cjs/types/src/components/Checkout/graphql/queries/getCheckoutAccount.d.ts

@@ -0,0 +1,10 @@
+declare const getCheckoutAccount: ({ token, apiHost, accountId }: {
+    token?: string;
+    apiHost: string;
+    accountId: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        useCheckoutAccount_AccountFragment: "Account";
+    };
+} | null>;
+export default getCheckoutAccount;

package/dist/cjs/types/src/components/Checkout/graphql/queries/getCheckoutQuote.d.ts

@@ -0,0 +1,10 @@
+declare const getCheckoutQuote: ({ token, apiHost, id }: {
+    token?: string;
+    apiHost: string;
+    id: string;
+}) => Promise<{
+    [$tada.fragmentRefs]: {
+        Checkout_QuoteFragment: "Quote";
+    };
+}>;
+export default getCheckoutQuote;

package/dist/cjs/types/src/components/Checkout/hooks/useCheckoutAccount.d.ts

@@ -0,0 +1,21 @@
+/** The account behind the portal session, with the billing details the form is prefilled from. */
+export declare function useCheckoutAccount(): {
+    accountId: string | undefined;
+    account: {
+        id: string;
+        name: string | null;
+        billingCountry: string | null;
+        billingZip: string | null;
+        billingStreet: string | null;
+        billingCity: string | null;
+        billingState: string | null;
+        taxNumber: string | null;
+        billingContact: {
+            id: string;
+            email: string | null;
+            firstName: string;
+            lastName: string | null;
+        } | null;
+    } | null | undefined;
+    isFetched: boolean;
+};

package/dist/cjs/types/src/components/Checkout/hooks/useCheckoutCoupon.d.ts

@@ -0,0 +1,20 @@
+import type { FragmentOf } from 'gql.tada';
+import { Checkout_QuoteFragment } from '../graphql/fragments/Checkout_QuoteFragment';
+/**
+ * The coupon on the composed quote. Applying or removing one goes to the API and the returned quote
+ * replaces the cached one; the preview then re-prices with the coupon the quote carries. An invalid
+ * code is reported by the global error handler and leaves the editor open.
+ */
+export declare function useCheckoutCoupon({ quoteId, quote: maskedQuote, }: {
+    quoteId: string | undefined;
+    quote: FragmentOf<typeof Checkout_QuoteFragment> | undefined;
+}): {
+    couponCode: string | undefined;
+    setCouponCode: import("@tanstack/react-query").UseMutateFunction<{
+        [$tada.fragmentRefs]: {
+            Checkout_QuoteFragment: "Quote";
+        };
+    } | undefined, Error, string | undefined, unknown>;
+    isApplying: boolean;
+    isRemoving: boolean;
+};

package/dist/cjs/types/src/components/Checkout/hooks/useCheckoutQuote.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Composes the quote for the price list on the session's account as soon as everything it depends
+ * on is known, then serves it from the cache. Coupon changes write the updated quote back through
+ * `useSetCheckoutQuoteQueryData`. Taxes are calculated by the API when the quote is checked out.
+ */
+export declare function useCheckoutQuote({ priceListId, trial, couponCode, documentTemplateId, enabled, }: {
+    priceListId: string | undefined;
+    trial: boolean;
+    /** Applied once, on creation. An invalid code is dropped rather than blocking the checkout. */
+    couponCode: string | undefined;
+    /** Set once, on creation. A failure only loses the quote PDF, so it doesn't block the checkout. */
+    documentTemplateId: string | undefined;
+    enabled: boolean;
+}): {
+    quote: NoInfer<{
+        [$tada.fragmentRefs]: {
+            Checkout_QuoteFragment: "Quote";
+        };
+    }> | undefined;
+    quoteId: string | undefined;
+    isCreating: boolean;
+};

package/dist/cjs/types/src/components/Checkout/hooks/useCheckoutSubmit.d.ts

@@ -0,0 +1,13 @@
+import type { CheckoutFormValues } from '../../CheckoutShared/contexts/CheckoutConfigContext';
+/**
+ * Checks the composed quote out for the session's account: saves the edited billing details and
+ * contact, stores a new card on the account (or uses the chosen saved one) and pays. The API taxes
+ * the quote with the saved address as part of the checkout. Nothing is due for a trial, so that path
+ * checks out without a payment method.
+ */
+export declare function useCheckoutSubmit({ quoteId }: {
+    quoteId: string | undefined;
+}): {
+    submit: (values: CheckoutFormValues) => void;
+    isProcessing: boolean;
+};

package/dist/cjs/types/src/components/Checkout/hooks/useSetCheckoutQuoteQueryData.d.ts

@@ -0,0 +1,4 @@
+import { FragmentOf } from 'gql.tada';
+import { Checkout_QuoteFragment } from '../graphql/fragments/Checkout_QuoteFragment';
+/** Writes a quote returned by a mutation into the cache `useCheckoutQuote` reads from. */
+export declare function useSetCheckoutQuoteQueryData(): (quote: FragmentOf<typeof Checkout_QuoteFragment>) => void;

package/dist/cjs/types/src/components/Checkout/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Checkout } from './Checkout';
+export type { CheckoutProps } from './Checkout';
+export type { CheckoutCallbacks, CheckoutDefaultValues, CheckoutDisabledFields, CheckoutFormOptions, RequiredBillingDetailsFlags, } from '../CheckoutShared/contexts/CheckoutConfigContext';
+export type * from '../CheckoutShared/appearance/types';

package/dist/cjs/types/src/components/Checkout/utils/accountDefaultValues.d.ts

@@ -0,0 +1,7 @@
+import type { ResultOf } from 'gql.tada';
+import type { CheckoutDefaultValues } from '../../CheckoutShared/contexts/CheckoutConfigContext';
+import { useCheckoutAccount_AccountFragment } from '../graphql/fragments/useCheckoutAccount_AccountFragment';
+type Account = ResultOf<typeof useCheckoutAccount_AccountFragment>;
+/** The form values an existing account prefills. Empty account fields are left out so consumer defaults can fill them. */
+export declare function accountDefaultValues(account: Account | null | undefined): CheckoutDefaultValues;
+export {};

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

@@ -0,0 +1,8 @@
+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/cjs/types/src/components/CheckoutShared/appearance/CheckoutAppearanceProvider.d.ts

@@ -0,0 +1,14 @@
+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/cjs/types/src/components/CheckoutShared/appearance/adapters/stripe.d.ts

@@ -0,0 +1,9 @@
+import type { Appearance as StripeAppearance, StripeElementsOptions } from '@stripe/stripe-js';
+import type { ResolvedAppearance } from '../resolveAppearance';
+/** The resolved appearance in Stripe's terms, so the Payment Element is drawn like the form's own fields. */
+export declare function toStripeAppearance({ variables, rules, sharedSelectors, darkMode, pageFontFamily, }: ResolvedAppearance): StripeAppearance;
+/** `appearance` and `fonts` for Stripe's `<Elements>`. `fonts` can't change once the group is created. */
+export declare function useStripeAppearance(): {
+    appearance: StripeAppearance;
+    fonts: NonNullable<StripeElementsOptions['fonts']>;
+};

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

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

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

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

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

@@ -0,0 +1,21 @@
+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/cjs/types/src/components/CheckoutShared/appearance/ruleGroups.d.ts

@@ -0,0 +1,17 @@
+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/cjs/types/src/components/CheckoutShared/appearance/rules.d.ts

@@ -0,0 +1,27 @@
+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/cjs/types/src/components/CheckoutShared/appearance/rulesToCss.d.ts

@@ -0,0 +1,5 @@
+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/cjs/types/src/components/CheckoutShared/appearance/scripts/dumpAppearance.d.ts

@@ -0,0 +1 @@
+export {};