@orderly.network/ui 2.8.8-alpha.0 → 2.8.9-alpha.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React67 from 'react';
-import React67__default, { forwardRef, useMemo, useRef, useCallback, useState, useEffect, useId, createContext, Fragment as Fragment$1, memo, useImperativeHandle, useContext, useReducer } from 'react';
+import * as React68 from 'react';
+import React68__default, { forwardRef, useMemo, useRef, useCallback, useState, useEffect, useId, createContext, Fragment as Fragment$1, memo, useImperativeHandle, useContext, useReducer } from 'react';
 import { createTV, tv as tv$1, cnBase, cn } from 'tailwind-variants';
 export { cnBase as cn } from 'tailwind-variants';
 import { Slot } from '@radix-ui/react-slot';
@@ -435,7 +435,7 @@ var boxVariants = tv({
     __size: false
   }
 });
-var Box = React67__default.forwardRef((props, forwardedRef) => {
+var Box = React68__default.forwardRef((props, forwardedRef) => {
   const {
     asChild = false,
     as: TAG = "div",
@@ -669,7 +669,7 @@ var Spinner = (props) => {
     /* @__PURE__ */ jsx("span", { className: "oui-sr-only", children: "Loading..." })
   ] });
 };
-var BaseButton = React67__default.forwardRef(
+var BaseButton = React68__default.forwardRef(
   (props, forwardedRef) => {
     const {
       asChild = false,
@@ -685,7 +685,7 @@ var BaseButton = React67__default.forwardRef(
     const Comp = asChild ? Slot : "button";
     const isDisabled = typeof disabled !== "undefined" ? disabled : loading;
     const iconElement = useMemo(() => {
-      return icon ? React67__default.cloneElement(icon, {
+      return icon ? React68__default.cloneElement(icon, {
         size: size === "xs" ? 12 : size === "sm" ? 12 : size === "md" ? 14 : size === "lg" ? 16 : size === "xl" ? 18 : 12,
         className: "oui-text-inherit",
         opacity: loading ? 0 : 1
@@ -936,7 +936,7 @@ var buttonVariants = tv$1(
     responsiveVariants: ["md", "lg"]
   }
 );
-var Button = React67__default.forwardRef(
+var Button = React68__default.forwardRef(
   ({
     className,
     variant,
@@ -969,7 +969,7 @@ var Button = React67__default.forwardRef(
   }
 );
 Button.displayName = "Button";
-var ThrottledButton = React67__default.forwardRef(({ onClick, throttleDuration = 700, ...props }, ref) => {
+var ThrottledButton = React68__default.forwardRef(({ onClick, throttleDuration = 700, ...props }, ref) => {
   const lastCall = useRef(0);
   const throttle = useCallback(
     (delay, fn) => {
@@ -1056,7 +1056,7 @@ var gridVariants = tv({
     // autoFlow: "row",
   }
 });
-var Grid = React67__default.forwardRef((props, ref) => {
+var Grid = React68__default.forwardRef((props, ref) => {
   const { className, cols, rows, gap, gapX, gapY, autoFlow, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Box,
@@ -1150,7 +1150,7 @@ var iconVariants = tv$1({
     color: "black"
   }
 });
-var BaseIcon = React67__default.forwardRef(
+var BaseIcon = React68__default.forwardRef(
   (props, ref) => {
     const {
       size = 24,
@@ -1185,6 +1185,9 @@ var avatarVariants = tv({
   },
   variants: {
     size: {
+      "3xs": {
+        root: "oui-w-3.5 oui-h-3.5"
+      },
       "2xs": {
         root: "oui-w-4 oui-h-4"
       },
@@ -1209,7 +1212,7 @@ var avatarVariants = tv({
     size: "sm"
   }
 });
-var AvatarBase = React67.forwardRef(({ className, size, ...props }, ref) => {
+var AvatarBase = React68.forwardRef(({ className, size, ...props }, ref) => {
   const { root } = avatarVariants({ size });
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
@@ -1221,7 +1224,7 @@ var AvatarBase = React67.forwardRef(({ className, size, ...props }, ref) => {
   );
 });
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React67.forwardRef(({ className, ...props }, ref) => {
+var AvatarImage = React68.forwardRef(({ className, ...props }, ref) => {
   const { image } = avatarVariants();
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Image,
@@ -1233,12 +1236,12 @@ var AvatarImage = React67.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React67.forwardRef(({ className, ...props }, ref) => {
+var AvatarFallback = React68.forwardRef(({ className, ...props }, ref) => {
   const { fallback } = avatarVariants({ className });
   return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { ref, className: fallback(), ...props });
 });
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var Avatar = React67.forwardRef((props, ref) => {
+var Avatar = React68.forwardRef((props, ref) => {
   const { size, src, fallback, delayMs, alt, onLoadingStatusChange, ...rest } = props;
   return /* @__PURE__ */ jsxs(AvatarBase, { ...rest, ref, size, children: [
     /* @__PURE__ */ jsx(
@@ -1252,7 +1255,7 @@ var Avatar = React67.forwardRef((props, ref) => {
     typeof fallback !== "undefined" && /* @__PURE__ */ jsx(AvatarFallback, { delayMs, children: fallback })
   ] });
 });
-var EVMAvatar = React67.forwardRef((props, ref) => {
+var EVMAvatar = React68.forwardRef((props, ref) => {
   const { address, ...rest } = props;
   const src = useMemo(() => makeBlockie(address), [props.address]);
   return /* @__PURE__ */ jsx(Avatar, { ...rest, src });
@@ -1319,7 +1322,7 @@ var CombineIcon = (props) => {
     subElement
   ] });
 };
-var CloseIcon = React67__default.forwardRef(
+var CloseIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1333,7 +1336,7 @@ var CloseIcon = React67__default.forwardRef(
   }
 );
 CloseIcon.displayName = "CloseIcon";
-var BaseIconWithPath = React67__default.forwardRef((props, ref) => {
+var BaseIconWithPath = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, d, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1346,7 +1349,7 @@ var BaseIconWithPath = React67__default.forwardRef((props, ref) => {
     }
   ) });
 });
-var CheckIcon = React67__default.forwardRef(
+var CheckIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -1360,7 +1363,7 @@ var CheckIcon = React67__default.forwardRef(
   }
 );
 CheckIcon.displayName = "CheckIcon";
-var ChevronDownIcon = React67__default.forwardRef(
+var ChevronDownIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1374,7 +1377,7 @@ var ChevronDownIcon = React67__default.forwardRef(
   }
 );
 ChevronDownIcon.displayName = "ChevronDownIcon";
-var ChevronUpIcon = React67__default.forwardRef(
+var ChevronUpIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1388,7 +1391,7 @@ var ChevronUpIcon = React67__default.forwardRef(
   }
 );
 ChevronUpIcon.displayName = "ChevronUpIcon";
-var CaretUpIcon = React67__default.forwardRef(
+var CaretUpIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1402,7 +1405,7 @@ var CaretUpIcon = React67__default.forwardRef(
   }
 );
 CaretUpIcon.displayName = "CaretUpIcon";
-var CaretDownIcon = React67__default.forwardRef(
+var CaretDownIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -1415,7 +1418,7 @@ var CaretDownIcon = React67__default.forwardRef(
   }
 );
 CaretDownIcon.displayName = "CaretDownIcon";
-var CaretLeftIcon = React67__default.forwardRef(
+var CaretLeftIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1429,7 +1432,7 @@ var CaretLeftIcon = React67__default.forwardRef(
   }
 );
 CaretLeftIcon.displayName = "CaretLeftIcon";
-var CaretRightIcon = React67__default.forwardRef(
+var CaretRightIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1443,7 +1446,7 @@ var CaretRightIcon = React67__default.forwardRef(
   }
 );
 CaretRightIcon.displayName = "CaretRightIcon";
-var ChevronLeftIcon = React67__default.forwardRef(
+var ChevronLeftIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -1456,7 +1459,7 @@ var ChevronLeftIcon = React67__default.forwardRef(
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
-var ChevronRightIcon = React67__default.forwardRef(
+var ChevronRightIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1470,7 +1473,7 @@ var ChevronRightIcon = React67__default.forwardRef(
   }
 );
 ChevronRightIcon.displayName = "ChevronRightIcon";
-var CalendarMinusIcon = React67__default.forwardRef(
+var CalendarMinusIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -1483,7 +1486,7 @@ var CalendarMinusIcon = React67__default.forwardRef(
   }
 );
 CalendarMinusIcon.displayName = "CalendarMinusIcon";
-var SettingIcon = React67__default.forwardRef(
+var SettingIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1497,7 +1500,7 @@ var SettingIcon = React67__default.forwardRef(
   }
 );
 SettingIcon.displayName = "SettingIcon";
-var CloseSquareFillIcon = React67__default.forwardRef((props, ref) => {
+var CloseSquareFillIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1509,7 +1512,7 @@ var CloseSquareFillIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 CloseSquareFillIcon.displayName = "CloseSquareFillIcon";
-var CloseCircleFillIcon = React67__default.forwardRef((props, ref) => {
+var CloseCircleFillIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1521,7 +1524,7 @@ var CloseCircleFillIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 CloseCircleFillIcon.displayName = "CloseCircleFillIcon";
-var CheckedCircleFillIcon = React67__default.forwardRef((props, ref) => {
+var CheckedCircleFillIcon = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     BaseIconWithPath,
     {
@@ -1532,7 +1535,7 @@ var CheckedCircleFillIcon = React67__default.forwardRef((props, ref) => {
   );
 });
 CheckedCircleFillIcon.displayName = "CheckedCircleFillIcon";
-var CheckedSquareFillIcon = React67__default.forwardRef((props, ref) => {
+var CheckedSquareFillIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1546,7 +1549,7 @@ var CheckedSquareFillIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 CheckedSquareFillIcon.displayName = "CheckSquareFillIcon";
-var CheckSquareEmptyIcon = React67__default.forwardRef(
+var CheckSquareEmptyIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1562,7 +1565,7 @@ var CheckSquareEmptyIcon = React67__default.forwardRef(
   }
 );
 CheckSquareEmptyIcon.displayName = "CheckSquareEmptyIcon";
-var PlusIcon = React67__default.forwardRef(
+var PlusIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1576,7 +1579,7 @@ var PlusIcon = React67__default.forwardRef(
   }
 );
 PlusIcon.displayName = "PlusIcon";
-var ReduceIcon = React67__default.forwardRef(
+var ReduceIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1594,7 +1597,7 @@ var ReduceIcon = React67__default.forwardRef(
   }
 );
 ReduceIcon.displayName = "ReduceIcon";
-var CircleOutlinedIcon = React67__default.forwardRef((props, ref) => {
+var CircleOutlinedIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1606,7 +1609,7 @@ var CircleOutlinedIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 CircleOutlinedIcon.displayName = "CircleOutlinedIcon";
-var SquareOutlinedIcon = React67__default.forwardRef((props, ref) => {
+var SquareOutlinedIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1618,7 +1621,7 @@ var SquareOutlinedIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 SquareOutlinedIcon.displayName = "SquareOutlinedIcon";
-var ExclamationFillIcon = React67__default.forwardRef((props, ref) => {
+var ExclamationFillIcon = React68__default.forwardRef((props, ref) => {
   const { ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1629,7 +1632,7 @@ var ExclamationFillIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 ExclamationFillIcon.displayName = "ExclamationFillIcon";
-var QuestionFillIcon = React67__default.forwardRef(
+var QuestionFillIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1643,7 +1646,7 @@ var QuestionFillIcon = React67__default.forwardRef(
   }
 );
 QuestionFillIcon.displayName = "ExclamationFillIcon";
-var ArrowLeftRightIcon = React67__default.forwardRef((props, ref) => {
+var ArrowLeftRightIcon = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     BaseIconWithPath,
     {
@@ -1654,7 +1657,7 @@ var ArrowLeftRightIcon = React67__default.forwardRef((props, ref) => {
   );
 });
 ArrowLeftRightIcon.displayName = "ArrowLeftRightIcon";
-var ArrowDownUpIcon = React67__default.forwardRef(
+var ArrowDownUpIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -1667,7 +1670,7 @@ var ArrowDownUpIcon = React67__default.forwardRef(
   }
 );
 ArrowDownUpIcon.displayName = "ArrowDownUpIconIcon";
-var ArrowUpSquareFillIcon = React67__default.forwardRef((props, ref) => {
+var ArrowUpSquareFillIcon = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     BaseIconWithPath,
     {
@@ -1678,7 +1681,7 @@ var ArrowUpSquareFillIcon = React67__default.forwardRef((props, ref) => {
   );
 });
 ArrowUpSquareFillIcon.displayName = "ArrowUpSquareFillIconIcon";
-var ArrowDownSquareFillIcon = React67__default.forwardRef((props, ref) => {
+var ArrowDownSquareFillIcon = React68__default.forwardRef((props, ref) => {
   const { opacity = 0.54, ...rest } = props;
   return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
     "path",
@@ -1690,7 +1693,7 @@ var ArrowDownSquareFillIcon = React67__default.forwardRef((props, ref) => {
   ) });
 });
 ArrowDownSquareFillIcon.displayName = "ArrowDownSquareFillIconIcon";
-var ArrowLeftRightSquareFill = React67__default.forwardRef((props, ref) => {
+var ArrowLeftRightSquareFill = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -1716,7 +1719,7 @@ var ArrowLeftRightSquareFill = React67__default.forwardRef((props, ref) => {
 if (process.env.NODE_ENV !== "production") {
   ArrowLeftRightSquareFill.displayName = "ArrowLeftRightSquareFill";
 }
-var ArrowRightUpSquareFillIcon = React67__default.forwardRef((props, ref) => {
+var ArrowRightUpSquareFillIcon = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     BaseIconWithPath,
     {
@@ -1892,7 +1895,7 @@ var BattleSolidInactiveIcon = (props) => {
     }
   ) });
 };
-var FeeTierIcon = React67__default.forwardRef(
+var FeeTierIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -1961,7 +1964,7 @@ var EarnInactiveIcon = (props) => {
     )
   ] }) });
 };
-var EditIcon = React67__default.forwardRef(
+var EditIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1975,7 +1978,7 @@ var EditIcon = React67__default.forwardRef(
   }
 );
 EditIcon.displayName = "EditIcon";
-var EyeIcon = React67__default.forwardRef(
+var EyeIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -1989,7 +1992,7 @@ var EyeIcon = React67__default.forwardRef(
   }
 );
 EyeIcon.displayName = "EyeIcon";
-var ShareIcon = React67__default.forwardRef(
+var ShareIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -2003,7 +2006,7 @@ var ShareIcon = React67__default.forwardRef(
   }
 );
 ShareIcon.displayName = "ShareIcon";
-var EyeCloseIcon = React67__default.forwardRef(
+var EyeCloseIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -2017,7 +2020,7 @@ var EyeCloseIcon = React67__default.forwardRef(
   }
 );
 EyeCloseIcon.displayName = "EyeCloseIcon";
-var RefreshIcon = React67__default.forwardRef(
+var RefreshIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -2175,7 +2178,7 @@ var EsOrderlyIcon = (props) => {
     }
   );
 };
-var InfoCircleIcon = React67__default.forwardRef(
+var InfoCircleIcon = React68__default.forwardRef(
   (props, ref) => {
     const { className, opacity = 0.36, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -2209,7 +2212,7 @@ var WalletIcon = (props) => {
   }, [props.name]);
   return /* @__PURE__ */ jsx(Avatar, { size: props.size, src: url, alt: `${props.name}` });
 };
-var CalendarIcon = React67__default.forwardRef(
+var CalendarIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2222,7 +2225,7 @@ var CalendarIcon = React67__default.forwardRef(
   }
 );
 CalendarIcon.displayName = "CaretLeftIcon";
-var CopyIcon = React67__default.forwardRef(
+var CopyIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2235,7 +2238,7 @@ var CopyIcon = React67__default.forwardRef(
   }
 );
 CopyIcon.displayName = "CopyIcon";
-var ServerFillIcon = React67__default.forwardRef(
+var ServerFillIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2248,7 +2251,7 @@ var ServerFillIcon = React67__default.forwardRef(
   }
 );
 ServerFillIcon.displayName = "ServerFillIcon";
-var SortingAscIcon = React67__default.forwardRef(
+var SortingAscIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsxs(BaseIcon, { ref, ...rest, children: [
@@ -2272,7 +2275,7 @@ var SortingAscIcon = React67__default.forwardRef(
   }
 );
 SortingAscIcon.displayName = "SortingAscIcon";
-var SortingDescIcon = React67__default.forwardRef(
+var SortingDescIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsxs(BaseIcon, { ref, ...rest, children: [
@@ -2296,7 +2299,7 @@ var SortingDescIcon = React67__default.forwardRef(
   }
 );
 SortingDescIcon.displayName = "SortingDescIcon";
-var ArrowUpShortIcon = React67__default.forwardRef(
+var ArrowUpShortIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2308,7 +2311,7 @@ var ArrowUpShortIcon = React67__default.forwardRef(
     );
   }
 );
-var ArrowDownShortIcon = React67__default.forwardRef(
+var ArrowDownShortIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2320,7 +2323,7 @@ var ArrowDownShortIcon = React67__default.forwardRef(
     );
   }
 );
-var ArrowLeftShortIcon = React67__default.forwardRef(
+var ArrowLeftShortIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2332,7 +2335,7 @@ var ArrowLeftShortIcon = React67__default.forwardRef(
     );
   }
 );
-var ArrowRightShortIcon = React67__default.forwardRef(
+var ArrowRightShortIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -2348,7 +2351,7 @@ ArrowUpShortIcon.displayName = "ArrowUpShortIcon";
 ArrowDownShortIcon.displayName = "ArrowDownShortIcon";
 ArrowLeftShortIcon.displayName = "ArrowLeftShortIcon";
 ArrowRightShortIcon.displayName = "ArrowRightShortIcon";
-var SortingIcon = React67__default.forwardRef(
+var SortingIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -3394,16 +3397,18 @@ var StarChildChatInactiveIcon = (props) => {
     )
   ] });
 };
-var CloseRoundFillIcon = (props) => {
-  return /* @__PURE__ */ jsx(BaseIcon, { ...props, viewBox: "0 0 28 28", children: /* @__PURE__ */ jsx(
+var CloseRoundFillIcon = React68__default.forwardRef((props, ref) => {
+  const { opacity = 0.54, ...rest } = props;
+  return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, viewBox: "0 0 28 28", children: /* @__PURE__ */ jsx(
     "path",
     {
       d: "M13.9987 2.27881C7.55546 2.27881 2.33206 7.50198 2.33206 13.9455C2.33206 20.389 7.55546 25.6121 13.9987 25.6121C20.4422 25.6121 25.6654 20.389 25.6654 13.9455C25.6654 7.50198 20.4422 2.27881 13.9987 2.27881ZM10.4987 9.27881C10.7972 9.27881 11.1095 9.37915 11.3373 9.60665L13.9987 12.2678L16.6599 9.60665C16.8886 9.37915 17.2001 9.27881 17.4987 9.27881C17.7974 9.27881 18.1089 9.37915 18.3376 9.60665C18.7926 10.0628 18.7926 10.8281 18.3376 11.2843L15.6764 13.9455L18.3376 16.6066C18.7926 17.0628 18.7926 17.8281 18.3376 18.2843C17.8814 18.7393 17.1161 18.7393 16.6599 18.2843L13.9987 15.6231L11.3373 18.2843C10.8817 18.7393 10.1158 18.7393 9.66012 18.2843C9.20454 17.8281 9.20454 17.0628 9.66012 16.6066L12.3211 13.9455L9.66012 11.2843C9.20454 10.8281 9.20454 10.0628 9.66012 9.60665C9.88809 9.37915 10.2002 9.27881 10.4987 9.27881Z",
-      fill: "white",
-      fillOpacity: "0.54"
+      fill: "currentcolor",
+      fillOpacity: opacity
     }
   ) });
-};
+});
+CloseRoundFillIcon.displayName = "CloseRoundFillIcon";
 var SelectedChoicesFillIcon = (props) => {
   return /* @__PURE__ */ jsx(BaseIcon, { ...props, viewBox: "0 0 14 14", children: /* @__PURE__ */ jsx(
     "path",
@@ -3592,7 +3597,7 @@ function EmptyStateIcon() {
   );
 }
 var emptyData_default = EmptyStateIcon;
-var VectorIcon = React67__default.forwardRef(
+var VectorIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       "svg",
@@ -3690,7 +3695,7 @@ var PersonIcon = () => {
     }
   );
 };
-var SettingFillIcon = React67__default.forwardRef(
+var SettingFillIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -3725,7 +3730,7 @@ var TradingLeftNavIcon = (props) => {
     }
   );
 };
-var VaultsIcon = React67__default.forwardRef(
+var VaultsIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxs(
       "svg",
@@ -3796,7 +3801,7 @@ var LeftNavVaultsIcon = forwardRef(
 if (process.env.NODE_ENV !== "production") {
   LeftNavVaultsIcon.displayName = "LeftNavVaultsIcon";
 }
-var NewsFillIcon = React67__default.forwardRef(
+var NewsFillIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 1, ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, ...rest, children: /* @__PURE__ */ jsx(
@@ -3810,7 +3815,7 @@ var NewsFillIcon = React67__default.forwardRef(
   }
 );
 NewsFillIcon.displayName = "NewsFillIcon";
-var BellIcon = React67__default.forwardRef(
+var BellIcon = React68__default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(
       BaseIconWithPath,
@@ -3891,7 +3896,7 @@ var ReferralSolidIcon = (props) => {
     }
   ) });
 };
-var AddCircleIcon = React67__default.forwardRef(
+var AddCircleIcon = React68__default.forwardRef(
   (props, ref) => {
     const { className, opacity = 0.54, ...rest } = props;
     return /* @__PURE__ */ jsxs(
@@ -3984,7 +3989,7 @@ var textVariants = tv({
     }
   }
 });
-var Text = React67__default.forwardRef((props, forwardedRef) => {
+var Text = React68__default.forwardRef((props, forwardedRef) => {
   const {
     children,
     className,
@@ -4073,7 +4078,7 @@ var isTextRule = (rule) => {
 };
 var DEFAULT_SYMBOL_FORMAT = "base-quote";
 var DEFAULT_DATE_FORMAT = "yyyy-MM-dd HH:mm:ss";
-var FormattedText = React67__default.forwardRef(
+var FormattedText = React68__default.forwardRef(
   (props, ref) => {
     const {
       rule,
@@ -4185,7 +4190,7 @@ var gradientTextVariants = tv({
     }
   }
 });
-var GradientText = React67__default.forwardRef((props, ref) => {
+var GradientText = React68__default.forwardRef((props, ref) => {
   const { color, className, angle, ...rest } = props;
   const style = parseAngleProps({ angle });
   return (
@@ -4364,7 +4369,7 @@ var statisticVariants = tv({
     // color: "default",
   }
 });
-var StatisticLabel = React67__default.forwardRef(
+var StatisticLabel = React68__default.forwardRef(
   (props, ref) => {
     const { label: labelClassName } = statisticVariants({});
     return /* @__PURE__ */ jsx(
@@ -4380,7 +4385,7 @@ var StatisticLabel = React67__default.forwardRef(
   }
 );
 StatisticLabel.displayName = "StatisticLabel";
-var Statistic = React67__default.forwardRef((props, ref) => {
+var Statistic = React68__default.forwardRef((props, ref) => {
   const { label, valueProps, align, className, classNames, children, ...rest } = props;
   const { root, value: valueClassName } = statisticVariants({ align });
   const value = useMemo(() => {
@@ -4723,7 +4728,7 @@ var inputVariants = tv(
     responsiveVariants: ["md", "lg"]
   }
 );
-var Input = React67__default.forwardRef((props, ref) => {
+var Input = React68__default.forwardRef((props, ref) => {
   const {
     size,
     disabled,
@@ -4794,7 +4799,7 @@ var Input = React67__default.forwardRef((props, ref) => {
     )
   ] });
 });
-var ClearButton = React67__default.forwardRef((props, ref) => {
+var ClearButton = React68__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -4855,7 +4860,7 @@ var popoverVariants = tv({
 var PopoverRoot = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React67.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React68.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -4906,7 +4911,7 @@ var scrollAreaVariants = tv({
     }
   }
 });
-var ScrollArea = React67__default.forwardRef((oriProps, ref) => {
+var ScrollArea = React68__default.forwardRef((oriProps, ref) => {
   const {
     className,
     classNames,
@@ -4936,7 +4941,7 @@ var ScrollArea = React67__default.forwardRef((oriProps, ref) => {
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React67__default.forwardRef((oriProps, ref) => {
+var ScrollBar = React68__default.forwardRef((oriProps, ref) => {
   const { className, orientation = "vertical", ...props } = oriProps;
   const { bar, tumb } = scrollAreaVariants({ className, orientation });
   return /* @__PURE__ */ jsx(
@@ -5109,7 +5114,7 @@ var selectVariants = tv(
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React67.forwardRef(
+var SelectTrigger = React68.forwardRef(
   ({
     className,
     children,
@@ -5163,7 +5168,7 @@ var SelectTrigger = React67.forwardRef(
   }
 );
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React67.forwardRef(({ className, ...props }, ref) => {
+var SelectScrollUpButton = React68.forwardRef(({ className, ...props }, ref) => {
   const { scrollUpButton } = selectVariants();
   return /* @__PURE__ */ jsx(
     SelectPrimitive.ScrollUpButton,
@@ -5176,7 +5181,7 @@ var SelectScrollUpButton = React67.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React67.forwardRef(({ className, ...props }, ref) => {
+var SelectScrollDownButton = React68.forwardRef(({ className, ...props }, ref) => {
   const { scrollDownButton } = selectVariants();
   return /* @__PURE__ */ jsx(
     SelectPrimitive.ScrollDownButton,
@@ -5189,7 +5194,7 @@ var SelectScrollDownButton = React67.forwardRef(({ className, ...props }, ref) =
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React67.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
+var SelectContent = React68.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
   const { content, viewport } = selectVariants({ position, className });
   return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     SelectPrimitive.Content,
@@ -5203,7 +5208,7 @@ var SelectContent = React67.forwardRef(({ className, children, position = "poppe
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React67.forwardRef(({ className, ...props }, ref) => {
+var SelectLabel = React68.forwardRef(({ className, ...props }, ref) => {
   const { label } = selectVariants();
   return /* @__PURE__ */ jsx(
     SelectPrimitive.Label,
@@ -5215,12 +5220,12 @@ var SelectLabel = React67.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React67.forwardRef(({ className, children, size, ...props }, ref) => {
+var SelectItem = React68.forwardRef(({ className, children, size, ...props }, ref) => {
   const { item } = selectVariants({ size });
   return /* @__PURE__ */ jsx(SelectPrimitive.Item, { ref, className: item({ className }), ...props, children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }) });
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React67.forwardRef(({ className, ...props }, ref) => {
+var SelectSeparator = React68.forwardRef(({ className, ...props }, ref) => {
   const { separator } = selectVariants();
   return /* @__PURE__ */ jsx(
     SelectPrimitive.Separator,
@@ -5414,7 +5419,7 @@ var SelectWithOptions = (props) => {
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(Select, { ...rest, children: /* @__PURE__ */ jsx(SelectGroup, { children: options.map((option, index) => {
-    return React67__default.cloneElement(optionRenderer(option, currentValue), {
+    return React68__default.cloneElement(optionRenderer(option, currentValue), {
       size: props.size,
       key: index,
       index
@@ -5575,7 +5580,7 @@ var tooltipVariants = tv({
     "data-[side=top]:oui-slide-in-from-bottom-2"
   ]
 });
-var TooltipContent = React67.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+var TooltipContent = React68.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     TooltipPrimitive.Content,
     {
@@ -5606,7 +5611,7 @@ var TooltipArrow = (props) => {
     }
   );
 };
-var Tooltip = React67.forwardRef((originalProps, ref) => {
+var Tooltip = React68.forwardRef((originalProps, ref) => {
   const {
     children,
     content,
@@ -5856,7 +5861,7 @@ var inputHelpTextVariants = tv$1({
     }
   }
 });
-var InputHelpText = React67__default.forwardRef(
+var InputHelpText = React68__default.forwardRef(
   (props, ref) => {
     const { className, asChild, color, ...rest } = props;
     const Comp = asChild ? Slot : "div";
@@ -5894,7 +5899,7 @@ var textFieldVariants = tv({
     direction: "column"
   }
 });
-var TextField = React67__default.forwardRef((props, ref) => {
+var TextField = React68__default.forwardRef((props, ref) => {
   const { label, helpText, direction, className, ...inputProps } = props;
   const { root, label: labelClassName } = textFieldVariants({ direction });
   return /* @__PURE__ */ jsxs("div", { className: root({ className, direction }), children: [
@@ -5912,7 +5917,7 @@ var TextField = React67__default.forwardRef((props, ref) => {
   ] });
 });
 TextField.displayName = "TextField";
-var InputLabel = React67__default.forwardRef(
+var InputLabel = React68__default.forwardRef(
   (props, ref) => {
     const { asChild = false, className, ...rest } = props;
     const Comp = asChild ? Slot : "label";
@@ -5964,7 +5969,7 @@ var checkboxVariants = tv$1({
     // style: "checkBox",
   }
 });
-var Checkbox = React67.forwardRef(({ className, color = "white", variant = "checkBox", ...props }, ref) => {
+var Checkbox = React68.forwardRef(({ className, color = "white", variant = "checkBox", ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
     {
@@ -6092,7 +6097,7 @@ var switchVariants = tv$1({
     color: "primary"
   }
 });
-var Switch = React67__default.forwardRef(({ className, color, ...props }, ref) => {
+var Switch = React68__default.forwardRef(({ className, color, ...props }, ref) => {
   const { root, thumb } = switchVariants({
     className,
     color
@@ -6213,7 +6218,7 @@ function Badge({ className, variant, color, size, ...props }) {
     }
   );
 }
-var Logo = React67__default.forwardRef(({ src, alt, href }, ref) => {
+var Logo = React68__default.forwardRef(({ src, alt, href }, ref) => {
   return /* @__PURE__ */ jsx("div", { className: "logo oui-px-3", ref, children: /* @__PURE__ */ jsx("a", { href: href ?? "/", children: /* @__PURE__ */ jsx(
     "img",
     {
@@ -6797,7 +6802,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React67__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -6809,7 +6814,7 @@ var PaginationContent = React67__default.forwardRef(({ className, ...props }, re
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React67__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cnBase("oui-leading-[0px]", className), ...props }));
+var PaginationItem = React68__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cnBase("oui-leading-[0px]", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -7809,7 +7814,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cnBase(
@@ -7835,7 +7840,7 @@ var sheetVariants = tv$1({
     side: "bottom"
   }
 });
-var SheetContent = React67.forwardRef(
+var SheetContent = React68.forwardRef(
   ({
     side = "bottom",
     closeable = true,
@@ -7931,7 +7936,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React67.forwardRef(({ className, leading, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SheetTitle = React68.forwardRef(({ className, leading, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: "oui-sheet-header oui-grid oui-grid-cols-[40px_1fr_40px] oui-items-center",
@@ -7952,7 +7957,7 @@ var SheetTitle = React67.forwardRef(({ className, leading, ...props }, ref) => /
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -8345,7 +8350,7 @@ var dividerVariants = tv({
     intensity: 4
   }
 });
-var Divider = React67__default.forwardRef((props, ref) => {
+var Divider = React68__default.forwardRef((props, ref) => {
   const { className, intensity, direction, lineStyle, mx, my, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "div",
@@ -8553,7 +8558,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React67.forwardRef(({ className, ...props }, ref) => {
+var DialogOverlay = React68.forwardRef(({ className, ...props }, ref) => {
   const { overlay } = dialogVariants();
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
@@ -8565,7 +8570,7 @@ var DialogOverlay = React67.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React67.forwardRef(
+var DialogContent = React68.forwardRef(
   ({
     overlyClassName,
     className,
@@ -8627,7 +8632,7 @@ var DialogFooter = ({
   return /* @__PURE__ */ jsx("div", { className: footer({ className }), ...props });
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React67.forwardRef(({ className, ...props }, ref) => {
+var DialogTitle = React68.forwardRef(({ className, ...props }, ref) => {
   const { title } = dialogVariants();
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
@@ -8639,7 +8644,7 @@ var DialogTitle = React67.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React67.forwardRef(({ className, ...props }, ref) => {
+var DialogDescription = React68.forwardRef(({ className, ...props }, ref) => {
   const { desc } = dialogVariants();
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
@@ -9803,13 +9808,13 @@ var tabsVariants = tv({
   }
 });
 var TabsBase = TabsPrimitive.Root;
-var TabsList = React67.forwardRef((originProps, ref) => {
+var TabsList = React68.forwardRef((originProps, ref) => {
   const { className, size, variant, ...props } = originProps;
   const { list } = tabsVariants({ size, variant });
   return /* @__PURE__ */ jsx(TabsPrimitive.List, { ref, className: list({ className }), ...props });
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React67.forwardRef((originProps, ref) => {
+var TabsTrigger = React68.forwardRef((originProps, ref) => {
   const { className, size, children, icon, variant, ...props } = originProps;
   const { trigger, icon: iconClassName } = tabsVariants({ size, variant });
   return /* @__PURE__ */ jsxs(
@@ -9819,14 +9824,14 @@ var TabsTrigger = React67.forwardRef((originProps, ref) => {
       className: trigger({ className }),
       ...props,
       children: [
-        typeof icon !== "undefined" ? React67.cloneElement(icon, { className: iconClassName(), opacity: 1 }) : null,
+        typeof icon !== "undefined" ? React68.cloneElement(icon, { className: iconClassName(), opacity: 1 }) : null,
         /* @__PURE__ */ jsx("span", { children })
       ]
     }
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React67.forwardRef((oriProps, ref) => {
+var TabsContent = React68.forwardRef((oriProps, ref) => {
   const { className, size, children, ...props } = oriProps;
   const { content } = tabsVariants({ size });
   return /* @__PURE__ */ jsx(
@@ -10160,7 +10165,7 @@ var cardVariants = tv({
     intensity: 900
   }
 });
-var CardBase = React67__default.forwardRef(
+var CardBase = React68__default.forwardRef(
   ({ className, intensity, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10174,7 +10179,7 @@ var CardBase = React67__default.forwardRef(
   }
 );
 CardBase.displayName = "CardBase";
-var CardHeader = React67__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React68__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -10187,7 +10192,7 @@ var CardHeader = React67__default.forwardRef(({ className, children, ...props },
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React67__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React68__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -10200,7 +10205,7 @@ var CardTitle = React67__default.forwardRef(({ className, children, ...props },
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React67__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React68__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -10209,7 +10214,7 @@ var CardDescription = React67__default.forwardRef(({ className, children, ...pro
     children
   }
 ));
-var CardContent = React67__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardContent = React68__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -10219,7 +10224,7 @@ var CardContent = React67__default.forwardRef(({ className, children, ...props }
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React67__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className, ...props, children }));
+var CardFooter = React68__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className, ...props, children }));
 CardFooter.displayName = "CardFooter";
 var Card = forwardRef(
   (props, ref) => {
@@ -10234,7 +10239,7 @@ var Card = forwardRef(
 Card.displayName = "Card";
 var HoverCardRoot = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React67.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React68.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -10388,7 +10393,7 @@ var sliderVariants = tv({
     }
   }
 });
-var BaseSlider = React67.forwardRef((oriProps, ref) => {
+var BaseSlider = React68.forwardRef((oriProps, ref) => {
   const {
     className,
     color,
@@ -10404,8 +10409,8 @@ var BaseSlider = React67.forwardRef((oriProps, ref) => {
   const { track, range, thumb, root, trackInner, mark, tips } = sliderVariants({
     color
   });
-  const [innerValue, setInvalue] = React67.useState(__propsValue);
-  React67.useEffect(() => {
+  const [innerValue, setInvalue] = React68.useState(__propsValue);
+  React68.useEffect(() => {
     setInvalue((prev) => {
       if (!prev) {
         return __propsValue;
@@ -10583,7 +10588,7 @@ var SliderTip = (props) => {
   const percent = convertValueToPercentage(value, min, max);
   return /* @__PURE__ */ jsx("span", { className, style: { lineHeight: "19px" }, children: props.tipFormatter?.(value, min, max, percent) ?? `${percent.toFixed()}%` });
 };
-var SingleSlider = React67.forwardRef((props, ref) => {
+var SingleSlider = React68.forwardRef((props, ref) => {
   const _value = useMemo(() => [props.value], [props.value]);
   return /* @__PURE__ */ jsx(
     BaseSlider,
@@ -10603,7 +10608,7 @@ var SingleSlider = React67.forwardRef((props, ref) => {
 SingleSlider.displayName = "SingleSlider";
 var Slider = BaseSlider;
 Slider.single = SingleSlider;
-var ToastErrorIcon = React67__default.forwardRef(
+var ToastErrorIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
@@ -10616,7 +10621,7 @@ var ToastErrorIcon = React67__default.forwardRef(
     ) });
   }
 );
-var ToastSuccessIcon = React67__default.forwardRef(
+var ToastSuccessIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
@@ -10630,7 +10635,7 @@ var ToastSuccessIcon = React67__default.forwardRef(
     ) });
   }
 );
-var ToastLoadingIcon = React67__default.forwardRef(
+var ToastLoadingIcon = React68__default.forwardRef(
   (props, ref) => {
     const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
     return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
@@ -10838,7 +10843,7 @@ var ListViewInner = (props, ref) => {
         }
       );
     }
-    return props.dataSource.map((item, index) => /* @__PURE__ */ jsx(React67__default.Fragment, { children: props.renderItem(item, index, props.extraData) }, index));
+    return props.dataSource.map((item, index) => /* @__PURE__ */ jsx(React68__default.Fragment, { children: props.renderItem(item, index, props.extraData) }, index));
   }, [emptyDataSouce, props.dataSource, props.extraData, props.emptyView]);
   const loadingViewElement = useMemo(() => {
     if ((props.dataSource?.length || 0) === 0)
@@ -11012,7 +11017,7 @@ var Marquee = (props) => {
   const [emblaRef, emblaApi] = useEmblaCarousel__default(emblaOptions, [
     AutoScroll__default(autoScrollPluginOptions)
   ]);
-  React67__default.useEffect(() => {
+  React68__default.useEffect(() => {
     if (emblaApi && setApi) {
       setApi(emblaApi);
     }
@@ -11164,7 +11169,7 @@ var dropdownMenuVariants = tv$1({
     size: "lg"
   }
 });
-var DropdownMenuContent = React67.forwardRef(({ className, sideOffset = 4, size, ...props }, ref) => {
+var DropdownMenuContent = React68.forwardRef(({ className, sideOffset = 4, size, ...props }, ref) => {
   const { content } = dropdownMenuVariants({ size });
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
@@ -11177,7 +11182,7 @@ var DropdownMenuContent = React67.forwardRef(({ className, sideOffset = 4, size,
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React67.forwardRef(({ className, inset, size, ...props }, ref) => {
+var DropdownMenuItem = React68.forwardRef(({ className, inset, size, ...props }, ref) => {
   const { item } = dropdownMenuVariants({ size });
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
@@ -11189,7 +11194,7 @@ var DropdownMenuItem = React67.forwardRef(({ className, inset, size, ...props },
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = React67.forwardRef(({ className, inset, ...props }, ref) => {
+var DropdownMenuLabel = React68.forwardRef(({ className, inset, ...props }, ref) => {
   const { label } = dropdownMenuVariants({
     inset
   });
@@ -11203,7 +11208,7 @@ var DropdownMenuLabel = React67.forwardRef(({ className, inset, ...props }, ref)
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React67.forwardRef(({ className, ...props }, ref) => {
+var DropdownMenuSeparator = React68.forwardRef(({ className, ...props }, ref) => {
   const { separator } = dropdownMenuVariants();
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,