@pismo/marola 2.1.22 → 2.1.23

package/dist/components/Input/Input.js

@@ -1,229 +1,229 @@
-import { jsxs as D, jsx as M } from "react/jsx-runtime";
-import * as F from "react";
-import { forwardRef as fe, useState as me, useId as _e, useMemo as ae } from "react";
-import { formatDecimalValue as ue, allowOnlyIntegerNumbers as be, allowOnlyNumbers as ge, parseToInteger as he } from "../../utils/inputNumberAsText.js";
-import { c as U } from "../../clsx-OuTLNxxd.js";
-import { Icon as we } from "../Icon/Icon.js";
+import { jsxs as M, jsx as H } from "react/jsx-runtime";
+import * as S from "react";
+import { forwardRef as _e, useState as be, useId as ge, useMemo as ae } from "react";
+import { formatDecimalValue as se, allowOnlyIntegerNumbers as he, allowOnlyNumbers as we, parseToInteger as ye } from "../../utils/inputNumberAsText.js";
+import { c as j } from "../../clsx-OuTLNxxd.js";
+import { Icon as Ne } from "../Icon/Icon.js";
 import { Typography as re } from "../Typography/Typography.js";
-import { g as ye, a as Ne, u as Ce, f as ie, _ as x, b as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Ee(u) {
+import { g as Ce, a as xe, u as ve, f as ie, _ as v, b as Pe, c as de, i as Re, d as Ee, e as Ve, P as n } from "../../useSlotProps-CYHDC4TN.js";
+import '../../assets/Input.css';function Fe(u) {
   let s = "https://mui.com/production-error/?code=" + u;
   for (let m = 1; m < arguments.length; m += 1)
     s += "&args[]=" + encodeURIComponent(arguments[m]);
   return "Minified MUI error #" + u + "; visit " + s + " for the full message.";
 }
-const de = "Input";
-function Ve(u) {
-  return ye(de, u);
+const pe = "Input";
+function Se(u) {
+  return Ce(pe, u);
 }
-Ne(de, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const pe = /* @__PURE__ */ F.createContext(void 0);
-process.env.NODE_ENV !== "production" && (pe.displayName = "FormControlContext");
-function Fe() {
-  return F.useContext(pe);
+xe(pe, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const ce = /* @__PURE__ */ S.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ce.displayName = "FormControlContext");
+function qe() {
+  return S.useContext(ce);
 }
-function Se(u = {}) {
+function Oe(u = {}) {
   const {
     defaultValue: s,
     disabled: m = !1,
     error: p = !1,
     onBlur: _,
-    onChange: N,
-    onFocus: S,
-    required: q = !1,
+    onChange: y,
+    onFocus: q,
+    required: O = !1,
     value: c,
-    inputRef: O
-  } = u, l = Fe();
-  let b, g, C, R, P;
+    inputRef: T
+  } = u, l = qe();
+  let b, g, N, V, P;
   if (l) {
-    var v, h, j;
-    if (b = void 0, g = (v = l.disabled) != null ? v : !1, C = (h = l.error) != null ? h : !1, R = (j = l.required) != null ? j : !1, P = l.value, process.env.NODE_ENV !== "production") {
-      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => u[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(`
+    var C, h, A;
+    if (b = void 0, g = (C = l.disabled) != null ? C : !1, N = (h = l.error) != null ? h : !1, V = (A = l.required) != null ? A : !1, P = l.value, process.env.NODE_ENV !== "production") {
+      const o = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => u[r] !== void 0);
+      o.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: ${o.join(", ")}`].join(`
 `));
     }
   } else
-    b = s, g = m, C = p, R = q, P = c;
+    b = s, g = m, N = p, V = O, P = c;
   const {
-    current: H
-  } = F.useRef(P != null), K = F.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(`
+    current: K
+  } = S.useRef(P != null), $ = S.useCallback((o) => {
+    process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.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(`
 `));
-  }, []), E = F.useRef(null), A = Ce(E, O, K), [T, I] = F.useState(!1);
-  F.useEffect(() => {
-    !l && g && T && (I(!1), _ == null || _());
-  }, [l, g, T, _]);
-  const $ = (t) => (r) => {
+  }, []), F = S.useRef(null), k = ve(F, T, $), [I, B] = S.useState(!1);
+  S.useEffect(() => {
+    !l && g && I && (B(!1), _ == null || _());
+  }, [l, g, I, _]);
+  const L = (o) => (r) => {
     var a;
     if (l != null && l.disabled) {
       r.stopPropagation();
       return;
     }
-    if ((a = t.onFocus) == null || a.call(t, r), l && l.onFocus) {
+    if ((a = o.onFocus) == null || a.call(o, r), l && l.onFocus) {
       var d;
       l == null || (d = l.onFocus) == null || d.call(l);
     } else
-      I(!0);
-  }, L = (t) => (r) => {
+      B(!0);
+  }, Y = (o) => (r) => {
     var a;
-    (a = t.onBlur) == null || a.call(t, r), l && l.onBlur ? l.onBlur() : I(!1);
-  }, Y = (t) => (r, ...a) => {
-    var d, V;
-    if (!H && (r.target || E.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." : Ee(17));
-    l == null || (d = l.onChange) == null || d.call(l, r), (V = t.onChange) == null || V.call(t, r, ...a);
-  }, W = (t) => (r) => {
+    (a = o.onBlur) == null || a.call(o, r), l && l.onBlur ? l.onBlur() : B(!1);
+  }, W = (o) => (r, ...a) => {
+    var d, R;
+    if (!K && (r.target || F.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." : Fe(17));
+    l == null || (d = l.onChange) == null || d.call(l, r), (R = o.onChange) == null || R.call(o, r, ...a);
+  }, z = (o) => (r) => {
     var a;
-    E.current && r.currentTarget === r.target && E.current.focus(), (a = t.onClick) == null || a.call(t, r);
+    F.current && r.currentTarget === r.target && F.current.focus(), (a = o.onClick) == null || a.call(o, r);
   };
   return {
     disabled: g,
-    error: C,
-    focused: T,
+    error: N,
+    focused: I,
     formControlContext: l,
-    getInputProps: (t = {}) => {
-      const a = x({}, {
+    getInputProps: (o = {}) => {
+      const a = v({}, {
         onBlur: _,
-        onChange: N,
-        onFocus: S
-      }, ie(t)), d = x({}, a, {
-        onBlur: L(a),
-        onChange: Y(a),
-        onFocus: $(a)
+        onChange: y,
+        onFocus: q
+      }, ie(o)), d = v({}, a, {
+        onBlur: Y(a),
+        onChange: W(a),
+        onFocus: L(a)
       });
-      return x({}, d, {
-        "aria-invalid": C || void 0,
+      return v({}, d, {
+        "aria-invalid": N || void 0,
         defaultValue: b,
         value: P,
-        required: R,
+        required: V,
         disabled: g
-      }, t, {
-        ref: A
+      }, o, {
+        ref: k
       }, d);
     },
-    getRootProps: (t = {}) => {
-      const r = ie(u, ["onBlur", "onChange", "onFocus"]), a = x({}, r, ie(t));
-      return x({}, t, a, {
-        onClick: W(a)
+    getRootProps: (o = {}) => {
+      const r = ie(u, ["onBlur", "onChange", "onFocus"]), a = v({}, r, ie(o));
+      return v({}, o, a, {
+        onClick: z(a)
       });
     },
-    inputRef: A,
-    required: R,
+    inputRef: k,
+    required: V,
     value: P
   };
 }
-const qe = ["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"], Oe = (u) => {
+const Te = ["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"], Ie = (u) => {
   const {
     disabled: s,
     error: m,
     focused: p,
     formControlContext: _,
-    multiline: N,
-    startAdornment: S,
-    endAdornment: q
+    multiline: y,
+    startAdornment: q,
+    endAdornment: O
   } = u;
-  return Pe({
-    root: ["root", s && "disabled", m && "error", p && "focused", !!_ && "formControl", N && "multiline", !!S && "adornedStart", !!q && "adornedEnd"],
-    input: ["input", s && "disabled", N && "multiline"]
-  }, Re(Ve));
-}, ce = /* @__PURE__ */ F.forwardRef(function(s, m) {
-  var p, _, N;
+  return Ee({
+    root: ["root", s && "disabled", m && "error", p && "focused", !!_ && "formControl", y && "multiline", !!q && "adornedStart", !!O && "adornedEnd"],
+    input: ["input", s && "disabled", y && "multiline"]
+  }, Ve(Se));
+}, fe = /* @__PURE__ */ S.forwardRef(function(s, m) {
+  var p, _, y;
   const {
-    "aria-describedby": S,
-    "aria-label": q,
+    "aria-describedby": q,
+    "aria-label": O,
     "aria-labelledby": c,
-    autoComplete: O,
+    autoComplete: T,
     autoFocus: l,
     className: b,
     defaultValue: g,
-    disabled: C,
-    endAdornment: R,
+    disabled: N,
+    endAdornment: V,
     error: P,
-    id: v,
+    id: C,
     multiline: h = !1,
-    name: j,
-    onClick: H,
-    onChange: K,
-    onKeyDown: E,
-    onKeyUp: A,
-    onFocus: T,
-    onBlur: I,
-    placeholder: $,
-    readOnly: L,
-    required: Y,
-    startAdornment: W,
+    name: A,
+    onClick: K,
+    onChange: $,
+    onKeyDown: F,
+    onKeyUp: k,
+    onFocus: I,
+    onBlur: B,
+    placeholder: L,
+    readOnly: Y,
+    required: W,
+    startAdornment: z,
     value: e,
-    type: z,
-    rows: t,
+    type: G,
+    rows: o,
     slotProps: r = {},
     slots: a = {},
     minRows: d,
-    maxRows: V
-  } = s, J = ve(s, qe), {
-    getRootProps: Z,
-    getInputProps: ee,
-    focused: ne,
-    formControlContext: te,
-    error: oe,
-    disabled: Q
-  } = Se({
-    disabled: C,
+    maxRows: R
+  } = s, Q = Pe(s, Te), {
+    getRootProps: ee,
+    getInputProps: ne,
+    focused: te,
+    formControlContext: oe,
+    error: le,
+    disabled: X
+  } = Oe({
+    disabled: N,
     defaultValue: g,
     error: P,
-    onBlur: I,
-    onClick: H,
-    onChange: K,
-    onFocus: T,
-    required: Y,
+    onBlur: B,
+    onClick: K,
+    onChange: $,
+    onFocus: I,
+    required: W,
     value: e
-  }), G = h ? void 0 : z ?? "text", o = x({}, s, {
-    disabled: Q,
-    error: oe,
-    focused: ne,
-    formControlContext: te,
+  }), J = h ? void 0 : G ?? "text", t = v({}, s, {
+    disabled: X,
+    error: le,
+    focused: te,
+    formControlContext: oe,
     multiline: h,
-    type: G
-  }), w = Oe(o), k = {
-    "aria-describedby": S,
-    "aria-label": q,
+    type: J
+  }), w = Ie(t), D = {
+    "aria-describedby": q,
+    "aria-label": O,
     "aria-labelledby": c,
-    autoComplete: O,
+    autoComplete: T,
     autoFocus: l,
-    id: v,
-    onKeyDown: E,
-    onKeyUp: A,
-    name: j,
-    placeholder: $,
-    readOnly: L,
-    type: G
-  }, i = (p = a.root) != null ? p : "div", B = se({
-    elementType: i,
-    getSlotProps: Z,
+    id: C,
+    onKeyDown: F,
+    onKeyUp: k,
+    name: A,
+    placeholder: L,
+    readOnly: Y,
+    type: J
+  }, x = (p = a.root) != null ? p : "div", Z = de({
+    elementType: x,
+    getSlotProps: ee,
     externalSlotProps: r.root,
-    externalForwardedProps: J,
+    externalForwardedProps: Q,
     additionalProps: {
       ref: m
     },
-    ownerState: o,
+    ownerState: t,
     className: [w.root, b]
-  }), y = h ? (_ = a.textarea) != null ? _ : "textarea" : (N = a.input) != null ? N : "input", le = se({
-    elementType: y,
-    getSlotProps: (X) => ee(x({}, k, X)),
+  }), i = h ? (_ = a.textarea) != null ? _ : "textarea" : (y = a.input) != null ? y : "input", U = de({
+    elementType: i,
+    getSlotProps: (E) => ne(v({}, D, E)),
     externalSlotProps: r.input,
-    additionalProps: x({
-      rows: h ? t : void 0
-    }, h && !xe(y) && {
-      minRows: t || d,
-      maxRows: t || V
+    additionalProps: v({
+      rows: h ? o : void 0
+    }, h && !Re(i) && {
+      minRows: o || d,
+      maxRows: o || R
     }),
-    ownerState: o,
+    ownerState: t,
     className: w.input
   });
-  return process.env.NODE_ENV !== "production" && h && t && (d || V) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ D(i, x({}, B, {
-    children: [W, /* @__PURE__ */ M(y, x({}, le)), R]
+  return process.env.NODE_ENV !== "production" && h && o && (d || R) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ M(x, v({}, Z, {
+    children: [z, /* @__PURE__ */ H(i, v({}, U)), V]
   }));
 });
-process.env.NODE_ENV !== "production" && (ce.propTypes = {
+process.env.NODE_ENV !== "production" && (fe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -373,11 +373,11 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
    */
   value: n.any
 });
-const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
+const Be = "_input_101pq_57", Ue = "_input__label_101pq_84", f = {
   "input__input-el": "_input__input-el_101pq_57",
-  input: Te,
+  input: Be,
   "input__messages-wrapper": "_input__messages-wrapper_101pq_81",
-  input__label: Ie,
+  input__label: Ue,
   "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",
@@ -387,82 +387,82 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
   "input--disabled": "_input--disabled_101pq_153",
   "input--focused": "_input--focused_101pq_159",
   "input--error": "_input--error_101pq_162"
-}, He = fe(
+}, $e = _e(
   ({
     label: u,
     infoMessage: s,
     error: m,
     errorMessage: p,
     leftIcon: _,
-    rightIcon: N,
-    id: S,
-    disabled: q,
+    rightIcon: y,
+    id: q,
+    disabled: O,
     type: c = "text",
-    maxLength: O,
+    maxLength: T,
     isInteger: l,
     useCommaInDecimal: b,
     allowNegativeNumbers: g = !1,
-    decimalLength: C = 10,
-    hideCharsCounter: R = !1,
+    decimalLength: N = 10,
+    hideCharsCounter: V = !1,
     required: P,
-    onChange: v,
+    onChange: C,
     classNameWrapper: h,
-    classNameLabel: j,
-    classNameInput: H,
-    classNameInfoMessage: K,
-    classNameErrorMessage: E,
-    classNameCharsCounter: A,
-    "data-testid-wrapper": T,
-    "data-testid-label": I,
-    "data-testid-input": $,
-    "data-testid-infoMessage": L,
-    "data-testid-errorMessage": Y,
-    "data-testid-charsCounter": W,
+    classNameLabel: A,
+    classNameInput: K,
+    classNameInfoMessage: $,
+    classNameErrorMessage: F,
+    classNameCharsCounter: k,
+    "data-testid-wrapper": I,
+    "data-testid-label": B,
+    "data-testid-input": L,
+    "data-testid-infoMessage": Y,
+    "data-testid-errorMessage": W,
+    "data-testid-charsCounter": z,
     ...e
-  }, z) => {
-    var Q, G;
-    const [t, r] = me(
-      ((Q = e.value) == null ? void 0 : Q.length) || ((G = e.defaultValue) == null ? void 0 : G.length) || 0
-    ), a = _e(), d = S || `input_${a}`;
-    Object.assign(e, { "data-testid": $ });
-    const V = O && !R, J = (o) => {
-      var w, k;
+  }, G) => {
+    var X, J;
+    const [o, r] = be(
+      ((X = e.value) == null ? void 0 : X.length) || ((J = e.defaultValue) == null ? void 0 : J.length) || 0
+    ), a = ge(), d = q || `input_${a}`;
+    Object.assign(e, { "data-testid": L });
+    const R = T && !V, Q = (t) => {
+      var w, D, x, Z;
       if (c === "number-as-text") {
-        let i = l ? he(o.target.value) : b ? o.target.value.replace(".", ",") : o.target.value.replace(",", ".");
-        if (!l && C > 0) {
-          const y = String(i), [le, X] = y.split(/,|\./);
-          y !== "" && X && (i = [le, X.slice(0, C)].join(b ? "," : "."));
+        let i = l ? ye(t.target.value) : b ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
+        if (!l && N > 0) {
+          const E = String(i), [me, ue] = E.split(/,|\./);
+          E !== "" && ue && (i = [me, ue.slice(0, N)].join(b ? "," : "."));
         }
-        o.target.value = String(i);
-        const B = !isNaN(Number(String(i).replace(",", ".")));
-        v == null || v({
-          ...o,
+        t.target.value = String(i);
+        const U = !isNaN(Number(String(i).replace(",", ".")));
+        C == null || C({
+          ...t,
           target: {
-            ...o.target,
-            value: B && String(i).length ? String(Number(String(i).replace(",", "."))) : "",
-            valueAsNumber: B && String(i).length ? Number(String(i).replace(",", ".")) : NaN
+            ...t.target,
+            value: U && String(i).length ? String(Number(String(i).replace(",", "."))) : "",
+            valueAsNumber: U && String(i).length ? Number(String(i).replace(",", ".")) : NaN
           }
-        });
+        }), R && r((D = (w = t == null ? void 0 : t.target) == null ? void 0 : w.value) == null ? void 0 : D.length);
         return;
       }
       if (c === "number") {
-        let i = String(o.target.value);
-        const [B, y] = i.split(".");
-        i !== "" && (y != null && y.length ? i = [Number(B), y.slice(0, C)].join(".") : i = String(Number(B))), o.target.value = i;
+        let i = String(t.target.value);
+        const [U, E] = i.split(".");
+        i !== "" && (E != null && E.length ? i = [Number(U), E.slice(0, N)].join(".") : i = String(Number(U))), t.target.value = i;
       }
-      V && r((k = (w = o == null ? void 0 : o.target) == null ? void 0 : w.value) == null ? void 0 : k.length), v && v(o);
-    }, Z = (o) => {
+      R && r((Z = (x = t == null ? void 0 : t.target) == null ? void 0 : x.value) == null ? void 0 : Z.length), C && C(t);
+    }, ee = (t) => {
       var w;
-      c === "number-as-text" && (l ? be(o, g) : ge(o, g)), (w = e == null ? void 0 : e.onKeyDown) == null || w.call(e, o);
-    }, ee = (o) => {
+      c === "number-as-text" && (l ? he(t, g) : we(t, g)), (w = e == null ? void 0 : e.onKeyDown) == null || w.call(e, t);
+    }, ne = (t) => {
       var w;
-      if (c === "number-as-text" && o.target.value.length) {
-        const k = l ? o.target.value.replace(/(,\.)/gi, "") : o.target.value.replace(",", ".");
-        let i = String(Number(k));
-        isNaN(Number(i)) && (i = ""), o.target.value = b ? i.replace(".", ",") : i;
+      if (c === "number-as-text" && t.target.value.length) {
+        const D = l ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
+        let x = String(Number(D));
+        isNaN(Number(x)) && (x = ""), t.target.value = b ? x.replace(".", ",") : x;
       }
-      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, o);
-    }, ne = ae(() => e.multiline !== !0 ? {
+      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, t);
+    }, te = ae(() => e.multiline !== !0 ? {
       type: c === "number-as-text" ? "text" : c,
       multiline: e.multiline
     } : {
@@ -471,75 +471,75 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), te = ae(() => c === "number-as-text" && (e != null && e.defaultValue) ? ue(e == null ? void 0 : e.defaultValue, b) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), oe = ae(() => c === "number-as-text" && (e != null && e.value) ? ue(e == null ? void 0 : e.value, b) : e == null ? void 0 : e.value, [e.value]);
-    return /* @__PURE__ */ D("div", { className: U(f.input, h), "data-testid": T, children: [
-      u && /* @__PURE__ */ D(
+    }, [e]), oe = ae(() => c === "number-as-text" && (e != null && e.defaultValue) ? se(e == null ? void 0 : e.defaultValue, b) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), le = ae(() => c === "number-as-text" && (e != null && e.value) ? se(e == null ? void 0 : e.value, b) : e == null ? void 0 : e.value, [e.value]);
+    return /* @__PURE__ */ M("div", { className: j(f.input, h), "data-testid": I, children: [
+      u && /* @__PURE__ */ M(
         re,
         {
           bold: !0,
           element: "label",
           elementProps: { htmlFor: d },
-          className: U(f.input__label, j),
-          "data-testid": I,
+          className: j(f.input__label, A),
+          "data-testid": B,
           children: [
             u,
-            P && /* @__PURE__ */ M("span", { children: "*" })
+            P && /* @__PURE__ */ H("span", { children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ M(
-        ce,
+      /* @__PURE__ */ H(
+        fe,
         {
           id: d,
-          disabled: q,
+          disabled: O,
           error: typeof m == "boolean" ? m : !!p,
           "aria-label": u,
           slotProps: {
-            root: (o) => ({
-              className: U(f["input__input-el-wrapper"], {
-                [f["input--disabled"]]: o.disabled,
-                [f["input--focused"]]: o.focused,
-                [f["input--error"]]: o.error
+            root: (t) => ({
+              className: j(f["input__input-el-wrapper"], {
+                [f["input--disabled"]]: t.disabled,
+                [f["input--focused"]]: t.focused,
+                [f["input--error"]]: t.error
               })
             }),
             input: {
-              ref: z,
-              className: U(f["input__input-el"], H),
-              maxLength: O,
-              onChange: J,
+              ref: G,
+              className: j(f["input__input-el"], K),
+              maxLength: T,
+              onChange: Q,
               ...e,
-              onKeyDown: Z,
-              onBlur: ee,
-              defaultValue: te,
-              value: oe
+              onKeyDown: ee,
+              onBlur: ne,
+              defaultValue: oe,
+              value: le
             }
           },
-          startAdornment: _ && /* @__PURE__ */ M("span", { className: f["input__left-icon"], children: _ }),
-          endAdornment: N && /* @__PURE__ */ M("span", { className: f["input__right-icon"], children: N }),
-          ...ne
+          startAdornment: _ && /* @__PURE__ */ H("span", { className: f["input__left-icon"], children: _ }),
+          endAdornment: y && /* @__PURE__ */ H("span", { className: f["input__right-icon"], children: y }),
+          ...te
         }
       ),
-      /* @__PURE__ */ D("div", { className: f["input__messages-wrapper"], children: [
-        (p || s) && /* @__PURE__ */ D(
+      /* @__PURE__ */ M("div", { className: f["input__messages-wrapper"], children: [
+        (p || s) && /* @__PURE__ */ M(
           re,
           {
-            className: p ? U(f["input__error-message"], E) : U(f["input__info-message"], K),
-            "data-testid": p ? Y : L,
+            className: p ? j(f["input__error-message"], F) : j(f["input__info-message"], $),
+            "data-testid": p ? W : Y,
             children: [
-              /* @__PURE__ */ M(we, { icon: p ? "circle-exclamation" : "circle-info" }),
+              /* @__PURE__ */ H(Ne, { icon: p ? "circle-exclamation" : "circle-info" }),
               p || s
             ]
           }
         ),
-        V && /* @__PURE__ */ D(
+        R && /* @__PURE__ */ M(
           re,
           {
-            className: U(f["input__chars-counter"], A),
-            "data-testid": W,
+            className: j(f["input__chars-counter"], k),
+            "data-testid": z,
             children: [
-              t,
+              o,
               " / ",
-              O
+              T
             ]
           }
         )
@@ -548,5 +548,5 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
   }
 );
 export {
-  He as Input
+  $e as Input
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.22",
+  "version": "2.1.23",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",