@b3dotfun/sdk 0.0.7-alpha.18 → 0.0.7-alpha.2

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/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
     };
 }

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

@@ -10,13 +10,13 @@ const abi = [
         name: "balanceOf",
         outputs: [{ name: "", type: "uint256" }],
         stateMutability: "view",
-        type: "function",
-    },
+        type: "function"
+    }
 ];
 // Create a public client for Base
 const client = createPublicClient({
     chain: base,
-    transport: http(),
+    transport: http()
 });
 async function fetchB3Balances(addresses) {
     try {
@@ -26,12 +26,12 @@ async function fetchB3Balances(addresses) {
                 address: B3_TOKEN.address,
                 abi,
                 functionName: "balanceOf",
-                args: [address],
+                args: [address]
             });
             return {
                 address,
                 balance,
-                formatted: formatUnits(balance, B3_TOKEN.decimals),
+                formatted: formatUnits(balance, B3_TOKEN.decimals)
             };
         }));
         // Calculate total
@@ -39,7 +39,7 @@ async function fetchB3Balances(addresses) {
         return {
             totalBalance,
             formattedTotal: formatNumber(Number(formatUnits(totalBalance, B3_TOKEN.decimals))),
-            breakdown: balances,
+            breakdown: balances
         };
     }
     catch (error) {
@@ -61,7 +61,7 @@ export function useB3BalanceFromAddresses(addresses, options) {
         queryFn: () => fetchB3Balances(normalizedAddresses),
         enabled: (options?.enabled ?? true) && normalizedAddresses.length > 0,
         refetchInterval: options?.refetchInterval ?? 30000, // Default 30s refresh
-        staleTime: 10000, // Consider data stale after 10s
+        staleTime: 10000 // Consider data stale after 10s
     });
 }
 export default useB3BalanceFromAddresses;

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

@@ -1,13 +1,9 @@
 export declare const useB3EnsName: () => {
-    registerEns: (name: `${string}.b3.fun`, address: string, hash: string) => Promise<Response>;
-    getEns: (address: string) => Promise<{
-        name: string;
+    registerEns: (username: string, message: string, hash: string) => Promise<{
+        success: boolean;
+        error?: string;
     }>;
-    lookupEnsName: (name: `${string}.b3.fun`) => Promise<{
+    getEns: (address: string) => Promise<{
         name: string;
-        owner: `0x${string}`;
-        addresses: Record<string, `0x${string}`>;
-        createdAt: number;
-        updatedAt: number;
     }>;
 };