@luxfi/ui 7.3.0 → 7.3.1

package/dist/index.js

@@ -1,12 +1,12 @@
 "use client";
 import { styled, View, Text, createGui } from '@hanzogui/core';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import * as React30 from 'react';
+import React30__default from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React29 from 'react';
-import React29__default from 'react';
 import * as RadixAvatar from '@radix-ui/react-avatar';
 import { TooltipGroup, Tooltip as Tooltip$1 } from '@hanzogui/tooltip';
 import { useClickAway, useDebounce } from '@uidotdev/usehooks';
@@ -31,21 +31,24 @@ import { toast, Toaster as Toaster$1 } from 'sonner';
 var _guiInitialized = false;
 function ensureGui() {
   if (_guiInitialized) return;
+  if (typeof window === "undefined") return;
   createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
   _guiInitialized = true;
 }
-ensureGui();
 var defaultQueryClient = new QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
 });
 var AppProvider = ({ children, queryClient }) => {
+  React30__default.useEffect(() => {
+    ensureGui();
+  }, []);
   return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
 };
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var IndicatorIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M7.5 15L12.5 10L7.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var AccordionRoot = React29.forwardRef(
+var AccordionRoot = React30.forwardRef(
   function AccordionRoot2(props, ref) {
     const {
       multiple: _multiple,
@@ -64,7 +67,7 @@ var AccordionRoot = React29.forwardRef(
       borderRadius: _borderRadius,
       ...rest
     } = props;
-    const handleValueChange = React29.useCallback(
+    const handleValueChange = React30.useCallback(
       (next) => {
         onValueChange?.({ value: next });
       },
@@ -92,7 +95,7 @@ var AccordionRoot = React29.forwardRef(
     );
   }
 );
-var AccordionItem = React29.forwardRef(
+var AccordionItem = React30.forwardRef(
   function AccordionItem2(props, ref) {
     const { className, as: _as, _first, _last, display: _display, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -108,7 +111,7 @@ var AccordionItem = React29.forwardRef(
     );
   }
 );
-var AccordionItemTrigger = React29.forwardRef(function AccordionItemTrigger2(props, ref) {
+var AccordionItemTrigger = React30.forwardRef(function AccordionItemTrigger2(props, ref) {
   const {
     children,
     indicatorPlacement: indicatorPlacementProp,
@@ -173,7 +176,7 @@ var AccordionItemTrigger = React29.forwardRef(function AccordionItemTrigger2(pro
     }
   ) }) });
 });
-var AccordionItemContent = React29.forwardRef(function AccordionItemContent2(props, ref) {
+var AccordionItemContent = React30.forwardRef(function AccordionItemContent2(props, ref) {
   const { className, children, pb: _pb, pr: _pr, pl: _pl, w: _w, display: _display, flexDir: _flexDir, rowGap: _rowGap, ...rest } = props;
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
@@ -191,11 +194,11 @@ var AccordionItemContent = React29.forwardRef(function AccordionItemContent2(pro
   );
 });
 function useAccordion(items) {
-  const [value, setValue] = React29.useState([]);
-  const onValueChange = React29.useCallback(({ value: value2 }) => {
+  const [value, setValue] = React30.useState([]);
+  const onValueChange = React30.useCallback(({ value: value2 }) => {
     setValue(value2);
   }, []);
-  const scrollToItemFromUrl = React29.useCallback(() => {
+  const scrollToItemFromUrl = React30.useCallback(() => {
     const hash = window.location.hash.replace("#", "");
     if (!hash) {
       return;
@@ -209,7 +212,7 @@ function useAccordion(items) {
       setValue([itemToScroll.id]);
     }
   }, [items]);
-  return React29.useMemo(() => {
+  return React30.useMemo(() => {
     return {
       value,
       onValueChange,
@@ -252,7 +255,7 @@ var CLOSE_BUTTON_CLASSES = [
   "hover:text-[var(--hover-color,currentColor)]",
   "disabled:opacity-40"
 ].join(" ");
-var CloseButton = React29.forwardRef(function CloseButton2(props, ref) {
+var CloseButton = React30.forwardRef(function CloseButton2(props, ref) {
   const { variant: _variant, size: _size, className, children, ...rest } = props;
   return /* @__PURE__ */ jsx(
     CloseButtonFrame,
@@ -399,7 +402,7 @@ var SKELETON_CLASSES = [
   "bg-[length:200%_100%]"
 ].join(" ");
 var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
-var Skeleton = React29.forwardRef(
+var Skeleton = React30.forwardRef(
   function Skeleton2(props, ref) {
     const { loading = false, asChild, className, children, style: styleProp, as: Component = "div", ...allRest } = props;
     const shimStyle = shimToStyle(props);
@@ -408,10 +411,10 @@ var Skeleton = React29.forwardRef(
     const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
     const htmlRest = stripShims(allRest);
     if (!loading) {
-      if (asChild && React29.isValidElement(children)) return children;
+      if (asChild && React30.isValidElement(children)) return children;
       return /* @__PURE__ */ jsx(Component, { ref, className: cls, style: mergedStyle, ...htmlRest, children });
     }
-    if (asChild && React29.isValidElement(children)) {
+    if (asChild && React30.isValidElement(children)) {
       return /* @__PURE__ */ jsx(
         Component,
         {
@@ -437,7 +440,7 @@ var Skeleton = React29.forwardRef(
     );
   }
 );
-var SkeletonCircle = React29.forwardRef(
+var SkeletonCircle = React30.forwardRef(
   function SkeletonCircle2(props, ref) {
     const { size = 40, loading = true, className, ...rest } = props;
     const dimension = typeof size === "number" ? `${size}px` : size;
@@ -453,7 +456,7 @@ var SkeletonCircle = React29.forwardRef(
     );
   }
 );
-var SkeletonText = React29.forwardRef(
+var SkeletonText = React30.forwardRef(
   function SkeletonText2(props, ref) {
     const { noOfLines = 3, loading = true, className, ...rest } = props;
     return /* @__PURE__ */ jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsx(
@@ -483,7 +486,7 @@ var INDICATOR_SIZE_CLASSES = {
   sm: "w-5 h-5 my-0",
   md: "w-5 h-5 my-[2px]"
 };
-var Alert = React29.forwardRef(
+var Alert = React30.forwardRef(
   function Alert2(props, ref) {
     const {
       title,
@@ -508,7 +511,7 @@ var Alert = React29.forwardRef(
     if (_mb !== void 0) shimStyle.marginBottom = typeof _mb === "number" ? `${_mb * 4}px` : _mb;
     if (_mt !== void 0) shimStyle.marginTop = typeof _mt === "number" ? `${_mt * 4}px` : _mt;
     const alertStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
-    const [isOpen, setIsOpen] = React29.useState(true);
+    const [isOpen, setIsOpen] = React30.useState(true);
     const resolvedSize = size ?? "md";
     const defaultIcon = /* @__PURE__ */ jsx(IndicatorIcon2, { className: "w-5 h-5" });
     const iconElement = (() => {
@@ -523,7 +526,7 @@ var Alert = React29.forwardRef(
         INDICATOR_SIZE_CLASSES[resolvedSize]
       ), children: icon || defaultIcon });
     })();
-    const handleClose = React29.useCallback(() => {
+    const handleClose = React30.useCallback(() => {
       setIsOpen(false);
       onClose?.();
     }, [onClose]);
@@ -599,11 +602,11 @@ var VARIANT_CLASSES = {
 };
 var DEFAULT_SIZE = "md";
 var DEFAULT_VARIANT = "subtle";
-var AvatarGroupContext = React29.createContext({});
+var AvatarGroupContext = React30.createContext({});
 function useAvatarGroupContext() {
-  return React29.useContext(AvatarGroupContext);
+  return React30.useContext(AvatarGroupContext);
 }
-var Avatar = React29.forwardRef(
+var Avatar = React30.forwardRef(
   function Avatar2(props, ref) {
     const group = useAvatarGroupContext();
     const {
@@ -653,7 +656,7 @@ var Avatar = React29.forwardRef(
     );
   }
 );
-var AvatarFallback = React29.forwardRef(
+var AvatarFallback = React30.forwardRef(
   function AvatarFallback2(props, ref) {
     const { name, icon, children, className, ...rest } = props;
     return /* @__PURE__ */ jsxs(
@@ -680,10 +683,10 @@ function getInitials(name) {
   const lastName = names.length > 1 ? names[names.length - 1] : "";
   return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
 }
-var AvatarGroup = React29.forwardRef(
+var AvatarGroup = React30.forwardRef(
   function AvatarGroup2(props, ref) {
     const { size, variant, borderless, className, ...rest } = props;
-    const contextValue = React29.useMemo(
+    const contextValue = React30.useMemo(
       () => ({ size, variant, borderless }),
       [size, variant, borderless]
     );
@@ -699,11 +702,11 @@ var AvatarGroup = React29.forwardRef(
 );
 var LG_BREAKPOINT = 1024;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React29.useState(() => {
+  const [isMobile, setIsMobile] = React30.useState(() => {
     if (typeof window === "undefined") return false;
     return window.innerWidth < LG_BREAKPOINT;
   });
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${LG_BREAKPOINT - 1}px)`);
     const handler = (e) => setIsMobile(e.matches);
     setIsMobile(mql.matches);
@@ -716,7 +719,7 @@ function mapPlacement(p) {
   if (!p) return void 0;
   return p;
 }
-var Tooltip = React29.forwardRef(
+var Tooltip = React30.forwardRef(
   function Tooltip2(props, ref) {
     const {
       showArrow: showArrowProp,
@@ -735,28 +738,28 @@ var Tooltip = React29.forwardRef(
       interactive,
       positioning
     } = props;
-    const [open, setOpen] = React29.useState(defaultOpen);
-    const timeoutRef = React29.useRef(null);
+    const [open, setOpen] = React30.useState(defaultOpen);
+    const timeoutRef = React30.useRef(null);
     const isMobile = useIsMobile();
-    const handleOpenChange = React29.useCallback((nextOpen) => {
+    const handleOpenChange = React30.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.({ open: nextOpen });
     }, [onOpenChange]);
-    const handleOpenChangeManual = React29.useCallback((nextOpen) => {
+    const handleOpenChangeManual = React30.useCallback((nextOpen) => {
       timeoutRef.current && window.clearTimeout(timeoutRef.current);
       timeoutRef.current = window.setTimeout(() => {
         setOpen(nextOpen);
         onOpenChange?.({ open: nextOpen });
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
-    const handleClickAway = React29.useCallback(() => {
+    const handleClickAway = React30.useCallback(() => {
       handleOpenChangeManual(false);
     }, [handleOpenChangeManual]);
     const triggerRef = useClickAway(handleClickAway);
-    const handleTriggerClick = React29.useCallback(() => {
+    const handleTriggerClick = React30.useCallback(() => {
       handleOpenChangeManual(!open);
     }, [handleOpenChangeManual, open]);
-    const handleContentClick = React29.useCallback((event) => {
+    const handleContentClick = React30.useCallback((event) => {
       event.stopPropagation();
       if (interactive) {
         const closestLink = event.target?.closest("a");
@@ -765,7 +768,7 @@ var Tooltip = React29.forwardRef(
         }
       }
     }, [interactive, handleOpenChangeManual]);
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
@@ -867,7 +870,7 @@ var COLOR_PALETTE_CLASSES = {
   bright_pink: "bg-badge-bright-pink-bg text-badge-bright-pink-fg"
 };
 var S2 = 4;
-var Badge = React29__default.forwardRef(
+var Badge = React30__default.forwardRef(
   function Badge2(props, ref) {
     const {
       loading,
@@ -1116,7 +1119,7 @@ function buildShimStyle(props) {
   if (props.borderTopRightRadius !== void 0) s.borderTopRightRadius = typeof props.borderTopRightRadius === "number" ? `${props.borderTopRightRadius}px` : props.borderTopRightRadius;
   return Object.keys(s).length > 0 ? s : void 0;
 }
-var Button = React29.forwardRef(
+var Button = React30.forwardRef(
   function Button2(props, ref) {
     const {
       className,
@@ -1218,7 +1221,7 @@ function buttonVariants(opts) {
   const s = opts?.size ?? "md";
   return [BASE_CLASSES2, VARIANT_CLASSES2[v] ?? "", SIZE_CLASSES4[s] ?? ""].filter(Boolean).join(" ");
 }
-var ButtonGroup = React29.forwardRef(
+var ButtonGroup = React30.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -1232,7 +1235,7 @@ var ButtonGroup = React29.forwardRef(
     );
   }
 );
-var ButtonGroupRadio = React29.forwardRef(
+var ButtonGroupRadio = React30.forwardRef(
   function ButtonGroupRadio2(props, ref) {
     const {
       children,
@@ -1244,24 +1247,24 @@ var ButtonGroupRadio = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const firstChildValue = React29.useMemo(() => {
+    const firstChildValue = React30.useMemo(() => {
       const firstChild = Array.isArray(children) ? children[0] : void 0;
       return typeof firstChild?.props.value === "string" ? firstChild.props.value : void 0;
     }, [children]);
-    const [value, setValue] = React29.useState(defaultValue ?? firstChildValue);
-    const handleItemClick = React29.useCallback((event) => {
+    const [value, setValue] = React30.useState(defaultValue ?? firstChildValue);
+    const handleItemClick = React30.useCallback((event) => {
       const v = event.currentTarget.value;
       setValue(v);
       onChange?.(v);
     }, [onChange]);
-    const clonedChildren = React29.Children.map(children, (child) => {
-      return React29.cloneElement(child, {
+    const clonedChildren = React30.Children.map(children, (child) => {
+      return React30.cloneElement(child, {
         onClick: handleItemClick,
         selected: value === child.props.value,
         variant
       });
     });
-    const childrenLength = React29.Children.count(children);
+    const childrenLength = React30.Children.count(children);
     return /* @__PURE__ */ jsx(Skeleton, { loading, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -1281,11 +1284,11 @@ var ButtonGroupRadio = React29.forwardRef(
 );
 var NOOP = () => {
 };
-var CheckboxGroupContext = React29.createContext(null);
+var CheckboxGroupContext = React30.createContext(null);
 function useCheckboxGroupContext() {
-  return React29.useContext(CheckboxGroupContext);
+  return React30.useContext(CheckboxGroupContext);
 }
-var CheckboxGroupBase = React29.forwardRef(
+var CheckboxGroupBase = React30.forwardRef(
   function CheckboxGroup(props, ref) {
     const {
       children,
@@ -1297,10 +1300,10 @@ var CheckboxGroupBase = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const [uncontrolledValue, setUncontrolledValue] = React29.useState(defaultValue ?? []);
+    const [uncontrolledValue, setUncontrolledValue] = React30.useState(defaultValue ?? []);
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : uncontrolledValue;
-    const toggle = React29.useCallback(
+    const toggle = React30.useCallback(
       (itemValue) => {
         const next = value.includes(itemValue) ? value.filter((v) => v !== itemValue) : [...value, itemValue];
         if (!isControlled) {
@@ -1310,12 +1313,12 @@ var CheckboxGroupBase = React29.forwardRef(
       },
       [value, isControlled, onValueChange]
     );
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       if (isControlled) {
         setUncontrolledValue(controlledValue);
       }
     }, [isControlled, controlledValue]);
-    const ctx = React29.useMemo(() => ({ value, toggle }), [value, toggle]);
+    const ctx = React30.useMemo(() => ({ value, toggle }), [value, toggle]);
     return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -1373,7 +1376,7 @@ var IndeterminateIcon = ({ className }) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "M0 0H12V2H0V0Z", fill: "currentColor" })
   }
 );
-var CheckboxBase = React29.forwardRef(
+var CheckboxBase = React30.forwardRef(
   function Checkbox(props, ref) {
     const {
       icon,
@@ -1394,8 +1397,8 @@ var CheckboxBase = React29.forwardRef(
       ...rest
     } = props;
     const group = useCheckboxGroupContext();
-    const hiddenInputRef = React29.useRef(null);
-    const setHiddenInputRef = React29.useCallback(
+    const hiddenInputRef = React30.useRef(null);
+    const setHiddenInputRef = React30.useCallback(
       (node) => {
         hiddenInputRef.current = node;
         if (typeof ref === "function") {
@@ -1408,7 +1411,7 @@ var CheckboxBase = React29.forwardRef(
     );
     const isInGroup = group !== null && value !== void 0;
     const groupChecked = isInGroup ? group.value.includes(value) : void 0;
-    const [internalChecked, setInternalChecked] = React29.useState(
+    const [internalChecked, setInternalChecked] = React30.useState(
       defaultChecked ?? false
     );
     const isControlled = checkedProp !== void 0 || isInGroup;
@@ -1420,7 +1423,7 @@ var CheckboxBase = React29.forwardRef(
     } else {
       checkedState = internalChecked;
     }
-    const handleCheckedChange = React29.useCallback(
+    const handleCheckedChange = React30.useCallback(
       (nextChecked) => {
         if (readOnly) return;
         if (!isControlled) {
@@ -1584,7 +1587,7 @@ function resolveSpacing(v) {
   }
   return void 0;
 }
-var Link = React29__default.forwardRef(
+var Link = React30__default.forwardRef(
   function Link2(props, ref) {
     const {
       external,
@@ -1673,7 +1676,7 @@ var Link = React29__default.forwardRef(
     ) });
   }
 );
-var LinkBox = React29__default.forwardRef(
+var LinkBox = React30__default.forwardRef(
   function LinkBox2(props, ref) {
     const { className, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -1686,7 +1689,7 @@ var LinkBox = React29__default.forwardRef(
     );
   }
 );
-var LinkOverlay = React29__default.forwardRef(
+var LinkOverlay = React30__default.forwardRef(
   function LinkOverlay2(props, ref) {
     const {
       children,
@@ -1767,8 +1770,8 @@ var LinkOverlay = React29__default.forwardRef(
   }
 );
 function useUpdateEffect(effect, deps) {
-  const isFirstMount = React29__default.useRef(true);
-  React29__default.useEffect(() => {
+  const isFirstMount = React30__default.useRef(true);
+  React30__default.useEffect(() => {
     if (isFirstMount.current) {
       isFirstMount.current = false;
       return;
@@ -1785,8 +1788,8 @@ function scrollToElement(id) {
 var CUT_ID = "CollapsibleDetails";
 var CollapsibleDetails = (props) => {
   const { children, id = CUT_ID, onClick, isExpanded: isExpandedProp = false, text: textProp, loading, noScroll, ...rest } = props;
-  const [isExpanded, setIsExpanded] = React29__default.useState(isExpandedProp);
-  const handleClick = React29__default.useCallback((event) => {
+  const [isExpanded, setIsExpanded] = React30__default.useState(isExpandedProp);
+  const handleClick = React30__default.useCallback((event) => {
     setIsExpanded((flag) => !flag);
     if (!noScroll) {
       scrollToElement(id);
@@ -1817,11 +1820,11 @@ var CollapsibleDetails = (props) => {
 var CollapsibleList = (props) => {
   const CUT_LENGTH = 3;
   const { items, renderItem, triggerProps, cutLength = CUT_LENGTH, text: textProp, defaultExpanded = false, className, ...rest } = props;
-  const [isExpanded, setIsExpanded] = React29__default.useState(defaultExpanded);
-  React29__default.useEffect(() => {
+  const [isExpanded, setIsExpanded] = React30__default.useState(defaultExpanded);
+  React30__default.useEffect(() => {
     setIsExpanded(defaultExpanded);
   }, [defaultExpanded]);
-  const handleToggle = React29__default.useCallback(() => {
+  const handleToggle = React30__default.useCallback(() => {
     setIsExpanded((flag) => !flag);
   }, []);
   const text = isExpanded ? textProp?.[1] ?? "Hide" : textProp?.[0] ?? "Show all";
@@ -1838,10 +1841,10 @@ var CollapsibleList = (props) => {
     ) })
   ] }) });
 };
-var ColorModeContext = React29.createContext(void 0);
+var ColorModeContext = React30.createContext(void 0);
 function ColorModeProvider(props) {
   const { children, defaultTheme = "light", value: controlledValue, onValueChange } = props;
-  const [internalMode, setInternalMode] = React29.useState(() => {
+  const [internalMode, setInternalMode] = React30.useState(() => {
     if (controlledValue === "dark" || controlledValue === "light") {
       return controlledValue;
     }
@@ -1851,7 +1854,7 @@ function ColorModeProvider(props) {
     return defaultTheme === "dark" ? "dark" : "light";
   });
   const colorMode = controlledValue === "dark" || controlledValue === "light" ? controlledValue : internalMode;
-  const setColorMode = React29.useCallback((mode) => {
+  const setColorMode = React30.useCallback((mode) => {
     const resolved = mode === "dark" ? "dark" : "light";
     setInternalMode(resolved);
     onValueChange?.(resolved);
@@ -1860,19 +1863,19 @@ function ColorModeProvider(props) {
       document.documentElement.classList.toggle("light", resolved === "light");
     }
   }, [onValueChange]);
-  const toggleColorMode = React29.useCallback(() => {
+  const toggleColorMode = React30.useCallback(() => {
     setColorMode(colorMode === "dark" ? "light" : "dark");
   }, [colorMode, setColorMode]);
-  const ctx = React29.useMemo(
+  const ctx = React30.useMemo(
     () => ({ colorMode, setColorMode, toggleColorMode }),
     [colorMode, setColorMode, toggleColorMode]
   );
   return /* @__PURE__ */ jsx(ColorModeContext.Provider, { value: ctx, children });
 }
 function useColorMode() {
-  const ctx = React29.useContext(ColorModeContext);
+  const ctx = React30.useContext(ColorModeContext);
   if (!ctx) {
-    const [mode, setMode] = React29.useState(() => {
+    const [mode, setMode] = React30.useState(() => {
       if (typeof document !== "undefined" && document.documentElement.classList.contains("dark")) {
         return "dark";
       }
@@ -1916,9 +1919,9 @@ function BackToButton({ onClick }) {
     }
   );
 }
-var DialogSizeContext = React29.createContext({ size: "md" });
+var DialogSizeContext = React30.createContext({ size: "md" });
 function useDialogSizeContext() {
-  return React29.useContext(DialogSizeContext);
+  return React30.useContext(DialogSizeContext);
 }
 var CONTENT_SIZE_MAP = {
   sm: "max-w-[400px]",
@@ -1950,13 +1953,13 @@ var DialogRoot = ({
   modal = true
   // motionPreset is intentionally unused -- kept for API compat
 }) => {
-  const handleOpenChange = React29.useCallback(
+  const handleOpenChange = React30.useCallback(
     (nextOpen) => {
       onOpenChange?.({ open: nextOpen });
     },
     [onOpenChange]
   );
-  const ctx = React29.useMemo(() => ({ size }), [size]);
+  const ctx = React30.useMemo(() => ({ size }), [size]);
   return /* @__PURE__ */ jsx(DialogSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -1968,7 +1971,7 @@ var DialogRoot = ({
     }
   ) });
 };
-var DialogContent = React29.forwardRef(function DialogContent2(props, ref) {
+var DialogContent = React30.forwardRef(function DialogContent2(props, ref) {
   const {
     children,
     portalled: _portalled = true,
@@ -2025,11 +2028,11 @@ var DialogContent = React29.forwardRef(function DialogContent2(props, ref) {
     )
   ] });
 });
-var DialogCloseTrigger = React29.forwardRef(function DialogCloseTrigger2(props, ref) {
+var DialogCloseTrigger = React30.forwardRef(function DialogCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { ref, className, ...rest, children: props.children }) });
 });
-var DialogHeader = React29.forwardRef(function DialogHeader2(props, ref) {
+var DialogHeader = React30.forwardRef(function DialogHeader2(props, ref) {
   const { startElement: startElementProp, onBackToClick, className, children, ...rest } = props;
   const startElement = startElementProp ?? (onBackToClick ? /* @__PURE__ */ jsx(BackToButton, { onClick: onBackToClick }) : void 0);
   return /* @__PURE__ */ jsxs(
@@ -2059,7 +2062,7 @@ var DialogHeader = React29.forwardRef(function DialogHeader2(props, ref) {
     }
   );
 });
-var DialogBody = React29.forwardRef(function DialogBody2({ className, pt, display, flexDir, style: styleProp, ...props }, ref) {
+var DialogBody = React30.forwardRef(function DialogBody2({ className, pt, display, flexDir, style: styleProp, ...props }, ref) {
   const bodyStyle = {
     ...styleProp,
     ...pt !== void 0 ? { paddingTop: typeof pt === "number" ? `${pt * 4}px` : pt } : {},
@@ -2076,7 +2079,7 @@ var DialogBody = React29.forwardRef(function DialogBody2({ className, pt, displa
     }
   );
 });
-var DialogFooter = React29.forwardRef(function DialogFooter2({ className, ...props }, ref) {
+var DialogFooter = React30.forwardRef(function DialogFooter2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2091,8 +2094,8 @@ var DialogTitle = Dialog.Title;
 var DialogDescription = Dialog.Description;
 var DialogTrigger = Dialog.Trigger;
 var DialogActionTrigger = Dialog.Close;
-var DrawerPlacementContext = React29.createContext("right");
-var DrawerSizeContext = React29.createContext("md");
+var DrawerPlacementContext = React30.createContext("right");
+var DrawerSizeContext = React30.createContext("md");
 var DrawerRoot = (props) => {
   const {
     children,
@@ -2103,7 +2106,7 @@ var DrawerRoot = (props) => {
     modal = true,
     size = "md"
   } = props;
-  const handleOpenChange = React29.useCallback((nextOpen) => {
+  const handleOpenChange = React30.useCallback((nextOpen) => {
     onOpenChange?.({ open: nextOpen });
   }, [onOpenChange]);
   return /* @__PURE__ */ jsx(DrawerPlacementContext.Provider, { value: placement, children: /* @__PURE__ */ jsx(DrawerSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
@@ -2145,11 +2148,11 @@ var SIZE_CLASSES6 = {
   top: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" },
   bottom: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" }
 };
-var DrawerContent = React29.forwardRef(
+var DrawerContent = React30.forwardRef(
   function DrawerContent2(props, ref) {
     const { children, portalled = true, portalRef, offset: _offset, backdrop = true, className, ...rest } = props;
-    const placement = React29.useContext(DrawerPlacementContext);
-    const size = React29.useContext(DrawerSizeContext);
+    const placement = React30.useContext(DrawerPlacementContext);
+    const size = React30.useContext(DrawerSizeContext);
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
       backdrop && /* @__PURE__ */ jsx(
         RadixDialog.Overlay,
@@ -2182,7 +2185,7 @@ var DrawerContent = React29.forwardRef(
     return content;
   }
 );
-var DrawerCloseTrigger = React29.forwardRef(function DrawerCloseTrigger2(props, ref) {
+var DrawerCloseTrigger = React30.forwardRef(function DrawerCloseTrigger2(props, ref) {
   return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
     CloseButton,
     {
@@ -2196,17 +2199,17 @@ var DrawerTrigger = (props) => {
   const { asChild = true, ...rest } = props;
   return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild, ...rest });
 };
-var DrawerHeader = React29.forwardRef(
+var DrawerHeader = React30.forwardRef(
   function DrawerHeader2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-6 pb-0", className), ...props });
   }
 );
-var DrawerBody = React29.forwardRef(
+var DrawerBody = React30.forwardRef(
   function DrawerBody2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 overflow-auto p-6", className), ...props });
   }
 );
-var DrawerFooter = React29.forwardRef(
+var DrawerFooter = React30.forwardRef(
   function DrawerFooter2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center justify-end gap-2 p-6 pt-0", className), ...props });
   }
@@ -2219,7 +2222,7 @@ function upperFirst(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
 var ICONS = {};
-var EmptyState = React29.forwardRef(
+var EmptyState = React30.forwardRef(
   function EmptyState2(props, ref) {
     const { title, description, term, type = "query", icon, children, className, ...rest } = props;
     const titleContent = (() => {
@@ -2279,7 +2282,7 @@ function getComponentDisplayName(type) {
   if ("displayName" in type) return type.displayName;
   return void 0;
 }
-var Field = React29.forwardRef(
+var Field = React30.forwardRef(
   function Field2(props, ref) {
     const {
       label,
@@ -2331,14 +2334,14 @@ var Field = React29.forwardRef(
         }
       );
       const helperTextElement = helperText ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-[var(--color-text-secondary,theme(colors.gray.400))]", children: helperText }) : null;
-      const child2 = React29.Children.only(children);
+      const child2 = React30.Children.only(children);
       const isInputGroup = getComponentDisplayName(child2.type) === "InputGroup";
       if (isInputGroup) {
-        const inputElement2 = React29.cloneElement(
-          React29.Children.only(child2.props.children),
+        const inputElement2 = React30.cloneElement(
+          React30.Children.only(child2.props.children),
           injectedProps2
         );
-        const groupInputElement = React29.cloneElement(
+        const groupInputElement = React30.cloneElement(
           child2,
           {},
           inputElement2,
@@ -2361,7 +2364,7 @@ var Field = React29.forwardRef(
           }
         );
       }
-      const inputElement = React29.cloneElement(child2, injectedProps2);
+      const inputElement = React30.cloneElement(child2, injectedProps2);
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -2383,8 +2386,8 @@ var Field = React29.forwardRef(
     const injectedProps = {
       size
     };
-    const child = React29.Children.only(children);
-    const clonedChild = React29.cloneElement(child, injectedProps);
+    const child = React30.Children.only(children);
+    const clonedChild = React30.cloneElement(child, injectedProps);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2427,7 +2430,7 @@ var LEVEL_CLASSES = {
   "3": "text-[14px] leading-[20px] font-semibold lg:text-[18px] lg:leading-[24px] lg:font-medium"
 };
 var BASE_CLASSES4 = "font-heading text-heading";
-var Heading = React29__default.forwardRef(
+var Heading = React30__default.forwardRef(
   function Heading2({ level, className, mb, size: _size, style: styleProp, ...rest }, ref) {
     const Tag3 = level ? LEVEL_TAG[level] : "h2";
     const levelClasses = level ? LEVEL_CLASSES[level] : void 0;
@@ -2513,7 +2516,7 @@ var ICON_SIZE_CLASSES = {
   md: "[&_svg]:size-5"
 };
 var SP2 = 4;
-var IconButton = React29.forwardRef(
+var IconButton = React30.forwardRef(
   function IconButton2(props, ref) {
     const {
       size,
@@ -2564,7 +2567,7 @@ var IconButton = React29.forwardRef(
         ref,
         size,
         disabled: !loadingSkeleton && (loading || disabled) || void 0,
-        render: _as ? React29.createElement(_as) : void 0,
+        render: _as ? React30.createElement(_as) : void 0,
         className: combinedClassName,
         style: mergedStyle,
         ...expanded ? { "data-expanded": true } : {},
@@ -2735,31 +2738,31 @@ function extractStyleProps(props) {
   }
   return { styleProps, rest };
 }
-var Image2 = React29__default.forwardRef(
+var Image2 = React30__default.forwardRef(
   function Image3(props, ref) {
     const { fallback, src, onLoad, onError, skeletonWidth, skeletonHeight, alt, className, style: styleProp, ...allRest } = props;
     const { styleProps, rest: extraProps } = extractStyleProps(allRest);
-    const [loading, setLoading] = React29__default.useState(true);
-    const [error, setError] = React29__default.useState(false);
-    const handleLoadError = React29__default.useCallback((event) => {
+    const [loading, setLoading] = React30__default.useState(true);
+    const [error, setError] = React30__default.useState(false);
+    const handleLoadError = React30__default.useCallback((event) => {
       setError(true);
       setLoading(false);
       onError?.(event);
     }, [onError]);
-    const handleLoadSuccess = React29__default.useCallback((event) => {
+    const handleLoadSuccess = React30__default.useCallback((event) => {
       setLoading(false);
       onLoad?.(event);
     }, [onLoad]);
     const passthroughProps = allRest;
     if (!src && fallback) {
-      if (React29__default.isValidElement(fallback)) {
-        return React29__default.cloneElement(fallback, passthroughProps);
+      if (React30__default.isValidElement(fallback)) {
+        return React30__default.cloneElement(fallback, passthroughProps);
       }
       return fallback;
     }
     if (error) {
-      if (React29__default.isValidElement(fallback)) {
-        return React29__default.cloneElement(fallback, passthroughProps);
+      if (React30__default.isValidElement(fallback)) {
+        return React30__default.cloneElement(fallback, passthroughProps);
       }
       return fallback;
     }
@@ -2815,7 +2818,7 @@ var INPUT_VARIANT_CLASSES = {
   filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
   unstyled: "border-0 bg-transparent p-0 h-auto"
 };
-var Input = React29__default.forwardRef(
+var Input = React30__default.forwardRef(
   ({ size = "md", variant = "outline", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "input",
@@ -2833,7 +2836,7 @@ function getComponentDisplayName2(type) {
   if ("displayName" in type) return type.displayName;
   return void 0;
 }
-var InputGroup = React29.forwardRef(
+var InputGroup = React30.forwardRef(
   function InputGroup2(props, ref) {
     const {
       startElement,
@@ -2846,11 +2849,11 @@ var InputGroup = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const startElementRef = React29.useRef(null);
-    const endElementRef = React29.useRef(null);
-    const groupRef = React29.useRef(null);
-    const [inlinePaddings, setInlinePaddings] = React29.useState();
-    const calculateInlinePaddings = React29.useCallback(() => {
+    const startElementRef = React30.useRef(null);
+    const endElementRef = React30.useRef(null);
+    const groupRef = React30.useRef(null);
+    const [inlinePaddings, setInlinePaddings] = React30.useState();
+    const calculateInlinePaddings = React30.useCallback(() => {
       const startWidth = startElementRef.current?.getBoundingClientRect().width ?? 0;
       const endWidth = endElementRef.current?.getBoundingClientRect().width ?? 0;
       setInlinePaddings({
@@ -2858,7 +2861,7 @@ var InputGroup = React29.forwardRef(
         end: endWidth
       });
     }, []);
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       if (!groupRef.current) return;
       let timeoutId;
       const intersectionObserver = new IntersectionObserver(
@@ -2878,7 +2881,7 @@ var InputGroup = React29.forwardRef(
         }
       };
     }, [calculateInlinePaddings]);
-    React29.useEffect(() => {
+    React30.useEffect(() => {
       calculateInlinePaddings();
       const resizeHandler = debounce(calculateInlinePaddings, 300);
       const resizeObserver = new ResizeObserver(resizeHandler);
@@ -2889,7 +2892,7 @@ var InputGroup = React29.forwardRef(
         resizeObserver.disconnect();
       };
     }, [calculateInlinePaddings]);
-    const combinedRef = React29.useCallback((node) => {
+    const combinedRef = React30.useCallback((node) => {
       groupRef.current = node;
       if (typeof ref === "function") {
         ref(node);
@@ -2918,11 +2921,11 @@ var InputGroup = React29.forwardRef(
               children: startElement
             }
           ),
-          React29.Children.map(children, (child) => {
+          React30.Children.map(children, (child) => {
             if (getComponentDisplayName2(child.type) !== "FieldInput") {
               return child;
             }
-            return React29.cloneElement(child, {
+            return React30.cloneElement(child, {
               ...startElement && { ps: startOffset ?? (inlinePaddings?.start ? `${inlinePaddings.start}px` : void 0) },
               ...endElement && { pe: endOffset ?? (inlinePaddings?.end ? `${inlinePaddings.end}px` : void 0) },
               // hide input value and placeholder for the first render
@@ -2963,7 +2966,7 @@ function parsePlacement(placement) {
   }
   return { side, align };
 }
-var PositioningContext = React29.createContext({
+var PositioningContext = React30.createContext({
   side: "bottom",
   align: "start",
   sideOffset: 4,
@@ -2993,13 +2996,13 @@ var MenuRoot = (props) => {
     }
   };
   const { side, align } = parsePlacement(mergedPositioning.placement);
-  const positioningValue = React29.useMemo(() => ({
+  const positioningValue = React30.useMemo(() => ({
     side,
     align,
     sideOffset: mergedPositioning.offset?.mainAxis ?? 4,
     alignOffset: mergedPositioning.offset?.crossAxis ?? 0
   }), [side, align, mergedPositioning.offset?.mainAxis, mergedPositioning.offset?.crossAxis]);
-  const handleOpenChange = React29.useCallback((isOpen) => {
+  const handleOpenChange = React30.useCallback((isOpen) => {
     onOpenChange?.({ open: isOpen });
   }, [onOpenChange]);
   return /* @__PURE__ */ jsx(PositioningContext.Provider, { value: positioningValue, children: /* @__PURE__ */ jsx(
@@ -3013,13 +3016,13 @@ var MenuRoot = (props) => {
     }
   ) });
 };
-var MenuTrigger = React29.forwardRef(function MenuTrigger2(props, ref) {
+var MenuTrigger = React30.forwardRef(function MenuTrigger2(props, ref) {
   const { asChild = false, ...rest } = props;
   return /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild, ref, ...rest });
 });
-var MenuContent = React29.forwardRef(function MenuContent2(props, ref) {
+var MenuContent = React30.forwardRef(function MenuContent2(props, ref) {
   const { portalled = true, portalRef, className, zIndex, minW, style, ...rest } = props;
-  const positioning = React29.useContext(PositioningContext);
+  const positioning = React30.useContext(PositioningContext);
   const mergedStyle = {
     ...style,
     ...zIndex !== void 0 ? { zIndex: typeof zIndex === "string" ? `var(--z-index-${zIndex}, ${zIndex})` : zIndex } : {},
@@ -3054,7 +3057,7 @@ var MenuContent = React29.forwardRef(function MenuContent2(props, ref) {
   }
   return /* @__PURE__ */ jsx(DropdownMenu.Portal, { container: portalRef?.current ?? void 0, children: content });
 });
-var MenuItem = React29.forwardRef(function MenuItem2(props, ref) {
+var MenuItem = React30.forwardRef(function MenuItem2(props, ref) {
   const { className, value: _value, asChild, closeOnSelect: _closeOnSelect, disabled, children, onClick, ...rest } = props;
   return /* @__PURE__ */ jsx(
     DropdownMenu.Item,
@@ -3076,11 +3079,11 @@ var MenuItem = React29.forwardRef(function MenuItem2(props, ref) {
     }
   );
 });
-var MenuItemText = React29.forwardRef(function MenuItemText2(props, ref) {
+var MenuItemText = React30.forwardRef(function MenuItemText2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx("span", { ref, className: cn("flex-1", className), ...rest });
 });
-React29.forwardRef(function MenuItemCommand2(props, ref) {
+React30.forwardRef(function MenuItemCommand2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "span",
@@ -3091,7 +3094,7 @@ React29.forwardRef(function MenuItemCommand2(props, ref) {
     }
   );
 });
-var MenuSeparator = React29.forwardRef(function MenuSeparator2(props, ref) {
+var MenuSeparator = React30.forwardRef(function MenuSeparator2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     DropdownMenu.Separator,
@@ -3102,14 +3105,14 @@ var MenuSeparator = React29.forwardRef(function MenuSeparator2(props, ref) {
     }
   );
 });
-var MenuItemGroup = React29.forwardRef(function MenuItemGroup2(props, ref) {
+var MenuItemGroup = React30.forwardRef(function MenuItemGroup2(props, ref) {
   const { title, children, className, ...rest } = props;
   return /* @__PURE__ */ jsxs(DropdownMenu.Group, { ref, className, ...rest, children: [
     title && /* @__PURE__ */ jsx(DropdownMenu.Label, { className: "px-2 py-1.5 text-xs font-semibold select-none opacity-60", children: title }),
     children
   ] });
 });
-var MenuArrow = React29.forwardRef(function MenuArrow2(props, ref) {
+var MenuArrow = React30.forwardRef(function MenuArrow2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     DropdownMenu.Arrow,
@@ -3120,7 +3123,7 @@ var MenuArrow = React29.forwardRef(function MenuArrow2(props, ref) {
     }
   );
 });
-var MenuCheckboxItem = React29.forwardRef(function MenuCheckboxItem2(props, ref) {
+var MenuCheckboxItem = React30.forwardRef(function MenuCheckboxItem2(props, ref) {
   const { className, children, checked, onCheckedChange, onClick, ...rest } = props;
   return /* @__PURE__ */ jsxs(
     DropdownMenu.CheckboxItem,
@@ -3144,7 +3147,7 @@ var MenuCheckboxItem = React29.forwardRef(function MenuCheckboxItem2(props, ref)
     }
   );
 });
-var MenuRadioItemGroup = React29.forwardRef(function MenuRadioItemGroup2(props, ref) {
+var MenuRadioItemGroup = React30.forwardRef(function MenuRadioItemGroup2(props, ref) {
   const { value, onValueChange, ...rest } = props;
   return /* @__PURE__ */ jsx(
     DropdownMenu.RadioGroup,
@@ -3156,7 +3159,7 @@ var MenuRadioItemGroup = React29.forwardRef(function MenuRadioItemGroup2(props,
     }
   );
 });
-var MenuRadioItem = React29.forwardRef(function MenuRadioItem2(props, ref) {
+var MenuRadioItem = React30.forwardRef(function MenuRadioItem2(props, ref) {
   const { className, children, value, onClick, ...rest } = props;
   const { value: _v, ...radixRest } = rest;
   return /* @__PURE__ */ jsxs(
@@ -3179,11 +3182,11 @@ var MenuRadioItem = React29.forwardRef(function MenuRadioItem2(props, ref) {
     }
   );
 });
-React29.forwardRef(function MenuContextTrigger2(props, ref) {
+React30.forwardRef(function MenuContextTrigger2(props, ref) {
   const { asChild: _asChild, ...rest } = props;
   return /* @__PURE__ */ jsx("span", { ref, ...rest });
 });
-var MenuTriggerItem = React29.forwardRef(function MenuTriggerItem2(props, ref) {
+var MenuTriggerItem = React30.forwardRef(function MenuTriggerItem2(props, ref) {
   const { startIcon, children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(DropdownMenu.Sub, { children: /* @__PURE__ */ jsxs(
     DropdownMenu.SubTrigger,
@@ -3218,7 +3221,7 @@ var INPUT_BASE2 = [
 ].join(" ");
 var INPUT_FILLED = "border-[var(--color-input-border)]";
 var INPUT_INVALID = "border-[var(--color-border-error)] hover:border-[var(--color-border-error)]";
-var PinInput = React29.forwardRef(
+var PinInput = React30.forwardRef(
   function PinInput2(props, ref) {
     const {
       count = 6,
@@ -3236,12 +3239,12 @@ var PinInput = React29.forwardRef(
       bgColor,
       className
     } = props;
-    const inputRefs = React29.useRef([]);
-    const values = React29.useMemo(
+    const inputRefs = React30.useRef([]);
+    const values = React30.useMemo(
       () => controlledValue ?? Array.from({ length: count }).fill(""),
       [controlledValue, count]
     );
-    const updateValue = React29.useCallback((index, char) => {
+    const updateValue = React30.useCallback((index, char) => {
       const next = [...values];
       next[index] = char;
       onValueChange?.({ value: next });
@@ -3249,11 +3252,11 @@ var PinInput = React29.forwardRef(
         onValueComplete?.({ value: next });
       }
     }, [values, onValueChange, onValueComplete]);
-    const focusInput = React29.useCallback((index) => {
+    const focusInput = React30.useCallback((index) => {
       const clamped = Math.max(0, Math.min(index, count - 1));
       inputRefs.current[clamped]?.focus();
     }, [count]);
-    const handleInput = React29.useCallback((index, e) => {
+    const handleInput = React30.useCallback((index, e) => {
       const target = e.currentTarget;
       const char = target.value.slice(-1);
       updateValue(index, char);
@@ -3261,7 +3264,7 @@ var PinInput = React29.forwardRef(
         focusInput(index + 1);
       }
     }, [count, updateValue, focusInput]);
-    const handleKeyDown = React29.useCallback((index, e) => {
+    const handleKeyDown = React30.useCallback((index, e) => {
       if (e.key === "Backspace") {
         if (values[index]) {
           updateValue(index, "");
@@ -3278,7 +3281,7 @@ var PinInput = React29.forwardRef(
         e.preventDefault();
       }
     }, [count, values, updateValue, focusInput]);
-    const handlePaste = React29.useCallback((e) => {
+    const handlePaste = React30.useCallback((e) => {
       e.preventDefault();
       const pasted = e.clipboardData.getData("text/plain").trim();
       if (!pasted) {
@@ -3295,18 +3298,18 @@ var PinInput = React29.forwardRef(
       }
       focusInput(Math.min(chars.length, count - 1));
     }, [count, values, onValueChange, onValueComplete, focusInput]);
-    const handleFocus = React29.useCallback((e) => {
+    const handleFocus = React30.useCallback((e) => {
       e.currentTarget.select();
     }, []);
-    const handleNoop = React29.useCallback(() => {
+    const handleNoop = React30.useCallback(() => {
     }, []);
-    const setInputRef = React29.useCallback((index) => (el) => {
+    const setInputRef = React30.useCallback((index) => (el) => {
       inputRefs.current[index] = el;
     }, []);
-    const onInputAtIndex = React29.useCallback((index) => (e) => {
+    const onInputAtIndex = React30.useCallback((index) => (e) => {
       handleInput(index, e);
     }, [handleInput]);
-    const onKeyDownAtIndex = React29.useCallback((index) => (e) => {
+    const onKeyDownAtIndex = React30.useCallback((index) => (e) => {
       handleKeyDown(index, e);
     }, [handleKeyDown]);
     const bgStyle = bgColor ? { backgroundColor: `var(--color-${bgColor.replace(/\./g, "-")})` } : void 0;
@@ -3367,7 +3370,7 @@ function parsePlacement2(placement) {
   }
   return { side, align };
 }
-var PositioningContext2 = React29.createContext({
+var PositioningContext2 = React30.createContext({
   side: "bottom",
   align: "start",
   sideOffset: 4,
@@ -3401,7 +3404,7 @@ var PopoverRoot = (props) => {
     }
   };
   const { side, align } = parsePlacement2(mergedPositioning.placement);
-  const positioningValue = React29.useMemo(() => ({
+  const positioningValue = React30.useMemo(() => ({
     side,
     align,
     sideOffset: mergedPositioning.offset?.mainAxis ?? 4,
@@ -3418,7 +3421,7 @@ var PopoverRoot = (props) => {
     autoFocus,
     closeOnInteractOutside
   ]);
-  const handleOpenChange = React29.useCallback((isOpen) => {
+  const handleOpenChange = React30.useCallback((isOpen) => {
     onOpenChange?.({ open: isOpen });
   }, [onOpenChange]);
   const placement = mergedPositioning.placement ?? "bottom-start";
@@ -3436,11 +3439,11 @@ var PopoverRoot = (props) => {
     }
   ) });
 };
-var PopoverTrigger = React29.forwardRef(function PopoverTrigger2(props, ref) {
+var PopoverTrigger = React30.forwardRef(function PopoverTrigger2(props, ref) {
   const { asChild = true, ...rest } = props;
   return /* @__PURE__ */ jsx(Popover.Trigger, { asChild: asChild ? "except-style" : void 0, ref, ...rest });
 });
-var PopoverContent = React29.forwardRef(function PopoverContent2(props, ref) {
+var PopoverContent = React30.forwardRef(function PopoverContent2(props, ref) {
   const { portalled = true, portalRef: _portalRef, className, w, minW, maxW, paddingTop, style: styleProp, ...rest } = props;
   const resolvedW = typeof w === "object" ? w.base ?? w.lg : w;
   const contentStyle = {
@@ -3471,7 +3474,7 @@ var PopoverContent = React29.forwardRef(function PopoverContent2(props, ref) {
     }
   );
 });
-var PopoverArrow = React29.forwardRef(function PopoverArrow2(props, ref) {
+var PopoverArrow = React30.forwardRef(function PopoverArrow2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Popover.Arrow,
@@ -3483,7 +3486,7 @@ var PopoverArrow = React29.forwardRef(function PopoverArrow2(props, ref) {
     }
   );
 });
-var PopoverCloseTrigger = React29.forwardRef(function PopoverCloseTrigger2(props, ref) {
+var PopoverCloseTrigger = React30.forwardRef(function PopoverCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Popover.Close,
@@ -3497,14 +3500,14 @@ var PopoverCloseTrigger = React29.forwardRef(function PopoverCloseTrigger2(props
     }
   );
 });
-var PopoverCloseTriggerWrapper = React29.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
+var PopoverCloseTriggerWrapper = React30.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
   const { disabled, children, ...rest } = props;
   if (disabled) {
     return children;
   }
   return /* @__PURE__ */ jsx(Popover.Close, { ref, ...rest, asChild: true, children });
 });
-var PopoverBody = React29.forwardRef(function PopoverBody2(props, ref) {
+var PopoverBody = React30.forwardRef(function PopoverBody2(props, ref) {
   const {
     className,
     style: styleProp,
@@ -3542,7 +3545,7 @@ var PopoverBody = React29.forwardRef(function PopoverBody2(props, ref) {
     }
   );
 });
-var PopoverHeader = React29.forwardRef(function PopoverHeader2(props, ref) {
+var PopoverHeader = React30.forwardRef(function PopoverHeader2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "div",
@@ -3553,7 +3556,7 @@ var PopoverHeader = React29.forwardRef(function PopoverHeader2(props, ref) {
     }
   );
 });
-var PopoverFooter = React29.forwardRef(function PopoverFooter2(props, ref) {
+var PopoverFooter = React30.forwardRef(function PopoverFooter2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "div",
@@ -3564,7 +3567,7 @@ var PopoverFooter = React29.forwardRef(function PopoverFooter2(props, ref) {
     }
   );
 });
-var PopoverTitle = React29.forwardRef(function PopoverTitle2(props, ref) {
+var PopoverTitle = React30.forwardRef(function PopoverTitle2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "h3",
@@ -3575,7 +3578,7 @@ var PopoverTitle = React29.forwardRef(function PopoverTitle2(props, ref) {
     }
   );
 });
-var PopoverDescription = React29.forwardRef(function PopoverDescription2(props, ref) {
+var PopoverDescription = React30.forwardRef(function PopoverDescription2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "p",
@@ -3597,7 +3600,7 @@ function normalizeValue(value, min, max) {
   if (max <= min) return 0;
   return Math.round((value - min) / (max - min) * 100);
 }
-var Progress = React29.forwardRef(
+var Progress = React30.forwardRef(
   function Progress2(props, ref) {
     const {
       value,
@@ -3674,12 +3677,12 @@ var SIZE_MAP = {
   lg: { size: 48, thickness: 7, textClass: "text-sm" },
   xl: { size: 64, thickness: 8, textClass: "text-sm" }
 };
-var Ctx = React29.createContext({
+var Ctx = React30.createContext({
   value: 0,
   size: "md",
   colorPalette: "blue"
 });
-var ProgressCircleRoot = React29.forwardRef(function ProgressCircleRoot2(props, ref) {
+var ProgressCircleRoot = React30.forwardRef(function ProgressCircleRoot2(props, ref) {
   const {
     value = 0,
     size = "md",
@@ -3688,7 +3691,7 @@ var ProgressCircleRoot = React29.forwardRef(function ProgressCircleRoot2(props,
     children,
     ...rest
   } = props;
-  const ctx = React29.useMemo(
+  const ctx = React30.useMemo(
     () => ({ value: value ?? null, size, colorPalette }),
     [value, size, colorPalette]
   );
@@ -3706,9 +3709,9 @@ var ProgressCircleRoot = React29.forwardRef(function ProgressCircleRoot2(props,
     }
   ) });
 });
-var ProgressCircleRing = React29.forwardRef(function ProgressCircleRing2(props, ref) {
+var ProgressCircleRing = React30.forwardRef(function ProgressCircleRing2(props, ref) {
   const { trackColor, cap, color, className, ...rest } = props;
-  const { value, size: sizeKey } = React29.useContext(Ctx);
+  const { value, size: sizeKey } = React30.useContext(Ctx);
   const { size, thickness } = SIZE_MAP[sizeKey];
   const radius = size / 2 - thickness / 2;
   const circumference = 2 * Math.PI * radius;
@@ -3763,9 +3766,9 @@ var ProgressCircleRing = React29.forwardRef(function ProgressCircleRing2(props,
     }
   );
 });
-var ProgressCircleValueText = React29.forwardRef(function ProgressCircleValueText2(props, ref) {
+var ProgressCircleValueText = React30.forwardRef(function ProgressCircleValueText2(props, ref) {
   const { className, children, ...rest } = props;
-  const { value, size: sizeKey } = React29.useContext(Ctx);
+  const { value, size: sizeKey } = React30.useContext(Ctx);
   const { textClass } = SIZE_MAP[sizeKey];
   return /* @__PURE__ */ jsx(
     "div",
@@ -3809,8 +3812,8 @@ var SIZE_CLASSES8 = {
     label: "text-base"
   }
 };
-var RadioSizeContext = React29.createContext("md");
-var RadioGroupBase = React29.forwardRef(
+var RadioSizeContext = React30.createContext("md");
+var RadioGroupBase = React30.forwardRef(
   function RadioGroup2(props, ref) {
     const {
       children,
@@ -3827,7 +3830,7 @@ var RadioGroupBase = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const handleValueChange = React29.useCallback(
+    const handleValueChange = React30.useCallback(
       (nextValue) => {
         if (readOnly) return;
         onValueChange?.({ value: nextValue });
@@ -3860,10 +3863,10 @@ var RadioGroupBase = React29.forwardRef(
 var RadioGroup3 = RadioGroupBase;
 var NOOP2 = () => {
 };
-var RadioBase = React29.forwardRef(
+var RadioBase = React30.forwardRef(
   function Radio(props, ref) {
     const { children, inputProps, rootRef, value, disabled, className, ...rest } = props;
-    const size = React29.useContext(RadioSizeContext);
+    const size = React30.useContext(RadioSizeContext);
     const sizeClasses2 = SIZE_CLASSES8[size];
     return /* @__PURE__ */ jsxs(
       "label",
@@ -3925,23 +3928,23 @@ var RadioBase = React29.forwardRef(
 var Radio2 = RadioBase;
 var StarFilledIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) });
 var StarOutlineIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z", strokeWidth: "1.5" }) });
-var Rating = React29.forwardRef(
+var Rating = React30.forwardRef(
   function Rating2(props, ref) {
     const { count = 5, label: labelProp, defaultValue = 0, onValueChange, readOnly, className, ...rest } = props;
-    const [value, setValue] = React29.useState(defaultValue);
-    const [hoveredIndex, setHoveredIndex] = React29.useState(-1);
+    const [value, setValue] = React30.useState(defaultValue);
+    const [hoveredIndex, setHoveredIndex] = React30.useState(-1);
     const highlightedIndex = hoveredIndex >= 0 && !readOnly ? hoveredIndex + 1 : value;
     const label = Array.isArray(labelProp) ? labelProp[highlightedIndex - 1] : labelProp;
-    const handleClick = React29.useCallback((index) => () => {
+    const handleClick = React30.useCallback((index) => () => {
       if (readOnly) return;
       setValue(index);
       onValueChange?.({ value: index });
     }, [readOnly, onValueChange]);
-    const handleMouseEnter = React29.useCallback((index) => () => {
+    const handleMouseEnter = React30.useCallback((index) => () => {
       if (readOnly) return;
       setHoveredIndex(index);
     }, [readOnly]);
-    const handleMouseLeave = React29.useCallback(() => {
+    const handleMouseLeave = React30.useCallback(() => {
       setHoveredIndex(-1);
     }, []);
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("inline-flex items-center gap-1", className), ...rest, children: [
@@ -3975,8 +3978,8 @@ function createListCollection(config) {
 var ArrowIcon2 = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M7.5 15L12.5 10L7.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var CheckIcon2 = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M16.667 5L7.5 14.167 3.333 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 function FilterInput({ placeholder, initialValue = "", onChange }) {
-  const [value, setValue] = React29.useState(initialValue);
-  const handleChange = React29.useCallback((e) => {
+  const [value, setValue] = React30.useState(initialValue);
+  const handleChange = React30.useCallback((e) => {
     setValue(e.target.value);
     onChange?.(e.target.value);
   }, [onChange]);
@@ -3995,15 +3998,15 @@ function FilterInput({ placeholder, initialValue = "", onChange }) {
     }
   );
 }
-var SelectInternalContext = React29.createContext(null);
+var SelectInternalContext = React30.createContext(null);
 function useSelectInternalContext() {
-  const ctx = React29.useContext(SelectInternalContext);
+  const ctx = React30.useContext(SelectInternalContext);
   if (!ctx) {
     throw new Error("Select compound components must be rendered inside <SelectRoot>");
   }
   return ctx;
 }
-var SelectRoot = React29.forwardRef(
+var SelectRoot = React30.forwardRef(
   function SelectRoot2(props, ref) {
     const {
       children,
@@ -4034,21 +4037,21 @@ var SelectRoot = React29.forwardRef(
       hideFrom: _hideFrom
     } = props;
     const collection = collectionProp ?? createListCollection({ items: [] });
-    const [internalValue, setInternalValue] = React29.useState(defaultValueArr ?? []);
+    const [internalValue, setInternalValue] = React30.useState(defaultValueArr ?? []);
     const currentValue = valueProp ?? internalValue;
-    const selectedItems = React29.useMemo(() => {
+    const selectedItems = React30.useMemo(() => {
       return currentValue.map((v) => collection.items.find((item) => item.value === v)).filter(Boolean);
     }, [currentValue, collection.items]);
-    const [open, setOpen] = React29.useState(defaultOpen ?? false);
+    const [open, setOpen] = React30.useState(defaultOpen ?? false);
     const isOpen = openProp ?? open;
-    const handleOpenChange = React29.useCallback((nextOpen) => {
+    const handleOpenChange = React30.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.(nextOpen);
       if (!nextOpen) {
         onInteractOutside?.();
       }
     }, [onOpenChange, onInteractOutside]);
-    const handleRadixValueChange = React29.useCallback((radixValue) => {
+    const handleRadixValueChange = React30.useCallback((radixValue) => {
       const nextArr = [radixValue];
       if (!valueProp) {
         setInternalValue(nextArr);
@@ -4056,7 +4059,7 @@ var SelectRoot = React29.forwardRef(
       const items = collection.items.filter((item) => nextArr.includes(item.value));
       onValueChangeProp?.({ value: nextArr, items });
     }, [valueProp, collection.items, onValueChangeProp]);
-    const ctxValue = React29.useMemo(() => ({
+    const ctxValue = React30.useMemo(() => ({
       value: currentValue,
       selectedItems,
       collection,
@@ -4076,7 +4079,7 @@ var SelectRoot = React29.forwardRef(
       if (typeof v === "string") return v;
       return v.base ?? v.lg ?? Object.values(v)[0];
     };
-    const inlineStyle = React29.useMemo(() => {
+    const inlineStyle = React30.useMemo(() => {
       const s = { ...style };
       const rw = resolveVal(w);
       if (rw) s.width = rw;
@@ -4114,7 +4117,7 @@ var SelectRoot = React29.forwardRef(
     ) });
   }
 );
-var SelectControl = React29.forwardRef(
+var SelectControl = React30.forwardRef(
   function SelectControl2(props, ref) {
     const { children, noIndicator, triggerProps, loading, defaultValue } = props;
     const ctx = useSelectInternalContext();
@@ -4151,11 +4154,11 @@ var SelectControl = React29.forwardRef(
     return trigger;
   }
 );
-var SelectClearTrigger = React29.forwardRef(
+var SelectClearTrigger = React30.forwardRef(
   function SelectClearTrigger2(props, ref) {
     const { className, ...rest } = props;
     const ctx = useSelectInternalContext();
-    const handleClick = React29.useCallback(() => {
+    const handleClick = React30.useCallback(() => {
       ctx.onValueChange({ value: [], items: [] });
     }, [ctx]);
     return /* @__PURE__ */ jsx(
@@ -4172,7 +4175,7 @@ var SelectClearTrigger = React29.forwardRef(
     );
   }
 );
-var SelectContent = React29.forwardRef(
+var SelectContent = React30.forwardRef(
   function SelectContent2(props, ref) {
     const { portalled = true, portalRef, children, className, ...rest } = props;
     const content = /* @__PURE__ */ jsx(
@@ -4199,7 +4202,7 @@ var SelectContent = React29.forwardRef(
     return content;
   }
 );
-var SelectItem = React29.forwardRef(
+var SelectItem = React30.forwardRef(
   function SelectItem2(props, ref) {
     const { item, children, className, ...rest } = props;
     return /* @__PURE__ */ jsxs(
@@ -4227,7 +4230,7 @@ var SelectItem = React29.forwardRef(
     );
   }
 );
-var SelectValueText = React29.forwardRef(
+var SelectValueText = React30.forwardRef(
   function SelectValueText2(props, ref) {
     const { children, size, required, invalid, errorText, mode, className, style, placeholder: placeholderProp, ...rest } = props;
     const ctx = useSelectInternalContext();
@@ -4283,7 +4286,7 @@ var SelectValueText = React29.forwardRef(
     );
   }
 );
-var SelectItemGroup = React29.forwardRef(
+var SelectItemGroup = React30.forwardRef(
   function SelectItemGroup2(props, ref) {
     const { children, label, className, ...rest } = props;
     return /* @__PURE__ */ jsxs(RadixSelect.Group, { ref, className: cn("py-1", className), ...rest, children: [
@@ -4294,7 +4297,7 @@ var SelectItemGroup = React29.forwardRef(
 );
 var SelectLabel = RadixSelect.Label;
 var SelectItemText = RadixSelect.ItemText;
-var Select = React29.forwardRef((props, ref) => {
+var Select = React30.forwardRef((props, ref) => {
   const { collection, placeholder, portalled = true, loading, errorText, contentProps, contentHeader, itemFilter, mode, ...rest } = props;
   return /* @__PURE__ */ jsxs(
     SelectRoot,
@@ -4316,7 +4319,7 @@ var Select = React29.forwardRef((props, ref) => {
         ) }),
         /* @__PURE__ */ jsxs(SelectContent, { portalled, ...contentProps, children: [
           contentHeader,
-          collection.items.filter(itemFilter ?? (() => true)).map((item) => /* @__PURE__ */ jsxs(React29.Fragment, { children: [
+          collection.items.filter(itemFilter ?? (() => true)).map((item) => /* @__PURE__ */ jsxs(React30.Fragment, { children: [
             /* @__PURE__ */ jsx(SelectItem, { item, children: item.renderLabel ? item.renderLabel("item") : item.label }),
             item.afterElement
           ] }, item.value))
@@ -4325,19 +4328,19 @@ var Select = React29.forwardRef((props, ref) => {
     }
   );
 });
-var SelectAsync = React29.forwardRef((props, ref) => {
+var SelectAsync = React30.forwardRef((props, ref) => {
   const { placeholder, portalled = true, loading, loadOptions, extraControls, onValueChange, errorText, mode, contentHeader, ...rest } = props;
-  const [collection, setCollection] = React29.useState(createListCollection({ items: [] }));
-  const [inputValue, setInputValue] = React29.useState("");
-  const [value, setValue] = React29.useState([]);
+  const [collection, setCollection] = React30.useState(createListCollection({ items: [] }));
+  const [inputValue, setInputValue] = React30.useState("");
+  const [value, setValue] = React30.useState([]);
   const debouncedInputValue = useDebounce(inputValue, 300);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     loadOptions(debouncedInputValue, value).then(setCollection);
   }, [debouncedInputValue, loadOptions, value]);
-  const handleFilterChange = React29.useCallback((val) => {
+  const handleFilterChange = React30.useCallback((val) => {
     setInputValue(val);
   }, []);
-  const handleValueChange = React29.useCallback(({ value: v, items }) => {
+  const handleValueChange = React30.useCallback(({ value: v, items }) => {
     setValue(v);
     onValueChange?.({ value: v, items });
   }, [onValueChange]);
@@ -4396,7 +4399,7 @@ var VERTICAL_SIZE_CLASSES = {
   md: "border-l-2",
   lg: "border-l-[3px]"
 };
-var Separator2 = React29__default.forwardRef(
+var Separator2 = React30__default.forwardRef(
   function Separator3({ orientation = "horizontal", variant = "solid", size = "sm", className, ...rest }, ref) {
     const isVertical = orientation === "vertical";
     return /* @__PURE__ */ jsx(
@@ -4420,7 +4423,7 @@ var Separator2 = React29__default.forwardRef(
 );
 var THUMB_SIZE = 20;
 var TRACK_HEIGHT = 6;
-var Slider = React29.forwardRef(
+var Slider = React30.forwardRef(
   function Slider2(props, ref) {
     const {
       marks: marksProp,
@@ -4539,7 +4542,7 @@ var SIZE_CLASSES9 = {
     label: "text-base"
   }
 };
-var SwitchBase = React29.forwardRef(
+var SwitchBase = React30.forwardRef(
   function Switch(props, ref) {
     const {
       inputProps,
@@ -4558,10 +4561,10 @@ var SwitchBase = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const [internalChecked, setInternalChecked] = React29.useState(defaultChecked ?? false);
+    const [internalChecked, setInternalChecked] = React30.useState(defaultChecked ?? false);
     const isControlled = checkedProp !== void 0;
     const checkedState = isControlled ? checkedProp : internalChecked;
-    const handleCheckedChange = React29.useCallback(
+    const handleCheckedChange = React30.useCallback(
       (nextChecked) => {
         if (!isControlled) {
           setInternalChecked(nextChecked);
@@ -4826,7 +4829,7 @@ function resolveResponsive(value) {
   }
   return void 0;
 }
-var TableRoot = React29.forwardRef(
+var TableRoot = React30.forwardRef(
   function TableRoot2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const rawMinW = other.minWidth ?? other.minW;
@@ -4849,7 +4852,7 @@ var TableRoot = React29.forwardRef(
     );
   }
 );
-var TableHeader = React29.forwardRef(
+var TableHeader = React30.forwardRef(
   function TableHeader2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -4866,7 +4869,7 @@ var TableHeader = React29.forwardRef(
     );
   }
 );
-var TableBody = React29.forwardRef(
+var TableBody = React30.forwardRef(
   function TableBody2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -4883,7 +4886,7 @@ var TableBody = React29.forwardRef(
     );
   }
 );
-var TableRow = React29.forwardRef(
+var TableRow = React30.forwardRef(
   function TableRow2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -4900,7 +4903,7 @@ var TableRow = React29.forwardRef(
     );
   }
 );
-var TableCell = React29.forwardRef(
+var TableCell = React30.forwardRef(
   function TableCell2(props, ref) {
     const { isNumeric, className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -4921,7 +4924,7 @@ var TableCell = React29.forwardRef(
     );
   }
 );
-var TableColumnHeader = React29.forwardRef(
+var TableColumnHeader = React30.forwardRef(
   function TableColumnHeader2(props, ref) {
     const { isNumeric, className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -4948,7 +4951,7 @@ var TableColumnHeader = React29.forwardRef(
 );
 var TableColumnHeaderSortable = (props) => {
   const { sortField, sortValue, onSortToggle, children, disabled, indicatorPosition = "left", contentAfter, ...rest } = props;
-  const handleSortToggle = React29.useCallback(() => {
+  const handleSortToggle = React30.useCallback(() => {
     onSortToggle(sortField);
   }, [onSortToggle, sortField]);
   const isActive = sortValue.includes(sortField);
@@ -4974,16 +4977,16 @@ var TableColumnHeaderSortable = (props) => {
 var ACTION_BAR_SHADOW = "0 4px 4px -4px rgb(0 0 0 / 10%), 0 2px 4px -4px rgb(0 0 0 / 6%)";
 var TableHeaderSticky = (props) => {
   const { top, children, className, style: styleProp, ...rest } = props;
-  const ref = React29.useRef(null);
-  const [isStuck, setIsStuck] = React29.useState(false);
-  const handleScroll = React29.useCallback(() => {
+  const ref = React30.useRef(null);
+  const [isStuck, setIsStuck] = React30.useState(false);
+  const handleScroll = React30.useCallback(() => {
     if (Number(ref.current?.getBoundingClientRect().y) <= (Number(top) || 0)) {
       setIsStuck(true);
     } else {
       setIsStuck(false);
     }
   }, [top]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     const throttledHandleScroll = throttle(handleScroll, 300);
     window.addEventListener("scroll", throttledHandleScroll);
     return () => {
@@ -5005,7 +5008,7 @@ var TableHeaderSticky = (props) => {
     }
   );
 };
-var TableCaption = React29.forwardRef(
+var TableCaption = React30.forwardRef(
   function TableCaption2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -5022,7 +5025,7 @@ var TableCaption = React29.forwardRef(
     );
   }
 );
-var TableFooter = React29.forwardRef(
+var TableFooter = React30.forwardRef(
   function TableFooter2(props, ref) {
     const { className, style: styleProp, children, ...other } = props;
     const { style: extracted, rest } = extractStyles(other);
@@ -5039,7 +5042,7 @@ var TableFooter = React29.forwardRef(
     );
   }
 );
-var TableScrollWrapper = React29.forwardRef(
+var TableScrollWrapper = React30.forwardRef(
   function TableScrollWrapper2(props, ref) {
     const { className, children, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -5058,7 +5061,7 @@ var ROOT_SIZE_CLASSES = {
   md: "[--tabs-height:2.5rem] [--tabs-content-padding:1.5rem]",
   free: ""
 };
-var TabsRoot = React29.forwardRef(
+var TabsRoot = React30.forwardRef(
   function TabsRoot2(props, ref) {
     const {
       variant = "solid",
@@ -5070,7 +5073,7 @@ var TabsRoot = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const handleValueChange = React29.useCallback(
+    const handleValueChange = React30.useCallback(
       (value) => {
         if (!onValueChange) return;
         onValueChange({ value });
@@ -5095,7 +5098,7 @@ var TabsRoot = React29.forwardRef(
     );
   }
 );
-var TabsList = React29.forwardRef(
+var TabsList = React30.forwardRef(
   function TabsList2(props, ref) {
     const {
       className,
@@ -5149,7 +5152,7 @@ var TRIGGER_VARIANT_CLASSES = {
   segmented: "bg-transparent text-text-primary border-2 border-solid border-selected-control-bg hover:text-hover data-[state=active]:text-selected-control-text data-[state=active]:bg-selected-control-bg data-[state=active]:border-selected-control-bg data-[state=active]:hover:text-selected-control-text",
   unstyled: ""
 };
-var TabsTrigger = React29.forwardRef(
+var TabsTrigger = React30.forwardRef(
   function TabsTrigger2(props, ref) {
     const {
       className,
@@ -5169,7 +5172,7 @@ var TabsTrigger = React29.forwardRef(
       visibility: _visibility,
       ...rest
     } = props;
-    const internalRef = React29.useRef(null);
+    const internalRef = React30.useRef(null);
     const mergedRef = useMergedRef(ref, internalRef);
     const { variant, size, fitted } = useTabsContext(internalRef);
     return /* @__PURE__ */ jsx(
@@ -5189,7 +5192,7 @@ var TabsTrigger = React29.forwardRef(
     );
   }
 );
-var TabsContent = React29.forwardRef(
+var TabsContent = React30.forwardRef(
   function TabsContent2(props, ref) {
     const { className, padding: _padding, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -5223,8 +5226,8 @@ var TabsCounter = ({ count }) => {
   );
 };
 function useTabsContext(triggerRef) {
-  const [ctx, setCtx] = React29.useState({ variant: "solid", size: "md", fitted: false });
-  React29.useEffect(() => {
+  const [ctx, setCtx] = React30.useState({ variant: "solid", size: "md", fitted: false });
+  React30.useEffect(() => {
     const el = triggerRef.current;
     if (!el) return;
     const root = el.closest("[data-variant]");
@@ -5238,7 +5241,7 @@ function useTabsContext(triggerRef) {
   return ctx;
 }
 function useMergedRef(...refs) {
-  return React29.useCallback(
+  return React30.useCallback(
     (instance) => {
       for (const ref of refs) {
         if (!ref) continue;
@@ -5276,7 +5279,7 @@ var TAG_SELECTED_CLASSES = [
   "hover:opacity-76"
 ].join(" ");
 var TAG_DISABLED_CLASSES = "opacity-40 pointer-events-none cursor-not-allowed";
-var Tag = React29.forwardRef(
+var Tag = React30.forwardRef(
   function Tag2(props, ref) {
     const {
       variant,
@@ -5363,7 +5366,7 @@ var TEXTAREA_VARIANT_CLASSES = {
   filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
   unstyled: "border-0 bg-transparent p-0"
 };
-var Textarea = React29__default.forwardRef(
+var Textarea = React30__default.forwardRef(
   ({ size = "md", variant = "outline", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -5499,7 +5502,7 @@ function QuoteCell({ value, highlight, align = "right", onClick, className }) {
 }
 var CALL_HEADERS = ["Bid", "Ask", "Last", "Vol", "OI", "IV", "Delta"];
 var PUT_HEADERS = ["Delta", "IV", "OI", "Vol", "Last", "Ask", "Bid"];
-var OptionChain = React29.forwardRef(
+var OptionChain = React30.forwardRef(
   function OptionChain2(props, ref) {
     const {
       symbol: _symbol,
@@ -5510,7 +5513,7 @@ var OptionChain = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const handleClick = React29.useCallback(
+    const handleClick = React30.useCallback(
       (quote, type, strike) => {
         if (!quote || !onSelectContract) return;
         onSelectContract({
@@ -5690,7 +5693,7 @@ function GreekItem({ def, value, compact }) {
     }
   );
 }
-var GreeksDisplay = React29.forwardRef(
+var GreeksDisplay = React30.forwardRef(
   function GreeksDisplay2(props, ref) {
     const {
       delta,
@@ -5921,7 +5924,7 @@ function LegRow({ leg, index, strikes, expirations, removable, onChange, onRemov
     )
   ] });
 }
-var StrategyBuilder = React29.forwardRef(
+var StrategyBuilder = React30.forwardRef(
   function StrategyBuilder2(props, ref) {
     const {
       underlying,
@@ -5933,12 +5936,12 @@ var StrategyBuilder = React29.forwardRef(
       ...rest
     } = props;
     const defaultExp = expirations[0] ?? "";
-    const [strategyType, setStrategyType] = React29.useState("bull_call_spread");
-    const [legs, setLegs] = React29.useState(() => {
+    const [strategyType, setStrategyType] = React30.useState("bull_call_spread");
+    const [legs, setLegs] = React30.useState(() => {
       const preset = STRATEGY_PRESETS.find((p) => p.value === "bull_call_spread");
       return preset ? preset.buildLegs(strikes, spotPrice, defaultExp) : [];
     });
-    const handleStrategyChange = React29.useCallback(
+    const handleStrategyChange = React30.useCallback(
       (e) => {
         const type = e.target.value;
         setStrategyType(type);
@@ -5949,7 +5952,7 @@ var StrategyBuilder = React29.forwardRef(
       },
       [strikes, spotPrice, defaultExp]
     );
-    const handleLegChange = React29.useCallback(
+    const handleLegChange = React30.useCallback(
       (index, leg) => {
         setLegs((prev) => {
           const next = [...prev];
@@ -5959,13 +5962,13 @@ var StrategyBuilder = React29.forwardRef(
       },
       []
     );
-    const handleLegRemove = React29.useCallback(
+    const handleLegRemove = React30.useCallback(
       (index) => {
         setLegs((prev) => prev.filter((_, i) => i !== index));
       },
       []
     );
-    const handleAddLeg = React29.useCallback(() => {
+    const handleAddLeg = React30.useCallback(() => {
       if (legs.length >= 4) return;
       const atm = findATM(strikes, spotPrice);
       setLegs((prev) => [
@@ -5973,14 +5976,14 @@ var StrategyBuilder = React29.forwardRef(
         { action: "buy", type: "call", strike: atm, expiration: defaultExp, quantity: 1 }
       ]);
     }, [legs.length, strikes, spotPrice, defaultExp]);
-    const netPremium = React29.useMemo(() => {
+    const netPremium = React30.useMemo(() => {
       return legs.reduce((sum, leg) => {
         if (leg.premium === void 0) return sum;
         const sign = leg.action === "buy" ? -1 : 1;
         return sum + sign * leg.premium * leg.quantity;
       }, 0);
     }, [legs]);
-    const handleSubmit = React29.useCallback(() => {
+    const handleSubmit = React30.useCallback(() => {
       if (!onSubmit || legs.length === 0) return;
       onSubmit({
         type: strategyType,
@@ -6101,7 +6104,7 @@ function buildPath(points, vb, width, height) {
   return parts.join(" ");
 }
 var LEG_COLORS = ["#6366f1", "#f59e0b", "#ec4899", "#06b6d4"];
-var PnlDiagram = React29.forwardRef(
+var PnlDiagram = React30.forwardRef(
   function PnlDiagram2(props, ref) {
     const {
       legs,
@@ -6110,10 +6113,10 @@ var PnlDiagram = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const containerRef = React29.useRef(null);
-    const [hoverX, setHoverX] = React29.useState(null);
-    const [dims, setDims] = React29.useState({ width: 600, height: 240 });
-    React29.useEffect(() => {
+    const containerRef = React30.useRef(null);
+    const [hoverX, setHoverX] = React30.useState(null);
+    const [dims, setDims] = React30.useState({ width: 600, height: 240 });
+    React30.useEffect(() => {
       const el = containerRef.current;
       if (!el) return;
       const observer = new ResizeObserver((entries) => {
@@ -6136,7 +6139,7 @@ var PnlDiagram = React29.forwardRef(
     const xMax = maxStrike + range * 0.3;
     const SAMPLES = 200;
     const step = (xMax - xMin) / SAMPLES;
-    const combinedPoints = React29.useMemo(() => {
+    const combinedPoints = React30.useMemo(() => {
       const pts = [];
       for (let i = 0; i <= SAMPLES; i++) {
         const price = xMin + i * step;
@@ -6144,7 +6147,7 @@ var PnlDiagram = React29.forwardRef(
       }
       return pts;
     }, [legs, multiplier, xMin, step]);
-    const legPointSets = React29.useMemo(() => {
+    const legPointSets = React30.useMemo(() => {
       return legs.map((leg) => {
         const pts = [];
         for (let i = 0; i <= SAMPLES; i++) {
@@ -6165,7 +6168,7 @@ var PnlDiagram = React29.forwardRef(
     const chartH = height - PADDING.top - PADDING.bottom;
     const scaleX = (x) => PADDING.left + (x - vb.xMin) / (vb.xMax - vb.xMin) * chartW;
     const scaleY = (y) => PADDING.top + chartH - (y - vb.yMin) / (vb.yMax - vb.yMin) * chartH;
-    const breakevens = React29.useMemo(() => {
+    const breakevens = React30.useMemo(() => {
       const pts = [];
       for (let i = 1; i < combinedPoints.length; i++) {
         const prev = combinedPoints[i - 1];
@@ -6182,7 +6185,7 @@ var PnlDiagram = React29.forwardRef(
     const maxGainPoint = combinedPoints.find((p) => p.y === maxGain);
     const maxLossPoint = combinedPoints.find((p) => p.y === maxLoss);
     const zeroY = scaleY(0);
-    const handleMouseMove = React29.useCallback(
+    const handleMouseMove = React30.useCallback(
       (e) => {
         const rect = e.currentTarget.getBoundingClientRect();
         const mouseX = e.clientX - rect.left;
@@ -6195,7 +6198,7 @@ var PnlDiagram = React29.forwardRef(
       },
       [vb.xMin, vb.xMax, chartW]
     );
-    const handleMouseLeave = React29.useCallback(() => setHoverX(null), []);
+    const handleMouseLeave = React30.useCallback(() => setHoverX(null), []);
     const hoverPnl = hoverX !== null ? calcTotalPnl(legs, hoverX, multiplier) : null;
     buildPath(
       combinedPoints.map((p) => ({ x: scaleX(p.x), y: scaleY(p.y) })).map((p) => ({ x: p.x - PADDING.left, y: p.y - PADDING.top })),
@@ -6499,7 +6502,7 @@ function formatDate(date) {
   const d = new Date(date);
   return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
 }
-var OptionPositionCard = React29.forwardRef(
+var OptionPositionCard = React30.forwardRef(
   function OptionPositionCard2(props, ref) {
     const {
       position,
@@ -6661,7 +6664,7 @@ function ExpirationPill({ exp, isSelected, onClick }) {
     }
   );
 }
-var ExpirationSelector = React29.forwardRef(
+var ExpirationSelector = React30.forwardRef(
   function ExpirationSelector2(props, ref) {
     const {
       expirations,
@@ -6671,8 +6674,8 @@ var ExpirationSelector = React29.forwardRef(
       className,
       ...rest
     } = props;
-    const scrollRef = React29.useRef(null);
-    React29.useEffect(() => {
+    const scrollRef = React30.useRef(null);
+    React30.useEffect(() => {
       const container = scrollRef.current;
       if (!container) return;
       const selectedEl = container.querySelector('[data-selected="true"]');