mimir-ui-kit 1.38.20 → 1.38.22

package/dist/Input-CQ7LgZWK.js

@@ -0,0 +1,227 @@
+import { jsxs as V, jsx as s, Fragment as Z } from "react/jsx-runtime";
+import { c as o } from "./index-DIxK0V-G.js";
+import { memo as $, forwardRef as ee, useState as B, useRef as te, useEffect as R } from "react";
+import { EInputVariant as ae } from "./components/Input/constants.js";
+import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as le } from "./icons/Icon.js";
+import { Button as re } from "./components/Button/Button.js";
+import './assets/Input.css';const ne = "_label_1y1tj_27", oe = "_input_1y1tj_3", ce = "_focused_1y1tj_100", ie = "_disabled_1y1tj_106", de = "_clear_1y1tj_148", ue = "_s_1y1tj_199", _e = "_m_1y1tj_214", me = "_l_1y1tj_27", pe = "_success_1y1tj_270", fe = "_alarm_1y1tj_290", he = "_error_1y1tj_310", e = {
+  "input-wrapper": "_input-wrapper_1y1tj_3",
+  "required-mark": "_required-mark_1y1tj_17",
+  label: ne,
+  "has-left-slot": "_has-left-slot_1y1tj_46",
+  "has-right-slot": "_has-right-slot_1y1tj_49",
+  "active-label": "_active-label_1y1tj_54",
+  "label-text-wrapper": "_label-text-wrapper_1y1tj_69",
+  input: oe,
+  focused: ce,
+  "has-label": "_has-label_1y1tj_103",
+  disabled: ie,
+  "addon-icon": "_addon-icon_1y1tj_112",
+  "left-slot": "_left-slot_1y1tj_116",
+  "right-slot": "_right-slot_1y1tj_117",
+  clear: de,
+  s: ue,
+  m: _e,
+  l: me,
+  "default-gray": "_default-gray_1y1tj_243",
+  "default-white": "_default-white_1y1tj_255",
+  success: pe,
+  alarm: fe,
+  error: he
+}, z = (t) => {
+  var m, l;
+  if (!t)
+    return null;
+  switch (t.addonType) {
+    case "icon": {
+      const p = (m = t.addonContent) == null ? void 0 : m.includes("16px"), j = (l = t.addonContent) == null ? void 0 : l.includes("24px");
+      return /* @__PURE__ */ s(
+        le,
+        {
+          style: {
+            "--icon-size": o({
+              "16px": p,
+              "24px": j
+            })
+          },
+          className: e["addon-icon"],
+          iconName: t.addonContent
+        }
+      );
+    }
+    case "text":
+      return t.addonContent;
+    case "react-node":
+      return /* @__PURE__ */ s(Z, { children: t.addonContent });
+    default:
+      return null;
+  }
+}, ye = $(
+  ee(
+    (t, m) => {
+      const {
+        value: l,
+        className: p,
+        wrapperClassName: j,
+        rightSlotClassName: L,
+        requiredMarkClassName: D,
+        variant: q = ae.DefaultGray,
+        type: E = "text",
+        autofocus: g,
+        readonly: c,
+        id: A,
+        onFocus: N,
+        onBlur: x,
+        label: u,
+        withClearButton: M,
+        disabled: a,
+        onChange: i,
+        rightAddon: O,
+        status: F,
+        leftAddon: S,
+        size: w = "m",
+        numbersOnly: T,
+        required: C,
+        maxLength: v,
+        autocomplete: G = "on",
+        ...P
+      } = t, [_, I] = B(g), [f, h] = B(!!l), d = te(null), W = se(d, m);
+      R(() => {
+        g && I(!0);
+      }, [g]), R(() => {
+        h(!!l);
+      }, [l]);
+      const H = (r) => {
+        const n = r.currentTarget.value;
+        x == null || x(r), I(!1), h(!!n);
+      }, J = (r) => {
+        c || (I(!0), N == null || N(r));
+      }, K = () => {
+        d != null && d.current && (d.current.value = "", d.current.focus(), h(!1), i == null || i({
+          target: { value: "" }
+        }));
+      }, Q = (r) => {
+        let n = r.target.value;
+        T && (n = n.replace(/\D/g, "")), v !== void 0 && (n = n.slice(0, v)), r.target.value = n, i == null || i(r), h(!!n);
+      }, y = z(S), b = z(O), U = {
+        [e.readonly]: a || c,
+        [e.focused]: _,
+        [e.disabled]: a || c,
+        [e["has-label"]]: !!u,
+        [e["has-left-slot"]]: !!y,
+        [e["has-right-slot"]]: !!b
+      }, k = _ || f || !!l, X = o(e.label, p, e[w], {
+        [e["active-label"]]: k,
+        [e.disabled]: a || c,
+        [e["has-left-slot"]]: !!y,
+        [e["has-right-slot"]]: !!b
+      }), Y = o(e.input, U, p, [
+        e[q],
+        e[F ?? ""],
+        e[w]
+      ]);
+      return /* @__PURE__ */ V(
+        "div",
+        {
+          className: o(
+            e["input-wrapper"],
+            e[q],
+            e[F ?? ""],
+            e[w],
+            {
+              [e.disabled]: a || c,
+              [e.focused]: _
+            },
+            j
+          ),
+          children: [
+            u && /* @__PURE__ */ V("label", { htmlFor: A, className: X, children: [
+              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
+              C && (f || _) && /* @__PURE__ */ s(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
+            ] }),
+            y && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(e["left-slot"], {
+                  [e.focused]: k,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: a
+                }),
+                children: y
+              }
+            ),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: W,
+                type: E,
+                id: A,
+                className: Y,
+                onFocus: J,
+                onBlur: H,
+                readOnly: c,
+                value: l,
+                onChange: Q,
+                maxLength: v,
+                disabled: a,
+                required: C,
+                autoComplete: G,
+                ...P
+              }
+            ),
+            b && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(e["right-slot"], L, {
+                  [e.focused]: k,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: a
+                }),
+                children: b
+              }
+            ),
+            C && !f && !_ && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(
+                  e["required-mark"],
+                  D
+                ),
+                "data-testid": "required-mark"
+              }
+            ),
+            M && f && /* @__PURE__ */ s(
+              re,
+              {
+                tabIndex: -1,
+                className: o(e.clear, {
+                  [e.disabled]: a
+                }),
+                isIconButton: !0,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: !0,
+                disabled: a || c,
+                variant: "secondary-gray",
+                onClick: K,
+                "data-testid": "clear-button"
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+ye.displayName = "Input";
+export {
+  ye as I,
+  e as c
+};

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_zg2ds_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:flex;padding:0 var(--mimir-space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_zg2ds_3 ._required-mark_zg2ds_17{display:block;flex:0 0 var(--input-required-mark-size);align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_zg2ds_3 ._label_zg2ds_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_zg2ds_3 ._label_zg2ds_27._has-left-slot_zg2ds_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45._has-left-slot_zg2ds_42{left:var(--mimir-space-m)}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45 ._required-mark_zg2ds_17{margin-left:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3{position:relative;display:block;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_zg2ds_3 ._input_zg2ds_3._has-left-slot_zg2ds_42{padding-left:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._has-right-slot_zg2ds_79{padding-right:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._focused_zg2ds_82{padding-top:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._has-label_zg2ds_85{padding-top:var(--input-padding-position)}._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88{color:var(--light-text)}._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:hover,._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:active,._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:focus{color:var(--light-text)}._input-wrapper_zg2ds_3 ._addon-icon_zg2ds_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._focused_zg2ds_82._has-label_zg2ds_85,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._focused_zg2ds_82._has-label_zg2ds_85{padding-top:var(--input-padding-position)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._disabled_zg2ds_88,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._disabled_zg2ds_88{color:var(--white);cursor:not-allowed}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._disabled_zg2ds_88 ._addon-icon_zg2ds_94 path,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._disabled_zg2ds_88 ._addon-icon_zg2ds_94 path{fill:var(--white)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99{margin-left:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._clear_zg2ds_130{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._clear_zg2ds_130._disabled_zg2ds_88{cursor:not-allowed}._input-wrapper_zg2ds_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_zg2ds_3:hover ._label_zg2ds_27,._input-wrapper_zg2ds_3:focus-within ._label_zg2ds_27{color:var(--label-color)}._input-wrapper_zg2ds_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_zg2ds_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_zg2ds_3._focused_zg2ds_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_zg2ds_3._focused_zg2ds_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_zg2ds_3._disabled_zg2ds_88{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover,._input-wrapper_zg2ds_3._disabled_zg2ds_88:active,._input-wrapper_zg2ds_3._disabled_zg2ds_88:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_zg2ds_3._disabled_zg2ds_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88::placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover::placeholder{color:var(--light-text)}._s_zg2ds_181{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_zg2ds_196{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_zg2ds_27{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_zg2ds_225{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_zg2ds_237{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_zg2ds_237:hover{--label-color: var(--dark-text)}._default-gray_zg2ds_225._success_zg2ds_252,._default-white_zg2ds_237._success_zg2ds_252{--input-bg-color: var(--success-bg-active);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._default-gray_zg2ds_225._success_zg2ds_252::-moz-placeholder,._default-white_zg2ds_237._success_zg2ds_252::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252::placeholder,._default-white_zg2ds_237._success_zg2ds_252::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252:hover::-moz-placeholder,._default-white_zg2ds_237._success_zg2ds_252:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252:hover::placeholder,._default-white_zg2ds_237._success_zg2ds_252:hover::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272,._default-white_zg2ds_237._alarm_zg2ds_272{--input-bg-color: var(--alarm-bg-active);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._default-gray_zg2ds_225._alarm_zg2ds_272::-moz-placeholder,._default-white_zg2ds_237._alarm_zg2ds_272::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272::placeholder,._default-white_zg2ds_237._alarm_zg2ds_272::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272:hover::-moz-placeholder,._default-white_zg2ds_237._alarm_zg2ds_272:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272:hover::placeholder,._default-white_zg2ds_237._alarm_zg2ds_272:hover::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292,._default-white_zg2ds_237._error_zg2ds_292{--input-bg-color: var(--error-bg-active);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._default-gray_zg2ds_225._error_zg2ds_292::-moz-placeholder,._default-white_zg2ds_237._error_zg2ds_292::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292::placeholder,._default-white_zg2ds_237._error_zg2ds_292::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292:hover::-moz-placeholder,._default-white_zg2ds_237._error_zg2ds_292:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292:hover::placeholder,._default-white_zg2ds_237._error_zg2ds_292:hover::placeholder{color:var(--input-color)}
+._input-wrapper_1y1tj_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:flex;padding:0 var(--mimir-space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1y1tj_3 ._required-mark_1y1tj_17{display:block;flex:0 0 var(--input-required-mark-size);align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_1y1tj_3 ._label_1y1tj_27{--input-required-mark-size: 6px;--label-default-max-width: calc( 100% - calc(var(--input-padding) + var(--mimir-space-xxl)) );position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1y1tj_3 ._label_1y1tj_27._has-left-slot_1y1tj_46{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1y1tj_3 ._label_1y1tj_27._has-right-slot_1y1tj_49{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1y1tj_3 ._label_1y1tj_27._active-label_1y1tj_54{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1y1tj_3 ._label_1y1tj_27._active-label_1y1tj_54._has-left-slot_1y1tj_46{left:var(--mimir-space-m)}._input-wrapper_1y1tj_3 ._label_1y1tj_27._active-label_1y1tj_54._has-right-slot_1y1tj_49{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1y1tj_3 ._label_1y1tj_27._active-label_1y1tj_54 ._required-mark_1y1tj_17{margin-left:0}._input-wrapper_1y1tj_3 ._label_1y1tj_27 ._label-text-wrapper_1y1tj_69{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1y1tj_3 ._input_1y1tj_3{position:relative;display:block;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1y1tj_3 ._input_1y1tj_3._has-left-slot_1y1tj_46{padding-left:0}._input-wrapper_1y1tj_3 ._input_1y1tj_3._has-right-slot_1y1tj_49{padding-right:0}._input-wrapper_1y1tj_3 ._input_1y1tj_3._focused_1y1tj_100{padding-top:0}._input-wrapper_1y1tj_3 ._input_1y1tj_3._has-label_1y1tj_103{padding-top:var(--input-padding-position)}._input-wrapper_1y1tj_3 ._input_1y1tj_3._disabled_1y1tj_106{color:var(--light-text)}._input-wrapper_1y1tj_3 ._input_1y1tj_3._disabled_1y1tj_106:hover,._input-wrapper_1y1tj_3 ._input_1y1tj_3._disabled_1y1tj_106:active,._input-wrapper_1y1tj_3 ._input_1y1tj_3._disabled_1y1tj_106:focus{color:var(--light-text)}._input-wrapper_1y1tj_3 ._addon-icon_1y1tj_112{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1y1tj_3 ._left-slot_1y1tj_116,._input-wrapper_1y1tj_3 ._right-slot_1y1tj_117{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_1y1tj_3 ._left-slot_1y1tj_116._focused_1y1tj_100._has-label_1y1tj_103,._input-wrapper_1y1tj_3 ._right-slot_1y1tj_117._focused_1y1tj_100._has-label_1y1tj_103{padding-top:var(--input-padding-position)}._input-wrapper_1y1tj_3 ._left-slot_1y1tj_116._disabled_1y1tj_106,._input-wrapper_1y1tj_3 ._right-slot_1y1tj_117._disabled_1y1tj_106{color:var(--white);cursor:not-allowed}._input-wrapper_1y1tj_3 ._left-slot_1y1tj_116._disabled_1y1tj_106 ._addon-icon_1y1tj_112 path,._input-wrapper_1y1tj_3 ._right-slot_1y1tj_117._disabled_1y1tj_106 ._addon-icon_1y1tj_112 path{fill:var(--white)}._input-wrapper_1y1tj_3 ._left-slot_1y1tj_116{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1y1tj_3 ._right-slot_1y1tj_117{margin-left:var(--clear-button-mg)}._input-wrapper_1y1tj_3 ._clear_1y1tj_148{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1y1tj_3 ._clear_1y1tj_148._disabled_1y1tj_106{cursor:not-allowed}._input-wrapper_1y1tj_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1y1tj_3:hover ._label_1y1tj_27,._input-wrapper_1y1tj_3:focus-within ._label_1y1tj_27{color:var(--label-color)}._input-wrapper_1y1tj_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1y1tj_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1y1tj_3._focused_1y1tj_100{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1y1tj_3._focused_1y1tj_100:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1y1tj_3._disabled_1y1tj_106{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_1y1tj_3._disabled_1y1tj_106:hover,._input-wrapper_1y1tj_3._disabled_1y1tj_106:active,._input-wrapper_1y1tj_3._disabled_1y1tj_106:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1y1tj_3._disabled_1y1tj_106::-moz-placeholder{color:var(--light-text)}._input-wrapper_1y1tj_3._disabled_1y1tj_106::placeholder{color:var(--light-text)}._input-wrapper_1y1tj_3._disabled_1y1tj_106:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1y1tj_3._disabled_1y1tj_106:hover::placeholder{color:var(--light-text)}._s_1y1tj_199{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1y1tj_214{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1y1tj_27{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_1y1tj_243{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1y1tj_255{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1y1tj_255:hover{--label-color: var(--dark-text)}._default-gray_1y1tj_243._success_1y1tj_270,._default-white_1y1tj_255._success_1y1tj_270{--input-bg-color: var(--success-bg-active);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._default-gray_1y1tj_243._success_1y1tj_270::-moz-placeholder,._default-white_1y1tj_255._success_1y1tj_270::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._success_1y1tj_270::placeholder,._default-white_1y1tj_255._success_1y1tj_270::placeholder{color:var(--input-color)}._default-gray_1y1tj_243._success_1y1tj_270:hover::-moz-placeholder,._default-white_1y1tj_255._success_1y1tj_270:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._success_1y1tj_270:hover::placeholder,._default-white_1y1tj_255._success_1y1tj_270:hover::placeholder{color:var(--input-color)}._default-gray_1y1tj_243._alarm_1y1tj_290,._default-white_1y1tj_255._alarm_1y1tj_290{--input-bg-color: var(--alarm-bg-active);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._default-gray_1y1tj_243._alarm_1y1tj_290::-moz-placeholder,._default-white_1y1tj_255._alarm_1y1tj_290::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._alarm_1y1tj_290::placeholder,._default-white_1y1tj_255._alarm_1y1tj_290::placeholder{color:var(--input-color)}._default-gray_1y1tj_243._alarm_1y1tj_290:hover::-moz-placeholder,._default-white_1y1tj_255._alarm_1y1tj_290:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._alarm_1y1tj_290:hover::placeholder,._default-white_1y1tj_255._alarm_1y1tj_290:hover::placeholder{color:var(--input-color)}._default-gray_1y1tj_243._error_1y1tj_310,._default-white_1y1tj_255._error_1y1tj_310{--input-bg-color: var(--error-bg-active);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._default-gray_1y1tj_243._error_1y1tj_310::-moz-placeholder,._default-white_1y1tj_255._error_1y1tj_310::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._error_1y1tj_310::placeholder,._default-white_1y1tj_255._error_1y1tj_310::placeholder{color:var(--input-color)}._default-gray_1y1tj_243._error_1y1tj_310:hover::-moz-placeholder,._default-white_1y1tj_255._error_1y1tj_310:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1y1tj_243._error_1y1tj_310:hover::placeholder,._default-white_1y1tj_255._error_1y1tj_310:hover::placeholder{color:var(--input-color)}

package/dist/components/AnchorLink/Link.d.ts

@@ -1,3 +1,17 @@
-import { ComponentCustomProps } from '../../types/propsWithAs';
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { ELinkSize, ELinkVariant } from './constants';
+import { TIconProps } from '../../icons';
+import { Props } from '../../types/propsWithAs';
 
-export declare const Link: ComponentCustomProps;
+type TProps = {
+    variant?: ELinkVariant | `${ELinkVariant}`;
+    size?: ELinkSize | `${ELinkSize}`;
+    leftIcon?: TIconProps;
+    rightIcon?: TIconProps;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+type TLinkComponent = <C extends ElementType = 'span'>(props: Props<C, TProps>) => ReactElement | ReactNode;
+export declare const Link: TLinkComponent;
+export {};

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as at } from "./YearPickerModal.js";
 import { useClickOutside as mt } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as X } from "../../icons/Icon.js";
 import { formating as l } from "../../utils/index.js";
-import { I as pt } from "../../Input-BYrIS5GU.js";
+import { I as pt } from "../../Input-CQ7LgZWK.js";
 import { EInputStatus as dt, EInputSize as E } from "../Input/constants.js";
 const ft = {
   days: ot,

package/dist/components/Drawer/Drawer.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { ElementType, ReactElement, ReactNode } from 'react';
 import { EDrawerPosition } from './constants';
+import { Props } from '../../types/propsWithAs';
 
 export declare const ANIMATION_DELAY = 300;
 type TProps = {
@@ -78,8 +79,9 @@ type TProps = {
      */
     showCloseButton?: boolean;
 };
+type TDrawerComponent = <C extends ElementType = 'div'>(props: Props<C, TProps>) => ReactElement | ReactNode;
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameTitle, classNameHeader, classNameInner, classNameContent, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: TDrawerComponent;
 export {};

package/dist/components/Drawer/Drawer.js

@@ -1,155 +1,166 @@
-import { jsxs as m, jsx as t, Fragment as Q } from "react/jsx-runtime";
+import { jsxs as _, jsx as o, Fragment as G } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { useState as N, useRef as F, useCallback as u, useEffect as G } from "react";
-import { EDrawerPosition as w } from "./constants.js";
-import { useMediaQuery as H } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as K } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as V } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as W } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { forwardRef as K, useState as w, useRef as V, useCallback as u, useEffect as W } from "react";
+import { EDrawerPosition as v } from "./constants.js";
+import { useMediaQuery as Y } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as J } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as U } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button as k } from "../Button/Button.js";
-import { EButtonVariantDefault as Y, EButtonSize as n } from "../Button/constants.js";
-import { Loader as q } from "../Loader/Loader.js";
-import { Portal as J } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const U = "_drawer_1xs4d_3", Z = "_content_1xs4d_27", $ = "_header_1xs4d_45", O = "_title_1xs4d_59", ee = "_space_1xs4d_73", te = "_inner_1xs4d_84", oe = "_button_1xs4d_87", se = "_footer_1xs4d_92", re = "_left_1xs4d_105", ne = "_right_1xs4d_109", ae = "_full_1xs4d_113", ie = "_bottom_1xs4d_123", le = "_opened_1xs4d_140", ce = "_overlay_1xs4d_196", de = "_unmount_1xs4d_212", e = {
-  drawer: U,
-  content: Z,
+import { EButtonVariantDefault as Z, EButtonSize as r } from "../Button/constants.js";
+import { Loader as $ } from "../Loader/Loader.js";
+import { Portal as ee } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1xs4d_27", se = "_header_1xs4d_45", ne = "_title_1xs4d_59", re = "_space_1xs4d_73", ie = "_inner_1xs4d_84", ae = "_button_1xs4d_87", le = "_footer_1xs4d_92", ce = "_left_1xs4d_105", de = "_right_1xs4d_109", me = "_full_1xs4d_113", _e = "_bottom_1xs4d_123", ue = "_opened_1xs4d_140", fe = "_overlay_1xs4d_196", he = "_unmount_1xs4d_212", e = {
+  drawer: oe,
+  content: te,
   "is-loading": "_is-loading_1xs4d_41",
-  header: $,
+  header: se,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title: O,
-  space: ee,
-  inner: te,
-  button: oe,
-  footer: se,
+  title: ne,
+  space: re,
+  inner: ie,
+  button: ae,
+  footer: le,
   "footer-button": "_footer-button_1xs4d_101",
-  left: re,
-  right: ne,
-  full: ae,
-  bottom: ie,
+  left: ce,
+  right: de,
+  full: me,
+  bottom: _e,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: le,
+  opened: ue,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: ce,
-  unmount: de
-}, _e = 300, ke = ({
-  isOpen: r,
-  onClose: a,
-  title: E,
-  className: M,
-  unmount: f = !0,
-  isLoading: i = !1,
-  stickyHeader: B,
-  fullBottomHeight: I = !1,
-  position: l = w.RIGHT,
-  paddingRight: S = 8,
-  footer: c,
-  children: T,
-  classNameTitle: C,
-  classNameHeader: D,
-  classNameInner: z,
-  classNameContent: L,
-  classNameFooter: R,
-  closeOnClickOutside: h = !0,
-  showCloseButton: x = !0
-}) => {
-  const [p, y] = N(!1), [A, b] = N(!1), g = F(), d = H(K.XS1), { ref: X } = W({
-    enabled: l === w.BOTTOM
-  });
-  V({
-    on: r && !p,
-    paddingRight: S
-  });
-  const o = u(() => {
-    a && (y(!0), g.current = setTimeout(() => {
-      a(), y(!1);
-    }, _e));
-  }, [a]), j = u(() => {
-    h && o();
-  }, [h, o]), _ = u(
-    (P) => {
-      P.key === "Escape" && o();
-    },
-    [o]
-  );
-  G(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
-    b(!1), clearTimeout(g.current), window.removeEventListener("keydown", _);
-  }), [r, _]);
-  const v = {
-    [e.opened]: A,
-    [e["is-closing"]]: p,
-    [e["full-bottom-height"]]: I,
-    [e["is-loading"]]: i
-  };
-  return !r && f ? null : /* @__PURE__ */ m(J, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        "aria-hidden": !r,
-        role: "dialog",
-        className: s(e.drawer, e[l], v, M),
-        children: /* @__PURE__ */ t(
-          "section",
-          {
-            ref: X,
-            className: s(e.content, L, e[l], {
-              [e["is-loading"]]: !!i
-            }),
-            children: i ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ m(Q, { children: [
-              /* @__PURE__ */ m(
-                "header",
+  overlay: fe,
+  unmount: he
+}, pe = 300, Oe = K(
+  (C, B) => {
+    const {
+      as: E = "div",
+      isOpen: n,
+      onClose: i,
+      title: M,
+      className: O,
+      unmount: f = !0,
+      isLoading: a = !1,
+      stickyHeader: I,
+      fullBottomHeight: L = !1,
+      position: l = v.RIGHT,
+      paddingRight: R = 8,
+      footer: c,
+      children: T,
+      classNameTitle: S,
+      classNameHeader: D,
+      classNameInner: z,
+      classNameContent: H,
+      classNameFooter: A,
+      closeOnClickOutside: h = !0,
+      showCloseButton: p = !0,
+      ...P
+    } = C, [x, g] = w(!1), [X, N] = w(!1), y = V(), d = Y(q.XS1), { ref: j } = U({
+      enabled: l === v.BOTTOM
+    });
+    J({
+      on: n && !x,
+      paddingRight: R
+    });
+    const t = u(() => {
+      i && (g(!0), y.current = setTimeout(() => {
+        i(), g(!1);
+      }, pe));
+    }, [i]), F = u(() => {
+      h && t();
+    }, [h, t]), m = u(
+      (Q) => {
+        Q.key === "Escape" && t();
+      },
+      [t]
+    );
+    W(() => (n && (N(!0), window.addEventListener("keydown", m)), () => {
+      N(!1), clearTimeout(y.current), window.removeEventListener("keydown", m);
+    }), [n, m]);
+    const b = {
+      [e.opened]: X,
+      [e["is-closing"]]: x,
+      [e["full-bottom-height"]]: L,
+      [e["is-loading"]]: a
+    };
+    return !n && f ? null : /* @__PURE__ */ _(ee, { children: [
+      /* @__PURE__ */ o(
+        E,
+        {
+          ref: B,
+          "aria-hidden": !n,
+          role: "dialog",
+          className: s(e.drawer, e[l], b, O),
+          ...P,
+          children: /* @__PURE__ */ o(
+            "section",
+            {
+              ref: j,
+              className: s(
+                e.content,
+                H,
+                e[l],
                 {
-                  className: s(e.header, D, {
-                    [e["sticky-header"]]: B
-                  }),
-                  children: [
-                    /* @__PURE__ */ t("h2", { className: s(e.title, C), children: E }),
-                    /* @__PURE__ */ t("div", { className: e.space, children: x && /* @__PURE__ */ t(
-                      k,
-                      {
-                        variant: Y.SecondaryWhite,
-                        isIconButton: !0,
-                        size: d ? n.S : n.M,
-                        iconName: "Close16px",
-                        onClick: o,
-                        className: e.button
-                      }
-                    ) })
-                  ]
+                  [e["is-loading"]]: !!a
                 }
               ),
-              /* @__PURE__ */ t("div", { className: s(e.inner, z), children: T }),
-              /* @__PURE__ */ t("footer", { className: s(e.footer, R), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
-                k,
-                {
-                  size: d ? n.M : n.XXL,
-                  full: d,
-                  onClick: o,
-                  className: e["footer-button"],
-                  children: "Закрыть"
-                }
-              ) })
-            ] })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: s(
-          e.overlay,
-          {
-            [e.unmount]: !f
-          },
-          v
-        ),
-        "data-testid": "drawer-overlay",
-        onClick: j
-      }
-    )
-  ] });
-};
+              children: a ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ _(G, { children: [
+                /* @__PURE__ */ _(
+                  "header",
+                  {
+                    className: s(e.header, D, {
+                      [e["sticky-header"]]: I
+                    }),
+                    children: [
+                      /* @__PURE__ */ o("h2", { className: s(e.title, S), children: M }),
+                      /* @__PURE__ */ o("div", { className: e.space, children: p && /* @__PURE__ */ o(
+                        k,
+                        {
+                          variant: Z.SecondaryWhite,
+                          isIconButton: !0,
+                          size: d ? r.S : r.M,
+                          iconName: "Close16px",
+                          onClick: t,
+                          className: e.button
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o("div", { className: s(e.inner, z), children: T }),
+                /* @__PURE__ */ o("footer", { className: s(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
+                  k,
+                  {
+                    size: d ? r.M : r.XXL,
+                    full: d,
+                    onClick: t,
+                    className: e["footer-button"],
+                    children: "Закрыть"
+                  }
+                ) })
+              ] })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: s(
+            e.overlay,
+            {
+              [e.unmount]: !f
+            },
+            b
+          ),
+          "data-testid": "drawer-overlay",
+          onClick: F
+        }
+      )
+    ] });
+  }
+);
 export {
-  _e as ANIMATION_DELAY,
-  ke as Drawer
+  pe as ANIMATION_DELAY,
+  Oe as Drawer
 };

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-BYrIS5GU.js";
+import { I as f } from "../../Input-CQ7LgZWK.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-BYrIS5GU.js";
+import { I as n } from "../../Input-CQ7LgZWK.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-BYrIS5GU.js";
+import { I as l } from "../../Input-CQ7LgZWK.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-BYrIS5GU.js";
+import { I as b } from "../../Input-CQ7LgZWK.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as Le } from "../../icons/Icon.js";
 import { Button as Te } from "../Button/Button.js";
 import { CheckboxMimir as ke } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as ye } from "../Chip/Chip.js";
-import { I as oe } from "../../Input-BYrIS5GU.js";
+import { I as oe } from "../../Input-CQ7LgZWK.js";
 import { EInputVariant as ze } from "../Input/constants.js";
 import { H as Ae, U as ne, G as ie, K as Oe, W as Ve } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", qe = "_button_io0c8_39", Re = "_options_io0c8_53", Be = "_visible_io0c8_66", Fe = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", Ue = "_l_io0c8_116", We = "_focused_io0c8_134", He = "_option_io0c8_53", Je = "_chip_io0c8_163", Ke = "_clear_io0c8_188", t = {
@@ -46,7 +46,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
     const {
       placeholder: P,
       size: i = D.L,
-      value: d,
+      value: p,
       onChange: s,
       full: le,
       showArrow: re = !0,
@@ -67,29 +67,29 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       id: pe,
       autoPlacement: z = !1,
       onIsOpen: v
-    } = se, me = Ne(), p = pe || `multiselect-${me}`, N = X(null), b = X(null), [m, _] = w(!1), [S, C] = w(
-      () => Y(d, f)
+    } = se, me = Ne(), m = pe || `multiselect-${me}`, N = X(null), b = X(null), [a, _] = w(!1), [S, C] = w(
+      () => Y(p, f)
     ), [c, M] = w(
-      d || []
+      p || []
     ), [A, j] = w(g), [O, G] = w(!1), [_e, U] = w(!1);
     T(() => {
-      d && (M(d), JSON.stringify(d) !== JSON.stringify(c) && C(Y(d, f)));
-    }, [d, f, c]);
+      p && (M(p), JSON.stringify(p) !== JSON.stringify(c) && C(Y(p, f)));
+    }, [p, f, c]);
     const W = Se(() => {
       var o;
       if (!q) return h;
       const e = ((o = S.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
       return c.length > 0 && c[c.length - 1].name.toLowerCase() === e ? h : h.filter(
-        (a) => a.name.toLowerCase().includes(e)
+        (u) => u.name.toLowerCase().includes(e)
       );
     }, [q, h, S, c]), he = (e) => {
       M(e), s == null || s(e);
       const o = te(e, f);
-      C(o), _(!0), L(p), setTimeout(() => {
+      C(o), _(!0), L(m), setTimeout(() => {
         if (b.current) {
           b.current.focus(), b.current.scrollLeft = b.current.scrollWidth;
-          const a = o.length;
-          b.current.setSelectionRange(a, a);
+          const u = o.length;
+          b.current.setSelectionRange(u, u);
         }
       }, 0);
     }, H = (e) => {
@@ -97,20 +97,20 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       if (I) return;
       const o = e.target.value;
       C(o), k == null || k(o);
-      const a = o.split(",").map((x) => x.trim()).filter(Boolean), K = h.filter(
-        (x) => a.includes(x[f])
+      const u = o.split(",").map((x) => x.trim()).filter(Boolean), K = h.filter(
+        (x) => u.includes(x[f])
       );
-      M(K), s == null || s(K), _(!0), L(p);
+      M(K), s == null || s(K), _(!0), L(m);
       const V = ($ = N.current) == null ? void 0 : $.querySelector(
         `.${t.options}`
       );
       V && typeof V.scrollTo == "function" && V.scrollTo({ top: 0, behavior: "smooth" });
     }, fe = (e) => {
       const o = c.filter(
-        (a) => a.id !== e.id
+        (u) => u.id !== e.id
       );
       M(o), s == null || s(o), C(te(o, f));
-    }, u = Ce(() => {
+    }, d = Ce(() => {
       if (!z) {
         j(g);
         return;
@@ -118,8 +118,8 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
       const e = Me(N, i);
       j(e ? "top" : g);
     }, [z, g, i]), J = () => {
-      const e = !m;
-      e && (u(), L(p)), _(e), v == null || v(e);
+      const e = !a;
+      e && (d(), L(m)), _(e), v == null || v(e);
     }, ve = (e) => {
       e.preventDefault(), e.currentTarget.focus();
       const o = e.currentTarget.value.length;
@@ -133,18 +133,20 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
         e.target.blur();
         return;
       }
-      u(), _(!0), L(p);
+      d(), _(!0), L(m);
     };
     return T(() => {
+      if (a) {
+        const e = (o) => {
+          N.current && !N.current.contains(o.target) && !o.defaultPrevented && (_(!1), v == null || v(!1));
+        };
+        return document.addEventListener("mousedown", e), () => {
+          document.removeEventListener("mousedown", e);
+        };
+      }
+    }, [a]), T(() => {
       const e = (o) => {
-        N.current && !N.current.contains(o.target) && !o.defaultPrevented && (_(!1), v == null || v(!1));
-      };
-      return document.addEventListener("mousedown", e), () => {
-        document.removeEventListener("mousedown", e);
-      };
-    }, []), T(() => {
-      const e = (o) => {
-        o.detail !== p && _(!1);
+        o.detail !== m && _(!1);
       };
       return window.addEventListener(
         Z,
@@ -155,18 +157,18 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
           e
         );
       };
-    }, [p]), T(() => {
-      if (m) {
-        u(), window.addEventListener("scroll", u), window.addEventListener("resize", u);
+    }, [m]), T(() => {
+      if (a) {
+        d(), window.addEventListener("scroll", d), window.addEventListener("resize", d);
         const e = requestAnimationFrame(() => {
           U(!0), G(!0);
         });
         return () => {
-          window.removeEventListener("scroll", u), window.removeEventListener("resize", u), cancelAnimationFrame(e);
+          window.removeEventListener("scroll", d), window.removeEventListener("resize", d), cancelAnimationFrame(e);
         };
       } else
         G(!1), U(!1);
-    }, [m, g, z, i, u]), /* @__PURE__ */ E("div", { ref: N, children: [
+    }, [a, g, z, i, d]), /* @__PURE__ */ E("div", { ref: N, children: [
       /* @__PURE__ */ n(
         Ae,
         {
@@ -185,7 +187,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
             "div",
             {
               className: l(t.container, t[i], {
-                [t["container-open"]]: m
+                [t["container-open"]]: a
               }),
               children: [
                 I && /* @__PURE__ */ E("div", { className: t["input-container"], children: [
@@ -214,7 +216,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                           onFocus: ge,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Ee(m, i)
+                            addonContent: Ee(a, i)
                           },
                           autocomplete: F,
                           ...B
@@ -255,7 +257,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                     variant: R,
                     withClearButton: y,
                     onFocus: () => {
-                      _(!0), L(p);
+                      _(!0), L(m);
                     },
                     onMouseDown: ve,
                     onChange: H,
@@ -275,7 +277,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                             {
                               iconName: i == D.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: l(t["selector-icon"], {
-                                [t["selector-icon-open"]]: m
+                                [t["selector-icon-open"]]: a
                               })
                             }
                           )
@@ -287,7 +289,7 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
                     ...B
                   }
                 ),
-                m && _e && /* @__PURE__ */ n(Q, { children: h.length ? W.length ? /* @__PURE__ */ n(
+                a && _e && /* @__PURE__ */ n(Q, { children: h.length ? W.length ? /* @__PURE__ */ n(
                   Oe,
                   {
                     className: l(

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as u, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-BYrIS5GU.js";
+import "../../Input-CQ7LgZWK.js";
 import { EInputSize as r } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
 import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-BYrIS5GU.js";
+import { I as A } from "../../Input-CQ7LgZWK.js";
 import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
   otp: C,
   "input-wrapper": "_input-wrapper_1shq3_14",

package/dist/components/SelectSearch/SelectSearch.js

@@ -5,7 +5,7 @@ import { ESelectSearchSize as g } from "./constants.js";
 import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
 import { Icon as O } from "../../icons/Icon.js";
 import { Button as Q } from "../Button/Button.js";
-import { I as B } from "../../Input-BYrIS5GU.js";
+import { I as B } from "../../Input-CQ7LgZWK.js";
 import { EInputVariant as X } from "../Input/constants.js";
 import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/SelectSearch.css';const te = "_disabled_1bph7_6", oe = "_container_1bph7_13", ne = "_full_1bph7_28", se = "_button_1bph7_40", ae = "_options_1bph7_54", ie = "_top_1bph7_65", le = "_bottom_1bph7_71", re = "_m_1bph7_98", ce = "_l_1bph7_113", de = "_option_1bph7_54", pe = "_clear_1bph7_167", e = {

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as r } from "./constants.js";
-import "../../Input-BYrIS5GU.js";
+import "../../Input-CQ7LgZWK.js";
 import { EInputSize as t } from "../Input/constants.js";
 const c = (o) => {
   switch (o) {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-BYrIS5GU.js";
+import { c as e } from "../../Input-CQ7LgZWK.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as S } from "../Input-BYrIS5GU.js";
+import { I as S } from "../Input-CQ7LgZWK.js";
 import { EInputSize as E, EInputStatus as l, EInputVariant as u } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as s } from "./Input-BYrIS5GU.js";
+import { I as s } from "./Input-CQ7LgZWK.js";
 import { EInputSize as S, EInputStatus as l, EInputVariant as E } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./components/TextArea/constants.js";

package/dist/types/index.d.ts

@@ -1 +1 @@
-export type { Props, PolymorphicRef, ComponentCustomProps } from './propsWithAs';
+export type { Props, PolymorphicRef } from './propsWithAs';

package/dist/types/propsWithAs.d.ts

@@ -1,16 +1,15 @@
-import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef, JSXElementConstructor } from 'react';
 
 export type PropsOf<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, ComponentPropsWithoutRef<C>>;
 type AsProp<C extends ElementType> = {
     as?: C;
 };
-export type ExtendableProps<ExtendedProps = NonNullable<unknown>, OverrideProps = NonNullable<unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
-export type InheritableElementProps<C extends ElementType, Props = NonNullable<unknown>> = ExtendableProps<PropsOf<C>, Props>;
-export type PolymorphicComponentProps<C extends ElementType, Props = NonNullable<unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+export type ExtendableProps<ExtendedProps = object, OverrideProps = object> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export type InheritableElementProps<C extends ElementType, Props = object> = ExtendableProps<PropsOf<C>, Props>;
+export type PolymorphicComponentProps<C extends ElementType, Props = object> = InheritableElementProps<C, Props & AsProp<C>>;
 export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
-export type PolymorphicComponentPropsWithRef<C extends ElementType, Props = NonNullable<unknown>> = PolymorphicComponentProps<C, Props> & {
+export type PolymorphicComponentPropsWithRef<C extends ElementType, Props extends object> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
-export type Props<C extends ElementType, P> = PolymorphicComponentPropsWithRef<C, P>;
-export type ComponentCustomProps = <C extends ElementType = 'span', P = NonNullable<unknown>>(props: Props<C, P>) => ReactElement | ReactNode;
+export type Props<C extends ElementType, P extends object> = PolymorphicComponentPropsWithRef<C, P>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.38.20",
+  "version": "1.38.22",
   "type": "module",
   "exports": {
     ".": {
@@ -22,6 +22,9 @@
     },
     "./styles": {
       "default": "./dist/assets/index.css"
+    },
+    "./types": {
+      "types": "./dist/index.d.ts"
     }
   },
   "module": "./dist/index.js",

package/dist/Input-BYrIS5GU.js

@@ -1,225 +0,0 @@
-import { jsxs as V, jsx as n, Fragment as Z } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as $, forwardRef as ee, useState as B, useRef as se, useEffect as R } from "react";
-import { EInputVariant as te } from "./components/Input/constants.js";
-import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as le } from "./icons/Icon.js";
-import { Button as re } from "./components/Button/Button.js";
-import './assets/Input.css';const oe = "_label_zg2ds_27", ne = "_input_zg2ds_3", de = "_focused_zg2ds_82", ce = "_disabled_zg2ds_88", ie = "_clear_zg2ds_130", ue = "_s_zg2ds_181", _e = "_m_zg2ds_196", me = "_l_zg2ds_27", fe = "_success_zg2ds_252", pe = "_alarm_zg2ds_272", ge = "_error_zg2ds_292", e = {
-  "input-wrapper": "_input-wrapper_zg2ds_3",
-  "required-mark": "_required-mark_zg2ds_17",
-  label: oe,
-  "has-left-slot": "_has-left-slot_zg2ds_42",
-  "active-label": "_active-label_zg2ds_45",
-  input: ne,
-  "has-right-slot": "_has-right-slot_zg2ds_79",
-  focused: de,
-  "has-label": "_has-label_zg2ds_85",
-  disabled: ce,
-  "addon-icon": "_addon-icon_zg2ds_94",
-  "left-slot": "_left-slot_zg2ds_98",
-  "right-slot": "_right-slot_zg2ds_99",
-  clear: ie,
-  s: ue,
-  m: _e,
-  l: me,
-  "default-gray": "_default-gray_zg2ds_225",
-  "default-white": "_default-white_zg2ds_237",
-  success: fe,
-  alarm: pe,
-  error: ge
-}, L = (s) => {
-  var m, a;
-  if (!s)
-    return null;
-  switch (s.addonType) {
-    case "icon": {
-      const f = (m = s.addonContent) == null ? void 0 : m.includes("16px"), b = (a = s.addonContent) == null ? void 0 : a.includes("24px");
-      return /* @__PURE__ */ n(
-        le,
-        {
-          style: {
-            "--icon-size": o({
-              "16px": f,
-              "24px": b
-            })
-          },
-          className: e["addon-icon"],
-          iconName: s.addonContent
-        }
-      );
-    }
-    case "text":
-      return s.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ n(Z, { children: s.addonContent });
-    default:
-      return null;
-  }
-}, he = $(
-  ee(
-    (s, m) => {
-      const {
-        value: a,
-        className: f,
-        wrapperClassName: b,
-        rightSlotClassName: j,
-        requiredMarkClassName: D,
-        variant: q = te.DefaultGray,
-        type: E = "text",
-        autofocus: z,
-        readonly: d,
-        id: A,
-        onFocus: N,
-        onBlur: x,
-        label: u,
-        withClearButton: M,
-        disabled: t,
-        onChange: c,
-        rightAddon: O,
-        status: F,
-        leftAddon: S,
-        size: C = "m",
-        numbersOnly: T,
-        required: y,
-        maxLength: v,
-        autocomplete: G = "on",
-        ...P
-      } = s, [_, w] = B(z), [p, g] = B(!!a), i = se(null), W = ae(i, m);
-      R(() => {
-        z && w(!0);
-      }, [z]), R(() => {
-        g(!!a);
-      }, [a]);
-      const H = (l) => {
-        const r = l.currentTarget.value;
-        x == null || x(l), w(!1), g(!!r);
-      }, J = (l) => {
-        d || (w(!0), N == null || N(l));
-      }, K = () => {
-        i != null && i.current && (i.current.value = "", i.current.focus(), g(!1), c == null || c({
-          target: { value: "" }
-        }));
-      }, Q = (l) => {
-        let r = l.target.value;
-        T && (r = r.replace(/\D/g, "")), v !== void 0 && (r = r.slice(0, v)), l.target.value = r, c == null || c(l), g(!!r);
-      }, h = L(S), I = L(O), U = {
-        [e.readonly]: t || d,
-        [e.focused]: _,
-        [e.disabled]: t || d,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!h,
-        [e["has-right-slot"]]: !!I
-      }, k = _ || p || !!a, X = o(e.label, f, e[C], {
-        [e["active-label"]]: k,
-        [e.disabled]: t || d,
-        [e["has-left-slot"]]: !!h
-      }), Y = o(e.input, U, f, [
-        e[q],
-        e[F ?? ""],
-        e[C]
-      ]);
-      return /* @__PURE__ */ V(
-        "div",
-        {
-          className: o(
-            e["input-wrapper"],
-            e[q],
-            e[F ?? ""],
-            e[C],
-            {
-              [e.disabled]: t || d,
-              [e.focused]: _
-            },
-            b
-          ),
-          children: [
-            u && /* @__PURE__ */ V("label", { htmlFor: A, className: X, children: [
-              u,
-              y && (p || _) && /* @__PURE__ */ n(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            h && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(e["left-slot"], {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: h
-              }
-            ),
-            /* @__PURE__ */ n(
-              "input",
-              {
-                ref: W,
-                type: E,
-                id: A,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: d,
-                value: a,
-                onChange: Q,
-                maxLength: v,
-                disabled: t,
-                required: y,
-                autoComplete: G,
-                ...P
-              }
-            ),
-            I && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(e["right-slot"], j, {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: I
-              }
-            ),
-            y && !p && !_ && /* @__PURE__ */ n(
-              "span",
-              {
-                className: o(
-                  e["required-mark"],
-                  D
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            M && p && /* @__PURE__ */ n(
-              re,
-              {
-                tabIndex: -1,
-                className: o(e.clear, {
-                  [e.disabled]: t
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: t || d,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-he.displayName = "Input";
-export {
-  he as I,
-  e as c
-};