@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.0

package/dist/components/Input/Input.js

@@ -1,226 +1,225 @@
 import '../../assets/Input.css';
-import { jsxs as q, jsx as V } from "react/jsx-runtime";
-import * as m from "react";
-import { useState as pe, useId as ce } from "react";
-import { c as F } from "../../clsx-DB4S2d7J.js";
+import { jsxs as q, jsx as B } from "react/jsx-runtime";
+import * as h from "react";
+import { useState as de, useId as ce } from "react";
+import { c as R } from "../../clsx-DB4S2d7J.js";
 import { Typography as L } from "../Typography/Typography.js";
-import { a as _, _ as fe } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as me, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as Ce } from "../../index-CqjC7P5Y.js";
-function ye(s) {
-  let l = "https://mui.com/production-error/?code=" + s;
-  for (let a = 1; a < arguments.length; a += 1)
-    l += "&args[]=" + encodeURIComponent(arguments[a]);
-  return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
+import { g as _e, a as he, u as me, f as z, b as m, _ as fe, c as Q, i as be, P as e, d as ye, e as ge } from "../../index-CH45lKw7.js";
+function ve(a) {
+  let l = "https://mui.com/production-error/?code=" + a;
+  for (let s = 1; s < arguments.length; s += 1)
+    l += "&args[]=" + encodeURIComponent(arguments[s]);
+  return "Minified MUI error #" + a + "; visit " + l + " for the full message.";
 }
-const X = /* @__PURE__ */ m.createContext(void 0);
+const X = /* @__PURE__ */ h.createContext(void 0);
 process.env.NODE_ENV !== "production" && (X.displayName = "FormControlContext");
-function we() {
-  return m.useContext(X);
+function Ce() {
+  return h.useContext(X);
 }
 const Z = "Input";
-function ve(s) {
-  return me(Z, s);
+function we(a) {
+  return _e(Z, a);
 }
-_e(Z, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-function Ne(s = {}) {
+he(Z, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+function ke(a = {}) {
   const {
     defaultValue: l,
-    disabled: a = !1,
-    error: h = !1,
-    onBlur: u,
+    disabled: s = !1,
+    error: f = !1,
+    onBlur: i,
     onChange: b,
-    onFocus: P,
-    required: x = !1,
-    value: C,
-    inputRef: U
-  } = s, n = we();
-  let E, f, y, w, g;
-  if (n) {
-    var I, d, O;
-    if (E = void 0, f = (I = n.disabled) != null ? I : !1, y = (d = n.error) != null ? d : !1, w = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
-      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => s[r] !== void 0);
+    onFocus: x,
+    required: N = !1,
+    value: g,
+    inputRef: V
+  } = a, o = Ce();
+  let P, _, v, C, y;
+  if (o) {
+    var F, p, I;
+    if (P = void 0, _ = (F = o.disabled) != null ? F : !1, v = (p = o.error) != null ? p : !1, C = (I = o.required) != null ? I : !1, y = o.value, process.env.NODE_ENV !== "production") {
+      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => a[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
-    E = l, f = a, y = h, w = x, g = C;
+    P = l, _ = s, v = f, C = N, y = g;
   const {
-    current: M
-  } = m.useRef(g != null), k = m.useCallback((t) => {
+    current: U
+  } = h.useRef(y != null), M = h.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(`
 `));
-  }, []), v = m.useRef(null), T = he(v, U, k), [N, R] = m.useState(!1);
-  m.useEffect(() => {
-    !n && f && N && (R(!1), u == null || u());
-  }, [n, f, N, u]);
+  }, []), w = h.useRef(null), O = me(w, V, M), [k, E] = h.useState(!1);
+  h.useEffect(() => {
+    !o && _ && k && (E(!1), i == null || i());
+  }, [o, _, k, i]);
   const A = (t) => (r) => {
-    var o;
-    if (n != null && n.disabled) {
+    var n;
+    if (o != null && o.disabled) {
       r.stopPropagation();
       return;
     }
-    if ((o = t.onFocus) == null || o.call(t, r), n && n.onFocus) {
+    if ((n = t.onFocus) == null || n.call(t, r), o && o.onFocus) {
       var c;
-      n == null || (c = n.onFocus) == null || c.call(n);
+      o == null || (c = o.onFocus) == null || c.call(o);
     } else
-      R(!0);
+      E(!0);
   }, D = (t) => (r) => {
-    var o;
-    (o = t.onBlur) == null || o.call(t, r), n && n.onBlur ? n.onBlur() : R(!1);
-  }, S = (t) => (r, ...o) => {
+    var n;
+    (n = t.onBlur) == null || n.call(t, r), o && o.onBlur ? o.onBlur() : E(!1);
+  }, T = (t) => (r, ...n) => {
     var c, H;
-    if (!M && (r.target || v.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." : ye(17));
-    n == null || (c = n.onChange) == null || c.call(n, r), (H = t.onChange) == null || H.call(t, r, ...o);
+    if (!U && (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." : ve(17));
+    o == null || (c = o.onChange) == null || c.call(o, r), (H = t.onChange) == null || H.call(t, r, ...n);
   }, j = (t) => (r) => {
-    var o;
-    v.current && r.currentTarget === r.target && v.current.focus(), (o = t.onClick) == null || o.call(t, r);
+    var n;
+    w.current && r.currentTarget === r.target && w.current.focus(), (n = t.onClick) == null || n.call(t, r);
   };
   return {
-    disabled: f,
-    error: y,
-    focused: N,
-    formControlContext: n,
+    disabled: _,
+    error: v,
+    focused: k,
+    formControlContext: o,
     getInputProps: (t = {}) => {
-      const o = _({}, {
-        onBlur: u,
+      const n = m({}, {
+        onBlur: i,
         onChange: b,
-        onFocus: P
-      }, z(t)), c = _({}, o, {
-        onBlur: D(o),
-        onChange: S(o),
-        onFocus: A(o)
+        onFocus: x
+      }, z(t)), c = m({}, n, {
+        onBlur: D(n),
+        onChange: T(n),
+        onFocus: A(n)
       });
-      return _({}, c, {
-        "aria-invalid": y || void 0,
-        defaultValue: E,
-        value: g,
-        required: w,
-        disabled: f
+      return m({}, c, {
+        "aria-invalid": v || void 0,
+        defaultValue: P,
+        value: y,
+        required: C,
+        disabled: _
       }, t, {
-        ref: T
+        ref: O
       }, c);
     },
     getRootProps: (t = {}) => {
-      const r = z(s, ["onBlur", "onChange", "onFocus"]), o = _({}, r, z(t));
-      return _({}, t, o, {
-        onClick: j(o)
+      const r = z(a, ["onBlur", "onChange", "onFocus"]), n = m({}, r, z(t));
+      return m({}, t, n, {
+        onClick: j(n)
       });
     },
-    inputRef: T,
-    required: w,
-    value: g
+    inputRef: O,
+    required: C,
+    value: y
   };
 }
-const Pe = ["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"], xe = (s) => {
+const xe = ["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"], Ne = (a) => {
   const {
     disabled: l,
-    error: a,
-    focused: h,
-    formControlContext: u,
+    error: s,
+    focused: f,
+    formControlContext: i,
     multiline: b,
-    startAdornment: P,
-    endAdornment: x
-  } = s;
-  return ge({
-    root: ["root", l && "disabled", a && "error", h && "focused", !!u && "formControl", b && "multiline", !!P && "adornedStart", !!x && "adornedEnd"],
+    startAdornment: x,
+    endAdornment: N
+  } = a;
+  return ye({
+    root: ["root", l && "disabled", s && "error", f && "focused", !!i && "formControl", b && "multiline", !!x && "adornedStart", !!N && "adornedEnd"],
     input: ["input", l && "disabled", b && "multiline"]
-  }, Ce(ve));
-}, ee = /* @__PURE__ */ m.forwardRef(function(l, a) {
-  var h, u, b;
+  }, ge(we));
+}, ee = /* @__PURE__ */ h.forwardRef(function(l, s) {
+  var f, i, b;
   const {
-    "aria-describedby": P,
-    "aria-label": x,
-    "aria-labelledby": C,
-    autoComplete: U,
-    autoFocus: n,
-    className: E,
-    defaultValue: f,
-    disabled: y,
-    endAdornment: w,
-    error: g,
-    id: I,
-    multiline: d = !1,
-    name: O,
-    onClick: M,
-    onChange: k,
-    onKeyDown: v,
-    onKeyUp: T,
-    onFocus: N,
-    onBlur: R,
+    "aria-describedby": x,
+    "aria-label": N,
+    "aria-labelledby": g,
+    autoComplete: V,
+    autoFocus: o,
+    className: P,
+    defaultValue: _,
+    disabled: v,
+    endAdornment: C,
+    error: y,
+    id: F,
+    multiline: p = !1,
+    name: I,
+    onClick: U,
+    onChange: M,
+    onKeyDown: w,
+    onKeyUp: O,
+    onFocus: k,
+    onBlur: E,
     placeholder: A,
     readOnly: D,
-    required: S,
+    required: T,
     startAdornment: j,
-    value: p,
-    type: B,
+    value: d,
+    type: S,
     rows: t,
     slotProps: r = {},
-    slots: o = {},
+    slots: n = {},
     minRows: c,
     maxRows: H
-  } = l, Y = fe(l, Pe), {
+  } = l, Y = fe(l, xe), {
     getRootProps: te,
-    getInputProps: ne,
-    focused: oe,
+    getInputProps: oe,
+    focused: ne,
     formControlContext: re,
-    error: se,
-    disabled: ae
-  } = Ne({
-    disabled: y,
-    defaultValue: f,
-    error: g,
-    onBlur: R,
-    onClick: M,
-    onChange: k,
-    onFocus: N,
-    required: S,
-    value: p
-  }), W = d ? void 0 : B ?? "text", $ = _({}, l, {
-    disabled: ae,
-    error: se,
-    focused: oe,
+    error: ae,
+    disabled: se
+  } = ke({
+    disabled: v,
+    defaultValue: _,
+    error: y,
+    onBlur: E,
+    onClick: U,
+    onChange: M,
+    onFocus: k,
+    required: T,
+    value: d
+  }), W = p ? void 0 : S ?? "text", $ = m({}, l, {
+    disabled: se,
+    error: ae,
+    focused: ne,
     formControlContext: re,
-    multiline: d,
+    multiline: p,
     type: W
-  }), G = xe($), le = {
-    "aria-describedby": P,
-    "aria-label": x,
-    "aria-labelledby": C,
-    autoComplete: U,
-    autoFocus: n,
-    id: I,
-    onKeyDown: v,
-    onKeyUp: T,
-    name: O,
+  }), G = Ne($), le = {
+    "aria-describedby": x,
+    "aria-label": N,
+    "aria-labelledby": g,
+    autoComplete: V,
+    autoFocus: o,
+    id: F,
+    onKeyDown: w,
+    onKeyUp: O,
+    name: I,
     placeholder: A,
     readOnly: D,
     type: W
-  }, J = (h = o.root) != null ? h : "div", ie = Q({
+  }, J = (f = n.root) != null ? f : "div", ue = Q({
     elementType: J,
     getSlotProps: te,
     externalSlotProps: r.root,
     externalForwardedProps: Y,
     additionalProps: {
-      ref: a
+      ref: s
     },
     ownerState: $,
-    className: [G.root, E]
-  }), K = d ? (u = o.textarea) != null ? u : "textarea" : (b = o.input) != null ? b : "input", ue = Q({
+    className: [G.root, P]
+  }), K = p ? (i = n.textarea) != null ? i : "textarea" : (b = n.input) != null ? b : "input", ie = Q({
     elementType: K,
-    getSlotProps: (de) => ne(_({}, le, de)),
+    getSlotProps: (pe) => oe(m({}, le, pe)),
     externalSlotProps: r.input,
-    additionalProps: _({
-      rows: d ? t : void 0
-    }, d && !be(K) && {
+    additionalProps: m({
+      rows: p ? t : void 0
+    }, p && !be(K) && {
       minRows: t || c,
       maxRows: t || H
     }),
     ownerState: $,
     className: G.input
   });
-  return process.env.NODE_ENV !== "production" && d && t && (c || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, _({}, ie, {
-    children: [j, /* @__PURE__ */ V(K, _({}, ue)), w]
+  return process.env.NODE_ENV !== "production" && p && t && (c || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, m({}, ue, {
+    children: [j, /* @__PURE__ */ B(K, m({}, ie)), C]
   }));
 });
 process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -373,119 +372,131 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+const Pe = (a) => /* @__PURE__ */ h.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...s }, /* @__PURE__ */ m.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Re = "_input__label_f2das_1", Fe = "_input_f2das_1", i = {
-  input__label: Re,
-  "input__input-el-wrapper": "_input__input-el-wrapper_f2das_6",
-  "input__input-el": "_input__input-el_f2das_6",
-  "input__left-icon": "_input__left-icon_f2das_27",
-  "input__right-icon": "_input__right-icon_f2das_30",
-  "input__messages-wrapper": "_input__messages-wrapper_f2das_33",
-  "input__info-message": "_input__info-message_f2das_41",
-  "input__error-message": "_input__error-message_f2das_41",
-  "input__chars-counter": "_input__chars-counter_f2das_52",
-  "input--disabled": "_input--disabled_f2das_56",
-  input: Fe,
-  "input--focused": "_input--focused_f2das_62",
-  "input--error": "_input--error_f2das_65"
-}, Ue = ({
-  label: s,
+}, ...a }, /* @__PURE__ */ h.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Ee = "_input__label_19vkb_77", Re = "_input_19vkb_56", u = {
+  "u-typography-h1": "_u-typography-h1_19vkb_1",
+  "u-typography-h2": "_u-typography-h2_19vkb_8",
+  "u-typography-h3": "_u-typography-h3_19vkb_15",
+  "u-typography-h4": "_u-typography-h4_19vkb_22",
+  "u-typography-h5": "_u-typography-h5_19vkb_29",
+  "u-typography-h6": "_u-typography-h6_19vkb_36",
+  "u-typography-base": "_u-typography-base_19vkb_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_19vkb_48",
+  "u-typography-base--xl": "_u-typography-base--xl_19vkb_52",
+  "u-typography-base--lg": "_u-typography-base--lg_19vkb_56",
+  "input__input-el": "_input__input-el_19vkb_56",
+  "u-typography-base--sm": "_u-typography-base--sm_19vkb_60",
+  "u-typography-base--bold": "_u-typography-base--bold_19vkb_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_19vkb_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_19vkb_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19vkb_73",
+  input__label: Ee,
+  "input__input-el-wrapper": "_input__input-el-wrapper_19vkb_82",
+  "input__left-icon": "_input__left-icon_19vkb_100",
+  "input__right-icon": "_input__right-icon_19vkb_100",
+  "input__messages-wrapper": "_input__messages-wrapper_19vkb_112",
+  "input__info-message": "_input__info-message_19vkb_120",
+  "input__error-message": "_input__error-message_19vkb_120",
+  "input__chars-counter": "_input__chars-counter_19vkb_131",
+  "input--disabled": "_input--disabled_19vkb_135",
+  input: Re,
+  "input--focused": "_input--focused_19vkb_141",
+  "input--error": "_input--error_19vkb_144"
+}, Be = ({
+  label: a,
   infoMessage: l,
-  errorMessage: a,
-  leftIcon: h,
-  rightIcon: u,
+  errorMessage: s,
+  leftIcon: f,
+  rightIcon: i,
   id: b,
-  disabled: P,
-  type: x = "text",
-  maxLength: C,
-  hideCharsCounter: U = !1,
-  onChange: n,
-  classNameWrapper: E,
-  classNameLabel: f,
-  classNameInput: y,
-  classNameInfoMessage: w,
-  classNameErrorMessage: g,
-  classNameCharsCounter: I,
-  "data-testid-wrapper": d,
-  "data-testid-label": O,
-  "data-testid-input": M,
-  "data-testid-infoMessage": k,
-  "data-testid-errorMessage": v,
-  "data-testid-charsCounter": T,
-  ...N
+  disabled: x,
+  type: N = "text",
+  maxLength: g,
+  hideCharsCounter: V = !1,
+  onChange: o,
+  classNameWrapper: P,
+  classNameLabel: _,
+  classNameInput: v,
+  classNameInfoMessage: C,
+  classNameErrorMessage: y,
+  classNameCharsCounter: F,
+  "data-testid-wrapper": p,
+  "data-testid-label": I,
+  "data-testid-input": U,
+  "data-testid-infoMessage": M,
+  "data-testid-errorMessage": w,
+  "data-testid-charsCounter": O,
+  ...k
 }) => {
-  const [R, A] = pe(0), D = ce(), S = b || `input_${D}`;
-  Object.assign(N, { "data-testid": M });
-  const j = (p) => {
-    var B, t;
-    A((t = (B = p == null ? void 0 : p.target) == null ? void 0 : B.value) == null ? void 0 : t.length), n && n(p);
+  const [E, A] = de(0), D = ce(), T = b || `input_${D}`;
+  Object.assign(k, { "data-testid": U });
+  const j = (d) => {
+    var S, t;
+    A((t = (S = d == null ? void 0 : d.target) == null ? void 0 : S.value) == null ? void 0 : t.length), o && o(d);
   };
-  return /* @__PURE__ */ q("div", { className: F(i.input, E), "data-testid": d, children: [
-    s && /* @__PURE__ */ V(
+  return /* @__PURE__ */ q("div", { className: R(u.input, P), "data-testid": p, children: [
+    a && /* @__PURE__ */ B(
       L,
       {
         element: "label",
-        variant: "form-label",
-        elementProps: { htmlFor: S },
-        className: F(i.input__label, f),
-        "data-testid": O,
-        children: s
+        elementProps: { htmlFor: T },
+        className: R(u.input__label, _),
+        "data-testid": I,
+        children: a
       }
     ),
-    /* @__PURE__ */ V(
+    /* @__PURE__ */ B(
       ee,
       {
-        id: S,
-        type: x,
-        disabled: P,
-        error: !!a,
-        "aria-label": s,
+        id: T,
+        type: N,
+        disabled: x,
+        error: !!s,
+        "aria-label": a,
         slotProps: {
-          root: (p) => ({
-            className: F(i["input__input-el-wrapper"], {
-              [i["input--disabled"]]: p.disabled,
-              [i["input--focused"]]: p.focused,
-              [i["input--error"]]: p.error
+          root: (d) => ({
+            className: R(u["input__input-el-wrapper"], {
+              [u["input--disabled"]]: d.disabled,
+              [u["input--focused"]]: d.focused,
+              [u["input--error"]]: d.error
             })
           }),
           input: {
-            className: F(i["input__input-el"], y),
-            maxLength: C,
+            className: R(u["input__input-el"], v),
+            maxLength: g,
             onChange: j,
-            ...N
+            ...k
           }
         },
-        startAdornment: h && /* @__PURE__ */ V("span", { className: i["input__left-icon"], children: h }),
-        endAdornment: u && /* @__PURE__ */ V("span", { className: i["input__right-icon"], children: u })
+        startAdornment: f && /* @__PURE__ */ B("span", { className: u["input__left-icon"], children: f }),
+        endAdornment: i && /* @__PURE__ */ B("span", { className: u["input__right-icon"], children: i })
       }
     ),
-    /* @__PURE__ */ q("div", { className: i["input__messages-wrapper"], children: [
-      (a || l) && /* @__PURE__ */ q(
+    /* @__PURE__ */ q("div", { className: u["input__messages-wrapper"], children: [
+      (s || l) && /* @__PURE__ */ q(
         L,
         {
-          variant: "form-hint",
-          className: a ? F(i["input__error-message"], g) : F(i["input__info-message"], w),
-          "data-testid": a ? v : k,
+          className: s ? R(u["input__error-message"], y) : R(u["input__info-message"], C),
+          "data-testid": s ? w : M,
           children: [
-            /* @__PURE__ */ V(Ee, {}),
-            a || l
+            /* @__PURE__ */ B(Pe, {}),
+            s || l
           ]
         }
       ),
-      C && !U && /* @__PURE__ */ q(
+      g && !V && /* @__PURE__ */ q(
         L,
         {
-          variant: "form-hint",
-          className: F(i["input__chars-counter"], I),
-          "data-testid": T,
+          className: R(u["input__chars-counter"], F),
+          "data-testid": O,
           children: [
-            R,
+            E,
             " / ",
-            C
+            g
           ]
         }
       )
@@ -493,5 +504,5 @@ const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3
   ] });
 };
 export {
-  Ue as Input
+  Be as Input
 };

package/dist/components/InputSearch/InputSearch.d.ts

@@ -1,11 +1,9 @@
-import { InputHTMLAttributes } from 'react';
+import { Input } from '../Input/Input';
+import { ComponentProps } from 'react';
 
-type InputSearchProps = InputHTMLAttributes<HTMLInputElement> & {
-    label?: string;
-    placeholder?: string;
-    classNameWrapper?: string;
-    classNameInputSearch?: string;
-    'data-testid'?: string;
-};
-export declare const InputSearch: ({ label, placeholder, classNameWrapper, classNameInputSearch, disabled, "data-testid": dataTestId, }: InputSearchProps) => import("react/jsx-runtime").JSX.Element;
+type InputSearchProps = {
+    /** How many milliseconds to wait before trigger the onChange event */
+    triggerDelay?: number;
+} & ComponentProps<typeof Input>;
+export declare const InputSearch: ({ classNameWrapper, triggerDelay, value, onChange, ...rest }: InputSearchProps) => import("react/jsx-runtime").JSX.Element;
 export {};