@pismo/marola 1.0.0-beta.20 → 1.0.0-beta.22

package/dist/components/Input/Input.js

@@ -1,111 +1,511 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import * as g from "react";
-import { useState as V, useId as k } from "react";
-import { c as a } from "../../clsx-DB4S2d7J.js";
-import { Typography as c } from "../Typography/Typography.js";
-import { s as t, I as q } from "../../Input.module-ZTRZRcNt.js";
-const D = (s) => /* @__PURE__ */ g.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: {
+import '../../assets/Input.css';
+import { jsxs as j, jsx as S } from "react/jsx-runtime";
+import * as h from "react";
+import { forwardRef as de, useState as ce, useId as _e } from "react";
+import { c as R } from "../../clsx-DB4S2d7J.js";
+import { Typography as L } from "../Typography/Typography.js";
+import { g as he, a as fe, u as me, f as z, b as f, _ as ye, c as Q, i as ge, P as e, d as be, e as Ce } from "../../useSlotProps-C_I1kEHr.js";
+function we(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 = "Input";
+function ve(a) {
+  return he(X, a);
+}
+fe(X, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const Z = /* @__PURE__ */ h.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Z.displayName = "FormControlContext");
+function xe() {
+  return h.useContext(Z);
+}
+function qe(a = {}) {
+  const {
+    defaultValue: l,
+    disabled: s = !1,
+    error: m = !1,
+    onBlur: i,
+    onChange: y,
+    onFocus: q,
+    required: N = !1,
+    value: b,
+    inputRef: k
+  } = a, o = xe();
+  let P, _, C, w, g;
+  if (o) {
+    var F, d, I;
+    if (P = void 0, _ = (F = o.disabled) != null ? F : !1, C = (d = o.error) != null ? d : !1, w = (I = o.required) != null ? I : !1, g = o.value, process.env.NODE_ENV !== "production") {
+      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((n) => a[n] !== 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
+    P = l, _ = s, C = m, w = N, g = b;
+  const {
+    current: B
+  } = h.useRef(g != null), V = 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 = h.useRef(null), O = me(v, k, V), [x, E] = h.useState(!1);
+  h.useEffect(() => {
+    !o && _ && x && (E(!1), i == null || i());
+  }, [o, _, x, i]);
+  const U = (t) => (n) => {
+    var r;
+    if (o != null && o.disabled) {
+      n.stopPropagation();
+      return;
+    }
+    if ((r = t.onFocus) == null || r.call(t, n), o && o.onFocus) {
+      var c;
+      o == null || (c = o.onFocus) == null || c.call(o);
+    } else
+      E(!0);
+  }, M = (t) => (n) => {
+    var r;
+    (r = t.onBlur) == null || r.call(t, n), o && o.onBlur ? o.onBlur() : E(!1);
+  }, A = (t) => (n, ...r) => {
+    var c, D;
+    if (!B && (n.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." : we(17));
+    o == null || (c = o.onChange) == null || c.call(o, n), (D = t.onChange) == null || D.call(t, n, ...r);
+  }, T = (t) => (n) => {
+    var r;
+    v.current && n.currentTarget === n.target && v.current.focus(), (r = t.onClick) == null || r.call(t, n);
+  };
+  return {
+    disabled: _,
+    error: C,
+    focused: x,
+    formControlContext: o,
+    getInputProps: (t = {}) => {
+      const r = f({}, {
+        onBlur: i,
+        onChange: y,
+        onFocus: q
+      }, z(t)), c = f({}, r, {
+        onBlur: M(r),
+        onChange: A(r),
+        onFocus: U(r)
+      });
+      return f({}, c, {
+        "aria-invalid": C || void 0,
+        defaultValue: P,
+        value: g,
+        required: w,
+        disabled: _
+      }, t, {
+        ref: O
+      }, c);
+    },
+    getRootProps: (t = {}) => {
+      const n = z(a, ["onBlur", "onChange", "onFocus"]), r = f({}, n, z(t));
+      return f({}, t, r, {
+        onClick: T(r)
+      });
+    },
+    inputRef: O,
+    required: w,
+    value: g
+  };
+}
+const Ne = ["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"], Pe = (a) => {
+  const {
+    disabled: l,
+    error: s,
+    focused: m,
+    formControlContext: i,
+    multiline: y,
+    startAdornment: q,
+    endAdornment: N
+  } = a;
+  return be({
+    root: ["root", l && "disabled", s && "error", m && "focused", !!i && "formControl", y && "multiline", !!q && "adornedStart", !!N && "adornedEnd"],
+    input: ["input", l && "disabled", y && "multiline"]
+  }, Ce(ve));
+}, ee = /* @__PURE__ */ h.forwardRef(function(l, s) {
+  var m, i, y;
+  const {
+    "aria-describedby": q,
+    "aria-label": N,
+    "aria-labelledby": b,
+    autoComplete: k,
+    autoFocus: o,
+    className: P,
+    defaultValue: _,
+    disabled: C,
+    endAdornment: w,
+    error: g,
+    id: F,
+    multiline: d = !1,
+    name: I,
+    onClick: B,
+    onChange: V,
+    onKeyDown: v,
+    onKeyUp: O,
+    onFocus: x,
+    onBlur: E,
+    placeholder: U,
+    readOnly: M,
+    required: A,
+    startAdornment: T,
+    value: H,
+    type: p,
+    rows: t,
+    slotProps: n = {},
+    slots: r = {},
+    minRows: c,
+    maxRows: D
+  } = l, Y = ye(l, Ne), {
+    getRootProps: te,
+    getInputProps: oe,
+    focused: ne,
+    formControlContext: re,
+    error: ae,
+    disabled: se
+  } = qe({
+    disabled: C,
+    defaultValue: _,
+    error: g,
+    onBlur: E,
+    onClick: B,
+    onChange: V,
+    onFocus: x,
+    required: A,
+    value: H
+  }), W = d ? void 0 : p ?? "text", $ = f({}, l, {
+    disabled: se,
+    error: ae,
+    focused: ne,
+    formControlContext: re,
+    multiline: d,
+    type: W
+  }), G = Pe($), le = {
+    "aria-describedby": q,
+    "aria-label": N,
+    "aria-labelledby": b,
+    autoComplete: k,
+    autoFocus: o,
+    id: F,
+    onKeyDown: v,
+    onKeyUp: O,
+    name: I,
+    placeholder: U,
+    readOnly: M,
+    type: W
+  }, J = (m = r.root) != null ? m : "div", ue = Q({
+    elementType: J,
+    getSlotProps: te,
+    externalSlotProps: n.root,
+    externalForwardedProps: Y,
+    additionalProps: {
+      ref: s
+    },
+    ownerState: $,
+    className: [G.root, P]
+  }), K = d ? (i = r.textarea) != null ? i : "textarea" : (y = r.input) != null ? y : "input", ie = Q({
+    elementType: K,
+    getSlotProps: (pe) => oe(f({}, le, pe)),
+    externalSlotProps: n.input,
+    additionalProps: f({
+      rows: d ? t : void 0
+    }, d && !ge(K) && {
+      minRows: t || c,
+      maxRows: t || D
+    }),
+    ownerState: $,
+    className: G.input
+  });
+  return process.env.NODE_ENV !== "production" && d && t && (c || D) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ j(J, f({}, ue, {
+    children: [T, /* @__PURE__ */ S(K, f({}, ie)), w]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  "aria-describedby": e.string,
+  /**
+   * @ignore
+   */
+  "aria-label": e.string,
+  /**
+   * @ignore
+   */
+  "aria-labelledby": e.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,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * Class name applied to the root element.
+   */
+  className: e.string,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: e.bool,
+  /**
+   * Trailing adornment for this input.
+   */
+  endAdornment: e.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,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * @ignore
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.object
+  })]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.number,
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.number,
+  /**
+   * If `true`, a `textarea` element is rendered.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * @ignore
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: e.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.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])
+  }),
+  /**
+   * 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
+  }),
+  /**
+   * Leading adornment for this input.
+   */
+  startAdornment: e.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"]),
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any
+});
+const Ee = (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__ */ g.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" })), M = ({
-  label: s,
-  infoMessage: d,
-  errorMessage: i,
-  leftIcon: o,
-  rightIcon: p,
-  id: w,
-  disabled: C,
-  type: N = "text",
-  maxLength: l,
-  hideCharsCounter: x = !1,
-  onChange: m,
-  classNameWrapper: b,
-  classNameLabel: v,
-  classNameInput: y,
-  classNameInfoMessage: I,
-  classNameErrorMessage: j,
-  classNameCharsCounter: z,
-  "data-testid-wrapper": E,
-  "data-testid-label": A,
-  "data-testid-input": P,
-  "data-testid-infoMessage": S,
-  "data-testid-errorMessage": $,
-  "data-testid-charsCounter": B,
-  ...u
-}) => {
-  const [F, O] = V(0), R = k(), h = w || `input_${R}`;
-  Object.assign(u, { "data-testid": P });
-  const T = (e) => {
-    var _, f;
-    O((f = (_ = e == null ? void 0 : e.target) == null ? void 0 : _.value) == null ? void 0 : f.length), m && m(e);
-  };
-  return /* @__PURE__ */ n("div", { className: a(t.input, b), "data-testid": E, children: [
-    s && /* @__PURE__ */ r(
-      c,
-      {
-        element: "label",
-        elementProps: { htmlFor: h },
-        className: a(t.input__label, v),
-        "data-testid": A,
-        children: s
-      }
-    ),
-    /* @__PURE__ */ r(
-      q,
-      {
-        id: h,
-        type: N,
-        disabled: C,
-        error: !!i,
-        "aria-label": s,
-        slotProps: {
-          root: (e) => ({
-            className: a(t["input__input-el-wrapper"], {
-              [t["input--disabled"]]: e.disabled,
-              [t["input--focused"]]: e.focused,
-              [t["input--error"]]: e.error
-            })
-          }),
-          input: {
-            className: a(t["input__input-el"], y),
-            maxLength: l,
-            onChange: T,
-            ...u
-          }
-        },
-        startAdornment: o && /* @__PURE__ */ r("span", { className: t["input__left-icon"], children: o }),
-        endAdornment: p && /* @__PURE__ */ r("span", { className: t["input__right-icon"], children: p })
-      }
-    ),
-    /* @__PURE__ */ n("div", { className: t["input__messages-wrapper"], children: [
-      (i || d) && /* @__PURE__ */ n(
-        c,
+}, ...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" })), Re = "_input__label_1lq2e_78", Fe = "_input_1lq2e_57", u = {
+  "u-typography-h1": "_u-typography-h1_1lq2e_1",
+  "u-typography-h2": "_u-typography-h2_1lq2e_8",
+  "u-typography-h3": "_u-typography-h3_1lq2e_15",
+  "u-typography-h4": "_u-typography-h4_1lq2e_22",
+  "u-typography-h5": "_u-typography-h5_1lq2e_29",
+  "u-typography-h6": "_u-typography-h6_1lq2e_36",
+  "u-typography-base": "_u-typography-base_1lq2e_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_1lq2e_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1lq2e_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1lq2e_57",
+  "input__input-el": "_input__input-el_1lq2e_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1lq2e_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1lq2e_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1lq2e_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1lq2e_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1lq2e_74",
+  input__label: Re,
+  "input__input-el-wrapper": "_input__input-el-wrapper_1lq2e_83",
+  "input__left-icon": "_input__left-icon_1lq2e_101",
+  "input__right-icon": "_input__right-icon_1lq2e_101",
+  "input__messages-wrapper": "_input__messages-wrapper_1lq2e_113",
+  "input__info-message": "_input__info-message_1lq2e_121",
+  "input__error-message": "_input__error-message_1lq2e_121",
+  "input__chars-counter": "_input__chars-counter_1lq2e_132",
+  "input--disabled": "_input--disabled_1lq2e_136",
+  input: Fe,
+  "input--focused": "_input--focused_1lq2e_142",
+  "input--error": "_input--error_1lq2e_145"
+}, Be = de(
+  ({
+    label: a,
+    infoMessage: l,
+    errorMessage: s,
+    leftIcon: m,
+    rightIcon: i,
+    id: y,
+    disabled: q,
+    type: N = "text",
+    maxLength: b,
+    hideCharsCounter: k = !1,
+    onChange: o,
+    classNameWrapper: P,
+    classNameLabel: _,
+    classNameInput: C,
+    classNameInfoMessage: w,
+    classNameErrorMessage: g,
+    classNameCharsCounter: F,
+    "data-testid-wrapper": d,
+    "data-testid-label": I,
+    "data-testid-input": B,
+    "data-testid-infoMessage": V,
+    "data-testid-errorMessage": v,
+    "data-testid-charsCounter": O,
+    ...x
+  }, E) => {
+    const [U, M] = ce(0), A = _e(), T = y || `input_${A}`;
+    Object.assign(x, { "data-testid": B });
+    const H = (p) => {
+      var t, n;
+      M((n = (t = p == null ? void 0 : p.target) == null ? void 0 : t.value) == null ? void 0 : n.length), o && o(p);
+    };
+    return /* @__PURE__ */ j("div", { className: R(u.input, P), "data-testid": d, children: [
+      a && /* @__PURE__ */ S(
+        L,
         {
-          className: i ? a(t["input__error-message"], j) : a(t["input__info-message"], I),
-          "data-testid": i ? $ : S,
-          children: [
-            /* @__PURE__ */ r(D, {}),
-            i || d
-          ]
+          element: "label",
+          elementProps: { htmlFor: T },
+          className: R(u.input__label, _),
+          "data-testid": I,
+          children: a
         }
       ),
-      l && !x && /* @__PURE__ */ n(
-        c,
+      /* @__PURE__ */ S(
+        ee,
         {
-          className: a(t["input__chars-counter"], z),
-          "data-testid": B,
-          children: [
-            F,
-            " / ",
-            l
-          ]
+          id: T,
+          type: N,
+          disabled: q,
+          error: !!s,
+          "aria-label": a,
+          slotProps: {
+            root: (p) => ({
+              className: R(u["input__input-el-wrapper"], {
+                [u["input--disabled"]]: p.disabled,
+                [u["input--focused"]]: p.focused,
+                [u["input--error"]]: p.error
+              })
+            }),
+            input: {
+              ref: E,
+              className: R(u["input__input-el"], C),
+              maxLength: b,
+              onChange: H,
+              ...x
+            }
+          },
+          startAdornment: m && /* @__PURE__ */ S("span", { className: u["input__left-icon"], children: m }),
+          endAdornment: i && /* @__PURE__ */ S("span", { className: u["input__right-icon"], children: i })
         }
-      )
-    ] })
-  ] });
-};
+      ),
+      /* @__PURE__ */ j("div", { className: u["input__messages-wrapper"], children: [
+        (s || l) && /* @__PURE__ */ j(
+          L,
+          {
+            className: s ? R(u["input__error-message"], g) : R(u["input__info-message"], w),
+            "data-testid": s ? v : V,
+            children: [
+              /* @__PURE__ */ S(Ee, {}),
+              s || l
+            ]
+          }
+        ),
+        b && !k && /* @__PURE__ */ j(
+          L,
+          {
+            className: R(u["input__chars-counter"], F),
+            "data-testid": O,
+            children: [
+              U,
+              " / ",
+              b
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
 export {
-  M as Input
+  Be as Input
 };

package/dist/components/Input/Input.stories.d.ts

@@ -2,13 +2,13 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: import('react').InputHTMLAttributes<HTMLInputElement> & {
+    component: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
         label?: string | undefined;
         infoMessage?: string | undefined;
         errorMessage?: string | undefined;
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;
-        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "password" | "datetime-local" | "month" | "week") | undefined;
+        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
         hideCharsCounter?: boolean | undefined;
         classNameWrapper?: string | undefined;
         classNameLabel?: string | undefined;
@@ -22,7 +22,7 @@ declare const meta: {
         'data-testid-infoMessage'?: string | undefined;
         'data-testid-errorMessage'?: string | undefined;
         'data-testid-charsCounter'?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
+    } & import('react').RefAttributes<HTMLInputElement>>;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -10,7 +10,7 @@ declare const meta: {
         errorMessage?: string | undefined;
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;
-        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "password" | "datetime-local" | "month" | "week") | undefined;
+        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
         hideCharsCounter?: boolean | undefined;
         classNameWrapper?: string | undefined;
         classNameLabel?: string | undefined;
@@ -24,7 +24,7 @@ declare const meta: {
         'data-testid-infoMessage'?: string | undefined;
         'data-testid-errorMessage'?: string | undefined;
         'data-testid-charsCounter'?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
+    } & import('react').RefAttributes<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-CRfZgFJp.js";
+import { C as t } from "../../Toggle-Buew6bzm.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",