@b3dotfun/sdk 0.0.7 → 0.0.8

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";

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

@@ -7,5 +7,5 @@ type TextLoopProps = {
     variants?: Variants;
     onIndexChange?: (index: number) => void;
 };
-export declare function TextLoop({ children, className, interval, transition, variants, onIndexChange }: TextLoopProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextLoop({ children, className, interval, transition, variants, onIndexChange, }: TextLoopProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../../shared/utils/cn.js";
 import { AnimatePresence, motion } from "framer-motion";
 import { Children, useEffect, useState } from "react";
-export function TextLoop({ children, className, interval = 2, transition = { duration: 0.3 }, variants, onIndexChange }) {
+export function TextLoop({ children, className, interval = 2, transition = { duration: 0.3 }, variants, onIndexChange, }) {
     const [currentIndex, setCurrentIndex] = useState(0);
     const items = Children.toArray(children);
     useEffect(() => {
@@ -20,7 +20,7 @@ export function TextLoop({ children, className, interval = 2, transition = { dur
     const motionVariants = {
         initial: { y: 20, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        exit: { y: -20, opacity: 0 }
+        exit: { y: -20, opacity: 0 },
     };
     return (_jsx("div", { className: cn("relative inline-block whitespace-nowrap", className), children: _jsx(AnimatePresence, { mode: "popLayout", initial: false, children: _jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", transition: transition, variants: variants || motionVariants, children: items[currentIndex] }, currentIndex) }) }));
 }

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

@@ -11,9 +11,9 @@ export function TextShimmer({ children, as: Component = "p", className, duration
     return (_jsx(MotionComponent, { className: cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text", "text-transparent [--base-color:#a1a1aa] [--base-gradient-color:#000]", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", "dark:[--base-color:#71717a] dark:[--base-gradient-color:#ffffff] dark:[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]", className), initial: { backgroundPosition: "100% center" }, animate: { backgroundPosition: "0% center" }, transition: {
             repeat: Infinity,
             duration,
-            ease: "linear"
+            ease: "linear",
         }, style: {
             "--spread": `${dynamicSpread}px`,
-            backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`
+            backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`,
         }, children: children }));
 }

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

@@ -6,6 +6,6 @@ import { cn } from "../../../../shared/utils/cn.js";
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: 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) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: 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 })));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/esm/global-account/react/hooks/useAccountAssets.js

@@ -7,8 +7,8 @@ async function fetchAccountAssets(address) {
         fetchSimpleHashData(`/v0/nfts/owners`, {
             chains: "b3,b3-sepolia,base",
             wallet_addresses: address,
-            count: true
-        })
+            count: true,
+        }),
         // we are not using the tokenResponse anywhere in the app, let's not call it, if we don't need it
         // getERC20Balances(address, {
         //   chainIds: [8333, 1993, 8453, 84532],
@@ -17,7 +17,7 @@ async function fetchAccountAssets(address) {
         // }),
     ]);
     return {
-        nftResponse
+        nftResponse,
         //tokenResponse,
     };
 }
@@ -27,6 +27,6 @@ export function useAccountAssets(address) {
         queryFn: () => fetchAccountAssets(address),
         enabled: Boolean(address),
         staleTime: 30 * 1000, // Consider data fresh for 30 seconds
-        gcTime: 5 * 60 * 1000 // Keep unused data in cache for 5 minutes
+        gcTime: 5 * 60 * 1000, // Keep unused data in cache for 5 minutes
     });
 }

package/dist/esm/global-account/react/hooks/useAccountWallet.js

@@ -37,8 +37,8 @@ export function useAccountWallet() {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || ""
-            }
+                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+            },
         },
         address: account?.address,
         ensName,
@@ -47,7 +47,7 @@ export function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage
+        eoaWalletIcon: walletImage,
     }), [
         account,
         avatarUrl,
@@ -57,11 +57,11 @@ export function useAccountWallet() {
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage
+        walletImage,
     ]);
-    // useEffect(() => {
-    //   console.log(`account`, account);
-    //   console.log(`useAccountWallet`, res);
-    // }, [account, res]);
+    useEffect(() => {
+        console.log(`account`, account);
+        console.log(`useAccountWallet`, res);
+    }, [account, res]);
     return res;
 }

package/dist/esm/global-account/react/hooks/useAddTWSessionKey.d.ts

@@ -1,6 +1,6 @@
 import { Chain, Hex, ThirdwebClient } from "thirdweb";
 import { Address } from "viem";
-export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }: {
+export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }: {
     chain?: Chain;
     onSuccess: (transactionResult: {
         transactionHash: Hex;
@@ -11,7 +11,7 @@ export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners,
     onError: (error: Error) => void;
     refetchSigners: () => Promise<any>;
 }): {
-    newSessionKey: ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp }: {
+    newSessionKey: ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp, }: {
         sessionKeyAddress: Address;
         approvedTargets: Address[];
         nativeTokenLimitPerTransaction: number;

package/dist/esm/global-account/react/hooks/useAddTWSessionKey.js

@@ -4,12 +4,12 @@ import { sendTransaction } from "thirdweb";
 import { addSessionKey } from "thirdweb/extensions/erc4337";
 import { useActiveAccount } from "thirdweb/react";
 const debug = createDebug("@@b3:useHandleTWConnect");
-export function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }) {
+export function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }) {
     if (!chain) {
         throw new Error("Chain is required");
     }
     const account = useActiveAccount();
-    const newSessionKey = async ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp }) => {
+    const newSessionKey = async ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp, }) => {
         if (!account || !chain)
             return;
         debug("@@newSessionKey:", {
@@ -17,14 +17,14 @@ export function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }
             approvedTargets,
             nativeTokenLimitPerTransaction,
             permissionStartTimestamp,
-            permissionEndTimestamp
+            permissionEndTimestamp,
         });
         try {
             const transaction = addSessionKey({
                 contract: {
                     client,
                     chain,
-                    address: account.address
+                    address: account.address,
                 },
                 account,
                 sessionKeyAddress,
@@ -32,8 +32,8 @@ export function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }
                     approvedTargets,
                     nativeTokenLimitPerTransaction,
                     permissionStartTimestamp,
-                    permissionEndTimestamp
-                }
+                    permissionEndTimestamp,
+                },
             });
             debug("@@ecosystem:newSessionKey:transaction:", transaction);
             const transactionResult = await sendTransaction({ transaction, account });

package/dist/esm/global-account/react/hooks/useAuthentication.js

@@ -23,7 +23,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
     const { connect } = useConnect(partnerId, b3MainnetThirdWeb);
     const wallet = ecosystemWallet(ecosystemWalletId, {
-        partnerId: partnerId
+        partnerId: partnerId,
     });
     const { isLoading: useAutoConnectLoading } = useAutoConnect({
         client,
@@ -60,7 +60,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
                 setIsAuthenticated(false);
                 setUser();
             }
-        }
+        },
     });
     // Ensure isAuthenticating stays true until we're fully ready
     useEffect(() => {
@@ -111,6 +111,6 @@ export function useAuthentication(partnerId, loginWithSiwe) {
         isReady,
         wallet,
         preAuthenticate,
-        connect
+        connect,
     };
 }