@pismo/marola 1.1.4 → 1.1.6

package/dist/components/Input/Input.js

@@ -1,229 +1,229 @@
-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 d = 1; d < arguments.length; d += 1)
-    l += "&args[]=" + encodeURIComponent(arguments[d]);
-  return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
+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.";
 }
-const re = "Input";
-function Ne(s) {
-  return he(re, s);
+const pe = "Input";
+function Ee(i) {
+  return we(pe, i);
 }
-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);
+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);
 }
-function Pe(s = {}) {
+function Fe(i = {}) {
   const {
-    defaultValue: l,
-    disabled: d = !1,
-    error: u = !1,
-    onBlur: c,
-    onChange: f,
-    onFocus: N,
-    required: v = !1,
-    value: P,
-    inputRef: R
-  } = s, o = ve();
-  let E, h, g, C, b;
-  if (o) {
-    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(`
+    defaultValue: s,
+    disabled: f = !1,
+    error: d = !1,
+    onBlur: m,
+    onChange: N,
+    onFocus: F,
+    required: S = !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(`
 `));
     }
   } else
-    E = l, h = d, g = u, C = v, b = P;
+    h = s, g = f, x = d, P = S, q = c;
   const {
-    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(`
+    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(`
 `));
-  }, []), 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();
+  }, []), 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();
       return;
     }
-    if ((n = t.onFocus) == null || n.call(t, r), o && o.onFocus) {
-      var i;
-      o == null || (i = o.onFocus) == null || i.call(o);
+    if ((r = n.onFocus) == null || r.call(n, l), a && a.onFocus) {
+      var p;
+      a == null || (p = a.onFocus) == null || p.call(a);
     } else
       I(!0);
-  }, a = (t) => (r) => {
-    var 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;
-    w.current && r.currentTarget === r.target && w.current.focus(), (n = t.onClick) == null || n.call(t, r);
+  }, 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);
   };
   return {
-    disabled: h,
-    error: g,
-    focused: F,
-    formControlContext: o,
-    getInputProps: (t = {}) => {
-      const n = y({}, {
-        onBlur: c,
-        onChange: f,
-        onFocus: N
-      }, Z(t)), i = y({}, n, {
-        onBlur: a(n),
-        onChange: H(n),
-        onFocus: M(n)
+    disabled: g,
+    error: x,
+    focused: T,
+    formControlContext: a,
+    getInputProps: (n = {}) => {
+      const r = v({}, {
+        onBlur: m,
+        onChange: N,
+        onFocus: F
+      }, ue(n)), p = v({}, r, {
+        onBlur: L(r),
+        onChange: Y(r),
+        onFocus: $(r)
       });
-      return y({}, i, {
-        "aria-invalid": g || void 0,
-        defaultValue: E,
-        value: b,
-        required: C,
-        disabled: h
-      }, t, {
-        ref: V
-      }, i);
+      return v({}, p, {
+        "aria-invalid": x || void 0,
+        defaultValue: h,
+        value: q,
+        required: P,
+        disabled: g
+      }, n, {
+        ref: j
+      }, p);
     },
-    getRootProps: (t = {}) => {
-      const r = Z(s, ["onBlur", "onChange", "onFocus"]), n = y({}, r, Z(t));
-      return y({}, t, n, {
-        onClick: $(n)
+    getRootProps: (n = {}) => {
+      const l = ue(i, ["onBlur", "onChange", "onFocus"]), r = v({}, l, ue(n));
+      return v({}, n, r, {
+        onClick: W(r)
       });
     },
-    inputRef: V,
-    required: C,
-    value: b
+    inputRef: j,
+    required: P,
+    value: q
   };
 }
-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 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 {
-    disabled: l,
-    error: d,
-    focused: u,
-    formControlContext: c,
-    multiline: f,
-    startAdornment: N,
-    endAdornment: v
-  } = s;
-  return we({
-    root: ["root", l && "disabled", d && "error", u && "focused", !!c && "formControl", f && "multiline", !!N && "adornedStart", !!v && "adornedEnd"],
-    input: ["input", l && "disabled", f && "multiline"]
-  }, qe(Ne));
-}, se = /* @__PURE__ */ x.forwardRef(function(l, d) {
-  var u, c, f;
+    disabled: s,
+    error: f,
+    focused: d,
+    formControlContext: m,
+    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"],
+    input: ["input", s && "disabled", N && "multiline"]
+  }, Pe(Ee));
+}, ce = /* @__PURE__ */ V.forwardRef(function(s, f) {
+  var d, m, N;
   const {
-    "aria-describedby": N,
-    "aria-label": v,
-    "aria-labelledby": P,
-    autoComplete: R,
-    autoFocus: o,
-    className: E,
-    defaultValue: h,
-    disabled: g,
-    endAdornment: C,
-    error: b,
-    id: k,
-    multiline: m = !1,
-    name: S,
-    onClick: A,
-    onChange: D,
-    onKeyDown: w,
-    onKeyUp: V,
-    onFocus: F,
+    "aria-describedby": F,
+    "aria-label": S,
+    "aria-labelledby": c,
+    autoComplete: O,
+    autoFocus: a,
+    className: h,
+    defaultValue: g,
+    disabled: x,
+    endAdornment: P,
+    error: q,
+    id: C,
+    multiline: b = !1,
+    name: U,
+    onClick: H,
+    onChange: K,
+    onKeyDown: R,
+    onKeyUp: j,
+    onFocus: T,
     onBlur: I,
-    placeholder: M,
-    readOnly: a,
-    required: H,
-    startAdornment: $,
-    value: Y,
-    type: K,
-    rows: t,
-    slotProps: r = {},
-    slots: n = {},
-    minRows: i,
-    maxRows: q
-  } = l, L = be(l, Re), {
-    getRootProps: _,
-    getInputProps: W,
-    focused: z,
-    formControlContext: O,
-    error: G,
-    disabled: B
-  } = Pe({
-    disabled: g,
-    defaultValue: h,
-    error: b,
+    placeholder: $,
+    readOnly: L,
+    required: Y,
+    startAdornment: W,
+    value: e,
+    type: z,
+    rows: n,
+    slotProps: l = {},
+    slots: r = {},
+    minRows: p,
+    maxRows: E
+  } = s, J = Ce(s, Se), {
+    getRootProps: Z,
+    getInputProps: ee,
+    focused: te,
+    formControlContext: ne,
+    error: oe,
+    disabled: Q
+  } = Fe({
+    disabled: x,
+    defaultValue: g,
+    error: q,
     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: ee
-  }), te = Ee(J), le = {
-    "aria-describedby": N,
-    "aria-label": v,
-    "aria-labelledby": P,
-    autoComplete: R,
-    autoFocus: o,
-    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: L,
+    onClick: H,
+    onChange: K,
+    onFocus: T,
+    required: Y,
+    value: e
+  }), G = b ? void 0 : z ?? "text", o = v({}, s, {
+    disabled: Q,
+    error: oe,
+    focused: te,
+    formControlContext: ne,
+    multiline: b,
+    type: G
+  }), y = Oe(o), A = {
+    "aria-describedby": F,
+    "aria-label": S,
+    "aria-labelledby": c,
+    autoComplete: O,
+    autoFocus: a,
+    id: C,
+    onKeyDown: R,
+    onKeyUp: j,
+    name: U,
+    placeholder: $,
+    readOnly: L,
+    type: G
+  }, u = (d = r.root) != null ? d : "div", B = se({
+    elementType: u,
+    getSlotProps: Z,
+    externalSlotProps: l.root,
+    externalForwardedProps: J,
     additionalProps: {
-      ref: d
+      ref: f
     },
-    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: y({
-      rows: m ? t : void 0
-    }, m && !Ce(Q) && {
-      minRows: t || i,
-      maxRows: t || q
+    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
     }),
-    ownerState: J,
-    className: te.input
+    ownerState: o,
+    className: y.input
   });
-  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]
+  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]
   }));
 });
