@b3dotfun/sdk 0.0.1-alpha.1

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

@@ -0,0 +1,82 @@
+import { type DialogProps } from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends DialogProps {
+}
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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 };

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../../../shared/utils";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { Dialog, DialogContent, DialogTitle } from "./dialog";
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn("bg-popover text-popover-b3-react-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = ({ children, ...props }) => {
+    return (_jsx(Dialog, { ...props, children: _jsxs(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: [_jsx(VisuallyHidden, { asChild: true, children: _jsx(DialogTitle, { children: "Command Menu" }) }), _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-b3-react-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children })] }) }));
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [_jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { 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), ...props })] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className), ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => _jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { 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), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn("bg-border -mx-1 h-px", className), ...props })));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { 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), ...props })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+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 };

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

@@ -0,0 +1,30 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Dialog: typeof DialogPrimitive.Root;
+declare const DialogTrigger: typeof DialogPrimitive.Trigger;
+declare const DialogPortal: typeof DialogPrimitive.Portal;
+declare const DialogClose: typeof DialogPrimitive.Close;
+type DialogOverlayElement = React.ElementRef<typeof DialogPrimitive.Overlay>;
+type DialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<DialogOverlayElement>>;
+type DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;
+type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    hideCloseButton?: boolean;
+    closeBtnClassName?: string;
+};
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<DialogContentElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;
+type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<DialogTitleElement>>;
+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 };

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../../../shared/utils";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 backdrop-blur-[20px]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:backdrop-blur-none data-[state=open]:backdrop-blur-[20px]", "transition-all duration-300", className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, hideCloseButton = false, closeBtnClassName, ...props }, ref) => {
+    const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
+    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "data-[state=closed]:rotate-x-10 data-[state=open]:rotate-x-0", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "ease-spring transition-all", className), ...props, children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("data-[state=open]:bg-accent data-[state=open]:text-b3-react-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+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 };

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import("vaul").Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+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 };

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cn } from "../../../../shared/utils";
+const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
+Drawer.displayName = "Drawer";
+const DrawerTrigger = DrawerPrimitive.Trigger;
+const DrawerPortal = DrawerPrimitive.Portal;
+const DrawerClose = DrawerPrimitive.Close;
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props })));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
+    return (_jsxs(DrawerPortal, { container: container, children: [_jsx(DrawerOverlay, {}), _jsx(DrawerPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border py-6", className), ...props, children: children })] }));
+});
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({ className, ...props }) => (_jsx("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props }));
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerFooter = ({ className, ...props }) => (_jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+DrawerFooter.displayName = "DrawerFooter";
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+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 };

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

@@ -0,0 +1,4 @@
+export declare const GlareCardRounded: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,142 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../shared/utils";
+import { useEffect, useRef } from "react";
+export const GlareCardRounded = ({ children, className }) => {
+    const isPointerInside = useRef(false);
+    const refElement = useRef(null);
+    const contentRef = useRef(null);
+    const state = useRef({
+        glare: {
+            x: 50,
+            y: 50
+        },
+        background: {
+            x: 50,
+            y: 50
+        },
+        rotate: {
+            x: 0,
+            y: 0
+        }
+    });
+    const containerStyle = {
+        "--m-x": "50%",
+        "--m-y": "50%",
+        "--r-x": "0deg",
+        "--r-y": "0deg",
+        "--bg-x": "50%",
+        "--bg-y": "50%",
+        "--duration": "300ms",
+        "--foil-size": "100%",
+        "--opacity": "0",
+        "--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)"
+    };
+    const backgroundStyle = {
+        "--step": "5%",
+        "--foil-svg": `url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99994 3.419C2.99994 3.419 21.6142 7.43646 22.7921 12.153C23.97 16.8695 3.41838 23.0306 3.41838 23.0306' stroke='white' stroke-width='5' stroke-miterlimit='3.86874' stroke-linecap='round' style='mix-blend-mode:darken'/%3E%3C/svg%3E")`,
+        "--pattern": "var(--foil-svg) center/100% no-repeat",
+        "--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"
+    };
+    const updateStyles = () => {
+        if (refElement.current) {
+            const { background, rotate, glare } = state.current;
+            refElement.current?.style.setProperty("--m-x", `${glare.x}%`);
+            refElement.current?.style.setProperty("--m-y", `${glare.y}%`);
+            refElement.current?.style.setProperty("--r-x", `${rotate.x}deg`);
+            refElement.current?.style.setProperty("--r-y", `${rotate.y}deg`);
+            refElement.current?.style.setProperty("--bg-x", `${background.x}%`);
+            refElement.current?.style.setProperty("--bg-y", `${background.y}%`);
+        }
+    };
+    useEffect(() => {
+        // Simulate hover effect on mount
+        isPointerInside.current = true;
+        if (refElement.current) {
+            // Apply some initial animation
+            const initialPercentage = { x: 75, y: 75 }; // Example coordinates for initial animation
+            const initialDelta = {
+                x: initialPercentage.x - 50,
+                y: initialPercentage.y - 50
+            };
+            const rotateFactor = 0.4;
+            state.current.background.x = 50 + initialPercentage.x / 4 - 12.5;
+            state.current.background.y = 50 + initialPercentage.y / 3 - 16.67;
+            state.current.rotate.x = -(initialDelta.x / 3.5) * rotateFactor;
+            state.current.rotate.y = (initialDelta.y / 2) * rotateFactor;
+            state.current.glare.x = initialPercentage.x;
+            state.current.glare.y = initialPercentage.y;
+            updateStyles();
+            refElement.current.style.setProperty("--opacity", "0.1"); // Show the glare effect
+            // Simulate pointer leaving after 500ms
+            const timeoutId = setTimeout(() => {
+                isPointerInside.current = false;
+                if (refElement.current) {
+                    refElement.current.style.removeProperty("--duration");
+                    refElement.current.style.setProperty("--opacity", "0");
+                    refElement.current.style.setProperty("--r-x", `0deg`);
+                    refElement.current.style.setProperty("--r-y", `0deg`);
+                    // Reset background and glare to default if needed
+                    state.current.glare.x = 50;
+                    state.current.glare.y = 50;
+                    state.current.background.x = 50;
+                    state.current.background.y = 50;
+                    updateStyles();
+                }
+            }, 500);
+            return () => clearTimeout(timeoutId);
+        }
+    }, []);
+    return (_jsx("div", { style: {
+            ...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
+            };
+            const percentage = {
+                x: (100 / rect.width) * position.x,
+                y: (100 / rect.height) * position.y
+            };
+            const delta = {
+                x: percentage.x - 50,
+                y: percentage.y - 50
+            };
+            const { background, rotate, glare } = state.current;
+            background.x = 50 + percentage.x / 4 - 12.5;
+            background.y = 50 + percentage.y / 3 - 16.67;
+            rotate.x = -(delta.x / 3.5);
+            rotate.y = delta.y / 2;
+            rotate.x *= rotateFactor;
+            rotate.y *= rotateFactor;
+            glare.x = percentage.x;
+            glare.y = percentage.y;
+            updateStyles();
+        }, onPointerEnter: () => {
+            isPointerInside.current = true;
+            if (refElement.current) {
+                setTimeout(() => {
+                    if (isPointerInside.current) {
+                        refElement.current?.style.setProperty("--duration", "0s");
+                    }
+                }, 300);
+            }
+        }, onPointerLeave: () => {
+            isPointerInside.current = false;
+            if (refElement.current) {
+                refElement.current.style.removeProperty("--duration");
+                refElement.current?.style.setProperty("--r-x", `0deg`);
+                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)"
+                    } }), _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.d.ts

@@ -0,0 +1,4 @@
+export declare const GlareCard: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../shared/utils";
+import { useRef } from "react";
+export const GlareCard = ({ children, className }) => {
+    const isPointerInside = useRef(false);
+    const refElement = useRef(null);
+    const contentRef = useRef(null);
+    const state = useRef({
+        glare: {
+            x: 50,
+            y: 50
+        },
+        background: {
+            x: 50,
+            y: 50
+        },
+        rotate: {
+            x: 0,
+            y: 0
+        }
+    });
+    const containerStyle = {
+        "--m-x": "50%",
+        "--m-y": "50%",
+        "--r-x": "0deg",
+        "--r-y": "0deg",
+        "--bg-x": "50%",
+        "--bg-y": "50%",
+        "--duration": "300ms",
+        "--foil-size": "100%",
+        "--opacity": "0",
+        "--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)"
+    };
+    const backgroundStyle = {
+        "--step": "5%",
+        "--foil-svg": `url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99994 3.419C2.99994 3.419 21.6142 7.43646 22.7921 12.153C23.97 16.8695 3.41838 23.0306 3.41838 23.0306' stroke='white' stroke-width='5' stroke-miterlimit='3.86874' stroke-linecap='round' style='mix-blend-mode:darken'/%3E%3C/svg%3E")`,
+        "--pattern": "var(--foil-svg) center/100% no-repeat",
+        "--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"
+    };
+    const updateStyles = () => {
+        if (refElement.current) {
+            const { background, rotate, glare } = state.current;
+            refElement.current?.style.setProperty("--m-x", `${glare.x}%`);
+            refElement.current?.style.setProperty("--m-y", `${glare.y}%`);
+            refElement.current?.style.setProperty("--r-x", `${rotate.x}deg`);
+            refElement.current?.style.setProperty("--r-y", `${rotate.y}deg`);
+            refElement.current?.style.setProperty("--bg-x", `${background.x}%`);
+            refElement.current?.style.setProperty("--bg-y", `${background.y}%`);
+        }
+    };
+    return (_jsx("div", { style: {
+            ...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
+            };
+            const percentage = {
+                x: (100 / rect.width) * position.x,
+                y: (100 / rect.height) * position.y
+            };
+            const delta = {
+                x: percentage.x - 50,
+                y: percentage.y - 50
+            };
+            const { background, rotate, glare } = state.current;
+            background.x = 50 + percentage.x / 4 - 12.5;
+            background.y = 50 + percentage.y / 3 - 16.67;
+            rotate.x = -(delta.x / 3.5);
+            rotate.y = delta.y / 2;
+            rotate.x *= rotateFactor;
+            rotate.y *= rotateFactor;
+            glare.x = percentage.x;
+            glare.y = percentage.y;
+            updateStyles();
+        }, onPointerEnter: () => {
+            isPointerInside.current = true;
+            if (refElement.current) {
+                setTimeout(() => {
+                    if (isPointerInside.current) {
+                        refElement.current?.style.setProperty("--duration", "0s");
+                    }
+                }, 300);
+            }
+        }, onPointerLeave: () => {
+            isPointerInside.current = false;
+            if (refElement.current) {
+                refElement.current.style.removeProperty("--duration");
+                refElement.current?.style.setProperty("--r-x", `0deg`);
+                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)"
+                    } }), _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.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../../shared/utils";
+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)"
+        }, ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input };

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

@@ -0,0 +1,6 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverContent, PopoverTrigger };

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { cn } from "../../../../shared/utils";
+import StyleRoot from "../StyleRoot";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(StyleRoot, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-b3-react-popover text-as-primary z-50 rounded-md border p-4 shadow-md outline-none", className), ...props }) }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverContent, PopoverTrigger };

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

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+import { cn } from "../../../../shared/utils";
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" }) })));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../../shared/utils/cn";
+function Skeleton({ className, ...props }) {
+    return _jsx("div", { className: cn("animate-pulse-fade bg-b3-react-background rounded-md", className), ...props });
+}
+export { Skeleton };

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

@@ -0,0 +1,11 @@
+import { Transition, Variants } from "framer-motion";
+type TextLoopProps = {
+    children: React.ReactNode[];
+    className?: string;
+    interval?: number;
+    transition?: Transition;
+    variants?: Variants;
+    onIndexChange?: (index: number) => void;
+};
+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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../../shared/utils/cn";
+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 }) {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const items = Children.toArray(children);
+    useEffect(() => {
+        const intervalMs = interval * 1000;
+        const timer = setInterval(() => {
+            setCurrentIndex(current => {
+                const next = (current + 1) % items.length;
+                onIndexChange?.(next);
+                return next;
+            });
+        }, intervalMs);
+        return () => clearInterval(timer);
+    }, [items.length, interval, onIndexChange]);
+    const motionVariants = {
+        initial: { y: 20, opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        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.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface TextShimmerProps {
+    children: string;
+    as?: React.ElementType;
+    className?: string;
+    duration?: number;
+    spread?: number;
+}
+export declare function TextShimmer({ children, as: Component, className, duration, spread }: TextShimmerProps): import("react/jsx-runtime").JSX.Element;
+export {};