@sikka/hawa 0.34.8-next → 0.35.0-next

package/dist/elements/index.js

@@ -178,7 +178,7 @@ __export(elements_exports, {
 module.exports = __toCommonJS(elements_exports);
 
 // elements/card/Card.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -207,7 +207,7 @@ var calculateLuminance = (color) => {
 };
 
 // elements/card/Card.tsx
-var Card = React.forwardRef(
+var Card = React2.forwardRef(
   ({
     className,
     variant = "default",
@@ -226,7 +226,7 @@ var Card = React.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React2.createElement(
       "div",
       {
         ref,
@@ -236,7 +236,7 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   "div",
   {
     ref,
@@ -247,7 +247,7 @@ var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   "h3",
   {
     ref,
@@ -255,7 +255,7 @@ var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   "p",
   {
     ref,
@@ -263,8 +263,8 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var CardContent = React.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardContent = React2.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
     "div",
     {
       ref,
@@ -277,7 +277,7 @@ var CardContent = React.forwardRef(
     }
   )
 );
-var CardFooter = React.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardFooter = React2.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   "div",
   {
     ref,
@@ -621,7 +621,7 @@ function Skeleton({
 }
 
 // elements/dropdownMenu/DropdownMenu.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -629,7 +629,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -640,9 +640,9 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
     ),
     ...props
   },
-  /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React5.createElement(
+  /* @__PURE__ */ React6.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -654,7 +654,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -664,7 +664,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -676,7 +676,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React6.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -689,8 +689,8 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
-  return /* @__PURE__ */ React5.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React5.createElement(
+var DropdownMenuItem = React6.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
+  return /* @__PURE__ */ React6.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React6.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -703,14 +703,14 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, Link
       ),
       ...props
     },
-    /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
     props.end && props.end,
-    !props.end && props.shortcut && /* @__PURE__ */ React5.createElement(DropdownMenuShortcut, null, props.shortcut),
-    !props.end && badged && /* @__PURE__ */ React5.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
+    !props.end && props.shortcut && /* @__PURE__ */ React6.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && badged && /* @__PURE__ */ React6.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
   ));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -721,7 +721,7 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
     checked,
     ...props
   },
-  /* @__PURE__ */ React5.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
+  /* @__PURE__ */ React6.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React6.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React6.createElement(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -732,12 +732,12 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__PURE__ */ React5.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__ */ React6.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" })
   ), " ")),
   children
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -747,7 +747,7 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
     ),
     ...props
   },
-  /* @__PURE__ */ React5.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
+  /* @__PURE__ */ React6.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React6.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React6.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -762,12 +762,12 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React6.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -780,7 +780,7 @@ var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -793,7 +793,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "span",
     {
       className: cn(
@@ -833,10 +833,10 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  let [values, setValues] = React5.useState(
+  let [values, setValues] = React6.useState(
     items.map((item) => item.currentOption)
   );
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     DropdownMenuRoot,
     {
       onOpenChange,
@@ -844,8 +844,8 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
-    /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
+    /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(
       DropdownMenuContent,
       {
         side,
@@ -866,12 +866,12 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React6.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
+          return /* @__PURE__ */ React6.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {
           let dd = item.currentOption;
-          return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
+          return /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -879,7 +879,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.createElement(
+          ), /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React6.createElement(
             DropdownMenuRadioGroup,
             {
               value: values[index],
@@ -893,12 +893,12 @@ var DropdownMenu = ({
                 }
               }
             },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
           )));
         } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
+          return /* @__PURE__ */ React6.createElement("div", { key: index }, item.content);
         } else {
-          return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
+          return item.subitems ? /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -906,9 +906,9 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React5.createElement(
+            return /* @__PURE__ */ React6.createElement(
               DropdownMenuItem,
               {
                 key: subIndex,
@@ -937,7 +937,7 @@ var DropdownMenu = ({
               subitem.icon && subitem.icon,
               subitem.label && subitem.label
             );
-          })))) : /* @__PURE__ */ React5.createElement(
+          })))) : /* @__PURE__ */ React6.createElement(
             DropdownMenuItem,
             {
               LinkComponent: ItemLinkComponent,
@@ -990,18 +990,18 @@ var DropdownMenu = ({
   );
 };
 var DropdownMenuRadio = (props) => {
-  return /* @__PURE__ */ React5.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React5.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React6.createElement(DropdownMenuTrigger, { asChild: true }, props.trigger), /* @__PURE__ */ React6.createElement(DropdownMenuContent, { align: props.align, side: props.side }, props.label && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(DropdownMenuLabel, null, props.label), /* @__PURE__ */ React6.createElement(DropdownMenuSeparator, null)), /* @__PURE__ */ React6.createElement(
     DropdownMenuRadioGroup,
     {
       value: props.value,
       onValueChange: props.onValueChange
     },
-    props.options.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+    props.options.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
   )));
 };
 
 // elements/accordion/Accordion.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
 // elements/chip/Chip.tsx
@@ -1086,9 +1086,9 @@ var Chip = import_react4.default.forwardRef(
 );
 
 // elements/accordion/AccordionContent.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var AccordionContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   AccordionPrimitive.Content,
   {
     ref,
@@ -1098,14 +1098,14 @@ var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref
     ) : className,
     ...props
   },
