@sikka/hawa 0.32.2-next → 0.33.0-next

package/dist/{chunk-WFPAI2QC.mjs → chunk-3HJ3JXPA.mjs}

@@ -5,10 +5,10 @@ import {
 import {
   Button,
   Chip,
+  Label,
   Skeleton,
-  Tooltip,
   cn
-} from "./chunk-MQWYXMSK.mjs";
+} from "./chunk-CKLK3G32.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -154,52 +154,9 @@ var Alert = ({
   ));
 };
 
-// elements/label/Label.tsx
-import * as React2 from "react";
-var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
-  Tooltip,
-  {
-    content: hint,
-    side: hintSide,
-    triggerProps: {
-      tabIndex: -1,
-      onClick: (event) => event.preventDefault()
-    }
-  },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-  ))
-)));
-Label.displayName = "Label";
-
 // elements/input/Input.tsx
-import React3, { forwardRef as forwardRef2 } from "react";
-var Input = forwardRef2(
+import React2, { forwardRef } from "react";
+var Input = forwardRef(
   ({
     margin = "none",
     width = "full",
@@ -243,7 +200,7 @@ var Input = forwardRef2(
         props.onChange(newEvent);
       }
     };
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -254,8 +211,8 @@ var Input = forwardRef2(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ React3.createElement(
+      props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ React2.createElement(
         "span",
         {
           className: cn(
@@ -264,7 +221,7 @@ var Input = forwardRef2(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ React3.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React3.createElement(
+      ), props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React2.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -272,7 +229,7 @@ var Input = forwardRef2(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React3.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React3.createElement(
+      ), /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ React2.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React2.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -281,7 +238,7 @@ var Input = forwardRef2(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React3.createElement(
+      ), /* @__PURE__ */ React2.createElement(
         "input",
         {
           required: true,
@@ -307,7 +264,7 @@ var Input = forwardRef2(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React3.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React2.createElement(
         "p",
         {
           className: cn(
@@ -316,7 +273,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React3.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -325,7 +282,7 @@ var Input = forwardRef2(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React3.createElement(
+      ), showCount && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -346,7 +303,7 @@ var Input = forwardRef2(
 );
 
 // elements/select/Select.tsx
-import React4 from "react";
+import React3 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
 import clsx from "clsx";
@@ -357,10 +314,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ React4.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ React3.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         ref: innerRef,
@@ -373,7 +330,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         ref: innerRef,
@@ -394,7 +351,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         className: cn(
@@ -408,7 +365,7 @@ var Select = ({
       children
     );
   };
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: cn(
@@ -416,10 +373,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ React4.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React3.createElement(
         ReactSelect,
         {
           noOptionsMessage: NoOption,
@@ -458,7 +415,7 @@ var Select = ({
             //     {...e}
             //   />
             // ),
-            ValueContainer: (e) => /* @__PURE__ */ React4.createElement(
+            ValueContainer: (e) => /* @__PURE__ */ React3.createElement(
               "div",
               {
                 className: cn(
@@ -468,7 +425,7 @@ var Select = ({
                 ...e
               }
             ),
-            MultiValueContainer: (e) => /* @__PURE__ */ React4.createElement(
+            MultiValueContainer: (e) => /* @__PURE__ */ React3.createElement(
               "div",
               {
                 className: cn(
@@ -490,7 +447,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ React4.createElement(
+    ) : /* @__PURE__ */ React3.createElement(
       CreatableSelect,
       {
         formatCreateLabel: (inputValue) => {
@@ -520,7 +477,7 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ React4.createElement(
+    !props.hideHelperText && /* @__PURE__ */ React3.createElement(
       "p",
       {
         className: cn(
@@ -534,7 +491,7 @@ var Select = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-import React5, { useState as useState2, useRef as useRef2 } from "react";
+import React4, { useState as useState2, useRef as useRef2 } from "react";
 
 // countries.ts
 var countries = [
@@ -2252,7 +2209,7 @@ var PhoneInput = ({
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React5.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React4.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React4.createElement(
     Select,
     {
       phoneCode: true,
@@ -2268,7 +2225,7 @@ var PhoneInput = ({
       value: countryCode == null ? void 0 : countryCode.label,
       defaultValue: props.preferredCountry
     }
-  ), /* @__PURE__ */ React5.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React5.createElement(
+  ), /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React4.createElement(
     "input",
     {
       type: "tel",
@@ -2282,7 +2239,7 @@ var PhoneInput = ({
       ),
       ...inputProps
     }
-  ))), /* @__PURE__ */ React5.createElement(
+  ))), /* @__PURE__ */ React4.createElement(
     "p",
     {
       className: cn(
@@ -2295,7 +2252,7 @@ var PhoneInput = ({
 };
 
 // elements/checkbox/Checkbox.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 var Checkbox = ({
   id,
@@ -2315,7 +2272,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       className: cn(
@@ -2323,7 +2280,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement(
       CheckboxElement,
       {
         ...props,
@@ -2333,7 +2290,7 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React6.createElement(
+    (label || helperText) && /* @__PURE__ */ React5.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React5.createElement(
       "label",
       {
         htmlFor: id,
@@ -2347,7 +2304,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React6.createElement(
+    ), sublabel && /* @__PURE__ */ React5.createElement(
       "label",
       {
         htmlFor: id,
@@ -2357,7 +2314,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React6.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React5.createElement(
       "label",
       {
         htmlFor: id,
@@ -2370,7 +2327,7 @@ var Checkbox = ({
     ))
   );
 };
-var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React5.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -2392,7 +2349,7 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -2404,14 +2361,14 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
       ),
       ...props
     },
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React5.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -2422,7 +2379,7 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__PURE__ */ React6.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+        /* @__PURE__ */ React5.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
       ),
       " "
     )
@@ -2431,16 +2388,16 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-import React7 from "react";
+import React6 from "react";
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ React7.createElement("div", { onClick: handleClick }, props.children);
+  return /* @__PURE__ */ React6.createElement("div", { onClick: handleClick }, props.children);
 };
 
 // elements/pinInput/PinInput.tsx
-import React8, { useEffect as useEffect3, useState as useState3 } from "react";
+import React7, { useEffect as useEffect3, useState as useState3 } from "react";
 var PinInput = ({
   label,
   icon,
@@ -2484,13 +2441,13 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React7.createElement(
     "div",
     {
       className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
       dir: "ltr"
     },
-    pin.map((value, index) => /* @__PURE__ */ React8.createElement(
+    pin.map((value, index) => /* @__PURE__ */ React7.createElement(
       "input",
       {
         key: index,
@@ -2510,7 +2467,7 @@ var PinInput = ({
         ...inputProps
       }
     ))
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     "p",
     {
       className: cn(
@@ -2523,8 +2480,8 @@ var PinInput = ({
 };
 
 // elements/radio/Radio.tsx
-import React9, { useState as useState4, useRef as useRef3, useEffect as useEffect4, forwardRef as forwardRef4 } from "react";
-var Radio = forwardRef4(
+import React8, { useState as useState4, useRef as useRef3, useEffect as useEffect4, forwardRef as forwardRef3 } from "react";
+var Radio = forwardRef3(
   ({
     design = "default",
     width = "default",
@@ -2559,7 +2516,7 @@ var Radio = forwardRef4(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = React9.useState(
+    const [parentDirection, setParentDirection] = React8.useState(
       null
     );
     const parentRef = useRef3(null);
@@ -2581,7 +2538,7 @@ var Radio = forwardRef4(
     };
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ React9.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React8.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React8.createElement(
           "ul",
           {
             ref: parentRef,
@@ -2593,7 +2550,7 @@ var Radio = forwardRef4(
               tabsContainerClassName
             )
           },
-          (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React9.createElement(
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React8.createElement(
             "li",
             {
               "aria-current": "page",
@@ -2616,7 +2573,7 @@ var Radio = forwardRef4(
             opt.icon && opt.icon,
             opt.label
           ))
-        ), !forceHideHelperText && /* @__PURE__ */ React9.createElement(
+        ), !forceHideHelperText && /* @__PURE__ */ React8.createElement(
           "p",
           {
             className: cn(
@@ -2627,7 +2584,7 @@ var Radio = forwardRef4(
           props.helperText
         ));
       case "bordered":
-        return /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React8.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React8.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React8.createElement(
           "div",
           {
             className: cn(
@@ -2636,7 +2593,7 @@ var Radio = forwardRef4(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React8.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2647,7 +2604,7 @@ var Radio = forwardRef4(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React8.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2660,7 +2617,7 @@ var Radio = forwardRef4(
           )
         ))));
       case "cards":
-        return /* @__PURE__ */ React9.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React9.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React8.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React8.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React8.createElement(
           "input",
           {
             type: "radio",
@@ -2671,7 +2628,7 @@ var Radio = forwardRef4(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ React9.createElement(
+        ), /* @__PURE__ */ React8.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -2680,10 +2637,10 @@ var Radio = forwardRef4(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ React9.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React9.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React9.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ React8.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React8.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React8.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React8.createElement(
           "div",
           {
             className: cn(
@@ -2692,7 +2649,7 @@ var Radio = forwardRef4(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React8.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2703,7 +2660,7 @@ var Radio = forwardRef4(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React8.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2714,7 +2671,7 @@ var Radio = forwardRef4(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ React9.createElement(
+        ))), /* @__PURE__ */ React8.createElement(
           "p",
           {
             className: cn(
@@ -2729,8 +2686,8 @@ var Radio = forwardRef4(
 );
 
 // elements/textarea/Textarea.tsx
-import * as React10 from "react";
-var Textarea = React10.forwardRef(
+import * as React9 from "react";
+var Textarea = React9.forwardRef(
   ({
     className,
     classNames,
@@ -2742,7 +2699,7 @@ var Textarea = React10.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React9.createElement(
       "div",
       {
         className: cn(
@@ -2751,7 +2708,7 @@ var Textarea = React10.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React10.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React9.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -2760,7 +2717,7 @@ var Textarea = React10.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React10.createElement(
+      isLoading ? /* @__PURE__ */ React9.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React9.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -2771,7 +2728,7 @@ var Textarea = React10.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React9.createElement(
         "p",
         {
           className: cn(
@@ -2780,17 +2737,17 @@ var Textarea = React10.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React9.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
 Textarea.displayName = "Textarea";
 
 // elements/popover/Popover.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React11.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React11.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React11.createElement(
+var PopoverContent = React10.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React10.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React10.createElement(
     PopoverPrimitive.Content,
     {
       ref,
@@ -2823,7 +2780,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React11.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React10.createElement(
     PopoverPrimitive.Trigger,
     {
       className: "hawa-w-full",
@@ -2831,7 +2788,7 @@ var Popover = ({
       ...triggerProps
     },
     trigger
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     PopoverContent,
     {
       side,
@@ -2853,21 +2810,21 @@ var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/scrollArea/ScrollArea.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React12.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var ScrollArea = React11.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React11.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React12.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React12.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React12.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React11.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React11.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React11.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var ScrollBar = React11.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React11.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2880,7 +2837,7 @@ var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React12.createElement(
+  /* @__PURE__ */ React11.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -2893,12 +2850,12 @@ var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
 
 // elements/floatBox/FloatBox.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 var FloatBox = ({
   className,
   open,
@@ -2936,7 +2893,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(
     "div",
     {
       className: cn(
@@ -2947,8 +2904,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React13.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React13.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React12.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React12.createElement("span", null, props.children)
   );
 };
 
@@ -3011,8 +2968,8 @@ var tabsTriggerVariant = tv({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React14.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React14.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TabsContext = React13.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React13.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -3023,11 +2980,11 @@ var Tabs = React14.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React14.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React13.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React14.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React14.useContext(TabsContext);
-  return /* @__PURE__ */ React14.createElement(
+var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React13.useContext(TabsContext);
+  return /* @__PURE__ */ React13.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -3040,11 +2997,11 @@ var TabsList = React14.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React14.useContext(TabsContext);
-  const tabTriggerRef = React14.useRef(null);
+var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React13.useContext(TabsContext);
+  const tabTriggerRef = React13.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React13.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -3056,8 +3013,8 @@ var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React14.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React14.createElement(
+    chipProps && /* @__PURE__ */ React13.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React13.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -3070,7 +3027,7 @@ var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -3087,12 +3044,12 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/separator/Separator.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 var Separator = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React15.createElement(
+}) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
@@ -3105,9 +3062,9 @@ var Separator = ({
 );
 
 // elements/progress/Progress.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React16.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React16.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React16.createElement(
+var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React15.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React15.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -3117,7 +3074,7 @@ var Progress = React16.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -3128,8 +3085,8 @@ var Progress = React16.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // icons/Emojis.tsx
-import React17 from "react";
-var VeryGoodEmoji = () => /* @__PURE__ */ React17.createElement(
+import React16 from "react";
+var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
   "svg",
   {
     fill: "none",
@@ -3138,7 +3095,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React17.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React16.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3146,7 +3103,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React17.createElement(
       fill: "currentColor",
       fillRule: "evenodd"
     }
-  ), /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React16.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3156,7 +3113,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React17.createElement(
     }
   ))
 );
-var GoodEmoji = () => /* @__PURE__ */ React17.createElement(
+var GoodEmoji = () => /* @__PURE__ */ React16.createElement(
   "svg",
   {
     fill: "none",
@@ -3165,7 +3122,7 @@ var GoodEmoji = () => /* @__PURE__ */ React17.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React16.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3175,7 +3132,7 @@ var GoodEmoji = () => /* @__PURE__ */ React17.createElement(
     }
   ))
 );
-var BadEmoji = () => /* @__PURE__ */ React17.createElement(
+var BadEmoji = () => /* @__PURE__ */ React16.createElement(
   "svg",
   {
     fill: "none",
@@ -3184,7 +3141,7 @@ var BadEmoji = () => /* @__PURE__ */ React17.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React16.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3194,7 +3151,7 @@ var BadEmoji = () => /* @__PURE__ */ React17.createElement(
     }
   ))
 );
-var VeryBadEmoji = () => /* @__PURE__ */ React17.createElement(
+var VeryBadEmoji = () => /* @__PURE__ */ React16.createElement(
   "svg",
   {
     fill: "none",
@@ -3203,13 +3160,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ React17.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React16.createElement(
     "path",
     {
       d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
       fill: "#0070F3"
     }
-  ), /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React16.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3221,8 +3178,8 @@ var VeryBadEmoji = () => /* @__PURE__ */ React17.createElement(
 );
 
 // icons/InputIcons.tsx
-import React18 from "react";
-var EyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React18.createElement(
+import React17 from "react";
+var EyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3233,10 +3190,10 @@ var EyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { classNam
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React18.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "3" })
+  /* @__PURE__ */ React17.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "3" })
 ));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React18.createElement(
+var HiddenEyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3247,20 +3204,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { cl
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React18.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ React18.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+  /* @__PURE__ */ React17.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+  /* @__PURE__ */ React17.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+  /* @__PURE__ */ React17.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+  /* @__PURE__ */ React17.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
 // icons/CommonIcons.tsx
-import React19 from "react";
+import React18 from "react";
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -3268,7 +3225,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React18.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3283,7 +3240,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -3291,7 +3248,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React18.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3304,7 +3261,6 @@ var UncheckMark = ({ size = "default", className }) => {
 
 export {
   Alert,
-  Label,
   Input,
   Select,
   PhoneInput,