@sikka/hawa 0.34.7-next → 0.35.0-next

package/dist/index.js

@@ -246,7 +246,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 
 // elements/card/Card.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -275,7 +275,7 @@ var calculateLuminance = (color) => {
 };
 
 // elements/card/Card.tsx
-var Card = React.forwardRef(
+var Card = React2.forwardRef(
   ({
     className,
     variant = "default",
@@ -294,7 +294,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,
@@ -304,7 +304,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,
@@ -315,7 +315,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,
@@ -323,7 +323,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,
@@ -331,8 +331,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,
@@ -345,7 +345,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,
@@ -689,7 +689,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;
@@ -697,7 +697,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,
@@ -708,9 +708,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",
@@ -722,7 +722,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",
@@ -732,7 +732,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,
@@ -744,7 +744,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,
@@ -757,8 +757,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,
@@ -771,14 +771,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,
@@ -789,7 +789,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",
@@ -800,12 +800,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,
@@ -815,7 +815,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",
@@ -830,12 +830,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,
@@ -848,7 +848,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,
@@ -861,7 +861,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "span",
     {
       className: cn(
@@ -901,10 +901,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,
@@ -912,8 +912,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,
@@ -934,12 +934,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,
@@ -947,7 +947,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],
@@ -961,12 +961,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,
@@ -974,9 +974,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,
@@ -1005,7 +1005,7 @@ var DropdownMenu = ({
               subitem.icon && subitem.icon,
               subitem.label && subitem.label
             );
-          })))) : /* @__PURE__ */ React5.createElement(
+          })))) : /* @__PURE__ */ React6.createElement(
             DropdownMenuItem,
             {
               LinkComponent: ItemLinkComponent,
@@ -1058,18 +1058,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
@@ -1154,9 +1154,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,
@@ -1166,14 +1166,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,
@@ -1185,7 +1185,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",
@@ -1199,13 +1199,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",
@@ -1214,7 +1214,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", {
@@ -1222,7 +1222,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,
@@ -1230,7 +1230,7 @@ var Accordion = React9.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -1243,7 +1243,7 @@ var Accordion = React9.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           "span",
           {
             className: cn(
@@ -1253,10 +1253,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,
@@ -1276,9 +1276,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
@@ -1639,13 +1639,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,
@@ -1657,9 +1657,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,
@@ -1670,7 +1670,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,
@@ -1678,7 +1678,7 @@ var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React13.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -1694,10 +1694,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,
@@ -1711,15 +1711,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(
@@ -1736,7 +1736,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,
@@ -1746,7 +1746,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,
@@ -1755,7 +1755,7 @@ var NavigationMenu = ({
   actionFirst,
   ...props
 }) => {
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(
     NavigationMenuRoot,
     {
       dir: props.direction,
@@ -1763,7 +1763,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,
@@ -1792,14 +1792,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(
@@ -1826,8 +1826,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,
@@ -1840,7 +1840,7 @@ var SheetContent = React13.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React13.createElement(
+    !hideCloseButton && /* @__PURE__ */ React14.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -1852,7 +1852,7 @@ var SheetContent = React13.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React14.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1861,7 +1861,7 @@ var SheetContent = React13.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React14.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1870,14 +1870,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(
@@ -1890,7 +1890,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1900,7 +1900,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,
@@ -1911,7 +1911,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,
@@ -1927,12 +1927,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,
@@ -1943,7 +1943,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) => {
@@ -1959,7 +1959,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React14.createElement(
+  !hideCloseButton && /* @__PURE__ */ React15.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -1967,7 +1967,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",
@@ -1976,7 +1976,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",
@@ -1985,10 +1985,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,
@@ -1997,7 +1997,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) => {
@@ -2013,7 +2013,7 @@ var DialogCarouselContent = React14.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: cn(
@@ -2021,7 +2021,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,
@@ -2030,7 +2030,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",
@@ -2044,10 +2044,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(
@@ -2055,7 +2055,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",
@@ -2064,7 +2064,7 @@ var DialogCarouselContent = React14.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React14.createElement(
+          /* @__PURE__ */ React15.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -2073,7 +2073,7 @@ var DialogCarouselContent = React14.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -2081,7 +2081,7 @@ var DialogCarouselContent = React14.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -2091,7 +2091,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,
@@ -2102,7 +2102,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,
@@ -2116,7 +2116,7 @@ var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -2132,12 +2132,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",
@@ -2145,7 +2145,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(
@@ -2162,14 +2162,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",
@@ -2178,7 +2178,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,
@@ -2196,7 +2196,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     "div",
     {
       id,
@@ -2207,7 +2207,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";
@@ -2226,12 +2226,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,
@@ -2242,8 +2254,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,
@@ -2253,7 +2265,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",
@@ -2265,9 +2277,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";
@@ -2300,13 +2312,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,
@@ -2316,11 +2325,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(
@@ -2330,7 +2341,7 @@ var Button = React16.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React16.createElement(
+      isLoading ? /* @__PURE__ */ React17.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -2339,7 +2350,7 @@ var Button = React16.forwardRef(
           size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
-    ));
+    ), showHelperText && /* @__PURE__ */ React17.createElement(HelperText, { helperText: props.helperText }));
   }
 );
 Button.displayName = "Button";
@@ -2605,7 +2616,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
@@ -2675,7 +2686,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(
@@ -2757,8 +2768,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,
@@ -2766,7 +2777,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,
@@ -2774,8 +2785,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,
@@ -2793,8 +2804,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,
@@ -2805,7 +2816,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,
@@ -2818,14 +2829,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,
@@ -2846,7 +2857,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,
@@ -2878,16 +2889,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,
@@ -2916,7 +2927,7 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     setColumnVisibility((prev) => {
       let newColumnVisibility = {};
       columns.forEach((column) => {
@@ -2926,24 +2937,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",
@@ -2958,16 +2997,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,
@@ -2979,7 +3018,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(
@@ -2987,10 +3026,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,
@@ -3006,7 +3045,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,
@@ -3014,7 +3053,7 @@ var DataTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React22.createElement(
+        return /* @__PURE__ */ React23.createElement(
           TableCell,
           {
             style: {
@@ -3030,7 +3069,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(
+    )) : /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -3038,16 +3077,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(),
@@ -3064,7 +3103,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",
@@ -3077,7 +3116,7 @@ var DataTable = ({
           { label: `40 / ${pageText}`, value: 40 },
           { label: `50 / ${pageText}`, value: 50 }
         ],
-        trigger: /* @__PURE__ */ React22.createElement(
+        trigger: /* @__PURE__ */ React23.createElement(
           Button,
           {
             variant: "outline",
@@ -3088,7 +3127,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",
@@ -3100,7 +3139,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3113,10 +3152,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",
@@ -3128,7 +3167,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3142,9 +3181,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",
@@ -3156,7 +3195,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3170,9 +3209,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",
@@ -3184,7 +3223,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3197,8 +3236,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" })
       )
     ))))
   ));
@@ -3303,6 +3342,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",
@@ -3317,9 +3424,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"}`;
@@ -3341,6 +3445,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;
@@ -3358,6 +3466,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(
@@ -3372,29 +3488,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",
           {
@@ -3508,13 +3654,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,
@@ -3526,15 +3672,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",
@@ -3549,10 +3695,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,
@@ -3564,7 +3710,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,
@@ -3575,7 +3721,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,
@@ -3583,7 +3729,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,
@@ -3594,7 +3740,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,
@@ -3602,7 +3748,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,
@@ -3617,7 +3763,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "span",
     {
       className: cn(
@@ -3637,74 +3783,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",
@@ -3719,9 +3799,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);
     }
@@ -3733,7 +3813,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(
@@ -3742,8 +3822,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(
@@ -3751,7 +3831,7 @@ var Combobox = React27.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React27.createElement(
+      ), /* @__PURE__ */ React28.createElement(
         "button",
         {
           role: "combobox",
@@ -3763,7 +3843,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",
@@ -3779,9 +3859,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(
@@ -3790,7 +3870,7 @@ var Combobox = React27.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React27.createElement(
+      ))), /* @__PURE__ */ React28.createElement(
         PopoverContent,
         {
           sideOffset: 0,
@@ -3798,7 +3878,7 @@ var Combobox = React27.forwardRef(
           dir: direction,
           container: containerRef.current
         },
-        /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React28.createElement(
           Command,
           {
             filter: (value2, search) => {
@@ -3807,7 +3887,7 @@ var Combobox = React27.forwardRef(
               return 0;
             }
           },
-          !props.hideInput && /* @__PURE__ */ React27.createElement(
+          !props.hideInput && /* @__PURE__ */ React28.createElement(
             CommandInput,
             {
               ...inputProps,
@@ -3815,8 +3895,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(
@@ -3824,7 +3904,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,
@@ -3841,7 +3921,7 @@ var Combobox = React27.forwardRef(
                   setOpen(false);
                 }
               },
-              /* @__PURE__ */ React27.createElement(
+              /* @__PURE__ */ React28.createElement(
                 "svg",
                 {
                   "aria-label": "Check Icon",
@@ -3860,7 +3940,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)
             ))
@@ -3872,8 +3952,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,
@@ -3885,7 +3965,7 @@ var Textarea = React28.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -3894,7 +3974,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"
@@ -3903,7 +3983,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,
@@ -3914,7 +3994,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(
@@ -3923,7 +4003,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))
     );
   }
 );
@@ -4186,7 +4266,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");
@@ -4199,7 +4279,7 @@ var import_react15 = require("react");
 var import_react16 = require("react");
 
 // hooks/useToast.ts
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -4285,8 +4365,8 @@ function toast({ ...props }) {
   return { id, dismiss, update };
 }
 function useToast() {
-  const [state, setState] = React33.useState(memoryState);
-  React33.useEffect(() => {
+  const [state, setState] = React34.useState(memoryState);
+  React34.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -4626,7 +4706,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,
@@ -4664,7 +4744,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(
     "div",
     {
       className: cn(
@@ -4675,8 +4755,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)
   );
 };
 
@@ -4739,8 +4819,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,
@@ -4751,11 +4831,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,
@@ -4768,11 +4848,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,
@@ -4784,8 +4864,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,
@@ -4798,7 +4878,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,
@@ -5003,15 +5083,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) {
@@ -5039,13 +5119,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(
@@ -5059,7 +5139,7 @@ var Switch = React43.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React43.createElement(
+        /* @__PURE__ */ React44.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -5073,14 +5153,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,
@@ -5100,7 +5180,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "div",
     {
       className: cn(
@@ -5108,7 +5188,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       CheckboxElement,
       {
         ...props,
@@ -5118,7 +5198,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,
@@ -5132,7 +5212,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React44.createElement(
+    ), sublabel && /* @__PURE__ */ React45.createElement(
       "label",
       {
         htmlFor: id,
@@ -5142,7 +5222,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React44.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React45.createElement(
       "label",
       {
         htmlFor: id,
@@ -5155,7 +5235,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",
@@ -5177,7 +5257,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,
@@ -5189,14 +5269,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",
@@ -5207,7 +5287,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" })
       ),
       " "
     )
@@ -5216,9 +5296,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,
@@ -5228,7 +5308,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",
@@ -7244,21 +7324,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,
@@ -7271,7 +7351,7 @@ var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React52.createElement(
+  /* @__PURE__ */ React53.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -7889,9 +7969,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,
@@ -7901,13 +7981,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,
@@ -7922,7 +8002,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
   });
-  return /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React62.createElement(
     "div",
     {
       className: cn(
@@ -7930,8 +8010,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,
@@ -7946,7 +8026,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,
@@ -7954,7 +8034,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React61.createElement(
+        return /* @__PURE__ */ React62.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7970,7 +8050,7 @@ var SimpleTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React61.createElement(TableRow, null, /* @__PURE__ */ React61.createElement(
+    )) : /* @__PURE__ */ React62.createElement(TableRow, null, /* @__PURE__ */ React62.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -7982,12 +8062,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(
@@ -8352,7 +8432,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)(
@@ -8380,7 +8460,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,
@@ -8392,8 +8472,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,
@@ -8408,8 +8488,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,
@@ -8427,7 +8507,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,
@@ -8441,7 +8521,7 @@ var ToastClose = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React67.createElement(
+  /* @__PURE__ */ React68.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -8450,7 +8530,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",
@@ -8461,7 +8541,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,
@@ -8474,7 +8554,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,
@@ -8738,13 +8818,13 @@ var Stats = ({
 };
 
 // layout/sidebar/Sidebar.tsx
-var React73 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive6.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
-var AccordionItem2 = React73.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React73.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
+var AccordionItem2 = React74.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React74.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React73.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React73.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React73.createElement(
+var AccordionTrigger2 = React74.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React74.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React74.createElement(
   AccordionPrimitive6.Trigger,
   {
     ref,
@@ -8752,7 +8832,7 @@ var AccordionTrigger2 = React73.forwardRef(({ className, showArrow, children, ..
     ...props
   },
   children,
-  showArrow && /* @__PURE__ */ React73.createElement(
+  showArrow && /* @__PURE__ */ React74.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8763,11 +8843,11 @@ var AccordionTrigger2 = React73.forwardRef(({ className, showArrow, children, ..
       width: "1em",
       className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React73.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+    /* @__PURE__ */ React74.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
 )));
 AccordionTrigger2.displayName = AccordionPrimitive6.Trigger.displayName;
-var AccordionContent2 = React73.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React73.createElement(
+var AccordionContent2 = React74.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React74.createElement(
   AccordionPrimitive6.Content,
   {
     ref,
@@ -8777,7 +8857,7 @@ var AccordionContent2 = React73.forwardRef(({ className, children, ...props }, r
     ),
     ...props
   },
-  /* @__PURE__ */ React73.createElement("div", null, children)
+  /* @__PURE__ */ React74.createElement("div", null, children)
 ));
 AccordionContent2.displayName = AccordionPrimitive6.Content.displayName;
 var SidebarGroup = ({
@@ -8793,7 +8873,7 @@ var SidebarGroup = ({
   ...props
 }) => {
   const LinkComponent = props.LinkComponent || "a";
-  return /* @__PURE__ */ React73.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React73.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React73.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React74.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React74.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React74.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React74.createElement(
     Accordion2,
     {
       value: openedItem,
@@ -8804,7 +8884,7 @@ var SidebarGroup = ({
       collapsible: true,
       className: "hawa-flex hawa-flex-col hawa-gap-1"
     },
-    items.map((item, idx) => /* @__PURE__ */ React73.createElement(
+    items.map((item, idx) => /* @__PURE__ */ React74.createElement(
       SidebarItem,
       {
         isOpen,
@@ -8832,14 +8912,14 @@ var SidebarItem = ({
     return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
-    return /* @__PURE__ */ React73.createElement(
+    return /* @__PURE__ */ React74.createElement(
       AccordionItem2,
       {
         value: item.value,
         className: "hawa-overflow-x-clip ",
         dir: direction
       },
-      /* @__PURE__ */ React73.createElement(
+      /* @__PURE__ */ React74.createElement(
         AccordionTrigger2,
         {
           className: cn(
@@ -8851,7 +8931,7 @@ var SidebarItem = ({
           ),
           showArrow: isOpen
         },
-        /* @__PURE__ */ React73.createElement(
+        /* @__PURE__ */ React74.createElement(
           "div",
           {
             className: cn(
@@ -8859,7 +8939,7 @@ var SidebarItem = ({
             )
           },
           item.icon && item.icon,
-          /* @__PURE__ */ React73.createElement(
+          /* @__PURE__ */ React74.createElement(
             "span",
             {
               className: cn(
@@ -8871,14 +8951,14 @@ var SidebarItem = ({
           )
         )
       ),
-      item.subitems && /* @__PURE__ */ React73.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React73.createElement(
+      item.subitems && /* @__PURE__ */ React74.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
           )
         },
-        item.subitems.map((subitem, idx) => /* @__PURE__ */ React73.createElement(
+        item.subitems.map((subitem, idx) => /* @__PURE__ */ React74.createElement(
           LinkComponent,
           {
             href: subitem.slug,
@@ -8909,7 +8989,7 @@ var SidebarItem = ({
       ))
     );
   } else {
-    return /* @__PURE__ */ React73.createElement(
+    return /* @__PURE__ */ React74.createElement(
       LinkComponent,
       {
         href: item.slug,
@@ -8933,7 +9013,7 @@ var SidebarItem = ({
           "hawa-overflow-x-clip "
         )
       },
-      /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React73.createElement(
+      /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React74.createElement(
         "span",
         {
           className: cn(
@@ -8943,7 +9023,7 @@ var SidebarItem = ({
         },
         item.label,
         " ",
-        item.badge && /* @__PURE__ */ React73.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
+        item.badge && /* @__PURE__ */ React74.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
       ))
     );
   }
@@ -9530,14 +9610,14 @@ var AppTopbar = ({ ...props }) => {
 };
 
 // layout/appMenubar/AppMenubar.tsx
-var React78 = __toESM(require("react"));
+var React79 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var Menubar = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.Root,
   {
     ref,
@@ -9549,7 +9629,7 @@ var Menubar = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarTrigger = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -9561,7 +9641,7 @@ var MenubarTrigger = React78.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React78.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarSubTrigger = React79.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -9573,7 +9653,7 @@ var MenubarSubTrigger = React78.forwardRef(({ className, inset, children, ...pro
     ...props
   },
   children,
-  /* @__PURE__ */ React78.createElement(
+  /* @__PURE__ */ React79.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -9588,11 +9668,11 @@ var MenubarSubTrigger = React78.forwardRef(({ className, inset, children, ...pro
       strokeLinejoin: "round",
       className: "hawa-icon hawa-ml-auto"
     },
-    /* @__PURE__ */ React78.createElement("path", { d: "m9 18 6-6-6-6" })
+    /* @__PURE__ */ React79.createElement("path", { d: "m9 18 6-6-6-6" })
   )
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarSubContent = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -9604,8 +9684,8 @@ var MenubarSubContent = React78.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React78.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React78.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React78.createElement(
+var MenubarContent = React79.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React79.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React79.createElement(
     MenubarPrimitive.Content,
     {
       ref,
@@ -9621,7 +9701,7 @@ var MenubarContent = React78.forwardRef(
   ))
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React78.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarItem = React79.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.Item,
   {
     ref,
@@ -9634,7 +9714,7 @@ var MenubarItem = React78.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React78.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarCheckboxItem = React79.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -9645,7 +9725,7 @@ var MenubarCheckboxItem = React78.forwardRef(({ className, children, checked, ..
     checked,
     ...props
   },
-  /* @__PURE__ */ React78.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__ */ React78.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React78.createElement(
+  /* @__PURE__ */ React79.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__ */ React79.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React79.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9659,12 +9739,12 @@ var MenubarCheckboxItem = React78.forwardRef(({ className, children, checked, ..
       strokeLinejoin: "round",
       className: "hawa-icon"
     },
-    /* @__PURE__ */ React78.createElement("path", { d: "M20 6 9 17l-5-5" })
+    /* @__PURE__ */ React79.createElement("path", { d: "M20 6 9 17l-5-5" })
   ))),
   children
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React78.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarRadioItem = React79.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -9674,7 +9754,7 @@ var MenubarRadioItem = React78.forwardRef(({ className, children, ...props }, re
     ),
     ...props
   },
-  /* @__PURE__ */ React78.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__ */ React78.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React78.createElement(
+  /* @__PURE__ */ React79.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__ */ React79.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React79.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9688,12 +9768,12 @@ var MenubarRadioItem = React78.forwardRef(({ className, children, ...props }, re
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React78.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React79.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React78.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarLabel = React79.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.Label,
   {
     ref,
@@ -9706,7 +9786,7 @@ var MenubarLabel = React78.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React78.createElement(
+var MenubarSeparator = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React79.createElement(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -9719,7 +9799,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React79.createElement(
     "span",
     {
       className: cn(
@@ -11203,7 +11283,7 @@ var CodeConfirmation = (props) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react68.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react68.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react68.default.createElement(Button, { variant: "outline" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react68.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };