@sikka/hawa 0.30.1-next → 0.30.3-next

package/dist/Label-9FHRF7Ex.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+type DirectionType = "rtl" | "ltr";
+type PositionType = "top" | "bottom" | "right" | "left";
+type OrientationType = "vertical" | "horizontal";
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
+
+export type { DirectionType as D, LabelProps as L, OrientationType as O };

package/dist/Label-9FHRF7Ex.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+type DirectionType = "rtl" | "ltr";
+type PositionType = "top" | "bottom" | "right" | "left";
+type OrientationType = "vertical" | "horizontal";
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
+
+export type { DirectionType as D, LabelProps as L, OrientationType as O };

package/dist/blocks/auth/index.js

@@ -1209,6 +1209,23 @@ var Input = (0, import_react7.forwardRef)(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
@@ -1221,7 +1238,16 @@ var Input = (0, import_react7.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react7.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react7.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react7.default.createElement(
+        "span",
+        {
+          className: cn(
+            "hawa-me-2 hawa-opacity-90",
+            !forceHideHelperText && "hawa-mb-2"
+          )
+        },
+        props.outsidePrefix
+      ), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -1245,7 +1271,7 @@ var Input = (0, import_react7.forwardRef)(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
@@ -3792,10 +3818,10 @@ var RegisterForm = ({
     /* @__PURE__ */ import_react15.default.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ import_react15.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react15.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react15.default.createElement(
       Alert,
       {
+        direction: props.direction,
         title: props.errorTitle,
         text: props.errorText,
         severity: "error",
-        noDestroy: true,
         onAlertClosed: () => {
           if (props.onErrorDismissed) {
             props.onErrorDismissed();

package/dist/blocks/auth/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../../chunk-KZCOE6V3.mjs";
+} from "../../chunk-E6VRANQ3.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
@@ -2916,10 +2916,10 @@ var RegisterForm = ({
     /* @__PURE__ */ React7.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", null, props.showError && /* @__PURE__ */ React7.createElement(
       Alert,
       {
+        direction: props.direction,
         title: props.errorTitle,
         text: props.errorText,
         severity: "error",
-        noDestroy: true,
         onAlertClosed: () => {
           if (props.onErrorDismissed) {
             props.onErrorDismissed();

package/dist/blocks/index.js

@@ -1230,6 +1230,23 @@ var Input = (0, import_react7.forwardRef)(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ import_react7.default.createElement(
       "div",
       {
@@ -1242,7 +1259,16 @@ var Input = (0, import_react7.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react7.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react7.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
+      /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react7.default.createElement(
+        "span",
+        {
+          className: cn(
+            "hawa-me-2 hawa-opacity-90",
+            !forceHideHelperText && "hawa-mb-2"
+          )
+        },
+        props.outsidePrefix
+      ), props.isLoading ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react7.default.createElement(
         "div",
         {
           className: cn(
@@ -1266,7 +1292,7 @@ var Input = (0, import_react7.forwardRef)(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
@@ -3949,10 +3975,10 @@ var RegisterForm = ({
     /* @__PURE__ */ import_react15.default.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ import_react15.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react15.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react15.default.createElement(
       Alert,
       {
+        direction: props.direction,
         title: props.errorTitle,
         text: props.errorText,
         severity: "error",
-        noDestroy: true,
         onAlertClosed: () => {
           if (props.onErrorDismissed) {
             props.onErrorDismissed();
@@ -7124,7 +7150,7 @@ var import_react44 = __toESM(require("react"));
 // elements/progress/Progress.tsx
 var React54 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React54.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React54.createElement(
+var Progress = React54.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React54.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React54.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React54.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -7141,7 +7167,7 @@ var Progress = React54.forwardRef(({ className, value, ...props }, ref) => /* @_
       style: { transform: `translateX(-${100 - (value || 0)}%)` }
     }
   )
-));
+)));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // blocks/Usage.tsx

package/dist/blocks/index.mjs

@@ -26,7 +26,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-Q754X27Z.mjs";
+} from "../chunk-N4O2A727.mjs";
 import {
   Button,
   Card,
@@ -537,10 +537,10 @@ var RegisterForm = ({
     /* @__PURE__ */ React3.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ React3.createElement(CardContent, { headless: true }, /* @__PURE__ */ React3.createElement("div", null, props.showError && /* @__PURE__ */ React3.createElement(
       Alert,
       {
+        direction: props.direction,
         title: props.errorTitle,
         text: props.errorText,
         severity: "error",
-        noDestroy: true,
         onAlertClosed: () => {
           if (props.onErrorDismissed) {
             props.onErrorDismissed();

package/dist/blocks/misc/index.js

@@ -931,6 +931,23 @@ var Input = (0, import_react8.forwardRef)(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
@@ -943,7 +960,16 @@ 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.prefixText && /* @__PURE__ */ import_react8.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+      /* @__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" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           className: cn(
@@ -967,7 +993,7 @@ var Input = (0, import_react8.forwardRef)(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,

package/dist/blocks/misc/index.mjs

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

package/dist/{chunk-KZCOE6V3.mjs → chunk-E6VRANQ3.mjs}

@@ -34,6 +34,23 @@ var Input = forwardRef(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -46,7 +63,16 @@ 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.prefixText && /* @__PURE__ */ React.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, !props.hideSeparator && /* @__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" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React.createElement(
         "div",
         {
           className: cn(
@@ -70,7 +96,7 @@ var Input = forwardRef(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,

package/dist/{chunk-Q754X27Z.mjs → chunk-N4O2A727.mjs}

@@ -223,6 +223,23 @@ var Input = forwardRef2(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ React3.createElement(
       "div",
       {
@@ -235,7 +252,16 @@ var Input = forwardRef2(
         )
       },
       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.prefixText && /* @__PURE__ */ React3.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), 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(
+      /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ React3.createElement(
+        "span",
+        {
+          className: cn(
+            "hawa-me-2 hawa-opacity-90",
+            !forceHideHelperText && "hawa-mb-2"
+          )
+        },
+        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(
         "div",
         {
           className: cn(
@@ -259,7 +285,7 @@ var Input = forwardRef2(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,
@@ -2977,7 +3003,7 @@ var Separator = ({
 // elements/progress/Progress.tsx
 import * as React15 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React15.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,
@@ -2994,7 +3020,7 @@ var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @_
       style: { transform: `translateX(-${100 - (value || 0)}%)` }
     }
   )
-));
+)));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // icons/Emojis.tsx

package/dist/dataTable/index.js

@@ -860,6 +860,23 @@ var Input = (0, import_react4.forwardRef)(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    const handleChange = (e) => {
+      let newValue = e.target.value;
+      if (props.prefixText) {
+        if (newValue.length < props.prefixText.length) {
+          newValue = props.prefixText;
+        } else {
+          const isSubstring = props.prefixText.startsWith(newValue);
+          if (!isSubstring && !newValue.startsWith(props.prefixText)) {
+            newValue = `${props.prefixText}${newValue}`;
+          }
+        }
+      }
+      if (props.onChange) {
+        const newEvent = { ...e, target: { ...e.target, value: newValue } };
+        props.onChange(newEvent);
+      }
+    };
     return /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
@@ -872,7 +889,16 @@ var Input = (0, import_react4.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react4.default.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react4.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react4.default.createElement(
+        "span",
+        {
+          className: cn(
+            "hawa-me-2 hawa-opacity-90",
+            !forceHideHelperText && "hawa-mb-2"
+          )
+        },
+        props.outsidePrefix
+      ), props.isLoading ? /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react4.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react4.default.createElement(
         "div",
         {
           className: cn(
@@ -896,7 +922,7 @@ var Input = (0, import_react4.forwardRef)(
           dir: props.dir,
           type: props.type,
           value: props.value,
-          onChange: props.onChange,
+          onChange: handleChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
           placeholder,