@b3dotfun/sdk 0.0.7-alpha.23 → 0.0.7-alpha.25

package/dist/cjs/anyspend/react/components/AnySpendCustom.js

@@ -158,19 +158,32 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
     const { account: isAuthenticated } = (0, react_1.useB3)();
-    const getRelayQuoteRequest = generateGetRelayQuoteRequest({
-        orderType: orderType,
-        srcChainId: srcChainId,
-        srcToken: srcToken,
-        dstChainId: dstChainId,
-        dstToken: dstToken,
-        dstAmount: dstAmount,
-        contractAddress: contractAddress,
-        tokenId: (0, anyspend_1.isNftMetadata)(metadata) ? metadata.nftContract.tokenId : undefined,
-        contractType: (0, anyspend_1.isNftMetadata)(metadata) ? metadata.nftContract.type : undefined,
-        encodedData: encodedData,
-        spenderAddress: spenderAddress,
-    });
+    const getRelayQuoteRequest = (0, react_2.useMemo)(() => {
+        return generateGetRelayQuoteRequest({
+            orderType: orderType,
+            srcChainId: srcChainId,
+            srcToken: srcToken,
+            dstChainId: dstChainId,
+            dstToken: dstToken,
+            dstAmount: dstAmount,
+            contractAddress: contractAddress,
+            tokenId: (0, anyspend_1.isNftMetadata)(metadata) ? metadata.nftContract.tokenId : undefined,
+            contractType: (0, anyspend_1.isNftMetadata)(metadata) ? metadata.nftContract.type : undefined,
+            encodedData: encodedData,
+            spenderAddress: spenderAddress,
+        });
+    }, [
+        contractAddress,
+        dstAmount,
+        dstChainId,
+        dstToken,
+        encodedData,
+        metadata,
+        orderType,
+        spenderAddress,
+        srcChainId,
+        srcToken,
+    ]);
     const { anyspendQuote, isLoadingAnyspendQuote } = (0, anyspend_1.useAnyspendQuote)(isMainnet, getRelayQuoteRequest);
     // Get geo data and onramp options (after quote is available)
     const { geoData, isOnrampSupported } = (0, anyspend_1.useGeoOnrampOptions)(isMainnet, anyspendQuote?.data?.currencyIn?.amountUsd || "0");
@@ -365,7 +378,7 @@ function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", recipient
                         } })] })), mode === "page" && (0, jsx_runtime_1.jsx)("div", { className: "h-12" })] }));
     const loadingView = ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background"), children: [(0, jsx_runtime_1.jsxs)(react_1.Badge, { variant: "default", className: "bg-b3-react-muted/30 border-b3-react-border hover:bg-b3-react-muted/50 flex items-center gap-3 px-4 py-1 text-base transition-all", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-react-foreground size-4 animate-spin" }), (0, jsx_runtime_1.jsx)(react_1.TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: "Loading..." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-4 w-24" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-8 w-48" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "ml-4 h-8 w-32" })] }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mt-4 h-8 w-24" })] }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mb-4 h-12 w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)(react_1.Skeleton, { className: "rounded-lg bg-white/5 p-6 pb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "size-[200px]" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 flex items-center justify-center gap-2", children: (0, jsx_runtime_1.jsx)("div", { className: "size-5 rounded-full" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col gap-2", children: [1, 2, 3].map(i => ((0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 w-full" }, i))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-muted/30 mt-8 w-full rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mb-3 h-4 w-48" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 flex-1" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 flex-1" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-col gap-3", children: [1, 2, 3, 4, 5].map(i => ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-4 w-24" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-4 w-32" })] }, i))) }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 w-full" }), mode === "page" && (0, jsx_runtime_1.jsx)("div", { className: "h-12" })] }));
     // Confirm order view.
