@sikka/hawa 0.35.1-next → 0.35.3-next

package/dist/elements/index.js

@@ -178,7 +178,7 @@ __export(elements_exports, {
 module.exports = __toCommonJS(elements_exports);
 
 // elements/card/Card.tsx
-var React2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -207,7 +207,7 @@ var calculateLuminance = (color) => {
 };
 
 // elements/card/Card.tsx
-var Card = React2.forwardRef(
+var Card = React.forwardRef(
   ({
     className,
     variant = "default",
@@ -226,7 +226,7 @@ var Card = React2.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__ */ React2.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         ref,
@@ -236,7 +236,7 @@ var Card = React2.forwardRef(
     );
   }
 );
-var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -247,7 +247,7 @@ var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {
     ref,
@@ -255,7 +255,7 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "p",
   {
     ref,
@@ -263,8 +263,8 @@ var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-var CardContent = React2.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+var CardContent = React.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
     "div",
     {
       ref,
@@ -277,7 +277,7 @@ var CardContent = React2.forwardRef(
     }
   )
 );
-var CardFooter = React2.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+var CardFooter = React.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "div",
   {
     ref,
@@ -621,7 +621,7 @@ function Skeleton({
 }
 
 // elements/dropdownMenu/DropdownMenu.tsx
-var React6 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -629,7 +629,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -640,9 +640,9 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
     ),
     ...props
   },
-  /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React6.createElement(
+  /* @__PURE__ */ React5.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -654,7 +654,7 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -664,7 +664,7 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -676,7 +676,7 @@ var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React6.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React6.createElement(
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -689,8 +689,8 @@ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...pro
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
-  return /* @__PURE__ */ React6.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React6.createElement(
+var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
+  return /* @__PURE__ */ React5.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React5.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -703,14 +703,14 @@ var DropdownMenuItem = React6.forwardRef(({ className, inset, badged, slug, Link
       ),
       ...props
     },
-    /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React5.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__ */ 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" })
+    !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" })
   ));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -721,7 +721,7 @@ var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked
     checked,
     ...props
   },
-  /* @__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(
+  /* @__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(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -732,12 +732,12 @@ var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__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" })
+    /* @__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" })
   ), " ")),
   children
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -747,7 +747,7 @@ var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }
     ),
     ...props
   },
-  /* @__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(
+  /* @__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(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -762,12 +762,12 @@ var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React6.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -780,7 +780,7 @@ var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -793,7 +793,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "span",
     {
       className: cn(
@@ -813,6 +813,7 @@ var DropdownMenu = ({
   side,
   className,
   triggerClassname,
+  triggerProps,
   align,
   alignOffset,
   onItemSelect,
@@ -833,10 +834,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] = React6.useState(
+  let [values, setValues] = React5.useState(
     items.map((item) => item.currentOption)
   );
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     DropdownMenuRoot,
     {
       onOpenChange,
@@ -844,8 +845,16 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React6.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
-    /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement(
+      DropdownMenuTrigger,
+      {
+        asChild: true,
+        className: triggerClassname,
+        ...triggerProps
+      },
+      trigger
+    ),
+    /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(
       DropdownMenuContent,
       {
         side,
@@ -866,12 +875,12 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React6.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React6.createElement(DropdownMenuLabel, { key: index }, item.label);
+          return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {
           let dd = item.currentOption;
-          return /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
+          return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -879,7 +888,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React6.createElement(
+          ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.createElement(
             DropdownMenuRadioGroup,
             {
               value: values[index],
@@ -893,12 +902,12 @@ var DropdownMenu = ({
                 }
               }
             },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
           )));
         } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React6.createElement("div", { key: index }, item.content);
+          return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
         } else {
-          return item.subitems ? /* @__PURE__ */ React6.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React6.createElement(
+          return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -906,9 +915,9 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React6.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React6.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React6.createElement(
+            return /* @__PURE__ */ React5.createElement(
               DropdownMenuItem,
               {
                 key: subIndex,
@@ -937,7 +946,7 @@ var DropdownMenu = ({
               subitem.icon && subitem.icon,
               subitem.label && subitem.label
             );
-          })))) : /* @__PURE__ */ React6.createElement(
+          })))) : /* @__PURE__ */ React5.createElement(
             DropdownMenuItem,
             {
               LinkComponent: ItemLinkComponent,
@@ -990,18 +999,18 @@ var DropdownMenu = ({
   );
 };
 var DropdownMenuRadio = (props) => {
-  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(
+  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(
     DropdownMenuRadioGroup,
     {
       value: props.value,
       onValueChange: props.onValueChange
     },
-    props.options.map((opt, i) => /* @__PURE__ */ React6.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+    props.options.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
   )));
 };
 
 // elements/accordion/Accordion.tsx
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
 // elements/chip/Chip.tsx
@@ -1086,9 +1095,9 @@ var Chip = import_react4.default.forwardRef(
 );
 
 // elements/accordion/AccordionContent.tsx
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var AccordionContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   AccordionPrimitive.Content,
   {
     ref,
@@ -1098,14 +1107,14 @@ var AccordionContent = React8.forwardRef(({ className, children, ...props }, ref
     ) : className,
     ...props
   },
-  /* @__PURE__ */ React8.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+  /* @__PURE__ */ React7.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // elements/accordion/AccordionTrigger.tsx
-var React9 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React9.createElement(
+var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -1117,7 +1126,7 @@ var AccordionTrigger = React9.forwardRef(({ className, children, ...props }, ref
     ...props
   },
   children,
-  !props.hideArrow && /* @__PURE__ */ React9.createElement(
+  !props.hideArrow && /* @__PURE__ */ React8.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1131,13 +1140,13 @@ var AccordionTrigger = React9.forwardRef(({ className, children, ...props }, ref
       strokeLinejoin: "round",
       className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React9.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React8.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
 AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
 
 // elements/accordion/Accordion.tsx
-var Accordion = React10.forwardRef(
+var Accordion = React9.forwardRef(
   ({
     items,
     design = "default",
@@ -1146,7 +1155,7 @@ var Accordion = React10.forwardRef(
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React10.createElement(
+  }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React9.createElement(
     "div",
     {
       className: cn("hawa-flex hawa-flex-col", {
@@ -1154,7 +1163,7 @@ var Accordion = React10.forwardRef(
         "hawa-gap-0": design === "default"
       })
     },
-    items.map((item, index) => /* @__PURE__ */ React10.createElement(
+    items.map((item, index) => /* @__PURE__ */ React9.createElement(
       AccordionPrimitive3.Item,
       {
         disabled: item.disabled || false,
@@ -1162,7 +1171,7 @@ var Accordion = React10.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React9.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -1175,7 +1184,7 @@ var Accordion = React10.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React10.createElement(
+        /* @__PURE__ */ React9.createElement(
           "span",
           {
             className: cn(
@@ -1185,10 +1194,10 @@ var Accordion = React10.forwardRef(
           },
           item.trigger,
           " ",
-          item.chip && /* @__PURE__ */ React10.createElement(Chip, { ...item.chip })
+          item.chip && /* @__PURE__ */ React9.createElement(Chip, { ...item.chip })
         )
       ),
-      /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React9.createElement(
         AccordionContent,
         {
           "aria-disabled": item.disabled || false,
@@ -1208,9 +1217,9 @@ var Accordion = React10.forwardRef(
 Accordion.displayName = "Accordion";
 
 // elements/accordion/AccordionItem.tsx
-var React11 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var AccordionPrimitive4 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
 
 // elements/accordion/AccordionRoot.tsx
@@ -1571,13 +1580,13 @@ var Logos = {
 };
 
 // elements/navigationMenu/NavigationMenu.tsx
-var React13 = __toESM(require("react"));
+var React12 = __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 = React13.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1589,9 +1598,9 @@ var NavigationMenuRoot = React13.forwardRef(({ className, children, viewportClas
     ...props
   },
   children,
-  /* @__PURE__ */ React13.createElement(NavigationMenuViewport, { className: viewportClassNames })
+  /* @__PURE__ */ React12.createElement(NavigationMenuViewport, { className: viewportClassNames })
 ));
-var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1602,7 +1611,7 @@ var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1610,7 +1619,7 @@ var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React13.createElement(
+  /* @__PURE__ */ React12.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -1626,10 +1635,10 @@ var NavigationMenuTrigger = React13.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__ */ React13.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React12.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 ));
-var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1643,15 +1652,15 @@ var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-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(
+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(
   "div",
   {
     className: cn(
       "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
     )
   },
-  /* @__PURE__ */ React13.createElement(
+  /* @__PURE__ */ React12.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
@@ -1668,7 +1677,7 @@ var NavigationMenuViewport = React13.forwardRef(({ className, ...props }, ref) =
     }
   )
 ));
-var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1678,7 +1687,7 @@ var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   },
-  /* @__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" })
+  /* @__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" })
 ));
 var NavigationMenu = ({
   viewportClassNames,
@@ -1687,7 +1696,7 @@ var NavigationMenu = ({
   actionFirst,
   ...props
 }) => {
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(
     NavigationMenuRoot,
     {
       dir: props.direction,
@@ -1695,7 +1704,7 @@ var NavigationMenu = ({
       className: rootClassNames,
       viewportClassNames
     },
-    /* @__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(
+    /* @__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(
       NavigationMenuLink,
       {
         href: actionFirst ? void 0 : item.path,
@@ -1724,14 +1733,14 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // elements/sheet/Sheet.tsx
-var React14 = __toESM(require("react"));
+var React13 = __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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var SheetOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1758,8 +1767,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-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(
+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(
     SheetPrimitive.Content,
     {
       ref,
@@ -1772,7 +1781,7 @@ var SheetContent = React14.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React14.createElement(
+    !hideCloseButton && /* @__PURE__ */ React13.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -1784,7 +1793,7 @@ var SheetContent = React14.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React13.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1793,7 +1802,7 @@ var SheetContent = React14.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React13.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1802,14 +1811,14 @@ var SheetContent = React14.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   ))
 );
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -1822,7 +1831,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -1832,7 +1841,7 @@ var SheetFooter = ({
     ...props
   }
 );
-var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Title,
   {
     ref,
@@ -1843,7 +1852,7 @@ var SheetTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var SheetDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var SheetDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Description,
   {
     ref,
@@ -1859,12 +1868,12 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // elements/dialog/Dialog.tsx
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React15.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React14.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1875,7 +1884,7 @@ var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-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(
+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(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -1891,7 +1900,7 @@ var DialogContent = React15.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React15.createElement(
+  !hideCloseButton && /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -1899,7 +1908,7 @@ var DialogContent = React15.forwardRef(({ className, children, persist, hideClos
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -1908,7 +1917,7 @@ var DialogContent = React15.forwardRef(({ className, children, persist, hideClos
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React14.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -1917,10 +1926,10 @@ var DialogContent = React15.forwardRef(({ className, children, persist, hideClos
         }
       )
     ),
-    /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React15.forwardRef(
+var DialogCarouselContent = React14.forwardRef(
   ({
     className,
     children,
@@ -1929,7 +1938,7 @@ var DialogCarouselContent = React15.forwardRef(
     hideCloseButton,
     hidePrevButton,
     ...props
-  }, ref) => /* @__PURE__ */ React15.createElement(DialogPortal, null, /* @__PURE__ */ React15.createElement(DialogOverlay, null), /* @__PURE__ */ React15.createElement(
+  }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, null, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -1945,7 +1954,7 @@ var DialogCarouselContent = React15.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(
       "div",
       {
         className: cn(
@@ -1953,7 +1962,7 @@ var DialogCarouselContent = React15.forwardRef(
           onPrev ? "hawa-justify-between" : "hawa-justify-end"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React15.createElement("div", null) : /* @__PURE__ */ React15.createElement(
+      hidePrevButton ? /* @__PURE__ */ React14.createElement("div", null) : /* @__PURE__ */ React14.createElement(
         "div",
         {
           onClick: onPrev,
@@ -1962,7 +1971,7 @@ var DialogCarouselContent = React15.forwardRef(
             props.dir === "rtl" && "hawa-rotate-180"
           )
         },
-        /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React14.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1976,10 +1985,10 @@ var DialogCarouselContent = React15.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React15.createElement("path", { d: "m15 18-6-6 6-6" })
+          /* @__PURE__ */ React14.createElement("path", { d: "m15 18-6-6 6-6" })
         )
       ),
-      !hideCloseButton && /* @__PURE__ */ React15.createElement(
+      !hideCloseButton && /* @__PURE__ */ React14.createElement(
         DialogPrimitive.Close,
         {
           className: cn(
@@ -1987,7 +1996,7 @@ var DialogCarouselContent = React15.forwardRef(
             props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
           )
         },
-        /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React14.createElement(
           "svg",
           {
             "aria-label": "Close Icon",
@@ -1996,7 +2005,7 @@ var DialogCarouselContent = React15.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React15.createElement(
+          /* @__PURE__ */ React14.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -2005,7 +2014,7 @@ var DialogCarouselContent = React15.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -2013,7 +2022,7 @@ var DialogCarouselContent = React15.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React15.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -2023,7 +2032,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -2034,7 +2043,7 @@ var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
+var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -2048,7 +2057,7 @@ var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React15.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -2064,12 +2073,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React15.useEffect(() => {
+  React14.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
     }
   }, [stepsApi, children]);
-  return /* @__PURE__ */ React15.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React15.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React14.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React14.createElement(
     "div",
     {
       className: "hawa-flex",
@@ -2077,7 +2086,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
+    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
       "div",
       {
         className: cn(
@@ -2094,14 +2103,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React15.useState(null);
-  React15.useEffect(() => {
+  const [dialogHeight, setDialogHeight] = React14.useState(null);
+  React14.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
       console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -2110,7 +2119,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React15.Children.map(children, (child, index) => /* @__PURE__ */ React15.createElement(
+    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -2128,7 +2137,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       id,
@@ -2139,7 +2148,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React15.createElement("div", { className: cn("hawa-py-6", className) }, children);
+  return /* @__PURE__ */ React14.createElement("div", { className: cn("hawa-py-6", className) }, children);
 };
 DialogBody.displayName = "DialogBody";
 DialogStep.displayName = "DialogStep";
@@ -2155,14 +2164,15 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // elements/alert/Alert.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 
 // elements/button/Button.tsx
 var React17 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
-var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
+var import_react6 = __toESM(require("react"));
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react6.default.createElement(
   "p",
   {
     className: cn(
@@ -2296,9 +2306,9 @@ var Alert = ({
   className,
   ...props
 }) => {
-  const alertRef = (0, import_react6.useRef)(null);
-  const [closed, setClosed] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const alertRef = (0, import_react7.useRef)(null);
+  const [closed, setClosed] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     if (duration) {
       const timeoutHide = setTimeout(() => {
         setClosed(true);
@@ -2333,7 +2343,7 @@ var Alert = ({
     hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
     oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
       "data-testid": "alert",
@@ -2347,13 +2357,13 @@ var Alert = ({
         className
       )
     },
-    /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
         className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
       },
       icon
-    ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react6.default.createElement(
+    ), /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react7.default.createElement(
       "span",
       {
         className: cn(
@@ -2362,7 +2372,7 @@ var Alert = ({
         )
       },
       props.title
-    ), /* @__PURE__ */ import_react6.default.createElement(
+    ), /* @__PURE__ */ import_react7.default.createElement(
       "span",
       {
         className: cn(
@@ -2371,7 +2381,7 @@ var Alert = ({
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
+    ), props.actions && /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react7.default.createElement(
       Button,
       {
         key: index,
@@ -2380,7 +2390,7 @@ var Alert = ({
       },
       act.label
     ))))),
-    !props.persistent && /* @__PURE__ */ import_react6.default.createElement(
+    !props.persistent && /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {
         type: "button",
@@ -2407,8 +2417,8 @@ var Alert = ({
           }
         }
       },
-      /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
+      /* @__PURE__ */ import_react7.default.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -2417,7 +2427,7 @@ var Alert = ({
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ import_react6.default.createElement(
+        /* @__PURE__ */ import_react7.default.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -2431,12 +2441,12 @@ var Alert = ({
 };
 
 // elements/avatar/Avatar.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // elements/fileUploader/FileUploader.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var FileUploader = ({ handleFile, className }) => {
-  const hiddenFileInput = (0, import_react7.useRef)(null);
+  const hiddenFileInput = (0, import_react8.useRef)(null);
   const handleClick = () => {
     var _a;
     (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
@@ -2445,7 +2455,7 @@ var FileUploader = ({ handleFile, className }) => {
     const fileUploaded = event.target.files[0];
     handleFile(fileUploaded);
   };
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react8.default.createElement(
     "input",
     {
       type: "file",
@@ -2486,7 +2496,7 @@ var Avatar = ({
     inherit: "hawa-rounded",
     none: "hawa-rounded-none"
   };
-  return /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "div",
     {
       className: cn(
@@ -2496,7 +2506,7 @@ var Avatar = ({
         className
       )
     },
-    /* @__PURE__ */ import_react8.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement(
       FileUploader,
       {
         className: cn(
@@ -2507,7 +2517,7 @@ var Avatar = ({
         )
       }
     ),
-    /* @__PURE__ */ import_react8.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement(
       "img",
       {
         className: cn(
@@ -2520,7 +2530,7 @@ var Avatar = ({
         alt
       }
     ),
-    !src && !hideIcon && /* @__PURE__ */ import_react8.default.createElement(
+    !src && !hideIcon && /* @__PURE__ */ import_react9.default.createElement(
       "div",
       {
         className: cn(
@@ -2528,7 +2538,7 @@ var Avatar = ({
           "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
         )
       },
-      icon ? icon : /* @__PURE__ */ import_react8.default.createElement(
+      icon ? icon : /* @__PURE__ */ import_react9.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2540,8 +2550,8 @@ var Avatar = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react8.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ import_react8.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+        /* @__PURE__ */ import_react9.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ import_react9.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
       )
     )
   );
@@ -2552,8 +2562,8 @@ var React23 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // elements/input/Input.tsx
-var import_react9 = __toESM(require("react"));
-var Input = (0, import_react9.forwardRef)(
+var import_react10 = __toESM(require("react"));
+var Input = (0, import_react10.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -2597,7 +2607,7 @@ var Input = (0, import_react9.forwardRef)(
         props.onChange(newEvent);
       }
     };
-    return /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ import_react10.default.createElement(
       "div",
       {
         className: cn(
@@ -2608,8 +2618,8 @@ var Input = (0, import_react9.forwardRef)(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ import_react9.default.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react9.default.createElement(
+      props.label && /* @__PURE__ */ import_react10.default.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react10.default.createElement(
         "span",
         {
           className: cn(
@@ -2618,7 +2628,7 @@ var Input = (0, import_react9.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), 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(
+      ), props.isLoading ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react10.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react10.default.createElement(
         "div",
         {
           className: cn(
@@ -2626,7 +2636,7 @@ var Input = (0, import_react9.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react9.default.createElement(
+      ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react10.default.createElement(
         "div",
         {
           className: cn(
@@ -2635,7 +2645,7 @@ var Input = (0, import_react9.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react9.default.createElement(
+      ), /* @__PURE__ */ import_react10.default.createElement(
         "input",
         {
           required: true,
@@ -2661,7 +2671,7 @@ var Input = (0, import_react9.forwardRef)(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react9.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react10.default.createElement(
         "p",
         {
           className: cn(
@@ -2670,7 +2680,7 @@ var Input = (0, import_react9.forwardRef)(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react9.default.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react10.default.createElement(
         "div",
         {
           className: cn(
@@ -2679,7 +2689,7 @@ var Input = (0, import_react9.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react9.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react10.default.createElement(
         "div",
         {
           className: cn(
@@ -3176,12 +3186,12 @@ var DataTable = ({
 };
 
 // elements/backToTop/BackToTop.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var BackToTop = ({ ...props }) => {
-  const [visible, setVisible] = (0, import_react10.useState)(false);
-  const [rect, _setRect] = (0, import_react10.useState)(null);
-  const self = (0, import_react10.useRef)(null);
-  const _rect = (0, import_react10.useRef)(rect);
+  const [visible, setVisible] = (0, import_react11.useState)(false);
+  const [rect, _setRect] = (0, import_react11.useState)(null);
+  const self = (0, import_react11.useRef)(null);
+  const _rect = (0, import_react11.useRef)(rect);
   const setRect = (data) => {
     _rect.current = data;
     _setRect(data);
@@ -3206,7 +3216,7 @@ var BackToTop = ({ ...props }) => {
       props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
     }
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!props.anchor.current)
       return;
     props.anchor.current.addEventListener("scroll", onScroll);
@@ -3242,7 +3252,7 @@ var BackToTop = ({ ...props }) => {
     };
     return style;
   };
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     Button,
     {
       className: cn(
@@ -3257,7 +3267,7 @@ var BackToTop = ({ ...props }) => {
       ref: self,
       size: "icon"
     },
-    /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "svg",
       {
         className: cn(
@@ -3267,13 +3277,13 @@ var BackToTop = ({ ...props }) => {
         viewBox: "0 0 20 20",
         fill: "currentColor"
       },
-      /* @__PURE__ */ import_react10.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
+      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
     )
   );
 };
 
 // elements/radio/Radio.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
 var React25 = __toESM(require("react"));
@@ -3342,7 +3352,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-var Radio = (0, import_react11.forwardRef)(
+var Radio = (0, import_react12.forwardRef)(
   ({
     design = "default",
     width = "default",
@@ -3374,15 +3384,15 @@ var Radio = (0, import_react11.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react11.default.useState(
+    const [parentDirection, setParentDirection] = import_react12.default.useState(
       null
     );
-    const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
+    const [selectedOption, setSelectedOption] = (0, import_react12.useState)(
       props.defaultValue || props.value
     );
-    const [openTooltip, setOpenTooltip] = (0, import_react11.useState)(null);
-    const parentRef = (0, import_react11.useRef)(null);
-    (0, import_react11.useEffect)(() => {
+    const [openTooltip, setOpenTooltip] = (0, import_react12.useState)(null);
+    const parentRef = (0, import_react12.useRef)(null);
+    (0, import_react12.useEffect)(() => {
       var _a2;
       const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
       if (parentNode) {
@@ -3408,7 +3418,7 @@ var Radio = (0, import_react11.forwardRef)(
     ];
     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(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement(
           "ul",
           {
             ref: parentRef,
@@ -3421,21 +3431,21 @@ var Radio = (0, import_react11.forwardRef)(
             )
           },
           (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-            return opt.tooltip ? /* @__PURE__ */ import_react11.default.createElement(
+            return opt.tooltip ? /* @__PURE__ */ import_react12.default.createElement(
               PopoverRoot,
               {
                 key: o,
                 open: o === openTooltip,
                 onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              /* @__PURE__ */ import_react11.default.createElement(
+              /* @__PURE__ */ import_react12.default.createElement(
                 PopoverTrigger,
                 {
                   onMouseEnter: () => setOpenTooltip(o),
                   onMouseLeave: () => setOpenTooltip(null),
                   asChild: true
                 },
-                /* @__PURE__ */ import_react11.default.createElement(
+                /* @__PURE__ */ import_react12.default.createElement(
                   "li",
                   {
                     "aria-current": "page",
@@ -3453,8 +3463,8 @@ var Radio = (0, import_react11.forwardRef)(
                   opt.label
                 )
               ),
-              /* @__PURE__ */ import_react11.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-            ) : /* @__PURE__ */ import_react11.default.createElement(
+              /* @__PURE__ */ import_react12.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react12.default.createElement(
               "li",
               {
                 key: o,
@@ -3473,7 +3483,7 @@ var Radio = (0, import_react11.forwardRef)(
               opt.label
             );
           })
-        ), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+        ), !forceHideHelperText && /* @__PURE__ */ import_react12.default.createElement(
           "p",
           {
             className: cn(
@@ -3484,7 +3494,7 @@ var Radio = (0, import_react11.forwardRef)(
           props.helperText
         ));
       case "bordered":
-        return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react12.default.createElement(
           "div",
           {
             className: cn(
@@ -3493,7 +3503,7 @@ var Radio = (0, import_react11.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -3504,7 +3514,7 @@ var Radio = (0, import_react11.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -3517,7 +3527,7 @@ var Radio = (0, import_react11.forwardRef)(
           )
         ))));
       case "cards":
-        return /* @__PURE__ */ import_react11.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react12.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react12.default.createElement(
           "input",
           {
             type: "radio",
@@ -3528,7 +3538,7 @@ var Radio = (0, import_react11.forwardRef)(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ import_react11.default.createElement(
+        ), /* @__PURE__ */ import_react12.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -3537,10 +3547,10 @@ var Radio = (0, import_react11.forwardRef)(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement(
           "div",
           {
             className: cn(
@@ -3549,7 +3559,7 @@ var Radio = (0, import_react11.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -3560,7 +3570,7 @@ var Radio = (0, import_react11.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -3571,7 +3581,7 @@ var Radio = (0, import_react11.forwardRef)(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ import_react11.default.createElement(
+        ))), /* @__PURE__ */ import_react12.default.createElement(
           "p",
           {
             className: cn(
@@ -3942,7 +3952,7 @@ var Textarea = React29.forwardRef(
 Textarea.displayName = "Textarea";
 
 // elements/fileDropzone/FileDropzone.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 var import_clsx2 = __toESM(require("clsx"));
 var FileDropzone = ({
@@ -3964,8 +3974,8 @@ var FileDropzone = ({
   privacyLink
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [cmp, setCmp] = (0, import_react12.useState)(0);
-  const [max, setMax] = (0, import_react12.useState)(0);
+  const [cmp, setCmp] = (0, import_react13.useState)(0);
+  const [max, setMax] = (0, import_react13.useState)(0);
   const {
     getRootProps,
     getInputProps,
@@ -3987,7 +3997,7 @@ var FileDropzone = ({
       );
     }
   });
-  (0, import_react12.useEffect)(
+  (0, import_react13.useEffect)(
     () => () => {
       files == null ? void 0 : files.forEach((file) => {
         URL.revokeObjectURL(file.preview);
@@ -3995,7 +4005,7 @@ var FileDropzone = ({
     },
     [files]
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setFiles(acceptedFiles);
   }, [acceptedFiles, cmp, setFiles]);
   onClearFiles = () => {
@@ -4007,7 +4017,7 @@ var FileDropzone = ({
     acceptedFiles.length = 0;
     setFiles([]);
   };
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (maxSize > 0) {
       const k = 1024;
       const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
@@ -4020,7 +4030,7 @@ var FileDropzone = ({
   const errs = fileRejections.map((rej, i) => {
     switch (rej.errors[0].code) {
       case "file-too-large":
-        return /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement(
           Alert,
           {
             key: i,
@@ -4030,7 +4040,7 @@ var FileDropzone = ({
           }
         );
       case "too-many-files":
-        return /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement(
           Alert,
           {
             key: i,
@@ -4040,7 +4050,7 @@ var FileDropzone = ({
           }
         );
       case "file-invalid-type":
-        return /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement(
           Alert,
           {
             key: i,
@@ -4050,7 +4060,7 @@ var FileDropzone = ({
           }
         );
       default:
-        return /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement(
           Alert,
           {
             key: i,
@@ -4061,7 +4071,7 @@ var FileDropzone = ({
         );
     }
   });
-  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react12.default.createElement(
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react13.default.createElement(
     "button",
     {
       onClick: (e) => {
@@ -4074,7 +4084,7 @@ var FileDropzone = ({
       className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
       "data-modal-toggle": "defaultModal"
     },
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(
       "svg",
       {
         "aria-hidden": "true",
@@ -4082,7 +4092,7 @@ var FileDropzone = ({
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4091,8 +4101,8 @@ var FileDropzone = ({
         }
       )
     ),
-    /* @__PURE__ */ import_react12.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
-  ), /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
+  ), /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       style: {
@@ -4111,7 +4121,7 @@ var FileDropzone = ({
       key: file.name
     }
   )));
-  return /* @__PURE__ */ import_react12.default.createElement("div", null, label && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement("div", null, label && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       className: (0, import_clsx2.default)(
@@ -4119,7 +4129,7 @@ var FileDropzone = ({
         isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
       )
     },
-    /* @__PURE__ */ import_react12.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react12.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react13.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react13.default.createElement(
       "svg",
       {
         stroke: "currentColor",
@@ -4131,28 +4141,28 @@ var FileDropzone = ({
         height: "1.5em",
         width: "1.5em"
       },
-      /* @__PURE__ */ import_react12.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 3l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M7 3l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M11 3l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M15 3l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 7l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 11l0 .01" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 15l0 .01" })
-    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
-    acceptedFiles.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react12.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react12.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
-  ), disclaimer && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 3l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M7 3l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M11 3l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M15 3l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 7l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 11l0 .01" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M3 15l0 .01" })
+    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
+    acceptedFiles.length > 0 && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react13.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react13.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
+    /* @__PURE__ */ import_react13.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
+  ), disclaimer && /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react13.default.createElement(
     "a",
     {
       href: termsLink,
       className: "clickable-link hawa-text-muted-foreground/50"
     },
     (_d = texts.terms) != null ? _d : "Terms"
-  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react12.default.createElement(
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react13.default.createElement(
     "a",
     {
       href: privacyLink,
@@ -4163,9 +4173,9 @@ var FileDropzone = ({
 };
 
 // elements/sortButton/SortButton.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var SortButton = (props) => {
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -4177,7 +4187,7 @@ var SortButton = (props) => {
       onClick: props.onSort
     },
     props.label,
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -4189,10 +4199,10 @@ var SortButton = (props) => {
         strokeLinejoin: "round",
         className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
-      /* @__PURE__ */ import_react13.default.createElement("path", { d: "m21 16-4 4-4-4" }),
-      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M17 20V4" }),
-      /* @__PURE__ */ import_react13.default.createElement("path", { d: "m3 8 4-4 4 4" }),
-      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M7 4v16" })
+      /* @__PURE__ */ import_react14.default.createElement("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ import_react14.default.createElement("path", { d: "M17 20V4" }),
+      /* @__PURE__ */ import_react14.default.createElement("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ import_react14.default.createElement("path", { d: "M7 4v16" })
     )
   );
 };
@@ -4201,34 +4211,34 @@ var SortButton = (props) => {
 var React42 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // hooks/useDiscloser.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // hooks/useHover.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // hooks/useToast.ts
 var React34 = __toESM(require("react"));
 
 // hooks/useCarousel.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // hooks/useDialogCarousel.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 
 // hooks/useDialogSteps.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // hooks/useClipboard.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 function useClipboard({ timeout = 2e3 } = {}) {
-  const [error, setError] = (0, import_react20.useState)(null);
-  const [copied, setCopied] = (0, import_react20.useState)(false);
-  const [copyTimeout, setCopyTimeout] = (0, import_react20.useState)(null);
+  const [error, setError] = (0, import_react21.useState)(null);
+  const [copied, setCopied] = (0, import_react21.useState)(false);
+  const [copyTimeout, setCopyTimeout] = (0, import_react21.useState)(null);
   const handleCopyResult = (value) => {
     clearTimeout(copyTimeout);
     setCopyTimeout(setTimeout(() => setCopied(false), timeout));
@@ -4250,31 +4260,31 @@ function useClipboard({ timeout = 2e3 } = {}) {
 }
 
 // hooks/useBreakpoint.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // hooks/useWindowSize.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // hooks/useFocusWithin.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // hooks/useMediaQuery.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // hooks/useScrollPosition.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // hooks/useTable.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // hooks/useTabs.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // hooks/useMeasureDirty.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var useMeasureDirty = (ref) => {
-  const frame = (0, import_react28.useRef)(0);
-  const [rect, set] = (0, import_react28.useState)({
+  const frame = (0, import_react29.useRef)(0);
+  const [rect, set] = (0, import_react29.useState)({
     width: 0,
     height: 0,
     top: 0,
@@ -4282,7 +4292,7 @@ var useMeasureDirty = (ref) => {
     bottom: 0,
     right: 0
   });
-  const [observer] = (0, import_react28.useState)(
+  const [observer] = (0, import_react29.useState)(
     () => new ResizeObserver((entries) => {
       const entry = entries[0];
       if (entry) {
@@ -4295,7 +4305,7 @@ var useMeasureDirty = (ref) => {
       }
     })
   );
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     observer.disconnect();
     if (ref.current) {
       observer.observe(ref.current);
@@ -4305,7 +4315,7 @@ var useMeasureDirty = (ref) => {
 };
 
 // hooks/useOutsideClick.ts
-var import_react29 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 
 // elements/tabs/Tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
@@ -4501,7 +4511,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/select/Select.tsx
-var import_react30 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var import_creatable = __toESM(require("react-select/creatable"));
 var import_clsx3 = __toESM(require("clsx"));
@@ -4512,10 +4522,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ import_react30.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ import_react31.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react30.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -4528,7 +4538,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react30.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -4549,7 +4559,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ import_react30.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         className: cn(
@@ -4563,7 +4573,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement(
     "div",
     {
       className: cn(
@@ -4571,10 +4581,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ import_react30.default.createElement(Label2, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react30.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ import_react31.default.createElement(Label2, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react31.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react30.default.createElement(
+      /* @__PURE__ */ import_react31.default.createElement(
         import_react_select.default,
         {
           noOptionsMessage: NoOption,
@@ -4613,7 +4623,7 @@ var Select = ({
             //     {...e}
             //   />
             // ),
-            ValueContainer: (e) => /* @__PURE__ */ import_react30.default.createElement(
+            ValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
               "div",
               {
                 className: cn(
@@ -4623,7 +4633,7 @@ var Select = ({
                 ...e
               }
             ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react30.default.createElement(
+            MultiValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
               "div",
               {
                 className: cn(
@@ -4645,7 +4655,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ import_react30.default.createElement(
+    ) : /* @__PURE__ */ import_react31.default.createElement(
       import_creatable.default,
       {
         formatCreateLabel: (inputValue) => {
@@ -4675,7 +4685,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ import_react30.default.createElement(
+    !props.hideHelperText && /* @__PURE__ */ import_react31.default.createElement(
       "p",
       {
         className: cn(
@@ -4925,7 +4935,7 @@ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // elements/breadcrumb/Breadcrumb.tsx
-var import_react31 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,
   separator = ">",
@@ -4936,7 +4946,7 @@ var Breadcrumb = ({
     small: "hawa-text-sm",
     xs: "hawa-text-xs"
   };
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     "div",
     {
       className: cn(
@@ -4944,13 +4954,13 @@ var Breadcrumb = ({
         textStyles[size]
       )
     },
-    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react31.default.createElement(
+    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react32.default.createElement(
       "div",
       {
         key: index,
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react31.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "a",
         {
           href: singleBreadcrumbLink.href,
@@ -4958,49 +4968,49 @@ var Breadcrumb = ({
         },
         singleBreadcrumbLink.label
       ),
-      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react31.default.createElement("div", null, separator) : /* @__PURE__ */ import_react31.default.createElement("div", null, separator) : null
+      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react32.default.createElement("div", null, separator) : /* @__PURE__ */ import_react32.default.createElement("div", null, separator) : null
     ))
   );
 };
 
 // elements/appStores/AppStores.tsx
-var import_react32 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var AppStores = (props) => {
-  return /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react32.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react32.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react33.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react33.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react33.default.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
     }
-  ))), /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react32.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react32.default.createElement(
+  ))), /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react33.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react33.default.createElement(
     "path",
     {
       fill: "#FFD400",
       d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
     }
-  ), /* @__PURE__ */ import_react32.default.createElement(
+  ), /* @__PURE__ */ import_react33.default.createElement(
     "path",
     {
       fill: "#FF3333",
       d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
     }
-  ), /* @__PURE__ */ import_react32.default.createElement(
+  ), /* @__PURE__ */ import_react33.default.createElement(
     "path",
     {
       fill: "#48FF48",
       d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
     }
-  ), /* @__PURE__ */ import_react32.default.createElement(
+  ), /* @__PURE__ */ import_react33.default.createElement(
     "path",
     {
       fill: "#3BCCFF",
       d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
     }
-  ))), /* @__PURE__ */ import_react32.default.createElement("div", null, /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
+  ))), /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
 };
 
 // elements/badge/Badge.tsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var Badge = ({
   anchor,
   position = "right",
@@ -5008,14 +5018,14 @@ var Badge = ({
   text,
   className
 }) => {
-  const [badgePosition, setBadgePosition] = (0, import_react33.useState)(null);
-  const indicatorRef = (0, import_react33.useRef)(null);
+  const [badgePosition, setBadgePosition] = (0, import_react34.useState)(null);
+  const indicatorRef = (0, import_react34.useRef)(null);
   const sizeStyles2 = {
     small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
     default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
     large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const handlePositioning = () => {
       var _a;
       if (anchor.current && indicatorRef.current) {
@@ -5038,7 +5048,7 @@ var Badge = ({
       window.removeEventListener("resize", handlePositioning);
     };
   }, [anchor]);
-  return /* @__PURE__ */ import_react33.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       style: {
@@ -5063,8 +5073,8 @@ var BadgedComponent = ({
   size,
   text
 }) => {
-  const ref = (0, import_react33.useRef)(null);
-  return /* @__PURE__ */ import_react33.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react33.default.createElement(
+  const ref = (0, import_react34.useRef)(null);
+  return /* @__PURE__ */ import_react34.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react34.default.createElement(
     Badge,
     {
       size,
@@ -5077,7 +5087,7 @@ var BadgedComponent = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 
 // countries.ts
 var countries = [
@@ -6779,9 +6789,9 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
-  const [phoneNumber, setPhoneNumber] = (0, import_react34.useState)("");
-  const [countryCode, setCountryCode] = (0, import_react34.useState)(props.preferredCountry);
-  const inputRef = (0, import_react34.useRef)(null);
+  const [phoneNumber, setPhoneNumber] = (0, import_react35.useState)("");
+  const [countryCode, setCountryCode] = (0, import_react35.useState)(props.preferredCountry);
+  const inputRef = (0, import_react35.useRef)(null);
   const handleInputChange = (e) => {
     console.log("test e ", e.target.value);
     const validChars = /^[0-9-()]+$/;
@@ -6795,7 +6805,7 @@ var PhoneInput = ({
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react34.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react34.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react35.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react35.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react35.default.createElement(
     Select,
     {
       phoneCode: true,
@@ -6811,7 +6821,7 @@ var PhoneInput = ({
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
     }
-  ), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react34.default.createElement(
+  ), /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react35.default.createElement(
     "input",
     {
       type: "tel",
@@ -6825,7 +6835,7 @@ var PhoneInput = ({
       ),
       ...inputProps
     }
-  ))), /* @__PURE__ */ import_react34.default.createElement(
+  ))), /* @__PURE__ */ import_react35.default.createElement(
     "p",
     {
       className: cn(
@@ -6838,7 +6848,7 @@ var PhoneInput = ({
 };
 
 // elements/pinInput/PinInput.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var PinInput = ({
   label,
   icon,
@@ -6848,7 +6858,7 @@ var PinInput = ({
   inputProps,
   ...props
 }) => {
-  const [pin, setPin] = (0, import_react35.useState)(Array.from(Array(digits)));
+  const [pin, setPin] = (0, import_react36.useState)(Array.from(Array(digits)));
   const handleKeyDown = (e, index) => {
     let backTo = 0;
     if (e.key === "Backspace") {
@@ -6857,7 +6867,7 @@ var PinInput = ({
       previousInput == null ? void 0 : previousInput.focus();
     }
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     let unfilled = pin.includes(void 0);
     if (!unfilled && getPins) {
       getPins(pin);
@@ -6882,13 +6892,13 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react36.default.createElement(
     "div",
     {
       className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
       dir: "ltr"
     },
-    pin.map((value, index) => /* @__PURE__ */ import_react35.default.createElement(
+    pin.map((value, index) => /* @__PURE__ */ import_react36.default.createElement(
       "input",
       {
         key: index,
@@ -6908,7 +6918,7 @@ var PinInput = ({
         ...inputProps
       }
     ))
-  ), /* @__PURE__ */ import_react35.default.createElement(
+  ), /* @__PURE__ */ import_react36.default.createElement(
     "p",
     {
       className: cn(
@@ -6921,12 +6931,12 @@ var PinInput = ({
 };
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-var import_react36 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ import_react36.default.createElement("div", { onClick: handleClick }, props.children);
+  return /* @__PURE__ */ import_react37.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
 // elements/scrollArea/ScrollArea.tsx
@@ -6970,7 +6980,7 @@ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/colorPicker/ColorPicker.tsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var ColorPicker = ({
   containerProps,
   colorPickerProps,
@@ -6981,8 +6991,8 @@ var ColorPicker = ({
   preview = false,
   ...props
 }) => {
-  const [selectedColor, setSelectedColor] = (0, import_react37.useState)(props.color);
-  (0, import_react37.useEffect)(() => {
+  const [selectedColor, setSelectedColor] = (0, import_react38.useState)(props.color);
+  (0, import_react38.useEffect)(() => {
     if (selectedColor && selectedColor[0] !== "#") {
       setSelectedColor(`#${selectedColor}`);
     }
@@ -6999,13 +7009,13 @@ var ColorPicker = ({
       props.handleChange(e);
     }
   };
-  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react37.default.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ import_react37.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react38.default.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ import_react38.default.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ import_react38.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react38.default.createElement(
     "div",
     {
       style: { height: 40, backgroundColor: selectedColor },
       className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
     },
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       "input",
       {
         disabled: preview,
@@ -7024,7 +7034,7 @@ var ColorPicker = ({
         ...colorPickerProps
       }
     )
-  ), /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react37.default.createElement(
+  ), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react38.default.createElement(
     "input",
     {
       disabled: preview,
@@ -7043,7 +7053,7 @@ var ColorPicker = ({
       },
       ...textInputProps
     }
-  ))), !forceHideHelperText && /* @__PURE__ */ import_react37.default.createElement(
+  ))), !forceHideHelperText && /* @__PURE__ */ import_react38.default.createElement(
     "p",
     {
       className: cn(
@@ -7056,7 +7066,7 @@ var ColorPicker = ({
 };
 
 // elements/progressCircle/ProgressCircle.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 var size2config = {
   xs: { radius: 15, strokeWidth: 3 },
   sm: { radius: 19, strokeWidth: 4 },
@@ -7073,7 +7083,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
+var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -7093,7 +7103,7 @@ var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
   const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(
     "div",
     {
       ref,
@@ -7102,7 +7112,7 @@ var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement(
       "svg",
       {
         width: radius * 2,
@@ -7110,7 +7120,7 @@ var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ import_react38.default.createElement(
+      /* @__PURE__ */ import_react39.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -7126,7 +7136,7 @@ var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ import_react38.default.createElement(
+      value > 0 ? /* @__PURE__ */ import_react39.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -7146,24 +7156,24 @@ var ProgressCircle = import_react38.default.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ import_react38.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ import_react39.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
   ));
 });
 ProgressCircle.displayName = "ProgressCircle";
 
 // elements/pagination/Pagination.tsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_react_headless_pagination = require("react-headless-pagination");
 var Pagination = ({
   direction,
   totalPages,
   currentPage
 }) => {
-  const [page, setPage] = import_react39.default.useState(currentPage || 0);
+  const [page, setPage] = import_react40.default.useState(currentPage || 0);
   const handlePageChange = (page2) => {
     setPage(page2);
   };
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     import_react_headless_pagination.Pagination,
     {
       totalPages,
@@ -7175,10 +7185,10 @@ var Pagination = ({
       truncableText: "...",
       truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
     },
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       import_react_headless_pagination.Pagination.PrevButton,
       {
-        as: /* @__PURE__ */ import_react39.default.createElement(
+        as: /* @__PURE__ */ import_react40.default.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -7188,7 +7198,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ import_react39.default.createElement(
+          /* @__PURE__ */ import_react40.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -7201,7 +7211,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react39.default.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ import_react40.default.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -7214,17 +7224,17 @@ var Pagination = ({
       },
       "Previous"
     ),
-    /* @__PURE__ */ import_react39.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react39.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react40.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react40.default.createElement(
       import_react_headless_pagination.Pagination.PageButton,
       {
         className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
         activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
       }
     ))),
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       import_react_headless_pagination.Pagination.NextButton,
       {
-        as: /* @__PURE__ */ import_react39.default.createElement(
+        as: /* @__PURE__ */ import_react40.default.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -7234,7 +7244,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ import_react39.default.createElement(
+          /* @__PURE__ */ import_react40.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -7247,7 +7257,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react39.default.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ import_react40.default.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -7264,14 +7274,14 @@ var Pagination = ({
 };
 
 // elements/passwordInput/PasswordInput.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 
 // icons/Emojis.tsx
-var import_react40 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 
 // icons/InputIcons.tsx
-var import_react41 = __toESM(require("react"));
-var EyeIcon = (props) => /* @__PURE__ */ import_react41.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react41.default.createElement(
+var import_react42 = __toESM(require("react"));
+var EyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react42.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7282,10 +7292,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react41.default.createElement("d
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ import_react41.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ import_react41.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
+  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
 ));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react41.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react41.default.createElement(
+var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react42.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7296,20 +7306,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react41.default.createElem
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ import_react41.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ import_react41.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ import_react41.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ import_react41.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+  /* @__PURE__ */ import_react42.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+  /* @__PURE__ */ import_react42.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
 // icons/CommonIcons.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles2 = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(
     "svg",
     {
       className: cn(sizeStyles2[size], className),
@@ -7317,7 +7327,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react42.default.createElement(
+    /* @__PURE__ */ import_react43.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7332,7 +7342,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(
     "svg",
     {
       className: cn(sizeStyles2[size], className),
@@ -7340,7 +7350,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react42.default.createElement(
+    /* @__PURE__ */ import_react43.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7378,7 +7388,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     strong: "80%",
     "very-strong": "100%"
   }[currentStrengthLevel];
-  return /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react44.default.createElement(
     "div",
     {
       className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -7390,16 +7400,16 @@ var PasswordInput = ({
   hidePopover,
   ...props
 }) => {
-  const [inputValue, setInputValue] = (0, import_react43.useState)("");
-  const [isInputFocused, setIsInputFocused] = (0, import_react43.useState)(false);
-  const [currentStr, setCurrentStr] = (0, import_react43.useState)(0);
-  const [passwordVisible, setPasswordVisible] = (0, import_react43.useState)(false);
-  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react43.useState)(false);
-  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react43.useState)(false);
-  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react43.useState)(false);
-  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react43.useState)(false);
-  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react43.useState)(false);
-  (0, import_react43.useEffect)(() => {
+  const [inputValue, setInputValue] = (0, import_react44.useState)("");
+  const [isInputFocused, setIsInputFocused] = (0, import_react44.useState)(false);
+  const [currentStr, setCurrentStr] = (0, import_react44.useState)(0);
+  const [passwordVisible, setPasswordVisible] = (0, import_react44.useState)(false);
+  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react44.useState)(false);
+  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react44.useState)(false);
+  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react44.useState)(false);
+  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react44.useState)(false);
+  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react44.useState)(false);
+  (0, import_react44.useEffect)(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
       if (lengthCriteriaMet)
@@ -7438,7 +7448,7 @@ var PasswordInput = ({
     setIsInputFocused(false);
   };
   const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
-  return /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement("div", null, /* @__PURE__ */ import_react44.default.createElement(
     Popover,
     {
       width: "trigger",
@@ -7447,7 +7457,7 @@ var PasswordInput = ({
       onOpenChange: setIsInputFocused,
       triggerProps: { asChild: true },
       contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
-      trigger: /* @__PURE__ */ import_react43.default.createElement(
+      trigger: /* @__PURE__ */ import_react44.default.createElement(
         "div",
         {
           onClick: (e) => {
@@ -7457,7 +7467,7 @@ var PasswordInput = ({
             }
           }
         },
-        /* @__PURE__ */ import_react43.default.createElement(
+        /* @__PURE__ */ import_react44.default.createElement(
           Input,
           {
             width: "full",
@@ -7467,21 +7477,21 @@ var PasswordInput = ({
             onFocus: handleInputFocus,
             onBlur: handleInputBlur,
             type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ import_react43.default.createElement(
+            endIcon: /* @__PURE__ */ import_react44.default.createElement(
               "div",
               {
                 className: "hawa-cursor-pointer",
                 onClick: () => setPasswordVisible(!passwordVisible)
               },
-              passwordVisible ? /* @__PURE__ */ import_react43.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react43.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              passwordVisible ? /* @__PURE__ */ import_react44.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react44.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
               " "
             )
           }
         )
       )
     },
-    /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react43.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react43.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react43.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react43.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react43.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react43.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react43.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react43.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react43.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react43.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react43.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react43.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react43.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react43.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react43.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react43.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
-  ), /* @__PURE__ */ import_react43.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+    /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react44.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react44.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react44.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react44.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ import_react44.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 
 // elements/slider/Slider.tsx
@@ -7596,12 +7606,12 @@ var Separator2 = ({
 );
 
 // elements/scrollIndicator/ScrollIndicator.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 var ScrollIndicator = ({
   anchor,
   inContainer = false
 }) => {
-  const [scrollPercentage, setScrollPercentage] = (0, import_react44.useState)(0);
+  const [scrollPercentage, setScrollPercentage] = (0, import_react45.useState)(0);
   const onScroll = () => {
     const scrollElement = anchor.current;
     if (scrollElement) {
@@ -7612,7 +7622,7 @@ var ScrollIndicator = ({
       setScrollPercentage(percentageScrolled);
     }
   };
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (!anchor.current)
       return;
     anchor.current.addEventListener("scroll", onScroll);
@@ -7621,7 +7631,7 @@ var ScrollIndicator = ({
       (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
     };
   }, [anchor]);
-  return /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       style: {
@@ -7637,11 +7647,11 @@ var ScrollIndicator = ({
 };
 
 // elements/codeBlock/CodeBlock.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var import_prism_react_renderer = require("prism-react-renderer");
 (typeof global !== "undefined" ? global : window).Prism = import_prism_react_renderer.Prism;
 require("prismjs/components/prism-bash");
-var CopyIcon = () => /* @__PURE__ */ import_react45.default.createElement(
+var CopyIcon = () => /* @__PURE__ */ import_react46.default.createElement(
   "svg",
   {
     "aria-label": "Copy",
@@ -7654,8 +7664,8 @@ var CopyIcon = () => /* @__PURE__ */ import_react45.default.createElement(
     height: "1em",
     width: "1em"
   },
-  /* @__PURE__ */ import_react45.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-  /* @__PURE__ */ import_react45.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  /* @__PURE__ */ import_react46.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ import_react46.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
 );
 var CodeBlock = ({
   tabs,
@@ -7669,7 +7679,7 @@ var CodeBlock = ({
   ...props
 }) => {
   const clipboard = useClipboard();
-  const [selectedTab, setSelectedTab] = (0, import_react45.useState)(0);
+  const [selectedTab, setSelectedTab] = (0, import_react46.useState)(0);
   const theme = import_prism_react_renderer.themes.oceanicNext;
   let widthStyles = {
     full: "hawa-w-full",
@@ -7677,7 +7687,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement(
     "div",
     {
       className: cn(
@@ -7686,7 +7696,7 @@ var CodeBlock = ({
         classNames == null ? void 0 : classNames.root
       )
     },
-    fileName && /* @__PURE__ */ import_react45.default.createElement(
+    fileName && /* @__PURE__ */ import_react46.default.createElement(
       "div",
       {
         className: cn(
@@ -7695,7 +7705,7 @@ var CodeBlock = ({
           classNames == null ? void 0 : classNames.fileName
         )
       },
-      /* @__PURE__ */ import_react45.default.createElement(
+      /* @__PURE__ */ import_react46.default.createElement(
         "div",
         {
           className: cn(
@@ -7705,7 +7715,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ import_react45.default.createElement(
+    tabs && /* @__PURE__ */ import_react46.default.createElement(
       "div",
       {
         className: cn(
@@ -7714,7 +7724,7 @@ var CodeBlock = ({
           classNames == null ? void 0 : classNames.tabs
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ import_react45.default.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ import_react46.default.createElement(
         "div",
         {
           key: i,
@@ -7723,7 +7733,7 @@ var CodeBlock = ({
             classNames == null ? void 0 : classNames.tab
           )
         },
-        /* @__PURE__ */ import_react45.default.createElement(
+        /* @__PURE__ */ import_react46.default.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -7735,7 +7745,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react46.default.createElement(
       "div",
       {
         className: cn(
@@ -7745,22 +7755,22 @@ var CodeBlock = ({
           "hawa-overflow-y-auto"
         )
       },
-      /* @__PURE__ */ import_react45.default.createElement(
+      /* @__PURE__ */ import_react46.default.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-absolute  hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50  hawa-right-3 hawa-top-3"
           )
         },
-        /* @__PURE__ */ import_react45.default.createElement(
+        /* @__PURE__ */ import_react46.default.createElement(
           Tooltip,
           {
             open: clipboard.copied,
             side: "left",
-            content: /* @__PURE__ */ import_react45.default.createElement("div", null, "Copied!"),
+            content: /* @__PURE__ */ import_react46.default.createElement("div", null, "Copied!"),
             triggerProps: { asChild: true }
           },
-          /* @__PURE__ */ import_react45.default.createElement(
+          /* @__PURE__ */ import_react46.default.createElement(
             Button,
             {
               size: "smallIcon",
@@ -7768,18 +7778,18 @@ var CodeBlock = ({
               variant: "outline",
               className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
             },
-            /* @__PURE__ */ import_react45.default.createElement(CopyIcon, null)
+            /* @__PURE__ */ import_react46.default.createElement(CopyIcon, null)
           )
         )
       ),
-      /* @__PURE__ */ import_react45.default.createElement(
+      /* @__PURE__ */ import_react46.default.createElement(
         import_prism_react_renderer.Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react45.default.createElement(
+        ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react46.default.createElement(
           "pre",
           {
             className: cn(
@@ -7789,7 +7799,7 @@ var CodeBlock = ({
               wrapText && "hawa-text-wrap"
             )
           },
-          tokens.map((line, i) => /* @__PURE__ */ import_react45.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react45.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react45.default.createElement("span", { key, ...getTokenProps({ token }) }))))
+          tokens.map((line, i) => /* @__PURE__ */ import_react46.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react46.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react46.default.createElement("span", { key, ...getTokenProps({ token }) }))))
         )
       )
     )
@@ -7797,7 +7807,7 @@ var CodeBlock = ({
 };
 
 // elements/carousel/Carousel.tsx
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
 var Carousel = ({
   items,
@@ -7813,8 +7823,8 @@ var Carousel = ({
     direction,
     loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
-  const [selectedIndex, setSelectedIndex] = (0, import_react46.useState)(0);
-  (0, import_react46.useEffect)(() => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react47.useState)(0);
+  (0, import_react47.useEffect)(() => {
     function selectHandler() {
       const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
       setSelectedIndex(index || 0);
@@ -7824,7 +7834,7 @@ var Carousel = ({
       emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
     };
   }, [emblaApi]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     let autoplayTimer;
     if (autoplay && emblaApi) {
       autoplayTimer = setInterval(() => {
@@ -7836,17 +7846,17 @@ var Carousel = ({
         clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
-  const length = import_react46.default.Children.count(items);
+  const length = import_react47.default.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react47.default.createElement(
     "div",
     {
       key: i,
       className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
     },
     item
-  ))))), /* @__PURE__ */ import_react46.default.createElement(
+  ))))), /* @__PURE__ */ import_react47.default.createElement(
     Dots,
     {
       direction,
@@ -7854,7 +7864,7 @@ var Carousel = ({
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
     }
-  ), showArrows && /* @__PURE__ */ import_react46.default.createElement(
+  ), showArrows && /* @__PURE__ */ import_react47.default.createElement(
     CarouselControls,
     {
       canScrollNext,
@@ -7871,7 +7881,7 @@ var Dots = ({
   direction
 }) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement(
     "div",
     {
       dir: direction,
@@ -7879,7 +7889,7 @@ var Dots = ({
     },
     arr.map((_, index) => {
       const selected = index === selectedIndex;
-      return /* @__PURE__ */ import_react46.default.createElement(
+      return /* @__PURE__ */ import_react47.default.createElement(
         "div",
         {
           key: index,
@@ -7894,7 +7904,7 @@ var Dots = ({
   );
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react47.default.createElement(
     "button",
     {
       onClick: () => props.canScrollPrev && props.onPrev(),
@@ -7905,7 +7915,7 @@ var CarouselControls = (props) => {
         props.canScrollPrev && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7914,9 +7924,9 @@ var CarouselControls = (props) => {
         viewBox: "0 0 16 16",
         className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
       },
-      /* @__PURE__ */ import_react46.default.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__ */ import_react47.default.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__ */ import_react46.default.createElement(
+  ), /* @__PURE__ */ import_react47.default.createElement(
     "button",
     {
       onClick: () => props.canScrollNext && props.onNext(),
@@ -7927,7 +7937,7 @@ var CarouselControls = (props) => {
         props.canScrollNext && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7936,15 +7946,15 @@ var CarouselControls = (props) => {
         viewBox: "0 0 16 16",
         className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
       },
-      /* @__PURE__ */ import_react46.default.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__ */ import_react47.default.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" })
     )
   ));
 };
 
 // elements/count/Count.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 var Count = (props) => {
-  return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react47.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-text-sm" }, props.count));
+  return /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react48.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
 // elements/toast/Toast.tsx
@@ -8085,11 +8095,11 @@ var ToastDescription = React68.forwardRef(({ className, size = "default", ...pro
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // elements/toaster/Toaster.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 function Toaster(props) {
   var _a;
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react48.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
+  return /* @__PURE__ */ import_react49.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
     id,
     title,
     description,
@@ -8097,7 +8107,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ import_react48.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react49.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         className: cn(
@@ -8105,9 +8115,9 @@ function Toaster(props) {
           action && "hawa-justify-between"
         )
       },
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ import_react48.default.createElement(ToastClose, null)),
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
-      /* @__PURE__ */ import_react48.default.createElement(
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ import_react49.default.createElement(ToastClose, null)),
+      /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
+      /* @__PURE__ */ import_react49.default.createElement(
         "div",
         {
           className: cn(
@@ -8115,11 +8125,11 @@ function Toaster(props) {
             { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
           )
         },
-        /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react48.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react48.default.createElement(ToastDescription, { size }, description)),
-        action && /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
+        /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react49.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react49.default.createElement(ToastDescription, { size }, description)),
+        action && /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
       )
     ));
-  }), /* @__PURE__ */ import_react48.default.createElement(
+  }), /* @__PURE__ */ import_react49.default.createElement(
     ToastViewport,
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -8128,20 +8138,20 @@ function Toaster(props) {
 }
 
 // elements/destroyableCard/DestroyableCard.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var DestroyableCard = ({
   position = "bottom-right",
   fixed,
   direction,
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react49.useState)(false);
-  const popUpRef = (0, import_react49.useRef)(null);
+  const [closed, setClosed] = (0, import_react50.useState)(false);
+  const popUpRef = (0, import_react50.useRef)(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4 hawa-bottom-4",
     "bottom-left": "hawa-left-4 hawa-bottom-4"
   };
-  return /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(
     "div",
     {
       className: cn(
@@ -8150,7 +8160,7 @@ var DestroyableCard = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react49.default.createElement(
+    /* @__PURE__ */ import_react50.default.createElement(
       Card,
       {
         className: cn(
@@ -8159,7 +8169,7 @@ var DestroyableCard = ({
         ),
         dir: direction
       },
-      /* @__PURE__ */ import_react49.default.createElement(
+      /* @__PURE__ */ import_react50.default.createElement(
         "button",
         {
           type: "button",
@@ -8178,7 +8188,7 @@ var DestroyableCard = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react49.default.createElement(
+        /* @__PURE__ */ import_react50.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -8186,7 +8196,7 @@ var DestroyableCard = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react49.default.createElement(
+          /* @__PURE__ */ import_react50.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -8196,13 +8206,13 @@ var DestroyableCard = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true }, props.children)
+      /* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true }, props.children)
     )
   );
 };
 
 // elements/interfaceSettings/InterfaceSettings.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
@@ -8210,13 +8220,13 @@ var InterfaceSettings = ({
   handleLanguage,
   ...props
 }) => {
-  const [color, setColor] = (0, import_react50.useState)(props.currentColorMode);
-  const [language, setLanguage] = (0, import_react50.useState)(props.currentLanguage);
+  const [color, setColor] = (0, import_react51.useState)(props.currentColorMode);
+  const [language, setLanguage] = (0, import_react51.useState)(props.currentLanguage);
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
     vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
   };
-  return /* @__PURE__ */ import_react50.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react51.default.createElement(
     Radio,
     {
       name: "language",
@@ -8234,7 +8244,7 @@ var InterfaceSettings = ({
         { value: "en", label: "English" }
       ]
     }
-  ), /* @__PURE__ */ import_react50.default.createElement(
+  ), /* @__PURE__ */ import_react51.default.createElement(
     Radio,
     {
       name: "theme",
@@ -8250,7 +8260,7 @@ var InterfaceSettings = ({
       options: [
         {
           value: "light",
-          label: /* @__PURE__ */ import_react50.default.createElement(
+          label: /* @__PURE__ */ import_react51.default.createElement(
             "svg",
             {
               width: "15",
@@ -8260,7 +8270,7 @@ var InterfaceSettings = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
             },
-            /* @__PURE__ */ import_react50.default.createElement(
+            /* @__PURE__ */ import_react51.default.createElement(
               "path",
               {
                 d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
@@ -8271,7 +8281,7 @@ var InterfaceSettings = ({
         },
         {
           value: "dark",
-          label: /* @__PURE__ */ import_react50.default.createElement(
+          label: /* @__PURE__ */ import_react51.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -8282,7 +8292,7 @@ var InterfaceSettings = ({
               stroke: "currentColor",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
             },
-            /* @__PURE__ */ import_react50.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+            /* @__PURE__ */ import_react51.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
         }
       ]
@@ -8291,14 +8301,14 @@ var InterfaceSettings = ({
 };
 
 // elements/phoneMockup/PhoneMockup.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var PhoneMockup = ({
   children,
   upperOverlayGradiant,
   lowerOverlayGradiant,
   phone,
   hideButtons
-}) => /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react51.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
+}) => /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react52.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,