@bunnyapp/components 1.8.0-beta.28 → 1.8.0-beta.29

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

@@ -1,16 +1,13 @@
 import '../../styles/index.less';
-import { ShadowType } from '../../types/shadowType';
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
-    className?: string;
+declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     countryListFilter?: (country: {
         value: string;
         label: string;
     }) => boolean;
     hideBillingDetailsForm?: boolean;
     hidePaymentMethodForm?: boolean;
-    isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
-    shadow?: ShadowType;
+    style?: React.CSSProperties;
     onSavePaymentMethod?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/BillingDetails/BillingDetails.stories.d.ts

@@ -1,14 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import BillingDetails from "./BillingDetails";
 declare const meta: Meta<typeof BillingDetails>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const NoShadow: Story;
-export declare const CustomClassName: Story;
-export declare const NoCard: Story;
 export declare const Mobile: Story;
 export declare const DarkMode: Story;
 export declare const HidePaymentMethodForm: Story;
 export declare const HideBillingDetailsForm: Story;
 export declare const HideBothForms: Story;
+export declare const PrideTheme: Story;

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

@@ -7,7 +7,7 @@ export type BunnyContextValues = {
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
@@ -17,6 +17,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

package/dist/esm/types/src/components/BunnyProvider/contexts/BunnyProviderCallbacksProvider.d.ts

@@ -3,11 +3,13 @@ declare const BunnyProviderCallbacksProvider: ({ value, children }: {
         onUserUnavailable?: () => void;
         onInvalidOrMissingAuthorization?: () => void;
         suppressUserUnavailableErrorNotification?: boolean;
+        disableErrorNotifications?: boolean;
     };
     children?: import("react").ReactNode;
 }) => import("react/jsx-runtime").JSX.Element, useBunnyProviderCallbacks: () => {
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
 };
 export { BunnyProviderCallbacksProvider, useBunnyProviderCallbacks };

package/dist/esm/types/src/components/Invoice/Invoice.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Invoice from './Invoice';
 declare const meta: Meta<typeof Invoice>;
 export default meta;

package/dist/esm/types/src/components/Quote/Quote.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Quote from './Quote';
 declare const meta: Meta<typeof Quote>;
 export default meta;

package/dist/esm/types/src/components/Quotes/Quotes.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Quotes from './Quotes';
 declare const meta: Meta<typeof Quotes>;
 export default meta;

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

@@ -1,9 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Signup from './Signup';
 declare const meta: Meta<typeof Signup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Mobile: Story;
-export declare const CustomClassName: Story;
 export declare const DarkMode: Story;

package/dist/esm/types/src/components/Signup/hooks/useSignupQuoteQueryData.d.ts