-    const confirmOrderView = ((0, jsx_runtime_1.jsxs)("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [isOnrampSupported || activeTab === "fiat" ? ((0, jsx_runtime_1.jsxs)(react_1.TabsList, { hideGradient: true, className: "justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.TabTrigger, { value: "crypto", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Pay with crypto" }) }), (0, jsx_runtime_1.jsx)(react_1.TabTrigger, { value: "fiat", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) })] })) : null, (0, jsx_runtime_1.jsx)(react_1.TabsContent, { value: "crypto", children: (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
+    const confirmOrderView = ((0, jsx_runtime_1.jsxs)("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsxs)(react_1.Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [(0, jsx_runtime_1.jsxs)(react_1.TabsList, { hideGradient: true, className: "justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.TabTrigger, { value: "crypto", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Pay with crypto" }) }), isOnrampSupported ? ((0, jsx_runtime_1.jsx)(react_1.TabTrigger, { value: "fiat", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) })) : ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(react_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(react_1.TabTrigger, { value: "fiat", disabled: true, children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) }) }), (0, jsx_runtime_1.jsx)(react_1.TooltipContent, { children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary w-[140px]", children: "Fiat payments are not supported for this amount" }) })] }))] }), (0, jsx_runtime_1.jsx)(react_1.TabsContent, { value: "crypto", children: (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
                                                 opacity: hasMounted ? 1 : 0,
                                                 y: hasMounted ? 0 : 20,
                                                 filter: hasMounted ? "blur(0px)" : "blur(10px)",

package/dist/cjs/anyspend/react/components/common/Warning.d.ts

@@ -0,0 +1,3 @@
+export declare function Warning({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/common/Warning.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Warning = Warning;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Warning({ text }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-as-red/60 relative rounded border border-orange-400 px-4 py-3 text-white", role: "alert", children: (0, jsx_runtime_1.jsx)("div", { className: "font-bold", children: text }) }));
+}

package/dist/cjs/anyspend/react/hooks/useAnyspendQuote.js

@@ -23,7 +23,7 @@ const react_1 = require("react");
  */
 function useAnyspendQuote(isMainnet, req) {
     const { data, isLoading, refetch, error } = (0, react_query_1.useQuery)({
-        queryKey: ["useAnyspendQuote", isMainnet, req],
+        queryKey: ["useAnyspendQuote", isMainnet, JSON.stringify(req)],
         queryFn: () => {
             return anyspend_1.anyspendService.getQuote(isMainnet, req);
         },

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -16,8 +16,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creator?: string | undefined;
             signatureRequestBody?: {
                 price?: string | undefined;
-                currency?: string | undefined;
                 clonePrice?: string | undefined;
+                currency?: string | undefined;
                 primarySaleRecipient?: string | undefined;
                 royaltyRecipient?: string | undefined;
                 royaltyBps?: number | undefined;
@@ -26,10 +26,10 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
                 metadata: {
                     name?: string | undefined;
                     description?: string | undefined;
-                    properties?: any;
                     image?: string | undefined;
                     externalLink?: string | undefined;
                     appUri?: string | undefined;
+                    properties?: any;
                     attributes?: any;
                     backgroundColor?: string | undefined;
                     promptImageUrl?: string | undefined;

package/dist/cjs/anyspend/react/providers/AnyspendProvider.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnyspendProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../global-account/react");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const react_2 = require("react");
 const defaultQueryClientConfig = {
     defaultOptions: {
         queries: {
@@ -36,7 +37,7 @@ const defaultQueryClientConfig = {
  * ```
  */
 const AnyspendProvider = function AnyspendProvider({ children }) {
-    const [queryClient] = (0, react_1.useState)(() => new react_query_1.QueryClient(defaultQueryClientConfig));
-    return (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: children });
+    const [queryClient] = (0, react_2.useState)(() => new react_query_1.QueryClient(defaultQueryClientConfig));
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: children }) }));
 };
 exports.AnyspendProvider = AnyspendProvider;

package/dist/cjs/global-account/react/components/B3DynamicModal.js

@@ -89,5 +89,5 @@ function B3DynamicModal() {
     const ModalContent = isMobile ? drawer_1.DrawerContent : dialog_1.DialogContent;
     const ModalTitle = isMobile ? drawer_1.DrawerTitle : dialog_1.DialogTitle;
     const ModalDescription = isMobile ? drawer_1.DrawerDescription : dialog_1.DialogDescription;
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: (0, jsx_runtime_1.jsxs)(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: (0, jsx_runtime_1.jsxs)(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-auto", children: [history.length > 0 && contentType?.showBackButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
 }

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -4,11 +4,12 @@ exports.wagmiConfig = void 0;
 exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../global-account/react");
 const supported_1 = require("../../../../shared/constants/chains/supported");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const react_2 = require("react");
 const sonner_1 = require("sonner");
-const react_2 = require("thirdweb/react");
+const react_3 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
 const RelayKitProviderWrapper_1 = require("../RelayKitProviderWrapper");
 const StyleRoot_1 = require("../StyleRoot");
@@ -33,18 +34,18 @@ const queryClient = new react_query_1.QueryClient();
  * Main B3Provider component
  */
 function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, }) {
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: (0, jsx_runtime_1.jsxs)(RelayKitProviderWrapper_1.RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme })] }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: (0, jsx_runtime_1.jsxs)(RelayKitProviderWrapper_1.RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
 function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", }) {
-    const activeAccount = (0, react_2.useActiveAccount)();
-    const [manuallySetAccount, setManuallySetAccount] = (0, react_1.useState)(undefined);
-    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_1.useState)(undefined);
-    const wallets = (0, react_2.useConnectedWallets)();
-    const setActiveWallet = (0, react_2.useSetActiveWallet)();
-    const [user, setUser] = (0, react_1.useState)(undefined);
+    const activeAccount = (0, react_3.useActiveAccount)();
+    const [manuallySetAccount, setManuallySetAccount] = (0, react_2.useState)(undefined);
+    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_2.useState)(undefined);
+    const wallets = (0, react_3.useConnectedWallets)();
+    const setActiveWallet = (0, react_3.useSetActiveWallet)();
+    const [user, setUser] = (0, react_2.useState)(undefined);
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = accountOverride || manuallySetAccount || activeAccount;
     const setAccount = (account) => {
@@ -63,7 +64,7 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             setWallet(firstEoa);
         }
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (automaticallySetFirstEoa) {
             console.log("@@gio:wallets", wallets);
             setFirstEoa();

package/dist/cjs/global-account/react/components/custom/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "b3" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "b3" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "default" | "outline";

package/dist/cjs/global-account/react/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/cjs/global-account/react/components/ui/command.d.ts

@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -43,14 +43,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -59,7 +59,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/cjs/global-account/react/components/ui/tooltip.js

@@ -45,6 +45,6 @@ const Tooltip = TooltipPrimitive.Root;
 exports.Tooltip = Tooltip;
 const TooltipTrigger = TooltipPrimitive.Trigger;
 exports.TooltipTrigger = TooltipTrigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.cn)("bg-popover text-popover-b3-react-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md", className), ...props })));
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.cn)("bg-b3-react-popover text-b3-react-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md", className), ...props })));
 exports.TooltipContent = TooltipContent;
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;

package/dist/cjs/shared/constants/chains/b3Chain.d.ts

@@ -87,10 +87,10 @@ export declare const getViemChainConfig: (config: ChainNetworks) => {
     serializers?: import("viem").ChainSerializers<undefined, import("viem").TransactionSerializable> | undefined;
     readonly rpc: string;
     readonly icon: {
-        format: string;
         url: string;
         height: number;
         width: number;
+        format: string;
     };
 };
 export declare const thirdwebB3Testnet: ThirdwebChain;

package/dist/cjs/shared/constants/chains/supported.d.ts

@@ -2,29 +2,36 @@ import type { Chain as ThirdwebChain } from "thirdweb";
 export declare const supportedChains: import("viem").Chain[];
 export declare const supportedChainsTW: ThirdwebChain[];
 export declare const supportedChainNetworks: {
+    testnet?: boolean | undefined;
+    color?: string | undefined;
     contracts?: Record<string, {
         blockCreated?: number | undefined;
         address: string;
     }> | undefined;
+    testnetConfigID?: number | undefined;
     sourceId?: number | undefined;
-    testnet?: boolean | undefined;
-    fees?: Record<string, any> | undefined;
     formatters?: Record<string, any> | undefined;
-    color?: string | undefined;
-    testnetConfigID?: number | undefined;
+    fees?: Record<string, any> | undefined;
     badge?: string | undefined;
     enabledFeatures?: string[] | undefined;
     name: string;
     id: number;
-    blockExplorers: {
-        default: string;
-        explorerTitle: string;
+    icon: {
+        url: string;
+        height: number;
+        width: number;
+        format: string;
     };
     nativeCurrency: {
         symbol: string;
         name: string;
         decimals: number;
     };
+    blockExplorers: {
+        default: string;
+        explorerTitle: string;
+    };
+    _id: string | {};
     rpcUrls: {
         default: {
             http: string;
@@ -35,13 +42,6 @@ export declare const supportedChainNetworks: {
             uri: string;
         }[];
     };
-    icon: {
-        format: string;
-        url: string;
-        height: number;
-        width: number;
-    };
-    _id: string | {};
 }[];
 export declare const coingeckoChains: Record<number, {
     coingecko_id: string;

package/dist/cjs/shared/utils/insights.d.ts

@@ -1,7 +1,7 @@
 import "../../shared/thirdweb/initiateClient";
 import type * as SimpleHashTypes from "../../global-account/types/simplehash.types";
 import type { GetV1NftsResponse, GetV1NftsTransfersByContractAddressResponse } from "../../shared/thirdweb/generated/types.gen";
-export declare const simpleHashChainToChainName: (chain: number) => "base" | "b3" | "b3-sepolia" | "base-sepolia" | null;
+export declare const simpleHashChainToChainName: (chain: number) => "b3" | "b3-sepolia" | "base" | "base-sepolia" | null;
 export declare function transformNFTResponse(insightsData: GetV1NftsResponse["data"]): SimpleHashTypes.SimpleHashNFTResponse;
 export declare function transformCollectionResponse(nftData: GetV1NftsResponse["data"][0], chainId: number, chain: string, contractAddress: string): SimpleHashTypes.SimpleHashNFTResponse;
 export declare function transformTransferResponse(response: GetV1NftsTransfersByContractAddressResponse): SimpleHashTypes.NFTTransfer[];

package/dist/cjs/shared/utils/simplehash.d.ts

@@ -1,7 +1,7 @@
 import * as SimpleHashTypes from "../../global-account/types/simplehash.types";
 export * from "../../global-account/types/simplehash.types";
-export declare const simpleHashChainToChainId: (chain: string) => 8453 | 8333 | 84532 | 1993 | null;
-export declare const simpleHashChainToChainName: (chain: number) => "base" | "b3" | "b3-sepolia" | "base-sepolia" | null;
+export declare const simpleHashChainToChainId: (chain: string) => 8453 | 8333 | 1993 | 84532 | null;
+export declare const simpleHashChainToChainName: (chain: number) => "b3" | "b3-sepolia" | "base" | "base-sepolia" | null;
 type SimpleHashRoute = `/v0/nfts/${string}/${string}/${string}` | `/v0/nfts/${string}` | `/v0/nfts/collections/${string}/${string}` | `/v0/nfts/transfers/${string}/${string}` | `/v0/fungibles/assets` | `/v0/native_tokens/balances` | string;
 type RouteReturnType<T extends SimpleHashRoute> = T extends `/v0/nfts/collections/${string}/${string}` ? SimpleHashTypes.SimpleHashNFTResponse : T extends `/v0/nfts/transfers/${string}/${string}` ? {
     transfers: SimpleHashTypes.NFTTransfer[];

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/index.js";
-import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
+import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, Tooltip, TooltipContent, TooltipTrigger, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
@@ -152,19 +152,32 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
         }
     }, [srcChainId, tokenList, getTokenWithBalance, nativeTokens, fungibleTokens, dirtySelectSrcToken, dstToken.address]);
     const { account: isAuthenticated } = useB3();
-    const getRelayQuoteRequest = generateGetRelayQuoteRequest({
-        orderType: orderType,
-        srcChainId: srcChainId,
-        srcToken: srcToken,
-        dstChainId: dstChainId,
-        dstToken: dstToken,
-        dstAmount: dstAmount,
-        contractAddress: contractAddress,
-        tokenId: isNftMetadata(metadata) ? metadata.nftContract.tokenId : undefined,
-        contractType: isNftMetadata(metadata) ? metadata.nftContract.type : undefined,
-        encodedData: encodedData,
-        spenderAddress: spenderAddress,
-    });
+    const getRelayQuoteRequest = useMemo(() => {
+        return generateGetRelayQuoteRequest({
+            orderType: orderType,
+            srcChainId: srcChainId,
+            srcToken: srcToken,
+            dstChainId: dstChainId,
+            dstToken: dstToken,
+            dstAmount: dstAmount,
+            contractAddress: contractAddress,
+            tokenId: isNftMetadata(metadata) ? metadata.nftContract.tokenId : undefined,
+            contractType: isNftMetadata(metadata) ? metadata.nftContract.type : undefined,
+            encodedData: encodedData,
+            spenderAddress: spenderAddress,
+        });
+    }, [
+        contractAddress,
+        dstAmount,
+        dstChainId,
+        dstToken,
+        encodedData,
+        metadata,
+        orderType,
+        spenderAddress,
+        srcChainId,
+        srcToken,
+    ]);
     const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(isMainnet, getRelayQuoteRequest);
     // Get geo data and onramp options (after quote is available)
     const { geoData, isOnrampSupported } = useGeoOnrampOptions(isMainnet, anyspendQuote?.data?.currencyIn?.amountUsd || "0");
@@ -359,7 +372,7 @@ export function AnySpendCustom({ isMainnet = true, loadOrder, mode = "modal", re
                         } })] })), mode === "page" && _jsx("div", { className: "h-12" })] }));
     const loadingView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background"), children: [_jsxs(Badge, { variant: "default", className: "bg-b3-react-muted/30 border-b3-react-border hover:bg-b3-react-muted/50 flex items-center gap-3 px-4 py-1 text-base transition-all", children: [_jsx(Loader2, { className: "text-b3-react-foreground size-4 animate-spin" }), _jsx(TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: "Loading..." })] }), _jsxs("div", { className: "flex w-full flex-1 flex-col", children: [_jsxs("div", { className: "mb-4 flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-8 w-48" }), _jsx(Skeleton, { className: "ml-4 h-8 w-32" })] }), _jsx(Skeleton, { className: "mt-4 h-8 w-24" })] }), _jsx(Skeleton, { className: "mb-4 h-12 w-full" }), _jsxs("div", { className: "flex w-full items-center justify-between gap-4", children: [_jsxs(Skeleton, { className: "rounded-lg bg-white/5 p-6 pb-3", children: [_jsx("div", { className: "size-[200px]" }), _jsx("div", { className: "mt-3 flex items-center justify-center gap-2", children: _jsx("div", { className: "size-5 rounded-full" }) })] }), _jsx("div", { className: "flex flex-1 flex-col gap-2", children: [1, 2, 3].map(i => (_jsx(Skeleton, { className: "h-10 w-full" }, i))) })] })] }), _jsxs("div", { className: "bg-b3-react-muted/30 mt-8 w-full rounded-lg p-4", children: [_jsx(Skeleton, { className: "mb-3 h-4 w-48" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-10 flex-1" }), _jsx(Skeleton, { className: "h-10 flex-1" })] })] }), _jsx("div", { className: "flex w-full flex-col gap-3", children: [1, 2, 3, 4, 5].map(i => (_jsxs("div", { className: "flex w-full justify-between", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" })] }, i))) }), _jsx(Skeleton, { className: "h-10 w-full" }), mode === "page" && _jsx("div", { className: "h-12" })] }));
     // Confirm order view.
-    const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsx("div", { className: "divider w-full" }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [isOnrampSupported || activeTab === "fiat" ? (_jsxs(TabsList, { hideGradient: true, className: "justify-center", children: [_jsx(TabTrigger, { value: "crypto", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with crypto" }) }), _jsx(TabTrigger, { value: "fiat", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) })] })) : null, _jsx(TabsContent, { value: "crypto", children: _jsxs("div", { className: "mt-2 flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(motion.div, { initial: false, animate: {
+    const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsx("div", { className: "divider w-full" }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [_jsxs(TabsList, { hideGradient: true, className: "justify-center", children: [_jsx(TabTrigger, { value: "crypto", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with crypto" }) }), isOnrampSupported ? (_jsx(TabTrigger, { value: "fiat", children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) })) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(TabTrigger, { value: "fiat", disabled: true, children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Pay with fiat" }) }) }), _jsx(TooltipContent, { children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Fiat payments are not supported for this amount" }) })] }))] }), _jsx(TabsContent, { value: "crypto", children: _jsxs("div", { className: "mt-2 flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(motion.div, { initial: false, animate: {
                                                 opacity: hasMounted ? 1 : 0,
                                                 y: hasMounted ? 0 : 20,
                                                 filter: hasMounted ? "blur(0px)" : "blur(10px)",

package/dist/esm/anyspend/react/components/common/Warning.d.ts

@@ -0,0 +1,3 @@
+export declare function Warning({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/common/Warning.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Warning({ text }) {
+    return (_jsx("div", { className: "bg-as-red/60 relative rounded border border-orange-400 px-4 py-3 text-white", role: "alert", children: _jsx("div", { className: "font-bold", children: text }) }));
+}

package/dist/esm/anyspend/react/hooks/useAnyspendQuote.js

@@ -20,7 +20,7 @@ import { useMemo } from "react";
  */
 export function useAnyspendQuote(isMainnet, req) {
     const { data, isLoading, refetch, error } = useQuery({
-        queryKey: ["useAnyspendQuote", isMainnet, req],
+        queryKey: ["useAnyspendQuote", isMainnet, JSON.stringify(req)],
         queryFn: () => {
             return anyspendService.getQuote(isMainnet, req);
         },

package/dist/esm/anyspend/react/hooks/useSigMint.d.ts

@@ -16,8 +16,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creator?: string | undefined;
             signatureRequestBody?: {
                 price?: string | undefined;
-                currency?: string | undefined;
                 clonePrice?: string | undefined;
+                currency?: string | undefined;
                 primarySaleRecipient?: string | undefined;
                 royaltyRecipient?: string | undefined;
                 royaltyBps?: number | undefined;
@@ -26,10 +26,10 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
                 metadata: {
                     name?: string | undefined;
                     description?: string | undefined;
-                    properties?: any;
                     image?: string | undefined;
                     externalLink?: string | undefined;
                     appUri?: string | undefined;
+                    properties?: any;
                     attributes?: any;
                     backgroundColor?: string | undefined;
                     promptImageUrl?: string | undefined;

package/dist/esm/anyspend/react/providers/AnyspendProvider.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { TooltipProvider } from "../../../global-account/react/index.js";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useState } from "react";
 const defaultQueryClientConfig = {
@@ -34,5 +35,5 @@ const defaultQueryClientConfig = {
  */
 export const AnyspendProvider = function AnyspendProvider({ children }) {
     const [queryClient] = useState(() => new QueryClient(defaultQueryClientConfig));
-    return _jsx(QueryClientProvider, { client: queryClient, children: children });
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: children }) }));
 };

package/dist/esm/global-account/react/components/B3DynamicModal.js

@@ -86,5 +86,5 @@ export function B3DynamicModal() {
     const ModalContent = isMobile ? DrawerContent : DialogContent;
     const ModalTitle = isMobile ? DrawerTitle : DialogTitle;
     const ModalDescription = isMobile ? DrawerDescription : DialogDescription;
-    return (_jsx(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: _jsxs(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && (_jsxs("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [_jsx("span", { children: "\u2190" }), _jsx("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+    return (_jsx(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: _jsxs(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: "overflow-auto", children: [history.length > 0 && contentType?.showBackButton && (_jsxs("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [_jsx("span", { children: "\u2190" }), _jsx("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
 }

package/dist/esm/global-account/react/components/B3Provider/B3Provider.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TooltipProvider } from "../../../../global-account/react/index.js";
 import { supportedChains } from "../../../../shared/constants/chains/supported.js";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
@@ -28,7 +29,7 @@ const queryClient = new QueryClient();
  * Main B3Provider component
  */
 export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, }) {
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: _jsxs(RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme })] }) }) }) }) }));
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(TooltipProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: _jsxs(RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context

package/dist/esm/global-account/react/components/custom/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "b3" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "b3" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "default" | "outline";

package/dist/esm/global-account/react/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;