@sikka/hawa 0.46.0-next → 0.46.3-next

package/dist/blocks/auth/index.js

@@ -1386,6 +1386,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -1399,6 +1400,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
@@ -1406,6 +1411,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -1429,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",
@@ -1444,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;
@@ -1455,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",
       {
@@ -1471,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",
@@ -1527,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,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-JKZQWCAQ.mjs";
+} from "../../chunk-7L5VUKZ7.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-D3B3MKLS.mjs";
+} from "../../chunk-7O555VJR.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-JDCQLGWW.mjs";
+} from "../../chunk-YXUHXKKK.mjs";
 import {
   Button,
   Card,
@@ -24,7 +24,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-6LI35F6L.mjs";
+} from "../../chunk-6UOJKVIA.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React2 from "react";

package/dist/blocks/feedback/index.js

@@ -948,6 +948,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -961,6 +962,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
@@ -968,6 +973,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props

package/dist/blocks/feedback/index.mjs

@@ -1,26 +1,26 @@
 "use client";
 import {
   Textarea
-} from "../../chunk-FIUKVRL5.mjs";
+} from "../../chunk-EHJXQQDP.mjs";
 import {
   Select
-} from "../../chunk-D3B3MKLS.mjs";
+} from "../../chunk-7O555VJR.mjs";
 import {
   Popover,
   Radio
-} from "../../chunk-YABFWOF3.mjs";
+} from "../../chunk-R37QEYSB.mjs";
 import {
   BadEmoji,
   GoodEmoji,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../../chunk-JDCQLGWW.mjs";
+} from "../../chunk-YXUHXKKK.mjs";
 import {
   Button,
   Card,
   CardContent,
   cn
-} from "../../chunk-6LI35F6L.mjs";
+} from "../../chunk-6UOJKVIA.mjs";
 
 // blocks/feedback/UserReferralSource.tsx
 import React, { useRef, useState } from "react";

package/dist/blocks/index.js

@@ -1407,6 +1407,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -1420,6 +1421,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
@@ -1427,6 +1432,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -1450,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",
@@ -1465,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;
@@ -1476,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",
       {
@@ -1492,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",
@@ -1548,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-IEB2ANWU.mjs";
+} from "../chunk-QLUJEUIB.mjs";
 import {
   getHotkeyHandler
 } from "../chunk-WL7C2A5D.mjs";
@@ -44,7 +44,7 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-3B7UZCET.mjs";
+} from "../chunk-HJVL6X7I.mjs";
 import "../chunk-2LUXOXAL.mjs";
 
 // blocks/auth/AuthButtons.tsx

package/dist/blocks/misc/index.js

@@ -1195,6 +1195,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -1208,6 +1209,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react27.default.createElement(
     "div",
     {
@@ -1215,6 +1220,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -1238,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",
@@ -1253,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;
@@ -1264,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",
       {
@@ -1280,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",
@@ -1336,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,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-JKZQWCAQ.mjs";
+} from "../../chunk-7L5VUKZ7.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-FUYMZP4J.mjs";
+} from "../../chunk-U72MOMEK.mjs";
 import {
   Textarea
-} from "../../chunk-FIUKVRL5.mjs";
+} from "../../chunk-EHJXQQDP.mjs";
 import {
   Select
-} from "../../chunk-D3B3MKLS.mjs";
+} from "../../chunk-7O555VJR.mjs";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-6LI35F6L.mjs";
+} from "../../chunk-6UOJKVIA.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React10 from "react";

package/dist/blocks/pricing/index.js

@@ -622,6 +622,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -635,6 +636,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
@@ -642,6 +647,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props

package/dist/blocks/pricing/index.mjs

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

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

@@ -553,6 +553,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -566,6 +567,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
@@ -573,6 +578,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props

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

@@ -4,10 +4,10 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-6LI35F6L.mjs";
+} 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-D3B3MKLS.mjs → chunk-7O555VJR.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-6LI35F6L.mjs";
+} from "./chunk-6UOJKVIA.mjs";
 
 // elements/select/Select.tsx
 import React from "react";

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

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

package/dist/{chunk-FIUKVRL5.mjs → chunk-EHJXQQDP.mjs}

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