@b3dotfun/sdk 0.0.1-alpha.1

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

@@ -0,0 +1,146 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlareCardRounded = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../../shared/utils");
+const react_1 = require("react");
+const GlareCardRounded = ({ children, className }) => {
+    const isPointerInside = (0, react_1.useRef)(false);
+    const refElement = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    const state = (0, react_1.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}%`);
+        }
+    };
+    (0, react_1.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 ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, utils_1.cn)("h-full w-full object-cover", className), children: children }) }), (0, jsx_runtime_1.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)"
+                    } }), (0, jsx_runtime_1.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 } })] }) }));
+};
+exports.GlareCardRounded = GlareCardRounded;

package/dist/cjs/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/cjs/global-account/react/components/ui/glare-card.js

@@ -0,0 +1,108 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlareCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../../shared/utils");
+const react_1 = require("react");
+const GlareCard = ({ children, className }) => {
+    const isPointerInside = (0, react_1.useRef)(false);
+    const refElement = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    const state = (0, react_1.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 ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, utils_1.cn)("h-full w-full bg-slate-950 object-cover", className), children: children }) }), (0, jsx_runtime_1.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)"
+                    } }), (0, jsx_runtime_1.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 } })] }) }));
+};
+exports.GlareCard = GlareCard;

package/dist/cjs/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/cjs/global-account/react/components/ui/input.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const utils_1 = require("../../../../shared/utils");
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("input", { type: type, className: (0, utils_1.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 }));
+});
+exports.Input = Input;
+Input.displayName = "Input";

package/dist/cjs/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/cjs/global-account/react/components/ui/popover.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverTrigger = exports.PopoverContent = exports.Popover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const React = __importStar(require("react"));
+const utils_1 = require("../../../../shared/utils");
+const StyleRoot_1 = __importDefault(require("../StyleRoot"));
+const Popover = PopoverPrimitive.Root;
+exports.Popover = Popover;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+exports.PopoverTrigger = PopoverTrigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(StyleRoot_1.default, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("bg-b3-react-popover text-as-primary z-50 rounded-md border p-4 shadow-md outline-none", className), ...props }) }) })));
+exports.PopoverContent = PopoverContent;
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;

package/dist/cjs/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/cjs/global-account/react/components/ui/scroll-area.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollBar = exports.ScrollArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ScrollAreaPrimitive = __importStar(require("@radix-ui/react-scroll-area"));
+const React = __importStar(require("react"));
+const utils_1 = require("../../../../shared/utils");
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ScrollAreaPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("relative overflow-hidden", className), ...props, children: [(0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), (0, jsx_runtime_1.jsx)(ScrollBar, {}), (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.Corner, {})] })));
+exports.ScrollArea = ScrollArea;
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => ((0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: (0, utils_1.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: (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" }) })));
+exports.ScrollBar = ScrollBar;
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/cjs/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/cjs/global-account/react/components/ui/skeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../../shared/utils/cn");
+function Skeleton({ className, ...props }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("animate-pulse-fade bg-b3-react-background rounded-md", className), ...props });
+}

package/dist/cjs/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/cjs/global-account/react/components/ui/text-loop.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLoop = TextLoop;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../../shared/utils/cn");
+const framer_motion_1 = require("framer-motion");
+const react_1 = require("react");
+function TextLoop({ children, className, interval = 2, transition = { duration: 0.3 }, variants, onIndexChange }) {
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
+    const items = react_1.Children.toArray(children);
+    (0, react_1.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 ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative inline-block whitespace-nowrap", className), children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "popLayout", initial: false, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: "initial", animate: "animate", exit: "exit", transition: transition, variants: variants || motionVariants, children: items[currentIndex] }, currentIndex) }) }));
+}

package/dist/cjs/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 {};

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

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextShimmer = TextShimmer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../../shared/utils/cn");
+const framer_motion_1 = require("framer-motion");
+const react_1 = require("react");
+function TextShimmer({ children, as: Component = "p", className, duration = 2, spread = 2 }) {
+    const MotionComponent = framer_motion_1.motion.create(Component);
+    const dynamicSpread = (0, react_1.useMemo)(() => {
+        return children.length * spread;
+    }, [children, spread]);
+    return ((0, jsx_runtime_1.jsx)(MotionComponent, { className: (0, cn_1.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"
+        }, style: {
+            "--spread": `${dynamicSpread}px`,
+            backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`
+        }, children: children }));
+}

package/dist/cjs/global-account/react/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<never>>;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

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

@@ -0,0 +1,50 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const React = __importStar(require("react"));
+const cn_1 = require("../../../../shared/utils/cn");
+const TooltipProvider = TooltipPrimitive.Provider;
+exports.TooltipProvider = TooltipProvider;
+const Tooltip = TooltipPrimitive.Root;
+exports.Tooltip = Tooltip;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+exports.TooltipTrigger = TooltipTrigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.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 })));
+exports.TooltipContent = TooltipContent;
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;

package/dist/cjs/global-account/react/components/ui/transition-panel.d.ts

@@ -0,0 +1,14 @@
+import { MotionProps, Transition, Variant } from "framer-motion";
+type TransitionPanelProps = {
+    children: React.ReactNode[];
+    className?: string;
+    transition?: Transition;
+    activeIndex: number;
+    variants?: {
+        enter: Variant;
+        center: Variant;
+        exit: Variant;
+    };
+} & MotionProps;
+export declare function TransitionPanel({ children, className, transition, variants, activeIndex, ...motionProps }: TransitionPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/global-account/react/components/ui/transition-panel.js

@@ -0,0 +1,10 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransitionPanel = TransitionPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../../shared/utils/cn");
+const framer_motion_1 = require("framer-motion");
+function TransitionPanel({ children, className, transition, variants, activeIndex, ...motionProps }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative", className), children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { initial: false, mode: "popLayout", custom: motionProps.custom, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { variants: variants, transition: transition, initial: "enter", animate: "center", exit: "exit", ...motionProps, children: children[activeIndex] }, activeIndex) }) }));
+}

package/dist/cjs/global-account/react/hooks/useAccountAssets.d.ts

@@ -0,0 +1,3 @@
+export declare function useAccountAssets(address?: string): import("@tanstack/react-query").UseQueryResult<{
+    nftResponse: import("../../../shared/utils/simplehash").SimpleHashNFTResponse;
+}, Error>;