@@ -4,7 +4,7 @@ export declare const useSignupQuoteQueryData: ({ tokenOverride, }: {
     tokenOverride?: string;
 }) => {
     data: ResultOf<typeof Signup_QuoteFragment> | undefined;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<{
         [$tada.fragmentRefs]: {
             Signup_QuoteFragment: "Quote";
         };

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Subscriptions from './Subscriptions';
 declare const meta: Meta<typeof Subscriptions>;
 export default meta;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/GridTemplateColumnsWrapper.d.ts

@@ -1,7 +1,8 @@
-export declare function GridTemplateColumnsWrapper({ children, className, everythingInPlus, plansToDisplay, }: {
+export declare function GridTemplateColumnsWrapper({ children, className, everythingInPlus, plansToDisplay, style, }: {
     children: React.ReactNode;
     className?: string;
     everythingInPlus: boolean;
     plansToDisplay: number;
+    style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;
 export default GridTemplateColumnsWrapper;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PlanFeatures/components/FeatureGroup.d.ts

@@ -0,0 +1,9 @@
+import Feature from '@/types/Feature';
+import PriceList from '@/types/PriceList';
+declare const FeatureGroup: ({ features, displayPriceLists, plansToDisplay, groupIndex, }: {
+    features: Feature[];
+    displayPriceLists: PriceList[];
+    plansToDisplay: number;
+    groupIndex: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FeatureGroup;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PlanFeatures/components/FeatureTitle.d.ts

@@ -0,0 +1,6 @@
+import Feature from '@/types/Feature';
+declare const FeatureTitle: ({ isFeatureGroup, feature, }: {
+    isFeatureGroup: boolean;
+    feature: Feature;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FeatureTitle;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Upgrade from './Upgrade';
+declare const meta: Meta<typeof Upgrade>;
+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 DefaultBillingPeriodAnnual: Story;
+export declare const PrideTheme: Story;

package/dist/esm/types/src/components/Transactions/Transactions.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import Transactions from "./Transactions";
 declare const meta: Meta<typeof Transactions>;
 export default meta;

package/dist/esm/types/src/hooks/useAllErrorFormats.d.ts

@@ -1,5 +1,6 @@
-export declare const useAllErrorFormats: ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification }?: {
+export declare const useAllErrorFormats: ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications }?: {
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
 }) => (error: any, mutationName?: string) => any;

package/dist/index.d.ts

@@ -251,7 +251,7 @@ type SignupProps = {
 };
 declare function Signup({ priceListCode, enableTrial, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, }: SignupProps): react_jsx_runtime.JSX.Element;
 
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
@@ -261,6 +261,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
 
@@ -347,17 +348,15 @@ declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPayme
     defaultBillingPeriod?: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL";
 }) => react_jsx_runtime.JSX.Element | null;
 
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
-    className?: string;
+declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     countryListFilter?: (country: {
         value: string;
         label: string;
     }) => boolean;
     hideBillingDetailsForm?: boolean;
     hidePaymentMethodForm?: boolean;
-    isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
-    shadow?: ShadowType;
+    style?: React.CSSProperties;
     onSavePaymentMethod?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => react_jsx_runtime.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.0-beta.28",
+  "version": "1.8.0-beta.29",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -10,8 +10,10 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "npm run clean && rollup -c",
+    "build": "npm run clean && NODE_ENV=production rollup -c",
     "build-dev": "npm run clean && rollup -c -w",
+    "analyze": "npm run clean && NODE_ENV=production ANALYZE=true rollup -c",
+    "analyze-storybook": "ANALYZE=true storybook build",
     "build-storybook": "storybook build",
     "clean": "rimraf dist",
     "storybook": "storybook dev -p 6006",
@@ -27,7 +29,7 @@
   "author": "Bunny",
   "license": "ISC",
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.7",
+    "@chromatic-com/storybook": "^5.2.1",
     "@fontsource-variable/inter": "^5.2.8",
     "@parcel/watcher": "^2.5.1",
     "@rollup/plugin-commonjs": "^28.0.8",
@@ -36,13 +38,10 @@
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-onboarding": "^10.4.0",
+    "@storybook/react": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@tanstack/eslint-plugin-query": "^5.91.2",
     "@tanstack/react-query-devtools": "^5.90.2",
     "@types/lodash": "^4.17.20",
@@ -54,7 +53,7 @@
     "@vitejs/plugin-react": "^4.7.0",
     "autoprefixer": "^10.4.21",
     "dependency-cruiser": "^16.10.4",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-storybook": "^10.4.0",
     "glob": "^11.0.3",
     "gql.tada": "^1.9.0",
     "less": "^4.4.2",
@@ -62,13 +61,14 @@
     "patch-package": "^8.0.1",
     "postcss-import": "^16.1.1",
     "postcss-less": "^6.0.0",
-    "postcss-url": "^8.0.0",
+    "postcss-url": "^10.1.3",
     "rimraf": "^6.1.2",
     "rollup": "^3.29.5",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.6.14",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "storybook": "^10.4.0",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
     "vite": "^6.4.1"
@@ -104,5 +104,8 @@
   },
   "dependencies": {
     "msw-storybook-addon": "^2.0.6"
+  },
+  "overrides": {
+    "minimatch": "^9.0.0"
   }
 }

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/{PlanFeatures.d.ts → PlanFeatures/PlanFeatures.d.ts}

@@ -1,5 +1,5 @@
-import PriceList from '@/types/PriceList';
 import Feature from '@/types/Feature';
+import PriceList from '@/types/PriceList';
 export declare const PlanFeatures: ({ displayPriceLists, features, plansToDisplay, }: {
     displayPriceLists: PriceList[];
     plansToDisplay: number;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/{PlanFeatures.d.ts → PlanFeatures/PlanFeatures.d.ts}

@@ -1,5 +1,5 @@
-import PriceList from '@/types/PriceList';
 import Feature from '@/types/Feature';
+import PriceList from '@/types/PriceList';
 export declare const PlanFeatures: ({ displayPriceLists, features, plansToDisplay, }: {
     displayPriceLists: PriceList[];
     plansToDisplay: number;