@pismo/marola 1.1.1 → 1.1.3

package/dist/components/Input/Input.js

@@ -1,228 +1,229 @@
-import { jsxs as K, jsx as A } from "react/jsx-runtime";
-import * as N from "react";
-import { forwardRef as de, useState as ce, useId as _e, useMemo as ye } from "react";
-import { c as k } from "../../clsx-DB4S2d7J.js";
-import { Icon as me } from "../Icon/Icon.js";
-import { Typography as Q } from "../Typography/Typography.js";
-import { g as fe, a as he, u as ge, f as X, b as h, _ as be, c as oe, i as xe, P as e, d as Ce, e as we } from "../../useSlotProps-C_I1kEHr.js";
-import '../../assets/Input.css';function Ne(s) {
+import '../../assets/Input.css';
+import { jsxs as U, jsx as j } from "react/jsx-runtime";
+import * as x from "react";
+import { forwardRef as de, useState as ce, useId as _e, useMemo as me } from "react";
+import { c as T } from "../../clsx-DB4S2d7J.js";
+import { Icon as fe } from "../Icon/Icon.js";
+import { Typography as X } from "../Typography/Typography.js";
+import { g as he, a as ye, u as ge, f as Z, b as y, _ as be, c as ne, i as Ce, P as e, d as we, e as qe } from "../../useSlotProps-C_I1kEHr.js";
+function xe(s) {
   let l = "https://mui.com/production-error/?code=" + s;
-  for (let c = 1; c < arguments.length; c += 1)
-    l += "&args[]=" + encodeURIComponent(arguments[c]);
+  for (let d = 1; d < arguments.length; d += 1)
+    l += "&args[]=" + encodeURIComponent(arguments[d]);
   return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
 }
-const ne = "Input";
-function ve(s) {
-  return fe(ne, s);
+const re = "Input";
+function Ne(s) {
+  return he(re, s);
 }
-he(ne, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const re = /* @__PURE__ */ N.createContext(void 0);
-process.env.NODE_ENV !== "production" && (re.displayName = "FormControlContext");
-function Pe() {
-  return N.useContext(re);
+ye(re, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const ae = /* @__PURE__ */ x.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ae.displayName = "FormControlContext");
+function ve() {
+  return x.useContext(ae);
 }
-function Re(s = {}) {
+function Pe(s = {}) {
   const {
     defaultValue: l,
-    disabled: c = !1,
-    error: i = !1,
-    onBlur: _,
+    disabled: d = !1,
+    error: u = !1,
+    onBlur: c,
     onChange: f,
-    onFocus: v,
-    required: P = !1,
-    value: R,
-    inputRef: E
-  } = s, o = Pe();
-  let F, y, b, x, g;
+    onFocus: N,
+    required: v = !1,
+    value: P,
+    inputRef: R
+  } = s, o = ve();
+  let E, h, g, C, b;
   if (o) {
-    var S, m, V;
-    if (F = void 0, y = (S = o.disabled) != null ? S : !1, b = (m = o.error) != null ? m : !1, x = (V = o.required) != null ? V : !1, g = o.value, process.env.NODE_ENV !== "production") {
+    var k, m, S;
+    if (E = void 0, h = (k = o.disabled) != null ? k : !1, g = (m = o.error) != null ? m : !1, C = (S = o.required) != null ? S : !1, b = o.value, process.env.NODE_ENV !== "production") {
       const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => s[r] !== 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
-    F = l, y = c, b = i, x = P, g = R;
+    E = l, h = d, g = u, C = v, b = P;
   const {
-    current: D
-  } = N.useRef(g != null), M = N.useCallback((t) => {
+    current: A
+  } = x.useRef(b != null), D = 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(`
 `));
-  }, []), C = N.useRef(null), B = ge(C, E, M), [I, O] = N.useState(!1);
-  N.useEffect(() => {
-    !o && y && I && (O(!1), _ == null || _());
-  }, [o, y, I, _]);
-  const a = (t) => (r) => {
+  }, []), w = x.useRef(null), V = ge(w, R, D), [F, I] = x.useState(!1);
+  x.useEffect(() => {
+    !o && h && F && (I(!1), c == null || c());
+  }, [o, h, F, c]);
+  const M = (t) => (r) => {
     var n;
     if (o != null && o.disabled) {
       r.stopPropagation();
       return;
     }
     if ((n = t.onFocus) == null || n.call(t, r), o && o.onFocus) {
-      var u;
-      o == null || (u = o.onFocus) == null || u.call(o);
+      var i;
+      o == null || (i = o.onFocus) == null || i.call(o);
     } else
-      O(!0);
-  }, H = (t) => (r) => {
+      I(!0);
+  }, a = (t) => (r) => {
     var n;
-    (n = t.onBlur) == null || n.call(t, r), o && o.onBlur ? o.onBlur() : O(!1);
-  }, q = (t) => (r, ...n) => {
-    var u, w;
-    if (!D && (r.target || C.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." : Ne(17));
-    o == null || (u = o.onChange) == null || u.call(o, r), (w = t.onChange) == null || w.call(t, r, ...n);
+    (n = t.onBlur) == null || n.call(t, r), o && o.onBlur ? o.onBlur() : I(!1);
+  }, H = (t) => (r, ...n) => {
+    var i, q;
+    if (!A && (r.target || w.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." : xe(17));
+    o == null || (i = o.onChange) == null || i.call(o, r), (q = t.onChange) == null || q.call(t, r, ...n);
   }, $ = (t) => (r) => {
     var n;
-    C.current && r.currentTarget === r.target && C.current.focus(), (n = t.onClick) == null || n.call(t, r);
+    w.current && r.currentTarget === r.target && w.current.focus(), (n = t.onClick) == null || n.call(t, r);
   };
   return {
-    disabled: y,
-    error: b,
-    focused: I,
+    disabled: h,
+    error: g,
+    focused: F,
     formControlContext: o,
     getInputProps: (t = {}) => {
-      const n = h({}, {
-        onBlur: _,
+      const n = y({}, {
+        onBlur: c,
         onChange: f,
-        onFocus: v
-      }, X(t)), u = h({}, n, {
-        onBlur: H(n),
-        onChange: q(n),
-        onFocus: a(n)
+        onFocus: N
+      }, Z(t)), i = y({}, n, {
+        onBlur: a(n),
+        onChange: H(n),
+        onFocus: M(n)
       });
-      return h({}, u, {
-        "aria-invalid": b || void 0,
-        defaultValue: F,
-        value: g,
-        required: x,
-        disabled: y
+      return y({}, i, {
+        "aria-invalid": g || void 0,
+        defaultValue: E,
+        value: b,
+        required: C,
+        disabled: h
       }, t, {
-        ref: B
-      }, u);
+        ref: V
+      }, i);
     },
     getRootProps: (t = {}) => {
-      const r = X(s, ["onBlur", "onChange", "onFocus"]), n = h({}, r, X(t));
-      return h({}, t, n, {
+      const r = Z(s, ["onBlur", "onChange", "onFocus"]), n = y({}, r, Z(t));
+      return y({}, t, n, {
         onClick: $(n)
       });
     },
-    inputRef: B,
-    required: x,
-    value: g
+    inputRef: V,
+    required: C,
+    value: b
   };
 }
-const Ee = ["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"], Fe = (s) => {
+const Re = ["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"], Ee = (s) => {
   const {
     disabled: l,
-    error: c,
-    focused: i,
-    formControlContext: _,
+    error: d,
+    focused: u,
+    formControlContext: c,
     multiline: f,
-    startAdornment: v,
-    endAdornment: P
+    startAdornment: N,
+    endAdornment: v
   } = s;
-  return Ce({
-    root: ["root", l && "disabled", c && "error", i && "focused", !!_ && "formControl", f && "multiline", !!v && "adornedStart", !!P && "adornedEnd"],
+  return we({
+    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", f && "multiline", !!N && "adornedStart", !!v && "adornedEnd"],
     input: ["input", l && "disabled", f && "multiline"]
-  }, we(ve));
-}, ae = /* @__PURE__ */ N.forwardRef(function(l, c) {
-  var i, _, f;
+  }, qe(Ne));
+}, se = /* @__PURE__ */ x.forwardRef(function(l, d) {
+  var u, c, f;
   const {
-    "aria-describedby": v,
-    "aria-label": P,
-    "aria-labelledby": R,
-    autoComplete: E,
+    "aria-describedby": N,
+    "aria-label": v,
+    "aria-labelledby": P,
+    autoComplete: R,
     autoFocus: o,
-    className: F,
-    defaultValue: y,
-    disabled: b,
-    endAdornment: x,
-    error: g,
-    id: S,
+    className: E,
+    defaultValue: h,
+    disabled: g,
+    endAdornment: C,
+    error: b,
+    id: k,
     multiline: m = !1,
-    name: V,
-    onClick: D,
-    onChange: M,
-    onKeyDown: C,
-    onKeyUp: B,
-    onFocus: I,
-    onBlur: O,
-    placeholder: a,
-    readOnly: H,
-    required: q,
+    name: S,
+    onClick: A,
+    onChange: D,
+    onKeyDown: w,
+    onKeyUp: V,
+    onFocus: F,
+    onBlur: I,
+    placeholder: M,
+    readOnly: a,
+    required: H,
     startAdornment: $,
-    value: L,
-    type: U,
+    value: Y,
+    type: K,
     rows: t,
     slotProps: r = {},
     slots: n = {},
-    minRows: u,
-    maxRows: w
-  } = l, p = be(l, Ee), {
-    getRootProps: Y,
+    minRows: i,
+    maxRows: q
+  } = l, L = be(l, Re), {
+    getRootProps: _,
     getInputProps: W,
-    focused: T,
-    formControlContext: z,
-    error: j,
-    disabled: se
-  } = Re({
-    disabled: b,
-    defaultValue: y,
-    error: g,
-    onBlur: O,
-    onClick: D,
-    onChange: M,
-    onFocus: I,
-    required: q,
-    value: L
-  }), Z = m ? void 0 : U ?? "text", G = h({}, l, {
-    disabled: se,
-    error: j,
-    focused: T,
-    formControlContext: z,
+    focused: z,
+    formControlContext: O,
+    error: G,
+    disabled: B
+  } = Pe({
+    disabled: g,
+    defaultValue: h,
+    error: b,
+    onBlur: I,
+    onClick: A,
+    onChange: D,
+    onFocus: F,
+    required: H,
+    value: Y
+  }), ee = m ? void 0 : K ?? "text", J = y({}, l, {
+    disabled: B,
+    error: G,
+    focused: z,
+    formControlContext: O,
     multiline: m,
-    type: Z
-  }), ee = Fe(G), le = {
-    "aria-describedby": v,
-    "aria-label": P,
-    "aria-labelledby": R,
-    autoComplete: E,
+    type: ee
+  }), te = Ee(J), le = {
+    "aria-describedby": N,
+    "aria-label": v,
+    "aria-labelledby": P,
+    autoComplete: R,
     autoFocus: o,
-    id: S,
-    onKeyDown: C,
-    onKeyUp: B,
-    name: V,
-    placeholder: a,
-    readOnly: H,
-    type: Z
-  }, te = (i = n.root) != null ? i : "div", ue = oe({
-    elementType: te,
-    getSlotProps: Y,
+    id: k,
+    onKeyDown: w,
+    onKeyUp: V,
+    name: S,
+    placeholder: M,
+    readOnly: a,
+    type: ee
+  }, oe = (u = n.root) != null ? u : "div", ue = ne({
+    elementType: oe,
+    getSlotProps: _,
     externalSlotProps: r.root,
-    externalForwardedProps: p,
+    externalForwardedProps: L,
     additionalProps: {
-      ref: c
+      ref: d
     },
-    ownerState: G,
-    className: [ee.root, F]
-  }), J = m ? (_ = n.textarea) != null ? _ : "textarea" : (f = n.input) != null ? f : "input", ie = oe({
-    elementType: J,
-    getSlotProps: (pe) => W(h({}, le, pe)),
+    ownerState: J,
+    className: [te.root, E]
+  }), Q = m ? (c = n.textarea) != null ? c : "textarea" : (f = n.input) != null ? f : "input", ie = ne({
+    elementType: Q,
+    getSlotProps: (pe) => W(y({}, le, pe)),
     externalSlotProps: r.input,
-    additionalProps: h({
+    additionalProps: y({
       rows: m ? t : void 0
-    }, m && !xe(J) && {
-      minRows: t || u,
-      maxRows: t || w
+    }, m && !Ce(Q) && {
+      minRows: t || i,
+      maxRows: t || q
     }),
-    ownerState: G,
-    className: ee.input
+    ownerState: J,
+    className: te.input
   });
-  return process.env.NODE_ENV !== "production" && m && t && (u || w) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ K(te, h({}, ue, {
-    children: [$, /* @__PURE__ */ A(J, h({}, ie)), x]
+  return process.env.NODE_ENV !== "production" && m && t && (i || q) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ U(oe, y({}, ue, {
+    children: [$, /* @__PURE__ */ j(Q, y({}, ie)), C]
   }));
 });
-process.env.NODE_ENV !== "production" && (ae.propTypes = {
+process.env.NODE_ENV !== "production" && (se.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -372,79 +373,80 @@ process.env.NODE_ENV !== "production" && (ae.propTypes = {
    */
   value: e.any
 });
-const Ie = "_input_y5x3p_57", Oe = "_input__label_y5x3p_84", d = {
-  "u-typography-h1": "_u-typography-h1_y5x3p_1",
-  "u-typography-h2": "_u-typography-h2_y5x3p_8",
-  "u-typography-h3": "_u-typography-h3_y5x3p_15",
-  "u-typography-h4": "_u-typography-h4_y5x3p_22",
-  "u-typography-h5": "_u-typography-h5_y5x3p_29",
-  "u-typography-h6": "_u-typography-h6_y5x3p_36",
-  "u-typography-base": "_u-typography-base_y5x3p_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_y5x3p_49",
-  "u-typography-base--xl": "_u-typography-base--xl_y5x3p_53",
-  "u-typography-base--lg": "_u-typography-base--lg_y5x3p_57",
-  "input__input-el": "_input__input-el_y5x3p_57",
-  "u-typography-base--sm": "_u-typography-base--sm_y5x3p_61",
-  "u-typography-base--bold": "_u-typography-base--bold_y5x3p_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_y5x3p_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_y5x3p_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_y5x3p_74",
-  input: Ie,
-  "input__messages-wrapper": "_input__messages-wrapper_y5x3p_81",
-  input__label: Oe,
-  "input__input-el-wrapper": "_input__input-el-wrapper_y5x3p_89",
-  "input__left-icon": "_input__left-icon_y5x3p_111",
-  "input__right-icon": "_input__right-icon_y5x3p_111",
-  "input__info-message": "_input__info-message_y5x3p_137",
-  "input__error-message": "_input__error-message_y5x3p_137",
-  "input__chars-counter": "_input__chars-counter_y5x3p_148",
-  "input--disabled": "_input--disabled_y5x3p_153",
-  "input--focused": "_input--focused_y5x3p_159",
-  "input--error": "_input--error_y5x3p_162"
-}, je = de(
+const Fe = "_input_101pq_57", Ie = "_input__label_101pq_84", p = {
+  "u-typography-h1": "_u-typography-h1_101pq_1",
+  "u-typography-h2": "_u-typography-h2_101pq_8",
+  "u-typography-h3": "_u-typography-h3_101pq_15",
+  "u-typography-h4": "_u-typography-h4_101pq_22",
+  "u-typography-h5": "_u-typography-h5_101pq_29",
+  "u-typography-h6": "_u-typography-h6_101pq_36",
+  "u-typography-base": "_u-typography-base_101pq_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_101pq_49",
+  "u-typography-base--xl": "_u-typography-base--xl_101pq_53",
+  "u-typography-base--lg": "_u-typography-base--lg_101pq_57",
+  "input__input-el": "_input__input-el_101pq_57",
+  "u-typography-base--sm": "_u-typography-base--sm_101pq_61",
+  "u-typography-base--bold": "_u-typography-base--bold_101pq_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_101pq_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_101pq_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_101pq_74",
+  input: Fe,
+  "input__messages-wrapper": "_input__messages-wrapper_101pq_81",
+  input__label: Ie,
+  "input__input-el-wrapper": "_input__input-el-wrapper_101pq_89",
+  "input__left-icon": "_input__left-icon_101pq_111",
+  "input__right-icon": "_input__right-icon_101pq_111",
+  "input__info-message": "_input__info-message_101pq_137",
+  "input__error-message": "_input__error-message_101pq_137",
+  "input__chars-counter": "_input__chars-counter_101pq_148",
+  "input--disabled": "_input--disabled_101pq_153",
+  "input--focused": "_input--focused_101pq_159",
+  "input--error": "_input--error_101pq_162"
+}, Ue = de(
   ({
     label: s,
     infoMessage: l,
-    error: c,
-    errorMessage: i,
-    leftIcon: _,
+    error: d,
+    errorMessage: u,
+    leftIcon: c,
     rightIcon: f,
-    id: v,
-    disabled: P,
-    type: R = "text",
-    maxLength: E,
+    id: N,
+    disabled: v,
+    type: P = "text",
+    maxLength: R,
     decimalLength: o = 10,
-    hideCharsCounter: F = !1,
-    onChange: y,
-    classNameWrapper: b,
-    classNameLabel: x,
-    classNameInput: g,
-    classNameInfoMessage: S,
-    classNameErrorMessage: m,
-    classNameCharsCounter: V,
+    hideCharsCounter: E = !1,
+    required: h,
+    onChange: g,
+    classNameWrapper: C,
+    classNameLabel: b,
+    classNameInput: k,
+    classNameInfoMessage: m,
+    classNameErrorMessage: S,
+    classNameCharsCounter: A,
     "data-testid-wrapper": D,
-    "data-testid-label": M,
-    "data-testid-input": C,
-    "data-testid-infoMessage": B,
+    "data-testid-label": w,
+    "data-testid-input": V,
+    "data-testid-infoMessage": F,
     "data-testid-errorMessage": I,
-    "data-testid-charsCounter": O,
+    "data-testid-charsCounter": M,
     ...a
   }, H) => {
-    var u, w;
-    const [q, $] = ce(
-      ((u = a.value) == null ? void 0 : u.length) || ((w = a.defaultValue) == null ? void 0 : w.length) || 0
-    ), L = _e(), U = v || `input_${L}`;
-    Object.assign(a, { "data-testid": C });
-    const t = E && !F, r = (p) => {
-      var Y, W;
-      if (R === "number") {
-        let T = String(p.target.value);
-        const [z, j] = T.split(".");
-        T !== "" && (j != null && j.length ? T = [Number(z), j.slice(0, o)].join(".") : T = String(Number(z))), p.target.value = T;
+    var q, L;
+    const [$, Y] = ce(
+      ((q = a.value) == null ? void 0 : q.length) || ((L = a.defaultValue) == null ? void 0 : L.length) || 0
+    ), K = _e(), t = N || `input_${K}`;
+    Object.assign(a, { "data-testid": V });
+    const r = R && !E, n = (_) => {
+      var W, z;
+      if (P === "number") {
+        let O = String(_.target.value);
+        const [G, B] = O.split(".");
+        O !== "" && (B != null && B.length ? O = [Number(G), B.slice(0, o)].join(".") : O = String(Number(G))), _.target.value = O;
       }
-      t && $((W = (Y = p == null ? void 0 : p.target) == null ? void 0 : Y.value) == null ? void 0 : W.length), y && y(p);
-    }, n = ye(() => a.multiline !== !0 ? {
-      type: R,
+      r && Y((z = (W = _ == null ? void 0 : _.target) == null ? void 0 : W.value) == null ? void 0 : z.length), g && g(_);
+    }, i = me(() => a.multiline !== !0 ? {
+      type: P,
       multiline: a.multiline
     } : {
       type: void 0,
@@ -453,66 +455,70 @@ const Ie = "_input_y5x3p_57", Oe = "_input__label_y5x3p_84", d = {
       minRows: a == null ? void 0 : a.minRows,
       maxRows: a == null ? void 0 : a.maxRows
     }, [a]);
-    return /* @__PURE__ */ K("div", { className: k(d.input, b), "data-testid": D, children: [
-      s && /* @__PURE__ */ A(
-        Q,
+    return /* @__PURE__ */ U("div", { className: T(p.input, C), "data-testid": D, children: [
+      s && /* @__PURE__ */ U(
+        X,
         {
+          bold: !0,
           element: "label",
-          elementProps: { htmlFor: U },
-          className: k(d.input__label, x),
-          "data-testid": M,
-          children: s
+          elementProps: { htmlFor: t },
+          className: T(p.input__label, b),
+          "data-testid": w,
+          children: [
+            s,
+            h && /* @__PURE__ */ j("span", { children: "*" })
+          ]
         }
       ),
-      /* @__PURE__ */ A(
-        ae,
+      /* @__PURE__ */ j(
+        se,
         {
-          id: U,
-          disabled: P,
-          error: typeof c == "boolean" ? c : !!i,
+          id: t,
+          disabled: v,
+          error: typeof d == "boolean" ? d : !!u,
           "aria-label": s,
           slotProps: {
-            root: (p) => ({
-              className: k(d["input__input-el-wrapper"], {
-                [d["input--disabled"]]: p.disabled,
-                [d["input--focused"]]: p.focused,
-                [d["input--error"]]: p.error
+            root: (_) => ({
+              className: T(p["input__input-el-wrapper"], {
+                [p["input--disabled"]]: _.disabled,
+                [p["input--focused"]]: _.focused,
+                [p["input--error"]]: _.error
               })
             }),
             input: {
               ref: H,
-              className: k(d["input__input-el"], g),
-              maxLength: E,
-              onChange: r,
+              className: T(p["input__input-el"], k),
+              maxLength: R,
+              onChange: n,
               ...a
             }
           },
-          startAdornment: _ && /* @__PURE__ */ A("span", { className: d["input__left-icon"], children: _ }),
-          endAdornment: f && /* @__PURE__ */ A("span", { className: d["input__right-icon"], children: f }),
-          ...n
+          startAdornment: c && /* @__PURE__ */ j("span", { className: p["input__left-icon"], children: c }),
+          endAdornment: f && /* @__PURE__ */ j("span", { className: p["input__right-icon"], children: f }),
+          ...i
         }
       ),
-      /* @__PURE__ */ K("div", { className: d["input__messages-wrapper"], children: [
-        (i || l) && /* @__PURE__ */ K(
-          Q,
+      /* @__PURE__ */ U("div", { className: p["input__messages-wrapper"], children: [
+        (u || l) && /* @__PURE__ */ U(
+          X,
           {
-            className: i ? k(d["input__error-message"], m) : k(d["input__info-message"], S),
-            "data-testid": i ? I : B,
+            className: u ? T(p["input__error-message"], S) : T(p["input__info-message"], m),
+            "data-testid": u ? I : F,
             children: [
-              /* @__PURE__ */ A(me, { icon: i ? "circle-exclamation" : "circle-info" }),
-              i || l
+              /* @__PURE__ */ j(fe, { icon: u ? "circle-exclamation" : "circle-info" }),
+              u || l
             ]
           }
         ),
-        t && /* @__PURE__ */ K(
-          Q,
+        r && /* @__PURE__ */ U(
+          X,
           {
-            className: k(d["input__chars-counter"], V),
-            "data-testid": O,
+            className: T(p["input__chars-counter"], A),
+            "data-testid": M,
             children: [
-              q,
+              $,
               " / ",
-              E
+              R
             ]
           }
         )
@@ -521,5 +527,5 @@ const Ie = "_input_y5x3p_57", Oe = "_input__label_y5x3p_84", d = {
   }
 );
 export {
-  je as Input
+  Ue as Input
 };