-process.env.NODE_ENV !== "production" && (se.propTypes = {
+process.env.NODE_ENV !== "production" && (ce.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -231,149 +231,149 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * @ignore
    */
-  "aria-describedby": e.string,
+  "aria-describedby": t.string,
   /**
    * @ignore
    */
-  "aria-label": e.string,
+  "aria-label": t.string,
   /**
    * @ignore
    */
-  "aria-labelledby": e.string,
+  "aria-labelledby": t.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: e.string,
+  autoComplete: t.string,
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
-  autoFocus: e.bool,
+  autoFocus: t.bool,
   /**
    * Class name applied to the root element.
    */
-  className: e.string,
+  className: t.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: e.any,
+  defaultValue: t.any,
   /**
    * If `true`, the component is disabled.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  disabled: e.bool,
+  disabled: t.bool,
   /**
    * Trailing adornment for this input.
    */
-  endAdornment: e.node,
+  endAdornment: t.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: e.bool,
+  error: t.bool,
   /**
    * The id of the `input` element.
    */
-  id: e.string,
+  id: t.string,
   /**
    * @ignore
    */
-  inputRef: e.oneOfType([e.func, e.shape({
-    current: e.object
+  inputRef: t.oneOfType([t.func, t.shape({
+    current: t.object
   })]),
   /**
    * Maximum number of rows to display when multiline option is set to true.
    */
-  maxRows: e.number,
+  maxRows: t.number,
   /**
    * Minimum number of rows to display when multiline option is set to true.
    */
-  minRows: e.number,
+  minRows: t.number,
   /**
    * If `true`, a `textarea` element is rendered.
    * @default false
    */
-  multiline: e.bool,
+  multiline: t.bool,
   /**
    * Name attribute of the `input` element.
    */
-  name: e.string,
+  name: t.string,
   /**
    * @ignore
    */
-  onBlur: e.func,
+  onBlur: t.func,
   /**
    * @ignore
    */
-  onChange: e.func,
+  onChange: t.func,
   /**
    * @ignore
    */
-  onClick: e.func,
+  onClick: t.func,
   /**
    * @ignore
    */
-  onFocus: e.func,
+  onFocus: t.func,
   /**
    * @ignore
    */
-  onKeyDown: e.func,
+  onKeyDown: t.func,
   /**
    * @ignore
    */
-  onKeyUp: e.func,
+  onKeyUp: t.func,
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
-  placeholder: e.string,
+  placeholder: t.string,
   /**
    * It prevents the user from changing the value of the field
    * (not from interacting with the field).
    */
-  readOnly: e.bool,
+  readOnly: t.bool,
   /**
    * If `true`, the `input` element is required.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  required: e.bool,
+  required: t.bool,
   /**
    * Number of rows to display when multiline option is set to true.
    */
-  rows: e.number,
+  rows: t.number,
   /**
    * The props used for each slot inside the Input.
    * @default {}
    */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: t.shape({
+    input: t.oneOfType([t.func, t.object]),
+    root: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside the InputBase.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType,
-    textarea: e.elementType
+  slots: t.shape({
+    input: t.elementType,
+    root: t.elementType,
+    textarea: t.elementType
   }),
   /**
    * Leading adornment for this input.
    */
-  startAdornment: e.node,
+  startAdornment: t.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: e.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: 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"]),
   /**
    * The value of the `input` element, required for a controlled component.
    */
-  value: e.any
+  value: t.any
 });
-const Fe = "_input_101pq_57", Ie = "_input__label_101pq_84", p = {
+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",
@@ -390,7 +390,7 @@ const Fe = "_input_101pq_57", Ie = "_input__label_101pq_84", p = {
   "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: Te,
   "input__messages-wrapper": "_input__messages-wrapper_101pq_81",
   input__label: Ie,
   "input__input-el-wrapper": "_input__input-el-wrapper_101pq_89",
@@ -402,123 +402,159 @@ const Fe = "_input_101pq_57", Ie = "_input__label_101pq_84", p = {
   "input--disabled": "_input--disabled_101pq_153",
   "input--focused": "_input--focused_101pq_159",
   "input--error": "_input--error_101pq_162"
-}, Ue = de(
+}, He = _e(
   ({
-    label: s,
-    infoMessage: l,
-    error: d,
-    errorMessage: u,
-    leftIcon: c,
-    rightIcon: f,
-    id: N,
-    disabled: v,
-    type: P = "text",
-    maxLength: R,
-    decimalLength: o = 10,
-    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": w,
-    "data-testid-input": V,
-    "data-testid-infoMessage": F,
-    "data-testid-errorMessage": I,
-    "data-testid-charsCounter": M,
-    ...a
-  }, H) => {
-    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;
+    label: i,
+    infoMessage: s,
+    error: f,
+    errorMessage: d,
+    leftIcon: m,
+    rightIcon: N,
+    id: F,
+    disabled: S,
+    type: c = "text",
+    maxLength: O,
+    isInteger: a,
+    useCommaInDecimal: h,
+    allowNegativeNumbers: g = !1,
+    decimalLength: x = 10,
+    hideCharsCounter: P = !1,
+    required: q,
+    onChange: C,
+    classNameWrapper: b,
+    classNameLabel: U,
+    classNameInput: H,
+    classNameInfoMessage: K,
+    classNameErrorMessage: R,
+    classNameCharsCounter: j,
+    "data-testid-wrapper": T,
+    "data-testid-label": I,
+    "data-testid-input": $,
+    "data-testid-infoMessage": L,
+    "data-testid-errorMessage": Y,
+    "data-testid-charsCounter": W,
+    ...e
+  }, z) => {
+    var Q, G;
+    const [n, l] = fe(
+      ((Q = e.value) == null ? void 0 : Q.length) || ((G = e.defaultValue) == null ? void 0 : G.length) || 0
+    ), r = me(), p = F || `input_${r}`;
+    Object.assign(e, { "data-testid": $ });
+    const E = O && !P, J = (o) => {
+      var y, A;
+      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 ? "," : "."));
+        }
+        o.target.value = String(u);
+        const B = !isNaN(Number(String(u).replace(",", ".")));
+        C == null || C({
+          ...o,
+          target: {
+            ...o.target,
+            value: B && String(u).length ? String(Number(String(u).replace(",", "."))) : "",
+            valueAsNumber: B && String(u).length ? Number(String(u).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;
+      }
+      E && l((A = (y = o == null ? void 0 : o.target) == null ? void 0 : y.value) == null ? void 0 : A.length), C && C(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);
+    }, ee = (o) => {
+      var y;
+      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;
       }
-      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
+      (y = e == null ? void 0 : e.onBlur) == null || y.call(e, o);
+    }, te = re(() => e.multiline !== !0 ? {
+      type: c === "number-as-text" ? "text" : c,
+      multiline: e.multiline
     } : {
       type: void 0,
-      multiline: a.multiline,
-      rows: (a == null ? void 0 : a.rows) || 5,
-      minRows: a == null ? void 0 : a.minRows,
-      maxRows: a == null ? void 0 : a.maxRows
-    }, [a]);
-    return /* @__PURE__ */ U("div", { className: T(p.input, C), "data-testid": D, children: [
-      s && /* @__PURE__ */ U(
-        X,
+      multiline: e.multiline,
+      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,
         {
           bold: !0,
           element: "label",
-          elementProps: { htmlFor: t },
-          className: T(p.input__label, b),
-          "data-testid": w,
+          elementProps: { htmlFor: p },
+          className: k(_.input__label, U),
+          "data-testid": I,
           children: [
-            s,
-            h && /* @__PURE__ */ j("span", { children: "*" })
+            i,
+            q && /* @__PURE__ */ M("span", { children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ j(
-        se,
+      /* @__PURE__ */ M(
+        ce,
         {
-          id: t,
-          disabled: v,
-          error: typeof d == "boolean" ? d : !!u,
-          "aria-label": s,
+          id: p,
+          disabled: S,
+          error: typeof f == "boolean" ? f : !!d,
+          "aria-label": i,
           slotProps: {
-            root: (_) => ({
-              className: T(p["input__input-el-wrapper"], {
-                [p["input--disabled"]]: _.disabled,
-                [p["input--focused"]]: _.focused,
-                [p["input--error"]]: _.error
+            root: (o) => ({
+              className: k(_["input__input-el-wrapper"], {
+                [_["input--disabled"]]: o.disabled,
+                [_["input--focused"]]: o.focused,
+                [_["input--error"]]: o.error
               })
             }),
             input: {
-              ref: H,
-              className: T(p["input__input-el"], k),
-              maxLength: R,
-              onChange: n,
-              ...a
+              ref: z,
+              className: k(_["input__input-el"], H),
+              maxLength: O,
+              onChange: J,
+              ...e,
+              onKeyDown: Z,
+              onBlur: ee,
+              defaultValue: ne,
+              value: oe
             }
           },
-          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
+          startAdornment: m && /* @__PURE__ */ M("span", { className: _["input__left-icon"], children: m }),
+          endAdornment: N && /* @__PURE__ */ M("span", { className: _["input__right-icon"], children: N }),
+          ...te
         }
       ),
-      /* @__PURE__ */ U("div", { className: p["input__messages-wrapper"], children: [
-        (u || l) && /* @__PURE__ */ U(
-          X,
+      /* @__PURE__ */ D("div", { className: _["input__messages-wrapper"], children: [
+        (d || s) && /* @__PURE__ */ D(
+          le,
           {
-            className: u ? T(p["input__error-message"], S) : T(p["input__info-message"], m),
-            "data-testid": u ? I : F,
+            className: d ? k(_["input__error-message"], R) : k(_["input__info-message"], K),
+            "data-testid": d ? Y : L,
             children: [
-              /* @__PURE__ */ j(fe, { icon: u ? "circle-exclamation" : "circle-info" }),
-              u || l
+              /* @__PURE__ */ M(ye, { icon: d ? "circle-exclamation" : "circle-info" }),
+              d || s
             ]
           }
         ),
-        r && /* @__PURE__ */ U(
-          X,
+        E && /* @__PURE__ */ D(
+          le,
           {
-            className: T(p["input__chars-counter"], A),
-            "data-testid": M,
+            className: k(_["input__chars-counter"], j),
+            "data-testid": W,
             children: [
-              $,
+              n,
               " / ",
-              R
+              O
             ]
           }
         )
@@ -527,5 +563,5 @@ const Fe = "_input_101pq_57", Ie = "_input__label_101pq_84", p = {
   }
 );
 export {
-  Ue as Input
+  He as Input
 };