@b3dotfun/sdk 0.0.7-alpha.13 → 0.0.7-alpha.14

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -8,15 +8,15 @@ export function LoginStepContainer({ children, partnerId }) {
     const { data: partner } = useQueryB3("global-accounts-partners", "find", {
         query: {
             partnerId,
-            $limit: 1
-        }
+            $limit: 1,
+        },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
     return (_jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [partnerLogo && _jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "mb-4 h-12 w-auto object-contain" }), children, _jsxs("h2", { className: "mt-3 flex items-center gap-2 text-lg font-bold", children: ["Powered by", _jsx("img", { alt: "B3 Logo", className: "h-5", src: "https://cdn.b3.fun/b3_logo.svg" }), "Connect"] })] }));
 }
 export function LoginStep({ onSuccess, onError, partnerId, chain }) {
     const wallet = ecosystemWallet(ecosystemWalletId, {
-        partnerId: partnerId
+        partnerId: partnerId,
     });
     const { theme } = useB3();
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
@@ -25,17 +25,17 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
     return (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx(ConnectEmbed, { showThirdwebBranding: false, client: client, chain: chain, wallets: [wallet], theme: theme === "light"
                 ? lightTheme({
                     colors: {
-                        modalBg: "hsl(var(--b3-react-background))"
-                    }
+                        modalBg: "hsl(var(--b3-react-background))",
+                    },
                 })
                 : darkTheme({
                     colors: {
-                        modalBg: "hsl(var(--b3-react-background))"
-                    }
+                        modalBg: "hsl(var(--b3-react-background))",
+                    },
                 }), autoConnect: true, style: {
                 width: "100%",
                 height: "100%",
-                border: 0
+                border: 0,
             }, 
             // TODO: Integrate with SIWE in useSIWE
             // auth={{
@@ -56,7 +56,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
             // }}
             header: {
                 title: "Sign in with B3",
-                titleIcon: "https://cdn.b3.fun/b3_logo.svg"
+                titleIcon: "https://cdn.b3.fun/b3_logo.svg",
             }, onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStepCustom.d.ts

@@ -10,5 +10,5 @@ interface LoginStepCustomProps {
     strategies: AllowedStrategy[];
     maxInitialWallets?: number;
 }
-export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa, }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStepCustom.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, AuthButton, WalletRow, useAuthentication, useConnect, LoginStepContainer, useAuthStore, getConnectOptionsFromStrategy, isWalletType } from "../../../../../global-account/react/index.js";
+import { Button, AuthButton, WalletRow, useAuthentication, useConnect, LoginStepContainer, useAuthStore, getConnectOptionsFromStrategy, isWalletType, } from "../../../../../global-account/react/index.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { useState } from "react";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { createWallet } from "thirdweb/wallets";
-export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa }) {
+export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = useState(false);
     const [showAllWallets, setShowAllWallets] = useState(false);
     const { connect } = useConnect(partnerId, chain);
@@ -30,7 +30,7 @@ export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategi
                 connectResult = await connectTW(async () => {
                     const wallet = createWallet(options.wallet?.id);
                     await wallet.connect({
-                        client
+                        client,
                     });
                     return wallet;
                 });

package/dist/esm/global-account/react/components/SignInWithB3/utils/signInUtils.js

@@ -15,7 +15,7 @@ export const allowedStrategies = [
     "com.coinbase.wallet",
     // Custom strategies
     // TODO: Audit we don't use "privy" directly anymore
-    ...customStrategies
+    ...customStrategies,
 ];
 export function isWalletType(strategy) {
     // Check if it's a known wallet ID pattern (com.*, io.*, etc.)
@@ -42,7 +42,7 @@ export const strategyIcons = {
     x: "https://cdn.b3.fun/x.svg?1",
     discord: "https://cdn.b3.fun/discord.svg",
     apple: "https://cdn.b3.fun/apple.svg",
-    guest: "https://cdn.b3.fun/incognito.svg"
+    guest: "https://cdn.b3.fun/incognito.svg",
     // Add more strategies as needed
 };
 // Test it

package/dist/esm/global-account/react/components/Transak/TransakModal.js

@@ -27,7 +27,7 @@ export function TransakModal() {
             exchangeScreenTitle: "Buy ETH on B3",
             isFeeCalculationHidden: true,
             cryptoCurrencyCode: "ETH",
-            network: "b3"
+            network: "b3",
         };
     }, [environment]);
     const { ready } = useB3();
