@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/elements/index.js

@@ -35,8 +35,6 @@ __export(elements_exports, {
   AccordionItem: () => AccordionItem,
   AccordionRoot: () => AccordionRoot,
   AccordionTrigger: () => AccordionTrigger,
-  ActionCard: () => ActionCard,
-  AdCard: () => AdCard,
   Alert: () => Alert,
   AppStores: () => AppStores,
   Avatar: () => Avatar,
@@ -103,9 +101,7 @@ __export(elements_exports, {
   FileUploader: () => FileUploader,
   Input: () => Input,
   InterfaceSettings: () => InterfaceSettings,
-  ItemCard: () => ItemCard,
   Label: () => Label2,
-  LandingCard: () => LandingCard,
   Loading: () => Loading,
   Logos: () => Logos,
   NavigationMenu: () => NavigationMenu,
@@ -125,7 +121,6 @@ __export(elements_exports, {
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
-  PricingCard: () => PricingCard,
   Progress: () => Progress,
   ProgressCircle: () => ProgressCircle,
   Radio: () => Radio,
@@ -864,13 +859,94 @@ var DropdownMenuRadio = (props) => {
 };
 
 // components/elements/accordion/Accordion.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
+// components/elements/chip/Chip.tsx
+var import_react4 = __toESM(require("react"));
+var Chip = import_react4.default.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__ */ import_react4.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ import_react4.default.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react4.default.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
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@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,
@@ -880,14 +956,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
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@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,
@@ -899,7 +975,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",
@@ -913,13 +989,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",
@@ -928,7 +1004,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", {
@@ -936,7 +1012,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,
@@ -944,7 +1020,7 @@ var Accordion = React8.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -957,7 +1033,7 @@ var Accordion = React8.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React9.createElement(
           "span",
           {
             className: cn(
@@ -967,10 +1043,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,
@@ -990,9 +1066,9 @@ var Accordion = React8.forwardRef(
 Accordion.displayName = "Accordion";
 
 // components/elements/accordion/AccordionItem.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var AccordionPrimitive4 = __toESM(require("@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
@@ -1000,9 +1076,9 @@ var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
 var AccordionRoot = AccordionPrimitive5.Root;
 
 // components/elements/logos/Logos.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var Logos = {
-  hawa: (props) => /* @__PURE__ */ import_react4.default.createElement(
+  hawa: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1010,7 +1086,7 @@ var Logos = {
       viewBox: "0 0 765 765",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.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",
@@ -1018,7 +1094,7 @@ var Logos = {
       }
     )
   ),
-  sikka: (props) => /* @__PURE__ */ import_react4.default.createElement(
+  sikka: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1028,11 +1104,11 @@ var Logos = {
       fill: "currentColor",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
-    /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
-    /* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react4.default.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__ */ import_react5.default.createElement("defs", null, /* @__PURE__ */ import_react5.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
+    /* @__PURE__ */ import_react5.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react5.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
+    /* @__PURE__ */ import_react5.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react5.default.createElement("defs", null, /* @__PURE__ */ import_react5.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react5.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react5.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react5.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement(
+  mail: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -1044,10 +1120,10 @@ var Logos = {
       xmlns: "http://www.w3.org/2000/svg",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement("polyline", { points: "22,6 12,13 2,6" })
+    /* @__PURE__ */ import_react5.default.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__ */ import_react5.default.createElement("polyline", { points: "22,6 12,13 2,6" })
   ),
-  phone: (props) => /* @__PURE__ */ import_react4.default.createElement(
+  phone: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -1058,7 +1134,7 @@ var Logos = {
       xmlns: "http://www.w3.org/2000/svg",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -1067,14 +1143,14 @@ var Logos = {
       }
     )
   ),
-  twitter: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  twitter: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement(
+  instagram: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1082,23 +1158,23 @@ var Logos = {
       viewBox: "0 0 16 16",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.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__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  microsoft: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement(
+  github: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 438.549 438.549",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       "path",
       {
         fill: "currentColor",
@@ -1106,77 +1182,77 @@ var Logos = {
       }
     )
   ),
-  radix: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  radix: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react5.default.createElement(
     "path",
     {
       d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
       fill: "currentcolor"
     }
-  ), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react4.default.createElement(
+  ), /* @__PURE__ */ import_react5.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  aria: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  yarn: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  pnpm: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  react: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  tailwind: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  google: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  apple: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+  paypal: (props) => /* @__PURE__ */ import_react5.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react5.default.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__ */ import_react4.default.createElement(
+  spinner: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1190,9 +1266,9 @@ var Logos = {
       strokeLinejoin: "round",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    /* @__PURE__ */ import_react5.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   ),
-  whatsapp: (props) => /* @__PURE__ */ import_react4.default.createElement(
+  whatsapp: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1200,18 +1276,18 @@ var Logos = {
       fill: "currentColor",
       ...props
     },
-    /* @__PURE__ */ import_react4.default.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__ */ import_react5.default.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
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority = require("class-variance-authority");
 var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
   "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
 );
-var NavigationMenuRoot = 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,
@@ -1223,9 +1299,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,
@@ -1236,7 +1312,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,
@@ -1244,7 +1320,7 @@ var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(
+  /* @__PURE__ */ React12.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -1260,10 +1336,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,
@@ -1277,15 +1353,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(
@@ -1302,7 +1378,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,
@@ -1312,7 +1388,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,
@@ -1321,7 +1397,7 @@ var NavigationMenu = ({
   actionFirst,
   ...props
 }) => {
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(
     NavigationMenuRoot,
     {
       dir: props.direction,
@@ -1329,7 +1405,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,
@@ -1358,14 +1434,14 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // components/elements/sheet/Sheet.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1392,8 +1468,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-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,
@@ -1406,7 +1482,7 @@ var SheetContent = React12.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React12.createElement(
+    !hideCloseButton && /* @__PURE__ */ React13.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -1418,7 +1494,7 @@ var SheetContent = React12.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React13.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1427,7 +1503,7 @@ var SheetContent = React12.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React13.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -1436,14 +1512,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(
@@ -1456,7 +1532,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React12.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -1466,7 +1542,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,
@@ -1477,7 +1553,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,
@@ -1493,12 +1569,12 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/dialog/Dialog.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ 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,
@@ -1509,7 +1585,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) => {
@@ -1525,7 +1601,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React13.createElement(
+  !hideCloseButton && /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -1533,7 +1609,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",
@@ -1542,7 +1618,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",
@@ -1551,10 +1627,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,
@@ -1563,7 +1639,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) => {
@@ -1579,7 +1655,7 @@ var DialogCarouselContent = React13.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React14.createElement(
       "div",
       {
         className: cn(
@@ -1587,7 +1663,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,
@@ -1596,7 +1672,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",
@@ -1610,10 +1686,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(
@@ -1621,7 +1697,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",
@@ -1630,7 +1706,7 @@ var DialogCarouselContent = React13.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React14.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1639,7 +1715,7 @@ var DialogCarouselContent = React13.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -1647,7 +1723,7 @@ var DialogCarouselContent = React13.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1657,7 +1733,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,
@@ -1668,7 +1744,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,
@@ -1682,7 +1758,7 @@ var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -1698,12 +1774,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",
@@ -1711,7 +1787,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(
@@ -1728,14 +1804,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",
@@ -1744,7 +1820,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,
@@ -1762,7 +1838,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "div",
     {
       id,
@@ -1773,7 +1849,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";
@@ -1789,10 +1865,10 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // components/elements/alert/Alert.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 
 // components/elements/button/Button.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var buttonVariants = (0, import_class_variance_authority3.cva)(
   "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",
@@ -1827,7 +1903,7 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Button = React14.forwardRef(
+var Button = React15.forwardRef(
   ({
     className,
     variant,
@@ -1840,7 +1916,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(
@@ -1850,7 +1926,7 @@ var Button = React14.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React14.createElement(
+      isLoading ? /* @__PURE__ */ React15.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1874,9 +1950,9 @@ var Alert = ({
   className,
   ...props
 }) => {
-  const alertRef = (0, import_react5.useRef)(null);
-  const [closed, setClosed] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const alertRef = (0, import_react6.useRef)(null);
+  const [closed, setClosed] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     if (duration) {
       const timeoutHide = setTimeout(() => {
         setClosed(true);
@@ -1911,7 +1987,7 @@ var Alert = ({
     hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
     oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       "data-testid": "alert",
@@ -1925,13 +2001,13 @@ var Alert = ({
         className
       )
     },
-    /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
       },
       icon
-    ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react5.default.createElement(
+    ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react6.default.createElement(
       "span",
       {
         className: cn(
@@ -1940,7 +2016,7 @@ var Alert = ({
         )
       },
       props.title
-    ), /* @__PURE__ */ import_react5.default.createElement(
+    ), /* @__PURE__ */ import_react6.default.createElement(
       "span",
       {
         className: cn(
@@ -1949,7 +2025,7 @@ var Alert = ({
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react5.default.createElement(
+    ), props.actions && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
       Button,
       {
         key: index,
@@ -1958,7 +2034,7 @@ var Alert = ({
       },
       act.label
     ))))),
-    !props.persistent && /* @__PURE__ */ import_react5.default.createElement(
+    !props.persistent && /* @__PURE__ */ import_react6.default.createElement(
       "button",
       {
         type: "button",
@@ -1981,8 +2057,8 @@ var Alert = ({
           }, 200);
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
+      /* @__PURE__ */ import_react6.default.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -1991,7 +2067,7 @@ var Alert = ({
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ import_react5.default.createElement(
+        /* @__PURE__ */ import_react6.default.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -2005,12 +2081,12 @@ var Alert = ({
 };
 
 // components/elements/avatar/Avatar.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // components/elements/FileUploader.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var FileUploader = ({ handleFile, className }) => {
-  const hiddenFileInput = (0, import_react6.useRef)(null);
+  const hiddenFileInput = (0, import_react7.useRef)(null);
   const handleClick = () => {
     var _a;
     (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
@@ -2019,7 +2095,7 @@ var FileUploader = ({ handleFile, className }) => {
     const fileUploaded = event.target.files[0];
     handleFile(fileUploaded);
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement("div", { className }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react7.default.createElement(
     "input",
     {
       type: "file",
@@ -2059,7 +2135,7 @@ var Avatar = ({
     inherit: "hawa-rounded",
     none: "hawa-rounded-none"
   };
-  return /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(
     "div",
     {
       className: cn(
@@ -2069,7 +2145,7 @@ var Avatar = ({
         className
       )
     },
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       FileUploader,
       {
         className: cn(
@@ -2080,7 +2156,7 @@ var Avatar = ({
         )
       }
     ),
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       "img",
       {
         className: cn(
@@ -2093,7 +2169,7 @@ var Avatar = ({
         alt
       }
     ),
-    !src && !isUploadable && /* @__PURE__ */ import_react7.default.createElement(
+    !src && !isUploadable && /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
         className: cn(
@@ -2101,7 +2177,7 @@ var Avatar = ({
           "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
         )
       },
-      icon ? icon : /* @__PURE__ */ import_react7.default.createElement(
+      icon ? icon : /* @__PURE__ */ import_react8.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2113,23 +2189,23 @@ var Avatar = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react7.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ import_react7.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+        /* @__PURE__ */ import_react8.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ import_react8.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
       )
     )
   );
 };
 
 // components/elements/dataTable/DataTable.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // components/elements/input/Input.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // components/elements/label/Label.tsx
-var React18 = __toESM(require("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(
+var React19 = __toESM(require("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,
@@ -2140,8 +2216,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",
@@ -2153,14 +2229,14 @@ 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";
 
 // components/elements/input/Input.tsx
-var Input = (0, import_react8.forwardRef)(
+var Input = (0, import_react9.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -2187,7 +2263,7 @@ var Input = (0, import_react8.forwardRef)(
     };
     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__ */ import_react8.default.createElement(
+    return /* @__PURE__ */ import_react9.default.createElement(
       "div",
       {
         className: cn(
@@ -2198,8 +2274,8 @@ var Input = (0, import_react8.forwardRef)(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ import_react8.default.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+      props.label && /* @__PURE__ */ import_react9.default.createElement(Label2, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
@@ -2207,7 +2283,7 @@ var Input = (0, import_react8.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
+      ), /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
@@ -2216,7 +2292,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react8.default.createElement(
+      ), /* @__PURE__ */ import_react9.default.createElement(
         "input",
         {
           required: true,
@@ -2242,7 +2318,7 @@ var Input = (0, import_react8.forwardRef)(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react9.default.createElement(
         "p",
         {
           className: cn(
@@ -2251,7 +2327,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
@@ -2260,7 +2336,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react8.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
@@ -2281,8 +2357,8 @@ var Input = (0, import_react8.forwardRef)(
 );
 
 // components/elements/table/Table.tsx
-var React20 = __toESM(require("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(
+var React21 = __toESM(require("react"));
+var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React21.createElement(
   "table",
   {
     ref,
@@ -2291,7 +2367,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,
@@ -2300,8 +2376,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,
@@ -2320,9 +2396,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,
@@ -2334,7 +2410,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,
@@ -2348,14 +2424,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,
@@ -2377,7 +2453,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,
@@ -2402,16 +2478,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 = (0, import_react_table.useReactTable)({
     data,
     columns,
@@ -2440,7 +2516,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,
@@ -2450,14 +2526,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",
@@ -2472,15 +2548,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,
@@ -2490,7 +2566,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(
@@ -2498,10 +2574,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,
@@ -2514,7 +2590,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,
@@ -2522,7 +2598,7 @@ var DataTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React21.createElement(
+        return /* @__PURE__ */ React22.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -2535,7 +2611,7 @@ var DataTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React21.createElement(TableRow, null, /* @__PURE__ */ React21.createElement(
+    )) : /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -2543,16 +2619,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(),
@@ -2569,7 +2645,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",
@@ -2582,7 +2658,7 @@ var DataTable = ({
           { label: `40 / ${pageText}`, value: 40 },
           { label: `50 / ${pageText}`, value: 50 }
         ],
-        trigger: /* @__PURE__ */ React21.createElement(
+        trigger: /* @__PURE__ */ React22.createElement(
           Button,
           {
             variant: "outline",
@@ -2593,7 +2669,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",
@@ -2605,7 +2681,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2618,10 +2694,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",
@@ -2633,7 +2709,7 @@ var DataTable = ({
           props.direction === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2647,9 +2723,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",
@@ -2661,7 +2737,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2675,9 +2751,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",
@@ -2689,7 +2765,7 @@ var DataTable = ({
           props.direction === "ltr" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2702,20 +2778,20 @@ 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
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var BackToTop = ({ ...props }) => {
-  const [visible, setVisible] = (0, import_react9.useState)(false);
-  const [rect, _setRect] = (0, import_react9.useState)(null);
-  const self = (0, import_react9.useRef)(null);
-  const _rect = (0, import_react9.useRef)(rect);
+  const [visible, setVisible] = (0, import_react10.useState)(false);
+  const [rect, _setRect] = (0, import_react10.useState)(null);
+  const self = (0, import_react10.useRef)(null);
+  const _rect = (0, import_react10.useRef)(rect);
   const setRect = (data) => {
     _rect.current = data;
     _setRect(data);
@@ -2740,7 +2816,7 @@ var BackToTop = ({ ...props }) => {
       props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
     }
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!props.anchor.current)
       return;
     props.anchor.current.addEventListener("scroll", onScroll);
@@ -2776,7 +2852,7 @@ var BackToTop = ({ ...props }) => {
     };
     return style;
   };
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(
     Button,
     {
       className: cn(
@@ -2791,7 +2867,7 @@ var BackToTop = ({ ...props }) => {
       ref: self,
       size: "icon"
     },
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement(
       "svg",
       {
         className: cn(
@@ -2801,13 +2877,13 @@ var BackToTop = ({ ...props }) => {
         viewBox: "0 0 20 20",
         fill: "currentColor"
       },
-      /* @__PURE__ */ import_react9.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
+      /* @__PURE__ */ import_react10.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
     )
   );
 };
 
 // components/elements/radio/Radio.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var Radio = ({
   design = "default",
   width = "default",
@@ -2818,7 +2894,7 @@ var Radio = ({
   ...props
 }) => {
   var _a, _b, _c;
-  const [selectedOption, setSelectedOption] = (0, import_react10.useState)(props.defaultValue);
+  const [selectedOption, setSelectedOption] = (0, import_react11.useState)(props.defaultValue);
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
   let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
   let orientationStyle = {
@@ -2836,11 +2912,11 @@ var Radio = ({
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
-  const [parentDirection, setParentDirection] = import_react10.default.useState(
+  const [parentDirection, setParentDirection] = import_react11.default.useState(
     null
   );
-  const parentRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const parentRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     var _a2;
     const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
     if (parentNode) {
@@ -2850,7 +2926,7 @@ var Radio = ({
   });
   switch (design) {
     case "tabs":
-      return /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement(
         "ul",
         {
           ref: parentRef,
@@ -2862,7 +2938,7 @@ var Radio = ({
             tabsContainerClassName
           )
         },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement(
           "li",
           {
             "aria-current": "page",
@@ -2890,13 +2966,13 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           key: i,
           className: "hawa-rounded hawa-border hawa-border-gray-200 "
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "div",
           {
             className: cn(
@@ -2905,7 +2981,7 @@ var Radio = ({
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react11.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2915,7 +2991,7 @@ var Radio = ({
               name: "bordered-radio"
             }
           ),
-          /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react11.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2929,7 +3005,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react10.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement("li", { key: o }, /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement("li", { key: o }, /* @__PURE__ */ import_react11.default.createElement(
         "input",
         {
           type: "radio",
@@ -2940,7 +3016,7 @@ var Radio = ({
           required: true,
           disabled: opt.disabled
         }
-      ), /* @__PURE__ */ import_react10.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement(
         "label",
         {
           htmlFor: opt.value.toString(),
@@ -2949,10 +3025,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__ */ import_react10.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+        /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react10.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: cn(
@@ -2961,7 +3037,7 @@ var Radio = ({
           ),
           key: i + 1
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "input",
           {
             disabled: opt.disabled,
@@ -2979,7 +3055,7 @@ var Radio = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -2990,7 +3066,7 @@ var Radio = ({
           },
           opt.label
         )
-      ))), /* @__PURE__ */ import_react10.default.createElement(
+      ))), /* @__PURE__ */ import_react11.default.createElement(
         "p",
         {
           className: cn(
@@ -3004,13 +3080,13 @@ var Radio = ({
 };
 
 // components/elements/combobox/Combobox.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // components/elements/command/Command.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -3023,15 +3099,15 @@ var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.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",
@@ -3046,10 +3122,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(
     import_cmdk.Command.Input,
     {
       ref,
@@ -3062,7 +3138,7 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.List,
   {
     ref,
@@ -3074,7 +3150,7 @@ var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.createElement(
+var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -3083,7 +3159,7 @@ var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.cr
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Group,
   {
     ref,
@@ -3095,7 +3171,7 @@ var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -3104,7 +3180,7 @@ var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
   import_cmdk.Command.Item,
   {
     ref,
@@ -3120,7 +3196,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "span",
     {
       className: cn(
@@ -3134,9 +3210,9 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/elements/popover/Popover.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@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,
@@ -3168,7 +3244,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",
@@ -3176,7 +3252,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     PopoverContent,
     {
       side,
@@ -3194,7 +3270,7 @@ var Popover = ({
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
 // components/elements/combobox/Combobox.tsx
-var Combobox = React26.forwardRef(
+var Combobox = React27.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -3205,8 +3281,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];
     }
@@ -3215,7 +3291,7 @@ var Combobox = React26.forwardRef(
         setOpen(open2);
       }
     };
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React27.createElement(
       "div",
       {
         className: cn(
@@ -3223,8 +3299,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(
@@ -3232,7 +3308,7 @@ var Combobox = React26.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React27.createElement(
         "button",
         {
           role: "combobox",
@@ -3246,7 +3322,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",
@@ -3262,9 +3338,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(
@@ -3273,17 +3349,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,
@@ -3298,7 +3374,7 @@ var Combobox = React26.forwardRef(
               setOpen(false);
             }
           },
-          /* @__PURE__ */ React26.createElement(
+          /* @__PURE__ */ React27.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -3316,7 +3392,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)
         ))))
@@ -3326,8 +3402,8 @@ var Combobox = React26.forwardRef(
 );
 
 // components/elements/textarea/Textarea.tsx
-var React27 = __toESM(require("react"));
-var Textarea = React27.forwardRef(
+var React28 = __toESM(require("react"));
+var Textarea = React28.forwardRef(
   ({
     className,
     labelProps,
@@ -3337,7 +3413,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(
@@ -3347,7 +3423,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(
@@ -3356,7 +3432,7 @@ var Textarea = React27.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React27.createElement(
+    ), showCount && /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -3375,7 +3451,7 @@ var Textarea = React27.forwardRef(
 Textarea.displayName = "Textarea";
 
 // components/elements/fileDropzone/FileDropzone.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 var import_clsx2 = __toESM(require("clsx"));
 var FileDropzone = ({
@@ -3397,8 +3473,8 @@ var FileDropzone = ({
   privacyLink
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [cmp, setCmp] = (0, import_react11.useState)(0);
-  const [max, setMax] = (0, import_react11.useState)(0);
+  const [cmp, setCmp] = (0, import_react12.useState)(0);
+  const [max, setMax] = (0, import_react12.useState)(0);
   const {
     getRootProps,
     getInputProps,
@@ -3420,7 +3496,7 @@ var FileDropzone = ({
       );
     }
   });
-  (0, import_react11.useEffect)(
+  (0, import_react12.useEffect)(
     () => () => {
       files == null ? void 0 : files.forEach((file) => {
         URL.revokeObjectURL(file.preview);
@@ -3428,7 +3504,7 @@ var FileDropzone = ({
     },
     [files]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setFiles(acceptedFiles);
   }, [acceptedFiles, cmp, setFiles]);
   onClearFiles = () => {
@@ -3440,7 +3516,7 @@ var FileDropzone = ({
     acceptedFiles.length = 0;
     setFiles([]);
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (maxSize > 0) {
       const k = 1024;
       const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
@@ -3453,7 +3529,7 @@ var FileDropzone = ({
   const errs = fileRejections.map((rej, i) => {
     switch (rej.errors[0].code) {
       case "file-too-large":
-        return /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement(
           Alert,
           {
             key: i,
@@ -3463,7 +3539,7 @@ var FileDropzone = ({
           }
         );
       case "too-many-files":
-        return /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement(
           Alert,
           {
             key: i,
@@ -3473,7 +3549,7 @@ var FileDropzone = ({
           }
         );
       case "file-invalid-type":
-        return /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement(
           Alert,
           {
             key: i,
@@ -3483,7 +3559,7 @@ var FileDropzone = ({
           }
         );
       default:
-        return /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement(
           Alert,
           {
             key: i,
@@ -3494,7 +3570,7 @@ var FileDropzone = ({
         );
     }
   });
-  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react11.default.createElement(
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react12.default.createElement(
     "button",
     {
       onClick: (e) => {
@@ -3507,7 +3583,7 @@ var FileDropzone = ({
       className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
       "data-modal-toggle": "defaultModal"
     },
-    /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       "svg",
       {
         "aria-hidden": "true",
@@ -3515,7 +3591,7 @@ var FileDropzone = ({
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -3524,8 +3600,8 @@ var FileDropzone = ({
         }
       )
     ),
-    /* @__PURE__ */ import_react11.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
-  ), /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
+  ), /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       style: {
@@ -3544,7 +3620,7 @@ var FileDropzone = ({
       key: file.name
     }
   )));
-  return /* @__PURE__ */ import_react11.default.createElement("div", null, label && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement("div", null, label && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       className: (0, import_clsx2.default)(
@@ -3552,7 +3628,7 @@ var FileDropzone = ({
         isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
       )
     },
-    /* @__PURE__ */ import_react11.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react11.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react12.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react12.default.createElement(
       "svg",
       {
         stroke: "currentColor",
@@ -3564,28 +3640,28 @@ var FileDropzone = ({
         height: "1.5em",
         width: "1.5em"
       },
-      /* @__PURE__ */ import_react11.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 3l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M7 3l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M11 3l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 3l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 7l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 11l0 .01" }),
-      /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 15l0 .01" })
-    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
-    acceptedFiles.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react11.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react11.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
-    /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
-  ), disclaimer && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 3l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M7 3l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M11 3l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M15 3l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 7l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 11l0 .01" }),
+      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M3 15l0 .01" })
+    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
+    acceptedFiles.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react12.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react12.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
+  ), disclaimer && /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react12.default.createElement(
     "a",
     {
       href: termsLink,
       className: "clickable-link hawa-text-muted-foreground/50"
     },
     (_d = texts.terms) != null ? _d : "Terms"
-  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react11.default.createElement(
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react12.default.createElement(
     "a",
     {
       href: privacyLink,
@@ -3596,9 +3672,9 @@ var FileDropzone = ({
 };
 
 // components/elements/sortButton/SortButton.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var SortButton = (props) => {
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     Button,
     {
       variant: "ghost",
@@ -3610,7 +3686,7 @@ var SortButton = (props) => {
       onClick: props.onSort
     },
     props.label,
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3622,10 +3698,10 @@ var SortButton = (props) => {
         strokeLinejoin: "round",
         className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "m21 16-4 4-4-4" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M17 20V4" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "m3 8 4-4 4 4" }),
-      /* @__PURE__ */ import_react12.default.createElement("path", { d: "M7 4v16" })
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M17 20V4" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ import_react13.default.createElement("path", { d: "M7 4v16" })
     )
   );
 };
@@ -3633,89 +3709,6 @@ var SortButton = (props) => {
 // components/elements/tabs/Tabs.tsx
 var React31 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-
-// components/elements/Chip.tsx
-var import_react13 = __toESM(require("react"));
-var Chip = import_react13.default.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__ */ import_react13.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react13.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react13.default.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,
@@ -4143,426 +4136,168 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/cards/ActionCard.tsx
+// components/elements/progress/Progress.tsx
+var React35 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@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
 var import_react15 = __toESM(require("react"));
-var ActionCard = (props) => {
-  const [hovered, setHovered] = (0, import_react15.useState)(false);
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react15.default.createElement(
+var Breadcrumb = ({
+  breadcrumbLinks,
+  separator = ">"
+}) => {
+  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react15.default.createElement(
-      "svg",
+    /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react15.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react15.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
+  )));
 };
 
-// components/elements/cards/AdCard.tsx
+// components/elements/appStores/AppStores.tsx
 var import_react16 = __toESM(require("react"));
-var AdCard = ({
-  orientation = "vertical",
-  ...props
-}) => {
-  const adRef = (0, import_react16.useRef)(null);
-  const [closed, setClosed] = (0, import_react16.useState)(false);
-  let duration = 0;
-  (0, import_react16.useEffect)(() => {
-    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);
-      };
+var AppStores = (props) => {
+  return /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react16.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react16.default.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
     }
-  }, [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__ */ import_react16.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react16.default.createElement(
-    "div",
+  ))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react16.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react16.default.createElement(
+    "path",
     {
-      className: cn(cardStyles[orientation], props.className),
-      onClick: props.handleClick
-    },
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ import_react16.default.createElement(
-      "img",
-      {
-        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
-        className: imageStyles[orientation]
-      }
-    )),
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ import_react16.default.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
-var import_react17 = __toESM(require("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__ */ import_react17.default.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__ */ import_react16.default.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__ */ import_react17.default.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__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react17.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react17.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react17.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ import_react17.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement(Separator2, null), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.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__ */ import_react17.default.createElement(
-          "li",
-          {
-            key: o,
-            className: cn(
-              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
-              !feature.included && "hawa-line-through"
-            )
-          },
-          /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.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__ */ import_react17.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
-          feature.hint && /* @__PURE__ */ import_react17.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M12 17h.01" })
-          ))
-        );
-      })),
-      /* @__PURE__ */ import_react17.default.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__ */ import_react16.default.createElement(
+    "path",
+    {
+      fill: "#48FF48",
+      d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }
+  ), /* @__PURE__ */ import_react16.default.createElement(
+    "path",
+    {
+      fill: "#3BCCFF",
+      d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }
+  ))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
 };
 
-// components/elements/cards/ItemCard.tsx
-var import_react18 = __toESM(require("react"));
-var ItemCard = ({
-  actions,
-  counts,
-  content,
-  headerActions,
-  clickableImage,
-  onImageClick,
-  clickableImageActionText,
-  clickableImageActionIcon,
-  header,
-  cardImage,
-  orientation = "vertical",
-  ...props
+// components/elements/badge/Badge.tsx
+var import_react17 = __toESM(require("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] = (0, import_react17.useState)(null);
+  const indicatorRef = (0, import_react17.useRef)(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] = (0, import_react18.useState)(false);
-  function handleOpenActionHeader(e) {
-    e.stopPropagation();
-    setOpenActionHeader(!openActionHeader);
-  }
-  (0, import_react18.useEffect)(() => {
-    window.onclick = () => {
-      if (openActionHeader) {
-        setOpenActionHeader(false);
+  (0, import_react17.useEffect)(() => {
+    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__ */ import_react18.default.createElement(
+    handlePositioning();
+    window.addEventListener("resize", handlePositioning);
+    return () => {
+      window.removeEventListener("resize", handlePositioning);
+    };
+  }, [anchor]);
+  return /* @__PURE__ */ import_react17.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react17.default.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__ */ import_react18.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react18.default.createElement(
-      "img",
-      {
-        src: cardImage,
-        className: cn(
-          imageStyles[orientation],
-          clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
-        )
-      }
-    ), clickableImage && /* @__PURE__ */ import_react18.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(
-      Button,
-      {
-        variant: "secondary",
-        onClick: onImageClick,
-        className: "hawa-flex hawa-flex-row hawa-gap-2"
-      },
-      clickableImageActionIcon,
-      clickableImageActionText || "Click"
-    )))),
-    /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ import_react18.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react18.default.createElement(
-      DropdownMenu,
-      {
-        items: headerActions,
-        trigger: /* @__PURE__ */ import_react18.default.createElement(
-          Button,
-          {
-            variant: "ghost",
-            size: "smallIcon",
-            onClick: handleOpenActionHeader
-          },
-          /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ import_react18.default.createElement(
-            "svg",
-            {
-              className: "hawa-h-5 hawa-w-5",
-              "aria-hidden": "true",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react18.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(StopPropagationWrapper, null, actions)
-    ) : null)
-  );
-};
-
-// components/elements/cards/LandingCard.tsx
-var import_react19 = __toESM(require("react"));
-var LandingCard = (props) => {
-  return /* @__PURE__ */ import_react19.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, props.subtitle)));
-};
-
-// components/elements/PinInput.tsx
-var import_react20 = __toESM(require("react"));
-var PinInput = ({
-  label,
-  icon,
-  digits,
-  width = "normal",
-  getPins,
-  inputProps,
-  ...props
-}) => {
-  const [pin, setPin] = (0, import_react20.useState)(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();
-    }
-  };
-  (0, import_react20.useEffect)(() => {
-    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__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react20.default.createElement(
-    "div",
-    {
-      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
-      dir: "ltr"
-    },
-    pin.map((value, index) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.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 = (0, import_react17.useRef)(null);
+  return /* @__PURE__ */ import_react17.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react17.default.createElement(
+    Badge,
+    {
+      size,
+      text,
+      position,
+      anchor: ref,
+      className: "hawa-z-10"
+    }
+  ), children);
+};
 
-// components/elements/PhoneInput.tsx
-var import_react21 = __toESM(require("react"));
+// components/elements/phoneInput/PhoneInput.tsx
+var import_react18 = __toESM(require("react"));
 
 // components/countries.ts
 var countries = [
@@ -6257,12 +5992,12 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/PhoneInput.tsx
+// components/elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
-  const [phoneNumber, setPhoneNumber] = (0, import_react21.useState)("");
-  const [countryCode, setCountryCode] = (0, import_react21.useState)(props.preferredCountry);
-  const inputRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const [phoneNumber, setPhoneNumber] = (0, import_react18.useState)("");
+  const [countryCode, setCountryCode] = (0, import_react18.useState)(props.preferredCountry);
+  const inputRef = (0, import_react18.useRef)(null);
+  (0, import_react18.useEffect)(() => {
     var _a;
     if (inputRef.current) {
       (_a = inputRef.current) == null ? void 0 : _a.focus();
@@ -6280,7 +6015,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react21.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react21.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react18.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react18.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react18.default.createElement(
     Select,
     {
       width: "fit",
@@ -6296,20 +6031,102 @@ var PhoneInput = ({ labelProps, ...props }) => {
       value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react21.default.createElement(
-    "input",
+  ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react18.default.createElement(
+    "input",
+    {
+      ref: inputRef,
+      id: "phone-number",
+      className: cn(
+        "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
+      ),
+      onChange: handleInputChange,
+      value: phoneNumber,
+      type: "tel",
+      placeholder: "531045453"
+    }
+  ))), /* @__PURE__ */ import_react18.default.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/pinInput/PinInput.tsx
+var import_react19 = __toESM(require("react"));
+var PinInput = ({
+  label,
+  icon,
+  digits,
+  width = "normal",
+  getPins,
+  inputProps,
+  ...props
+}) => {
+  const [pin, setPin] = (0, import_react19.useState)(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();
+    }
+  };
+  (0, import_react19.useEffect)(() => {
+    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__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react19.default.createElement(
+    "div",
     {
-      ref: inputRef,
-      id: "phone-number",
-      className: cn(
-        "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
-      ),
-      onChange: handleInputChange,
-      value: phoneNumber,
-      type: "tel",
-      placeholder: "531045453"
-    }
-  ))), /* @__PURE__ */ import_react21.default.createElement(
+      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
+      dir: "ltr"
+    },
+    pin.map((value, index) => /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement(
     "p",
     {
       className: cn(
@@ -6321,31 +6138,57 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/Progress.tsx
+// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+var import_react20 = __toESM(require("react"));
+var StopPropagationWrapper = (props) => {
+  const handleClick = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ import_react20.default.createElement("div", { onClick: handleClick }, props.children);
+};
+
+// components/elements/scrollArea/ScrollArea.tsx
 var React42 = __toESM(require("react"));
-var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React42.createElement(
-  ProgressPrimitive.Root,
+var ScrollAreaPrimitive = __toESM(require("@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
-var import_react22 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var size2config = {
   xs: {
     radius: 15,
@@ -6377,7 +6220,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
+var ProgressCircle = import_react21.default.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -6397,7 +6240,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
   const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
     "div",
     {
       ref,
@@ -6406,7 +6249,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(
       "svg",
       {
         width: radius * 2,
@@ -6414,7 +6257,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -6430,7 +6273,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ import_react22.default.createElement(
+      value > 0 ? /* @__PURE__ */ import_react21.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -6450,24 +6293,24 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ import_react22.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ import_react21.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
   ));
 });
 ProgressCircle.displayName = "ProgressCircle";
 
 // components/elements/Pagination.tsx
-var import_react23 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_react_headless_pagination = require("react-headless-pagination");
 var Pagination = ({
   direction,
   totalPages,
   currentPage
 }) => {
-  const [page, setPage] = import_react23.default.useState(currentPage || 0);
+  const [page, setPage] = import_react22.default.useState(currentPage || 0);
   const handlePageChange = (page2) => {
     setPage(page2);
   };
-  return /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     import_react_headless_pagination.Pagination,
     {
       totalPages,
@@ -6479,10 +6322,10 @@ var Pagination = ({
       truncableText: "...",
       truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
     },
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(
       import_react_headless_pagination.Pagination.PrevButton,
       {
-        as: /* @__PURE__ */ import_react23.default.createElement(
+        as: /* @__PURE__ */ import_react22.default.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -6492,7 +6335,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ import_react23.default.createElement(
+          /* @__PURE__ */ import_react22.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -6505,7 +6348,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react23.default.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ import_react22.default.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -6518,17 +6361,17 @@ var Pagination = ({
       },
       "Previous"
     ),
-    /* @__PURE__ */ import_react23.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react23.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react22.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react22.default.createElement(
       import_react_headless_pagination.Pagination.PageButton,
       {
         className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
         activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
       }
     ))),
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(
       import_react_headless_pagination.Pagination.NextButton,
       {
-        as: /* @__PURE__ */ import_react23.default.createElement(
+        as: /* @__PURE__ */ import_react22.default.createElement(
           "button",
           {
             "aria-label": "Previous Table Page",
@@ -6538,7 +6381,7 @@ var Pagination = ({
             ),
             style: { minWidth: 36 }
           },
-          /* @__PURE__ */ import_react23.default.createElement(
+          /* @__PURE__ */ import_react22.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -6551,7 +6394,7 @@ var Pagination = ({
               strokeLinecap: "round",
               strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react23.default.createElement("path", { d: "m15 18-6-6 6-6" })
+            /* @__PURE__ */ import_react22.default.createElement("path", { d: "m15 18-6-6 6-6" })
           )
         ),
         className: cn(
@@ -6568,14 +6411,14 @@ var Pagination = ({
 };
 
 // components/elements/PasswordInput.tsx
-var import_react27 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // components/icons/Emojis.tsx
-var import_react24 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 
 // components/icons/InputIcons.tsx
-var import_react25 = __toESM(require("react"));
-var EyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react25.default.createElement(
+var import_react24 = __toESM(require("react"));
+var EyeIcon = (props) => /* @__PURE__ */ import_react24.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react24.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6586,10 +6429,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElement("d
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ import_react25.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ import_react25.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
+  /* @__PURE__ */ import_react24.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ import_react24.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
 ));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react25.default.createElement(
+var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react24.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react24.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6600,20 +6443,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElem
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ import_react25.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ import_react25.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ import_react25.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ import_react25.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+  /* @__PURE__ */ import_react24.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+  /* @__PURE__ */ import_react24.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+  /* @__PURE__ */ import_react24.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+  /* @__PURE__ */ import_react24.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
 // components/icons/CommonIcons.tsx
-var import_react26 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -6621,7 +6464,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react26.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -6636,7 +6479,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -6644,7 +6487,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react26.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -6682,7 +6525,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     strong: "80%",
     "very-strong": "100%"
   }[currentStrengthLevel];
-  return /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
       className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
@@ -6694,16 +6537,16 @@ var PasswordInput = ({
   hidePopover,
   ...props
 }) => {
-  const [inputValue, setInputValue] = (0, import_react27.useState)("");
-  const [isInputFocused, setIsInputFocused] = (0, import_react27.useState)(false);
-  const [currentStr, setCurrentStr] = (0, import_react27.useState)(0);
-  const [passwordVisible, setPasswordVisible] = (0, import_react27.useState)(false);
-  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react27.useState)(false);
-  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react27.useState)(false);
-  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react27.useState)(false);
-  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react27.useState)(false);
-  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react27.useState)(false);
-  (0, import_react27.useEffect)(() => {
+  const [inputValue, setInputValue] = (0, import_react26.useState)("");
+  const [isInputFocused, setIsInputFocused] = (0, import_react26.useState)(false);
+  const [currentStr, setCurrentStr] = (0, import_react26.useState)(0);
+  const [passwordVisible, setPasswordVisible] = (0, import_react26.useState)(false);
+  const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react26.useState)(false);
+  const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react26.useState)(false);
+  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react26.useState)(false);
+  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react26.useState)(false);
+  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
       if (lengthCriteriaMet)
@@ -6742,7 +6585,7 @@ var PasswordInput = ({
     setIsInputFocused(false);
   };
   const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
-  return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement(
     Popover,
     {
       width: "trigger",
@@ -6751,7 +6594,7 @@ var PasswordInput = ({
       onOpenChange: setIsInputFocused,
       triggerProps: { asChild: true },
       contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
-      trigger: /* @__PURE__ */ import_react27.default.createElement(
+      trigger: /* @__PURE__ */ import_react26.default.createElement(
         "div",
         {
           onClick: (e) => {
@@ -6761,7 +6604,7 @@ var PasswordInput = ({
             }
           }
         },
-        /* @__PURE__ */ import_react27.default.createElement(
+        /* @__PURE__ */ import_react26.default.createElement(
           Input,
           {
             width: "full",
@@ -6771,21 +6614,21 @@ var PasswordInput = ({
             onFocus: handleInputFocus,
             onBlur: handleInputBlur,
             type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ import_react27.default.createElement(
+            endIcon: /* @__PURE__ */ import_react26.default.createElement(
               "div",
               {
                 className: "hawa-cursor-pointer",
                 onClick: () => setPasswordVisible(!passwordVisible)
               },
-              passwordVisible ? /* @__PURE__ */ import_react27.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react27.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              passwordVisible ? /* @__PURE__ */ import_react26.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react26.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
               " "
             )
           }
         )
       )
     },
-    /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react27.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react27.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react27.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react27.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react27.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react27.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react27.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react27.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react27.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react27.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react27.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react27.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react27.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react27.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react27.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react27.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
-  ), /* @__PURE__ */ import_react27.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+    /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react26.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react26.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react26.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react26.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react26.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react26.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react26.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react26.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react26.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react26.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react26.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react26.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react26.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react26.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react26.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react26.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ import_react26.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 
 // components/elements/Slider.tsx
@@ -6892,53 +6735,13 @@ var Separator2 = ({
   }
 );
 
-// components/elements/ScrollArea.tsx
-var React52 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  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
-var import_react28 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var ScrollIndicator = ({
   anchor,
   inContainer = false
 }) => {
-  const [scrollPercentage, setScrollPercentage] = (0, import_react28.useState)(0);
+  const [scrollPercentage, setScrollPercentage] = (0, import_react27.useState)(0);
   const onScroll = () => {
     const scrollElement = anchor.current;
     if (scrollElement) {
@@ -6949,7 +6752,7 @@ var ScrollIndicator = ({
       setScrollPercentage(percentageScrolled);
     }
   };
-  (0, import_react28.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (!anchor.current)
       return;
     anchor.current.addEventListener("scroll", onScroll);
@@ -6958,7 +6761,7 @@ var ScrollIndicator = ({
       (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
     };
   }, [anchor]);
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "div",
     {
       style: {
@@ -6973,17 +6776,8 @@ var ScrollIndicator = ({
   );
 };
 
-// components/elements/StopPropagationWrapper.tsx
-var import_react29 = __toESM(require("react"));
-var StopPropagationWrapper = (props) => {
-  const handleClick = (e) => {
-    e.stopPropagation();
-  };
-  return /* @__PURE__ */ import_react29.default.createElement("div", { onClick: handleClick }, props.children);
-};
-
 // components/elements/ColorPicker.tsx
-var import_react30 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var ColorPicker = ({
   containerProps,
   colorPickerProps,
@@ -6991,8 +6785,8 @@ var ColorPicker = ({
   labelProps,
   ...props
 }) => {
-  const [selectedColor, setSelectedColor] = (0, import_react30.useState)(props.color);
-  (0, import_react30.useEffect)(() => {
+  const [selectedColor, setSelectedColor] = (0, import_react28.useState)(props.color);
+  (0, import_react28.useEffect)(() => {
     if (selectedColor && selectedColor[0] !== "#") {
       setSelectedColor(`#${selectedColor}`);
     }
@@ -7009,13 +6803,13 @@ var ColorPicker = ({
       props.handleChange(e);
     }
   };
-  return /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react30.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react30.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react28.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react28.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
       style: { height: 40, backgroundColor: selectedColor },
       className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
     },
-    /* @__PURE__ */ import_react30.default.createElement(
+    /* @__PURE__ */ import_react28.default.createElement(
       "input",
       {
         type: "color",
@@ -7033,7 +6827,7 @@ var ColorPicker = ({
         ...colorPickerProps
       }
     )
-  ), /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react30.default.createElement(
+  ), /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react28.default.createElement(
     "input",
     {
       maxLength: 7,
@@ -7045,7 +6839,7 @@ var ColorPicker = ({
       ),
       ...textInputProps
     }
-  ))), /* @__PURE__ */ import_react30.default.createElement(
+  ))), /* @__PURE__ */ import_react28.default.createElement(
     "p",
     {
       className: cn(
@@ -7058,15 +6852,15 @@ var ColorPicker = ({
 };
 
 // components/elements/CodeBlock.tsx
-var import_react32 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_prism_react_renderer = require("prism-react-renderer");
 
 // components/hooks/useClipboard.ts
-var import_react31 = require("react");
+var import_react29 = require("react");
 function useClipboard({ timeout = 2e3 } = {}) {
-  const [error, setError] = (0, import_react31.useState)(null);
-  const [copied, setCopied] = (0, import_react31.useState)(false);
-  const [copyTimeout, setCopyTimeout] = (0, import_react31.useState)(null);
+  const [error, setError] = (0, import_react29.useState)(null);
+  const [copied, setCopied] = (0, import_react29.useState)(false);
+  const [copyTimeout, setCopyTimeout] = (0, import_react29.useState)(null);
   const handleCopyResult = (value) => {
     clearTimeout(copyTimeout);
     setCopyTimeout(setTimeout(() => setCopied(false), timeout));
@@ -7099,7 +6893,7 @@ var CodeBlock = ({
   ...props
 }) => {
   const clipboard = useClipboard();
-  const [selectedTab, setSelectedTab] = (0, import_react32.useState)(0);
+  const [selectedTab, setSelectedTab] = (0, import_react30.useState)(0);
   const isDarkMode = props.forcedDarkMode || document.body.classList.contains("dark");
   const theme = isDarkMode ? import_prism_react_renderer.themes.vsDark : import_prism_react_renderer.themes.vsLight;
   let widthStyles = {
@@ -7108,7 +6902,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     "div",
     {
       className: cn(
@@ -7117,7 +6911,7 @@ var CodeBlock = ({
         className
       )
     },
-    fileName && /* @__PURE__ */ import_react32.default.createElement(
+    fileName && /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
         className: cn(
@@ -7125,7 +6919,7 @@ var CodeBlock = ({
           fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
         )
       },
-      /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(
         "div",
         {
           className: cn(
@@ -7135,7 +6929,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ import_react32.default.createElement(
+    tabs && /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
         className: cn(
@@ -7143,7 +6937,7 @@ var CodeBlock = ({
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ import_react32.default.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ import_react30.default.createElement(
         "div",
         {
           key: i,
@@ -7151,7 +6945,7 @@ var CodeBlock = ({
             selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
           )
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react30.default.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -7163,7 +6957,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ import_react32.default.createElement(
+    /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
         className: cn(
@@ -7171,26 +6965,26 @@ var CodeBlock = ({
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
-      /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(
         import_prism_react_renderer.Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react32.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react32.default.createElement("span", { key, ...getTokenProps({ token }) })))))
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react30.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react30.default.createElement("span", { key, ...getTokenProps({ token }) })))))
       ),
-      /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ import_react30.default.createElement(
         Tooltip,
         {
           open: clipboard.copied,
           side: "left",
-          content: /* @__PURE__ */ import_react32.default.createElement("div", null, "Copied!"),
+          content: /* @__PURE__ */ import_react30.default.createElement("div", null, "Copied!"),
           triggerProps: {
             asChild: true
           }
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react30.default.createElement(
           Button,
           {
             size: "icon",
@@ -7198,7 +6992,7 @@ var CodeBlock = ({
             variant: "outline",
             className: "hawa-text-foreground hawa-opacity-50 sm:hawa-opacity-100"
           },
-          /* @__PURE__ */ import_react32.default.createElement(
+          /* @__PURE__ */ import_react30.default.createElement(
             "svg",
             {
               "aria-label": "Copy Icon",
@@ -7211,8 +7005,8 @@ var CodeBlock = ({
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react32.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-            /* @__PURE__ */ import_react32.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+            /* @__PURE__ */ import_react30.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ import_react30.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
           )
         )
       ))
@@ -7221,7 +7015,7 @@ var CodeBlock = ({
 };
 
 // components/elements/Carousel.tsx
-var import_react33 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var Carousel = (props) => {
   const {
@@ -7235,8 +7029,8 @@ var Carousel = (props) => {
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
     loop: autoplay ? true : options.loop || false
   });
-  const [selectedIndex, setSelectedIndex] = (0, import_react33.useState)(0);
-  (0, import_react33.useEffect)(() => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react31.useState)(0);
+  (0, import_react31.useEffect)(() => {
     function selectHandler() {
       const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
       setSelectedIndex(index || 0);
@@ -7246,7 +7040,7 @@ var Carousel = (props) => {
       emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
     };
   }, [emblaApi]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     let autoplayTimer;
     if (autoplay && emblaApi) {
       autoplayTimer = setInterval(() => {
@@ -7258,24 +7052,24 @@ var Carousel = (props) => {
         clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
-  const length = import_react33.default.Children.count(items);
+  const length = import_react31.default.Children.count(items);
   const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
   const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
-  return /* @__PURE__ */ import_react33.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react31.default.createElement(
     "div",
     {
       key: i,
       className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
     },
     item
-  ))))), /* @__PURE__ */ import_react33.default.createElement(
+  ))))), /* @__PURE__ */ import_react31.default.createElement(
     Dots,
     {
       itemsLength: length,
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
     }
-  ), showArrows && /* @__PURE__ */ import_react33.default.createElement(
+  ), showArrows && /* @__PURE__ */ import_react31.default.createElement(
     CarouselControls,
     {
       canScrollNext,
@@ -7287,9 +7081,9 @@ var Carousel = (props) => {
 };
 var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
+  return /* @__PURE__ */ import_react31.default.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__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       "div",
       {
         onClick: () => onDotClick(index),
@@ -7303,7 +7097,7 @@ var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
   }));
 };
 var CarouselControls = (props) => {
-  return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react31.default.createElement(
     "button",
     {
       onClick: () => {
@@ -7318,7 +7112,7 @@ var CarouselControls = (props) => {
         props.canScrollPrev && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react31.default.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7327,9 +7121,9 @@ var CarouselControls = (props) => {
         viewBox: "0 0 16 16",
         className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
       },
-      /* @__PURE__ */ import_react33.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+      /* @__PURE__ */ import_react31.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
     )
-  ), /* @__PURE__ */ import_react33.default.createElement(
+  ), /* @__PURE__ */ import_react31.default.createElement(
     "button",
     {
       onClick: () => {
@@ -7344,7 +7138,7 @@ var CarouselControls = (props) => {
         props.canScrollNext && "hawa-bg-primary"
       )
     },
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react31.default.createElement(
       "svg",
       {
         "aria-label": "Chevron Right Icon",
@@ -7353,19 +7147,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__ */ import_react33.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+      /* @__PURE__ */ import_react31.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
     )
   ));
 };
 
 // components/elements/Count.tsx
-var import_react34 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var Count = (props) => {
-  return /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react34.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-text-sm" }, props.count));
+  return /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react32.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
 // components/elements/Toast.tsx
-var React59 = __toESM(require("react"));
+var React57 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority4.cva)(
@@ -7390,7 +7184,7 @@ var toastVariants = (0, import_class_variance_authority4.cva)(
   }
 );
 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,
@@ -7402,8 +7196,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,
@@ -7418,8 +7212,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,
@@ -7436,7 +7230,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,
@@ -7447,7 +7241,7 @@ var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React57.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -7456,7 +7250,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",
@@ -7467,7 +7261,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,
@@ -7479,7 +7273,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,
@@ -7490,10 +7284,10 @@ var ToastDescription = React59.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // components/elements/Toaster.tsx
-var import_react35 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 
 // components/hooks/useToast.ts
-var React60 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -7589,8 +7383,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React60.useState(memoryState);
-  React60.useEffect(() => {
+  const [state, setState] = React58.useState(memoryState);
+  React58.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -7610,9 +7404,9 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react35.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
-    return /* @__PURE__ */ import_react35.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react35.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react35.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react35.default.createElement(ToastClose, null));
-  }), /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
+    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react33.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react33.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react33.default.createElement(ToastClose, null));
+  }), /* @__PURE__ */ import_react33.default.createElement(
     ToastViewport,
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -7620,158 +7414,21 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/Breadcrumb.tsx
-var import_react36 = __toESM(require("react"));
-var Breadcrumb = ({
-  breadcrumbLinks,
-  separator = ">"
-}) => {
-  return /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react36.default.createElement(
-    "div",
-    {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
-    },
-    /* @__PURE__ */ import_react36.default.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__ */ import_react36.default.createElement("div", null, separator) : /* @__PURE__ */ import_react36.default.createElement("div", null, separator) : null
-  )));
-};
-
-// components/elements/Badge.tsx
-var import_react37 = __toESM(require("react"));
-var Badge = ({
-  anchor,
-  position = "right",
-  size = "default",
-  text,
-  className
-}) => {
-  const [badgePosition, setBadgePosition] = (0, import_react37.useState)(null);
-  const indicatorRef = (0, import_react37.useRef)(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" }
-  };
-  (0, import_react37.useEffect)(() => {
-    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__ */ import_react37.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react37.default.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 = (0, import_react37.useRef)(null);
-  return /* @__PURE__ */ import_react37.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react37.default.createElement(
-    Badge,
-    {
-      size,
-      text,
-      position,
-      anchor: ref,
-      className: "hawa-z-10"
-    }
-  ), children);
-};
-
-// components/elements/AppStores.tsx
-var import_react38 = __toESM(require("react"));
-var AppStores = (props) => {
-  return /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react38.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react38.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react38.default.createElement(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
-    }
-  ))), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react38.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react38.default.createElement(
-    "path",
-    {
-      fill: "#FFD400",
-      d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
-    }
-  ), /* @__PURE__ */ import_react38.default.createElement(
-    "path",
-    {
-      fill: "#FF3333",
-      d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
-    }
-  ), /* @__PURE__ */ import_react38.default.createElement(
-    "path",
-    {
-      fill: "#48FF48",
-      d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
-    }
-  ), /* @__PURE__ */ import_react38.default.createElement(
-    "path",
-    {
-      fill: "#3BCCFF",
-      d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
-    }
-  ))), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
-};
-
 // components/elements/DestroyableCard.tsx
-var import_react39 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var DestroyableCard = ({
   position = "bottom-right",
   fixed,
   direction,
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react39.useState)(false);
-  const popUpRef = (0, import_react39.useRef)(null);
+  const [closed, setClosed] = (0, import_react34.useState)(false);
+  const popUpRef = (0, import_react34.useRef)(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4 hawa-bottom-4",
     "bottom-left": "hawa-left-4 hawa-bottom-4"
   };
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       className: cn(
@@ -7780,7 +7437,7 @@ var DestroyableCard = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement(
       Card,
       {
         className: cn(
@@ -7789,7 +7446,7 @@ var DestroyableCard = ({
         ),
         dir: direction
       },
-      /* @__PURE__ */ import_react39.default.createElement(
+      /* @__PURE__ */ import_react34.default.createElement(
         "button",
         {
           type: "button",
@@ -7808,7 +7465,7 @@ var DestroyableCard = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react39.default.createElement(
+        /* @__PURE__ */ import_react34.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -7816,7 +7473,7 @@ var DestroyableCard = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react39.default.createElement(
+          /* @__PURE__ */ import_react34.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -7826,13 +7483,13 @@ var DestroyableCard = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react39.default.createElement(CardContent, { headless: true }, props.children)
+      /* @__PURE__ */ import_react34.default.createElement(CardContent, { headless: true }, props.children)
     )
   );
 };
 
 // components/elements/InterfaceSettings.tsx
-var import_react40 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
@@ -7840,13 +7497,13 @@ var InterfaceSettings = ({
   handleLanguage,
   ...props
 }) => {
-  const [color, setColor] = (0, import_react40.useState)(props.currentColorMode);
-  const [language, setLanguage] = (0, import_react40.useState)(props.currentLanguage);
+  const [color, setColor] = (0, import_react35.useState)(props.currentColorMode);
+  const [language, setLanguage] = (0, import_react35.useState)(props.currentLanguage);
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
     vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
   };
-  return /* @__PURE__ */ import_react40.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react40.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react35.default.createElement(
     Radio,
     {
       width,
@@ -7863,7 +7520,7 @@ var InterfaceSettings = ({
         { value: "en", label: "English" }
       ]
     }
-  ), /* @__PURE__ */ import_react40.default.createElement(
+  ), /* @__PURE__ */ import_react35.default.createElement(
     Radio,
     {
       width,
@@ -7878,7 +7535,7 @@ var InterfaceSettings = ({
       options: [
         {
           value: "light",
-          label: /* @__PURE__ */ import_react40.default.createElement(
+          label: /* @__PURE__ */ import_react35.default.createElement(
             "svg",
             {
               width: "15",
@@ -7888,7 +7545,7 @@ var InterfaceSettings = ({
               xmlns: "http://www.w3.org/2000/svg",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
             },
-            /* @__PURE__ */ import_react40.default.createElement(
+            /* @__PURE__ */ import_react35.default.createElement(
               "path",
               {
                 d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
@@ -7899,7 +7556,7 @@ var InterfaceSettings = ({
         },
         {
           value: "dark",
-          label: /* @__PURE__ */ import_react40.default.createElement(
+          label: /* @__PURE__ */ import_react35.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -7910,7 +7567,7 @@ var InterfaceSettings = ({
               stroke: "currentColor",
               className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
             },
-            /* @__PURE__ */ import_react40.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+            /* @__PURE__ */ import_react35.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
           )
         }
       ]
@@ -7924,8 +7581,6 @@ var InterfaceSettings = ({
   AccordionItem,
   AccordionRoot,
   AccordionTrigger,
-  ActionCard,
-  AdCard,
   Alert,
   AppStores,
   Avatar,
@@ -7992,9 +7647,7 @@ var InterfaceSettings = ({
   FileUploader,
   Input,
   InterfaceSettings,
-  ItemCard,
   Label,
-  LandingCard,
   Loading,
   Logos,
   NavigationMenu,
@@ -8014,7 +7667,6 @@ var InterfaceSettings = ({
   Popover,
   PopoverContent,
   PopoverTrigger,
-  PricingCard,
   Progress,
   ProgressCircle,
   Radio,