-  /* @__PURE__ */ React7.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+  /* @__PURE__ */ React8.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // elements/accordion/AccordionTrigger.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
+var AccordionTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React9.createElement(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -1117,7 +1117,7 @@ var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref
     ...props
   },
   children,
-  !props.hideArrow && /* @__PURE__ */ React8.createElement(
+  !props.hideArrow && /* @__PURE__ */ React9.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1131,13 +1131,13 @@ var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref
       strokeLinejoin: "round",
       className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React8.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React9.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
 AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
 
 // elements/accordion/Accordion.tsx
-var Accordion = React9.forwardRef(
+var Accordion = React10.forwardRef(
   ({
     items,
     design = "default",
@@ -1146,7 +1146,7 @@ var Accordion = React9.forwardRef(
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React9.createElement(
+  }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React10.createElement(
     "div",
     {
       className: cn("hawa-flex hawa-flex-col", {
@@ -1154,7 +1154,7 @@ var Accordion = React9.forwardRef(
         "hawa-gap-0": design === "default"
       })
     },
-    items.map((item, index) => /* @__PURE__ */ React9.createElement(
+    items.map((item, index) => /* @__PURE__ */ React10.createElement(
       AccordionPrimitive3.Item,
       {
         disabled: item.disabled || false,
@@ -1162,7 +1162,7 @@ var Accordion = React9.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -1175,7 +1175,7 @@ var Accordion = React9.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           "span",
           {
             className: cn(
@@ -1185,10 +1185,10 @@ var Accordion = React9.forwardRef(
           },
           item.trigger,
           " ",
-          item.chip && /* @__PURE__ */ React9.createElement(Chip, { ...item.chip })
+          item.chip && /* @__PURE__ */ React10.createElement(Chip, { ...item.chip })
         )
       ),
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         AccordionContent,
         {
           "aria-disabled": item.disabled || false,
@@ -1208,9 +1208,9 @@ var Accordion = React9.forwardRef(
 Accordion.displayName = "Accordion";
 
 // elements/accordion/AccordionItem.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var AccordionPrimitive4 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+var AccordionItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
 
 // elements/accordion/AccordionRoot.tsx
@@ -1571,13 +1571,13 @@ var Logos = {
 };
 
 // elements/navigationMenu/NavigationMenu.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority = require("class-variance-authority");
 var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
   "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
 );
-var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var NavigationMenuRoot = React13.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1589,9 +1589,9 @@ var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClas
     ...props
   },
   children,
-  /* @__PURE__ */ React12.createElement(NavigationMenuViewport, { className: viewportClassNames })
+  /* @__PURE__ */ React13.createElement(NavigationMenuViewport, { className: viewportClassNames })
 ));
-var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1602,7 +1602,7 @@ var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1610,7 +1610,7 @@ var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React13.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -1626,10 +1626,10 @@ var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props
       "aria-hidden": "true",
       className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     },
-    /* @__PURE__ */ React12.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React13.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 ));
-var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1643,15 +1643,15 @@ var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React12.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all  hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React12.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React12.createElement("p", { className: "hawa-text-sm" }, subtitle))));
-var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React13.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all  hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React13.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React13.createElement("p", { className: "hawa-text-sm" }, subtitle))));
+var NavigationMenuViewport = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
       "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
     )
   },
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React13.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
@@ -1668,7 +1668,7 @@ var NavigationMenuViewport = React12.forwardRef(({ className, ...props }, ref) =
     }
   )
 ));
