@sikka/hawa 0.35.5-next → 0.35.6-next

package/dist/elements/index.js

@@ -4209,7 +4209,7 @@ var SortButton = (props) => {
 };
 
 // elements/tabs/Tabs.tsx
-var React42 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react16 = require("react");
@@ -4315,15 +4315,15 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-var import_react31 = __toESM(require("react"));
+// hooks/useClickOutside.ts
+var import_react31 = require("react");
 
 // elements/tabs/Tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
 
 // elements/floatBox/FloatBox.tsx
-var React41 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var FloatBox = ({
   className,
   open,
@@ -4361,7 +4361,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React40.createElement(
     "div",
     {
       className: cn(
@@ -4372,8 +4372,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React41.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React41.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React40.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React40.createElement("span", null, props.children)
   );
 };
 
@@ -4436,8 +4436,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React42.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var TabsContext = React41.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React41.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React41.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -4448,11 +4448,11 @@ var Tabs = React42.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React41.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React42.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React42.useContext(TabsContext);
-  return /* @__PURE__ */ React42.createElement(
+var TabsList = React41.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React41.useContext(TabsContext);
+  return /* @__PURE__ */ React41.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -4465,11 +4465,11 @@ var TabsList = React42.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React42.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React42.useContext(TabsContext);
-  const tabTriggerRef = React42.useRef(null);
+var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React41.useContext(TabsContext);
+  const tabTriggerRef = React41.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React41.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -4481,8 +4481,8 @@ var TabsTrigger = React42.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React42.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React42.createElement(
+    chipProps && /* @__PURE__ */ React41.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React41.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -4495,7 +4495,7 @@ var TabsTrigger = React42.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var TabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -4700,15 +4700,15 @@ var Select = ({
 };
 
 // elements/switch/Switch.tsx
-var React44 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React44.forwardRef(
+var Switch = React43.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React44.useState(
+    const [parentDirection, setParentDirection] = React43.useState(
       null
     );
-    const parentRef = React44.useRef(null);
-    React44.useEffect(() => {
+    const parentRef = React43.useRef(null);
+    React43.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -4736,13 +4736,13 @@ var Switch = React44.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React43.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React43.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -4756,7 +4756,7 @@ var Switch = React44.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React44.createElement(
+        /* @__PURE__ */ React43.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -4770,14 +4770,14 @@ var Switch = React44.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React44.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React43.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // elements/checkbox/Checkbox.tsx
-var React45 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
   id,
@@ -4797,7 +4797,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "div",
     {
       className: cn(
@@ -4805,7 +4805,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React44.createElement(
       CheckboxElement,
       {
         ...props,
@@ -4815,7 +4815,7 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React45.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React45.createElement(
+    (label || helperText) && /* @__PURE__ */ React44.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React44.createElement(
       "label",
       {
         htmlFor: id,
@@ -4829,7 +4829,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React45.createElement(
+    ), sublabel && /* @__PURE__ */ React44.createElement(
       "label",
       {
         htmlFor: id,
@@ -4839,7 +4839,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React45.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React44.createElement(
       "label",
       {
         htmlFor: id,
@@ -4852,7 +4852,7 @@ var Checkbox = ({
     ))
   );
 };
-var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -4874,7 +4874,7 @@ var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -4886,14 +4886,14 @@ var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React44.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React45.createElement(
+      /* @__PURE__ */ React44.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -4904,7 +4904,7 @@ var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default"
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__PURE__ */ React45.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+        /* @__PURE__ */ React44.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
       ),
       " "
     )
@@ -4913,9 +4913,9 @@ var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/progress/Progress.tsx
-var React46 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React46.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React46.createElement(
+var Progress = React45.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React45.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React45.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -4925,7 +4925,7 @@ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React46.createElement(
+  /* @__PURE__ */ React45.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -6941,21 +6941,21 @@ var StopPropagationWrapper = (props) => {
 };
 
 // elements/scrollArea/ScrollArea.tsx
-var React53 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React53.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
+var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React53.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React53.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React53.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React52.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
+var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6968,7 +6968,7 @@ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React53.createElement(
+  /* @__PURE__ */ React52.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -7496,9 +7496,9 @@ var PasswordInput = ({
 };
 
 // elements/slider/Slider.tsx
-var React61 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React61.createElement(
+var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -7508,13 +7508,13 @@ var Slider = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React61.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React61.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React61.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
+  /* @__PURE__ */ React60.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React60.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React60.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // elements/simpleTable/SimpleTable.tsx
-var React62 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 var SimpleTable = ({
   columns,
@@ -7529,7 +7529,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
   });
-  return /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React61.createElement(
     "div",
     {
       className: cn(
@@ -7537,8 +7537,8 @@ var SimpleTable = ({
         classNames
       )
     },
-    props.isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React62.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React62.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React62.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React62.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ React62.createElement(
+    props.isLoading ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React61.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React61.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React61.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React61.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ React61.createElement(
         TableHead,
         {
           condensed: props.condensed,
@@ -7553,7 +7553,7 @@ var SimpleTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React62.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React62.createElement(
+    })))), /* @__PURE__ */ React61.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React61.createElement(
       TableRow,
       {
         key: row.id,
@@ -7561,7 +7561,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React62.createElement(
+        return /* @__PURE__ */ React61.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7577,7 +7577,7 @@ var SimpleTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React62.createElement(TableRow, null, /* @__PURE__ */ React62.createElement(
+    )) : /* @__PURE__ */ React61.createElement(TableRow, null, /* @__PURE__ */ React61.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -7589,12 +7589,12 @@ var SimpleTable = ({
 };
 
 // elements/separator/Separator.tsx
-var React63 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React63.createElement(
+}) => /* @__PURE__ */ React62.createElement(
   "div",
   {
     className: cn(
@@ -7959,7 +7959,7 @@ var Count = (props) => {
 };
 
 // elements/toast/Toast.tsx
-var React68 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority4.cva)(
@@ -7987,7 +7987,7 @@ var sizeStyles = {
   sm: "hawa-text-xs"
 };
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var ToastViewport = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7999,8 +7999,8 @@ var ToastViewport = React68.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React68.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React68.createElement(
+var Toast = React67.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React67.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -8015,8 +8015,8 @@ var Toast = React68.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React68.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React68.createElement(
+var ToastAction = React67.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React67.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -8034,7 +8034,7 @@ var ToastAction = React68.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -8048,7 +8048,7 @@ var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React67.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -8057,7 +8057,7 @@ var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React68.createElement(
+    /* @__PURE__ */ React67.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -8068,7 +8068,7 @@ var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var ToastTitle = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -8081,7 +8081,7 @@ var ToastTitle = React68.forwardRef(({ className, size = "default", ...props },
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var ToastDescription = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
   ToastPrimitives.Description,
   {
     ref,

package/dist/elements/index.mjs

@@ -1,10 +1,7 @@
 "use client";
 import {
   Alert,
-  CheckMark,
   Checkbox,
-  EyeIcon,
-  HiddenEyeIcon,
   Input,
   PhoneInput,
   PinInput,
@@ -24,9 +21,8 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  Textarea,
-  UncheckMark
-} from "../chunk-TERP5K6R.mjs";
+  Textarea
+} from "../chunk-57EAKTAP.mjs";
 import {
   useClipboard
 } from "../chunk-OPYDG34F.mjs";
@@ -41,7 +37,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-HSRW7X3Z.mjs";
+} from "../chunk-MZRUEJED.mjs";
 import {
   Button,
   Card,
@@ -50,6 +46,7 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
+  CheckMark,
   Chip,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -68,18 +65,21 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EyeIcon,
+  HiddenEyeIcon,
   Label,
   Loading,
   Logos,
   Skeleton,
   Tooltip,
+  UncheckMark,
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-G7JHUC5N.mjs";
+} from "../chunk-ANXGMZXS.mjs";
 import {
   __require
-} from "../chunk-545D35G6.mjs";
+} from "../chunk-SYGWSBJL.mjs";
 
 // elements/accordion/Accordion.tsx
 import * as React3 from "react";

package/dist/hooks/index.d.mts

@@ -1,3 +1,4 @@
+import * as React$1 from 'react';
 import React__default, { useLayoutEffect, RefObject } from 'react';
 import { T as ToasterToastProps } from '../Toast-BcFD9aeQ.mjs';
 import 'class-variance-authority/types';
@@ -106,4 +107,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+import * as React$1 from 'react';
 import React__default, { useLayoutEffect, RefObject } from 'react';
 import { T as ToasterToastProps } from '../Toast-fy9tBz19.js';
 import 'class-variance-authority/types';
@@ -106,4 +107,6 @@ interface ContentRect {
 }
 declare const useMeasureDirty: (ref: RefObject<HTMLElement>) => ContentRect;
 
-export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: (HTMLElement | null)[]): React$1.MutableRefObject<T | undefined>;
+
+export { type ContentRect, type UseFocusWithinOptions, type UseMediaQueryOptions, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/hooks/index.js

@@ -34,6 +34,7 @@ __export(hooks_exports, {
   reducer: () => reducer,
   toast: () => toast,
   useBreakpoint: () => useBreakpoint,
+  useClickOutside: () => useClickOutside,
   useClipboard: () => useClipboard,
   useDialogCarousel: () => useDialogCarousel,
   useFocusWithin: () => useFocusWithin,
@@ -461,13 +462,41 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-var import_react16 = __toESM(require("react"));
+// hooks/useClickOutside.ts
+var import_react16 = require("react");
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+function useClickOutside(handler, events, nodes) {
+  const ref = (0, import_react16.useRef)();
+  (0, import_react16.useEffect)(() => {
+    const listener = (event) => {
+      const { target } = event != null ? event : {};
+      if (Array.isArray(nodes)) {
+        const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
+        const shouldTrigger = nodes.every(
+          (node) => !!node && !event.composedPath().includes(node)
+        );
+        shouldTrigger && !shouldIgnore && handler();
+      } else if (ref.current && !ref.current.contains(target)) {
+        handler();
+      }
+    };
+    (events || DEFAULT_EVENTS).forEach(
+      (fn) => document.addEventListener(fn, listener)
+    );
+    return () => {
+      (events || DEFAULT_EVENTS).forEach(
+        (fn) => document.removeEventListener(fn, listener)
+      );
+    };
+  }, [ref, handler, nodes]);
+  return ref;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   reducer,
   toast,
   useBreakpoint,
+  useClickOutside,
   useClipboard,
   useDialogCarousel,
   useFocusWithin,

package/dist/hooks/index.mjs

@@ -14,12 +14,14 @@ import {
   useWindowSize
 } from "../chunk-OPYDG34F.mjs";
 import {
-  useBreakpoint
-} from "../chunk-545D35G6.mjs";
+  useBreakpoint,
+  useClickOutside
+} from "../chunk-SYGWSBJL.mjs";
 export {
   reducer,
   toast,
   useBreakpoint,
+  useClickOutside,
   useClipboard,
   useDialogCarousel,
   useFocusWithin,