@sikka/hawa 0.46.3-next → 0.47.0-next

package/dist/blocks/misc/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-7L5VUKZ7.mjs";
+} from "../../chunk-EOH6A3GR.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-U72MOMEK.mjs";
+} from "../../chunk-C2UOOH4X.mjs";
 import {
   Textarea
-} from "../../chunk-EHJXQQDP.mjs";
+} from "../../chunk-5S5DR7KF.mjs";
 import {
   Select
-} from "../../chunk-7O555VJR.mjs";
+} from "../../chunk-AWJSHOYU.mjs";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-6UOJKVIA.mjs";
+} from "../../chunk-IFWYR5W2.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React10 from "react";

package/dist/blocks/pricing/index.js

@@ -638,7 +638,7 @@ function Skeleton({
   };
   const styledAs = {
     div: "",
-    input: "!h-[38px] !w-full"
+    input: "hawa-h-[40px] hawa-w-full"
   };
   return /* @__PURE__ */ import_react6.default.createElement(
     "div",

package/dist/blocks/pricing/index.mjs

@@ -2,22 +2,22 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-U72MOMEK.mjs";
+} from "../../chunk-C2UOOH4X.mjs";
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio
-} from "../../chunk-R37QEYSB.mjs";
+} from "../../chunk-NMW4GM4G.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-YXUHXKKK.mjs";
+} from "../../chunk-JP2N5WKD.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-6UOJKVIA.mjs";
+} from "../../chunk-IFWYR5W2.mjs";
 
 // blocks/pricing/PricingPlans.tsx
 import React8 from "react";

package/dist/{chunk-QLUJEUIB.mjs → chunk-342KIV4R.mjs}