@@ -47,7 +47,7 @@ export function TransakModal() {
             defaultCryptoAmount,
             disableWalletAddressForm: !!destinationWalletAddress || !!account?.address, // Only disable the form if we have an address
             fiatAmount: fiatAmount,
-            countryCode: countryCode
+            countryCode: countryCode,
         };
         const transak = new Transak(config);
         try {
@@ -92,13 +92,13 @@ export function TransakModal() {
         onSuccess,
         fiatAmount,
         transakConfig,
-        countryCode
+        countryCode,
     ]);
     return (_jsxs(_Fragment, { children: [isLoading && (_jsxs("div", { className: "flex h-full min-h-[650px] flex-col items-center justify-center gap-4", children: [_jsx(Loader2, { className: "h-24 w-24 animate-spin opacity-10" }), _jsx(TextShimmer, { children: "Powering up our credit card processor..." })] })), _jsx("div", { id: "transakMount", style: {
                     display: isLoading ? "none" : "block",
                     width: "100%",
                     height: "650px",
                     borderRadius: "25px",
-                    overflow: "hidden"
+                    overflow: "hidden",
                 } })] }));
 }

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

@@ -11,19 +11,19 @@ const buttonVariants = cva("inline-flex items-center justify-center rounded-md t
             secondary: "bg-secondary text-secondary-b3-react-foreground shadow-sm hover:bg-secondary/80",
             ghost: "hover:bg-accent hover:text-accent-b3-react-foreground",
             link: "text-b3-react-primary underline-offset-4 hover:underline",
-            b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90"
+            b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90",
         },
         size: {
             default: "h-9 px-4 py-2",
             sm: "h-8 rounded-md px-3 text-xs",
             lg: "h-10 rounded-md px-8",
-            icon: "h-9 w-9"
-        }
+            icon: "h-9 w-9",
+        },
     },
     defaultVariants: {
         variant: "default",
-        size: "default"
-    }
+        size: "default",
+    },
 });
 export function Button({ variant = "default", className, ...props }) {
     return (_jsx("button", { className: cn("flex items-center justify-center rounded-lg px-4 py-2 font-medium transition-colors", variant === "default" && "bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/90", variant === "outline" &&

package/dist/esm/global-account/react/components/custom/Icon.js

@@ -44,7 +44,7 @@ const icons = {
     trade: "M11.712 22.996c-2.875-.074-5.476-1.251-7.394-3.124l-.08-.08-.015-.014-.015-.016-.079-.079c-1.873-1.919-3.05-4.519-3.124-7.394L1 12l.004-.288c.074-2.875 1.251-5.476 3.124-7.394l.079-.08.015-.015.015-.015.08-.079c1.919-1.873 4.519-3.05 7.394-3.124L12 1l.288.004c2.875.074 5.476 1.251 7.394 3.124l.079.079.016.015.014.015.08.08c1.873 1.919 3.05 4.519 3.124 7.394L23 12c0 2.989-1.192 5.7-3.128 7.683l-.08.079-.014.016-.016.014-.079.08c-1.919 1.873-4.519 3.05-7.394 3.124L12 23l-.288-.004zM13 3.055V4a1 1 0 1 1-2 0v-.945l-.05.006c-1.635.19-3.137.818-4.385 1.765l-.184.143.668.668a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.414 0l-.668-.668-.143.184c-.946 1.247-1.575 2.749-1.765 4.385l-.006.05H4a1 1 0 0 1 .993.883L5 12a1 1 0 0 1-1 1h-.945l.006.05c.19 1.635.818 3.137 1.765 4.385l.143.183.668-.667a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-.668.668.184.143c1.247.946 2.749 1.575 4.385 1.765l.05.005V20a1 1 0 0 1 .883-.993L12 19a1 1 0 0 1 1 1v.944l.05-.005c1.635-.19 3.137-.818 4.385-1.765l.183-.143-.667-.668a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.414 0l.668.667.143-.183c.946-1.247 1.575-2.749 1.765-4.385l.005-.05H20a1 1 0 0 1-.993-.883L19 12a1 1 0 0 1 1-1h.944l-.005-.05c-.19-1.635-.818-3.137-1.765-4.385l-.143-.184-.668.668a1 1 0 0 1-1.32.083l-.094-.083a1 1 0 0 1 0-1.414l.667-.668-.183-.143c-1.247-.946-2.749-1.575-4.385-1.765L13 3.055zm-1.857 4.431a1 1 0 0 1 1.715 0l1.371 2.285 2.286 1.372a1 1 0 0 1 .108 1.641l-.108.074-2.286 1.371-1.371 2.286a1 1 0 0 1-1.641.108l-.074-.108-1.372-2.286-2.285-1.371a1 1 0 0 1-.108-1.641l.108-.074 2.285-1.372 1.372-2.285zM12 9.943l-.643 1.071a1 1 0 0 1-.343.343L9.943 12l1.071.643a1 1 0 0 1 .274.242l.069.101.643 1.07.643-1.07a1 1 0 0 1 .242-.274l.101-.069 1.07-.643-1.07-.643a1 1 0 0 1-.274-.242l-.069-.101L12 9.943z",
     "triangle-down": "M12.705 15.493l5.586-5.586c.63-.63.184-1.707-.707-1.707H6.412c-.891 0-1.337 1.077-.707 1.707l5.586 5.586a1 1 0 0 0 1.414 0z",
     "triangle-up": "M11.291 8.493l-5.586 5.586c-.63.63-.184 1.707.707 1.707h11.172c.891 0 1.337-1.077.707-1.707l-5.586-5.586a1 1 0 0 0-1.414 0z",
-    wallet: "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z"
+    wallet: "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z",
 };
 const Icon = ({ className, name, fill }) => (_jsx("svg", { className: `inline-flex h-6 w-6 ${className || ""}`, width: 24, height: 24, viewBox: "0 0 24 24", children: _jsx("path", { fill: fill, d: icons[name] }) }));
 export default Icon;

package/dist/esm/global-account/react/components/custom/ManageAccountButton.js

@@ -7,7 +7,7 @@ export function ManageAccountButton(props) {
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,
-            type: "manageAccount"
+            type: "manageAccount",
         });
         setB3ModalOpen(true);
     };

package/dist/esm/global-account/react/components/custom/StaggeredFadeLoader.js

@@ -3,19 +3,19 @@ import { motion } from "framer-motion";
 export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }) {
     const circleVariants = {
         hidden: { opacity: 0 },
-        visible: { opacity: 1 }
+        visible: { opacity: 1 },
     };
     const sizeClass = {
         1: "h-1 w-1",
         2: "h-2 w-2",
         3: "h-3 w-3",
         4: "h-4 w-4",
-        5: "h-5 w-5"
+        5: "h-5 w-5",
     }?.[size] || "h-4 w-4";
     return (_jsx("div", { className: `flex items-center justify-center ${size <= 2 ? "space-x-1" : "space-x-2"}`, children: [...Array(3)].map((_, index) => (_jsx(motion.div, { className: `${sizeClass} rounded-full ${className}`, variants: circleVariants, initial: "hidden", animate: "visible", transition: {
                 duration: 0.9,
                 delay: index * 0.2,
                 repeat: Infinity,
-                repeatType: "reverse"
+                repeatType: "reverse",
             } }, index))) }));
 }

package/dist/esm/global-account/react/components/custom/WalletConnectorIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletRabby, WalletRainbow, WalletWalletConnect } from "@web3icons/react";
+import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletRabby, WalletRainbow, WalletWalletConnect, } from "@web3icons/react";
 import { Wallet } from "lucide-react";
 const getWalletIcon = (connectorType, size = 24) => {
     switch (connectorType?.toLowerCase()) {

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

@@ -25,9 +25,9 @@ export { StaggeredFadeLoader } from "./custom/StaggeredFadeLoader";
 export { WalletConnectorIcon } from "./custom/WalletConnectorIcon";
 export { Badge, badgeVariants } from "./ui/badge";
 export { Button, buttonVariants } from "./ui/button";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog";
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./ui/command";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./ui/dialog";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./ui/drawer";
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
 export { Input } from "./ui/input";
@@ -36,7 +36,7 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";

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

@@ -34,9 +34,9 @@ export { WalletConnectorIcon } from "./custom/WalletConnectorIcon.js";
 // UI Components
 export { Badge, badgeVariants } from "./ui/badge.js";
 export { Button, buttonVariants } from "./ui/button.js";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./ui/command.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./ui/dialog.js";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./ui/drawer.js";
 export { GlareCard } from "./ui/glare-card.js";
 export { GlareCardRounded } from "./ui/glare-card-rounded.js";
 export { Input } from "./ui/input.js";
@@ -45,7 +45,7 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area.js";
 export { ShinyButton } from "./ui/ShinyButton.js";
 export { Skeleton } from "./ui/skeleton.js";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs.js";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs.js";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem.js";
 export { TextLoop } from "./ui/text-loop.js";
 export { TextShimmer } from "./ui/text-shimmer.js";

package/dist/esm/global-account/react/components/magicui/AnimatedLottie.js

@@ -50,7 +50,7 @@ export const AnimatedLottie = React.memo(({ src, autoplay = false, loop = false,
         setIsHovered(false);
     }, []);
     const animateProps = useMemo(() => ({
-        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1
+        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1,
     }), [animateBounce]);
     return (_jsx(motion.div, { whileHover: { scale: 1.05 }, initial: { scale: 1 }, animate: animateProps, transition: { duration: 0.3, ease: "easeInOut" }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(DotLottieReact, { src: src, dotLottieRefCallback: dotLottieRefCallback, style: style, autoplay: autoplay, loop: loop, mode: reverse ? "reverse" : "forward" }) }));
 });

package/dist/esm/global-account/react/components/ui/Loading.js

@@ -5,11 +5,11 @@ export function Loading({ className, size = "md", variant = "white" }) {
     const sizeClass = {
         sm: "h-6 w-6",
         md: "h-8 w-8",
-        lg: "h-12 w-12"
+        lg: "h-12 w-12",
     }[size];
     const variantClass = {
         primary: "text-b3-react-primary",
-        white: "text-white opacity-50"
+        white: "text-white opacity-50",
     }[variant];
     return (_jsx("div", { className: cn("relative", sizeClass, className), children: _jsx(Loader2, { className: cn("animate-spin", sizeClass, variantClass) }) }));
 }

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

@@ -1,4 +1,4 @@
-export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type }: {
+export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type, }: {
     text?: string;
     accentColor?: string;
     animatedPulse?: boolean;

package/dist/esm/global-account/react/components/ui/ShinyButton.js

@@ -4,10 +4,10 @@ import { StaggeredFadeLoader } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import { isLightColor } from "../../../../shared/utils/colors.js";
 import { useInView } from "react-intersection-observer";
-export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button" }) => {
+export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button", }) => {
     const { ref, inView } = useInView({
         triggerOnce: false,
-        threshold: 0.1
+        threshold: 0.1,
     });
     const computedTextColor = textColor ||
         (accentColor?.startsWith("hsl")
@@ -18,6 +18,6 @@ export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse
     return (_jsxs("button", { ref: ref, className: cn(`shiny-button relative min-h-fit rounded-2xl border border-black/10 px-6 py-3 tracking-wide backdrop-blur-xl transition-all duration-300 ease-in-out dark:bg-[radial-gradient(ellipse_at_50%_0%,hsl(var(--b3-react-primary)/25%)_0%,transparent_70%)] ${className}`, disabled
             ? "grayscale-20 cursor-not-allowed opacity-60"
             : "hover:border-black/30 hover:shadow-[0_0_20px_rgb(0,0,0,20%)]", animatedPulse && inView && "animated-pulse"), style: {
-            backgroundColor: disabled ? "#94A3B8" : accentColor
+            backgroundColor: disabled ? "#94A3B8" : accentColor,
         }, onClick: !disabled ? onClick : undefined, onClickCapture: onClickCapture, disabled: disabled, type: type, children: [_jsx("div", { className: "absolute inset-0 bottom-0 left-0 right-0 top-0 rounded-2xl border border-white/10" }), _jsx("span", { className: cn("font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide", computedTextColor), children: _jsxs("div", { className: cn("flex items-center justify-center gap-2", textClassName), children: [children || text, text === "Loading" && _jsx(StaggeredFadeLoader, { size: 2 })] }) }), _jsx("span", { className: "shiny-overlay" })] }));
 };

package/dist/esm/global-account/react/components/ui/TabSystem.js

@@ -41,6 +41,6 @@ export function TabsTransitionWrapper({ children }) {
     return (_jsx(TransitionPanel, { activeIndex: activeIndex, className: "w-full", transition: { type: "spring", stiffness: 300, damping: 30 }, variants: {
             enter: { opacity: 0, filter: "blur(10px)", x: 20 },
             center: { opacity: 1, filter: "blur(0px)", x: 0 },
-            exit: { opacity: 0, filter: "blur(10px)", x: -20 }
+            exit: { opacity: 0, filter: "blur(10px)", x: -20 },
         }, children: childrenArray }));
 }

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

@@ -1,5 +1,5 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-export declare const Tabs: ({ defaultValue, onValueChange, children }: {
+export declare const Tabs: ({ defaultValue, onValueChange, children, }: {
     defaultValue: string;
     onValueChange?: (value: string) => void;
     children: React.ReactNode;

package/dist/esm/global-account/react/components/ui/Tabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../../shared/utils/index.js";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-export const Tabs = ({ defaultValue, onValueChange, children }) => (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
+export const Tabs = ({ defaultValue, onValueChange, children, }) => (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
 export function TabsList({ className, ...props }) {
     return (_jsx(TabsPrimitive.List, { className: cn("border-b3-react-border bg-b3-react-background inline-flex h-12 w-full items-center justify-center rounded-lg border", className), ...props }));
 }

package/dist/esm/global-account/react/components/ui/badge.js

@@ -7,12 +7,12 @@ const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 p
             default: "border-transparent bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/80",
             secondary: "border-transparent bg-secondary text-secondary-b3-react-foreground hover:bg-secondary/80",
             destructive: "border-destructive bg-destructive/50 text-destructive-b3-react-foreground hover:bg-destructive/80",
-            outline: "text-b3-react-foreground"
-        }
+            outline: "text-b3-react-foreground",
+        },
     },
     defaultVariants: {
-        variant: "default"
-    }
+        variant: "default",
+    },
 });
 function Badge({ className, variant, ...props }) {
     return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });

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

