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

package/dist/cjs/types/src/components/Subscriptions/fragments/UpgradingSubscriptionContext_SubscriptionFragment.d.ts

@@ -1,6 +1,6 @@
 export declare const UpgradingSubscriptionContext_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
         plan: {
@@ -13,7 +13,7 @@ export declare const UpgradingSubscriptionContext_SubscriptionFragment: import("
     [$tada.fragmentRefs]: {
         SubscriptionsList_SubscriptionFragment: "Subscription";
     } & {
-        Checkout_SubscriptionFragment: "Subscription";
+        UpgradeCheckout_SubscriptionFragment: "Subscription";
     } & {
         PriceListSelectorUpgradingSubscription_SubscriptionFragment: "Subscription";
     } & {

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/fragments/QuantityDrawer_QuoteFragment.d.ts

@@ -1,7 +1,7 @@
 export declare const QuantityDrawer_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     [$tada.fragmentRefs]: {
-        Checkout_QuoteFragment: "Quote";
+        UpgradeCheckout_QuoteFragment: "Quote";
     } & {
         QuantityInput_QuoteFragment: "Quote";
     } & {

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/utils/utils.d.ts

@@ -4,7 +4,7 @@ export declare const CanShowQuantitiesInput_SubscriptionChargeFragment: import("
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     expired: boolean;
     selfServiceQuantity: boolean | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
 }, {}, {
     fragment: "CanShowQuantitiesInput_SubscriptionChargeFragment";
@@ -13,7 +13,7 @@ export declare const CanShowQuantitiesInput_SubscriptionChargeFragment: import("
 }>;
 export declare const CanShowQuantitiesInput_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionChargeTotal.d.ts

@@ -3,7 +3,7 @@ export declare const SubscriptionChargeTotal_SubscriptionChargeFragment: import(
     billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     trial: boolean;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     price: string | null;
     periodPrice: number | null;
 }, {}, {

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionChargeUnitPrice.d.ts

@@ -4,7 +4,7 @@ export declare const SubscriptionChargeUnitPrice_SubscriptionChargeFragment: imp
     price: string | null;
     discountedPrice: string | null;
     priceDecimals: number | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     isAmendment: boolean;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionsList.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionsList_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     [$tada.fragmentRefs]: {
         splitSubscriptionsByPriceList_SubscriptionFragment: "Subscription";
     } & {

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardColumnHeaders.d.ts

@@ -1,12 +1,8 @@
 declare const SubscriptionCardColumnHeaders: ({ columns, }: {
-    columns: ({
+    columns: {
         title: string;
         width: string;
-        className?: undefined;
-    } | {
-        className: string;
-        title: string;
-        width: string;
-    })[];
+        className?: string;
+    }[];
 }) => import("react").JSX.Element;
 export default SubscriptionCardColumnHeaders;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardDesktopRow.d.ts

@@ -5,7 +5,7 @@ export declare const SubscriptionCardDesktopRow_SubscriptionChargeFragment: impo
     trial: boolean;
     startDate: unknown;
     endDate: unknown;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     quantity: number | null;
     name: string | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/SubscriptionCardHeader.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionCardHeader_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     daysLeftInTrial: number | null;
     product: {
         id: string;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/components/SubscriptionCardActions.d.ts

@@ -13,7 +13,7 @@ export declare const SubscriptionCardActions_PriceListChangeOptionsFragment: imp
 }>;
 export declare const SubscriptionCardActions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceCancel: boolean | null;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/components/SubscriptionStatusText.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionStatusText_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     cancellationDate: unknown;
     evergreen: boolean;
     endDate: unknown;
@@ -16,4 +16,4 @@ export declare const SubscriptionStatusText_SubscriptionFragment: import("gql.ta
 }>;
 export declare function SubscriptionStatusText({ subscription: maskedSubscription, }: {
     subscription: FragmentOf<typeof SubscriptionStatusText_SubscriptionFragment>;
-}): JSX.Element | string;
+}): JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardMobile.d.ts

@@ -14,7 +14,7 @@ export declare const SubscriptionCardMobile_SubscriptionFragment: import("gql.ta
         };
         isRamp: boolean;
         name: string | null;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         startDate: unknown;
         endDate: unknown;
         quantity: number | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -19,7 +19,7 @@ export declare const hasPriceTiers: (charge: {
 export declare const getUpdatingChargeQuantityId: (charge: SubscriptionCharge, subscription: Subscription) => string;
 export declare const splitSubscriptionsByPriceList_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     evergreen: boolean;
     startDate: unknown;
     endDate: unknown;
@@ -35,7 +35,7 @@ export declare const splitSubscriptionsByPriceList_SubscriptionFragment: import(
         } | null;
     }[] | null;
     chargeReport: {
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         startDate: unknown;
         endDate: unknown;
         priceList: {

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/canSubscriptionUpgradeFromTrial.d.ts

@@ -1,6 +1,6 @@
 import { FragmentOf } from 'gql.tada';
 export declare const canSubscriptionUpgradeFromTrial_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceBuy: boolean | null;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/canSubscriptionUpgradeFromTrialExpired.d.ts

@@ -1,6 +1,6 @@
 import { FragmentOf } from 'gql.tada';
 export declare const canSubscriptionUpgradeFromTrialExpired_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceBuy: boolean | null;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/sortSubscriptionCharges.d.ts

@@ -2,7 +2,7 @@ import { FragmentOf } from 'gql.tada';
 export declare const sortSubscriptionCharges_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     priceListChargeId: string | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     endDate: unknown;
     startDate: unknown;
     isAmendment: boolean;

package/dist/cjs/types/src/components/Subscriptions/tagConsts.d.ts

@@ -1 +1,2 @@
-export declare const TAG_COLORS: Record<string, string>;
+import type { TagColor } from '@/ui/components/Tag/Tag.rules';
+export declare const TAG_COLORS: Record<string, TagColor | undefined>;

package/dist/cjs/types/src/components/{Checkout → UpgradeCheckout}/QuoteCheckout.d.ts

@@ -8,7 +8,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
     accountId: string;
     amountDue: number | null;
     amount: number;
-    smallUnitAmountDue: number | null;
+    smallUnitAmountDue: unknown;
     currencyId: string;
     payableId: string | null;
     periodAmount: number | null;
@@ -22,11 +22,11 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
         amount: number | null;
         startDate: unknown;
     }[];
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE";
     quoteChanges: {
         currencyId: string;
         id: string | null;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE";
         charges: {
             subtotal: number | null;
             amountsByPeriod: {
@@ -51,7 +51,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
                 couponCode: string;
             } | null;
             quantity: number | null;
-            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         }[];
         priceList: {
             id: string;

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

@@ -0,0 +1,41 @@
+import FormattedInvoice from '@/types/FormattedInvoice';
+import { FragmentOf } from 'gql.tada';
+export declare const UpgradeCheckout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    accountId: string;
+    formattedQuote: {
+        html: string | null;
+    } | null;
+    [$tada.fragmentRefs]: {
+        QuoteCheckout_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "UpgradeCheckout_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+export declare const UpgradeCheckout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    id: string;
+    [$tada.fragmentRefs]: {
+        QuoteCheckout_SubscriptionFragment: "Subscription";
+    };
+}, {}, {
+    fragment: "UpgradeCheckout_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
+type UpgradeCheckoutProps = {
+    invoice?: FormattedInvoice;
+    onCancel: () => void;
+    onFail: (error: any) => void;
+    onSuccess: () => void;
+    onRecalculateTaxes: (quoteId: string) => void;
+    open: boolean;
+    quote?: FragmentOf<typeof UpgradeCheckout_QuoteFragment> | null;
+    upgradingSubscription?: FragmentOf<typeof UpgradeCheckout_SubscriptionFragment> | null;
+    token?: string;
+    isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
+};
+declare const UpgradeCheckout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, upgradingSubscription: maskedUpgradingSubscription, isUpdatingQuote, isRecalculatingTaxes, }: UpgradeCheckoutProps) => import("react").JSX.Element | null;
+export default UpgradeCheckout;

package/dist/cjs/types/src/components/UpgradeCheckout/UpgradeCheckout.rules.d.ts

@@ -0,0 +1,17 @@
+import type { RuleContext } from '../../ui/appearance/ruleGroups';
+import type { ResolvedVariables } from '../../ui/appearance/variables';
+export declare function upgradeCheckoutRules(v: ResolvedVariables, { isMobile }: RuleContext): {
+    internal: {
+        '.UpgradeCheckout': {
+            backgroundColor: string;
+        };
+        '.UpgradeCheckoutContent': {
+            boxSizing: string;
+            width: string;
+            maxWidth: string;
+            margin: string;
+            padding: string;
+        };
+    };
+    public: {};
+};

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

@@ -4,11 +4,16 @@ export { Quote } from './Quote';
 export { Quotes } from './tables/Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
-export type { DefaultSignupValues, DisabledSignupFields, RequiredBillingDetailsFlags, SignupCallbacks, SignupFormOptions, SignupProps, } from './Signup';
+export { Checkout } from './Checkout';
+export type { Appearance, AppearanceRules, AppearanceVariables, AppearanceStyle, AppearanceSharedStyle, AppearanceFont, } from '../ui/appearance/types';
+export type { AppearanceBlockStyle, AppearanceRuleStyle, RuleProperty, } from '../ui/appearance/deprecatedTypes';
+export type { CheckoutCallbacks, CheckoutDefaultValues, CheckoutDisabledFields, CheckoutFormOptions, CheckoutProps, RequiredBillingDetailsFlags, } from './Checkout';
+export type { SignupProps } from './Signup';
+export type { default as FormattedInvoice } from '../types/FormattedInvoice';
 export { default as BunnyProvider } from './BunnyProvider/BunnyProvider';
 export { default as Transactions } from './tables/Transactions';
 export { Subscriptions } from './Subscriptions';
 export { BillingDetails } from './BillingDetails';
 export { Footer } from './Footer';
-export { MiniCreditCard } from './PaymentForm/DemoPay/CreditCard';
+export { MiniCreditCard } from './PaymentForm/components/MiniCreditCard';
 export { Upgrade } from './Subscriptions';

package/dist/cjs/types/src/components/priceListPricing/PricingTooltip.d.ts

@@ -1,4 +1,5 @@
 import { FragmentOf } from 'gql.tada';
+import { ReactNode } from 'react';
 export declare const PricingTooltip_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
     priceListChargeTiers: {
         starts: number | null;
@@ -10,6 +11,8 @@ export declare const PricingTooltip_PriceListChargeFragment: import("gql.tada").
     } | null;
     priceDecimals: number | null;
     basePrice: number;
+    price: unknown;
+    chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     name: string;
     [$tada.fragmentRefs]: {
         priceListChargePriceDescription_PriceListChargeFragment: "PriceListCharge";
@@ -35,8 +38,10 @@ export declare const PricingTooltip_PriceListFragment: import("gql.tada").TadaDo
     on: "PriceList";
     masked: true;
 }>;
-export declare const PricingTooltip: ({ className, priceListCharges: maskedPriceListCharges, currencyId, }: {
+export declare const PricingTooltip: ({ className, priceListCharges: maskedPriceListCharges, currencyId, children, }: {
     className?: string;
     priceListCharges: FragmentOf<typeof PricingTooltip_PriceListChargeFragment>[];
     currencyId: string;
+    /** The hover trigger; defaults to an info icon. */
+    children?: ReactNode;
 }) => import("react").JSX.Element;

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteResourceTable.d.ts

@@ -1,10 +1,9 @@
 import { ReactNode } from 'react';
-import { ShadowType } from '../../../types/shadowType';
+import { type Appearance } from '../../../ui/appearance';
 import { Column, CursorPage, InfiniteTableQueryArgs } from './types';
 export type InfiniteResourceTableDisplayOptions = {
     className?: string;
     style?: React.CSSProperties;
-    shadow?: ShadowType;
     showTitle?: boolean;
     title?: string;
     showSearchBar?: boolean;
@@ -29,6 +28,10 @@ type Props<T> = {
     detailTitle: string | ((item: T) => string);
     renderDetail: (item: T) => ReactNode;
     onRowClick?: (row: T) => void;
+    /** The list's region class: each exported list is a region of its own. */
+    region: 'bunny-Invoices' | 'bunny-Quotes' | 'bunny-Transactions';
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     displayOptions?: InfiniteResourceTableDisplayOptions;
     behaviorOptions?: InfiniteResourceTableBehaviorOptions;
 };
@@ -37,5 +40,5 @@ type Props<T> = {
  * detail drawer/modal. Owns selection state; delegates data, columns, and
  * detail rendering to the caller.
  */
-export default function InfiniteResourceTable<T>({ queryKey, queryFn, columns, getRowKey, renderMobileRow, emptyMessage, searchValue, onSearchChange, detailTitle, renderDetail, onRowClick, displayOptions, behaviorOptions, }: Props<T>): import("react").JSX.Element;
+export default function InfiniteResourceTable<T>({ queryKey, queryFn, columns, getRowKey, renderMobileRow, emptyMessage, searchValue, onSearchChange, detailTitle, renderDetail, onRowClick, region, appearance, displayOptions, behaviorOptions, }: Props<T>): import("react").JSX.Element;
 export {};

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTable.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { ShadowType } from '../../../types/shadowType';
 import { Column, CursorPage, InfiniteTableQueryArgs } from './types';
 type Props<T> = {
     /** Base cache key. `rowsPerPage` is appended automatically. */
@@ -18,12 +17,10 @@ type Props<T> = {
     renderEmpty?: () => ReactNode;
     /** Force a page size. When omitted the table auto-sizes to the viewport. Must be 1-100. */
     rowsPerPage?: number;
-    /** Card shadow class. */
-    shadow?: ShadowType;
     className?: string;
     style?: React.CSSProperties;
     /** Escape hatch: on mobile, render each row with this callback instead of the columns grid. */
     renderMobileRow?: (row: T) => ReactNode;
 };
-declare function InfiniteTable<T>({ queryKey, queryFn, getRowKey, columns, onRowClick, emptyMessage, renderEmpty, rowsPerPage, shadow, className, style, renderMobileRow, }: Props<T>): import("react").JSX.Element;
+declare function InfiniteTable<T>({ queryKey, queryFn, getRowKey, columns, onRowClick, emptyMessage, renderEmpty, rowsPerPage, className, style, renderMobileRow, }: Props<T>): import("react").JSX.Element;
 export default InfiniteTable;

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTable.rules.d.ts

@@ -0,0 +1,85 @@
+import type { ResolvedVariables } from '../../../ui/appearance/variables';
+export declare function infiniteTableRules(v: ResolvedVariables): {
+    internal: {
+        '.TableRow > .TableCell': {
+            backgroundColor: string;
+        };
+        '.TableRow .ShowOnHover': {
+            opacity: string;
+        };
+        '.TableRow:hover .ShowOnHover': {
+            opacity: string;
+        };
+        '.Text.TableCaption': {
+            fontSize: string;
+        };
+        '.TablePager': {
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '.Link.ButtonLink.PagerButton': {
+            color: string;
+        };
+        '.Link.ButtonLink.PagerButton:hover': {
+            color: string;
+        };
+        '.Link--current': {
+            color: string;
+            fontWeight: string;
+        };
+        '.Input--compact.SearchInput': {
+            paddingTop: string;
+            paddingBottom: string;
+            borderWidth: string;
+        };
+        '.SearchIcon': {
+            color: string;
+        };
+    };
+    public: {
+        '.Table': {};
+        '.TableCell': {
+            padding: string;
+            fontSize: string;
+            color: string;
+        };
+        '.TableHeaderCell': {
+            color: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        '.TableRow': {};
+        '.TableRow--alternate': {
+            backgroundColor: string;
+        };
+        '.Invoices .Heading': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.Quotes .Heading': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.Transactions .Heading': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.Invoices': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+        '.Quotes': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+        '.Transactions': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    };
+};

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTableGridCell.d.ts

@@ -1,2 +1,8 @@
-declare const InfiniteTableGridCell: any;
-export default InfiniteTableGridCell;
+import type { ReactNode } from 'react';
+/** One cell of the table's grid, for a header or a row. Look comes from the `.TableCell` (and `.TableHeaderCell`) rules. */
+export default function InfiniteTableGridCell({ right, head, gridColumn, children, }: {
+    right?: boolean;
+    head?: boolean;
+    gridColumn?: string | number;
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/tables/InfiniteTable/types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { ShadowType } from '../../../types/shadowType';
 export type { CursorPage } from '../../../graphql/queries/paginatedQuery';
 export type ColumnAlign = 'left' | 'right';
 export type Column<T> = {
@@ -34,8 +33,6 @@ export type TableDisplayOptions<ColumnKey extends string> = {
     className?: string;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** Card shadow class */
-    shadow?: ShadowType;
     /** Whether to open the row detail in a modal instead of a drawer */
     useModal?: boolean;
     /** A custom class name to apply to the search bar */

package/dist/cjs/types/src/components/tables/Invoices/Invoices.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import Invoice from '@/types/Invoice';
+import Invoice from '../../../types/Invoice';
+import type { Appearance } from '../../../ui/appearance';
 import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
 import { InvoiceColumnKey, InvoiceDateType } from './invoicesList/getInvoiceColumns';
 export type InvoicesDisplayOptions = TableDisplayOptions<InvoiceColumnKey>;
@@ -9,7 +10,7 @@ export type InvoicesBehaviorOptions = TableBehaviorOptions & {
     /** Whether to hide the payment form on invoices */
     hidePaymentForm?: boolean;
 };
-export default function Invoices({ invoiceComponent, onInvoiceClick, filter, sort, displayOptions, behaviorOptions, }: {
+export default function Invoices({ invoiceComponent, onInvoiceClick, filter, sort, appearance, displayOptions, behaviorOptions, }: {
     /** A custom component to render instead of the default invoice component */
     invoiceComponent?: React.ReactNode;
     /** A function to call when an invoice is clicked */
@@ -20,6 +21,8 @@ export default function Invoices({ invoiceComponent, onInvoiceClick, filter, sor
     filter?: string;
     /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
     sort?: string;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     displayOptions?: InvoicesDisplayOptions;
     behaviorOptions?: InvoicesBehaviorOptions;
 }): React.JSX.Element;

package/dist/cjs/types/src/components/tables/Invoices/Invoices.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Invoices from './Invoices';
+declare const meta: Meta<typeof Invoices>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithModal: Story;
+export declare const Mobile: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/tables/Invoices/invoicesList/getInvoiceColumns.d.ts

@@ -1,4 +1,4 @@
-import Invoice from '@/types/Invoice';
+import Invoice from '../../../../types/Invoice';
 import { Column } from '../../InfiniteTable';
 export type InvoiceColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 export type InvoiceDateType = 'createdAt' | 'issuedAt' | 'dueAt';

package/dist/cjs/types/src/components/tables/Quotes/Quotes.d.ts

@@ -1,9 +1,10 @@
-import { Quote } from '@/types/Quote';
+import { Quote } from '../../../types/Quote';
+import type { Appearance } from '../../../ui/appearance';
 import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
 import { QuoteColumnKey } from './quotesList/getQuoteColumns';
 export type QuotesDisplayOptions = TableDisplayOptions<QuoteColumnKey>;
 export type QuotesBehaviorOptions = TableBehaviorOptions;
-declare function Quotes({ renderQuote, onQuoteClick, filter, sort, displayOptions, behaviorOptions, }: {
+declare function Quotes({ renderQuote, onQuoteClick, filter, sort, appearance, displayOptions, behaviorOptions, }: {
     /** Render a custom quote component. Receives the quote as a parameter. */
     renderQuote?: (quote: Quote) => React.ReactNode;
     /** A function to call when a quote is clicked */
@@ -14,6 +15,8 @@ declare function Quotes({ renderQuote, onQuoteClick, filter, sort, displayOption
     filter?: string;
     /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
     sort?: string;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     displayOptions?: QuotesDisplayOptions;
     behaviorOptions?: QuotesBehaviorOptions;
 }): import("react").JSX.Element;

package/dist/cjs/types/src/components/tables/Quotes/Quotes.stories.d.ts

@@ -4,8 +4,6 @@ declare const meta: Meta<typeof Quotes>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Padding0BGRed: Story;
-export declare const NoShadow: Story;
 export declare const WithModal: Story;
 export declare const HideSearchBar: Story;
 export declare const HideTitle: Story;
@@ -18,5 +16,5 @@ export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
 export declare const WithCustomColumns5: Story;
-export declare const DarkMode: Story;
-export declare const CustomColors: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/tables/Quotes/quotesList/getQuoteColumns.d.ts

@@ -1,4 +1,4 @@
-import { Quote, QuoteState } from '@/types/Quote';
+import { Quote, QuoteState } from '../../../../types/Quote';
 import { Column } from '../../InfiniteTable';
 export type QuoteColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 declare const QuoteStateTag: ({ state }: {