@sikka/hawa 0.18.21-next → 0.18.22-next

package/dist/index.js

@@ -341,7 +341,7 @@ var AdCard = ({ orientation, ...props }) => {
 };
 
 // components/elements/cards/PricingCard.tsx
-var import_react4 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 
 // components/elements/Button.tsx
 var React5 = __toESM(require("react"));
@@ -544,8 +544,8 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
       size: {
         default: "hawa-h-10 hawa-px-4 hawa-py-2",
         heightless: "hawa-px-4 hawa-py-4",
-        xs: "hawa-h-fit hawa-py-1 hawa-text-[10px] hawa-px-2 ",
-        sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
         lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
         xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
         icon: "hawa-h-10 hawa-w-10",
@@ -587,7 +587,7 @@ var Button = React5.forwardRef(
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
           themeMode: variant === "outline" ? "light" : "dark",
           color: loadingColor,
-          size: size === "sm" ? "xs" : "button"
+          size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
     );
@@ -676,6 +676,114 @@ var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 ));
 CardFooter.displayName = "CardFooter";
 
+// components/elements/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-w-2 hawa-h-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
+// components/elements/Skeleton.tsx
+var import_react5 = __toESM(require("react"));
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ import_react5.default.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
 // components/elements/cards/PricingCard.tsx
 var PricingCard = ({
   size = "medium",
@@ -689,7 +797,7 @@ var PricingCard = ({
     medium: "hawa-mx-1 hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
     large: "hawa-mx-1 hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
   };
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     Card,
     {
       dir: direction,
@@ -699,13 +807,13 @@ var PricingCard = ({
         "hawa-flex hawa-flex-col hawa-gap-4 hawa-rounded hawa-p-4 "
       )
     },
-    props.discount && /* @__PURE__ */ import_react4.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }),
+    props.discount && /* @__PURE__ */ import_react6.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }),
     " ",
-    /* @__PURE__ */ import_react4.default.createElement("h5", { className: "hawa-text-md 0 hawa-font-bold hawa-text-primary/70" }, props.texts.title),
-    /* @__PURE__ */ import_react4.default.createElement("div", { className: " hawa-text-primary hawa-flex  hawa-items-baseline" }, /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ import_react4.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ import_react4.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText)),
-    /* @__PURE__ */ import_react4.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle),
-    props.features && /* @__PURE__ */ import_react4.default.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
-      return /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement("h5", { className: "hawa-text-md 0 hawa-font-bold hawa-text-primary/70" }, props.texts.title),
+    /* @__PURE__ */ import_react6.default.createElement("div", { className: " hawa-text-primary hawa-flex  hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))),
+    /* @__PURE__ */ import_react6.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle),
+    props.features && /* @__PURE__ */ import_react6.default.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
+      return /* @__PURE__ */ import_react6.default.createElement(
         "li",
         {
           key: o,
@@ -714,7 +822,7 @@ var PricingCard = ({
             !feature.included && "hawa-line-through"
           )
         },
-        feature.included ? /* @__PURE__ */ import_react4.default.createElement(
+        feature.included ? /* @__PURE__ */ import_react6.default.createElement(
           "svg",
           {
             "aria-label": "Check Icon",
@@ -723,7 +831,7 @@ var PricingCard = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react6.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -731,11 +839,11 @@ var PricingCard = ({
               clipRule: "evenodd"
             }
           )
-        ) : /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-4 hawa-h-4 hawa-rounded-full hawa-bg-primary/10 hawa-m-2 hawa-mx-2.5" }),
-        /* @__PURE__ */ import_react4.default.createElement("span", { className: "hawa-flex hawa-items-center hawa-flex-row hawa-gap-2 hawa-text-center hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react4.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))
+        ) : /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-w-4 hawa-h-4 hawa-rounded-full hawa-bg-primary/10 hawa-m-2 hawa-mx-2.5" }),
+        /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-flex hawa-items-center hawa-flex-row hawa-gap-2 hawa-text-center hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react6.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))
       );
     })),
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       Button,
       {
         onClick: props.onPlanClicked,
@@ -748,16 +856,16 @@ var PricingCard = ({
 };
 
 // components/elements/cards/ItemCard.tsx
-var import_react6 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // components/elements/DropdownMenu.tsx
-var React8 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -768,9 +876,9 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
     ),
     ...props
   },
-  /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React8.createElement(
+  /* @__PURE__ */ React10.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -782,7 +890,7 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React10.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -792,7 +900,7 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -804,7 +912,7 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React10.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -817,8 +925,8 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...pro
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, slug, ...props }, ref) => {
-  return /* @__PURE__ */ React8.createElement("a", { href: slug }, /* @__PURE__ */ React8.createElement(
+var DropdownMenuItem = React10.forwardRef(({ className, inset, slug, ...props }, ref) => {
+  return /* @__PURE__ */ React10.createElement("a", { href: slug }, /* @__PURE__ */ React10.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -831,14 +939,14 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, slug, ...props },
       ),
       ...props
     },
-    /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
     props.end && props.end,
-    !props.end && props.shortcut && /* @__PURE__ */ React8.createElement(DropdownMenuShortcut, null, props.shortcut),
-    !props.end && props.badged && /* @__PURE__ */ React8.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
+    !props.end && props.shortcut && /* @__PURE__ */ React10.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && props.badged && /* @__PURE__ */ React10.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
   ));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -849,7 +957,7 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
     checked,
     ...props
   },
