@b3dotfun/sdk 0.0.7-alpha.9 → 0.0.8-alpha.0

package/src/global-account/react/components/SignInWithB3/SignInWithB3Flow.tsx

@@ -4,7 +4,7 @@ import {
   useGetAllTWSigners,
   useSiwe,
   SignInWithB3ModalProps,
-  useModalStore
+  useModalStore,
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useCallback, useEffect, useState } from "react";
@@ -32,7 +32,7 @@ export function SignInWithB3Flow({
   closeAfterLogin = false,
   loginWithSiwe = false,
   source = "signInWithB3Button",
-  signersEnabled = false
+  signersEnabled = false,
 }: SignInWithB3ModalProps) {
   const { setUser, automaticallySetFirstEoa } = useB3();
   const [step, setStep] = useState<"login" | "permissions" | null>(source === "requestPermissions" ? null : "login");
@@ -45,13 +45,13 @@ export function SignInWithB3Flow({
   const {
     data: signers,
     refetch: refetchSigners,
-    isFetching: isFetchingSigners
+    isFetching: isFetchingSigners,
   } = useGetAllTWSigners({
     chain,
     accountAddress: account?.address,
     queryOptions: {
-      enabled: signersEnabled
-    }
+      enabled: signersEnabled,
+    },
   });
   const { authenticate } = useSiwe();
   const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
@@ -88,7 +88,7 @@ export function SignInWithB3Flow({
     debug("@@SignInWithB3Flow:useEffect", {
       loginComplete,
       isFetchingSigners,
-      source
+      source,
     });
 
     if (loginComplete && !isFetchingSigners) {
@@ -103,7 +103,7 @@ export function SignInWithB3Flow({
           setB3ModalContentType({
             type: "manageAccount",
             chain,
-            partnerId
+            partnerId,
           });
         }
       } else if (source !== "requestPermissions") {
@@ -121,7 +121,7 @@ export function SignInWithB3Flow({
       setB3ModalContentType({
         type: "manageAccount",
         chain,
-        partnerId
+        partnerId,
       });
     }
   }, [
@@ -136,7 +136,7 @@ export function SignInWithB3Flow({
     chain,
     onSessionKeySuccess,
     setB3ModalOpen,
-    signersEnabled
+    signersEnabled,
   ]);
 
   debug("render", {
@@ -145,7 +145,7 @@ export function SignInWithB3Flow({
     account,
     signers,
     refetchCount,
-    refetchError
+    refetchError,
   });
 
   // Keep this effect for handling closeAfterLogin when adding new session keys
@@ -168,7 +168,7 @@ export function SignInWithB3Flow({
       partnerId,
       closeAfterLogin,
       loginWithSiwe,
-      source: "requestPermissions"
+      source: "requestPermissions",
     });
   }, [
     chain,
@@ -180,7 +180,7 @@ export function SignInWithB3Flow({
     partnerId,
     sessionKeyAddress,
     setB3ModalContentType,
-    strategies
+    strategies,
   ]);
 
   const handleLoginSuccess = useCallback(
@@ -196,7 +196,7 @@ export function SignInWithB3Flow({
       setLoginComplete(true);
       setAuthenticatingWithB3(false);
     },
-    [authenticate, loginWithSiwe, onLoginSuccess, setUser]
+    [authenticate, loginWithSiwe, onLoginSuccess, setUser],
   );
 
   useEffect(() => {
@@ -206,7 +206,7 @@ export function SignInWithB3Flow({
         chain,
         sessionKeyAddress,
         onSuccess: onSessionKeySuccessEnhanced,
-        onError
+        onError,
       });
     }
   }, [chain, onError, onSessionKeySuccessEnhanced, sessionKeyAddress, setB3ModalContentType, step]);

package/src/global-account/react/components/SignInWithB3/SignInWithB3Privy.tsx

@@ -2,7 +2,7 @@ import {
   Loading,
   useAuthentication,
   useHandleConnectWithPrivy,
-  useAuthStore
+  useAuthStore,
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect } from "react";
@@ -26,7 +26,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }: Sign
 
   debug("@@SignInWithB3Privy", {
     isLoading,
-    fullToken
+    fullToken,
   });
 
   useEffect(() => {

package/src/global-account/react/components/SignInWithB3/components/AuthButton.tsx

@@ -4,7 +4,7 @@ import { strategyIcons } from "../utils/signInUtils";
 export function AuthButton({
   strategy,
   onClick,
-  isLoading
+  isLoading,
 }: {
   strategy: string;
   onClick: () => void;

package/src/global-account/react/components/SignInWithB3/components/WalletRow.tsx

@@ -5,7 +5,7 @@ import { Button } from "../../custom/Button";
 export function WalletRow({
   walletId,
   onClick,
-  isLoading
+  isLoading,
 }: {
   walletId: WalletId;
   onClick: () => void;

package/src/global-account/react/components/SignInWithB3/steps/LoginStep.tsx

@@ -32,10 +32,10 @@ export function LoginStepContainer({ children, partnerId }: LoginStepContainerPr
     {
       query: {
         partnerId,
-        $limit: 1
-      }
+        $limit: 1,
+      },
     },
-    !!partnerId
+    !!partnerId,
   );
 
   const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
@@ -55,7 +55,7 @@ export function LoginStepContainer({ children, partnerId }: LoginStepContainerPr
 
 export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepProps) {
   const wallet = ecosystemWallet(ecosystemWalletId, {
-    partnerId: partnerId
+    partnerId: partnerId,
   });
 
   const { theme } = useB3();
@@ -74,20 +74,20 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
           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
         style={{
           width: "100%",
           height: "100%",
-          border: 0
+          border: 0,
         }}
         // TODO: Integrate with SIWE in useSIWE
         // auth={{
@@ -108,7 +108,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
         // }}
         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 {

package/src/global-account/react/components/SignInWithB3/steps/LoginStepCustom.tsx

@@ -8,7 +8,7 @@ import {
   useAuthStore,
   AllowedStrategy,
   getConnectOptionsFromStrategy,
-  isWalletType
+  isWalletType,
 } from "@b3dotfun/sdk/global-account/react";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useState } from "react";
@@ -33,7 +33,7 @@ export function LoginStepCustom({
   chain,
   strategies,
   maxInitialWallets = 2,
-  automaticallySetFirstEoa
+  automaticallySetFirstEoa,
 }: LoginStepCustomProps) {
   const [isLoading, setIsLoading] = useState(false);
   const [showAllWallets, setShowAllWallets] = useState(false);
@@ -63,7 +63,7 @@ export function LoginStepCustom({
         connectResult = await connectTW(async () => {
           const wallet = createWallet(options.wallet?.id as WalletId);
           await wallet.connect({
-            client
+            client,
           });
 
           return wallet;

package/src/global-account/react/components/SignInWithB3/utils/signInUtils.ts

@@ -25,7 +25,7 @@ export const allowedStrategies = [
 
   // Custom strategies
   // TODO: Audit we don't use "privy" directly anymore
-  ...customStrategies
+  ...customStrategies,
 ] as const;
 
 export type AllowedStrategy = (typeof allowedStrategies)[number];
@@ -62,7 +62,7 @@ export const strategyIcons: Record<string, string> = {
   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/src/global-account/react/components/Transak/TransakModal.tsx

@@ -31,7 +31,7 @@ export function TransakModal() {
       exchangeScreenTitle: "Buy ETH on B3",
       isFeeCalculationHidden: true,
       cryptoCurrencyCode: "ETH",
-      network: "b3"
+      network: "b3",
     };
   }, [environment]);
 
@@ -53,7 +53,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);
@@ -105,7 +105,7 @@ export function TransakModal() {
     onSuccess,
     fiatAmount,
     transakConfig,
-    countryCode
+    countryCode,
   ]);
 
   return (
@@ -123,7 +123,7 @@ export function TransakModal() {
           width: "100%",
           height: "650px",
           borderRadius: "25px",
-          overflow: "hidden"
+          overflow: "hidden",
         }}
       />
     </>

package/src/global-account/react/components/custom/Button.tsx

@@ -14,20 +14,20 @@ const buttonVariants = cva(
         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",
+    },
+  },
 );
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -44,7 +44,7 @@ export function Button({ variant = "default", className, ...props }: ButtonProps
         variant === "default" && "bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/90",
         variant === "outline" &&
           "border-input bg-b3-react-background hover:bg-accent hover:text-accent-b3-react-foreground border",
-        className
+        className,
       )}
       {...props}
     />

package/src/global-account/react/components/custom/Icon.tsx

@@ -84,7 +84,7 @@ const icons: IconsType = {
   "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"
+    "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",
 };
 
 type IconProps = {

package/src/global-account/react/components/custom/ManageAccountButton.tsx

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

package/src/global-account/react/components/custom/StaggeredFadeLoader.tsx

@@ -3,7 +3,7 @@ import { motion } from "framer-motion";
 export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { className?: string; size?: number }) {
   const circleVariants = {
     hidden: { opacity: 0 },
-    visible: { opacity: 1 }
+    visible: { opacity: 1 },
   };
 
   const sizeClass =
@@ -12,7 +12,7 @@ export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { c
       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 (
@@ -28,7 +28,7 @@ export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { c
             duration: 0.9,
             delay: index * 0.2,
             repeat: Infinity,
-            repeatType: "reverse"
+            repeatType: "reverse",
           }}
         ></motion.div>
       ))}

package/src/global-account/react/components/custom/WalletConnectorIcon.tsx

@@ -4,7 +4,7 @@ import {
   WalletPhantom,
   WalletRabby,
   WalletRainbow,
-  WalletWalletConnect
+  WalletWalletConnect,
 } from "@web3icons/react";
 import { Wallet } from "lucide-react";
 

package/src/global-account/react/components/index.ts

@@ -51,7 +51,7 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut
+  CommandShortcut,
 } from "./ui/command";
 export {
   Dialog,
@@ -63,7 +63,7 @@ export {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger
+  DialogTrigger,
 } from "./ui/dialog";
 export {
   Drawer,
@@ -75,7 +75,7 @@ export {
   DrawerOverlay,
   DrawerPortal,
   DrawerTitle,
-  DrawerTrigger
+  DrawerTrigger,
 } from "./ui/drawer";
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
@@ -89,7 +89,7 @@ export {
   TabsContent as TabsContentPrimitive,
   TabsList as TabsListPrimitive,
   Tabs as TabsPrimitive,
-  TabTrigger as TabTriggerPrimitive
+  TabTrigger as TabTriggerPrimitive,
 } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";

package/src/global-account/react/components/magicui/AnimatedLottie.tsx

@@ -51,11 +51,11 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
                 console.error("Failed to play animation:", error);
               }
             },
-            delay ? delay * 1000 : 0
+            delay ? delay * 1000 : 0,
           );
         }
       },
-      [autoplay, delay]
+      [autoplay, delay],
     );
 
     const handleMouseEnter = useCallback(() => {
@@ -73,9 +73,9 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
 
     const animateProps = useMemo(
       () => ({
-        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1
+        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1,
       }),
-      [animateBounce]
+      [animateBounce],
     );
 
     return (
@@ -98,7 +98,7 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
         />
       </motion.div>
     );
-  }
+  },
 );
 
 AnimatedLottie.displayName = "AnimatedLottie";

package/src/global-account/react/components/ui/Loading.tsx

@@ -11,12 +11,12 @@ export function Loading({ className, size = "md", variant = "white" }: LoadingPr
   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 (

package/src/global-account/react/components/ui/ShinyButton.tsx

@@ -16,7 +16,7 @@ export const ShinyButton = ({
   disabled,
   textColor = "",
   textClassName = "",
-  type = "button"
+  type = "button",
 }: {
   text?: string;
   accentColor?: string;
@@ -32,7 +32,7 @@ export const ShinyButton = ({
 }) => {
   const { ref, inView } = useInView({
     triggerOnce: false,
-    threshold: 0.1
+    threshold: 0.1,
   });
 
   const computedTextColor =
@@ -51,10 +51,10 @@ export const ShinyButton = ({
         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"
+        animatedPulse && inView && "animated-pulse",
       )}
       style={{
-        backgroundColor: disabled ? "#94A3B8" : accentColor
+        backgroundColor: disabled ? "#94A3B8" : accentColor,
       }}
       onClick={!disabled ? onClick : undefined}
       onClickCapture={onClickCapture}
@@ -66,7 +66,7 @@ export const ShinyButton = ({
       <span
         className={cn(
           "font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide",
-          computedTextColor
+          computedTextColor,
         )}
       >
         <div className={cn("flex items-center justify-center gap-2", textClassName)}>

package/src/global-account/react/components/ui/TabSystem.tsx

@@ -138,7 +138,7 @@ export function TabsTransitionWrapper({ children }: { children: ReactNode }) {
     child =>
       React.isValidElement(child) &&
       "value" in (child.props as any) &&
-      (child.props as any).value === context.selectedTab
+      (child.props as any).value === context.selectedTab,
   );
 
   return (
@@ -149,7 +149,7 @@ export function TabsTransitionWrapper({ children }: { children: ReactNode }) {
       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 },
       }}
     >
       {childrenArray}

package/src/global-account/react/components/ui/Tabs.tsx

@@ -4,7 +4,7 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 export const Tabs = ({
   defaultValue,
   onValueChange,
-  children
+  children,
 }: {
   defaultValue: string;
   onValueChange?: (value: string) => void;
@@ -20,7 +20,7 @@ export function TabsList({ className, ...props }: React.ComponentProps<typeof Ta
     <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
+        className,
       )}
       {...props}
     />
@@ -36,7 +36,7 @@ export function TabTrigger({ className, ...props }: React.ComponentProps<typeof
         "data-[state=active]:bg-b3-react-subtle data-[state=active]:text-b3-react-primary data-[state=active]:font-bold",
         "border-b3-react-border hover:text-b3-react-foreground data-[state=inactive]:border-b3-react-border data-[state=inactive]:text-b3-react-muted-foreground",
         "flex-1 border-r",
-        className
+        className,
       )}
       {...props}
     />
@@ -48,7 +48,7 @@ export function TabsContent({ className, ...props }: React.ComponentProps<typeof
     <TabsPrimitive.Content
       className={cn(
         "ring-offset-b3-react-background focus-visible:ring-b3-react-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-        className
+        className,
       )}
       {...props}
     />

package/src/global-account/react/components/ui/badge.tsx

@@ -12,13 +12,13 @@ const badgeVariants = cva(
         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",
+    },
+  },
 );
 
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}

package/src/global-account/react/components/ui/button.tsx

@@ -15,20 +15,20 @@ const buttonVariants = cva(
         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",
+    },
+  },
 );
 
 export interface ButtonProps
@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     }
 
     return <button className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;
-  }
+  },
 );
 Button.displayName = "Button";
 

package/src/global-account/react/components/ui/command.tsx

@@ -17,7 +17,7 @@ const Command = React.forwardRef<
     ref={ref}
     className={cn(
       "bg-popover text-popover-b3-react-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-      className
+      className,
     )}
     {...props}
   />
@@ -51,7 +51,7 @@ const CommandInput = React.forwardRef<
       ref={ref}
       className={cn(
         "placeholder:text-b3-react-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     />
@@ -88,7 +88,7 @@ const CommandGroup = React.forwardRef<
     ref={ref}
     className={cn(
       "text-b3-react-foreground [&_[cmdk-group-heading]]:text-b3-react-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
+      className,
     )}
     {...props}
   />
@@ -112,7 +112,7 @@ const CommandItem = React.forwardRef<
     ref={ref}
     className={cn(
       "data-[selected='true']:bg-accent data-[selected=true]:text-accent-b3-react-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
+      className,
     )}
     {...props}
   />
@@ -136,5 +136,5 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut
+  CommandShortcut,
 };