mimir-ui-kit 1.55.0 → 1.56.0

package/dist/Input-DPnH8pKc.js

@@ -0,0 +1,227 @@
+import { jsxs as V, jsx as s, Fragment as U } from "react/jsx-runtime";
+import { c as i } from "./index-DIxK0V-G.js";
+import { memo as X, forwardRef as Y, useState as Z, useRef as ee, useEffect as B } from "react";
+import { EInputVariant as ae } from "./components/Input/constants.js";
+import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as re } from "./icons/Icon.js";
+import { Button as se } from "./components/Button/Button.js";
+import './assets/Input.css';const le = "_label_1peof_26", oe = "_input_1peof_2", ne = "_disabled_1peof_117", ie = "_clear_1peof_158", ce = "_s_1peof_218", de = "_m_1peof_233", ue = "_l_1peof_26", pe = "_success_1peof_289", _e = "_alarm_1peof_309", fe = "_error_1peof_329", e = {
+  "input-wrapper": "_input-wrapper_1peof_2",
+  "required-mark": "_required-mark_1peof_16",
+  label: le,
+  "has-left-slot": "_has-left-slot_1peof_45",
+  "has-right-slot": "_has-right-slot_1peof_48",
+  "active-label": "_active-label_1peof_53",
+  "label-text-wrapper": "_label-text-wrapper_1peof_68",
+  input: oe,
+  "has-label": "_has-label_1peof_114",
+  disabled: ne,
+  "addon-icon": "_addon-icon_1peof_123",
+  "left-slot": "_left-slot_1peof_127",
+  "right-slot": "_right-slot_1peof_128",
+  clear: ie,
+  "border-radius-left": "_border-radius-left_1peof_206",
+  "border-radius-right": "_border-radius-right_1peof_210",
+  "border-radius-none": "_border-radius-none_1peof_214",
+  s: ce,
+  m: de,
+  l: ue,
+  "default-gray": "_default-gray_1peof_262",
+  "default-white": "_default-white_1peof_274",
+  success: pe,
+  alarm: _e,
+  error: fe
+}, z = (a) => {
+  var p, l;
+  if (!a)
+    return null;
+  switch (a.addonType) {
+    case "icon": {
+      const _ = (p = a.addonContent) == null ? void 0 : p.includes("16px"), g = (l = a.addonContent) == null ? void 0 : l.includes("24px");
+      return /* @__PURE__ */ s(
+        re,
+        {
+          style: {
+            "--icon-size": i({
+              "16px": _,
+              "24px": g
+            })
+          },
+          className: e["addon-icon"],
+          iconName: a.addonContent
+        }
+      );
+    }
+    case "text":
+      return a.addonContent;
+    case "react-node":
+      return /* @__PURE__ */ s(U, { children: a.addonContent });
+    default:
+      return null;
+  }
+}, me = X(
+  Y(
+    (a, p) => {
+      const {
+        value: l,
+        className: _,
+        wrapperClassName: g,
+        rightSlotClassName: F,
+        requiredMarkClassName: L,
+        variant: k = ae.DefaultGray,
+        type: j = "text",
+        autofocus: q,
+        readonly: c,
+        id: I,
+        onFocus: N,
+        onBlur: x,
+        label: u,
+        withClearButton: D,
+        disabled: t,
+        onChange: d,
+        rightAddon: E,
+        status: A,
+        leftAddon: M,
+        size: w = "m",
+        numbersOnly: O,
+        required: C,
+        maxLength: y,
+        autocomplete: S = "on",
+        borderRadius: R = "all",
+        ...T
+      } = a, [f, m] = Z(!!l), r = ee(null), G = te(r, p);
+      B(() => {
+        q && r.current && r.current.focus();
+      }, [q]), B(() => {
+        m(!!l);
+      }, [l]);
+      const P = (o) => {
+        const n = o.currentTarget.value;
+        x == null || x(o), m(!!n);
+      }, W = (o) => {
+        c || N == null || N(o);
+      }, $ = () => {
+        r != null && r.current && (r.current.value = "", r.current.focus(), m(!1), d == null || d({
+          target: r.current
+        }));
+      }, H = (o) => {
+        let n = o.target.value;
+        O && (n = n.replace(/\D/g, "")), y !== void 0 && (n = n.slice(0, y)), o.target.value = n, d == null || d(o), m(!!n);
+      }, h = z(M), b = z(E), J = {
+        [e.readonly]: t || c,
+        [e.disabled]: t || c,
+        [e["has-label"]]: !!u,
+        [e["has-left-slot"]]: !!h,
+        [e["has-right-slot"]]: !!b
+      }, v = f || !!l, K = i(e.label, _, e[w], {
+        [e["active-label"]]: v,
+        [e.disabled]: t || c,
+        [e["has-left-slot"]]: !!h,
+        [e["has-right-slot"]]: !!b
+      }), Q = i(e.input, J, _, [
+        e[k],
+        e[A ?? ""],
+        e[w]
+      ]);
+      return /* @__PURE__ */ V(
+        "div",
+        {
+          className: i(
+            e["input-wrapper"],
+            e[k],
+            e[A ?? ""],
+            e[w],
+            {
+              [e.disabled]: t || c,
+              [e[`border-radius-${R}`]]: R !== "all"
+            },
+            g
+          ),
+          children: [
+            u && /* @__PURE__ */ V("label", { htmlFor: I, className: K, children: [
+              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
+              C && (f || v) && /* @__PURE__ */ s(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
+            ] }),
+            h && /* @__PURE__ */ s(
+              "span",
+              {
+                className: i(e["left-slot"], {
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: h
+              }
+            ),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: G,
+                type: j,
+                id: I,
+                className: Q,
+                onFocus: W,
+                onBlur: P,
+                readOnly: c,
+                value: l,
+                onChange: H,
+                maxLength: y,
+                disabled: t,
+                required: C,
+                autoComplete: S,
+                ...T
+              }
+            ),
+            b && /* @__PURE__ */ s(
+              "span",
+              {
+                className: i(e["right-slot"], F, {
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: b
+              }
+            ),
+            C && !f && !v && /* @__PURE__ */ s(
+              "span",
+              {
+                className: i(
+                  e["required-mark"],
+                  L
+                ),
+                "data-testid": "required-mark"
+              }
+            ),
+            D && f && /* @__PURE__ */ s(
+              se,
+              {
+                tabIndex: -1,
+                className: i(e.clear, {
+                  [e.disabled]: t
+                }),
+                isIconButton: !0,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: !0,
+                disabled: t || c,
+                variant: "secondary-gray",
+                onClick: $,
+                "data-testid": "clear-button"
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+me.displayName = "Input";
+export {
+  me as I,
+  e as c
+};

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1wf2d_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;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);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_1wf2d_2 ._required-mark_1wf2d_16{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;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_1wf2d_2 ._label_1wf2d_26{--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:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;pointer-events:none}._input-wrapper_1wf2d_2 ._label_1wf2d_26._has-left-slot_1wf2d_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1wf2d_2 ._label_1wf2d_26._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-left-slot_1wf2d_45{left:var(--mimir-space-m)}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53 ._required-mark_1wf2d_16{margin-left:0}._input-wrapper_1wf2d_2 ._label_1wf2d_26 ._label-text-wrapper_1wf2d_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1wf2d_2 ._input_1wf2d_2{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;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);-webkit-transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-left-slot_1wf2d_45{padding-left:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-right-slot_1wf2d_48{padding-right:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._focused_1wf2d_99{padding-top:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105{color:var(--light-text)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:focus{color:var(--light-text)}._input-wrapper_1wf2d_2 ._addon-icon_1wf2d_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transition:padding-top .15s ease-out;transition:padding-top .15s ease-out}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._focused_1wf2d_99._has-label_1wf2d_102,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._focused_1wf2d_99._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105{color:var(--white);cursor:not-allowed}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path{fill:var(--white)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{margin-left:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._clear_1wf2d_147{z-index:4;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._clear_1wf2d_147._disabled_1wf2d_105{cursor:not-allowed}._input-wrapper_1wf2d_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1wf2d_2:hover ._label_1wf2d_26,._input-wrapper_1wf2d_2:focus-within ._label_1wf2d_26{color:var(--label-color)}._input-wrapper_1wf2d_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2._disabled_1wf2d_105{--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_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2._disabled_1wf2d_105:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._border-radius-left_1wf2d_198{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_1wf2d_2._border-radius-right_1wf2d_202{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_1wf2d_2._border-radius-none_1wf2d_206{border-radius:0!important}._s_1wf2d_210{--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_1wf2d_225{--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_1wf2d_26{--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_1wf2d_254{--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_1wf2d_266{--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_1wf2d_266:hover{--label-color: var(--dark-text)}._default-gray_1wf2d_254._success_1wf2d_281,._default-white_1wf2d_266._success_1wf2d_281{--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_1wf2d_254._success_1wf2d_281::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::placeholder,._default-white_1wf2d_266._success_1wf2d_281::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301,._default-white_1wf2d_266._alarm_1wf2d_301{--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_1wf2d_254._alarm_1wf2d_301::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321,._default-white_1wf2d_266._error_1wf2d_321{--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_1wf2d_254._error_1wf2d_321::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::placeholder,._default-white_1wf2d_266._error_1wf2d_321::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::placeholder{color:var(--input-color)}
+._input-wrapper_1peof_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;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);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_1peof_2 ._required-mark_1peof_16{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;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_1peof_2 ._label_1peof_26{--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:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;pointer-events:none}._input-wrapper_1peof_2 ._label_1peof_26._has-left-slot_1peof_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1peof_2 ._label_1peof_26._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53._has-left-slot_1peof_45{left:var(--mimir-space-m)}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53 ._required-mark_1peof_16{margin-left:0}._input-wrapper_1peof_2 ._label_1peof_26 ._label-text-wrapper_1peof_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1peof_2:focus-within ._label_1peof_26{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1peof_2:focus-within ._label_1peof_26._has-left-slot_1peof_45{left:var(--mimir-space-m)}._input-wrapper_1peof_2:focus-within ._label_1peof_26._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1peof_2:focus-within ._label_1peof_26 ._required-mark_1peof_16{margin-left:0}._input-wrapper_1peof_2 ._input_1peof_2{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;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);-webkit-transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_1peof_2 ._input_1peof_2._has-left-slot_1peof_45{padding-left:0}._input-wrapper_1peof_2 ._input_1peof_2._has-right-slot_1peof_48{padding-right:0}._input-wrapper_1peof_2 ._input_1peof_2._has-label_1peof_114{padding-top:var(--input-padding-position)}._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117{color:var(--light-text)}._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:hover,._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:active,._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:focus{color:var(--light-text)}._input-wrapper_1peof_2 ._addon-icon_1peof_123{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1peof_2 ._left-slot_1peof_127,._input-wrapper_1peof_2 ._right-slot_1peof_128{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transition:padding-top .15s ease-out;transition:padding-top .15s ease-out}._input-wrapper_1peof_2 ._left-slot_1peof_127._disabled_1peof_117,._input-wrapper_1peof_2 ._right-slot_1peof_128._disabled_1peof_117{color:var(--white);cursor:not-allowed}._input-wrapper_1peof_2 ._left-slot_1peof_127._disabled_1peof_117 ._addon-icon_1peof_123 path,._input-wrapper_1peof_2 ._right-slot_1peof_128._disabled_1peof_117 ._addon-icon_1peof_123 path{fill:var(--white)}._input-wrapper_1peof_2:focus-within ._left-slot_1peof_127._has-label_1peof_114,._input-wrapper_1peof_2:focus-within ._right-slot_1peof_128._has-label_1peof_114{padding-top:var(--input-padding-position)}._input-wrapper_1peof_2 ._left-slot_1peof_127{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1peof_2 ._right-slot_1peof_128{margin-left:var(--clear-button-mg)}._input-wrapper_1peof_2 ._clear_1peof_158{z-index:4;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1peof_2 ._clear_1peof_158._disabled_1peof_117{cursor:not-allowed}._input-wrapper_1peof_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1peof_2:hover ._label_1peof_26,._input-wrapper_1peof_2:focus-within ._label_1peof_26{color:var(--label-color)}._input-wrapper_1peof_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1peof_2:focus-within{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1peof_2:focus-within:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1peof_2._disabled_1peof_117{--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_1peof_2._disabled_1peof_117:hover,._input-wrapper_1peof_2._disabled_1peof_117:active,._input-wrapper_1peof_2._disabled_1peof_117:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_1peof_2._disabled_1peof_117::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::-moz-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::placeholder{color:var(--light-text)}._input-wrapper_1peof_2._border-radius-left_1peof_206{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_1peof_2._border-radius-right_1peof_210{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_1peof_2._border-radius-none_1peof_214{border-radius:0!important}._s_1peof_218{--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_1peof_233{--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_1peof_26{--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_1peof_262{--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_1peof_274{--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_1peof_274:hover{--label-color: var(--dark-text)}._default-gray_1peof_262._success_1peof_289,._default-white_1peof_274._success_1peof_289{--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_1peof_262._success_1peof_289::-webkit-input-placeholder,._default-white_1peof_274._success_1peof_289::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::-moz-placeholder,._default-white_1peof_274._success_1peof_289::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::-ms-input-placeholder,._default-white_1peof_274._success_1peof_289::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::placeholder,._default-white_1peof_274._success_1peof_289::placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-webkit-input-placeholder,._default-white_1peof_274._success_1peof_289:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-moz-placeholder,._default-white_1peof_274._success_1peof_289:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover:-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::placeholder,._default-white_1peof_274._success_1peof_289:hover::placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309,._default-white_1peof_274._alarm_1peof_309{--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_1peof_262._alarm_1peof_309::-webkit-input-placeholder,._default-white_1peof_274._alarm_1peof_309::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::-moz-placeholder,._default-white_1peof_274._alarm_1peof_309::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::placeholder,._default-white_1peof_274._alarm_1peof_309::placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-webkit-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-moz-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover:-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::placeholder,._default-white_1peof_274._alarm_1peof_309:hover::placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329,._default-white_1peof_274._error_1peof_329{--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_1peof_262._error_1peof_329::-webkit-input-placeholder,._default-white_1peof_274._error_1peof_329::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::-moz-placeholder,._default-white_1peof_274._error_1peof_329::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::-ms-input-placeholder,._default-white_1peof_274._error_1peof_329::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::placeholder,._default-white_1peof_274._error_1peof_329::placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-webkit-input-placeholder,._default-white_1peof_274._error_1peof_329:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-moz-placeholder,._default-white_1peof_274._error_1peof_329:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover:-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::placeholder,._default-white_1peof_274._error_1peof_329:hover::placeholder{color:var(--input-color)}

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as $t } from "./YearPickerModal.js";
 import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as B } from "../../icons/Icon.js";
 import { formating as d } from "../../utils/index.js";
-import { I as At } from "../../Input-DgWOCNwP.js";
+import { I as At } from "../../Input-DPnH8pKc.js";
 import { EInputStatus as Pt, EInputSize as V } from "../Input/constants.js";
 const St = kt(
   Nt(

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-DgWOCNwP.js";
+import { I as f } from "../../Input-DPnH8pKc.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-DgWOCNwP.js";
+import { I as n } from "../../Input-DPnH8pKc.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 as w } from "../../index-DIxK0V-G.js";
 import { memo as x, forwardRef as h, useState as N, useCallback as a } from "react";
 import { Icon as C } from "../../icons/Icon.js";
 import { Button as M } from "../Button/Button.js";
-import { I as T } from "../../Input-DgWOCNwP.js";
+import { I as T } from "../../Input-DPnH8pKc.js";
 import '../../assets/InputPassword.css';const y = "_input_7b9x2_2", I = "_wrapper_7b9x2_6", v = "_button_7b9x2_17", P = "_icon_7b9x2_33", S = "_show_7b9x2_38", s = {
   input: y,
   wrapper: I,

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-DgWOCNwP.js";
+import { I as b } from "../../Input-DPnH8pKc.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -14,7 +14,7 @@ import { useVirtualization as mt } from "./hooks/useVirtualization.js";
 import { normalizeDataForNestedSelection as pt, flattenOptions as ft, updateInputValueAfterChange as le, getInitialInputValue as ht, mapSizeToInputSize as ce, getDropdownArrowIcon as gt, processNestedSelectionChange as de, flattenSelectedItems as It, dispatchMultiselectOpen as R, highlightReactNode as St } from "./utils.js";
 import { Icon as Nt } from "../../icons/Icon.js";
 import { Button as zt } from "../Button/Button.js";
-import { I as ue } from "../../Input-DgWOCNwP.js";
+import { I as ue } from "../../Input-DPnH8pKc.js";
 import { EInputVariant as wt } from "../Input/constants.js";
 import { Loader as me } from "../Loader/Loader.js";
 import { H as vt, U as pe, G as fe } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as g, Fragment as S, isValidElement as w, cloneElement as E } from "react";
 import { EMultiSelectSearchSize as a, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
-import "../../Input-DgWOCNwP.js";
+import "../../Input-DPnH8pKc.js";
 import { EInputSize as f } from "../Input/constants.js";
 const j = (n) => {
   switch (n) {

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 v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-DgWOCNwP.js";
+import { I as A } from "../../Input-DPnH8pKc.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/SelectSearch/SelectSearch.js

@@ -6,7 +6,7 @@ import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchB
 import { prepareGroupedItems as Ae, shouldShowMenuOnTop as Be, mapSizeToInputSize as de, getDropdownArrowIcon as Te, highlightReactNode as ue } from "./utils.js";
 import { Icon as P } from "../../icons/Icon.js";
 import { Button as Pe } from "../Button/Button.js";
-import { I as pe } from "../../Input-DgWOCNwP.js";
+import { I as pe } from "../../Input-DPnH8pKc.js";
 import { EInputVariant as Ge } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
 import { H as qe, U as me, G as _e, W as be, K as Re } from "../../combobox-fIVOzEhl.js";

package/dist/components/SelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as u, Fragment as l, isValidElement as g, cloneElement as m } from "react";
 import { ESelectSearchSize as s, MOBILE_MENU_HEIGHT as h, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-DgWOCNwP.js";
+import "../../Input-DPnH8pKc.js";
 import { EInputSize as c } from "../Input/constants.js";
 const A = (r) => {
   switch (r) {

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-DgWOCNwP.js";
+import { c as e } from "../../Input-DPnH8pKc.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 a, EButtonSize as p, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as n, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as l } from "../Input-DgWOCNwP.js";
+import { I as l } from "../Input-DPnH8pKc.js";
 import { EInputSize as S, EInputStatus as d, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as B } 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 i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as l } from "./Input-DgWOCNwP.js";
+import { I as l } from "./Input-DPnH8pKc.js";
 import { EInputSize as E, EInputStatus as u, EInputVariant as S } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as B } from "./components/TextArea/constants.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.55.0",
+  "version": "1.56.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/Input-DgWOCNwP.js

@@ -1,232 +0,0 @@
-import { jsxs as B, jsx as s, Fragment as Z } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as ee, forwardRef as ae, useState as z, useRef as te, useEffect as L } from "react";
-import { EInputVariant as se } from "./components/Input/constants.js";
-import { useMergeRefs as re } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as le } from "./icons/Icon.js";
-import { Button as de } from "./components/Button/Button.js";
-import './assets/Input.css';const oe = "_label_1wf2d_26", ne = "_input_1wf2d_2", ce = "_focused_1wf2d_99", ie = "_disabled_1wf2d_105", ue = "_clear_1wf2d_147", _e = "_s_1wf2d_210", fe = "_m_1wf2d_225", me = "_l_1wf2d_26", pe = "_success_1wf2d_281", he = "_alarm_1wf2d_301", be = "_error_1wf2d_321", e = {
-  "input-wrapper": "_input-wrapper_1wf2d_2",
-  "required-mark": "_required-mark_1wf2d_16",
-  label: oe,
-  "has-left-slot": "_has-left-slot_1wf2d_45",
-  "has-right-slot": "_has-right-slot_1wf2d_48",
-  "active-label": "_active-label_1wf2d_53",
-  "label-text-wrapper": "_label-text-wrapper_1wf2d_68",
-  input: ne,
-  focused: ce,
-  "has-label": "_has-label_1wf2d_102",
-  disabled: ie,
-  "addon-icon": "_addon-icon_1wf2d_111",
-  "left-slot": "_left-slot_1wf2d_115",
-  "right-slot": "_right-slot_1wf2d_116",
-  clear: ue,
-  "border-radius-left": "_border-radius-left_1wf2d_198",
-  "border-radius-right": "_border-radius-right_1wf2d_202",
-  "border-radius-none": "_border-radius-none_1wf2d_206",
-  s: _e,
-  m: fe,
-  l: me,
-  "default-gray": "_default-gray_1wf2d_254",
-  "default-white": "_default-white_1wf2d_266",
-  success: pe,
-  alarm: he,
-  error: be
-}, j = (a) => {
-  var f, r;
-  if (!a)
-    return null;
-  switch (a.addonType) {
-    case "icon": {
-      const m = (f = a.addonContent) == null ? void 0 : f.includes("16px"), g = (r = a.addonContent) == null ? void 0 : r.includes("24px");
-      return /* @__PURE__ */ s(
-        le,
-        {
-          style: {
-            "--icon-size": o({
-              "16px": m,
-              "24px": g
-            })
-          },
-          className: e["addon-icon"],
-          iconName: a.addonContent
-        }
-      );
-    }
-    case "text":
-      return a.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ s(Z, { children: a.addonContent });
-    default:
-      return null;
-  }
-}, we = ee(
-  ae(
-    (a, f) => {
-      const {
-        value: r,
-        className: m,
-        wrapperClassName: g,
-        rightSlotClassName: D,
-        requiredMarkClassName: E,
-        variant: A = se.DefaultGray,
-        type: M = "text",
-        autofocus: N,
-        readonly: n,
-        id: F,
-        onFocus: x,
-        onBlur: C,
-        label: u,
-        withClearButton: O,
-        disabled: t,
-        onChange: i,
-        rightAddon: S,
-        status: R,
-        leftAddon: T,
-        size: y = "m",
-        numbersOnly: G,
-        required: v,
-        maxLength: I,
-        autocomplete: P = "on",
-        borderRadius: V = "all",
-        ...W
-      } = a, [_, k] = z(N), [p, h] = z(!!r), c = te(null), $ = re(c, f);
-      L(() => {
-        N && k(!0);
-      }, [N]), L(() => {
-        h(!!r);
-      }, [r]);
-      const H = (l) => {
-        const d = l.currentTarget.value;
-        C == null || C(l), k(!1), h(!!d);
-      }, J = (l) => {
-        n || (k(!0), x == null || x(l));
-      }, K = () => {
-        c != null && c.current && (c.current.value = "", c.current.focus(), h(!1), i == null || i({
-          target: c.current
-        }));
-      }, Q = (l) => {
-        let d = l.target.value;
-        G && (d = d.replace(/\D/g, "")), I !== void 0 && (d = d.slice(0, I)), l.target.value = d, i == null || i(l), h(!!d);
-      }, b = j(T), w = j(S), U = {
-        [e.readonly]: t || n,
-        [e.focused]: _,
-        [e.disabled]: t || n,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!w
-      }, q = _ || p || !!r, X = o(e.label, m, e[y], {
-        [e["active-label"]]: q,
-        [e.disabled]: t || n,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!w
-      }), Y = o(e.input, U, m, [
-        e[A],
-        e[R ?? ""],
-        e[y]
-      ]);
-      return /* @__PURE__ */ B(
-        "div",
-        {
-          className: o(
-            e["input-wrapper"],
-            e[A],
-            e[R ?? ""],
-            e[y],
-            {
-              [e.disabled]: t || n,
-              [e.focused]: _,
-              [e[`border-radius-${V}`]]: V !== "all"
-            },
-            g
-          ),
-          children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
-              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
-              v && (p || _) && /* @__PURE__ */ s(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            b && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(e["left-slot"], {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: b
-              }
-            ),
-            /* @__PURE__ */ s(
-              "input",
-              {
-                ref: $,
-                type: M,
-                id: F,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: n,
-                value: r,
-                onChange: Q,
-                maxLength: I,
-                disabled: t,
-                required: v,
-                autoComplete: P,
-                ...W
-              }
-            ),
-            w && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(e["right-slot"], D, {
-                  [e.focused]: q,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: t
-                }),
-                children: w
-              }
-            ),
-            v && !p && !_ && /* @__PURE__ */ s(
-              "span",
-              {
-                className: o(
-                  e["required-mark"],
-                  E
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            O && p && /* @__PURE__ */ s(
-              de,
-              {
-                tabIndex: -1,
-                className: o(e.clear, {
-                  [e.disabled]: t
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: t || n,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-we.displayName = "Input";
-export {
-  we as I,
-  e as c
-};