@sikka/hawa 0.46.1-next → 0.46.3-next

package/dist/blocks/auth/index.js

@@ -1435,6 +1435,7 @@ var Input = (0, import_react8.forwardRef)(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = (0, import_react8.useState)(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -1450,6 +1451,7 @@ var Input = (0, import_react8.forwardRef)(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -1461,10 +1463,27 @@ var Input = (0, import_react8.forwardRef)(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
       }
     };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
+      }
+      props.onKeyDown && props.onKeyDown(e);
+    };
     return /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
@@ -1477,16 +1496,7 @@ var Input = (0, import_react8.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react8.default.createElement(
-        "span",
-        {
-          className: cn(
-            "hawa-me-2 hawa-opacity-90",
-            !forceHideHelperText && "hawa-mb-2"
-          )
-        },
-        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" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
+      /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react8.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, 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" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1533,13 +1543,15 @@ var Input = (0, import_react8.forwardRef)(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,

package/dist/blocks/auth/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../../chunk-FTETN5UE.mjs";
+} from "../../chunk-7L5VUKZ7.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";

package/dist/blocks/index.js

@@ -1456,6 +1456,7 @@ var Input = (0, import_react8.forwardRef)(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = (0, import_react8.useState)(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -1471,6 +1472,7 @@ var Input = (0, import_react8.forwardRef)(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -1482,10 +1484,27 @@ var Input = (0, import_react8.forwardRef)(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
       }
     };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
+      }
+      props.onKeyDown && props.onKeyDown(e);
+    };
     return /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
@@ -1498,16 +1517,7 @@ var Input = (0, import_react8.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react8.default.createElement(
-        "span",
-        {
-          className: cn(
-            "hawa-me-2 hawa-opacity-90",
-            !forceHideHelperText && "hawa-mb-2"
-          )
-        },
-        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" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
+      /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react8.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, 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" })) : props.isLoadingError ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1554,13 +1564,15 @@ var Input = (0, import_react8.forwardRef)(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-QUC5EXTF.mjs";
+} from "../chunk-QLUJEUIB.mjs";
 import {
   getHotkeyHandler
 } from "../chunk-WL7C2A5D.mjs";

package/dist/blocks/misc/index.js

@@ -1244,6 +1244,7 @@ var Input = (0, import_react28.forwardRef)(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = (0, import_react28.useState)(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -1259,6 +1260,7 @@ var Input = (0, import_react28.forwardRef)(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -1270,10 +1272,27 @@ var Input = (0, import_react28.forwardRef)(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
       }
     };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
+      }
+      props.onKeyDown && props.onKeyDown(e);
+    };
     return /* @__PURE__ */ import_react28.default.createElement(
       "div",
       {
@@ -1286,16 +1305,7 @@ var Input = (0, import_react28.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react28.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react28.default.createElement(
-        "span",
-        {
-          className: cn(
-            "hawa-me-2 hawa-opacity-90",
-            !forceHideHelperText && "hawa-mb-2"
-          )
-        },
-        props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react28.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1342,13 +1352,15 @@ var Input = (0, import_react28.forwardRef)(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,

package/dist/blocks/misc/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../../chunk-FTETN5UE.mjs";
+} from "../../chunk-7L5VUKZ7.mjs";
 import {
   Chip,
   ScrollArea

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

@@ -7,7 +7,7 @@ import {
 } from "./chunk-6UOJKVIA.mjs";
 
 // elements/input/Input.tsx
-import React, { forwardRef } from "react";
+import React, { forwardRef, useState } from "react";
 var Input = forwardRef(
   ({
     margin = "none",
@@ -22,6 +22,7 @@ var Input = forwardRef(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = useState(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -37,6 +38,7 @@ var Input = forwardRef(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -48,9 +50,26 @@ var Input = forwardRef(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
       }
+      props.onKeyDown && props.onKeyDown(e);
     };
     return /* @__PURE__ */ React.createElement(
       "div",
@@ -64,16 +83,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, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React.createElement(
         Skeleton,
         {
           animation: "none",
@@ -120,13 +130,15 @@ var Input = forwardRef(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,

package/dist/{chunk-QUC5EXTF.mjs → chunk-QLUJEUIB.mjs}

@@ -171,7 +171,7 @@ var Alert = ({
 };
 
 // elements/input/Input.tsx
-import React2, { forwardRef } from "react";
+import React2, { forwardRef, useState as useState2 } from "react";
 var Input = forwardRef(
   ({
     margin = "none",
@@ -186,6 +186,7 @@ var Input = forwardRef(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = useState2(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -201,6 +202,7 @@ var Input = forwardRef(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -212,10 +214,27 @@ var Input = forwardRef(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
       }
     };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
+      }
+      props.onKeyDown && props.onKeyDown(e);
+    };
     return /* @__PURE__ */ React2.createElement(
       "div",
       {
@@ -228,16 +247,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, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(
         Skeleton,
         {
           animation: "none",
@@ -284,13 +294,15 @@ var Input = forwardRef(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,
@@ -517,7 +529,7 @@ var Select = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-import React4, { useState as useState2, useRef as useRef2 } from "react";
+import React4, { useState as useState3, useRef as useRef2 } from "react";
 
 // countries.ts
 var countries = [
@@ -2219,8 +2231,8 @@ var PhoneInput = ({
   countryCodes,
   ...props
 }) => {
-  const [phoneNumber, setPhoneNumber] = useState2("");
-  const [countryCode, setCountryCode] = useState2(props.preferredCountry);
+  const [phoneNumber, setPhoneNumber] = useState3("");
+  const [countryCode, setCountryCode] = useState3(props.preferredCountry);
   const inputRef = useRef2(null);
   const handleInputChange = (e) => {
     console.log("test e ", e.target.value);
@@ -2629,7 +2641,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-import React9, { useState as useState3, useRef as useRef3, useEffect as useEffect3, forwardRef as forwardRef7 } from "react";
+import React9, { useState as useState4, useRef as useRef3, useEffect as useEffect3, forwardRef as forwardRef7 } from "react";
 import { TabsList, TabsTrigger, Tabs } from "@radix-ui/react-tabs";
 var Radio = forwardRef7(
   ({
@@ -2667,10 +2679,10 @@ var Radio = forwardRef7(
     const [parentDirection, setParentDirection] = React9.useState(
       null
     );
-    const [selectedOption, setSelectedOption] = useState3(
+    const [selectedOption, setSelectedOption] = useState4(
       props.defaultValue || props.value
     );
-    const [openTooltip, setOpenTooltip] = useState3(null);
+    const [openTooltip, setOpenTooltip] = useState4(null);
     const parentRef = useRef3(null);
     useEffect3(() => {
       var _a2;

package/dist/dataTable/index.js

@@ -1078,6 +1078,7 @@ var Input = (0, import_react6.forwardRef)(
     ...props
   }, ref) => {
     var _a;
+    const [value, setValue] = (0, import_react6.useState)(props.value || "");
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -1093,6 +1094,7 @@ var Input = (0, import_react6.forwardRef)(
     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;
+      setValue(newValue);
       if (props.prefixText) {
         if (newValue.length < props.prefixText.length) {
           newValue = props.prefixText;
@@ -1104,9 +1106,26 @@ var Input = (0, import_react6.forwardRef)(
         }
       }
       if (props.onChange) {
-        const newEvent = { ...e, target: { ...e.target, value: newValue } };
-        props.onChange(newEvent);
+        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);
+        }
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (props.type === "number" && ["e", "E", "+", "-", "."].includes(e.key)) {
+        e.preventDefault();
       }
+      props.onKeyDown && props.onKeyDown(e);
     };
     return /* @__PURE__ */ import_react6.default.createElement(
       "div",
@@ -1120,16 +1139,7 @@ var Input = (0, import_react6.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react6.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react6.default.createElement(
-        "span",
-        {
-          className: cn(
-            "hawa-me-2 hawa-opacity-90",
-            !forceHideHelperText && "hawa-mb-2"
-          )
-        },
-        props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center" }, props.outsidePrefix && /* @__PURE__ */ import_react6.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.outsidePrefix), props.isLoading ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react6.default.createElement(
         Skeleton,
         {
           animation: "none",
@@ -1176,13 +1186,15 @@ var Input = (0, import_react6.forwardRef)(
           required: true,
           dir: props.dir,
           type: props.type,
-          value: props.value,
+          value: props.value || value,
           onChange: handleChange,
+          onKeyDown: handleKeyDown,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
           disabled: props.disabled || preview,
           style: { height: 40 },
+          maxLength: props.maxLength,
           ...inputProps,
           className: cn(
             defaultInputStyle,