@@ -9,7 +9,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-HJVL6X7I.mjs";
+} from "./chunk-6SJUUJOV.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -215,14 +215,11 @@ var Input = forwardRef(
       }
       if (props.onChange) {
         if (props.type === "number" && props.maxLength) {
-          console.log("type is ", props.type);
-          console.log("max length is ", props.maxLength);
           let v = newValue.replace(/[^0-9]/g, "").slice(0, props.maxLength);
           const newEvent = { ...e, target: { ...e.target, value: v } };
           setValue(v);
           props.onChange(newEvent);
         } else {
-          console.log("NETIHERRRER");
           const newEvent = { ...e, target: { ...e.target, value: newValue } };
           setValue(newValue);
           props.onChange(newEvent);
@@ -247,7 +244,7 @@ var Input = forwardRef(
         )
       },
       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("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React2.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(Skeleton, { as: "input" })) : props.isLoadingError ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(
         Skeleton,
         {
           animation: "none",
@@ -353,6 +350,7 @@ import clsx from "clsx";
 var Select = ({
   labelProps,
   labelKey = "label",
+  valueKey = "value",
   ...props
 }) => {
   const NoOption = () => {
@@ -372,13 +370,7 @@ var Select = ({
       children
     );
   };
-  const Option = ({
-    children,
-    innerProps,
-    innerRef,
-    isFocused,
-    isSelected
-  }) => {
+  const Option = ({ children, innerProps, innerRef, isFocused, isSelected }) => {
     return /* @__PURE__ */ React3.createElement(
       "div",
       {
@@ -393,14 +385,7 @@ var Select = ({
       children
     );
   };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
+  const Menu = ({ cx, children, getStyles, innerProps, innerRef, ...menuProps }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
     return /* @__PURE__ */ React3.createElement(
       "div",
@@ -429,71 +414,72 @@ var Select = ({
       )
     },
     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__ */ React3.createElement(
-        ReactSelect,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              selectContainerStyles,
-              props.phoneCode && phoneCodeStyles,
-              props.isMulti && "hawa-ps-0 "
-            ),
-            placeholder: () => cn(
-              selectPlaceholderStyles,
-              props.disabled && "hawa-text-muted-foreground"
-            ),
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => cn(
-              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
-            ),
-            indicatorsContainer: () => cn(
-              selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
-              props.disabled && "hawa-opacity-30"
-            )
-          },
-          unstyled: true,
-          autoFocus: false,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
+    props.isLoading ? /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? /* @__PURE__ */ React3.createElement(
+      ReactSelect,
+      {
+        noOptionsMessage: NoOption,
+        classNames: {
+          control: () => cn(props.phoneCode && "hawa-rounded-r-none", props.controlClassNames),
+          container: () => cn(
+            selectContainerStyles,
+            props.phoneCode && phoneCodeStyles,
+            props.isMulti && "hawa-ps-0 "
+          ),
+          placeholder: () => cn(selectPlaceholderStyles, props.disabled && "hawa-text-muted-foreground"),
+          valueContainer: () => "hawa-text-foreground hawa-px-1",
+          singleValue: () => cn(
+            props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+          ),
+          indicatorsContainer: () => cn(
+            selectIndicatorContainerStyles,
+            props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+            props.disabled && "hawa-opacity-30"
+          )
+        },
+        unstyled: true,
+        autoFocus: false,
+        components: props.hideIndicator ? {
+          Option: (optionProps) => /* @__PURE__ */ React3.createElement(
             Option,
-            Menu,
-            ValueContainer: (e) => /* @__PURE__ */ React3.createElement(
-              "div",
-              {
-                className: cn(
-                  e.className,
-                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
-                ),
-                ...e
-              }
-            ),
-            MultiValueContainer: (e) => /* @__PURE__ */ React3.createElement(
-              "div",
-              {
-                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
-                ...e
-              }
-            )
-          },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          value: props.value,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
+            {
+              ...optionProps,
+              isSelected: optionProps.data[valueKey] === props.value[valueKey]
+            }
+          ),
+          Menu,
+          IndicatorsContainer: () => null
+        } : {
+          Option,
+          Menu,
+          ValueContainer: (e) => /* @__PURE__ */ React3.createElement(
+            "div",
+            {
+              className: cn(
+                e.className,
+                "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-2 hawa-w-full hawa-cursor-pointer"
+              ),
+              ...e
+            }
+          ),
+          MultiValueContainer: (e) => /* @__PURE__ */ React3.createElement(
+            "div",
+            {
+              className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
+              ...e
+            }
+          )
+        },
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        options: props.options,
+        getOptionLabel: props.getOptionLabel,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        placeholder: props.placeholder,
+        isDisabled: props.disabled,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable
+      }
     ) : /* @__PURE__ */ React3.createElement(
       CreatableSelect,
       {
@@ -2231,11 +2217,13 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
+  var _a;
   const [phoneNumber, setPhoneNumber] = useState3("");
-  const [countryCode, setCountryCode] = useState3(props.preferredCountry);
+  const [countryCode, setCountryCode] = useState3(
+    props.preferredCountry || { label: "+966" }
+  );
   const inputRef = useRef2(null);
   const handleInputChange = (e) => {
-    console.log("test e ", e.target.value);
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
     if (input === "" || validChars.test(input)) {
@@ -2257,11 +2245,13 @@ var PhoneInput = ({
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      placeholder: "Code",
+      placeholder: (_a = props.preferredCountry) == null ? void 0 : _a.label,
       options: countryCodes || countries_default,
-      onChange: setCountryCode,
-      value: countryCode == null ? void 0 : countryCode.label,
-      defaultValue: props.preferredCountry
+      onChange: (e) => setCountryCode({ label: e.label, value: e.label }),
+      valueKey: "label",
+      labelKey: "label",
+      value: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label },
+      defaultValue: { label: countryCode == null ? void 0 : countryCode.label, value: countryCode == null ? void 0 : countryCode.label }
     }
   ), /* @__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",
@@ -2519,14 +2509,7 @@ var PinInputRoot = React7.forwardRef(({ className, containerClassName, ...props
   }
 ));
 PinInputRoot.displayName = "PinInputRoot";
-var PinInputGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center", className),
-    ...props
-  }
-));
+var PinInputGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
 PinInputGroup.displayName = "PinInputGroup";
 var PinInputSlot = React7.forwardRef(({ index, className, ...props }, ref) => {
   const pinInputContext = React7.useContext(OTPInputContext);
@@ -2549,22 +2532,12 @@ var PinInputSlot = React7.forwardRef(({ index, className, ...props }, ref) => {
 PinInputSlot.displayName = "PinInputSlot";
 var PinInputSeperator = React7.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React7.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React7.createElement(Dot, null)));
 PinInputSeperator.displayName = "PinInputSeperator";
-var PinInput = ({
-  separatorPosition = 0,
-  ...props
-}) => {
+var PinInput = ({ separatorPosition = 0, ...props }) => {
   const maxLength = props.maxLength || 6;
   const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
   const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
   const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React7.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React7.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React7.createElement(
-    PinInputSlot,
-    {
-      key: index,
-      index,
-      className: "hawa-w-full hawa-border"
-    }
-  ))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React7.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React7.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React7.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React7.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React7.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React7.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React7.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React7.createElement(
     PinInputSlot,
     {
       key: index + firstGroupLength,

package/dist/{chunk-EHJXQQDP.mjs → chunk-5S5DR7KF.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // elements/textarea/Textarea.tsx
 import * as React from "react";

package/dist/{chunk-HJVL6X7I.mjs → chunk-6SJUUJOV.mjs}

@@ -1108,7 +1108,7 @@ function Skeleton({
   };
   const styledAs = {
     div: "",
-    input: "!h-[38px] !w-full"
+    input: "hawa-h-[40px] hawa-w-full"
   };
   return /* @__PURE__ */ React8.createElement(
     "div",

package/dist/{chunk-7O555VJR.mjs → chunk-AWJSHOYU.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // elements/select/Select.tsx
 import React from "react";
@@ -14,6 +14,7 @@ import clsx from "clsx";
 var Select = ({
   labelProps,
   labelKey = "label",
+  valueKey = "value",
   ...props
 }) => {
   const NoOption = () => {
@@ -33,13 +34,7 @@ var Select = ({
       children
     );
   };
-  const Option = ({
-    children,
-    innerProps,
-    innerRef,
-    isFocused,
-    isSelected
-  }) => {
+  const Option = ({ children, innerProps, innerRef, isFocused, isSelected }) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -54,14 +49,7 @@ var Select = ({
       children
     );
   };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
+  const Menu = ({ cx, children, getStyles, innerProps, innerRef, ...menuProps }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
     return /* @__PURE__ */ React.createElement(
       "div",
@@ -90,71 +78,72 @@ var Select = ({
       )
     },
     props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
-      //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ React.createElement(
-        ReactSelect,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              selectContainerStyles,
-              props.phoneCode && phoneCodeStyles,
-              props.isMulti && "hawa-ps-0 "
-            ),
-            placeholder: () => cn(
-              selectPlaceholderStyles,
-              props.disabled && "hawa-text-muted-foreground"
-            ),
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => cn(
-              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
-            ),
-            indicatorsContainer: () => cn(
-              selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
-              props.disabled && "hawa-opacity-30"
-            )
-          },
-          unstyled: true,
-          autoFocus: false,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
+    props.isLoading ? /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? /* @__PURE__ */ React.createElement(
+      ReactSelect,
+      {
+        noOptionsMessage: NoOption,
+        classNames: {
+          control: () => cn(props.phoneCode && "hawa-rounded-r-none", props.controlClassNames),
+          container: () => cn(
+            selectContainerStyles,
+            props.phoneCode && phoneCodeStyles,
+            props.isMulti && "hawa-ps-0 "
+          ),
+          placeholder: () => cn(selectPlaceholderStyles, props.disabled && "hawa-text-muted-foreground"),
+          valueContainer: () => "hawa-text-foreground hawa-px-1",
+          singleValue: () => cn(
+            props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+          ),
+          indicatorsContainer: () => cn(
+            selectIndicatorContainerStyles,
+            props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+            props.disabled && "hawa-opacity-30"
+          )
+        },
+        unstyled: true,
+        autoFocus: false,
+        components: props.hideIndicator ? {
+          Option: (optionProps) => /* @__PURE__ */ React.createElement(
             Option,
-            Menu,
-            ValueContainer: (e) => /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: cn(
-                  e.className,
-                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
-                ),
-                ...e
-              }
-            ),
-            MultiValueContainer: (e) => /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
-                ...e
-              }
-            )
-          },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          value: props.value,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
+            {
+              ...optionProps,
+              isSelected: optionProps.data[valueKey] === props.value[valueKey]
+            }
+          ),
+          Menu,
+          IndicatorsContainer: () => null
+        } : {
+          Option,
+          Menu,
+          ValueContainer: (e) => /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cn(
+                e.className,
+                "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-2 hawa-w-full hawa-cursor-pointer"
+              ),
+              ...e
+            }
+          ),
+          MultiValueContainer: (e) => /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
+              ...e
+            }
+          )
+        },
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        options: props.options,
+        getOptionLabel: props.getOptionLabel,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        placeholder: props.placeholder,
+        isDisabled: props.disabled,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable
+      }
     ) : /* @__PURE__ */ React.createElement(
       CreatableSelect,
       {

package/dist/{chunk-U72MOMEK.mjs → chunk-C2UOOH4X.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // elements/scrollArea/ScrollArea.tsx
 import * as React from "react";

package/dist/{chunk-7L5VUKZ7.mjs → chunk-EOH6A3GR.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // elements/input/Input.tsx
 import React, { forwardRef, useState } from "react";
@@ -51,14 +51,11 @@ var Input = forwardRef(
       }
       if (props.onChange) {
         if (props.type === "number" && props.maxLength) {
-          console.log("type is ", props.type);
-          console.log("max length is ", props.maxLength);
           let v = newValue.replace(/[^0-9]/g, "").slice(0, props.maxLength);
           const newEvent = { ...e, target: { ...e.target, value: v } };
           setValue(v);
           props.onChange(newEvent);
         } else {
-          console.log("NETIHERRRER");
           const newEvent = { ...e, target: { ...e.target, value: newValue } };
           setValue(newValue);
           props.onChange(newEvent);
@@ -83,7 +80,7 @@ var Input = forwardRef(
         )
       },
       props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ React.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React.createElement(Skeleton, { as: "input" })) : props.isLoadingError ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React.createElement(
         Skeleton,
         {
           animation: "none",

package/dist/{chunk-6UOJKVIA.mjs → chunk-IFWYR5W2.mjs}

@@ -569,7 +569,7 @@ function Skeleton({
   };
   const styledAs = {
     div: "",
-    input: "!h-[38px] !w-full"
+    input: "hawa-h-[40px] hawa-w-full"
   };
   return /* @__PURE__ */ React7.createElement(
     "div",

package/dist/{chunk-YXUHXKKK.mjs → chunk-JP2N5WKD.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // icons/Emojis.tsx
 import React from "react";

package/dist/{chunk-R37QEYSB.mjs → chunk-NMW4GM4G.mjs}

@@ -3,7 +3,7 @@ import {
   HelperText,
   Label,
   cn
-} from "./chunk-6UOJKVIA.mjs";
+} from "./chunk-IFWYR5W2.mjs";
 
 // elements/popover/Popover.tsx
 import * as React from "react";

package/dist/{chunk-CIMTNOLA.mjs → chunk-WUMDFBEK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-HJVL6X7I.mjs";
+} from "./chunk-6SJUUJOV.mjs";
 
 // elements/sheet/Sheet.tsx
 import * as React from "react";

package/dist/colorPicker/index.js

@@ -87,7 +87,7 @@ function Skeleton({
   };
   const styledAs = {
     div: "",
-    input: "!h-[38px] !w-full"
+    input: "hawa-h-[40px] hawa-w-full"
   };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",