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

package/dist/cjs/types/src/components/Quote/queries/getFormattedQuote.d.ts

@@ -32,7 +32,7 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
                 id: string;
                 isDefault: boolean | null;
                 lastSuccess: unknown;
-                paymentType: "ach" | "card" | "other" | "wire" | null;
+                paymentType: "card" | "other" | "ach" | "wire" | null;
                 pluginId: string | null;
                 state: "FAILED" | "UNKNOWN" | "SUCCESS" | null;
                 updatedAt: unknown;

package/dist/cjs/types/src/components/QuoteProvider/fragments/quoteFragment.d.ts

@@ -25,7 +25,7 @@ export declare const QuoteContext_QuoteFragment: import("gql.tada").TadaDocument
             priceListCharge: {
                 id: string;
                 chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
-                pricingModel: "BANDS" | "FLAT" | "TIERED" | "VOLUME" | null;
+                pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
                 quantityMin: number | null;
                 quantityMax: number | null;
                 selfServiceQuantity: boolean | null;

package/dist/cjs/types/src/components/QuoteProvider/hooks/useQuoteCreate.d.ts

@@ -5,7 +5,7 @@ export declare const useQuoteCreate_SubscriptionFragment: import("gql.tada").Tad
     priceList: {
         id: string;
     } | null;
-    state: "ACTIVE" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
 }, {}, {
     fragment: "useQuoteCreate_SubscriptionFragment";
     on: "Subscription";

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

@@ -6,8 +6,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const DisabledFields: 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/Subscriptions/AddonSubscriptionCards.d.ts

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

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

@@ -1,5 +1,5 @@
-declare const CheckIcon: ({ backgroundColor, size, }: {
-    backgroundColor: string;
+/** A round tick in the primary color (`.CheckIcon`). */
+declare const CheckIcon: ({ size }: {
     size: string;
 }) => import("react").JSX.Element;
 export default CheckIcon;

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

@@ -1,14 +1,14 @@
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, onPaymentMethodSaved, onPaymentMethodRemoved, onSubscriptionUpgradeClick, }: {
+import { type Appearance } from '../../ui/appearance';
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, style, appearance, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, onPaymentMethodSaved, onPaymentMethodRemoved, onSubscriptionUpgradeClick, }: {
     handlePortalErrors?: (errors: any) => void;
     companyName: string;
     isInPreviewMode?: boolean;
     productId?: string;
     className?: string;
-    styles?: {
-        gap?: number;
-        shadow?: "none" | "sm" | "md" | "lg";
-        subscriptionProductNameStyle?: React.CSSProperties;
-    };
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     noSubscriptionsComponent?: React.ReactNode;
     showInactiveSubscriptions?: boolean;
     showInactiveSubscriptionsToggle?: boolean;

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

@@ -0,0 +1,67 @@
+import type { ResolvedVariables } from '../../ui/appearance/variables';
+export declare function subscriptionsRules(v: ResolvedVariables): {
+    internal: {
+        '.AddonLine': {
+            backgroundColor: string;
+        };
+        '.SubscriptionList .Heading': {
+            fontSize: string;
+        };
+        '.SubscriptionList .Overline': {
+            fontWeight: string;
+        };
+        '.SubscriptionList .Checkbox': {
+            borderWidth: string;
+        };
+        '.QuantityGrid .Divider': {
+            margin: string;
+        };
+        '.QuantityGrid .Heading': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.QuantityGrid .Overline': {
+            fontSize: string;
+            lineHeight: string;
+        };
+        '.Text.QuantityChargeName': {
+            textTransform: string;
+        };
+        '.Text.DrawerDescription': {
+            fontWeight: string;
+        };
+        '.Heading.EmptyMessage': {
+            fontSize: string;
+            fontWeight: string;
+        };
+        '.UsageTooltip': {
+            borderRadius: string;
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        '.TierRow': {
+            padding: string;
+            borderTop: string;
+        };
+        '.HeaderModal': {
+            padding: string;
+            overflow: string;
+        };
+        '.HeaderModalBand': {
+            backgroundColor: string;
+        };
+        '.Subscriptions .ButtonSecondary--compact': {
+            padding: string;
+        };
+    };
+    public: {
+        '.Subscriptions .ButtonSecondary': {
+            borderWidth: string;
+        };
+        '.Subscriptions': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    };
+};

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

@@ -5,8 +5,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Mobile: Story;
-export declare const NoShadow: Story;
-export declare const CustomClassName: Story;
-export declare const DarkMode: Story;
 export declare const PreviewMode: Story;
-export declare const PreviewModeWithClassName: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/priceListCardDesktop/PriceListCardDesktop.d.ts

@@ -6,7 +6,7 @@ export declare const PriceListCardDesktop_PriceListFragment: import("gql.tada").
     deprecated: boolean | null;
     plan: {
         id: string;
-        pricingStyle: "CONTACT_US" | "FREE" | "PRICED";
+        pricingStyle: "FREE" | "PRICED" | "CONTACT_US";
         contactUsUrl: string | null;
         name: string;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceListCardButton.d.ts

@@ -4,7 +4,7 @@ export declare const PriceListCardButton_PriceListFragment: import("gql.tada").T
     id: string;
     plan: {
         id: string;
-        pricingStyle: "CONTACT_US" | "FREE" | "PRICED";
+        pricingStyle: "FREE" | "PRICED" | "CONTACT_US";
         contactUsLabel: string | null;
     } | null;
 }, {}, {
@@ -26,7 +26,9 @@ export declare const PriceListCardButtonUpgradingSubscription_SubscriptionFragme
     on: "Subscription";
     masked: true;
 }>;
+/** The plan card's call to action. The card is the control, so this only labels it. */
 declare const PriceListCardButton: ({ disableSelectCurrentPlan, isPriceListCurrentSubscription, isSelected, priceList: maskedPriceList, subscriptionPlan, }: {
+    /** The card cannot be chosen (the current plan): the label looks disabled. */
     disableSelectCurrentPlan: boolean;
     isPriceListCurrentSubscription: boolean;
     isSelected: boolean;

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/priceListCard/PriceListCardPrice.d.ts

@@ -8,8 +8,10 @@ export declare const PriceListCardPrice_PriceListFragment: import("gql.tada").Ta
     on: "PriceList";
     masked: true;
 }>;
-declare const PriceListCardPrice: ({ className, priceList: maskedPriceList, }: {
+declare const PriceListCardPrice: ({ className, display, priceList: maskedPriceList, }: {
     className?: string;
+    /** The plan's price is the large amount of its card; an add-on's is not. */
+    display?: boolean;
     priceList: FragmentOf<typeof PriceListCardPrice_PriceListFragment>;
 }) => import("react").JSX.Element;
 export default PriceListCardPrice;

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

@@ -1,4 +1,5 @@
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPaymentMethodSaved, onPaymentMethodRemoved, upgradingSubscriptionId, isInPreviewMode, productId, className, shadow, defaultBillingPeriod, }: {
+import { type Appearance } from '../../../ui/appearance';
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPaymentMethodSaved, onPaymentMethodRemoved, upgradingSubscriptionId, isInPreviewMode, productId, className, style, appearance, defaultBillingPeriod, }: {
     onChangePlanCancel?: () => void;
     handlePortalErrors?: (error: any) => void;
     onPaymentMethodSaved?: (paymentMethodId: string) => void;
@@ -7,7 +8,10 @@ declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPayme
     isInPreviewMode?: boolean;
     productId?: string | undefined;
     className?: string;
-    shadow?: "none" | "sm" | "md" | "lg";
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
     /**
      * If provided and the billing period is available, the billing period selector will default to this value.
      */

package/dist/cjs/types/src/components/Subscriptions/Upgrade/Upgrade.rules.d.ts

@@ -0,0 +1,99 @@
+import type { RuleContext } from '../../../ui/appearance/ruleGroups';
+import type { ResolvedVariables } from '../../../ui/appearance/variables';
+export declare function upgradeRules(v: ResolvedVariables, { isMobile }: RuleContext): {
+    internal: {
+        '.FeatureGrid .Overline': {
+            fontSize: string;
+        };
+        '.PlanGrid .Card'?: {
+            border: string;
+            borderRadius: string;
+            boxShadow: string;
+        } | undefined;
+        '.PlanGrid .Card:hover'?: {
+            boxShadow: string;
+        } | undefined;
+        '.PlanGrid .Card--selected'?: {
+            borderColor: string;
+            boxShadow: string;
+        } | undefined;
+        '.ButtonIcon.PlanPager': {
+            width: string;
+            height: string;
+            margin: string;
+            borderRadius: string;
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        '.ButtonIcon.PlanPager:hover': {
+            backgroundColor: string;
+        };
+        '.PlanGrid .ColumnDivider': {
+            borderLeft: string;
+        };
+        '.FeatureGrid .ColumnDivider': {
+            borderLeft: string;
+        };
+        '.FeatureCell[data-alternate="true"]': {
+            backgroundColor: string;
+        };
+        '.AddonPlanRow .Heading': {
+            fontSize: string;
+            fontWeight: string;
+        };
+        '.Overline.AddonPlansTitle': {
+            fontSize: string;
+        };
+        '.AddonPlanModal': {
+            padding: string;
+        };
+        '.PriceDescription p': {
+            margin: string;
+        };
+        '.CheckIcon': {
+            borderRadius: string;
+            backgroundColor: string;
+        };
+        '.CheckIcon path': {
+            stroke: string;
+        };
+        '.PlanGrid .Heading': {
+            fontWeight: string;
+        };
+        '.PlanGrid .Amount--display': {
+            fontWeight: string;
+        };
+        '.PlanGrid .Divider': {
+            margin: string;
+        };
+        '.PlanGrid .ButtonSecondary': {
+            borderWidth: string;
+        };
+        '.PlanGrid .ButtonSecondary--compact': {
+            padding: string;
+        };
+        '.PlanColumn': {
+            height: string;
+        };
+        'button.PlanColumn': {
+            margin: string;
+            border: string;
+            background: string;
+            color: string;
+            font: string;
+            textAlign: string;
+            cursor: string;
+        };
+        'button.PlanColumn:focus-visible': {
+            outline: string;
+            outlineOffset: string;
+        };
+    };
+    public: {
+        '.Upgrade': {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    };
+};

package/dist/cjs/types/src/components/Subscriptions/Upgrade/Upgrade.stories.d.ts

@@ -5,8 +5,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Mobile: Story;
-export declare const DarkMode: Story;
-export declare const NoShadow: Story;
-export declare const CustomClassName: Story;
+export declare const ChangePlan: Story;
 export declare const DefaultBillingPeriodAnnual: Story;
-export declare const PrideTheme: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/Subscriptions/context/subscriptionPropsContext.d.ts

@@ -1,9 +1,5 @@
 export type SubscriptionProps = {
-    gap?: number;
-    shadow?: 'none' | 'sm' | 'md' | 'lg';
     showTitle?: boolean;
-    className?: string;
-    subscriptionProductNameStyle?: React.CSSProperties;
     productId?: string;
     isInPreviewMode: boolean;
     showInactiveSubscriptions?: boolean;

package/dist/cjs/types/src/components/Subscriptions/context/upgradingSubscriptionContext.d.ts

@@ -1,7 +1,7 @@
 export declare const UpgradingSubscriptionProvider: ({ value, children }: {
     value: {
         id: string;
-        state: "ACTIVE" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+        state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
         priceList: {
             id: string;
             plan: {
@@ -34,7 +34,7 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
     children?: import("react").ReactNode;
 }) => import("react").JSX.Element, useUpgradingSubscription: () => {
     id: string;
-    state: "ACTIVE" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
         plan: {

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

@@ -1,5 +1,5 @@
 export declare const Subscriptions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     id: string;
     [$tada.fragmentRefs]: {
         SubscriptionsListContainer_SubscriptionFragment: "Subscription";

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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
         plan: {

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

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

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

@@ -6,7 +6,7 @@ export declare const SubscriptionChargeUnitPrice_SubscriptionChargeFragment: imp
     priceDecimals: number | 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: "BANDS" | "FLAT" | "TIERED" | "VOLUME" | null;
+    pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     isAmendment: boolean;
     priceTiers: {
         starts: number | null;

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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    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/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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    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/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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     evergreen: boolean;
     startDate: unknown;
     endDate: unknown;

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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    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" | "CANCELED" | "EXPIRED" | "PENDING" | "TRIAL" | "TRIAL_EXPIRED";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceBuy: boolean | null;
     } | null;

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/Subscriptions/tieredDisplayDropdown/util.d.ts

@@ -4,7 +4,7 @@ export declare const getApplicablePriceTier_SubscriptionChargeFragment: import("
         starts: number | null;
         price: number | null;
     }[] | null;
-    pricingModel: "BANDS" | "FLAT" | "TIERED" | "VOLUME" | null;
+    pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     quantity: number | null;
 }, {}, {
     fragment: "getApplicablePriceTier_SubscriptionChargeFragment";

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

@@ -5,13 +5,15 @@ export { Quotes } from './tables/Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
 export { Checkout } from './Checkout';
-export type * from './CheckoutShared/appearance/types';
+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

@@ -5,7 +5,7 @@ export declare const PricingTooltip_PriceListChargeFragment: import("gql.tada").
         starts: number | null;
         price: number | null;
     }[] | null;
-    pricingModel: "BANDS" | "FLAT" | "TIERED" | "VOLUME" | null;
+    pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     feature: {
         unitName: string | null;
     } | null;

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

@@ -2,7 +2,7 @@ import { FragmentOf } from 'gql.tada';
 export declare const ChargePriceTiers_PriceListChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
     name: string;
-    pricingModel: "BANDS" | "FLAT" | "TIERED" | "VOLUME" | null;
+    pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     priceDecimals: number | null;
     priceListChargeTiers: {
         starts: number | null;

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 {};