@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/{chunk-X6PCWJYD.mjs → chunk-2R2QPJT7.mjs}

@@ -689,13 +689,94 @@ var DropdownMenuRadio = (props) => {
 };
 
 // components/elements/accordion/Accordion.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
 
+// components/elements/chip/Chip.tsx
+import React6 from "react";
+var Chip = React6.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dotType,
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotTypeStyles = {
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
+      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
+      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
+      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ React6.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ React6.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ React6.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
 // components/elements/accordion/AccordionContent.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   AccordionPrimitive.Content,
   {
     ref,
@@ -705,14 +786,14 @@ var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref
     ) : className,
     ...props
   },
-  /* @__PURE__ */ React6.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;
 
 // components/elements/accordion/AccordionTrigger.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
-var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React7.createElement(
+var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -724,7 +805,7 @@ var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref
     ...props
   },
   children,
-  !props.hideArrow && /* @__PURE__ */ React7.createElement(
+  !props.hideArrow && /* @__PURE__ */ React8.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -738,13 +819,13 @@ var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref
       strokeLinejoin: "round",
       className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React7.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;
 
 // components/elements/accordion/Accordion.tsx
-var Accordion = React8.forwardRef(
+var Accordion = React9.forwardRef(
   ({
     items,
     design = "default",
@@ -753,7 +834,7 @@ var Accordion = React8.forwardRef(
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React8.createElement(
+  }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React9.createElement(
     "div",
     {
       className: cn("hawa-flex hawa-flex-col", {
@@ -761,7 +842,7 @@ var Accordion = React8.forwardRef(
         "hawa-gap-0": design === "default"
       })
     },
-    items.map((item, index) => /* @__PURE__ */ React8.createElement(
+    items.map((item, index) => /* @__PURE__ */ React9.createElement(
       AccordionPrimitive3.Item,
       {
         disabled: item.disabled || false,
@@ -769,7 +850,7 @@ var Accordion = React8.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -782,7 +863,7 @@ var Accordion = React8.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React9.createElement(
           "span",
           {
             className: cn(
@@ -792,10 +873,10 @@ var Accordion = React8.forwardRef(
           },
           item.trigger,
           " ",
-          item.chip && /* @__PURE__ */ React8.createElement(Chip, { ...item.chip })
+          item.chip && /* @__PURE__ */ React9.createElement(Chip, { ...item.chip })
         )
       ),
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement(
         AccordionContent,
         {
           "aria-disabled": item.disabled || false,
@@ -815,9 +896,9 @@ var Accordion = React8.forwardRef(
 Accordion.displayName = "Accordion";
 
 // components/elements/accordion/AccordionItem.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
-var AccordionItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.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";
 
 // components/elements/accordion/AccordionRoot.tsx
@@ -825,9 +906,9 @@ import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
 var AccordionRoot = AccordionPrimitive5.Root;
 
 // components/elements/logos/Logos.tsx
-import React10 from "react";
+import React11 from "react";
 var Logos = {
-  hawa: (props) => /* @__PURE__ */ React10.createElement(
+  hawa: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -835,7 +916,7 @@ var Logos = {
       viewBox: "0 0 765 765",
       ...props
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       "path",
       {
         d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
@@ -843,7 +924,7 @@ var Logos = {
       }
     )
   ),
-  sikka: (props) => /* @__PURE__ */ React10.createElement(
+  sikka: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -853,11 +934,11 @@ var Logos = {
       fill: "currentColor",
       ...props
     },
-    /* @__PURE__ */ React10.createElement("defs", null, /* @__PURE__ */ React10.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
-    /* @__PURE__ */ React10.createElement("clipPath", { id: "b" }, /* @__PURE__ */ React10.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
-    /* @__PURE__ */ React10.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ React10.createElement("defs", null, /* @__PURE__ */ React10.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ React10.createElement("clipPath", { id: "d" }, /* @__PURE__ */ React10.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ React10.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ React10.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
+    /* @__PURE__ */ React11.createElement("defs", null, /* @__PURE__ */ React11.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
+    /* @__PURE__ */ React11.createElement("clipPath", { id: "b" }, /* @__PURE__ */ React11.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
+    /* @__PURE__ */ React11.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ React11.createElement("defs", null, /* @__PURE__ */ React11.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ React11.createElement("clipPath", { id: "d" }, /* @__PURE__ */ React11.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ React11.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ React11.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
   ),
-  mail: (props) => /* @__PURE__ */ React10.createElement(
+  mail: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -869,10 +950,10 @@ var Logos = {
       xmlns: "http://www.w3.org/2000/svg",
       ...props
     },
-    /* @__PURE__ */ React10.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ React10.createElement("polyline", { points: "22,6 12,13 2,6" })
+    /* @__PURE__ */ React11.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ React11.createElement("polyline", { points: "22,6 12,13 2,6" })
   ),
-  phone: (props) => /* @__PURE__ */ React10.createElement(
+  phone: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -883,7 +964,7 @@ var Logos = {
       xmlns: "http://www.w3.org/2000/svg",
       ...props
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -892,14 +973,14 @@ var Logos = {
       }
     )
   ),
-  twitter: (props) => /* @__PURE__ */ React10.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  twitter: (props) => /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
     }
   )),
-  instagram: (props) => /* @__PURE__ */ React10.createElement(
+  instagram: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -907,23 +988,23 @@ var Logos = {
       viewBox: "0 0 16 16",
       ...props
     },
-    /* @__PURE__ */ React10.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
+    /* @__PURE__ */ React11.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
   ),
-  microsoft: (props) => /* @__PURE__ */ React10.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React10.createElement(
+  microsoft: (props) => /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
     }
   )),
-  github: (props) => /* @__PURE__ */ React10.createElement(
+  github: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 438.549 438.549",
       ...props
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       "path",
       {
         fill: "currentColor",
@@ -931,77 +1012,77 @@ var Logos = {
       }
     )
   ),
-  radix: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ React10.createElement(
+  radix: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
       fill: "currentcolor"
     }
-  ), /* @__PURE__ */ React10.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React11.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
       fill: "currentcolor"
     }
   )),
-  aria: (props) => /* @__PURE__ */ React10.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ React10.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
-  npm: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  aria: (props) => /* @__PURE__ */ React11.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ React11.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
+  npm: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
       fill: "currentColor"
     }
   )),
-  yarn: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  yarn: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
       fill: "currentColor"
     }
   )),
-  pnpm: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  pnpm: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
       fill: "currentColor"
     }
   )),
-  react: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  react: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
       fill: "currentColor"
     }
   )),
-  tailwind: (props) => /* @__PURE__ */ React10.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  tailwind: (props) => /* @__PURE__ */ React11.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
       fill: "currentColor"
     }
   )),
-  google: (props) => /* @__PURE__ */ React10.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  google: (props) => /* @__PURE__ */ React11.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
     }
   )),
-  apple: (props) => /* @__PURE__ */ React10.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  apple: (props) => /* @__PURE__ */ React11.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
       fill: "currentColor"
     }
   )),
-  paypal: (props) => /* @__PURE__ */ React10.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React10.createElement(
+  paypal: (props) => /* @__PURE__ */ React11.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React11.createElement(
     "path",
     {
       d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
       fill: "currentColor"
     }
   )),
-  spinner: (props) => /* @__PURE__ */ React10.createElement(
+  spinner: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1015,9 +1096,9 @@ var Logos = {
       strokeLinejoin: "round",
       ...props
     },
-    /* @__PURE__ */ React10.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    /* @__PURE__ */ React11.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   ),
-  whatsapp: (props) => /* @__PURE__ */ React10.createElement(
+  whatsapp: (props) => /* @__PURE__ */ React11.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1025,18 +1106,18 @@ var Logos = {
       fill: "currentColor",
       ...props
     },
-    /* @__PURE__ */ React10.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
+    /* @__PURE__ */ React11.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
   )
 };
 
 // components/elements/navigationMenu/NavigationMenu.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
 var navigationMenuTriggerStyle = 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 = React11.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuRoot = React12.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1048,9 +1129,9 @@ var NavigationMenuRoot = React11.forwardRef(({ className, children, viewportClas
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(NavigationMenuViewport, { className: viewportClassNames })
+  /* @__PURE__ */ React12.createElement(NavigationMenuViewport, { className: viewportClassNames })
 ));
-var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1061,7 +1142,7 @@ var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1069,7 +1150,7 @@ var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(
+  /* @__PURE__ */ React12.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -1085,10 +1166,10 @@ var NavigationMenuTrigger = React11.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__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React12.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 ));
-var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1102,15 +1183,15 @@ var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React11.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React11.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__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React11.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React11.createElement("p", { className: "hawa-text-sm" }, subtitle))));
-var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.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__ */ React11.createElement(
+  /* @__PURE__ */ React12.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
@@ -1127,7 +1208,7 @@ var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) =
     }
   )
 ));
-var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuIndicator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1137,7 +1218,7 @@ var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   },
-  /* @__PURE__ */ React11.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,
@@ -1146,7 +1227,7 @@ var NavigationMenu = ({
   actionFirst,
   ...props
 }) => {
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(
     NavigationMenuRoot,
     {
       dir: props.direction,
@@ -1154,7 +1235,7 @@ var NavigationMenu = ({
       className: rootClassNames,
       viewportClassNames
     },
-    /* @__PURE__ */ React11.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React11.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React11.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React11.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,
@@ -1183,14 +1264,14 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // components/elements/sheet/Sheet.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva2 } from "class-variance-authority";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1217,8 +1298,8 @@ var sheetVariants = cva2(
     }
   }
 );
-var SheetContent = React12.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React12.createElement(SheetPortal, null, /* @__PURE__ */ React12.createElement(SheetOverlay, null), /* @__PURE__ */ React12.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,
@@ -1231,7 +1312,7 @@ var SheetContent = React12.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React12.createElement(
+    !hideCloseButton && /* @__PURE__ */ React13.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -1243,7 +1324,7 @@ var SheetContent = React12.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React13.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1252,7 +1333,7 @@ var SheetContent = React12.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React13.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1261,14 +1342,14 @@ var SheetContent = React12.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React12.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   ))
 );
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React12.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -1281,7 +1362,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React12.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -1291,7 +1372,7 @@ var SheetFooter = ({
     ...props
   }
 );