-  /* @__PURE__ */ React8.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(
+  /* @__PURE__ */ React10.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React10.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React10.createElement(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -860,12 +968,12 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__PURE__ */ React8.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+    /* @__PURE__ */ React10.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
   ), " ")),
   children
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -875,7 +983,7 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
     ),
     ...props
   },
-  /* @__PURE__ */ React8.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(
+  /* @__PURE__ */ React10.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React10.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React10.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -890,12 +998,12 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React8.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React10.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -908,7 +1016,7 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -921,7 +1029,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React10.createElement(
     "span",
     {
       className: cn(
@@ -960,7 +1068,7 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React10.createElement(
     DropdownMenuRoot,
     {
       onOpenChange,
@@ -968,8 +1076,8 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React8.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
-    /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React10.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
+    /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(
       DropdownMenuContent,
       {
         side,
@@ -985,13 +1093,13 @@ var DropdownMenu = ({
       header && header,
       items && items.map((item, index) => {
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React8.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React10.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React8.createElement(DropdownMenuLabel, { key: index }, item.label);
+          return /* @__PURE__ */ React10.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React8.createElement("div", { key: index }, item.content);
+          return /* @__PURE__ */ React10.createElement("div", { key: index }, item.content);
         } else {
-          return item.subitems ? /* @__PURE__ */ React8.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React8.createElement(
+          return item.subitems ? /* @__PURE__ */ React10.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React10.createElement(
             DropdownMenuSubTrigger,
             {
               className: cn(sizeStyles[size]),
@@ -999,7 +1107,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React8.createElement(
+          ), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React10.createElement(
             DropdownMenuItem,
             {
               slug: subitem.slug,
@@ -1026,7 +1134,7 @@ var DropdownMenu = ({
             },
             subitem.icon && subitem.icon,
             subitem.label && subitem.label
-          ))))) : /* @__PURE__ */ React8.createElement(
+          ))))) : /* @__PURE__ */ React10.createElement(
             DropdownMenuItem,
             {
               slug: item.slug,
@@ -1079,12 +1187,12 @@ var DropdownMenu = ({
 };
 
 // components/elements/StopPropagationWrapper.tsx
-var import_react5 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { onClick: handleClick }, props.children);
+  return /* @__PURE__ */ import_react7.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
 // components/elements/cards/ItemCard.tsx
@@ -1116,12 +1224,12 @@ var ItemCard = ({
     )
   };
   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_react6.useState)(false);
+  const [openActionHeader, setOpenActionHeader] = (0, import_react8.useState)(false);
   function handleOpenActionHeader(e) {
     e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
   }
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     window.onclick = () => {
       if (openActionHeader) {
         setOpenActionHeader(false);
@@ -1129,7 +1237,7 @@ var ItemCard = ({
     };
     return () => window.onclick = null;
   }, [openActionHeader]);
-  return /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(
     "div",
     {
       className: cn(
@@ -1145,7 +1253,7 @@ var ItemCard = ({
       },
       ...props
     },
-    cardImage && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react6.default.createElement(
+    cardImage && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react8.default.createElement(
       "img",
       {
         src: cardImage,
@@ -1154,7 +1262,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ import_react6.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react6.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_react6.default.createElement(
+    ), clickableImage && /* @__PURE__ */ import_react8.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react8.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_react8.default.createElement(
       Button,
       {
         variant: "secondary",
@@ -1164,19 +1272,19 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-pb-2 xs:hawa-px-2" }, headerActions && /* @__PURE__ */ import_react6.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_react6.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-pb-2 xs:hawa-px-2" }, headerActions && /* @__PURE__ */ import_react8.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_react8.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react8.default.createElement(
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ import_react6.default.createElement(
+        trigger: /* @__PURE__ */ import_react8.default.createElement(
           Button,
           {
             variant: "ghost",
             size: "smallIcon",
             onClick: handleOpenActionHeader
           },
-          /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ import_react6.default.createElement(
+          /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
+          /* @__PURE__ */ import_react8.default.createElement(
             "svg",
             {
               className: "hawa-h-5 hawa-w-5",
@@ -1184,11 +1292,11 @@ var ItemCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react6.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_react8.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_react6.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react6.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react6.default.createElement(
+    ))), /* @__PURE__ */ import_react8.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react8.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
         className: cn(
@@ -1197,19 +1305,19 @@ var ItemCard = ({
         )
       },
       counts,
-      /* @__PURE__ */ import_react6.default.createElement(StopPropagationWrapper, null, actions)
+      /* @__PURE__ */ import_react8.default.createElement(StopPropagationWrapper, null, actions)
     ) : null)
   );
 };
 
 // components/elements/cards/LandingCard.tsx
-var import_react7 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var LandingCard = (props) => {
-  return /* @__PURE__ */ import_react7.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react7.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react7.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react7.default.createElement(CardDescription, null, props.subtitle)));
+  return /* @__PURE__ */ import_react9.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react9.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react9.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react9.default.createElement(CardDescription, null, props.subtitle)));
 };
 
 // components/elements/PinInput.tsx
-var import_react8 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var PinInput = ({
   label,
   icon,
@@ -1218,7 +1326,7 @@ var PinInput = ({
   getPins,
   ...props
 }) => {
-  const [pin, setPin] = (0, import_react8.useState)(Array.from(Array(digits)));
+  const [pin, setPin] = (0, import_react10.useState)(Array.from(Array(digits)));
   const handleKeyDown = (e, index) => {
     let backTo = 0;
     if (e.key === "Backspace") {
@@ -1227,7 +1335,7 @@ var PinInput = ({
       previousInput == null ? void 0 : previousInput.focus();
     }
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     let unfilled = pin.includes(void 0);
     if (!unfilled && getPins) {
       getPins(pin);
@@ -1252,13 +1360,13 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react10.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_react8.default.createElement(
+    pin.map((value, index) => /* @__PURE__ */ import_react10.default.createElement(
       "input",
       {
         key: index,
@@ -1277,7 +1385,7 @@ var PinInput = ({
         ...props
       }
     ))
-  ), /* @__PURE__ */ import_react8.default.createElement(
+  ), /* @__PURE__ */ import_react10.default.createElement(
     "p",
     {
       className: cn(
@@ -1290,7 +1398,7 @@ var PinInput = ({
 };
 
 // components/elements/PhoneInput.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // components/countries.ts
 var countries = [
@@ -2987,17 +3095,17 @@ var countries_default = countries;
 
 // components/elements/Select.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var import_creatable = __toESM(require("react-select/creatable"));
 
 // components/elements/Label.tsx
-var React14 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 
 // components/elements/Tooltip.tsx
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react9.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react9.default.createElement(
+var TooltipContent = import_react11.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react11.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3010,7 +3118,7 @@ var TooltipContent = import_react9.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react9.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react11.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react11.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -3025,13 +3133,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       TooltipPrimitive.Root,
       {
         open,
@@ -3039,14 +3147,14 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react11.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react11.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
     )
   );
 };
 
 // components/elements/Label.tsx
-var Label2 = React14.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
+var Label2 = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React16.createElement(
   "label",
   {
     ref,
@@ -3057,8 +3165,8 @@ var Label2 = React14.forwardRef(({ className, hint, hintSide, required, children
     ...props
   },
   children,
-  required && /* @__PURE__ */ React14.createElement("span", { className: "hawa-text-red-500 hawa-mx-0.5" }, "*")
-), hint && /* @__PURE__ */ React14.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React14.createElement(
+  required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-text-red-500 hawa-mx-0.5" }, "*")
+), hint && /* @__PURE__ */ React16.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React16.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3070,39 +3178,12 @@ var Label2 = React14.forwardRef(({ className, hint, hintSide, required, children
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React14.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React14.createElement("path", { d: "M12 17h.01" })
+  /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
 ))));
 Label2.displayName = "Label";
 
-// components/elements/Skeleton.tsx
-var import_react10 = __toESM(require("react"));
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
-    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
-  };
-  return /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center",
-        className
-      ),
-      ...props
-    },
-    content && content
-  );
-}
-
 // components/elements/Select.tsx
 var Select = ({
   labelProps,
@@ -3111,10 +3192,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ import_react11.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ import_react12.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -3127,7 +3208,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -3148,7 +3229,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         className: cn(
@@ -3162,7 +3243,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       className: cn(
@@ -3170,10 +3251,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react12.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(
         import_react_select.default,
         {
           noOptionsMessage: NoOption,
@@ -3210,7 +3291,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ import_react11.default.createElement(
+    ) : /* @__PURE__ */ import_react12.default.createElement(
       import_creatable.default,
       {
         formatCreateLabel: (inputValue) => {
@@ -3240,7 +3321,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+    !props.hideHelperText && /* @__PURE__ */ import_react12.default.createElement(
       "p",
       {
         className: cn(
@@ -3255,10 +3336,10 @@ var Select = ({
 
 // components/elements/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
-  const [phoneNumber, setPhoneNumber] = (0, import_react12.useState)("");
-  const [countryCode, setCountryCode] = (0, import_react12.useState)(props.preferredCountry);
-  const inputRef = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const [phoneNumber, setPhoneNumber] = (0, import_react13.useState)("");
+  const [countryCode, setCountryCode] = (0, import_react13.useState)(props.preferredCountry);
+  const inputRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     var _a;
     if (inputRef.current) {
       (_a = inputRef.current) == null ? void 0 : _a.focus();
@@ -3276,7 +3357,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement(
     Select,
     {
       width: "fit",
@@ -3292,7 +3373,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ import_react12.default.createElement(
+  ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ import_react13.default.createElement(
     "input",
     {
       ref: inputRef,
@@ -3305,7 +3386,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       type: "tel",
       placeholder: "531045453"
     }
-  ))), /* @__PURE__ */ import_react12.default.createElement(
+  ))), /* @__PURE__ */ import_react13.default.createElement(
     "p",
     {
       className: cn(
@@ -3318,7 +3399,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
 };
 
 // components/elements/Checkbox.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
   id,
@@ -3328,7 +3409,7 @@ var Checkbox = ({
   disabled,
   ...props
 }) => {
-  return /* @__PURE__ */ React18.createElement("div", { className: "hawa-items-top  hawa-flex hawa-gap-2 " }, /* @__PURE__ */ React18.createElement(CheckboxElement, { ...props, disabled, id }), (label || helperText) && /* @__PURE__ */ React18.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "hawa-items-top  hawa-flex hawa-gap-2 " }, /* @__PURE__ */ React19.createElement(CheckboxElement, { ...props, disabled, id }), (label || helperText) && /* @__PURE__ */ React19.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React19.createElement(
     "label",
     {
       htmlFor: id,
@@ -3338,7 +3419,7 @@ var Checkbox = ({
       )
     },
     label
-  ), sublabel && /* @__PURE__ */ React18.createElement(
+  ), sublabel && /* @__PURE__ */ React19.createElement(
     "label",
     {
       htmlFor: id,
@@ -3348,7 +3429,7 @@ var Checkbox = ({
       )
     },
     sublabel
-  ), helperText && !disabled && /* @__PURE__ */ React18.createElement(
+  ), helperText && !disabled && /* @__PURE__ */ React19.createElement(
     "label",
     {
       htmlFor: id,
@@ -3360,7 +3441,7 @@ var Checkbox = ({
     helperText
   )));
 };
-var CheckboxElement = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
+var CheckboxElement = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -3370,14 +3451,14 @@ var CheckboxElement = React18.forwardRef(({ className, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React18.createElement(
+  /* @__PURE__ */ React19.createElement(
     CheckboxPrimitive.Indicator,
     {
       className: cn(
         "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
       )
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "svg",
       {
         "aria-label": "Check Mark",
@@ -3388,7 +3469,7 @@ var CheckboxElement = React18.forwardRef(({ className, ...props }, ref) => /* @_
         height: "0.60em",
         width: "0.60em"
       },
-      /* @__PURE__ */ React18.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+      /* @__PURE__ */ React19.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
     ),
     " "
   )
@@ -3396,7 +3477,7 @@ var CheckboxElement = React18.forwardRef(({ className, ...props }, ref) => /* @_
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // components/elements/Radio.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var Radio = ({
   design = "default",
   width = "default",
@@ -3405,7 +3486,7 @@ var Radio = ({
   ...props
 }) => {
   var _a, _b, _c;
-  const [selectedOption, setSelectedOption] = (0, import_react13.useState)(props.defaultValue);
+  const [selectedOption, setSelectedOption] = (0, import_react14.useState)(props.defaultValue);
   let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4  hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary ";
   let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 dark:hawa-bg-background hawa-bg-primary/5 dark:hover:hawa-text-white dark:hawa-bg-primary/5";
   let orientationStyle = {
@@ -3416,11 +3497,11 @@ var Radio = ({
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
-  const [parentDirection, setParentDirection] = import_react13.default.useState(
+  const [parentDirection, setParentDirection] = import_react14.default.useState(
     null
   );
-  const parentRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const parentRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     var _a2;
     const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
     if (parentNode) {
@@ -3430,7 +3511,7 @@ var Radio = ({
   });
   switch (design) {
     case "tabs":
-      return /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement(
         "ul",
         {
           ref: parentRef,
@@ -3441,7 +3522,7 @@ var Radio = ({
             orientationStyle[orientation]
           )
         },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react14.default.createElement(
           "li",
           {
             "aria-current": "page",
@@ -3468,13 +3549,13 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           key: i,
           className: "hawa-rounded hawa-border hawa-border-gray-200 "
         },
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           "div",
           {
             className: cn(
@@ -3483,7 +3564,7 @@ var Radio = ({
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react13.default.createElement(
+          /* @__PURE__ */ import_react14.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -3493,7 +3574,7 @@ var Radio = ({
               name: "bordered-radio"
             }
           ),
-          /* @__PURE__ */ import_react13.default.createElement(
+          /* @__PURE__ */ import_react14.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -3507,7 +3588,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react13.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o }, /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react14.default.createElement("li", { key: o }, /* @__PURE__ */ import_react14.default.createElement(
         "input",
         {
           type: "radio",
@@ -3518,7 +3599,7 @@ var Radio = ({
           required: true,
           disabled: opt.disabled
         }
-      ), /* @__PURE__ */ import_react13.default.createElement(
+      ), /* @__PURE__ */ import_react14.default.createElement(
         "label",
         {
           htmlFor: opt.value.toString(),
@@ -3527,10 +3608,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_react13.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react14.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react14.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: cn(
@@ -3539,7 +3620,7 @@ var Radio = ({
           ),
           key: i + 1
         },
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           "input",
           {
             disabled: opt.disabled,
@@ -3557,7 +3638,7 @@ var Radio = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -3568,7 +3649,7 @@ var Radio = ({
           },
           opt.label
         )
-      ))), /* @__PURE__ */ import_react13.default.createElement(
+      ))), /* @__PURE__ */ import_react14.default.createElement(
         "p",
         {
           className: cn(
@@ -3582,15 +3663,15 @@ var Radio = ({
 };
 
 // components/elements/Switch.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React20.forwardRef(
+var Switch = React21.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React20.useState(
+    const [parentDirection, setParentDirection] = React21.useState(
       null
     );
-    const parentRef = React20.useRef(null);
-    React20.useEffect(() => {
+    const parentRef = React21.useRef(null);
+    React21.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -3618,13 +3699,13 @@ var Switch = React20.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -3638,7 +3719,7 @@ var Switch = React20.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React20.createElement(
+        /* @__PURE__ */ React21.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -3652,17 +3733,17 @@ var Switch = React20.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React20.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React21.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // components/elements/Textarea.tsx
-var React21 = __toESM(require("react"));
-var Textarea = React21.forwardRef(
+var React22 = __toESM(require("react"));
+var Textarea = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
       "textarea",
       {
         className: cn(
@@ -3672,7 +3753,7 @@ var Textarea = React21.forwardRef(
         ref,
         ...props
       }
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       "p",
       {
         className: cn(
@@ -3687,9 +3768,9 @@ var Textarea = React21.forwardRef(
 Textarea.displayName = "Textarea";
 
 // components/elements/Slider.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React22.createElement(
+var Slider = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -3699,13 +3780,13 @@ var Slider = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React22.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border" }, /* @__PURE__ */ React22.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React22.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
+  /* @__PURE__ */ React23.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border" }, /* @__PURE__ */ React23.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React23.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // components/elements/ColorPicker.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var ColorPicker = ({
   containerProps,
   colorPickerProps,
@@ -3713,8 +3794,8 @@ var ColorPicker = ({
   labelProps,
   ...props
 }) => {
-  const [selectedColor, setSelectedColor] = (0, import_react14.useState)(props.color);
-  (0, import_react14.useEffect)(() => {
+  const [selectedColor, setSelectedColor] = (0, import_react15.useState)(props.color);
+  (0, import_react15.useEffect)(() => {
     if (selectedColor && selectedColor[0] !== "#") {
       setSelectedColor(`#${selectedColor}`);
     }
@@ -3736,13 +3817,13 @@ var ColorPicker = ({
       inputElement.dispatchEvent(event);
     }
   };
-  return /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, props.label && /* @__PURE__ */ import_react14.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react14.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, props.label && /* @__PURE__ */ import_react15.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react15.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
       style: { height: 40, backgroundColor: selectedColor },
       className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
     },
-    /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react15.default.createElement(
       "input",
       {
         type: "color",
@@ -3760,7 +3841,7 @@ var ColorPicker = ({
         ...colorPickerProps
       }
     )
-  ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ import_react14.default.createElement(
+  ), /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ import_react15.default.createElement(
     "input",
     {
       maxLength: 7,
@@ -3773,7 +3854,7 @@ var ColorPicker = ({
       ),
       ...textInputProps
     }
-  ))), /* @__PURE__ */ import_react14.default.createElement(
+  ))), /* @__PURE__ */ import_react15.default.createElement(
     "p",
     {
       className: cn(
@@ -3786,8 +3867,8 @@ var ColorPicker = ({
 };
 
 // components/elements/Input.tsx
-var import_react15 = __toESM(require("react"));
-var Input = (0, import_react15.forwardRef)(
+var import_react16 = __toESM(require("react"));
+var Input = (0, import_react16.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -3813,7 +3894,7 @@ var Input = (0, import_react15.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_react15.default.createElement(
+    return /* @__PURE__ */ import_react16.default.createElement(
       "div",
       {
         className: cn(
@@ -3824,8 +3905,8 @@ var Input = (0, import_react15.forwardRef)(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ import_react15.default.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react15.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react15.default.createElement(
+      props.label && /* @__PURE__ */ import_react16.default.createElement(Label2, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react16.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react16.default.createElement(
         "div",
         {
           className: cn(
@@ -3833,7 +3914,7 @@ var Input = (0, import_react15.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react15.default.createElement(
+      ), /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react16.default.createElement(
         "div",
         {
           className: cn(
@@ -3842,7 +3923,7 @@ var Input = (0, import_react15.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react15.default.createElement(
+      ), /* @__PURE__ */ import_react16.default.createElement(
         "input",
         {
           ...props,
@@ -3868,7 +3949,7 @@ var Input = (0, import_react15.forwardRef)(
             (_b = props.inputProps) == null ? void 0 : _b.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react15.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react16.default.createElement(
         "p",
         {
           className: cn(
@@ -3877,7 +3958,7 @@ var Input = (0, import_react15.forwardRef)(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react15.default.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react16.default.createElement(
         "div",
         {
           className: cn(
@@ -3886,7 +3967,7 @@ var Input = (0, import_react15.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react15.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react16.default.createElement(
         "div",
         {
           className: cn(
@@ -3907,20 +3988,20 @@ var Input = (0, import_react15.forwardRef)(
 );
 
 // components/elements/Combobox.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // components/elements/Command.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
 
 // components/elements/Dialog.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React25.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React26.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3931,7 +4012,7 @@ var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React25.forwardRef(({ className, children, persist, ...props }, ref) => /* @__PURE__ */ React25.createElement(DialogPortal, null, /* @__PURE__ */ React25.createElement(DialogOverlay, null), /* @__PURE__ */ React25.createElement(
+var DialogContent = React26.forwardRef(({ className, children, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -3947,7 +4028,7 @@ var DialogContent = React25.forwardRef(({ className, children, persist, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React26.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -3955,7 +4036,7 @@ var DialogContent = React25.forwardRef(({ className, children, persist, ...props
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -3964,7 +4045,7 @@ var DialogContent = React25.forwardRef(({ className, children, persist, ...props
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -3973,10 +4054,10 @@ var DialogContent = React25.forwardRef(({ className, children, persist, ...props
         }
       )
     ),
-    /* @__PURE__ */ React25.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, persist, ...props }, ref) => /* @__PURE__ */ React25.createElement(DialogPortal, null, /* @__PURE__ */ React25.createElement(DialogOverlay, null), /* @__PURE__ */ React25.createElement(
+var DialogCarouselContent = React26.forwardRef(({ className, children, onPrev, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -3992,7 +4073,7 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
     ...props
   },
   children,
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: cn(
@@ -4000,7 +4081,7 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
         onPrev ? "hawa-justify-between" : "hawa-justify-end"
       )
     },
-    onPrev && /* @__PURE__ */ React25.createElement(
+    onPrev && /* @__PURE__ */ React26.createElement(
       "div",
       {
         onClick: onPrev,
@@ -4009,7 +4090,7 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
           props.dir === "rtl" && "hawa-rotate-180"
         )
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4023,10 +4104,10 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React25.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React26.createElement("path", { d: "m15 18-6-6 6-6" })
       )
     ),
-    /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(
       DialogPrimitive.Close,
       {
         className: cn(
@@ -4034,7 +4115,7 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
           props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
         )
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -4043,7 +4124,7 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React25.createElement(
+        /* @__PURE__ */ React26.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -4052,14 +4133,14 @@ var DialogCarouselContent = React25.forwardRef(({ className, children, onPrev, p
           }
         )
       ),
-      /* @__PURE__ */ React25.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   )
 )));
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React25.createElement(
+}) => /* @__PURE__ */ React26.createElement(
   "div",
   {
     className: cn(
@@ -4069,7 +4150,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -4080,7 +4161,7 @@ var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var DialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -4094,7 +4175,7 @@ var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React25.createElement(
+}) => /* @__PURE__ */ React26.createElement(
   "div",
   {
     className: cn(
@@ -4110,12 +4191,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
     }
   }, [stepsApi, children]);
-  return /* @__PURE__ */ React25.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React25.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React26.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "hawa-flex",
@@ -4123,7 +4204,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React25.Children.map(children, (child, index) => /* @__PURE__ */ React25.createElement(
+    React26.Children.map(children, (child, index) => /* @__PURE__ */ React26.createElement(
       "div",
       {
         className: cn(
@@ -4140,14 +4221,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React25.useState(null);
-  React25.useEffect(() => {
+  const [dialogHeight, setDialogHeight] = React26.useState(null);
+  React26.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
       console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -4156,7 +4237,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React25.Children.map(children, (child, index) => /* @__PURE__ */ React25.createElement(
+    React26.Children.map(children, (child, index) => /* @__PURE__ */ React26.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -4174,7 +4255,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "div",
     {
       id,
@@ -4185,7 +4266,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React25.createElement("div", { className: cn("hawa-py-6", className) }, children);
+  return /* @__PURE__ */ React26.createElement("div", { className: cn("hawa-py-6", className) }, children);
 };
 DialogBody.displayName = "DialogBody";
 DialogStep.displayName = "DialogStep";
@@ -4201,7 +4282,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // components/elements/Command.tsx
-var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -4214,15 +4295,15 @@ var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React26.createElement(Dialog, { ...props }, /* @__PURE__ */ React26.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React26.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+  return /* @__PURE__ */ React27.createElement(Dialog, { ...props }, /* @__PURE__ */ React27.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React27.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
-var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React27.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -4237,10 +4318,10 @@ var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React26.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React26.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React27.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React27.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React26.createElement(
+  /* @__PURE__ */ React27.createElement(
     import_cmdk.Command.Input,
     {
       ref,
@@ -4253,7 +4334,7 @@ var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.List,
   {
     ref,
@@ -4265,7 +4346,7 @@ var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ React26.createElement(
+var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -4274,7 +4355,7 @@ var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ React26.cr
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Group,
   {
     ref,
@@ -4286,7 +4367,7 @@ var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -4295,7 +4376,7 @@ var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
+var CommandItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Item,
   {
     ref,
@@ -4311,7 +4392,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "span",
     {
       className: cn(
@@ -4325,9 +4406,9 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/elements/Popover.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React27.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React27.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React27.createElement(
+var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React28.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React28.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -4359,7 +4440,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React27.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React28.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -4367,7 +4448,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React27.createElement(
+  ), /* @__PURE__ */ React28.createElement(
     PopoverContent,
     {
       side,
@@ -4385,7 +4466,7 @@ var Popover = ({
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
 // components/elements/Combobox.tsx
-var Combobox = React28.forwardRef(
+var Combobox = React29.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -4396,8 +4477,8 @@ var Combobox = React28.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React28.useState(false);
-    const [value, setValue] = React28.useState(defaultValue);
+    const [open, setOpen] = React29.useState(false);
+    const [value, setValue] = React29.useState(defaultValue);
     function getProperty(obj, key) {
       return obj[key];
     }
@@ -4406,7 +4487,7 @@ var Combobox = React28.forwardRef(
         setOpen(open2);
       }
     };
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -4414,8 +4495,8 @@ var Combobox = React28.forwardRef(
           props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
         )
       },
-      props.label && /* @__PURE__ */ React28.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React28.createElement(
+      props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React29.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React29.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React29.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React29.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: cn(
@@ -4423,7 +4504,7 @@ var Combobox = React28.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React28.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "button",
         {
           role: "combobox",
@@ -4437,7 +4518,7 @@ var Combobox = React28.forwardRef(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
         ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4453,9 +4534,9 @@ var Combobox = React28.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React28.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React29.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React28.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "p",
         {
           className: cn(
@@ -4464,17 +4545,17 @@ var Combobox = React28.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React28.createElement(
+      ))), /* @__PURE__ */ React29.createElement(
         PopoverContent,
         {
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
-        /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React29.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React29.createElement(
           CommandInput,
           {
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
-        ), /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React28.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React28.createElement(
+        ), /* @__PURE__ */ React29.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React29.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React29.createElement(
           CommandItem,
           {
             key: i,
@@ -4489,7 +4570,7 @@ var Combobox = React28.forwardRef(
               setOpen(false);
             }
           },
-          /* @__PURE__ */ React28.createElement(
+          /* @__PURE__ */ React29.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -4507,7 +4588,7 @@ var Combobox = React28.forwardRef(
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
-            /* @__PURE__ */ React28.createElement("polyline", { points: "20 6 9 17 4 12" })
+            /* @__PURE__ */ React29.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),
           getProperty(item, labelKey)
         ))))
@@ -4517,12 +4598,12 @@ var Combobox = React28.forwardRef(
 );
 
 // components/elements/Avatar.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 
 // components/elements/FileUploader.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var FileUploader = ({ handleFile, className }) => {
-  const hiddenFileInput = (0, import_react16.useRef)(null);
+  const hiddenFileInput = (0, import_react17.useRef)(null);
   const handleClick = () => {
     var _a;
     (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
@@ -4531,7 +4612,7 @@ var FileUploader = ({ handleFile, className }) => {
     const fileUploaded = event.target.files[0];
     handleFile(fileUploaded);
   };
-  return /* @__PURE__ */ import_react16.default.createElement("div", { className }, /* @__PURE__ */ import_react16.default.createElement("button", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement("div", { className }, /* @__PURE__ */ import_react17.default.createElement("button", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react17.default.createElement(
     "input",
     {
       type: "file",
@@ -4570,7 +4651,7 @@ var Avatar = ({
     inherit: "hawa-rounded",
     none: "hawa-rounded-none"
   };
-  return /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
       className: cn(
@@ -4580,7 +4661,7 @@ var Avatar = ({
         className
       )
     },
-    /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       FileUploader,
       {
         className: cn(
@@ -4591,7 +4672,7 @@ var Avatar = ({
         )
       }
     ),
-    /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       "img",
       {
         className: cn(
@@ -4604,7 +4685,7 @@ var Avatar = ({
         alt
       }
     ),
-    !src && !isUploadable && /* @__PURE__ */ import_react17.default.createElement(
+    !src && !isUploadable && /* @__PURE__ */ import_react18.default.createElement(
       "div",
       {
         className: cn(
@@ -4612,7 +4693,7 @@ var Avatar = ({
           "hawa-justify-center hawa-items-center hawa-flex hawa-flex-col"
         )
       },
-      /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4624,28 +4705,28 @@ var Avatar = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react17.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ import_react17.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+        /* @__PURE__ */ import_react18.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ import_react18.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
       )
     )
   );
 };
 
 // components/elements/SplitButton.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var SplitButton = ({
   variant,
   direction = "ltr",
   menuItems = [],
   children,
   ...props
-}) => /* @__PURE__ */ React31.createElement(
+}) => /* @__PURE__ */ React32.createElement(
   "div",
   {
     dir: "ltr",
     className: cn("hawa-h-fit hawa-flex hawa-justify-center hawa-row")
   },
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React32.createElement(
     Button,
     {
       variant,
@@ -4654,14 +4735,14 @@ var SplitButton = ({
     },
     children
   ),
-  /* @__PURE__ */ React31.createElement(
+  /* @__PURE__ */ React32.createElement(
     DropdownMenu,
     {
       size: "sm",
       width: "sm",
       direction,
       items: menuItems,
-      trigger: /* @__PURE__ */ React31.createElement(
+      trigger: /* @__PURE__ */ React32.createElement(
         Button,
         {
           asChild: true,
@@ -4672,7 +4753,7 @@ var SplitButton = ({
             props.className
           )
         },
-        /* @__PURE__ */ React31.createElement(
+        /* @__PURE__ */ React32.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4685,7 +4766,7 @@ var SplitButton = ({
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React31.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React32.createElement("path", { d: "m6 9 6 6 6-6" })
         )
       )
     }
@@ -4694,18 +4775,18 @@ var SplitButton = ({
 SplitButton.displayName = "SplitButton";
 
 // components/elements/Breadcrumb.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,
   separator = ">"
 }) => {
-  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react19.default.createElement(
     "div",
     {
       key: index,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
     },
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(
       "a",
       {
         href: singleBreadcrumbLink.href,
@@ -4713,19 +4794,19 @@ var Breadcrumb = ({
       },
       singleBreadcrumbLink.label
     ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react18.default.createElement("div", null, separator) : /* @__PURE__ */ import_react18.default.createElement("div", null, separator) : null
+    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react19.default.createElement("div", null, separator) : /* @__PURE__ */ import_react19.default.createElement("div", null, separator) : null
   )));
 };
 
 // components/elements/CodeBlock.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // components/hooks/useClipboard.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 function useClipboard({ timeout = 2e3 } = {}) {
-  const [error, setError] = (0, import_react19.useState)(null);
-  const [copied, setCopied] = (0, import_react19.useState)(false);
-  const [copyTimeout, setCopyTimeout] = (0, import_react19.useState)(null);
+  const [error, setError] = (0, import_react20.useState)(null);
+  const [copied, setCopied] = (0, import_react20.useState)(false);
+  const [copyTimeout, setCopyTimeout] = (0, import_react20.useState)(null);
   const handleCopyResult = (value) => {
     clearTimeout(copyTimeout);
     setCopyTimeout(setTimeout(() => setCopied(false), timeout));
@@ -4759,7 +4840,7 @@ var CodeBlock = ({
   ...props
 }) => {
   const clipboard = useClipboard();
-  const [selectedTab, setSelectedTab] = (0, import_react20.useState)(0);
+  const [selectedTab, setSelectedTab] = (0, import_react21.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 = {
@@ -4768,7 +4849,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     "div",
     {
       className: cn(
@@ -4777,7 +4858,7 @@ var CodeBlock = ({
         className
       )
     },
-    fileName && /* @__PURE__ */ import_react20.default.createElement(
+    fileName && /* @__PURE__ */ import_react21.default.createElement(
       "div",
       {
         className: cn(
@@ -4785,7 +4866,7 @@ var CodeBlock = ({
           fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
         )
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "div",
         {
           className: cn(
@@ -4795,7 +4876,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ import_react20.default.createElement(
+    tabs && /* @__PURE__ */ import_react21.default.createElement(
       "div",
       {
         className: cn(
@@ -4803,7 +4884,7 @@ var CodeBlock = ({
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ import_react20.default.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ import_react21.default.createElement(
         "div",
         {
           key: i,
@@ -4811,7 +4892,7 @@ var CodeBlock = ({
             selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
           )
         },
-        /* @__PURE__ */ import_react20.default.createElement(
+        /* @__PURE__ */ import_react21.default.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -4823,7 +4904,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ import_react20.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(
       "div",
       {
         className: cn(
@@ -4831,23 +4912,23 @@ var CodeBlock = ({
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         import_prism_react_renderer.Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react20.default.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-font-mono" }, tokens.map((line, i) => /* @__PURE__ */ import_react20.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react20.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react20.default.createElement("span", { key, ...getTokenProps({ token }) })))))
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react21.default.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-font-mono" }, tokens.map((line, i) => /* @__PURE__ */ import_react21.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react21.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react21.default.createElement("span", { key, ...getTokenProps({ token }) })))))
       ),
-      /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ import_react21.default.createElement(
         Tooltip,
         {
           open: clipboard.copied,
           side: "left",
-          content: /* @__PURE__ */ import_react20.default.createElement("div", null, "Copied!")
+          content: /* @__PURE__ */ import_react21.default.createElement("div", null, "Copied!")
         },
-        /* @__PURE__ */ import_react20.default.createElement(
+        /* @__PURE__ */ import_react21.default.createElement(
           Button,
           {
             size: "icon",
@@ -4855,7 +4936,7 @@ var CodeBlock = ({
             variant: "outline",
             className: "hawa-opacity-50 sm:hawa-opacity-100 hawa-text-foreground"
           },
-          /* @__PURE__ */ import_react20.default.createElement(
+          /* @__PURE__ */ import_react21.default.createElement(
             "svg",
             {
               "aria-label": "Copy Icon",
@@ -4868,8 +4949,8 @@ var CodeBlock = ({
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react20.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-            /* @__PURE__ */ import_react20.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_react21.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ import_react21.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" })
           )
         )
       ))
@@ -4878,7 +4959,7 @@ var CodeBlock = ({
 };
 
 // components/elements/Toast.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority2.cva)(
@@ -4903,7 +4984,7 @@ var toastVariants = (0, import_class_variance_authority2.cva)(
   }
 );
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ToastViewport = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React35.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -4915,8 +4996,8 @@ var ToastViewport = React34.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React34.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React34.createElement(
+var Toast = React35.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React35.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -4931,8 +5012,8 @@ var Toast = React34.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React34.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React34.createElement(
+var ToastAction = React35.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React35.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -4949,7 +5030,7 @@ var ToastAction = React34.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ToastClose = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React35.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -4960,7 +5041,7 @@ var ToastClose = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React35.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -4969,7 +5050,7 @@ var ToastClose = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4980,7 +5061,7 @@ var ToastClose = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ToastTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React35.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -4992,7 +5073,7 @@ var ToastTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ToastDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React35.createElement(
   ToastPrimitives.Description,
   {
     ref,
@@ -5003,10 +5084,10 @@ var ToastDescription = React34.forwardRef(({ className, ...props }, ref) => /* @
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // components/elements/Toaster.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 
 // components/hooks/useToast.ts
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -5102,8 +5183,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React35.useState(memoryState);
-  React35.useEffect(() => {
+  const [state, setState] = React36.useState(memoryState);
+  React36.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -5123,9 +5204,9 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react21.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
-    return /* @__PURE__ */ import_react21.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react21.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react21.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react21.default.createElement(ToastClose, null));
-  }), /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
+    return /* @__PURE__ */ import_react22.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react22.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react22.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react22.default.createElement(ToastClose, null));
+  }), /* @__PURE__ */ import_react22.default.createElement(
     ToastViewport,
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
@@ -5133,87 +5214,6 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/Chip.tsx
-var import_react22 = __toESM(require("react"));
-var Chip = import_react22.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_react22.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react22.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react22.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-w-2 hawa-h-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
 // components/elements/Alert.tsx
 var import_react23 = __toESM(require("react"));
 var Alert = ({