@pismo/marola 1.2.0 → 2.0.1

package/dist/components/Input/Input.js

@@ -1,151 +1,151 @@
 import { jsxs as D, jsx as M } from "react/jsx-runtime";
-import * as V from "react";
-import { forwardRef as _e, useState as fe, useId as me, useMemo as re } from "react";
-import { formatDecimalValue as ie, parseToInteger as he, allowOnlyIntegerNumbers as ge, allowOnlyNumbers as be } from "../../utils/inputNumberAsText.js";
-import { c as k } from "../../clsx-DB4S2d7J.js";
-import { Icon as ye } from "../Icon/Icon.js";
-import { Typography as le } from "../Typography/Typography.js";
-import { g as we, a as Ne, u as xe, f as ue, b as v, _ as Ce, c as se, i as ve, P as t, d as qe, e as Pe } from "../../useSlotProps-C_I1kEHr.js";
-import '../../assets/Input.css';function Re(i) {
-  let s = "https://mui.com/production-error/?code=" + i;
-  for (let f = 1; f < arguments.length; f += 1)
-    s += "&args[]=" + encodeURIComponent(arguments[f]);
-  return "Minified MUI error #" + i + "; visit " + s + " for the full message.";
+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 { Typography as re } from "../Typography/Typography.js";
+import { g as ye, a as Ne, u as Ce, f as ie, b as x, _ as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-DSnfx453.js";
+import '../../assets/Input.css';function Ee(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 pe = "Input";
-function Ee(i) {
-  return we(pe, i);
+const de = "Input";
+function Ve(u) {
+  return ye(de, u);
 }
-Ne(pe, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const de = /* @__PURE__ */ V.createContext(void 0);
-process.env.NODE_ENV !== "production" && (de.displayName = "FormControlContext");
-function Ve() {
-  return V.useContext(de);
+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);
 }
-function Fe(i = {}) {
+function Se(u = {}) {
   const {
     defaultValue: s,
-    disabled: f = !1,
-    error: d = !1,
-    onBlur: m,
+    disabled: m = !1,
+    error: p = !1,
+    onBlur: _,
     onChange: N,
-    onFocus: F,
-    required: S = !1,
+    onFocus: S,
+    required: q = !1,
     value: c,
     inputRef: O
-  } = i, a = Ve();
-  let h, g, x, P, q;
-  if (a) {
-    var C, b, U;
-    if (h = void 0, g = (C = a.disabled) != null ? C : !1, x = (b = a.error) != null ? b : !1, P = (U = a.required) != null ? U : !1, q = a.value, process.env.NODE_ENV !== "production") {
-      const n = ["defaultValue", "disabled", "error", "required", "value"].filter((l) => i[l] !== void 0);
-      n.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: ${n.join(", ")}`].join(`
+  } = u, l = Fe();
+  let b, g, C, R, 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(`
 `));
     }
   } else
-    h = s, g = f, x = d, P = S, q = c;
+    b = s, g = m, C = p, R = q, P = c;
   const {
     current: H
-  } = V.useRef(q != null), K = V.useCallback((n) => {
-    process.env.NODE_ENV !== "production" && n && n.nodeName !== "INPUT" && !n.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(`
+  } = 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(`
 `));
-  }, []), R = V.useRef(null), j = xe(R, O, K), [T, I] = V.useState(!1);
-  V.useEffect(() => {
-    !a && g && T && (I(!1), m == null || m());
-  }, [a, g, T, m]);
-  const $ = (n) => (l) => {
-    var r;
-    if (a != null && a.disabled) {
-      l.stopPropagation();
+  }, []), 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) => {
+    var a;
+    if (l != null && l.disabled) {
+      r.stopPropagation();
       return;
     }
-    if ((r = n.onFocus) == null || r.call(n, l), a && a.onFocus) {
-      var p;
-      a == null || (p = a.onFocus) == null || p.call(a);
+    if ((a = t.onFocus) == null || a.call(t, r), l && l.onFocus) {
+      var d;
+      l == null || (d = l.onFocus) == null || d.call(l);
     } else
       I(!0);
-  }, L = (n) => (l) => {
-    var r;
-    (r = n.onBlur) == null || r.call(n, l), a && a.onBlur ? a.onBlur() : I(!1);
-  }, Y = (n) => (l, ...r) => {
-    var p, E;
-    if (!H && (l.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." : Re(17));
-    a == null || (p = a.onChange) == null || p.call(a, l), (E = n.onChange) == null || E.call(n, l, ...r);
-  }, W = (n) => (l) => {
-    var r;
-    R.current && l.currentTarget === l.target && R.current.focus(), (r = n.onClick) == null || r.call(n, l);
+  }, L = (t) => (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) => {
+    var a;
+    E.current && r.currentTarget === r.target && E.current.focus(), (a = t.onClick) == null || a.call(t, r);
   };
   return {
     disabled: g,
-    error: x,
+    error: C,
     focused: T,
-    formControlContext: a,
-    getInputProps: (n = {}) => {
-      const r = v({}, {
-        onBlur: m,
+    formControlContext: l,
+    getInputProps: (t = {}) => {
+      const a = x({}, {
+        onBlur: _,
         onChange: N,
-        onFocus: F
-      }, ue(n)), p = v({}, r, {
-        onBlur: L(r),
-        onChange: Y(r),
-        onFocus: $(r)
+        onFocus: S
+      }, ie(t)), d = x({}, a, {
+        onBlur: L(a),
+        onChange: Y(a),
+        onFocus: $(a)
       });
-      return v({}, p, {
-        "aria-invalid": x || void 0,
-        defaultValue: h,
-        value: q,
-        required: P,
+      return x({}, d, {
+        "aria-invalid": C || void 0,
+        defaultValue: b,
+        value: P,
+        required: R,
         disabled: g
-      }, n, {
-        ref: j
-      }, p);
+      }, t, {
+        ref: A
+      }, d);
     },
-    getRootProps: (n = {}) => {
-      const l = ue(i, ["onBlur", "onChange", "onFocus"]), r = v({}, l, ue(n));
-      return v({}, n, r, {
-        onClick: W(r)
+    getRootProps: (t = {}) => {
+      const r = ie(u, ["onBlur", "onChange", "onFocus"]), a = x({}, r, ie(t));
+      return x({}, t, a, {
+        onClick: W(a)
       });
     },
-    inputRef: j,
-    required: P,
-    value: q
+    inputRef: A,
+    required: R,
+    value: P
   };
 }
-const Se = ["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 = (i) => {
+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 {
     disabled: s,
-    error: f,
-    focused: d,
-    formControlContext: m,
+    error: m,
+    focused: p,
+    formControlContext: _,
     multiline: N,
-    startAdornment: F,
-    endAdornment: S
-  } = i;
-  return qe({
-    root: ["root", s && "disabled", f && "error", d && "focused", !!m && "formControl", N && "multiline", !!F && "adornedStart", !!S && "adornedEnd"],
+    startAdornment: S,
+    endAdornment: q
+  } = u;
+  return Pe({
+    root: ["root", s && "disabled", m && "error", p && "focused", !!_ && "formControl", N && "multiline", !!S && "adornedStart", !!q && "adornedEnd"],
     input: ["input", s && "disabled", N && "multiline"]
-  }, Pe(Ee));
-}, ce = /* @__PURE__ */ V.forwardRef(function(s, f) {
-  var d, m, N;
+  }, Re(Ve));
+}, ce = /* @__PURE__ */ F.forwardRef(function(s, m) {
+  var p, _, N;
   const {
-    "aria-describedby": F,
-    "aria-label": S,
+    "aria-describedby": S,
+    "aria-label": q,
     "aria-labelledby": c,
     autoComplete: O,
-    autoFocus: a,
-    className: h,
+    autoFocus: l,
+    className: b,
     defaultValue: g,
-    disabled: x,
-    endAdornment: P,
-    error: q,
-    id: C,
-    multiline: b = !1,
-    name: U,
+    disabled: C,
+    endAdornment: R,
+    error: P,
+    id: v,
+    multiline: h = !1,
+    name: j,
     onClick: H,
     onChange: K,
-    onKeyDown: R,
-    onKeyUp: j,
+    onKeyDown: E,
+    onKeyUp: A,
     onFocus: T,
     onBlur: I,
     placeholder: $,
@@ -154,73 +154,73 @@ const Se = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     startAdornment: W,
     value: e,
     type: z,
-    rows: n,
-    slotProps: l = {},
-    slots: r = {},
-    minRows: p,
-    maxRows: E
-  } = s, J = Ce(s, Se), {
+    rows: t,
+    slotProps: r = {},
+    slots: a = {},
+    minRows: d,
+    maxRows: V
+  } = s, J = ve(s, qe), {
     getRootProps: Z,
     getInputProps: ee,
-    focused: te,
-    formControlContext: ne,
+    focused: ne,
+    formControlContext: te,
     error: oe,
     disabled: Q
-  } = Fe({
-    disabled: x,
+  } = Se({
+    disabled: C,
     defaultValue: g,
-    error: q,
+    error: P,
     onBlur: I,
     onClick: H,
     onChange: K,
     onFocus: T,
     required: Y,
     value: e
-  }), G = b ? void 0 : z ?? "text", o = v({}, s, {
+  }), G = h ? void 0 : z ?? "text", o = x({}, s, {
     disabled: Q,
     error: oe,
-    focused: te,
-    formControlContext: ne,
-    multiline: b,
+    focused: ne,
+    formControlContext: te,
+    multiline: h,
     type: G
-  }), y = Oe(o), A = {
-    "aria-describedby": F,
-    "aria-label": S,
+  }), w = Oe(o), k = {
+    "aria-describedby": S,
+    "aria-label": q,
     "aria-labelledby": c,
     autoComplete: O,
-    autoFocus: a,
-    id: C,
-    onKeyDown: R,
-    onKeyUp: j,
-    name: U,
+    autoFocus: l,
+    id: v,
+    onKeyDown: E,
+    onKeyUp: A,
+    name: j,
     placeholder: $,
     readOnly: L,
     type: G
-  }, u = (d = r.root) != null ? d : "div", B = se({
-    elementType: u,
+  }, i = (p = a.root) != null ? p : "div", B = se({
+    elementType: i,
     getSlotProps: Z,
-    externalSlotProps: l.root,
+    externalSlotProps: r.root,
     externalForwardedProps: J,
     additionalProps: {
-      ref: f
+      ref: m
     },
     ownerState: o,
-    className: [y.root, h]
-  }), w = b ? (m = r.textarea) != null ? m : "textarea" : (N = r.input) != null ? N : "input", ae = se({
-    elementType: w,
-    getSlotProps: (X) => ee(v({}, A, X)),
-    externalSlotProps: l.input,
-    additionalProps: v({
-      rows: b ? n : void 0
-    }, b && !ve(w) && {
-      minRows: n || p,
-      maxRows: n || E
+    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)),
+    externalSlotProps: r.input,
+    additionalProps: x({
+      rows: h ? t : void 0
+    }, h && !xe(y) && {
+      minRows: t || d,
+      maxRows: t || V
     }),
     ownerState: o,
-    className: y.input
+    className: w.input
   });
-  return process.env.NODE_ENV !== "production" && b && n && (p || E) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ D(u, v({}, B, {
-    children: [W, /* @__PURE__ */ M(w, v({}, ae)), P]
+  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]
   }));
 });
 process.env.NODE_ENV !== "production" && (ce.propTypes = {
@@ -231,165 +231,150 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
   /**
    * @ignore
    */
-  "aria-describedby": t.string,
+  "aria-describedby": n.string,
   /**
    * @ignore
    */
-  "aria-label": t.string,
+  "aria-label": n.string,
   /**
    * @ignore
    */
-  "aria-labelledby": t.string,
+  "aria-labelledby": n.string,
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
    * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
    */
-  autoComplete: t.string,
+  autoComplete: n.string,
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
-  autoFocus: t.bool,
+  autoFocus: n.bool,
   /**
    * Class name applied to the root element.
    */
-  className: t.string,
+  className: n.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: t.any,
+  defaultValue: n.any,
   /**
    * If `true`, the component is disabled.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  disabled: t.bool,
+  disabled: n.bool,
   /**
    * Trailing adornment for this input.
    */
-  endAdornment: t.node,
+  endAdornment: n.node,
   /**
    * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `baseui--error` class on the root element.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  error: t.bool,
+  error: n.bool,
   /**
    * The id of the `input` element.
    */
-  id: t.string,
+  id: n.string,
   /**
    * @ignore
    */
-  inputRef: t.oneOfType([t.func, t.shape({
-    current: t.object
+  inputRef: n.oneOfType([n.func, n.shape({
+    current: n.object
   })]),
   /**
    * Maximum number of rows to display when multiline option is set to true.
    */
-  maxRows: t.number,
+  maxRows: n.number,
   /**
    * Minimum number of rows to display when multiline option is set to true.
    */
-  minRows: t.number,
+  minRows: n.number,
   /**
    * If `true`, a `textarea` element is rendered.
    * @default false
    */
-  multiline: t.bool,
+  multiline: n.bool,
   /**
    * Name attribute of the `input` element.
    */
-  name: t.string,
+  name: n.string,
   /**
    * @ignore
    */
-  onBlur: t.func,
+  onBlur: n.func,
   /**
    * @ignore
    */
-  onChange: t.func,
+  onChange: n.func,
   /**
    * @ignore
    */
-  onClick: t.func,
+  onClick: n.func,
   /**
    * @ignore
    */
-  onFocus: t.func,
+  onFocus: n.func,
   /**
    * @ignore
    */
-  onKeyDown: t.func,
+  onKeyDown: n.func,
   /**
    * @ignore
    */
-  onKeyUp: t.func,
+  onKeyUp: n.func,
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
-  placeholder: t.string,
+  placeholder: n.string,
   /**
    * It prevents the user from changing the value of the field
    * (not from interacting with the field).
    */
-  readOnly: t.bool,
+  readOnly: n.bool,
   /**
    * If `true`, the `input` element is required.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  required: t.bool,
+  required: n.bool,
   /**
    * Number of rows to display when multiline option is set to true.
    */
-  rows: t.number,
+  rows: n.number,
   /**
    * The props used for each slot inside the Input.
    * @default {}
    */
-  slotProps: t.shape({
-    input: t.oneOfType([t.func, t.object]),
-    root: t.oneOfType([t.func, t.object])
+  slotProps: n.shape({
+    input: n.oneOfType([n.func, n.object]),
+    root: n.oneOfType([n.func, n.object])
   }),
   /**
    * The components used for each slot inside the InputBase.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: t.shape({
-    input: t.elementType,
-    root: t.elementType,
-    textarea: t.elementType
+  slots: n.shape({
+    input: n.elementType,
+    root: n.elementType,
+    textarea: n.elementType
   }),
   /**
    * Leading adornment for this input.
    */
-  startAdornment: t.node,
+  startAdornment: n.node,
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
    */
-  type: t.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
+  type: n.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
   /**
    * The value of the `input` element, required for a controlled component.
    */
-  value: t.any
+  value: n.any
 });
-const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", _ = {
-  "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",
+const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
   "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: Te,
   "input__messages-wrapper": "_input__messages-wrapper_101pq_81",
   input__label: Ie,
@@ -402,31 +387,31 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", _ = {
   "input--disabled": "_input--disabled_101pq_153",
   "input--focused": "_input--focused_101pq_159",
   "input--error": "_input--error_101pq_162"
-}, He = _e(
+}, He = fe(
   ({
-    label: i,
+    label: u,
     infoMessage: s,
-    error: f,
-    errorMessage: d,
-    leftIcon: m,
+    error: m,
+    errorMessage: p,
+    leftIcon: _,
     rightIcon: N,
-    id: F,
-    disabled: S,
+    id: S,
+    disabled: q,
     type: c = "text",
     maxLength: O,
-    isInteger: a,
-    useCommaInDecimal: h,
+    isInteger: l,
+    useCommaInDecimal: b,
     allowNegativeNumbers: g = !1,
-    decimalLength: x = 10,
-    hideCharsCounter: P = !1,
-    required: q,
-    onChange: C,
-    classNameWrapper: b,
-    classNameLabel: U,
+    decimalLength: C = 10,
+    hideCharsCounter: R = !1,
+    required: P,
+    onChange: v,
+    classNameWrapper: h,
+    classNameLabel: j,
     classNameInput: H,
     classNameInfoMessage: K,
-    classNameErrorMessage: R,
-    classNameCharsCounter: j,
+    classNameErrorMessage: E,
+    classNameCharsCounter: A,
     "data-testid-wrapper": T,
     "data-testid-label": I,
     "data-testid-input": $,
@@ -436,48 +421,48 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", _ = {
     ...e
   }, z) => {
     var Q, G;
-    const [n, l] = fe(
+    const [t, r] = me(
       ((Q = e.value) == null ? void 0 : Q.length) || ((G = e.defaultValue) == null ? void 0 : G.length) || 0
-    ), r = me(), p = F || `input_${r}`;
+    ), a = _e(), d = S || `input_${a}`;
     Object.assign(e, { "data-testid": $ });
-    const E = O && !P, J = (o) => {
-      var y, A;
+    const V = O && !R, J = (o) => {
+      var w, k;
       if (c === "number-as-text") {
-        let u = a ? he(o.target.value) : h ? o.target.value.replace(".", ",") : o.target.value.replace(",", ".");
-        if (!a && x > 0) {
-          const w = String(u), [ae, X] = w.split(/,|\./);
-          w !== "" && X && (u = [ae, X.slice(0, x)].join(h ? "," : "."));
+        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 ? "," : "."));
         }
-        o.target.value = String(u);
-        const B = !isNaN(Number(String(u).replace(",", ".")));
-        C == null || C({
+        o.target.value = String(i);
+        const B = !isNaN(Number(String(i).replace(",", ".")));
+        v == null || v({
           ...o,
           target: {
             ...o.target,
-            value: B && String(u).length ? String(Number(String(u).replace(",", "."))) : "",
-            valueAsNumber: B && String(u).length ? Number(String(u).replace(",", ".")) : NaN
+            value: B && String(i).length ? String(Number(String(i).replace(",", "."))) : "",
+            valueAsNumber: B && String(i).length ? Number(String(i).replace(",", ".")) : NaN
           }
         });
         return;
       }
       if (c === "number") {
-        let u = String(o.target.value);
-        const [B, w] = u.split(".");
-        u !== "" && (w != null && w.length ? u = [Number(B), w.slice(0, x)].join(".") : u = String(Number(B))), o.target.value = u;
+        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;
       }
-      E && l((A = (y = o == null ? void 0 : o.target) == null ? void 0 : y.value) == null ? void 0 : A.length), C && C(o);
+      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) => {
-      var y;
-      c === "number-as-text" && (a ? ge(o, g) : be(o, g)), (y = e == null ? void 0 : e.onKeyDown) == null || y.call(e, o);
+      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) => {
-      var y;
+      var w;
       if (c === "number-as-text" && o.target.value.length) {
-        const A = a ? o.target.value.replace(/(,\.)/gi, "") : o.target.value.replace(",", ".");
-        let u = String(Number(A));
-        isNaN(Number(u)) && (u = ""), o.target.value = h ? u.replace(".", ",") : u;
+        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;
       }
-      (y = e == null ? void 0 : e.onBlur) == null || y.call(e, o);
-    }, te = re(() => e.multiline !== !0 ? {
+      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, o);
+    }, ne = ae(() => e.multiline !== !0 ? {
       type: c === "number-as-text" ? "text" : c,
       multiline: e.multiline
     } : {
@@ -486,73 +471,73 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", _ = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), ne = re(() => c === "number-as-text" && (e != null && e.defaultValue) ? ie(e == null ? void 0 : e.defaultValue, h) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), oe = re(() => c === "number-as-text" && (e != null && e.value) ? ie(e == null ? void 0 : e.value, h) : e == null ? void 0 : e.value, [e.value]);
-    return /* @__PURE__ */ D("div", { className: k(_.input, b), "data-testid": T, children: [
-      i && /* @__PURE__ */ D(
-        le,
+    }, [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(
+        re,
         {
           bold: !0,
           element: "label",
-          elementProps: { htmlFor: p },
-          className: k(_.input__label, U),
+          elementProps: { htmlFor: d },
+          className: U(f.input__label, j),
           "data-testid": I,
           children: [
-            i,
-            q && /* @__PURE__ */ M("span", { children: "*" })
+            u,
+            P && /* @__PURE__ */ M("span", { children: "*" })
           ]
         }
       ),
       /* @__PURE__ */ M(
         ce,
         {
-          id: p,
-          disabled: S,
-          error: typeof f == "boolean" ? f : !!d,
-          "aria-label": i,
+          id: d,
+          disabled: q,
+          error: typeof m == "boolean" ? m : !!p,
+          "aria-label": u,
           slotProps: {
             root: (o) => ({
-              className: k(_["input__input-el-wrapper"], {
-                [_["input--disabled"]]: o.disabled,
-                [_["input--focused"]]: o.focused,
-                [_["input--error"]]: o.error
+              className: U(f["input__input-el-wrapper"], {
+                [f["input--disabled"]]: o.disabled,
+                [f["input--focused"]]: o.focused,
+                [f["input--error"]]: o.error
               })
             }),
             input: {
               ref: z,
-              className: k(_["input__input-el"], H),
+              className: U(f["input__input-el"], H),
               maxLength: O,
               onChange: J,
               ...e,
               onKeyDown: Z,
               onBlur: ee,
-              defaultValue: ne,
+              defaultValue: te,
               value: oe
             }
           },
-          startAdornment: m && /* @__PURE__ */ M("span", { className: _["input__left-icon"], children: m }),
-          endAdornment: N && /* @__PURE__ */ M("span", { className: _["input__right-icon"], children: N }),
-          ...te
+          startAdornment: _ && /* @__PURE__ */ M("span", { className: f["input__left-icon"], children: _ }),
+          endAdornment: N && /* @__PURE__ */ M("span", { className: f["input__right-icon"], children: N }),
+          ...ne
         }
       ),
-      /* @__PURE__ */ D("div", { className: _["input__messages-wrapper"], children: [
-        (d || s) && /* @__PURE__ */ D(
-          le,
+      /* @__PURE__ */ D("div", { className: f["input__messages-wrapper"], children: [
+        (p || s) && /* @__PURE__ */ D(
+          re,
           {
-            className: d ? k(_["input__error-message"], R) : k(_["input__info-message"], K),
-            "data-testid": d ? Y : L,
+            className: p ? U(f["input__error-message"], E) : U(f["input__info-message"], K),
+            "data-testid": p ? Y : L,
             children: [
-              /* @__PURE__ */ M(ye, { icon: d ? "circle-exclamation" : "circle-info" }),
-              d || s
+              /* @__PURE__ */ M(we, { icon: p ? "circle-exclamation" : "circle-info" }),
+              p || s
             ]
           }
         ),
-        E && /* @__PURE__ */ D(
-          le,
+        V && /* @__PURE__ */ D(
+          re,
           {
-            className: k(_["input__chars-counter"], j),
+            className: U(f["input__chars-counter"], A),
             "data-testid": W,
             children: [
-              n,
+              t,
               " / ",
               O
             ]