-var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Title,
   {
     ref,
@@ -1302,7 +1383,7 @@ var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Description,
   {
     ref,
@@ -1318,12 +1399,12 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/dialog/Dialog.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React13.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React14.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1334,7 +1415,7 @@ var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React13.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
+var DialogContent = React14.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, null, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -1350,7 +1431,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React13.createElement(
+  !hideCloseButton && /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -1358,7 +1439,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React14.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -1367,7 +1448,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React14.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -1376,10 +1457,10 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         }
       )
     ),
-    /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React13.forwardRef(
+var DialogCarouselContent = React14.forwardRef(
   ({
     className,
     children,
@@ -1388,7 +1469,7 @@ var DialogCarouselContent = React13.forwardRef(
     hideCloseButton,
     hidePrevButton,
     ...props
-  }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
+  }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, null, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -1404,7 +1485,7 @@ var DialogCarouselContent = React13.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React14.createElement(
       "div",
       {
         className: cn(
@@ -1412,7 +1493,7 @@ var DialogCarouselContent = React13.forwardRef(
           onPrev ? "hawa-justify-between" : "hawa-justify-end"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React13.createElement("div", null) : /* @__PURE__ */ React13.createElement(
+      hidePrevButton ? /* @__PURE__ */ React14.createElement("div", null) : /* @__PURE__ */ React14.createElement(
         "div",
         {
           onClick: onPrev,
@@ -1421,7 +1502,7 @@ var DialogCarouselContent = React13.forwardRef(
             props.dir === "rtl" && "hawa-rotate-180"
           )
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React14.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1435,10 +1516,10 @@ var DialogCarouselContent = React13.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React13.createElement("path", { d: "m15 18-6-6 6-6" })
+          /* @__PURE__ */ React14.createElement("path", { d: "m15 18-6-6 6-6" })
         )
       ),
-      !hideCloseButton && /* @__PURE__ */ React13.createElement(
+      !hideCloseButton && /* @__PURE__ */ React14.createElement(
         DialogPrimitive.Close,
         {
           className: cn(
@@ -1446,7 +1527,7 @@ var DialogCarouselContent = React13.forwardRef(
             props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
           )
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React14.createElement(
           "svg",
           {
             "aria-label": "Close Icon",
@@ -1455,7 +1536,7 @@ var DialogCarouselContent = React13.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React14.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1464,7 +1545,7 @@ var DialogCarouselContent = React13.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -1472,7 +1553,7 @@ var DialogCarouselContent = React13.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1482,7 +1563,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -1493,7 +1574,7 @@ var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -1507,7 +1588,7 @@ var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1523,12 +1604,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
     }
   }, [stepsApi, children]);
-  return /* @__PURE__ */ React13.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React13.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",
@@ -1536,7 +1617,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
+    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
       "div",
       {
         className: cn(
@@ -1553,14 +1634,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React13.useState(null);
-  React13.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__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -1569,7 +1650,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
+    React14.Children.map(children, (child, index) => /* @__PURE__ */ React14.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -1587,7 +1668,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       id,
@@ -1598,7 +1679,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React13.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";
@@ -1614,10 +1695,10 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // components/elements/alert/Alert.tsx
-import React15, { useRef, useState as useState2, useEffect as useEffect2 } from "react";
+import React16, { useRef, useState as useState2, useEffect as useEffect2 } from "react";
 
 // components/elements/button/Button.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { cva as cva3 } from "class-variance-authority";
 var buttonVariants = cva3(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
@@ -1652,7 +1733,7 @@ var buttonVariants = cva3(
     }
   }
 );
-var Button = React14.forwardRef(
+var Button = React15.forwardRef(
   ({
     className,
     variant,
@@ -1665,7 +1746,7 @@ var Button = React14.forwardRef(
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ React15.createElement(
       Comp,
       {
         className: cn(
@@ -1675,7 +1756,7 @@ var Button = React14.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React14.createElement(
+      isLoading ? /* @__PURE__ */ React15.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1736,7 +1817,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__ */ React15.createElement("div", { ref: alertRef }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { ref: alertRef }, /* @__PURE__ */ React16.createElement(
     "div",
     {
       "data-testid": "alert",
@@ -1750,13 +1831,13 @@ var Alert = ({
         className
       )
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React16.createElement(
       "div",
       {
         className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
       },
       icon
-    ), /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React16.createElement(
       "span",
       {
         className: cn(
@@ -1765,7 +1846,7 @@ var Alert = ({
         )
       },
       props.title
-    ), /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.createElement(
       "span",
       {
         className: cn(
@@ -1774,7 +1855,7 @@ var Alert = ({
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ React15.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React15.createElement(
+    ), props.actions && /* @__PURE__ */ React16.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React16.createElement(
       Button,
       {
         key: index,
@@ -1783,7 +1864,7 @@ var Alert = ({
       },
       act.label
     ))))),
-    !props.persistent && /* @__PURE__ */ React15.createElement(
+    !props.persistent && /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -1806,8 +1887,8 @@ var Alert = ({
           }, 200);
         }
       },
-      /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement("span", { className: "hawa-sr-only" }, "Close"),
+      /* @__PURE__ */ React16.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1816,7 +1897,7 @@ var Alert = ({
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React16.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1830,10 +1911,10 @@ var Alert = ({
 };
 
 // components/elements/avatar/Avatar.tsx
-import React17 from "react";
+import React18 from "react";
 
 // components/elements/FileUploader.tsx
-import React16, { useRef as useRef2 } from "react";
+import React17, { useRef as useRef2 } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef2(null);
   const handleClick = () => {
@@ -1844,7 +1925,7 @@ var FileUploader = ({ handleFile, className }) => {
     const fileUploaded = event.target.files[0];
     handleFile(fileUploaded);
   };
-  return /* @__PURE__ */ React16.createElement("div", { className }, /* @__PURE__ */ React16.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement("div", { className }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React17.createElement(
     "input",
     {
       type: "file",
@@ -1884,7 +1965,7 @@ var Avatar = ({
     inherit: "hawa-rounded",
     none: "hawa-rounded-none"
   };
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     "div",
     {
       className: cn(
@@ -1894,7 +1975,7 @@ var Avatar = ({
         className
       )
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(
       FileUploader,
       {
         className: cn(
@@ -1905,7 +1986,7 @@ var Avatar = ({
         )
       }
     ),
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(
       "img",
       {
         className: cn(
@@ -1918,7 +1999,7 @@ var Avatar = ({
         alt
       }
     ),
-    !src && !isUploadable && /* @__PURE__ */ React17.createElement(
+    !src && !isUploadable && /* @__PURE__ */ React18.createElement(
       "div",
       {
         className: cn(
@@ -1926,7 +2007,7 @@ var Avatar = ({
           "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
         )
       },
-      icon ? icon : /* @__PURE__ */ React17.createElement(
+      icon ? icon : /* @__PURE__ */ React18.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1938,15 +2019,15 @@ var Avatar = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ React17.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+        /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ React18.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
       )
     )
   );
 };
 
 // components/elements/dataTable/DataTable.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import {
   flexRender,
   getCoreRowModel,
@@ -1958,11 +2039,11 @@ import {
 } from "@tanstack/react-table";
 
 // components/elements/input/Input.tsx
-import React19, { forwardRef as forwardRef12 } from "react";
+import React20, { forwardRef as forwardRef12 } from "react";
 
 // components/elements/label/Label.tsx
-import * as React18 from "react";
-var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React18.createElement(
+import * as React19 from "react";
+var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React19.createElement(
   "label",
   {
     ref,
@@ -1973,8 +2054,8 @@ var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children
     ...props
   },
   children,
-  required && /* @__PURE__ */ React18.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React18.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React18.createElement(
+  required && /* @__PURE__ */ React19.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React19.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React19.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1986,9 +2067,9 @@ var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M12 17h.01" })
+  /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
 ))));
 Label2.displayName = "Label";
 
@@ -2020,7 +2101,7 @@ var Input = forwardRef12(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "div",
       {
         className: cn(
@@ -2031,8 +2112,8 @@ var Input = forwardRef12(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React19.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React19.createElement(
+      props.label && /* @__PURE__ */ React20.createElement(Label2, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: cn(
@@ -2040,7 +2121,7 @@ var Input = forwardRef12(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React19.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React20.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: cn(
@@ -2049,7 +2130,7 @@ var Input = forwardRef12(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "input",
         {
           required: true,
@@ -2075,7 +2156,7 @@ var Input = forwardRef12(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React19.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React20.createElement(
         "p",
         {
           className: cn(
@@ -2084,7 +2165,7 @@ var Input = forwardRef12(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React19.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: cn(
@@ -2093,7 +2174,7 @@ var Input = forwardRef12(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React19.createElement(
+      ), showCount && /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: cn(
@@ -2114,8 +2195,8 @@ var Input = forwardRef12(
 );
 
 // components/elements/table/Table.tsx
-import * as React20 from "react";
-var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React20.createElement(
+import * as React21 from "react";
+var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React21.createElement(
   "table",
   {
     ref,
@@ -2124,7 +2205,7 @@ var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 )));
 Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   "thead",
   {
     ref,
@@ -2133,8 +2214,8 @@ var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableHead = React20.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableHead = React21.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React21.createElement(
     "th",
     {
       ref,
@@ -2153,9 +2234,9 @@ var TableHead = React20.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   "tfoot",
   {
     ref,
@@ -2167,7 +2248,7 @@ var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   "tr",
   {
     ref,
@@ -2181,14 +2262,14 @@ var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableCell = React20.forwardRef(
+var TableCell = React21.forwardRef(
   ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
     let paddingStyles = {
       condensed: "hawa-p-0 hawa-px-4",
       default: "hawa-p-4",
       noPadding: "hawa-p-0"
     };
-    return /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React21.createElement(
       "td",
       {
         ref,
@@ -2210,7 +2291,7 @@ var TableCell = React20.forwardRef(
   }
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   "caption",
   {
     ref,
@@ -2235,16 +2316,16 @@ var DataTable = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const [sorting, setSorting] = React21.useState(
+  const [sorting, setSorting] = React22.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
-  const [columnFilters, setColumnFilters] = React21.useState(
+  const [columnFilters, setColumnFilters] = React22.useState(
     []
   );
-  const [globalFilter, setGlobalFilter] = React21.useState("");
-  const [expanded, setExpanded] = React21.useState({});
-  const [columnVisibility, setColumnVisibility] = React21.useState({});
-  const [rowSelection, setRowSelection] = React21.useState({});
+  const [globalFilter, setGlobalFilter] = React22.useState("");
+  const [expanded, setExpanded] = React22.useState({});
+  const [columnVisibility, setColumnVisibility] = React22.useState({});
+  const [rowSelection, setRowSelection] = React22.useState({});
   const table = useReactTable({
     data,
     columns,
@@ -2273,7 +2354,7 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
-  return /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React22.createElement(
     Input,
     {
       forceHideHelperText: true,
@@ -2283,14 +2364,14 @@ var DataTable = ({
       margin: "none",
       className: "hawa-w-full md:hawa-max-w-sm"
     }
-  ), enableHideColumns && /* @__PURE__ */ React21.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React21.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React21.createElement(
+  ), enableHideColumns && /* @__PURE__ */ React22.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React22.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React22.createElement(
     Button,
     {
       variant: "outline",
       className: "hawa-flex hawa-flex-row hawa-gap-2"
     },
     ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(
       "svg",
       {
         "aria-label": "Chevron Down Icon",
@@ -2305,15 +2386,15 @@ var DataTable = ({
         strokeLinejoin: "round",
         className: "hawa-icon hawa-rotate-90"
       },
-      /* @__PURE__ */ React21.createElement("path", { d: "m9 18 6-6-6-6" })
+      /* @__PURE__ */ React22.createElement("path", { d: "m9 18 6-6-6-6" })
     )
-  )), /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React22.createElement(
     DropdownMenuContent,
     {
       align: props.direction === "rtl" ? "start" : "end"
     },
     table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React22.createElement(
         DropdownMenuCheckboxItem,
         {
           key: column.id,
@@ -2323,7 +2404,7 @@ var DataTable = ({
         translateFn ? translateFn(column.id) : column.id
       );
     })
-  ))), props.isLoading ? /* @__PURE__ */ React21.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React21.createElement(
+  ))), props.isLoading ? /* @__PURE__ */ React22.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React22.createElement(
     "div",
     {
       className: cn(
@@ -2331,10 +2412,10 @@ var DataTable = ({
         paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
       )
     },
-    /* @__PURE__ */ React21.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React21.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React21.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React21.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+    /* @__PURE__ */ React22.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React22.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React22.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React22.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
       var _a2;
       let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React22.createElement(
         TableHead,
         {
           dir: props.direction,
@@ -2347,7 +2428,7 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React21.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React21.createElement(
+    })))), /* @__PURE__ */ React22.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React22.createElement(
       TableRow,
       {
         key: row.id,
@@ -2355,7 +2436,7 @@ var DataTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React21.createElement(
+        return /* @__PURE__ */ React22.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -2368,7 +2449,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React21.createElement(TableRow, null, /* @__PURE__ */ React21.createElement(
+    )) : /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -2376,16 +2457,16 @@ var DataTable = ({
       },
       (_f = props.texts) == null ? void 0 : _f.noData
     ))))),
-    /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React22.createElement(
       "div",
       {
         className: "text-sm text-muted-foreground",
         dir: props.direction
       },
-      /* @__PURE__ */ React21.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+      /* @__PURE__ */ React22.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
       " ",
-      /* @__PURE__ */ React21.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-    ), /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React21.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
+    ), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React22.createElement(
       "input",
       {
         max: table.getPageCount(),
@@ -2402,7 +2483,7 @@ var DataTable = ({
         },
         className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
       }
-    )), /* @__PURE__ */ React21.createElement(
+    )), /* @__PURE__ */ React22.createElement(
       DropdownMenu,
       {
         size: "sm",
@@ -2415,7 +2496,7 @@ var DataTable = ({
           { label: `40 / ${pageText}`, value: 40 },
           { label: `50 / ${pageText}`, value: 50 }
         ],
-        trigger: /* @__PURE__ */ React21.createElement(
+        trigger: /* @__PURE__ */ React22.createElement(
           Button,
           {
             variant: "outline",
@@ -2426,7 +2507,7 @@ var DataTable = ({
         ),
         onItemSelect: (e) => table.setPageSize(Number(e))
       }
-    ), table.getPageCount() > 1 && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React21.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React21.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React21.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React21.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React21.createElement(
+    ), table.getPageCount() > 1 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React22.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React22.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React22.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React22.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -2438,7 +2519,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2451,10 +2532,10 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React21.createElement("path", { d: "m18 17-5-5 5-5" })
+        /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
       )
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       Button,
       {
         "aria-label": "Previous Table Page",
@@ -2466,7 +2547,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2480,9 +2561,9 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
       )
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -2494,7 +2575,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2508,9 +2589,9 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
       )
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       Button,
       {
         "aria-label": "Next Table Page",
@@ -2522,7 +2603,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2535,15 +2616,15 @@ var DataTable = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React21.createElement("path", { d: "m11 17-5-5 5-5" }),
-        /* @__PURE__ */ React21.createElement("path", { d: "m18 17-5-5 5-5" })
+        /* @__PURE__ */ React22.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React22.createElement("path", { d: "m18 17-5-5 5-5" })
       )
     ))))
   ));
 };
 
 // components/elements/backToTop/BackToTop.tsx
-import React22, { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
+import React23, { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
 var BackToTop = ({ ...props }) => {
   const [visible, setVisible] = useState4(false);
   const [rect, _setRect] = useState4(null);
@@ -2609,7 +2690,7 @@ var BackToTop = ({ ...props }) => {
     };
     return style;
   };
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Button,
     {
       className: cn(
@@ -2624,7 +2705,7 @@ var BackToTop = ({ ...props }) => {
       ref: self,
       size: "icon"
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       "svg",
       {
         className: cn(
@@ -2634,13 +2715,13 @@ var BackToTop = ({ ...props }) => {
         viewBox: "0 0 20 20",
         fill: "currentColor"
       },
-      /* @__PURE__ */ React22.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__ */ React23.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" })
     )
   );
 };
 
 // components/elements/radio/Radio.tsx
-import React23, { useState as useState5, useRef as useRef4, useEffect as useEffect4 } from "react";
+import React24, { useState as useState5, useRef as useRef4, useEffect as useEffect4 } from "react";
 var Radio = ({
   design = "default",
   width = "default",
@@ -2669,7 +2750,7 @@ var Radio = ({
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
-  const [parentDirection, setParentDirection] = React23.useState(
+  const [parentDirection, setParentDirection] = React24.useState(
     null
   );
   const parentRef = useRef4(null);
@@ -2683,7 +2764,7 @@ var Radio = ({
   });
   switch (design) {
     case "tabs":
-      return /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement(
         "ul",
         {
           ref: parentRef,
@@ -2695,7 +2776,7 @@ var Radio = ({
             tabsContainerClassName
           )
         },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React23.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React24.createElement(
           "li",
           {
             "aria-current": "page",
@@ -2723,13 +2804,13 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React23.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React24.createElement(
         "div",
         {
           key: i,
           className: "hawa-rounded hawa-border hawa-border-gray-200 "
         },
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "div",
           {
             className: cn(
@@ -2738,7 +2819,7 @@ var Radio = ({
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React23.createElement(
+          /* @__PURE__ */ React24.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2748,7 +2829,7 @@ var Radio = ({
               name: "bordered-radio"
             }
           ),
-          /* @__PURE__ */ React23.createElement(
+          /* @__PURE__ */ React24.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2762,7 +2843,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ React23.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React23.createElement("li", { key: o }, /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React24.createElement("li", { key: o }, /* @__PURE__ */ React24.createElement(
         "input",
         {
           type: "radio",
@@ -2773,7 +2854,7 @@ var Radio = ({
           required: true,
           disabled: opt.disabled
         }
-      ), /* @__PURE__ */ React23.createElement(
+      ), /* @__PURE__ */ React24.createElement(
         "label",
         {
           htmlFor: opt.value.toString(),
@@ -2782,10 +2863,10 @@ var Radio = ({
             opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
           )
         },
-        /* @__PURE__ */ React23.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React23.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+        /* @__PURE__ */ React24.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React24.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React24.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      return /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React23.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React23.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React24.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React24.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React24.createElement(
         "div",
         {
           className: cn(
@@ -2794,7 +2875,7 @@ var Radio = ({
           ),
           key: i + 1
         },
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "input",
           {
             disabled: opt.disabled,
@@ -2812,7 +2893,7 @@ var Radio = ({
             }
           }
         ),
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -2823,7 +2904,7 @@ var Radio = ({
           },
           opt.label
         )
-      ))), /* @__PURE__ */ React23.createElement(
+      ))), /* @__PURE__ */ React24.createElement(
         "p",
         {
           className: cn(
@@ -2837,13 +2918,13 @@ var Radio = ({
 };
 
 // components/elements/combobox/Combobox.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 
 // components/elements/command/Command.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive,
   {
     ref,
@@ -2856,15 +2937,15 @@ var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React24.createElement(Dialog, { ...props }, /* @__PURE__ */ React24.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React24.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+  return /* @__PURE__ */ React25.createElement(Dialog, { ...props }, /* @__PURE__ */ React25.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React25.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React25.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -2879,10 +2960,10 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React24.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React24.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React25.createElement(
     CommandPrimitive.Input,
     {
       ref,
@@ -2895,7 +2976,7 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive.List,
   {
     ref,
@@ -2907,7 +2988,7 @@ var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.createElement(
+var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive.Empty,
   {
     ref,
@@ -2916,7 +2997,7 @@ var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.cr
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive.Group,
   {
     ref,
@@ -2928,7 +3009,7 @@ var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive.Separator,
   {
     ref,
@@ -2937,7 +3018,7 @@ var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   CommandPrimitive.Item,
   {
     ref,
@@ -2953,7 +3034,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "span",
     {
       className: cn(
@@ -2967,9 +3048,9 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/elements/popover/Popover.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(
+var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -3001,7 +3082,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React26.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -3009,7 +3090,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     PopoverContent,
     {
       side,
@@ -3027,7 +3108,7 @@ var Popover = ({
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
 // components/elements/combobox/Combobox.tsx
-var Combobox = React26.forwardRef(
+var Combobox = React27.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -3038,8 +3119,8 @@ var Combobox = React26.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React26.useState(false);
-    const [value, setValue] = React26.useState(defaultValue);
+    const [open, setOpen] = React27.useState(false);
+    const [value, setValue] = React27.useState(defaultValue);
     function getProperty(obj, key) {
       return obj[key];
     }
@@ -3048,7 +3129,7 @@ var Combobox = React26.forwardRef(
         setOpen(open2);
       }
     };
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React27.createElement(
       "div",
       {
         className: cn(
@@ -3056,8 +3137,8 @@ var Combobox = React26.forwardRef(
           props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
         )
       },
-      props.label && /* @__PURE__ */ React26.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React26.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React26.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React26.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React26.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React26.createElement(
+      props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React27.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React27.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React27.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React27.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React27.createElement(
         "div",
         {
           className: cn(
@@ -3065,7 +3146,7 @@ var Combobox = React26.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React27.createElement(
         "button",
         {
           role: "combobox",
@@ -3079,7 +3160,7 @@ var Combobox = React26.forwardRef(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
         ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React27.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3095,9 +3176,9 @@ var Combobox = React26.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React26.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React27.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React27.createElement(
         "p",
         {
           className: cn(
@@ -3106,17 +3187,17 @@ var Combobox = React26.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React26.createElement(
+      ))), /* @__PURE__ */ React27.createElement(
         PopoverContent,
         {
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
-        /* @__PURE__ */ React26.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
           {
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
-        ), /* @__PURE__ */ React26.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React26.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React26.createElement(
+        ), /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
           CommandItem,
           {
             key: i,
@@ -3131,7 +3212,7 @@ var Combobox = React26.forwardRef(
               setOpen(false);
             }
           },
-          /* @__PURE__ */ React26.createElement(
+          /* @__PURE__ */ React27.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -3149,7 +3230,7 @@ var Combobox = React26.forwardRef(
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
-            /* @__PURE__ */ React26.createElement("polyline", { points: "20 6 9 17 4 12" })
+            /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),
           getProperty(item, labelKey)
         ))))
@@ -3159,8 +3240,8 @@ var Combobox = React26.forwardRef(
 );
 
 // components/elements/textarea/Textarea.tsx
-import * as React27 from "react";
-var Textarea = React27.forwardRef(
+import * as React28 from "react";
+var Textarea = React28.forwardRef(
   ({
     className,
     labelProps,
@@ -3170,7 +3251,7 @@ var Textarea = React27.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React27.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React27.createElement(
+    return /* @__PURE__ */ React28.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React28.createElement(
       "textarea",
       {
         className: cn(
@@ -3180,7 +3261,7 @@ var Textarea = React27.forwardRef(
         ref,
         ...textareaProps
       }
-    ), /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.createElement(
+    ), /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(
       "p",
       {
         className: cn(
@@ -3189,7 +3270,7 @@ var Textarea = React27.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React27.createElement(
+    ), showCount && /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -3208,7 +3289,7 @@ var Textarea = React27.forwardRef(
 Textarea.displayName = "Textarea";
 
 // components/elements/fileDropzone/FileDropzone.tsx
-import React28, { useEffect as useEffect5, useState as useState7 } from "react";
+import React29, { useEffect as useEffect5, useState as useState7 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx2 from "clsx";
 var FileDropzone = ({
@@ -3286,7 +3367,7 @@ var FileDropzone = ({
   const errs = fileRejections.map((rej, i) => {
     switch (rej.errors[0].code) {
       case "file-too-large":
-        return /* @__PURE__ */ React28.createElement(
+        return /* @__PURE__ */ React29.createElement(
           Alert,
           {
             key: i,
@@ -3296,7 +3377,7 @@ var FileDropzone = ({
           }
         );
       case "too-many-files":
-        return /* @__PURE__ */ React28.createElement(
+        return /* @__PURE__ */ React29.createElement(
           Alert,
           {
             key: i,
@@ -3306,7 +3387,7 @@ var FileDropzone = ({
           }
         );
       case "file-invalid-type":
-        return /* @__PURE__ */ React28.createElement(
+        return /* @__PURE__ */ React29.createElement(
           Alert,
           {
             key: i,
@@ -3316,7 +3397,7 @@ var FileDropzone = ({
           }
         );
       default:
-        return /* @__PURE__ */ React28.createElement(
+        return /* @__PURE__ */ React29.createElement(
           Alert,
           {
             key: i,
@@ -3327,7 +3408,7 @@ var FileDropzone = ({
         );
     }
   });
-  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React28.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React28.createElement(
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React29.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React29.createElement(
     "button",
     {
       onClick: (e) => {
@@ -3340,7 +3421,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__ */ React28.createElement(
+    /* @__PURE__ */ React29.createElement(
       "svg",
       {
         "aria-hidden": "true",
@@ -3348,7 +3429,7 @@ var FileDropzone = ({
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -3357,8 +3438,8 @@ var FileDropzone = ({
         }
       )
     ),
-    /* @__PURE__ */ React28.createElement("span", { className: "hawa-sr-only" }, "Close modal")
-  ), /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React29.createElement("span", { className: "hawa-sr-only" }, "Close modal")
+  ), /* @__PURE__ */ React29.createElement(
     "div",
     {
       style: {
@@ -3377,7 +3458,7 @@ var FileDropzone = ({
       key: file.name
     }
   )));
-  return /* @__PURE__ */ React28.createElement("div", null, label && /* @__PURE__ */ React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("div", null, label && /* @__PURE__ */ React29.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__ */ React29.createElement(
     "div",
     {
       className: clsx2(
@@ -3385,7 +3466,7 @@ var FileDropzone = ({
         isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
       )
     },
-    /* @__PURE__ */ React28.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ React28.createElement("p", { ...getInputProps() }), /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React29.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ React29.createElement("p", { ...getInputProps() }), /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ React29.createElement(
       "svg",
       {
         stroke: "currentColor",
@@ -3397,28 +3478,28 @@ var FileDropzone = ({
         height: "1.5em",
         width: "1.5em"
       },
-      /* @__PURE__ */ React28.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ React28.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__ */ React28.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M3 3l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M7 3l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M11 3l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M15 3l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M3 7l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M3 11l0 .01" }),
-      /* @__PURE__ */ React28.createElement("path", { d: "M3 15l0 .01" })
-    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React28.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React28.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__ */ React28.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React28.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React28.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__ */ React28.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
-  ), disclaimer && /* @__PURE__ */ React28.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__ */ React28.createElement(
+      /* @__PURE__ */ React29.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ React29.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__ */ React29.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M3 3l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M7 3l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M11 3l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M15 3l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M3 7l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M3 11l0 .01" }),
+      /* @__PURE__ */ React29.createElement("path", { d: "M3 15l0 .01" })
+    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React29.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React29.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__ */ React29.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React29.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React29.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__ */ React29.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
+  ), disclaimer && /* @__PURE__ */ React29.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__ */ React29.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__ */ React28.createElement(
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ React29.createElement(
     "a",
     {
       href: privacyLink,
@@ -3429,9 +3510,9 @@ var FileDropzone = ({
 };
 
 // components/elements/sortButton/SortButton.tsx
-import React29 from "react";
+import React30 from "react";
 var SortButton = (props) => {
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(
     Button,
     {
       variant: "ghost",
@@ -3443,7 +3524,7 @@ var SortButton = (props) => {
       onClick: props.onSort
     },
     props.label,
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3455,10 +3536,10 @@ var SortButton = (props) => {
         strokeLinejoin: "round",
         className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
-      /* @__PURE__ */ React29.createElement("path", { d: "m21 16-4 4-4-4" }),
-      /* @__PURE__ */ React29.createElement("path", { d: "M17 20V4" }),
-      /* @__PURE__ */ React29.createElement("path", { d: "m3 8 4-4 4 4" }),
-      /* @__PURE__ */ React29.createElement("path", { d: "M7 4v16" })
+      /* @__PURE__ */ React30.createElement("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ React30.createElement("path", { d: "M17 20V4" }),
+      /* @__PURE__ */ React30.createElement("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ React30.createElement("path", { d: "M7 4v16" })
     )
   );
 };
@@ -3466,89 +3547,6 @@ var SortButton = (props) => {
 // components/elements/tabs/Tabs.tsx
 import * as React31 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-
-// components/elements/Chip.tsx
-import React30 from "react";
-var Chip = React30.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dotType,
-    ...rest
-  }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
-    };
-    let dotStyles = {
-      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
-      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
-      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
-    };
-    let dotTypeStyles = {
-      available: "hawa-bg-green-500",
-      unavailable: "hawa-bg-red-500"
-    };
-    let colorStyles = {
-      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
-      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
-      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
-      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
-    };
-    if (label) {
-      return /* @__PURE__ */ React30.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ React30.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ React30.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-// components/elements/tabs/Tabs.tsx
 var TabsContext = React31.createContext({ orientation: "vertical" });
 var Tabs = React31.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React31.createElement(
   TabsPrimitive.Root,
@@ -3976,426 +3974,168 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/cards/ActionCard.tsx
-import React35, { useState as useState9 } from "react";
-var ActionCard = (props) => {
-  const [hovered, setHovered] = useState9(false);
-  return /* @__PURE__ */ React35.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React35.createElement(
+// components/elements/progress/Progress.tsx
+import * as React35 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React35.createElement(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React35.createElement(
+    ProgressPrimitive.Indicator,
+    {
+      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// components/elements/breadcrumb/Breadcrumb.tsx
+import React36 from "react";
+var Breadcrumb = ({
+  breadcrumbLinks,
+  separator = ">"
+}) => {
+  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React36.createElement(
     "div",
     {
-      className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
-      style: {
-        backgroundImage: `url(${props.blank ? "" : props.cardImage})`
-      },
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false)
+      key: index,
+      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
     },
-    props.blank ? /* @__PURE__ */ React35.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React35.createElement(
-      "svg",
+    /* @__PURE__ */ React36.createElement(
+      "a",
       {
-        className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 24 24",
-        height: "1em",
-        width: "1em",
-        xmlns: "http://www.w3.org/2000/svg"
+        href: singleBreadcrumbLink.href,
+        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
       },
-      /* @__PURE__ */ React35.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ React35.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ React35.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
-    !props.blank && /* @__PURE__ */ React35.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React35.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React35.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ React35.createElement(
-    "div",
-    {
-      className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
-    },
-    props.bottomElement
-  ));
+      singleBreadcrumbLink.label
+    ),
+    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React36.createElement("div", null, separator) : /* @__PURE__ */ React36.createElement("div", null, separator) : null
+  )));
 };
 
-// components/elements/cards/AdCard.tsx
-import React36, { useState as useState10, useEffect as useEffect7, useRef as useRef6 } from "react";
-var AdCard = ({
-  orientation = "vertical",
-  ...props
-}) => {
-  const adRef = useRef6(null);
-  const [closed, setClosed] = useState10(false);
-  let duration = 0;
-  useEffect7(() => {
-    if (duration) {
-      const timeoutHide = setTimeout(() => {
-        setClosed(true);
-      }, duration);
-      const timeoutDestroy = setTimeout(() => {
-        setClosed(true);
-        if (adRef.current) {
-          adRef.current.removeChild(adRef.current.children[0]);
-        }
-      }, duration + 1e3);
-      return () => {
-        clearTimeout(timeoutHide);
-        clearTimeout(timeoutDestroy);
-      };
+// components/elements/appStores/AppStores.tsx
+import React37 from "react";
+var AppStores = (props) => {
+  return /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React37.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React37.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__ */ React37.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React37.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React37.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"
     }
-  }, [duration]);
-  let cardStyles = {
-    horizontal: "hawa-flex hawa-flex-row  hawa-max-w-xl hawa-rounded hawa-border hawa-bg-card hawa-p-2 hawa-gap-2 hawa-items-center hawa-relative ",
-    vertical: "hawa-flex hawa-flex-col hawa-max-w-[200px] hawa-justify-start hawa-rounded hawa-border hawa-bg-card hawa-gap-2 hawa-p-2 hawa-relative"
-  };
-  let imageStyles = {
-    horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
-    vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
-  };
-  return /* @__PURE__ */ React36.createElement("div", { ref: adRef }, /* @__PURE__ */ React36.createElement(
-    "div",
+  ))), /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React37.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React37.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__ */ React37.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React37.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React37.createElement(
+    "path",
     {
-      className: cn(cardStyles[orientation], props.className),
-      onClick: props.handleClick
-    },
-    /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React36.createElement(
-      "img",
-      {
-        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
-        className: imageStyles[orientation]
-      }
-    )),
-    /* @__PURE__ */ React36.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React36.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ React36.createElement(
-      "span",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          if (props.canHide) {
-            setClosed(true);
-            setTimeout(() => {
-              if (adRef.current) {
-                adRef.current.removeChild(adRef.current.children[0]);
-              }
-            }, 200);
-          } else {
-            if (props.handleCantHide) {
-              props.handleCantHide();
-            }
-          }
-        },
-        className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-h-fit hawa-cursor-pointer hawa-select-none hawa-rounded-bl-lg hawa-rounded-tr-lg hawa-bg-primary/50 hawa-px-2.5 hawa-py-0.5 hawa-text-[10px] hawa-font-semibold hawa-text-primary-foreground"
-      },
-      "Hide"
-    )
-  ));
-};
-
-// components/elements/cards/PricingCard.tsx
-import React37 from "react";
-var PricingCard = ({
-  size = "medium",
-  direction = "ltr",
-  endButton = true,
-  recommended,
-  currentPlan = false,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  let cardSizes = {
-    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
-  };
-  return /* @__PURE__ */ React37.createElement(
-    Card,
+      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__ */ React37.createElement(
+    "path",
     {
-      dir: direction,
-      className: cn(
-        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
-        cardSizes[size],
-        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
-        recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
-      )
-    },
-    recommended && /* @__PURE__ */ React37.createElement(
-      "div",
-      {
-        className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
-        style: { width: "calc(100% + 2px)" }
-      },
-      ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
-    ),
-    /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React37.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React37.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React37.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React37.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React37.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ React37.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React37.createElement(React37.Fragment, null, props.noPrice ? /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React37.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React37.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React37.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React37.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ React37.createElement(Separator2, null), /* @__PURE__ */ React37.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-h-full hawa-justify-between hawa-gap-4",
-          endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
-        )
-      },
-      props.features && /* @__PURE__ */ React37.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
-        return /* @__PURE__ */ React37.createElement(
-          "li",
-          {
-            key: o,
-            className: cn(
-              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
-              !feature.included && "hawa-line-through"
-            )
-          },
-          /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React37.createElement(
-            "svg",
-            {
-              "aria-label": "Check Icon",
-              "aria-hidden": "true",
-              className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React37.createElement(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-                clipRule: "evenodd"
-              }
-            )
-          ) : /* @__PURE__ */ React37.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React37.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React37.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
-          feature.hint && /* @__PURE__ */ React37.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React37.createElement(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            },
-            /* @__PURE__ */ React37.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ React37.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ React37.createElement("path", { d: "M12 17h.01" })
-          ))
-        );
-      })),
-      /* @__PURE__ */ React37.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
-    ))
-  );
+      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__ */ React37.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__ */ React37.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__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React37.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
 };
 
-// components/elements/cards/ItemCard.tsx
-import React38, { useEffect as useEffect8, useState as useState11 } from "react";
-var ItemCard = ({
-  actions,
-  counts,
-  content,
-  headerActions,
-  clickableImage,
-  onImageClick,
-  clickableImageActionText,
-  clickableImageActionIcon,
-  header,
-  cardImage,
-  orientation = "vertical",
-  ...props
+// components/elements/badge/Badge.tsx
+import React38, { useEffect as useEffect7, useState as useState9, useRef as useRef6 } from "react";
+var Badge = ({
+  anchor,
+  position = "right",
+  size = "default",
+  text,
+  className
 }) => {
-  let defaultStyle = "hawa-block hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm hawa-transition-all";
-  let orientationStyles = {
-    vertical: "hawa-max-w-sm",
-    horizontal: "hawa-flex hawa-flex-row hawa-w-full"
-  };
-  let imageStyles = {
-    vertical: "hawa-h-auto hawa-max-h-56 hawa-w-full hawa-rounded-t-lg hawa-object-cover",
-    horizontal: (
-      // "h-auto w-full rounded-l-lg object-cover md:h-auto md:w-48 md:rounded-none md:rounded-l-lg",
-      // "h-full w-full rounded-l-lg object-cover md:w-48 md:rounded-none md:rounded-l-lg",
-      "hawa-h-full hawa-w-48 hawa-rounded-l hawa-object-cover"
-    )
+  const [badgePosition, setBadgePosition] = useState9(null);
+  const indicatorRef = useRef6(null);
+  const sizeStyles = {
+    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" }
   };
-  let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
-  const [openActionHeader, setOpenActionHeader] = useState11(false);
-  function handleOpenActionHeader(e) {
-    e.stopPropagation();
-    setOpenActionHeader(!openActionHeader);
-  }
-  useEffect8(() => {
-    window.onclick = () => {
-      if (openActionHeader) {
-        setOpenActionHeader(false);
+  useEffect7(() => {
+    const handlePositioning = () => {
+      var _a;
+      if (anchor.current && indicatorRef.current) {
+        const rect = anchor.current.getBoundingClientRect();
+        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
+        const style = window.getComputedStyle(anchor.current);
+        const marginTop = parseFloat(style.marginTop.replace("px", ""));
+        const marginRight = parseFloat(style.marginRight.replace("px", ""));
+        if (parentRect) {
+          setBadgePosition({
+            top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
+            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
+          });
+        }
       }
     };
-    return () => window.onclick = null;
-  }, [openActionHeader]);
-  return /* @__PURE__ */ React38.createElement(
+    handlePositioning();
+    window.addEventListener("resize", handlePositioning);
+    return () => {
+      window.removeEventListener("resize", handlePositioning);
+    };
+  }, [anchor]);
+  return /* @__PURE__ */ React38.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React38.createElement(
     "div",
     {
-      className: cn(
-        defaultStyle,
-        props.onCardClick && " hawa-cursor-pointer hover:hawa-shadow-lg",
-        orientationStyles[orientation],
-        props.className
-      ),
-      onClick: (e) => {
-        e.stopPropagation();
-        if (props.onCardClick) {
-          props.onCardClick(e);
-        }
-      }
-    },
-    cardImage && /* @__PURE__ */ React38.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React38.createElement(
-      "img",
-      {
-        src: cardImage,
-        className: cn(
-          imageStyles[orientation],
-          clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
-        )
-      }
-    ), clickableImage && /* @__PURE__ */ React38.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React38.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ React38.createElement(
-      Button,
-      {
-        variant: "secondary",
-        onClick: onImageClick,
-        className: "hawa-flex hawa-flex-row hawa-gap-2"
-      },
-      clickableImageActionIcon,
-      clickableImageActionText || "Click"
-    )))),
-    /* @__PURE__ */ React38.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React38.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React38.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React38.createElement(
-      DropdownMenu,
-      {
-        items: headerActions,
-        trigger: /* @__PURE__ */ React38.createElement(
-          Button,
-          {
-            variant: "ghost",
-            size: "smallIcon",
-            onClick: handleOpenActionHeader
-          },
-          /* @__PURE__ */ React38.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ React38.createElement(
-            "svg",
-            {
-              className: "hawa-h-5 hawa-w-5",
-              "aria-hidden": "true",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React38.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
-          )
-        )
-      }
-    ))), /* @__PURE__ */ React38.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React38.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React38.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React38.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
-          actions && counts ? "hawa-justify-between" : "hawa-justify-end"
-        )
+      style: {
+        position: "absolute",
+        top: badgePosition == null ? void 0 : badgePosition.top,
+        left: badgePosition == null ? void 0 : badgePosition.left
       },
-      counts,
-      /* @__PURE__ */ React38.createElement(StopPropagationWrapper, null, actions)
-    ) : null)
-  );
-};
-
-// components/elements/cards/LandingCard.tsx
-import React39 from "react";
-var LandingCard = (props) => {
-  return /* @__PURE__ */ React39.createElement(Card, { className: props.className }, /* @__PURE__ */ React39.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React39.createElement(CardTitle, null, props.title), /* @__PURE__ */ React39.createElement(CardDescription, null, props.subtitle)));
-};
-
-// components/elements/PinInput.tsx
-import React40, { useEffect as useEffect9, useState as useState12 } from "react";
-var PinInput = ({
-  label,
-  icon,
-  digits,
-  width = "normal",
-  getPins,
-  inputProps,
-  ...props
-}) => {
-  const [pin, setPin] = useState12(Array.from(Array(digits)));
-  const handleKeyDown = (e, index) => {
-    let backTo = 0;
-    if (e.key === "Backspace") {
-      e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
-      const previousInput = document.getElementById(`input-${backTo}`);
-      previousInput == null ? void 0 : previousInput.focus();
-    }
-  };
-  useEffect9(() => {
-    let unfilled = pin.includes(void 0);
-    if (!unfilled && getPins) {
-      getPins(pin);
-    }
-  });
-  const handleChange = (e, index) => {
-    if (!/^\d*$/.test(e.target.value)) {
-      const newPin = [...pin];
-      newPin[index] = "";
-      setPin(newPin);
-      return;
-    } else {
-      const newPin = [...pin];
-      newPin[index] = e.target.value;
-      setPin(newPin);
-      if (e.target.value.length === 1) {
-        const nextInput = document.getElementById(`input-${index + 1}`);
-        nextInput == null ? void 0 : nextInput.focus();
-      } else if (e.target.value.length === 0) {
-        const previousInput = document.getElementById(`input-${index - 1}`);
-        previousInput == null ? void 0 : previousInput.focus();
-      }
-    }
-  };
-  return /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React40.createElement(
-    "div",
-    {
-      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
-      dir: "ltr"
-    },
-    pin.map((value, index) => /* @__PURE__ */ React40.createElement(
-      "input",
-      {
-        key: index,
-        type: "text",
-        maxLength: 1,
-        value,
-        id: `input-${index}`,
-        pattern: "[0-9]*",
-        className: cn(
-          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
-          width === "full" ? "hawa-w-full" : "hawa-w-10"
-        ),
-        onChange: (e) => handleChange(e, index),
-        onKeyDown: (e) => handleKeyDown(e, index),
-        onFocus: (e) => e.target.select(),
-        ...inputProps
-      }
-    ))
-  ), /* @__PURE__ */ React40.createElement(
-    "p",
-    {
       className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-        props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
+        sizeStyles[size].classes,
+        "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
       )
     },
-    props.helperText
+    size === "large" && text && text
   ));
 };
+var BadgedComponent = ({
+  children,
+  className,
+  hideBadge,
+  position,
+  size,
+  text
+}) => {
+  const ref = useRef6(null);
+  return /* @__PURE__ */ React38.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React38.createElement(
+    Badge,
+    {
+      size,
+      text,
+      position,
+      anchor: ref,
+      className: "hawa-z-10"
+    }
+  ), children);
+};
 
-// components/elements/PhoneInput.tsx
-import React41, { useState as useState13, useRef as useRef7, useEffect as useEffect10 } from "react";
+// components/elements/phoneInput/PhoneInput.tsx
+import React39, { useState as useState10, useRef as useRef7, useEffect as useEffect8 } from "react";
 
 // components/countries.ts
 var countries = [
@@ -6090,12 +5830,12 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/PhoneInput.tsx
+// components/elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
-  const [phoneNumber, setPhoneNumber] = useState13("");
-  const [countryCode, setCountryCode] = useState13(props.preferredCountry);
+  const [phoneNumber, setPhoneNumber] = useState10("");
+  const [countryCode, setCountryCode] = useState10(props.preferredCountry);
   const inputRef = useRef7(null);
-  useEffect10(() => {
+  useEffect8(() => {
     var _a;
     if (inputRef.current) {
       (_a = inputRef.current) == null ? void 0 : _a.focus();
@@ -6113,7 +5853,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React41.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React41.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React41.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React39.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React39.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React39.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React39.createElement(
     Select,
     {
       width: "fit",
@@ -6129,7 +5869,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ React41.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React41.createElement(
+  ), /* @__PURE__ */ React39.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React39.createElement(
     "input",
     {
       ref: inputRef,
@@ -6142,7 +5882,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       type: "tel",
       placeholder: "531045453"
     }
-  ))), /* @__PURE__ */ React41.createElement(
+  ))), /* @__PURE__ */ React39.createElement(
     "p",
     {
       className: cn(
@@ -6154,28 +5894,136 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/Progress.tsx
+// components/elements/pinInput/PinInput.tsx
+import React40, { useEffect as useEffect9, useState as useState11 } from "react";
+var PinInput = ({
+  label,
+  icon,
+  digits,
+  width = "normal",
+  getPins,
+  inputProps,
+  ...props
+}) => {
+  const [pin, setPin] = useState11(Array.from(Array(digits)));
+  const handleKeyDown = (e, index) => {
+    let backTo = 0;
+    if (e.key === "Backspace") {
+      e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+      const previousInput = document.getElementById(`input-${backTo}`);
+      previousInput == null ? void 0 : previousInput.focus();
+    }
+  };
+  useEffect9(() => {
+    let unfilled = pin.includes(void 0);
+    if (!unfilled && getPins) {
+      getPins(pin);
+    }
+  });
+  const handleChange = (e, index) => {
+    if (!/^\d*$/.test(e.target.value)) {
+      const newPin = [...pin];
+      newPin[index] = "";
+      setPin(newPin);
+      return;
+    } else {
+      const newPin = [...pin];
+      newPin[index] = e.target.value;
+      setPin(newPin);
+      if (e.target.value.length === 1) {
+        const nextInput = document.getElementById(`input-${index + 1}`);
+        nextInput == null ? void 0 : nextInput.focus();
+      } else if (e.target.value.length === 0) {
+        const previousInput = document.getElementById(`input-${index - 1}`);
+        previousInput == null ? void 0 : previousInput.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React40.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
+      dir: "ltr"
+    },
+    pin.map((value, index) => /* @__PURE__ */ React40.createElement(
+      "input",
+      {
+        key: index,
+        type: "text",
+        maxLength: 1,
+        value,
+        id: `input-${index}`,
+        pattern: "[0-9]*",
+        className: cn(
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          width === "full" ? "hawa-w-full" : "hawa-w-10"
+        ),
+        onChange: (e) => handleChange(e, index),
+        onKeyDown: (e) => handleKeyDown(e, index),
+        onFocus: (e) => e.target.select(),
+        ...inputProps
+      }
+    ))
+  ), /* @__PURE__ */ React40.createElement(
+    "p",
+    {
+      className: cn(
+        "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+        props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+      )
+    },
+    props.helperText
+  ));
+};
+
+// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+import React41 from "react";
+var StopPropagationWrapper = (props) => {
+  const handleClick = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ React41.createElement("div", { onClick: handleClick }, props.children);
+};
+
+// components/elements/scrollArea/ScrollArea.tsx
 import * as React42 from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React42.createElement(
-  ProgressPrimitive.Root,
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+var ScrollArea = React42.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+  ScrollAreaPrimitive.Root,
   {
     ref,
+    className: cn("hawa-relative hawa-overflow-hidden", className),
+    ...props
+  },
+  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React42.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Corner, null)
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
     className: cn(
-      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
       className
     ),
     ...props
   },
   /* @__PURE__ */ React42.createElement(
-    ProgressPrimitive.Indicator,
+    ScrollAreaPrimitive.ScrollAreaThumb,
     {
-      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
-      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
     }
   )
 ));
-Progress.displayName = ProgressPrimitive.Root.displayName;
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // components/elements/ProgressCircle.tsx
 import React43 from "react";
@@ -6401,7 +6249,7 @@ var Pagination = ({
 };
 
 // components/elements/PasswordInput.tsx
-import React48, { useEffect as useEffect11, useState as useState14 } from "react";
+import React48, { useEffect as useEffect10, useState as useState12 } from "react";
 
 // components/icons/Emojis.tsx
 import React45 from "react";
@@ -6617,16 +6465,16 @@ var PasswordInput = ({
   hidePopover,
   ...props
 }) => {
-  const [inputValue, setInputValue] = useState14("");
-  const [isInputFocused, setIsInputFocused] = useState14(false);
-  const [currentStr, setCurrentStr] = useState14(0);
-  const [passwordVisible, setPasswordVisible] = useState14(false);
-  const [lengthCriteriaMet, setLengthCriteriaMet] = useState14(false);
-  const [numberCriteriaMet, setNumberCriteriaMet] = useState14(false);
-  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = useState14(false);
-  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = useState14(false);
-  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = useState14(false);
-  useEffect11(() => {
+  const [inputValue, setInputValue] = useState12("");
+  const [isInputFocused, setIsInputFocused] = useState12(false);
+  const [currentStr, setCurrentStr] = useState12(0);
+  const [passwordVisible, setPasswordVisible] = useState12(false);
+  const [lengthCriteriaMet, setLengthCriteriaMet] = useState12(false);
+  const [numberCriteriaMet, setNumberCriteriaMet] = useState12(false);
+  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = useState12(false);
+  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = useState12(false);
+  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = useState12(false);
+  useEffect10(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
       if (lengthCriteriaMet)
@@ -6819,53 +6667,13 @@ var Separator2 = ({
   }
 );
 
-// components/elements/ScrollArea.tsx
-import * as React52 from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("hawa-relative hawa-overflow-hidden", className),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React52.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Corner, null)
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
-      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
-      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(
-    ScrollAreaPrimitive.ScrollAreaThumb,
-    {
-      className: cn(
-        "hawa-relative hawa-rounded-full hawa-bg-border",
-        orientation === "vertical" && "hawa-flex-1"
-      )
-    }
-  )
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
 // components/elements/ScrollIndicator.tsx
-import React53, { useState as useState15, useEffect as useEffect12 } from "react";
+import React52, { useState as useState13, useEffect as useEffect11 } from "react";
 var ScrollIndicator = ({
   anchor,
   inContainer = false
 }) => {
-  const [scrollPercentage, setScrollPercentage] = useState15(0);
+  const [scrollPercentage, setScrollPercentage] = useState13(0);
   const onScroll = () => {
     const scrollElement = anchor.current;
     if (scrollElement) {
@@ -6876,7 +6684,7 @@ var ScrollIndicator = ({
       setScrollPercentage(percentageScrolled);
     }
   };
-  useEffect12(() => {
+  useEffect11(() => {
     if (!anchor.current)
       return;
     anchor.current.addEventListener("scroll", onScroll);
@@ -6885,7 +6693,7 @@ var ScrollIndicator = ({
       (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
     };
   }, [anchor]);
-  return /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "div",
     {
       style: {
@@ -6900,19 +6708,10 @@ var ScrollIndicator = ({
   );
 };
 
-// components/elements/StopPropagationWrapper.tsx
-import React54 from "react";
-var StopPropagationWrapper = (props) => {
-  const handleClick = (e) => {
-    e.stopPropagation();
-  };
-  return /* @__PURE__ */ React54.createElement("div", { onClick: handleClick }, props.children);
-};
-
 // components/elements/ColorPicker.tsx
-import React55, {
-  useState as useState16,
-  useEffect as useEffect13
+import React53, {
+  useState as useState14,
+  useEffect as useEffect12
 } from "react";
 var ColorPicker = ({
   containerProps,
@@ -6921,8 +6720,8 @@ var ColorPicker = ({
   labelProps,
   ...props
 }) => {
-  const [selectedColor, setSelectedColor] = useState16(props.color);
-  useEffect13(() => {
+  const [selectedColor, setSelectedColor] = useState14(props.color);
+  useEffect12(() => {
     if (selectedColor && selectedColor[0] !== "#") {
       setSelectedColor(`#${selectedColor}`);
     }
@@ -6939,13 +6738,13 @@ var ColorPicker = ({
       props.handleChange(e);
     }
   };
-  return /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React55.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React55.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React53.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React53.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React53.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React53.createElement(
     "div",
     {
       style: { height: 40, backgroundColor: selectedColor },
       className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
     },
-    /* @__PURE__ */ React55.createElement(
+    /* @__PURE__ */ React53.createElement(
       "input",
       {
         type: "color",
@@ -6963,7 +6762,7 @@ var ColorPicker = ({
         ...colorPickerProps
       }
     )
-  ), /* @__PURE__ */ React55.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React55.createElement(
+  ), /* @__PURE__ */ React53.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React53.createElement(
     "input",
     {
       maxLength: 7,
@@ -6975,7 +6774,7 @@ var ColorPicker = ({
       ),
       ...textInputProps
     }
-  ))), /* @__PURE__ */ React55.createElement(
+  ))), /* @__PURE__ */ React53.createElement(
     "p",
     {
       className: cn(
@@ -6988,7 +6787,7 @@ var ColorPicker = ({
 };
 
 // components/elements/CodeBlock.tsx
-import React56, { useState as useState17 } from "react";
+import React54, { useState as useState15 } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 var CodeBlock = ({
   tabs,
@@ -7001,7 +6800,7 @@ var CodeBlock = ({
   ...props
 }) => {
   const clipboard = useClipboard();
-  const [selectedTab, setSelectedTab] = useState17(0);
+  const [selectedTab, setSelectedTab] = useState15(0);
   const isDarkMode = props.forcedDarkMode || document.body.classList.contains("dark");
   const theme = isDarkMode ? themes.vsDark : themes.vsLight;
   let widthStyles = {
@@ -7010,7 +6809,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React54.createElement(
     "div",
     {
       className: cn(
@@ -7019,7 +6818,7 @@ var CodeBlock = ({
         className
       )
     },
-    fileName && /* @__PURE__ */ React56.createElement(
+    fileName && /* @__PURE__ */ React54.createElement(
       "div",
       {
         className: cn(
@@ -7027,7 +6826,7 @@ var CodeBlock = ({
           fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
         )
       },
-      /* @__PURE__ */ React56.createElement(
+      /* @__PURE__ */ React54.createElement(
         "div",
         {
           className: cn(
@@ -7037,7 +6836,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ React56.createElement(
+    tabs && /* @__PURE__ */ React54.createElement(
       "div",
       {
         className: cn(
@@ -7045,7 +6844,7 @@ var CodeBlock = ({
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ React56.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ React54.createElement(
         "div",
         {
           key: i,
@@ -7053,7 +6852,7 @@ var CodeBlock = ({
             selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
           )
         },
-        /* @__PURE__ */ React56.createElement(
+        /* @__PURE__ */ React54.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -7065,7 +6864,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ React56.createElement(
+    /* @__PURE__ */ React54.createElement(
       "div",
       {
         className: cn(
@@ -7073,26 +6872,26 @@ var CodeBlock = ({
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
-      /* @__PURE__ */ React56.createElement(
+      /* @__PURE__ */ React54.createElement(
         Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React56.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-font-mono hawa-text-foreground" }, tokens.map((line, i) => /* @__PURE__ */ React56.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React56.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React56.createElement("span", { key, ...getTokenProps({ token }) })))))
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React54.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-font-mono hawa-text-foreground" }, tokens.map((line, i) => /* @__PURE__ */ React54.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React54.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React54.createElement("span", { key, ...getTokenProps({ token }) })))))
       ),
-      /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React56.createElement(
+      /* @__PURE__ */ React54.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React54.createElement(
         Tooltip,
         {
           open: clipboard.copied,
           side: "left",
-          content: /* @__PURE__ */ React56.createElement("div", null, "Copied!"),
+          content: /* @__PURE__ */ React54.createElement("div", null, "Copied!"),
           triggerProps: {
             asChild: true
           }
         },
-        /* @__PURE__ */ React56.createElement(
+        /* @__PURE__ */ React54.createElement(
           Button,
           {
             size: "icon",
@@ -7100,7 +6899,7 @@ var CodeBlock = ({
             variant: "outline",
             className: "hawa-text-foreground hawa-opacity-50 sm:hawa-opacity-100"
           },
-          /* @__PURE__ */ React56.createElement(
+          /* @__PURE__ */ React54.createElement(
             "svg",
             {
               "aria-label": "Copy Icon",
@@ -7113,8 +6912,8 @@ var CodeBlock = ({
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ React56.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-            /* @__PURE__ */ React56.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__ */ React54.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ React54.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
           )
         )
       ))
@@ -7123,7 +6922,7 @@ var CodeBlock = ({
 };
 
 // components/elements/Carousel.tsx
-import React57, { useEffect as useEffect15, useState as useState18 } from "react";
+import React55, { useEffect as useEffect14, useState as useState16 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 var Carousel = (props) => {
   const {
@@ -7137,8 +6936,8 @@ var Carousel = (props) => {
   const [emblaRef, emblaApi] = useEmblaCarousel({
     loop: autoplay ? true : options.loop || false
   });
-  const [selectedIndex, setSelectedIndex] = useState18(0);
-  useEffect15(() => {
+  const [selectedIndex, setSelectedIndex] = useState16(0);
+  useEffect14(() => {
     function selectHandler() {
       const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
       setSelectedIndex(index || 0);
@@ -7148,7 +6947,7 @@ var Carousel = (props) => {
       emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
     };
   }, [emblaApi]);
-  useEffect15(() => {
+  useEffect14(() => {
     let autoplayTimer;
     if (autoplay && emblaApi) {
       autoplayTimer = setInterval(() => {
@@ -7160,24 +6959,24 @@ var Carousel = (props) => {
         clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
-  const length = React57.Children.count(items);
+  const length = React55.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ React57.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React57.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React57.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React55.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React55.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__ */ React57.createElement(
+  ))))), /* @__PURE__ */ React55.createElement(
     Dots,
     {
       itemsLength: length,
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
     }
-  ), showArrows && /* @__PURE__ */ React57.createElement(
+  ), showArrows && /* @__PURE__ */ React55.createElement(
     CarouselControls,
     {
       canScrollNext,
@@ -7189,9 +6988,9 @@ var Carousel = (props) => {
 };
 var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ React57.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
+  return /* @__PURE__ */ React55.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
     const selected = index === selectedIndex;
-    return /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React55.createElement(
       "div",
       {
         onClick: () => onDotClick(index),
@@ -7205,7 +7004,7 @@ var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
   }));
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React57.createElement(
+  return /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React55.createElement(
     "button",
     {
       onClick: () => {
@@ -7220,7 +7019,7 @@ var CarouselControls = (props) => {
         props.canScrollPrev && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React55.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7229,9 +7028,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__ */ React57.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__ */ React55.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__ */ React57.createElement(
+  ), /* @__PURE__ */ React55.createElement(
     "button",
     {
       onClick: () => {
@@ -7246,7 +7045,7 @@ var CarouselControls = (props) => {
         props.canScrollNext && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React55.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7255,19 +7054,19 @@ 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__ */ React57.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__ */ React55.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" })
     )
   ));
 };
 
 // components/elements/Count.tsx
-import React58 from "react";
+import React56 from "react";
 var Count = (props) => {
-  return /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React58.createElement("div", null, props.icon), /* @__PURE__ */ React58.createElement("div", { className: "hawa-text-sm" }, props.count));
+  return /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React56.createElement("div", null, props.icon), /* @__PURE__ */ React56.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
 // components/elements/Toast.tsx
-import * as React59 from "react";
+import * as React57 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva4 } from "class-variance-authority";
 var toastVariants = cva4(
@@ -7292,7 +7091,7 @@ var toastVariants = cva4(
   }
 );
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7304,8 +7103,8 @@ var ToastViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React59.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React59.createElement(
+var Toast = React57.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React57.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -7320,8 +7119,8 @@ var Toast = React59.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React59.createElement(
+var ToastAction = React57.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React57.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -7338,7 +7137,7 @@ var ToastAction = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -7349,7 +7148,7 @@ var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React57.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -7358,7 +7157,7 @@ var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React57.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7369,7 +7168,7 @@ var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var ToastTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -7381,7 +7180,7 @@ var ToastTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var ToastDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   ToastPrimitives.Description,
   {
     ref,
@@ -7392,13 +7191,13 @@ var ToastDescription = React59.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // components/elements/Toaster.tsx
-import React60 from "react";
+import React58 from "react";
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ React60.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
-    return /* @__PURE__ */ React60.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React60.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React60.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React60.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React60.createElement(ToastClose, null));
-  }), /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React58.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
+    return /* @__PURE__ */ React58.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React58.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React58.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React58.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React58.createElement(ToastClose, null));
+  }), /* @__PURE__ */ React58.createElement(
     ToastViewport,
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -7406,158 +7205,21 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/Breadcrumb.tsx
-import React61 from "react";
-var Breadcrumb = ({
-  breadcrumbLinks,
-  separator = ">"
-}) => {
-  return /* @__PURE__ */ React61.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React61.createElement(
-    "div",
-    {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
-    },
-    /* @__PURE__ */ React61.createElement(
-      "a",
-      {
-        href: singleBreadcrumbLink.href,
-        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
-      },
-      singleBreadcrumbLink.label
-    ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React61.createElement("div", null, separator) : /* @__PURE__ */ React61.createElement("div", null, separator) : null
-  )));
-};
-
-// components/elements/Badge.tsx
-import React62, { useEffect as useEffect16, useState as useState19, useRef as useRef8 } from "react";
-var Badge = ({
-  anchor,
-  position = "right",
-  size = "default",
-  text,
-  className
-}) => {
-  const [badgePosition, setBadgePosition] = useState19(null);
-  const indicatorRef = useRef8(null);
-  const sizeStyles = {
-    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" }
-  };
-  useEffect16(() => {
-    const handlePositioning = () => {
-      var _a;
-      if (anchor.current && indicatorRef.current) {
-        const rect = anchor.current.getBoundingClientRect();
-        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
-        const style = window.getComputedStyle(anchor.current);
-        const marginTop = parseFloat(style.marginTop.replace("px", ""));
-        const marginRight = parseFloat(style.marginRight.replace("px", ""));
-        if (parentRect) {
-          setBadgePosition({
-            top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
-            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
-          });
-        }
-      }
-    };
-    handlePositioning();
-    window.addEventListener("resize", handlePositioning);
-    return () => {
-      window.removeEventListener("resize", handlePositioning);
-    };
-  }, [anchor]);
-  return /* @__PURE__ */ React62.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React62.createElement(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: badgePosition == null ? void 0 : badgePosition.top,
-        left: badgePosition == null ? void 0 : badgePosition.left
-      },
-      className: cn(
-        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
-        sizeStyles[size].classes,
-        "hawa-flex  hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
-      )
-    },
-    size === "large" && text && text
-  ));
-};
-var BadgedComponent = ({
-  children,
-  className,
-  hideBadge,
-  position,
-  size,
-  text
-}) => {
-  const ref = useRef8(null);
-  return /* @__PURE__ */ React62.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React62.createElement(
-    Badge,
-    {
-      size,
-      text,
-      position,
-      anchor: ref,
-      className: "hawa-z-10"
-    }
-  ), children);
-};
-
-// components/elements/AppStores.tsx
-import React63 from "react";
-var AppStores = (props) => {
-  return /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React63.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React63.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__ */ React63.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React63.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React63.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__ */ React63.createElement("div", null, /* @__PURE__ */ React63.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React63.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React63.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__ */ React63.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React63.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React63.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__ */ React63.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__ */ React63.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__ */ React63.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__ */ React63.createElement("div", null, /* @__PURE__ */ React63.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React63.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
-};
-
 // components/elements/DestroyableCard.tsx
-import React64, { useRef as useRef9, useState as useState20 } from "react";
+import React59, { useRef as useRef8, useState as useState17 } from "react";
 var DestroyableCard = ({
   position = "bottom-right",
   fixed,
   direction,
   ...props
 }) => {
-  const [closed, setClosed] = useState20(false);
-  const popUpRef = useRef9(null);
+  const [closed, setClosed] = useState17(false);
+  const popUpRef = useRef8(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4 hawa-bottom-4",
     "bottom-left": "hawa-left-4 hawa-bottom-4"
   };
-  return /* @__PURE__ */ React64.createElement(
+  return /* @__PURE__ */ React59.createElement(
     "div",
     {
       className: cn(
@@ -7566,7 +7228,7 @@ var DestroyableCard = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ React64.createElement(
+    /* @__PURE__ */ React59.createElement(
       Card,
       {
         className: cn(
@@ -7575,7 +7237,7 @@ var DestroyableCard = ({
         ),
         dir: direction
       },
-      /* @__PURE__ */ React64.createElement(
+      /* @__PURE__ */ React59.createElement(
         "button",
         {
           type: "button",
@@ -7594,7 +7256,7 @@ var DestroyableCard = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ React64.createElement(
+        /* @__PURE__ */ React59.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -7602,7 +7264,7 @@ var DestroyableCard = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React64.createElement(
+          /* @__PURE__ */ React59.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -7612,13 +7274,13 @@ var DestroyableCard = ({
           )
         )
       ),
-      /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, props.children)
+      /* @__PURE__ */ React59.createElement(CardContent, { headless: true }, props.children)
     )
   );
 };
 
 // components/elements/InterfaceSettings.tsx
-import React65, { useState as useState21 } from "react";
+import React60, { useState as useState18 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
@@ -7626,13 +7288,13 @@ var InterfaceSettings = ({
   handleLanguage,
   ...props
 }) => {
-  const [color, setColor] = useState21(props.currentColorMode);
-  const [language, setLanguage] = useState21(props.currentLanguage);
+  const [color, setColor] = useState18(props.currentColorMode);
+  const [language, setLanguage] = useState18(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__ */ React65.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React65.createElement(
+  return /* @__PURE__ */ React60.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React60.createElement(
     Radio,
     {
       width,
@@ -7649,7 +7311,7 @@ var InterfaceSettings = ({
         { value: "en", label: "English" }
       ]
     }
-  ), /* @__PURE__ */ React65.createElement(
+  ), /* @__PURE__ */ React60.createElement(
     Radio,
     {
       width,
@@ -7664,7 +7326,7 @@ var InterfaceSettings = ({
       options: [
         {
           value: "light",
-          label: /* @__PURE__ */ React65.createElement(
+          label: /* @__PURE__ */ React60.createElement(
             "svg",
             {
               width: "15",
@@ -7674,7 +7336,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__ */ React65.createElement(
+            /* @__PURE__ */ React60.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",
@@ -7685,7 +7347,7 @@ var InterfaceSettings = ({
         },
         {
           value: "dark",
-          label: /* @__PURE__ */ React65.createElement(
+          label: /* @__PURE__ */ React60.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -7696,7 +7358,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__ */ React65.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+            /* @__PURE__ */ React60.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
         }
       ]
@@ -7706,15 +7368,46 @@ var InterfaceSettings = ({
 
 export {
   cn,
+  Loading,
+  buttonVariants,
+  Button,
+  Alert,
   Card,
   CardHeader,
   CardTitle,
   CardDescription,
   CardContent,
   CardFooter,
-  Loading,
   Tooltip,
+  Label2 as Label,
   Skeleton,
+  Input,
+  Select,
+  PhoneInput,
+  VeryGoodEmoji,
+  GoodEmoji,
+  BadEmoji,
+  VeryBadEmoji,
+  EyeIcon,
+  HiddenEyeIcon,
+  CheckMark,
+  UncheckMark,
+  Logos,
+  Checkbox,
+  StopPropagationWrapper,
+  PinInput,
+  Radio,
+  Textarea,
+  PopoverContent,
+  Popover,
+  PopoverTrigger,
+  ScrollArea,
+  ScrollBar,
+  Chip,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
   DropdownMenuRoot,
   DropdownMenuTrigger,
   DropdownMenuGroup,
@@ -7737,7 +7430,6 @@ export {
   Accordion,
   AccordionItem,
   AccordionRoot,
-  Logos,
   navigationMenuTriggerStyle,
   NavigationMenuRoot,
   NavigationMenuList,
@@ -7772,13 +7464,8 @@ export {
   DialogSteps,
   DialogStep,
   DialogBody,
-  buttonVariants,
-  Button,
-  Alert,
   FileUploader,
   Avatar,
-  Label2 as Label,
-  Input,
   Table,
   TableHeader,
   TableHead,
@@ -7789,7 +7476,6 @@ export {
   TableCaption,
   DataTable,
   BackToTop,
-  Radio,
   Command,
   CommandDialog,
   CommandInput,
@@ -7799,48 +7485,23 @@ export {
   CommandSeparator,
   CommandItem,
   CommandShortcut,
-  PopoverContent,
-  Popover,
-  PopoverTrigger,
   Combobox,
-  Textarea,
   FileDropzone,
   SortButton,
-  Chip,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  Select,
   Switch,
-  Checkbox,
-  ActionCard,
-  AdCard,
-  PricingCard,
-  ItemCard,
-  LandingCard,
-  PinInput,
-  PhoneInput,
   Progress,
+  Breadcrumb,
+  AppStores,
+  Badge,
+  BadgedComponent,
   ProgressCircle,
   Pagination,
-  VeryGoodEmoji,
-  GoodEmoji,
-  BadEmoji,
-  VeryBadEmoji,
-  EyeIcon,
-  HiddenEyeIcon,
-  CheckMark,
-  UncheckMark,
   PasswordStrengthIndicator,
   PasswordInput,
   Slider,
   SimpleTable,
   Separator2 as Separator,
-  ScrollArea,
-  ScrollBar,
   ScrollIndicator,
-  StopPropagationWrapper,
   ColorPicker,
   CodeBlock,
   Carousel,
@@ -7853,10 +7514,6 @@ export {
   ToastTitle,
   ToastDescription,
   Toaster,
-  Breadcrumb,
-  Badge,
-  BadgedComponent,
-  AppStores,
   DestroyableCard,
   InterfaceSettings
 };