@@ -11,19 +11,19 @@ const buttonVariants = cva("inline-flex items-center justify-center whitespace-n
             outline: "border border-input bg-b3-react-background hover:bg-accent hover:text-accent-b3-react-foreground",
             secondary: "bg-secondary text-secondary-b3-react-foreground hover:bg-secondary/80",
             ghost: "hover:bg-accent hover:text-accent-b3-react-foreground",
-            link: "text-b3-react-primary underline-offset-4 hover:underline"
+            link: "text-b3-react-primary underline-offset-4 hover:underline",
         },
         size: {
             default: "h-10 px-4 py-2",
             sm: "h-9 rounded-md px-3",
             lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10"
-        }
+            icon: "h-10 w-10",
+        },
     },
     defaultVariants: {
         variant: "default",
-        size: "default"
-    }
+        size: "default",
+    },
 });
 const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
     if (asChild) {

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

@@ -79,4 +79,4 @@ declare const CommandShortcut: {
     ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

package/dist/esm/global-account/react/components/ui/command.js

@@ -27,4 +27,4 @@ const CommandShortcut = ({ className, ...props }) => {
     return (_jsx("span", { className: cn("text-b3-react-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
 };
 CommandShortcut.displayName = "CommandShortcut";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

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

@@ -27,4 +27,4 @@ declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & Re
 type DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;
 type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<DialogDescriptionElement>>;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/esm/global-account/react/components/ui/dialog.js

@@ -23,4 +23,4 @@ const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(Dia
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-b3-react-muted-foreground text-sm", className), ...props })));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

@@ -19,4 +19,4 @@ declare const DrawerFooter: {
 };
 declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/esm/global-account/react/components/ui/drawer.js

@@ -23,4 +23,4 @@ const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(Dra
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn("text-b3-react-muted-foreground text-sm", className), ...props })));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/esm/global-account/react/components/ui/glare-card-rounded.js

@@ -9,16 +9,16 @@ export const GlareCardRounded = ({ children, className }) => {
     const state = useRef({
         glare: {
             x: 50,
-            y: 50
+            y: 50,
         },
         background: {
             x: 50,
-            y: 50
+            y: 50,
         },
         rotate: {
             x: 0,
-            y: 0
-        }
+            y: 0,
+        },
     });
     const containerStyle = {
         "--m-x": "50%",
@@ -33,7 +33,7 @@ export const GlareCardRounded = ({ children, className }) => {
         "--radius": "13px",
         "--easing": "ease",
         "--transition": "var(--duration) var(--easing)",
-        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
     };
     const backgroundStyle = {
         "--step": "5%",
@@ -42,7 +42,7 @@ export const GlareCardRounded = ({ children, className }) => {
         "--rainbow": "repeating-linear-gradient( 0deg,rgb(255,119,115) calc(var(--step) * 1),rgba(255,237,95,1) calc(var(--step) * 2),rgba(168,255,95,1) calc(var(--step) * 3),rgba(131,255,247,1) calc(var(--step) * 4),rgba(120,148,255,1) calc(var(--step) * 5),rgb(216,117,255) calc(var(--step) * 6),rgb(255,119,115) calc(var(--step) * 7) ) 0% var(--bg-y)/200% 700% no-repeat",
         "--diagonal": "repeating-linear-gradient( 128deg,#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,10%,60%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12% ) var(--bg-x) var(--bg-y)/300% no-repeat",
         "--shade": "radial-gradient( farthest-corner circle at var(--m-x) var(--m-y),rgba(255,255,255,0.1) 12%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.25) 120% ) var(--bg-x) var(--bg-y)/300% no-repeat",
-        backgroundBlendMode: "hue, hue, hue, overlay"
+        backgroundBlendMode: "hue, hue, hue, overlay",
     };
     const updateStyles = () => {
         if (refElement.current) {
@@ -63,7 +63,7 @@ export const GlareCardRounded = ({ children, className }) => {
             const initialPercentage = { x: 75, y: 75 }; // Example coordinates for initial animation
             const initialDelta = {
                 x: initialPercentage.x - 50,
-                y: initialPercentage.y - 50
+                y: initialPercentage.y - 50,
             };
             const rotateFactor = 0.4;
             state.current.background.x = 50 + initialPercentage.x / 4 - 12.5;
@@ -94,21 +94,21 @@ export const GlareCardRounded = ({ children, className }) => {
         }
     }, []);
     return (_jsx("div", { style: {
-            ...containerStyle
+            ...containerStyle,
         }, className: "relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]", ref: refElement, onPointerMove: event => {
             const rotateFactor = 0.4;
             const rect = event.currentTarget.getBoundingClientRect();
             const position = {
                 x: event.clientX - rect.left,
-                y: event.clientY - rect.top
+                y: event.clientY - rect.top,
             };
             const percentage = {
                 x: (100 / rect.width) * position.x,
-                y: (100 / rect.height) * position.y
+                y: (100 / rect.height) * position.y,
             };
             const delta = {
                 x: percentage.x - 50,
-                y: percentage.y - 50
+                y: percentage.y - 50,
             };
             const { background, rotate, glare } = state.current;
             background.x = 50 + percentage.x / 4 - 12.5;
@@ -137,6 +137,6 @@ export const GlareCardRounded = ({ children, className }) => {
                 refElement.current?.style.setProperty("--r-y", `0deg`);
             }
         }, children: _jsxs("div", { className: "grid h-full w-full origin-center overflow-hidden rounded-full border-none will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.1]", children: [_jsx("div", { className: "grid h-full w-full mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))] [grid-area:1/1]", children: _jsx("div", { ref: contentRef, className: cn("h-full w-full object-cover", className), children: children }) }), _jsx("div", { className: "grid h-full w-full opacity-[var(--opacity)] mix-blend-soft-light [grid-area:1/1] [background:radial-gradient(farthest-corner_circle_at_var(--m-x)_var(--m-y),_rgba(255,255,255,0.8)_10%,_rgba(255,255,255,0.65)_20%,_rgba(255,255,255,0)_90%)] [clip-path:inset(0_0_1px_0_round_var(--radius))]", style: {
-                        transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+                        transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
                     } }), _jsx("div", { className: "relative grid h-full w-full opacity-[var(--opacity)] mix-blend-color-dodge transition-opacity [grid-area:1/1] [clip-path:inset(0_0_1px_0_round_var(--radius))] [background-blend-mode:hue_hue_hue_overlay] [background:var(--pattern),_var(--rainbow),_var(--diagonal),_var(--shade)] after:bg-[inherit] after:mix-blend-exclusion after:content-[''] after:[background-blend-mode:soft-light,_hue,_hard-light] after:[background-position:center,_0%_var(--bg-y),_calc(var(--bg-x)*_-1)_calc(var(--bg-y)*_-1),_var(--bg-x)_var(--bg-y)] after:[background-size:var(--foil-size),_200%_400%,_800%,_200%]", style: { ...backgroundStyle } })] }) }));
 };

package/dist/esm/global-account/react/components/ui/glare-card.js

@@ -9,16 +9,16 @@ export const GlareCard = ({ children, className }) => {
     const state = useRef({
         glare: {
             x: 50,
-            y: 50
+            y: 50,
         },
         background: {
             x: 50,
-            y: 50
+            y: 50,
         },
         rotate: {
             x: 0,
-            y: 0
-        }
+            y: 0,
+        },
     });
     const containerStyle = {
         "--m-x": "50%",
@@ -33,7 +33,7 @@ export const GlareCard = ({ children, className }) => {
         "--radius": "13px",
         "--easing": "ease",
         "--transition": "var(--duration) var(--easing)",
-        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
     };
     const backgroundStyle = {
         "--step": "5%",
@@ -42,7 +42,7 @@ export const GlareCard = ({ children, className }) => {
         "--rainbow": "repeating-linear-gradient( 0deg,rgb(255,119,115) calc(var(--step) * 1),rgba(255,237,95,1) calc(var(--step) * 2),rgba(168,255,95,1) calc(var(--step) * 3),rgba(131,255,247,1) calc(var(--step) * 4),rgba(120,148,255,1) calc(var(--step) * 5),rgb(216,117,255) calc(var(--step) * 6),rgb(255,119,115) calc(var(--step) * 7) ) 0% var(--bg-y)/200% 700% no-repeat",
         "--diagonal": "repeating-linear-gradient( 128deg,#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,10%,60%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12% ) var(--bg-x) var(--bg-y)/300% no-repeat",
         "--shade": "radial-gradient( farthest-corner circle at var(--m-x) var(--m-y),rgba(255,255,255,0.1) 12%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.25) 120% ) var(--bg-x) var(--bg-y)/300% no-repeat",
-        backgroundBlendMode: "hue, hue, hue, overlay"
+        backgroundBlendMode: "hue, hue, hue, overlay",
     };
     const updateStyles = () => {
         if (refElement.current) {
@@ -56,21 +56,21 @@ export const GlareCard = ({ children, className }) => {
         }
     };
     return (_jsx("div", { style: {
-            ...containerStyle
+            ...containerStyle,
         }, className: "relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]", ref: refElement, onPointerMove: event => {
             const rotateFactor = 0.4;
             const rect = event.currentTarget.getBoundingClientRect();
             const position = {
                 x: event.clientX - rect.left,
-                y: event.clientY - rect.top
+                y: event.clientY - rect.top,
             };
             const percentage = {
                 x: (100 / rect.width) * position.x,
-                y: (100 / rect.height) * position.y
+                y: (100 / rect.height) * position.y,
             };
             const delta = {
                 x: percentage.x - 50,
-                y: percentage.y - 50
+                y: percentage.y - 50,
             };
             const { background, rotate, glare } = state.current;
             background.x = 50 + percentage.x / 4 - 12.5;
@@ -99,6 +99,6 @@ export const GlareCard = ({ children, className }) => {
                 refElement.current?.style.setProperty("--r-y", `0deg`);
             }
         }, children: _jsxs("div", { className: "grid h-full w-full origin-center overflow-hidden rounded-[var(--radius)] border border-black/50 will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.1]", children: [_jsx("div", { className: "grid h-full w-full mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))] [grid-area:1/1]", children: _jsx("div", { ref: contentRef, className: cn("h-full w-full bg-slate-950 object-cover", className), children: children }) }), _jsx("div", { className: "grid h-full w-full opacity-[var(--opacity)] mix-blend-soft-light [grid-area:1/1] [background:radial-gradient(farthest-corner_circle_at_var(--m-x)_var(--m-y),_rgba(255,255,255,0.8)_10%,_rgba(255,255,255,0.65)_20%,_rgba(255,255,255,0)_90%)] [clip-path:inset(0_0_1px_0_round_var(--radius))]", style: {
-                        transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+                        transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
                     } }), _jsx("div", { className: "relative grid h-full w-full opacity-[var(--opacity)] mix-blend-color-dodge transition-opacity [grid-area:1/1] [clip-path:inset(0_0_1px_0_round_var(--radius))] [background-blend-mode:hue_hue_hue_overlay] [background:var(--pattern),_var(--rainbow),_var(--diagonal),_var(--shade)] after:bg-[inherit] after:mix-blend-exclusion after:content-[''] after:[background-blend-mode:soft-light,_hue,_hard-light] after:[background-position:center,_0%_var(--bg-y),_calc(var(--bg-x)*_-1)_calc(var(--bg-y)*_-1),_var(--bg-x)_var(--bg-y)] after:[background-size:var(--foil-size),_200%_400%,_800%,_200%]", style: { ...backgroundStyle } })] }) }));
 };

package/dist/esm/global-account/react/components/ui/input.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { cn } from "../../../../shared/utils/index.js";
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn("border-b3-react-border bg-b3-react-background ring-offset-b3-react-background placeholder:text-b3-react-muted-foreground focus-visible:ring-b3-react-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), style: {
-            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)"
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
         }, ref: ref, ...props }));
 });
 Input.displayName = "Input";