@sikka/hawa 0.35.5-next → 0.36.0-next

package/dist/blocks/auth/index.js

@@ -1233,7 +1233,7 @@ var Input = (0, import_react8.forwardRef)(
       auto: ""
     };
     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 ";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm placeholder:hawa-text-muted-foreground";
     const handleChange = (e) => {
       let newValue = e.target.value;
       if (props.prefixText) {
@@ -1272,7 +1272,31 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
+        Skeleton,
+        {
+          animation: "none",
+          className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
+          content: /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react8.default.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "hawa-text-destructive"
+            },
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ import_react8.default.createElement("span", null, /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+        }
+      )) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           className: cn(
@@ -3148,7 +3172,6 @@ var Select = ({
             )
           },
           unstyled: true,
-          autoFocus: true,
           components: props.hideIndicator ? {
             Option,
             Menu,
@@ -3286,7 +3309,7 @@ var PhoneInput = ({
       onChange: handleInputChange,
       placeholder: props.placeholder,
       className: cn(
-        "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
+        "placeholder:hawa-text-muted-foreground hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
       ...inputProps
     }
@@ -4515,7 +4538,7 @@ var PinInput = ({
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
-          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center placeholder:hawa-text-muted-foreground",
           width === "full" ? "hawa-w-full" : "hawa-w-10"
         ),
         onChange: (e) => handleChange(e, index),

package/dist/blocks/auth/index.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   Input
-} from "../../chunk-JEZLVXSU.mjs";
+} from "../../chunk-BXBSZD5X.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-CD6AQVU3.mjs";
+} from "../../chunk-HLYAX77R.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
@@ -2379,7 +2379,7 @@ var PhoneInput = ({
       onChange: handleInputChange,
       placeholder: props.placeholder,
       className: cn(
-        "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
+        "placeholder:hawa-text-muted-foreground hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
       ...inputProps
     }
@@ -3560,7 +3560,7 @@ var PinInput = ({
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
-          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center placeholder:hawa-text-muted-foreground",
           width === "full" ? "hawa-w-full" : "hawa-w-10"
         ),
         onChange: (e) => handleChange(e, index),

package/dist/blocks/feedback/index.js

@@ -1562,7 +1562,6 @@ var Select = ({
             )
           },
           unstyled: true,
-          autoFocus: true,
           components: props.hideIndicator ? {
             Option,
             Menu,

package/dist/blocks/feedback/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "../../chunk-WABHQMUI.mjs";
 import {
   Select
-} from "../../chunk-CD6AQVU3.mjs";
+} from "../../chunk-HLYAX77R.mjs";
 import {
   Popover,
   Radio

package/dist/blocks/index.js

@@ -1254,7 +1254,7 @@ var Input = (0, import_react8.forwardRef)(
       auto: ""
     };
     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 ";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm placeholder:hawa-text-muted-foreground";
     const handleChange = (e) => {
       let newValue = e.target.value;
       if (props.prefixText) {
@@ -1293,7 +1293,31 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
+        Skeleton,
+        {
+          animation: "none",
+          className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
+          content: /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react8.default.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "hawa-text-destructive"
+            },
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ import_react8.default.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ import_react8.default.createElement("span", null, /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+        }
+      )) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           className: cn(
@@ -3169,7 +3193,6 @@ var Select = ({
             )
           },
           unstyled: true,
-          autoFocus: true,
           components: props.hideIndicator ? {
             Option,
             Menu,
@@ -3307,7 +3330,7 @@ var PhoneInput = ({
       onChange: handleInputChange,
       placeholder: props.placeholder,
       className: cn(
-        "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
+        "placeholder:hawa-text-muted-foreground hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
       ...inputProps
     }
@@ -4672,7 +4695,7 @@ var PinInput = ({
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
-          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center placeholder:hawa-text-muted-foreground",
           width === "full" ? "hawa-w-full" : "hawa-w-10"
         ),
         onChange: (e) => handleChange(e, index),
@@ -5683,7 +5706,7 @@ var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-var React46 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react29 = require("react");
@@ -5766,8 +5789,8 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-var import_react44 = __toESM(require("react"));
+// hooks/useClickOutside.ts
+var import_react44 = require("react");
 
 // elements/tabs/Tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
@@ -5782,7 +5805,8 @@ var Chip = import_react45.default.forwardRef(
     icon,
     color,
     radius = "inherit",
-    dotType,
+    dot,
+    dotStatus = "none",
     ...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 ";
@@ -5801,7 +5825,8 @@ var Chip = import_react45.default.forwardRef(
       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 = {
+    let dotStatusStyles = {
+      none: "hawa-bg-gray-500 dark:hawa-bg-gray-800",
       available: "hawa-bg-green-500",
       unavailable: "hawa-bg-red-500"
     };
@@ -5829,10 +5854,10 @@ var Chip = import_react45.default.forwardRef(
             color ? colorStyles[color] : "hawa-border hawa-bg-none"
           )
         },
-        dotType && /* @__PURE__ */ import_react45.default.createElement(
+        dot && /* @__PURE__ */ import_react45.default.createElement(
           "span",
           {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
+            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
           }
         ),
         icon && icon,
@@ -5855,7 +5880,7 @@ var Chip = import_react45.default.forwardRef(
 );
 
 // elements/floatBox/FloatBox.tsx
-var React45 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var FloatBox = ({
   className,
   open,
@@ -5893,7 +5918,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "div",
     {
       className: cn(
@@ -5904,8 +5929,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React45.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React45.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React44.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React44.createElement("span", null, props.children)
   );
 };
 
@@ -5968,8 +5993,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React46.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React46.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React46.createElement(
+var TabsContext = React45.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React45.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React45.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -5980,11 +6005,11 @@ var Tabs = React46.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React46.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React45.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React46.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React46.useContext(TabsContext);
-  return /* @__PURE__ */ React46.createElement(
+var TabsList = React45.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React45.useContext(TabsContext);
+  return /* @__PURE__ */ React45.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -5997,11 +6022,11 @@ var TabsList = React46.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React46.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React46.useContext(TabsContext);
-  const tabTriggerRef = React46.useRef(null);
+var TabsTrigger = React45.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React45.useContext(TabsContext);
+  const tabTriggerRef = React45.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React45.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -6013,8 +6038,8 @@ var TabsTrigger = React46.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React46.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React46.createElement(
+    chipProps && /* @__PURE__ */ React45.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React45.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -6027,7 +6052,7 @@ var TabsTrigger = React46.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React46.createElement(
+var TabsContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React45.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -6520,12 +6545,12 @@ var AdCard = ({
 var import_react56 = __toESM(require("react"));
 
 // elements/separator/Separator.tsx
-var React57 = __toESM(require("react"));
+var React56 = __toESM(require("react"));
 var Separator = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React57.createElement(
+}) => /* @__PURE__ */ React56.createElement(
   "div",
   {
     className: cn(
@@ -6663,14 +6688,14 @@ var PricingCard = ({
 var import_react58 = __toESM(require("react"));
 
 // elements/dropdownMenu/DropdownMenu.tsx
-var React59 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var import_react57 = require("@headlessui/react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React59.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuSubTrigger = React58.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -6681,9 +6706,9 @@ var DropdownMenuSubTrigger = React59.forwardRef(({ className, inset, children, .
     ),
     ...props
   },
-  /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React58.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -6695,7 +6720,7 @@ var DropdownMenuSubTrigger = React59.forwardRef(({ className, inset, children, .
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React58.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -6705,7 +6730,7 @@ var DropdownMenuSubTrigger = React59.forwardRef(({ className, inset, children, .
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuSubContent = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -6717,7 +6742,7 @@ var DropdownMenuSubContent = React59.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(
+var DropdownMenuContent = React58.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React58.createElement(import_react57.Portal, null, /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -6730,8 +6755,8 @@ var DropdownMenuContent = React59.forwardRef(({ className, sideOffset = 4, ...pr
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React59.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
-  return /* @__PURE__ */ React59.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React59.createElement(
+var DropdownMenuItem = React58.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React58.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -6744,14 +6769,14 @@ var DropdownMenuItem = React59.forwardRef(({ className, inset, badged, slug, Lin
       ),
       ...props
     },
-    /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React58.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__ */ React59.createElement(DropdownMenuShortcut, null, props.shortcut),
-    !props.end && badged && /* @__PURE__ */ React59.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
+    !props.end && props.shortcut && /* @__PURE__ */ React58.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && badged && /* @__PURE__ */ React58.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
   ));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React59.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuCheckboxItem = React58.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6762,7 +6787,7 @@ var DropdownMenuCheckboxItem = React59.forwardRef(({ className, children, checke
     checked,
     ...props
   },
-  /* @__PURE__ */ React59.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__ */ React59.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React58.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__ */ React58.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React58.createElement(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -6773,12 +6798,12 @@ var DropdownMenuCheckboxItem = React59.forwardRef(({ className, children, checke
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__PURE__ */ React59.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__ */ React58.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 = React59.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuRadioItem = React58.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -6788,7 +6813,7 @@ var DropdownMenuRadioItem = React59.forwardRef(({ className, children, ...props
     ),
     ...props
   },
-  /* @__PURE__ */ React59.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__ */ React59.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React59.createElement(
+  /* @__PURE__ */ React58.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__ */ React58.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React58.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6803,12 +6828,12 @@ var DropdownMenuRadioItem = React59.forwardRef(({ className, children, ...props
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React59.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React58.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React59.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuLabel = React58.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -6821,7 +6846,7 @@ var DropdownMenuLabel = React59.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
+var DropdownMenuSeparator = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -6834,7 +6859,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React58.createElement(
     "span",
     {
       className: cn(
@@ -6875,10 +6900,10 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  let [values, setValues] = React59.useState(
+  let [values, setValues] = React58.useState(
     items.map((item) => item.currentOption)
   );
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React58.createElement(
     DropdownMenuRoot,
     {
       onOpenChange,
@@ -6886,7 +6911,7 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React58.createElement(
       DropdownMenuTrigger,
       {
         asChild: true,
@@ -6895,7 +6920,7 @@ var DropdownMenu = ({
       },
       trigger
     ),
-    /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React58.createElement(import_react57.Portal, null, /* @__PURE__ */ React58.createElement(
       DropdownMenuContent,
       {
         side,
@@ -6916,12 +6941,12 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React59.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React58.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React59.createElement(DropdownMenuLabel, { key: index }, item.label);
+          return /* @__PURE__ */ React58.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {
           let dd = item.currentOption;
-          return /* @__PURE__ */ React59.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React59.createElement(
+          return /* @__PURE__ */ React58.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React58.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -6929,7 +6954,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React59.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React59.createElement(
+          ), /* @__PURE__ */ React58.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React58.createElement(
             DropdownMenuRadioGroup,
             {
               value: values[index],
@@ -6943,12 +6968,12 @@ var DropdownMenu = ({
                 }
               }
             },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React59.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React58.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
           )));
         } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React59.createElement("div", { key: index }, item.content);
+          return /* @__PURE__ */ React58.createElement("div", { key: index }, item.content);
         } else {
-          return item.subitems ? /* @__PURE__ */ React59.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React59.createElement(
+          return item.subitems ? /* @__PURE__ */ React58.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React58.createElement(
             DropdownMenuSubTrigger,
             {
               dir: direction,
@@ -6956,9 +6981,9 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React58.createElement(import_react57.Portal, null, /* @__PURE__ */ React58.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React59.createElement(
+            return /* @__PURE__ */ React58.createElement(
               DropdownMenuItem,
               {
                 key: subIndex,
@@ -6987,7 +7012,7 @@ var DropdownMenu = ({
               subitem.icon && subitem.icon,
               subitem.label && subitem.label
             );
-          })))) : /* @__PURE__ */ React59.createElement(
+          })))) : /* @__PURE__ */ React58.createElement(
             DropdownMenuItem,
             {
               LinkComponent: ItemLinkComponent,
@@ -7501,9 +7526,9 @@ var CardPrice = (props) => /* @__PURE__ */ import_react62.default.createElement(
 var import_react63 = __toESM(require("react"));
 
 // elements/progress/Progress.tsx
-var React65 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React65.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React65.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React65.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React65.createElement(
+var Progress = React64.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React64.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React64.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -7513,7 +7538,7 @@ var Progress = React65.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React65.createElement(
+  /* @__PURE__ */ React64.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",