-var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1678,7 +1678,7 @@ var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   },
-  /* @__PURE__ */ React12.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
+  /* @__PURE__ */ React13.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
 ));
 var NavigationMenu = ({
   viewportClassNames,
@@ -1687,7 +1687,7 @@ var NavigationMenu = ({
   actionFirst,
   ...props
 }) => {
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(
     NavigationMenuRoot,
     {
       dir: props.direction,
@@ -1695,7 +1695,7 @@ var NavigationMenu = ({
       className: rootClassNames,
       viewportClassNames
     },
-    /* @__PURE__ */ React12.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React12.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React12.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React13.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React13.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React13.createElement(
       NavigationMenuLink,
       {
         href: actionFirst ? void 0 : item.path,
@@ -1724,14 +1724,14 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // elements/sheet/Sheet.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var SheetOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1758,8 +1758,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var SheetContent = React13.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(SheetPortal, null, /* @__PURE__ */ React13.createElement(SheetOverlay, null), /* @__PURE__ */ React13.createElement(
+var SheetContent = React14.forwardRef(
+  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(SheetPortal, null, /* @__PURE__ */ React14.createElement(SheetOverlay, null), /* @__PURE__ */ React14.createElement(
     SheetPrimitive.Content,
     {
       ref,
@@ -1772,7 +1772,7 @@ var SheetContent = React13.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React13.createElement(
+    !hideCloseButton && /* @__PURE__ */ React14.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -1784,7 +1784,7 @@ var SheetContent = React13.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React14.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1793,7 +1793,7 @@ var SheetContent = React13.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React14.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1802,14 +1802,14 @@ var SheetContent = React13.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   ))
 );
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1822,7 +1822,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1832,7 +1832,7 @@ var SheetFooter = ({
     ...props
   }
 );
-var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   SheetPrimitive.Title,
   {
     ref,
@@ -1843,7 +1843,7 @@ var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var SheetDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var SheetDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   SheetPrimitive.Description,
   {
     ref,
@@ -1859,12 +1859,12 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // elements/dialog/Dialog.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React14.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React15.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1875,7 +1875,7 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React14.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
+var DialogContent = React15.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React15.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React15.createElement(DialogOverlay, null), /* @__PURE__ */ React15.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -1891,7 +1891,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React14.createElement(
+  !hideCloseButton && /* @__PURE__ */ React15.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -1899,7 +1899,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -1908,7 +1908,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -1917,10 +1917,10 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
         }
       )
     ),
-    /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React14.forwardRef(
+var DialogCarouselContent = React15.forwardRef(
   ({
     className,
     children,
@@ -1929,7 +1929,7 @@ var DialogCarouselContent = React14.forwardRef(
     hideCloseButton,
     hidePrevButton,
     ...props
-  }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, null, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
+  }, ref) => /* @__PURE__ */ React15.createElement(DialogPortal, null, /* @__PURE__ */ React15.createElement(DialogOverlay, null), /* @__PURE__ */ React15.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -1945,7 +1945,7 @@ var DialogCarouselContent = React14.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: cn(
@@ -1953,7 +1953,7 @@ var DialogCarouselContent = React14.forwardRef(
           onPrev ? "hawa-justify-between" : "hawa-justify-end"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React14.createElement("div", null) : /* @__PURE__ */ React14.createElement(
+      hidePrevButton ? /* @__PURE__ */ React15.createElement("div", null) : /* @__PURE__ */ React15.createElement(
         "div",
         {
           onClick: onPrev,
@@ -1962,7 +1962,7 @@ var DialogCarouselContent = React14.forwardRef(
             props.dir === "rtl" && "hawa-rotate-180"
           )
         },
-        /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React15.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1976,10 +1976,10 @@ var DialogCarouselContent = React14.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React14.createElement("path", { d: "m15 18-6-6 6-6" })
+          /* @__PURE__ */ React15.createElement("path", { d: "m15 18-6-6 6-6" })
         )
       ),
-      !hideCloseButton && /* @__PURE__ */ React14.createElement(
+      !hideCloseButton && /* @__PURE__ */ React15.createElement(
         DialogPrimitive.Close,
         {
           className: cn(
@@ -1987,7 +1987,7 @@ var DialogCarouselContent = React14.forwardRef(
             props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
           )
         },
-        /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React15.createElement(
           "svg",
           {
             "aria-label": "Close Icon",
@@ -1996,7 +1996,7 @@ var DialogCarouselContent = React14.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React14.createElement(
+          /* @__PURE__ */ React15.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -2005,7 +2005,7 @@ var DialogCarouselContent = React14.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -2013,7 +2013,7 @@ var DialogCarouselContent = React14.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -2023,7 +2023,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -2034,7 +2034,7 @@ var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -2048,7 +2048,7 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -2064,12 +2064,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
     }
   }, [stepsApi, children]);
-  return /* @__PURE__ */ React14.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React14.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React15.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React15.createElement(
     "div",
     {
       className: "hawa-flex",
@@ -2077,7 +2077,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
+    React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: cn(
@@ -2094,14 +2094,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React14.useState(null);
-  React14.useEffect(() => {
+  const [dialogHeight, setDialogHeight] = React15.useState(null);
+  React15.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
       console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -2110,7 +2110,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
+    React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -2128,7 +2128,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "div",
     {
       id,
@@ -2139,7 +2139,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React14.createElement("div", { className: cn("hawa-py-6", className) }, children);
+  return /* @__PURE__ */ React15.createElement("div", { className: cn("hawa-py-6", className) }, children);
 };
 DialogBody.displayName = "DialogBody";
 DialogStep.displayName = "DialogStep";
@@ -2158,12 +2158,24 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var import_react6 = __toESM(require("react"));
 
 // elements/button/Button.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
 
+// elements/helperText/HelperText.tsx
+var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+      helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
+
 // elements/label/Label.tsx
-var React15 = __toESM(require("react"));
-var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React15.createElement(
+var React16 = __toESM(require("react"));
+var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React16.createElement(
   "label",
   {
     ref,
@@ -2174,8 +2186,8 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
     ...props
   },
   children,
-  required && /* @__PURE__ */ React15.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React15.createElement(
+  required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React16.createElement(
   Tooltip,
   {
     content: hint,
@@ -2185,7 +2197,7 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2197,9 +2209,9 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React15.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React15.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label2.displayName = "Label";
@@ -2232,13 +2244,10 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
         smallIcon: "hawa-h-7 hawa-w-7"
       }
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React16.forwardRef(
+var Button = React17.forwardRef(
   ({
     className,
     label,
@@ -2248,11 +2257,13 @@ var Button = React16.forwardRef(
     centered = true,
     isLoading,
     children,
+    labelProps,
+    showHelperText = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ React16.createElement(Label2, { className: "hawa-mb-2" }, label), /* @__PURE__ */ React16.createElement(
+    return /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React17.createElement(Label2, { ...labelProps }, label), /* @__PURE__ */ React17.createElement(
       Comp,
       {
         className: cn(
@@ -2262,7 +2273,7 @@ var Button = React16.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React16.createElement(
+      isLoading ? /* @__PURE__ */ React17.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -2271,7 +2282,7 @@ var Button = React16.forwardRef(
           size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
-    ));
+    ), showHelperText && /* @__PURE__ */ React17.createElement(HelperText, { helperText: props.helperText }));
   }
 );
 Button.displayName = "Button";
@@ -2537,7 +2548,7 @@ var Avatar = ({
 };
 
 // elements/dataTable/DataTable.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // elements/input/Input.tsx
@@ -2607,7 +2618,7 @@ var Input = (0, import_react9.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react9.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
@@ -2689,8 +2700,8 @@ var Input = (0, import_react9.forwardRef)(
 );
 
 // elements/table/Table.tsx
-var React21 = __toESM(require("react"));
-var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React21.createElement(
+var React22 = __toESM(require("react"));
+var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React22.createElement(
   "table",
   {
     ref,
@@ -2698,7 +2709,7 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ...props
   }
 )));
-var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
   "thead",
   {
     ref,
@@ -2706,8 +2717,8 @@ var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var TableHead = React21.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+var TableHead = React22.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React22.createElement(
     "th",
     {
       ref,
@@ -2725,8 +2736,8 @@ var TableHead = React21.forwardRef(
     }
   )
 );
-var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
-var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
   "tfoot",
   {
     ref,
@@ -2737,7 +2748,7 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
   "tr",
   {
     ref,
@@ -2750,14 +2761,14 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var TableCell = React21.forwardRef(
+var TableCell = React22.forwardRef(
   ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
     let paddingStyles = {
       condensed: "hawa-p-0 hawa-px-4",
       default: "hawa-p-4",
       noPadding: "hawa-p-0"
     };
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       "td",
       {
         ref,
@@ -2778,7 +2789,7 @@ var TableCell = React21.forwardRef(
     );
   }
 );
-var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
   "caption",
   {
     ref,
@@ -2810,16 +2821,16 @@ var DataTable = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const [sorting, setSorting] = React22.useState(
+  const [sorting, setSorting] = React23.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
-  const [columnFilters, setColumnFilters] = React22.useState(
+  const [columnFilters, setColumnFilters] = React23.useState(
     []
   );
-  const [globalFilter, setGlobalFilter] = React22.useState("");
-  const [expanded, setExpanded] = React22.useState({});
-  const [columnVisibility, setColumnVisibility] = React22.useState({});
-  const [rowSelection, setRowSelection] = React22.useState({});
+  const [globalFilter, setGlobalFilter] = React23.useState("");
+  const [expanded, setExpanded] = React23.useState({});
+  const [columnVisibility, setColumnVisibility] = React23.useState({});
+  const [rowSelection, setRowSelection] = React23.useState({});
   const table = (0, import_react_table.useReactTable)({
     data,
     columns,
@@ -2848,7 +2859,7 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     setColumnVisibility((prev) => {
       let newColumnVisibility = {};
       columns.forEach((column) => {
@@ -2858,24 +2869,52 @@ var DataTable = ({
       return newColumnVisibility;
     });
   }, [columns]);
-  return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React23.createElement(
     Input,
     {
+      inputProps: { title: "" },
       forceHideHelperText: true,
       placeholder: (_c = props.texts) == null ? void 0 : _c.searchPlaceholder,
       value: globalFilter != null ? globalFilter : "",
       onChange: (event) => setGlobalFilter(event.target.value),
       margin: "none",
-      className: "hawa-w-full md:hawa-max-w-sm"
+      className: "hawa-w-full md:hawa-max-w-sm",
+      endIconProps: { className: "!hawa-end-2" },
+      endIcon: globalFilter ? /* @__PURE__ */ React23.createElement(
+        Button,
+        {
+          onClick: () => setGlobalFilter(""),
+          variant: "ghost",
+          size: "smallIcon",
+          "aria-label": "Clear Search"
+        },
+        /* @__PURE__ */ React23.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "hawa-icon hawa-text-muted-foreground"
+          },
+          /* @__PURE__ */ React23.createElement("path", { d: "M18 6 6 18" }),
+          /* @__PURE__ */ React23.createElement("path", { d: "m6 6 12 12" })
+        )
+      ) : null
     }
-  ), enableHideColumns && /* @__PURE__ */ React22.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React22.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React22.createElement(
+  ), enableHideColumns && /* @__PURE__ */ React23.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React23.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React23.createElement(
     Button,
     {
       variant: "outline",
       className: "hawa-flex hawa-flex-row hawa-gap-2"
     },
     ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       "svg",
       {
         "aria-label": "Chevron Down Icon",
@@ -2890,16 +2929,16 @@ var DataTable = ({
         strokeLinejoin: "round",
         className: "hawa-icon hawa-rotate-90"
       },
-      /* @__PURE__ */ React22.createElement("path", { d: "m9 18 6-6-6-6" })
+      /* @__PURE__ */ React23.createElement("path", { d: "m9 18 6-6-6-6" })
     )
-  )), /* @__PURE__ */ React22.createElement(
+  )), /* @__PURE__ */ React23.createElement(
     DropdownMenuContent,
     {
       align: props.direction === "rtl" ? "start" : "end"
     },
     table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
       var _a2, _b2;
-      return /* @__PURE__ */ React22.createElement(
+      return /* @__PURE__ */ React23.createElement(
         DropdownMenuCheckboxItem,
         {
           key: column.id,
@@ -2911,7 +2950,7 @@ var DataTable = ({
         ) : column.id
       );
     })
-  ))), props.isLoading ? /* @__PURE__ */ React22.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React22.createElement(
+  ))), props.isLoading ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: cn(
@@ -2919,10 +2958,10 @@ var DataTable = ({
         paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
       )
     },
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React22.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React22.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React22.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+    /* @__PURE__ */ React23.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React23.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React23.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React23.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
       var _a2;
       let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
-      return /* @__PURE__ */ React22.createElement(
+      return /* @__PURE__ */ React23.createElement(
         TableHead,
         {
           dir: props.direction,
@@ -2938,7 +2977,7 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React22.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React22.createElement(
+    })))), /* @__PURE__ */ React23.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React23.createElement(
       TableRow,
       {
         key: row.id,
@@ -2946,7 +2985,7 @@ var DataTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React22.createElement(
+        return /* @__PURE__ */ React23.createElement(
           TableCell,
           {
             style: {
@@ -2962,7 +3001,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(
+    )) : /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -2970,16 +3009,16 @@ var DataTable = ({
       },
       (_f = props.texts) == null ? void 0 : _f.noData
     ))))),
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React23.createElement(
       "div",
       {
         className: "text-muted-foreground text-sm",
         dir: props.direction
       },
-      /* @__PURE__ */ React22.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+      /* @__PURE__ */ React23.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
       " ",
-      /* @__PURE__ */ React22.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-    ), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
+    ), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React23.createElement(
       "input",
       {
         max: table.getPageCount(),
@@ -2996,7 +3035,7 @@ var DataTable = ({
         },
         className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
       }
-    )), /* @__PURE__ */ React22.createElement(
+    )), /* @__PURE__ */ React23.createElement(
       DropdownMenu,
       {
         size: "sm",
@@ -3009,7 +3048,7 @@ var DataTable = ({
           { label: `40 / ${pageText}`, value: 40 },
           { label: `50 / ${pageText}`, value: 50 }
         ],
-        trigger: /* @__PURE__ */ React22.createElement(
+        trigger: /* @__PURE__ */ React23.createElement(
           Button,
           {
             variant: "outline",
@@ -3020,7 +3059,7 @@ var DataTable = ({
         ),
         onItemSelect: (e) => table.setPageSize(Number(e))
       }
-    ), table.getPageCount() > 1 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React22.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React22.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React22.createElement(
+    ), table.getPageCount() > 1 && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React23.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React23.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React23.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React23.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -3032,7 +3071,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3045,10 +3084,10 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
+        /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
       )
-    ), /* @__PURE__ */ React22.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         "aria-label": "Previous Table Page",
@@ -3060,7 +3099,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3074,9 +3113,9 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
       )
-    ), /* @__PURE__ */ React22.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -3088,7 +3127,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3102,9 +3141,9 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React23.createElement("path", { d: "m15 18-6-6 6-6" })
       )
-    ), /* @__PURE__ */ React22.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -3116,7 +3155,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3129,8 +3168,8 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
+        /* @__PURE__ */ React23.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React23.createElement("path", { d: "m18 17-5-5 5-5" })
       )
     ))))
   ));
@@ -3235,6 +3274,74 @@ var BackToTop = ({ ...props }) => {
 
 // elements/radio/Radio.tsx
 var import_react11 = __toESM(require("react"));
+
+// elements/popover/Popover.tsx
+var React25 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var PopoverContent = React25.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React25.createElement(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ))
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  width = "default",
+  disableTrigger,
+  contentProps,
+  triggerProps,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React25.createElement(
+    PopoverPrimitive.Trigger,
+    {
+      className: "hawa-w-full",
+      disabled: disableTrigger,
+      ...triggerProps
+    },
+    trigger
+  ), /* @__PURE__ */ React25.createElement(
+    PopoverContent,
+    {
+      side,
+      className,
+      align,
+      sideOffset,
+      style: {
+        width: widthStyles[width],
+        maxWidth: "var(--radix-popover-content-available-width)",
+        maxHeight: "var(--radix-popover-content-available-height)"
+      },
+      ...contentProps
+    },
+    children
+  ));
+};
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverRoot = PopoverPrimitive.Root;
+
+// elements/radio/Radio.tsx
 var Radio = (0, import_react11.forwardRef)(
   ({
     design = "default",
@@ -3249,9 +3356,6 @@ var Radio = (0, import_react11.forwardRef)(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
-      props.defaultValue || props.value
-    );
     let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
     let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
     ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
@@ -3273,6 +3377,10 @@ var Radio = (0, import_react11.forwardRef)(
     const [parentDirection, setParentDirection] = import_react11.default.useState(
       null
     );
+    const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
+      props.defaultValue || props.value
+    );
+    const [openTooltip, setOpenTooltip] = (0, import_react11.useState)(null);
     const parentRef = (0, import_react11.useRef)(null);
     (0, import_react11.useEffect)(() => {
       var _a2;
@@ -3290,6 +3398,14 @@ var Radio = (0, import_react11.forwardRef)(
         console.log("onChange was not provided");
       }
     };
+    const radio_option_tabs_styling = [
+      "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+      !props.disabled && "hawa-cursor-pointer",
+      orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+      orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+      orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+      tabSizeStyle[size]
+    ];
     switch (design) {
       case "tabs":
         return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement(
@@ -3304,29 +3420,59 @@ var Radio = (0, import_react11.forwardRef)(
               tabsContainerClassName
             )
           },
-          (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement(
-            "li",
-            {
-              "aria-current": "page",
-              onClick: () => {
-                if (props.disabled)
-                  return;
-                handleChange(opt);
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ import_react11.default.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              className: cn(
-                "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
-                !props.disabled && "hawa-cursor-pointer",
-                orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
-                orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
-                orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
-                tabSizeStyle[size],
-                selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+              /* @__PURE__ */ import_react11.default.createElement(
+                PopoverTrigger,
+                {
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
+                },
+                /* @__PURE__ */ import_react11.default.createElement(
+                  "li",
+                  {
+                    "aria-current": "page",
+                    onClick: () => {
+                      if (props.disabled || opt.disabled)
+                        return;
+                      handleChange(opt);
+                    },
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
+                  },
+                  opt.icon && opt.icon,
+                  opt.label
+                )
               ),
-              key: o
-            },
-            opt.icon && opt.icon,
-            opt.label
-          ))
+              /* @__PURE__ */ import_react11.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react11.default.createElement(
+              "li",
+              {
+                key: o,
+                "aria-current": "page",
+                onClick: () => {
+                  if (props.disabled || opt.disabled)
+                    return;
+                  handleChange(opt);
+                },
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                )
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
         ), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
           "p",
           {
@@ -3440,13 +3586,13 @@ var Radio = (0, import_react11.forwardRef)(
 );
 
 // elements/combobox/Combobox.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // elements/command/Command.tsx
-var React25 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -3458,15 +3604,15 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React25.createElement(Dialog, { ...props }, /* @__PURE__ */ React25.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React25.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+  return /* @__PURE__ */ React27.createElement(Dialog, { ...props }, /* @__PURE__ */ React27.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React27.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
-var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React27.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -3481,10 +3627,10 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React27.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React27.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React27.createElement(
     import_cmdk.Command.Input,
     {
       ref,
@@ -3496,7 +3642,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
     }
   )
 ));
-var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.List,
   {
     ref,
@@ -3507,7 +3653,7 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
+var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -3515,7 +3661,7 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.cr
     ...props
   }
 ));
-var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Group,
   {
     ref,
@@ -3526,7 +3672,7 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -3534,7 +3680,7 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Item,
   {
     ref,
@@ -3549,7 +3695,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "span",
     {
       className: cn(
@@ -3569,74 +3715,8 @@ CommandList.displayName = import_cmdk.Command.List.displayName;
 Command.displayName = import_cmdk.Command.displayName;
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
 
-// elements/popover/Popover.tsx
-var React26 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React26.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React26.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = ({
-  trigger,
-  children,
-  className,
-  align = "center",
-  side,
-  sideOffset = 4,
-  open,
-  width = "default",
-  disableTrigger,
-  contentProps,
-  triggerProps,
-  ...props
-}) => {
-  let widthStyles = {
-    trigger: "var(--radix-popover-trigger-width)",
-    default: "auto"
-  };
-  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React26.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React26.createElement(
-    PopoverContent,
-    {
-      side,
-      className,
-      align,
-      sideOffset,
-      style: {
-        width: widthStyles[width],
-        maxWidth: "var(--radix-popover-content-available-width)",
-        maxHeight: "var(--radix-popover-content-available-height)"
-      },
-      ...contentProps
-    },
-    children
-  ));
-};
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverPortal = PopoverPrimitive.Portal;
-var PopoverRoot = PopoverPrimitive.Root;
-
 // elements/combobox/Combobox.tsx
-var Combobox = React27.forwardRef(
+var Combobox = React28.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -3651,9 +3731,9 @@ var Combobox = React27.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React27.useState(false);
-    const [value, setValue] = React27.useState(defaultValue);
-    const containerRef = React27.useRef(null);
+    const [open, setOpen] = React28.useState(false);
+    const [value, setValue] = React28.useState(defaultValue);
+    const containerRef = React28.useRef(null);
     function getProperty(obj, key) {
       return key.split(".").reduce((o, k) => (o || {})[k], obj);
     }
@@ -3665,7 +3745,7 @@ var Combobox = React27.forwardRef(
     const selectedItem = data.find(
       (item) => getProperty(item, valueKey) === value
     );
-    return /* @__PURE__ */ React27.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -3674,8 +3754,8 @@ var Combobox = React27.forwardRef(
         ),
         ref: containerRef
       },
-      props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React27.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React27.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React27.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React27.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React27.createElement(
+      props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React28.createElement(
         "div",
         {
           className: cn(
@@ -3683,7 +3763,7 @@ var Combobox = React27.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React28.createElement(
         "button",
         {
           role: "combobox",
@@ -3695,7 +3775,7 @@ var Combobox = React27.forwardRef(
           )
         },
         selectedItem ? renderSelected ? renderSelected(selectedItem) : getProperty(selectedItem, labelKey) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
-        /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React28.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3711,9 +3791,9 @@ var Combobox = React27.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React27.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React28.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React28.createElement(
         "p",
         {
           className: cn(
@@ -3722,7 +3802,7 @@ var Combobox = React27.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React27.createElement(
+      ))), /* @__PURE__ */ React28.createElement(
         PopoverContent,
         {
           sideOffset: 0,
@@ -3730,7 +3810,7 @@ var Combobox = React27.forwardRef(
           dir: direction,
           container: containerRef.current
         },
-        /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React28.createElement(
           Command,
           {
             filter: (value2, search) => {
@@ -3739,7 +3819,7 @@ var Combobox = React27.forwardRef(
               return 0;
             }
           },
-          !props.hideInput && /* @__PURE__ */ React27.createElement(
+          !props.hideInput && /* @__PURE__ */ React28.createElement(
             CommandInput,
             {
               ...inputProps,
@@ -3747,8 +3827,8 @@ var Combobox = React27.forwardRef(
               placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
             }
           ),
-          /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
-          /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(
+          /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
+          /* @__PURE__ */ React28.createElement(CommandList, null, /* @__PURE__ */ React28.createElement(
             CommandGroup,
             {
               className: cn(
@@ -3756,7 +3836,7 @@ var Combobox = React27.forwardRef(
                 data.length > 0 && "hawa-overflow-y-auto"
               )
             },
-            data.map((item, i) => /* @__PURE__ */ React27.createElement(
+            data.map((item, i) => /* @__PURE__ */ React28.createElement(
               CommandItem,
               {
                 key: i,
@@ -3773,7 +3853,7 @@ var Combobox = React27.forwardRef(
                   setOpen(false);
                 }
               },
-              /* @__PURE__ */ React27.createElement(
+              /* @__PURE__ */ React28.createElement(
                 "svg",
                 {
                   "aria-label": "Check Icon",
@@ -3792,7 +3872,7 @@ var Combobox = React27.forwardRef(
                   ),
                   style: { marginInlineEnd: "0.5rem" }
                 },
-                /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
+                /* @__PURE__ */ React28.createElement("polyline", { points: "20 6 9 17 4 12" })
               ),
               renderOption ? renderOption(item) : getProperty(item, labelKey)
             ))
@@ -3804,8 +3884,8 @@ var Combobox = React27.forwardRef(
 );
 
 // elements/textarea/Textarea.tsx
-var React28 = __toESM(require("react"));
-var Textarea = React28.forwardRef(
+var React29 = __toESM(require("react"));
+var Textarea = React29.forwardRef(
   ({
     className,
     classNames,
@@ -3817,7 +3897,7 @@ var Textarea = React28.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -3826,7 +3906,7 @@ var Textarea = React28.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -3835,7 +3915,7 @@ var Textarea = React28.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React28.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React28.createElement(
+      isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -3846,7 +3926,7 @@ var Textarea = React28.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(
         "p",
         {
           className: cn(
@@ -3855,7 +3935,7 @@ var Textarea = React28.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React28.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
@@ -4118,7 +4198,7 @@ var SortButton = (props) => {
 };
 
 // elements/tabs/Tabs.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react14 = require("react");
@@ -4130,7 +4210,7 @@ var import_react15 = require("react");
 var import_react16 = require("react");
 
 // hooks/useToast.ts
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // hooks/useCarousel.ts
 var import_react17 = require("react");
@@ -4232,7 +4312,7 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
 
 // elements/floatBox/FloatBox.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var FloatBox = ({
   className,
   open,
@@ -4270,7 +4350,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(
     "div",
     {
       className: cn(
@@ -4281,8 +4361,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React40.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React40.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React41.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React41.createElement("span", null, props.children)
   );
 };
 
@@ -4345,8 +4425,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React41.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React41.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React41.createElement(
+var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React42.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -4357,11 +4437,11 @@ var Tabs = React41.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React41.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React41.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React41.useContext(TabsContext);
-  return /* @__PURE__ */ React41.createElement(
+var TabsList = React42.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React42.useContext(TabsContext);
+  return /* @__PURE__ */ React42.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -4374,11 +4454,11 @@ var TabsList = React41.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React41.useContext(TabsContext);
-  const tabTriggerRef = React41.useRef(null);
+var TabsTrigger = React42.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React42.useContext(TabsContext);
+  const tabTriggerRef = React42.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React42.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -4390,8 +4470,8 @@ var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React41.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React41.createElement(
+    chipProps && /* @__PURE__ */ React42.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React42.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -4404,7 +4484,7 @@ var TabsTrigger = React41.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React41.createElement(
+var TabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -4609,15 +4689,15 @@ var Select = ({
 };
 
 // elements/switch/Switch.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React43.forwardRef(
+var Switch = React44.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React43.useState(
+    const [parentDirection, setParentDirection] = React44.useState(
       null
     );
-    const parentRef = React43.useRef(null);
-    React43.useEffect(() => {
+    const parentRef = React44.useRef(null);
+    React44.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -4645,13 +4725,13 @@ var Switch = React43.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React43.createElement(
+    return /* @__PURE__ */ React44.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React44.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -4665,7 +4745,7 @@ var Switch = React43.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React43.createElement(
+        /* @__PURE__ */ React44.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -4679,14 +4759,14 @@ var Switch = React43.forwardRef(
           }
         )
       ),
-      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)
+      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)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // elements/checkbox/Checkbox.tsx
-var React44 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
   id,
@@ -4706,7 +4786,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "div",
     {
       className: cn(
@@ -4714,7 +4794,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       CheckboxElement,
       {
         ...props,
@@ -4724,7 +4804,7 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React44.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React44.createElement(
+    (label || helperText) && /* @__PURE__ */ React45.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React45.createElement(
       "label",
       {
         htmlFor: id,
@@ -4738,7 +4818,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React44.createElement(
+    ), sublabel && /* @__PURE__ */ React45.createElement(
       "label",
       {
         htmlFor: id,
@@ -4748,7 +4828,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React44.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React45.createElement(
       "label",
       {
         htmlFor: id,
@@ -4761,7 +4841,7 @@ var Checkbox = ({
     ))
   );
 };
-var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React45.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -4783,7 +4863,7 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -4795,14 +4875,14 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -4813,7 +4893,7 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__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" })
+        /* @__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" })
       ),
       " "
     )
@@ -4822,9 +4902,9 @@ var CheckboxElement = React44.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/progress/Progress.tsx
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-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(
+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(
   ProgressPrimitive.Root,
   {
     ref,
@@ -4834,7 +4914,7 @@ var Progress = React45.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React45.createElement(
+  /* @__PURE__ */ React46.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -6850,21 +6930,21 @@ var StopPropagationWrapper = (props) => {
 };
 
 // elements/scrollArea/ScrollArea.tsx
-var React52 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
+var ScrollArea = React53.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__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)
+  /* @__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)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
+var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6877,7 +6957,7 @@ var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React52.createElement(
+  /* @__PURE__ */ React53.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -7405,9 +7485,9 @@ var PasswordInput = ({
 };
 
 // elements/slider/Slider.tsx
-var React60 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React60.createElement(
+var Slider = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React61.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -7417,13 +7497,13 @@ var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__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" })
+  /* @__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" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // elements/simpleTable/SimpleTable.tsx
-var React61 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 var SimpleTable = ({
   columns,
@@ -7438,7 +7518,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
   });
-  return /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement(
     "div",
     {
       className: cn(
@@ -7446,8 +7526,8 @@ var SimpleTable = ({
         classNames
       )
     },
-    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(
+    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(
         TableHead,
         {
           condensed: props.condensed,
@@ -7462,7 +7542,7 @@ var SimpleTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React61.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React61.createElement(
+    })))), /* @__PURE__ */ React62.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React62.createElement(
       TableRow,
       {
         key: row.id,
@@ -7470,7 +7550,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React61.createElement(
+        return /* @__PURE__ */ React62.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7486,7 +7566,7 @@ var SimpleTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React61.createElement(TableRow, null, /* @__PURE__ */ React61.createElement(
+    )) : /* @__PURE__ */ React62.createElement(TableRow, null, /* @__PURE__ */ React62.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -7498,12 +7578,12 @@ var SimpleTable = ({
 };
 
 // elements/separator/Separator.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React62.createElement(
+}) => /* @__PURE__ */ React63.createElement(
   "div",
   {
     className: cn(
@@ -7868,7 +7948,7 @@ var Count = (props) => {
 };
 
 // elements/toast/Toast.tsx
-var React67 = __toESM(require("react"));
+var React68 = __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)(
@@ -7896,7 +7976,7 @@ var sizeStyles = {
   sm: "hawa-text-xs"
 };
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var ToastViewport = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7908,8 +7988,8 @@ var ToastViewport = React67.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React67.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React67.createElement(
+var Toast = React68.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React68.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -7924,8 +8004,8 @@ var Toast = React67.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React67.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React67.createElement(
+var ToastAction = React68.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React68.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -7943,7 +8023,7 @@ var ToastAction = React67.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var ToastClose = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -7957,7 +8037,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React67.createElement(
+  /* @__PURE__ */ React68.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -7966,7 +8046,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React67.createElement(
+    /* @__PURE__ */ React68.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7977,7 +8057,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var ToastTitle = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -7990,7 +8070,7 @@ var ToastTitle = React67.forwardRef(({ className, size = "default", ...props },
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React67.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var ToastDescription = React68.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React68.createElement(
   ToastPrimitives.Description,
   {
     ref,