@pismo/marola 2.1.63 → 2.1.65

package/dist/components/Input/Input.js

@@ -1,227 +1,242 @@
-import { jsxs as M, jsx as H } from "react/jsx-runtime";
-import * as E from "react";
-import { forwardRef as Ne, useState as ye, useId as Ce, useRef as xe, useMemo as ie } from "react";
-import { formatDecimalValue as me, allowOnlyIntegerNumbers as ve, allowOnlyNumbers as Pe, parseToInteger as Re } from "../../utils/inputNumberAsText.js";
-import { c as B } from "../../clsx-OuTLNxxd.js";
-import { Icon as Ee } from "../Icon/Icon.js";
+import { jsxs as T, jsx as I } from "react/jsx-runtime";
+import * as x from "react";
+import { forwardRef as we, useState as ye, useId as Pe, useRef as ve, useMemo as ue } from "react";
+import { formatDecimalValue as _e, allowOnlyIntegerNumbers as Re, allowOnlyNumbers as Ee, parseToInteger as xe } from "../../utils/inputNumberAsText.js";
+import { c as O } from "../../clsx-OuTLNxxd.js";
+import { Icon as Se } from "../Icon/Icon.js";
 import { Typography as se } from "../Typography/Typography.js";
-import { g as je, a as Ve, u as Fe, f as de, _ as y, b as Se, c as _e, i as Oe, d as Te, e as Ie, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Be(r) {
-  let i = "https://mui.com/production-error/?code=" + r;
-  for (let _ = 1; _ < arguments.length; _ += 1)
-    i += "&args[]=" + encodeURIComponent(arguments[_]);
-  return "Minified MUI error #" + r + "; visit " + i + " for the full message.";
+import { g as Ve, a as Ce, u as Fe, e as pe, b as me, c as Oe, d as Te, P as n } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import '../../assets/Input.css';function Ie(l, ...d) {
+  const h = new URL(`https://mui.com/production-error/?code=${l}`);
+  return d.forEach((w) => h.searchParams.append("args[]", w)), `Minified MUI error #${l}; visit ${h} for the full message.`;
 }
-const ge = "Input";
-function Ue(r) {
-  return je(ge, r);
+function Be(l) {
+  return typeof l == "string";
 }
-Ve(ge, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const be = /* @__PURE__ */ E.createContext(void 0);
-process.env.NODE_ENV !== "production" && (be.displayName = "FormControlContext");
-function Ae() {
-  return E.useContext(be);
+const be = "Input";
+function Ue(l) {
+  return Ve(be, l);
 }
-function ke(r = {}) {
+Ce(be, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const ge = /* @__PURE__ */ x.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ge.displayName = "FormControlContext");
+function je() {
+  return x.useContext(ge);
+}
+function ke(l = {}) {
   const {
-    defaultValue: i,
-    disabled: _ = !1,
-    error: c = !1,
-    onBlur: g,
-    onChange: h,
-    onFocus: j,
-    required: V = !1,
-    value: f,
-    inputRef: F
-  } = r, o = Ae();
-  let w, s, C, N, x;
-  if (o) {
-    var U, u, v;
-    if (w = void 0, s = (U = o.disabled) != null ? U : !1, C = (u = o.error) != null ? u : !1, N = (v = o.required) != null ? v : !1, x = o.value, process.env.NODE_ENV !== "production") {
-      const e = ["defaultValue", "disabled", "error", "required", "value"].filter((a) => r[a] !== void 0);
-      e.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${e.join(", ")}`].join(`
+    defaultValue: d,
+    disabled: h = !1,
+    error: w = !1,
+    onBlur: u,
+    onChange: y,
+    onFocus: v,
+    required: S = !1,
+    value: B,
+    inputRef: m
+  } = l, a = je();
+  let R, f, b, p, N;
+  if (a) {
+    if (R = void 0, f = a.disabled ?? !1, b = a.error ?? !1, p = a.required ?? !1, N = a.value, process.env.NODE_ENV !== "production") {
+      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((i) => l[i] !== void 0);
+      t.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${t.join(", ")}`].join(`
 `));
     }
   } else
-    w = i, s = _, C = c, N = V, x = f;
+    R = d, f = h, b = w, p = S, N = B;
   const {
-    current: K
-  } = E.useRef(x != null), q = E.useCallback((e) => {
-    process.env.NODE_ENV !== "production" && e && e.nodeName !== "INPUT" && !e.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+    current: k
+  } = x.useRef(N != null), A = x.useCallback((t) => {
+    process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), R = E.useRef(null), A = Fe(R, F, q), [S, O] = E.useState(!1);
-  E.useEffect(() => {
-    !o && s && S && (O(!1), g == null || g());
-  }, [o, s, S, g]);
-  const D = (e) => (a) => {
-    var l;
-    if (o != null && o.disabled) {
-      a.stopPropagation();
+  }, []), g = x.useRef(null), P = Fe(g, m, A), [V, C] = x.useState(!1);
+  x.useEffect(() => {
+    !a && f && V && (C(!1), u == null || u());
+  }, [a, f, V, u]);
+  const M = (t) => (i) => {
+    var r, _;
+    if (a != null && a.disabled) {
+      i.stopPropagation();
       return;
     }
-    if ((l = e.onFocus) == null || l.call(e, a), o && o.onFocus) {
-      var d;
-      o == null || (d = o.onFocus) == null || d.call(o);
-    } else
-      O(!0);
-  }, $ = (e) => (a) => {
-    var l;
-    (l = e.onBlur) == null || l.call(e, a), o && o.onBlur ? o.onBlur() : O(!1);
-  }, Y = (e) => (a, ...l) => {
-    var d, T;
-    if (!K && (a.target || R.current) == null)
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Be(17));
-    o == null || (d = o.onChange) == null || d.call(o, a), (T = e.onChange) == null || T.call(e, a, ...l);
-  }, L = (e) => (a) => {
-    var l;
-    R.current && a.currentTarget === a.target && R.current.focus(), (l = e.onClick) == null || l.call(e, a);
+    (r = t.onFocus) == null || r.call(t, i), a && a.onFocus ? (_ = a == null ? void 0 : a.onFocus) == null || _.call(a) : C(!0);
+  }, q = (t) => (i) => {
+    var r;
+    (r = t.onBlur) == null || r.call(t, i), a && a.onBlur ? a.onBlur() : C(!1);
+  }, D = (t) => (i, ...r) => {
+    var _, e;
+    if (!k && (i.target || g.current) == null)
+      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Ie(17));
+    (_ = a == null ? void 0 : a.onChange) == null || _.call(a, i), (e = t.onChange) == null || e.call(t, i, ...r);
+  }, K = (t) => (i) => {
+    var r;
+    g.current && i.currentTarget === i.target && g.current.focus(), (r = t.onClick) == null || r.call(t, i);
   };
   return {
-    disabled: s,
-    error: C,
-    focused: S,
-    formControlContext: o,
-    getInputProps: (e = {}) => {
-      const l = y({}, {
-        onBlur: g,
-        onChange: h,
-        onFocus: j
-      }, de(e)), d = y({}, l, {
-        onBlur: $(l),
-        onChange: Y(l),
-        onFocus: D(l)
-      });
-      return y({}, d, {
-        "aria-invalid": C || void 0,
-        defaultValue: w,
-        value: x,
-        required: N,
-        disabled: s
-      }, e, {
-        ref: A
-      }, d);
+    disabled: f,
+    error: b,
+    focused: V,
+    formControlContext: a,
+    getInputProps: (t = {}) => {
+      const r = {
+        ...{
+          onBlur: u,
+          onChange: y,
+          onFocus: v
+        },
+        ...pe(t)
+      }, _ = {
+        ...r,
+        onBlur: q(r),
+        onChange: D(r),
+        onFocus: M(r)
+      };
+      return {
+        ..._,
+        "aria-invalid": b || void 0,
+        defaultValue: R,
+        value: N,
+        required: p,
+        disabled: f,
+        ...t,
+        ref: P,
+        ..._
+      };
     },
-    getRootProps: (e = {}) => {
-      const a = de(r, ["onBlur", "onChange", "onFocus"]), l = y({}, a, de(e));
-      return y({}, e, l, {
-        onClick: L(l)
-      });
+    getRootProps: (t = {}) => {
+      const r = {
+        ...pe(l, ["onBlur", "onChange", "onFocus"]),
+        ...pe(t)
+      };
+      return {
+        ...t,
+        ...r,
+        onClick: K(r)
+      };
     },
-    inputRef: A,
-    required: N,
-    value: x
+    inputRef: P,
+    required: p,
+    value: N
   };
 }
-const Me = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], He = (r) => {
+const Ae = (l) => {
   const {
-    disabled: i,
-    error: _,
-    focused: c,
-    formControlContext: g,
-    multiline: h,
-    startAdornment: j,
-    endAdornment: V
-  } = r;
-  return Te({
-    root: ["root", i && "disabled", _ && "error", c && "focused", !!g && "formControl", h && "multiline", !!j && "adornedStart", !!V && "adornedEnd"],
-    input: ["input", i && "disabled", h && "multiline"]
-  }, Ie(Ue));
-}, he = /* @__PURE__ */ E.forwardRef(function(i, _) {
-  var c, g, h;
+    disabled: d,
+    error: h,
+    focused: w,
+    formControlContext: u,
+    multiline: y,
+    startAdornment: v,
+    endAdornment: S
+  } = l;
+  return Oe({
+    root: ["root", d && "disabled", h && "error", w && "focused", !!u && "formControl", y && "multiline", !!v && "adornedStart", !!S && "adornedEnd"],
+    input: ["input", d && "disabled", y && "multiline"]
+  }, Te(Ue));
+}, he = /* @__PURE__ */ x.forwardRef(function(d, h) {
   const {
-    "aria-describedby": j,
-    "aria-label": V,
-    "aria-labelledby": f,
-    autoComplete: F,
-    autoFocus: o,
-    className: w,
-    defaultValue: s,
-    disabled: C,
-    endAdornment: N,
-    error: x,
-    id: U,
-    multiline: u = !1,
-    name: v,
-    onClick: K,
-    onChange: q,
-    onKeyDown: R,
-    onKeyUp: A,
-    onFocus: S,
-    onBlur: O,
-    placeholder: D,
-    readOnly: $,
-    required: Y,
-    startAdornment: L,
-    value: Z,
-    type: W,
-    rows: e,
-    slotProps: a = {},
-    slots: l = {},
-    minRows: d,
-    maxRows: T
-  } = i, z = Se(i, Me), {
-    getRootProps: G,
-    getInputProps: J,
-    focused: ae,
-    formControlContext: ee,
-    error: re,
-    disabled: ue
+    "aria-describedby": w,
+    "aria-label": u,
+    "aria-labelledby": y,
+    autoComplete: v,
+    autoFocus: S,
+    className: B,
+    defaultValue: m,
+    disabled: a,
+    endAdornment: R,
+    error: f,
+    id: b,
+    multiline: p = !1,
+    name: N,
+    onClick: k,
+    onChange: A,
+    onKeyDown: g,
+    onKeyUp: P,
+    onFocus: V,
+    onBlur: C,
+    placeholder: M,
+    readOnly: q,
+    required: D,
+    startAdornment: K,
+    value: z,
+    type: G,
+    rows: t,
+    slotProps: i = {},
+    slots: r = {},
+    minRows: _,
+    maxRows: e,
+    ...J
+  } = d, {
+    getRootProps: ae,
+    getInputProps: Q,
+    focused: re,
+    formControlContext: X,
+    error: $,
+    disabled: W
   } = ke({
-    disabled: C,
-    defaultValue: s,
-    error: x,
-    onBlur: O,
-    onClick: K,
-    onChange: q,
-    onFocus: S,
-    required: Y,
-    value: Z
-  }), ne = u ? void 0 : W ?? "text", Q = y({}, i, {
-    disabled: ue,
-    error: re,
-    focused: ae,
-    formControlContext: ee,
-    multiline: u,
-    type: ne
-  }), te = He(Q), oe = {
-    "aria-describedby": j,
-    "aria-label": V,
-    "aria-labelledby": f,
-    autoComplete: F,
-    autoFocus: o,
-    id: U,
-    onKeyDown: R,
-    onKeyUp: A,
-    name: v,
-    placeholder: D,
-    readOnly: $,
-    type: ne
-  }, X = (c = l.root) != null ? c : "div", t = _e({
-    elementType: X,
-    getSlotProps: G,
-    externalSlotProps: a.root,
-    externalForwardedProps: z,
+    disabled: a,
+    defaultValue: m,
+    error: f,
+    onBlur: C,
+    onClick: k,
+    onChange: A,
+    onFocus: V,
+    required: D,
+    value: z
+  }), Z = p ? void 0 : G ?? "text", U = {
+    ...d,
+    disabled: W,
+    error: $,
+    focused: re,
+    formControlContext: X,
+    multiline: p,
+    type: Z
+  }, H = Ae(U), ie = {
+    "aria-describedby": w,
+    "aria-label": u,
+    "aria-labelledby": y,
+    autoComplete: v,
+    autoFocus: S,
+    id: b,
+    onKeyDown: g,
+    onKeyUp: P,
+    name: N,
+    placeholder: M,
+    readOnly: q,
+    type: Z
+  }, ee = r.root ?? "div", le = me({
+    elementType: ee,
+    getSlotProps: ae,
+    externalSlotProps: i.root,
+    externalForwardedProps: J,
     additionalProps: {
-      ref: _
+      ref: h
     },
-    ownerState: Q,
-    className: [te.root, w]
-  }), b = u ? (g = l.textarea) != null ? g : "textarea" : (h = l.input) != null ? h : "input", I = _e({
-    elementType: b,
-    getSlotProps: (P) => J(y({}, oe, P)),
-    externalSlotProps: a.input,
-    additionalProps: y({
-      rows: u ? e : void 0
-    }, u && !Oe(b) && {
-      minRows: e || d,
-      maxRows: e || T
+    ownerState: U,
+    className: [H.root, B]
+  }), Y = p ? r.textarea ?? "textarea" : r.input ?? "input", ne = me({
+    elementType: Y,
+    getSlotProps: (te) => Q({
+      ...ie,
+      ...te
     }),
-    ownerState: Q,
-    className: te.input
+    externalSlotProps: i.input,
+    additionalProps: {
+      rows: p ? t : void 0,
+      ...p && !Be(Y) && {
+        minRows: t || _,
+        maxRows: t || e
+      }
+    },
+    ownerState: U,
+    className: H.input
+  });
+  return process.env.NODE_ENV !== "production" && p && t && (_ || e) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ T(ee, {
+    ...le,
+    children: [K, /* @__PURE__ */ I(Y, {
+      ...ne
+    }), R]
   });
-  return process.env.NODE_ENV !== "production" && u && e && (d || T) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ M(X, y({}, t, {
-    children: [L, /* @__PURE__ */ H(b, y({}, I)), N]
-  }));
 });
 process.env.NODE_ENV !== "production" && (he.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -373,103 +388,106 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
    */
   value: n.any
 });
-const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
-  "input__input-el": "_input__input-el_1u4jg_58",
-  input: Ke,
-  "input__messages-wrapper": "_input__messages-wrapper_1u4jg_82",
-  input__label: qe,
-  "input__input-el-wrapper": "_input__input-el-wrapper_1u4jg_90",
-  "input__left-icon": "_input__left-icon_1u4jg_115",
-  "input__right-icon": "_input__right-icon_1u4jg_115",
-  "input__info-message": "_input__info-message_1u4jg_141",
-  "input__error-message": "_input__error-message_1u4jg_141",
-  "input__chars-counter": "_input__chars-counter_1u4jg_152",
-  "input--disabled": "_input--disabled_1u4jg_157",
-  "input--focused": "_input--focused_1u4jg_163",
-  "input--error": "_input--error_1u4jg_166"
-}, Je = Ne(
+const Me = "_input_14020_58", qe = "_input__labelWrapper_14020_85", De = "_input__label_14020_85", Ke = "_input__labelHelp_14020_95", s = {
+  "input__input-el": "_input__input-el_14020_58",
+  input: Me,
+  "input__messages-wrapper": "_input__messages-wrapper_14020_82",
+  input__labelWrapper: qe,
+  input__label: De,
+  input__labelHelp: Ke,
+  "input__input-el-wrapper": "_input__input-el-wrapper_14020_100",
+  "input__left-icon": "_input__left-icon_14020_125",
+  "input__right-icon": "_input__right-icon_14020_125",
+  "input__info-message": "_input__info-message_14020_151",
+  "input__error-message": "_input__error-message_14020_151",
+  "input__chars-counter": "_input__chars-counter_14020_162",
+  "input--disabled": "_input--disabled_14020_167",
+  "input--focused": "_input--focused_14020_173",
+  "input--error": "_input--error_14020_176"
+}, Qe = we(
   ({
-    label: r,
-    infoMessage: i,
-    error: _,
-    errorMessage: c,
-    leftIcon: g,
-    rightIcon: h,
-    id: j,
-    disabled: V,
-    type: f = "text",
-    maxLength: F,
-    allowLeadingZeros: o = !1,
-    isInteger: w,
-    useCommaInDecimal: s,
-    allowNegativeNumbers: C = !1,
+    label: l,
+    labelHelp: d,
+    infoMessage: h,
+    error: w,
+    errorMessage: u,
+    leftIcon: y,
+    rightIcon: v,
+    id: S,
+    disabled: B,
+    type: m = "text",
+    maxLength: a,
+    allowLeadingZeros: R = !1,
+    isInteger: f,
+    useCommaInDecimal: b,
+    allowNegativeNumbers: p = !1,
     decimalLength: N = 10,
-    hideCharsCounter: x = !1,
-    required: U,
-    onChange: u,
-    triggerDelay: v,
-    classNameWrapper: K,
-    classNameLabel: q,
-    classNameInput: R,
-    classNameInfoMessage: A,
-    classNameErrorMessage: S,
-    classNameCharsCounter: O,
-    "data-testid-wrapper": D,
-    "data-testid-label": $,
-    "data-testid-input": Y,
-    "data-testid-infoMessage": L,
-    "data-testid-errorMessage": Z,
-    "data-testid-charsCounter": W,
+    hideCharsCounter: k = !1,
+    required: A,
+    onChange: g,
+    triggerDelay: P,
+    classNameWrapper: V,
+    classNameLabel: C,
+    classNameInput: M,
+    classNameInfoMessage: q,
+    classNameErrorMessage: D,
+    classNameCharsCounter: K,
+    "data-testid-wrapper": z,
+    "data-testid-label": G,
+    "data-testid-input": t,
+    "data-testid-infoMessage": i,
+    "data-testid-errorMessage": r,
+    "data-testid-charsCounter": _,
     ...e
-  }, a) => {
-    var oe, X;
-    const [l, d] = ye(
-      ((oe = e.value) == null ? void 0 : oe.length) || ((X = e.defaultValue) == null ? void 0 : X.length) || 0
-    ), T = Ce(), z = j || `input_${T}`;
-    Object.assign(e, { "data-testid": Y });
-    const G = F && !x, J = xe(), ae = (t) => {
-      J.current && clearTimeout(J.current), J.current = setTimeout(() => {
-        ee(t);
-      }, v);
-    }, ee = (t) => {
-      var b, I, P, pe;
-      if (f === "number-as-text") {
-        let p = w ? Re(t.target.value, o) : s ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
-        if (!w && N > 0) {
-          const ce = String(p), [we, fe] = ce.split(/,|\./);
-          ce !== "" && fe && (p = [we, fe.slice(0, N)].join(s ? "," : "."));
+  }, J) => {
+    var ne, te;
+    const [ae, Q] = ye(
+      ((ne = e.value) == null ? void 0 : ne.length) || ((te = e.defaultValue) == null ? void 0 : te.length) || 0
+    ), re = Pe(), X = S || `input_${re.replace(/:/g, "-")}`;
+    Object.assign(e, { "data-testid": t });
+    const $ = a && !k, W = ve(), Z = (o) => {
+      W.current && clearTimeout(W.current), W.current = setTimeout(() => {
+        U(o);
+      }, P);
+    }, U = (o) => {
+      var E, L, F, ce;
+      if (m === "number-as-text") {
+        let c = f ? xe(o.target.value, R) : b ? o.target.value.replace(".", ",") : o.target.value.replace(",", ".");
+        if (!f && N > 0) {
+          const de = String(c), [Ne, fe] = de.split(/,|\./);
+          de !== "" && fe && (c = [Ne, fe.slice(0, N)].join(b ? "," : "."));
         }
-        t.target.value = String(p);
-        const le = !isNaN(Number(String(p).replace(",", "."))), k = String(p).length ? String(p).replace(",", ".") : "";
-        u == null || u({
-          ...t,
+        o.target.value = String(c);
+        const oe = !isNaN(Number(String(c).replace(",", "."))), j = String(c).length ? String(c).replace(",", ".") : "";
+        g == null || g({
+          ...o,
           target: {
-            ...t.target,
-            value: k,
-            valueAsNumber: le && String(p).length ? Number(String(p).replace(",", ".")) : NaN
+            ...o.target,
+            value: j,
+            valueAsNumber: oe && String(c).length ? Number(String(c).replace(",", ".")) : NaN
           }
-        }), G && d((I = (b = t == null ? void 0 : t.target) == null ? void 0 : b.value) == null ? void 0 : I.length);
+        }), $ && Q((L = (E = o == null ? void 0 : o.target) == null ? void 0 : E.value) == null ? void 0 : L.length);
         return;
       }
-      if (f === "number") {
-        let p = String(t.target.value);
-        const [le, k] = p.split(".");
-        p !== "" && (k != null && k.length ? p = [Number(le), k.slice(0, N)].join(".") : p = String(Number(le))), t.target.value = p;
+      if (m === "number") {
+        let c = String(o.target.value);
+        const [oe, j] = c.split(".");
+        c !== "" && (j != null && j.length ? c = [Number(oe), j.slice(0, N)].join(".") : c = String(Number(oe))), o.target.value = c;
       }
-      G && d((pe = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : pe.length), u && u(t);
-    }, re = (t) => {
-      var b;
-      f === "number-as-text" && (w ? ve(t, C) : Pe(t, C)), (b = e == null ? void 0 : e.onKeyDown) == null || b.call(e, t);
-    }, ue = (t) => {
-      var b;
-      if (f === "number-as-text" && t.target.value.length) {
-        const I = w ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
-        let P = String(o ? I : Number(I));
-        isNaN(Number(P)) && (P = ""), t.target.value = s ? P.replace(".", ",") : P;
+      $ && Q((ce = (F = o == null ? void 0 : o.target) == null ? void 0 : F.value) == null ? void 0 : ce.length), g && g(o);
+    }, H = (o) => {
+      var E;
+      m === "number-as-text" && (f ? Re(o, p) : Ee(o, p)), (E = e == null ? void 0 : e.onKeyDown) == null || E.call(e, o);
+    }, ie = (o) => {
+      var E;
+      if (m === "number-as-text" && o.target.value.length) {
+        const L = f ? o.target.value.replace(/(,\.)/gi, "") : o.target.value.replace(",", ".");
+        let F = String(R ? L : Number(L));
+        isNaN(Number(F)) && (F = ""), o.target.value = b ? F.replace(".", ",") : F;
       }
-      (b = e == null ? void 0 : e.onBlur) == null || b.call(e, t);
-    }, ne = ie(() => e.multiline !== !0 ? {
-      type: f === "number-as-text" ? "text" : f,
+      (E = e == null ? void 0 : e.onBlur) == null || E.call(e, o);
+    }, ee = ue(() => e.multiline !== !0 ? {
+      type: m === "number-as-text" ? "text" : m,
       multiline: e.multiline
     } : {
       type: void 0,
@@ -477,81 +495,84 @@ const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), Q = ie(() => {
-      const t = v ? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.defaultValue) : e == null ? void 0 : e.defaultValue;
-      return f === "number-as-text" && t ? me(t, s) : t;
-    }, [e.defaultValue]), te = ie(() => {
-      if (!v)
-        return f === "number-as-text" && (e != null && e.value) ? me(e == null ? void 0 : e.value, s) : e == null ? void 0 : e.value;
+    }, [e]), le = ue(() => {
+      const o = P ? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.defaultValue) : e == null ? void 0 : e.defaultValue;
+      return m === "number-as-text" && o ? _e(o, b) : o;
+    }, [e.defaultValue]), Y = ue(() => {
+      if (!P)
+        return m === "number-as-text" && (e != null && e.value) ? _e(e == null ? void 0 : e.value, b) : e == null ? void 0 : e.value;
     }, [e.value]);
-    return /* @__PURE__ */ M("div", { className: B(m.input, K), "data-testid": D, children: [
-      r && /* @__PURE__ */ M(
-        se,
-        {
-          bold: !0,
-          element: "label",
-          elementProps: { htmlFor: z },
-          className: B(m.input__label, q),
-          "data-testid": $,
-          children: [
-            r,
-            U && /* @__PURE__ */ H("span", { children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ H(
+    return /* @__PURE__ */ T("div", { className: O(s.input, V), "data-testid": z, children: [
+      (l || d) && /* @__PURE__ */ T("div", { className: s.input__labelWrapper, children: [
+        l && /* @__PURE__ */ T(
+          se,
+          {
+            bold: !0,
+            element: "label",
+            elementProps: { htmlFor: X },
+            className: O(s.input__label, C),
+            "data-testid": G,
+            children: [
+              l,
+              A && /* @__PURE__ */ I("span", { children: "*" })
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ I("div", { className: s.input__labelHelp, children: d })
+      ] }),
+      /* @__PURE__ */ I(
         he,
         {
-          id: z,
-          disabled: V,
-          error: typeof _ == "boolean" ? _ : !!c,
-          "aria-label": r,
+          id: X,
+          disabled: B,
+          error: typeof w == "boolean" ? w : !!u,
+          "aria-label": l,
           slotProps: {
-            root: (t) => ({
-              className: B(m["input__input-el-wrapper"], {
-                [m["input--disabled"]]: t.disabled,
-                [m["input--focused"]]: t.focused,
-                [m["input--error"]]: t.error
+            root: (o) => ({
+              className: O(s["input__input-el-wrapper"], {
+                [s["input--disabled"]]: o.disabled,
+                [s["input--focused"]]: o.focused,
+                [s["input--error"]]: o.error
               })
             }),
             input: {
-              ref: a,
-              className: B(m["input__input-el"], R),
-              maxLength: F,
-              onChange: v ? ae : ee,
+              ref: J,
+              className: O(s["input__input-el"], M),
+              maxLength: a,
+              onChange: P ? Z : U,
               ...e,
-              onKeyDown: re,
-              onBlur: ue,
-              defaultValue: Q,
-              value: te
+              onKeyDown: H,
+              onBlur: ie,
+              defaultValue: le,
+              value: Y
             }
           },
-          startAdornment: g && /* @__PURE__ */ H("span", { className: m["input__left-icon"], children: g }),
-          endAdornment: h && /* @__PURE__ */ H("span", { className: m["input__right-icon"], children: h }),
-          ...ne
+          startAdornment: y && /* @__PURE__ */ I("span", { className: s["input__left-icon"], children: y }),
+          endAdornment: v && /* @__PURE__ */ I("span", { className: s["input__right-icon"], children: v }),
+          ...ee
         }
       ),
-      /* @__PURE__ */ M("div", { className: m["input__messages-wrapper"], children: [
-        (c || i) && /* @__PURE__ */ M(
+      /* @__PURE__ */ T("div", { className: s["input__messages-wrapper"], children: [
+        (u || h) && /* @__PURE__ */ T(
           se,
           {
-            className: c ? B(m["input__error-message"], S) : B(m["input__info-message"], A),
-            "data-testid": c ? Z : L,
+            className: u ? O(s["input__error-message"], D) : O(s["input__info-message"], q),
+            "data-testid": u ? r : i,
             children: [
-              /* @__PURE__ */ H(Ee, { icon: c ? "circle-exclamation" : "circle-info" }),
-              c || i
+              /* @__PURE__ */ I(Se, { icon: u ? "circle-exclamation" : "circle-info" }),
+              u || h
             ]
           }
         ),
-        G && /* @__PURE__ */ M(
+        $ && /* @__PURE__ */ T(
           se,
           {
-            className: B(m["input__chars-counter"], O),
-            "data-testid": W,
+            className: O(s["input__chars-counter"], K),
+            "data-testid": _,
             children: [
-              l,
+              ae,
               " / ",
-              F
+              a
             ]
           }
         )
@@ -560,5 +581,5 @@ const Ke = "_input_1u4jg_58", qe = "_input__label_1u4jg_85", m = {
   }
 );
 export {
-  Je as Input
+  Qe as Input
 };