mimir-ui-kit 1.36.4 → 1.36.5

package/dist/{Input-DlGNMuUD.js → Input-CxcCZOIp.js}

@@ -1,81 +1,81 @@
-import { jsxs as B, jsx as n, Fragment as X } from "react/jsx-runtime";
+import { jsxs as B, jsx as o, Fragment as X } from "react/jsx-runtime";
 import { c as r } from "./index-DIxK0V-G.js";
 import { memo as Y, forwardRef as Z, useState as R, useRef as $, useEffect as ee } from "react";
-import { EInputVariant as se } from "./components/Input/constants.js";
-import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { EInputVariant as te } from "./components/Input/constants.js";
+import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ae } from "./icons/Icon.js";
 import { Button as le } from "./components/Button/Button.js";
-import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3", oe = "_focused_1son2_83", ce = "_disabled_1son2_89", ie = "_clear_1son2_138", de = "_s_1son2_189", ue = "_m_1son2_204", _e = "_l_1son2_27", me = "_success_1son2_261", fe = "_alarm_1son2_281", pe = "_error_1son2_301", e = {
-  "input-wrapper": "_input-wrapper_1son2_3",
-  "required-mark": "_required-mark_1son2_17",
+import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3", ce = "_focused_1bpoc_82", ne = "_disabled_1bpoc_88", ie = "_clear_1bpoc_137", de = "_s_1bpoc_188", ue = "_m_1bpoc_203", _e = "_l_1bpoc_27", pe = "_success_1bpoc_259", me = "_alarm_1bpoc_279", be = "_error_1bpoc_299", e = {
+  "input-wrapper": "_input-wrapper_1bpoc_3",
+  "required-mark": "_required-mark_1bpoc_17",
   label: re,
-  "has-left-slot": "_has-left-slot_1son2_42",
-  "active-label": "_active-label_1son2_45",
-  input: ne,
-  "has-right-slot": "_has-right-slot_1son2_80",
-  focused: oe,
-  "has-label": "_has-label_1son2_86",
-  disabled: ce,
-  "auto-height": "_auto-height_1son2_95",
-  "addon-icon": "_addon-icon_1son2_102",
-  "left-slot": "_left-slot_1son2_106",
-  "right-slot": "_right-slot_1son2_107",
+  "has-left-slot": "_has-left-slot_1bpoc_42",
+  "active-label": "_active-label_1bpoc_45",
+  input: oe,
+  "has-right-slot": "_has-right-slot_1bpoc_79",
+  focused: ce,
+  "has-label": "_has-label_1bpoc_85",
+  disabled: ne,
+  "auto-height": "_auto-height_1bpoc_94",
+  "addon-icon": "_addon-icon_1bpoc_101",
+  "left-slot": "_left-slot_1bpoc_105",
+  "right-slot": "_right-slot_1bpoc_106",
   clear: ie,
   s: de,
   m: ue,
   l: _e,
-  "default-gray": "_default-gray_1son2_234",
-  "default-white": "_default-white_1son2_246",
-  success: me,
-  alarm: fe,
-  error: pe
-}, z = (s) => {
-  var m, c;
-  if (!s)
+  "default-gray": "_default-gray_1bpoc_232",
+  "default-white": "_default-white_1bpoc_244",
+  success: pe,
+  alarm: me,
+  error: be
+}, z = (t) => {
+  var p, n;
+  if (!t)
     return null;
-  switch (s.addonType) {
+  switch (t.addonType) {
     case "icon": {
-      const f = (m = s.addonContent) == null ? void 0 : m.includes("16px"), b = (c = s.addonContent) == null ? void 0 : c.includes("24px");
-      return /* @__PURE__ */ n(
+      const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), h = (n = t.addonContent) == null ? void 0 : n.includes("24px");
+      return /* @__PURE__ */ o(
         ae,
         {
           style: {
             "--icon-size": r({
-              "16px": f,
-              "24px": b
+              "16px": m,
+              "24px": h
             })
           },
           className: e["addon-icon"],
-          iconName: s.addonContent
+          iconName: t.addonContent
         }
       );
     }
     case "text":
-      return s.addonContent;
+      return t.addonContent;
     case "react-node":
-      return /* @__PURE__ */ n(X, { children: s.addonContent });
+      return /* @__PURE__ */ o(X, { children: t.addonContent });
     default:
       return null;
   }
-}, he = Y(
+}, fe = Y(
   Z(
-    (s, m) => {
+    (t, p) => {
       const {
-        value: c,
-        className: f,
-        wrapperClassName: b,
+        value: n,
+        className: m,
+        wrapperClassName: h,
         rightSlotClassName: L,
         requiredMarkClassName: j,
-        variant: A = se.DefaultGray,
+        variant: A = te.DefaultGray,
         type: D = "text",
         autofocus: g,
-        readonly: o,
+        readonly: c,
         id: F,
         onFocus: N,
         onBlur: x,
         label: u,
         withClearButton: E,
-        disabled: t,
+        disabled: s,
         onChange: i,
         rightAddon: M,
         status: V,
@@ -85,7 +85,7 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
         required: C,
         maxLength: v,
         ...T
-      } = s, [_, w] = R(g), [p, I] = R(!!c), d = $(null), G = te(d, m);
+      } = t, [_, w] = R(g), [b, I] = R(!!n), d = $(null), G = se(d, p);
       ee(() => {
         g && w(!0);
       }, [g]);
@@ -93,7 +93,7 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
         const l = a.currentTarget.value;
         x == null || x(a), w(!1), I(!!l);
       }, W = (a) => {
-        o || (w(!0), N == null || N(a));
+        c || (w(!0), N == null || N(a));
       }, H = () => {
         d != null && d.current && (d.current.value = "", d.current.focus(), I(!1), i == null || i({
           target: { value: "" }
@@ -101,18 +101,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
       }, J = (a) => {
         let l = a.target.value;
         S && (l = l.replace(/\D/g, "")), v !== void 0 && (l = l.slice(0, v)), a.target.value = l, i == null || i(a), I(!!l);
-      }, h = z(O), k = z(M), K = {
-        [e.readonly]: t || o,
+      }, f = z(O), k = z(M), K = {
+        [e.readonly]: s || c,
         [e.focused]: _,
-        [e.disabled]: t || o,
+        [e.disabled]: s || c,
         [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!h,
+        [e["has-left-slot"]]: !!f,
         [e["has-right-slot"]]: !!k
-      }, q = _ || p || !!c, Q = r(e.label, f, e[y], {
+      }, q = _ || b || !!n, Q = r(e.label, m, e[y], {
         [e["active-label"]]: q,
-        [e.disabled]: t || o,
-        [e["has-left-slot"]]: !!h
-      }), U = r(e.input, K, f, [
+        [e.disabled]: s || c,
+        [e["has-left-slot"]]: !!f
+      }), U = r(e.input, K, m, [
         e[A],
         e[V ?? ""],
         e[y]
@@ -126,15 +126,15 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
             e[V ?? ""],
             e[y],
             {
-              [e.disabled]: t || o,
+              [e.disabled]: s || c,
               [e.focused]: _
             },
-            b
+            h
           ),
           children: [
             u && /* @__PURE__ */ B("label", { htmlFor: F, className: Q, children: [
               u,
-              C && (p || _) && /* @__PURE__ */ n(
+              C && (b || _) && /* @__PURE__ */ o(
                 "span",
                 {
                   className: e["required-mark"],
@@ -142,18 +142,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
                 }
               )
             ] }),
-            h && /* @__PURE__ */ n(
+            f && /* @__PURE__ */ o(
               "span",
               {
                 className: r(e["left-slot"], {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
-                  [e.disabled]: t
+                  [e.disabled]: s
                 }),
-                children: h
+                children: f
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ o(
               "input",
               {
                 ref: G,
@@ -162,27 +162,27 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
                 className: U,
                 onFocus: W,
                 onBlur: P,
-                readOnly: o,
-                value: c,
+                readOnly: c,
+                value: n,
                 onChange: J,
                 maxLength: v,
-                disabled: t,
+                disabled: s,
                 required: C,
                 ...T
               }
             ),
-            k && /* @__PURE__ */ n(
+            k && /* @__PURE__ */ o(
               "span",
               {
                 className: r(e["right-slot"], L, {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
-                  [e.disabled]: t
+                  [e.disabled]: s
                 }),
                 children: k
               }
             ),
-            C && !p && !_ && /* @__PURE__ */ n(
+            C && !b && !_ && /* @__PURE__ */ o(
               "span",
               {
                 className: r(
@@ -192,18 +192,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
                 "data-testid": "required-mark"
               }
             ),
-            E && p && /* @__PURE__ */ n(
+            E && b && /* @__PURE__ */ o(
               le,
               {
                 tabIndex: -1,
                 className: r(e.clear, {
-                  [e.disabled]: t
+                  [e.disabled]: s
                 }),
                 isIconButton: !0,
                 iconName: "Close16px",
                 size: "m-s",
                 clear: !0,
-                disabled: t || o,
+                disabled: s || c,
                 variant: "secondary-gray",
                 onClick: H,
                 "data-testid": "clear-button"
@@ -215,8 +215,8 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
     }
   )
 );
-he.displayName = "Input";
+fe.displayName = "Input";
 export {
-  he as I,
+  fe as I,
   e as c
 };

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1son2_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_1son2_3 ._required-mark_1son2_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_1son2_3 ._label_1son2_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,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1son2_3 ._label_1son2_27._has-left-slot_1son2_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1son2_3 ._label_1son2_27._active-label_1son2_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1son2_3 ._label_1son2_27._active-label_1son2_45._has-left-slot_1son2_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1son2_3 ._label_1son2_27._active-label_1son2_45 ._required-mark_1son2_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1son2_3 ._input_1son2_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_1son2_3 ._input_1son2_3._has-left-slot_1son2_42{padding-left:0}._input-wrapper_1son2_3 ._input_1son2_3._has-right-slot_1son2_80{padding-right:0}._input-wrapper_1son2_3 ._input_1son2_3._focused_1son2_83{padding-top:0}._input-wrapper_1son2_3 ._input_1son2_3._has-label_1son2_86{padding-top:var(--input-padding-position)}._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89{color:var(--light-text)}._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:hover,._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:active,._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:focus{color:var(--light-text)}._input-wrapper_1son2_3 ._input_1son2_3._auto-height_1son2_95{height:auto;min-height:var(--input-height);overflow:hidden!important;transition:height .2s ease;resize:none}._input-wrapper_1son2_3 ._addon-icon_1son2_102{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1son2_3 ._left-slot_1son2_106,._input-wrapper_1son2_3 ._right-slot_1son2_107{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_1son2_3 ._left-slot_1son2_106._focused_1son2_83._has-label_1son2_86,._input-wrapper_1son2_3 ._right-slot_1son2_107._focused_1son2_83._has-label_1son2_86{padding-top:var(--input-padding-position)}._input-wrapper_1son2_3 ._left-slot_1son2_106._disabled_1son2_89,._input-wrapper_1son2_3 ._right-slot_1son2_107._disabled_1son2_89{color:var(--white);cursor:not-allowed}._input-wrapper_1son2_3 ._left-slot_1son2_106._disabled_1son2_89 ._addon-icon_1son2_102 path,._input-wrapper_1son2_3 ._right-slot_1son2_107._disabled_1son2_89 ._addon-icon_1son2_102 path{fill:var(--white)}._input-wrapper_1son2_3 ._left-slot_1son2_106{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1son2_3 ._right-slot_1son2_107{margin-left:var(--clear-button-mg)}._input-wrapper_1son2_3 ._clear_1son2_138{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1son2_3 ._clear_1son2_138._disabled_1son2_89{cursor:not-allowed}._input-wrapper_1son2_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1son2_3:hover ._label_1son2_27,._input-wrapper_1son2_3:focus-within ._label_1son2_27{color:var(--label-color)}._input-wrapper_1son2_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1son2_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1son2_3._focused_1son2_83{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1son2_3._focused_1son2_83:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1son2_3._disabled_1son2_89{--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_1son2_3._disabled_1son2_89:hover,._input-wrapper_1son2_3._disabled_1son2_89:active,._input-wrapper_1son2_3._disabled_1son2_89: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_1son2_3._disabled_1son2_89::-moz-placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89::placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89:hover::placeholder{color:var(--light-text)}._s_1son2_189{--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: var(--mimir-size-text-xs);--label-scaled: .85;--label-spacing: var(--mimir-space-1xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1son2_204{--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: var(--mimir-size-text-s);--label-scaled: .75;--label-spacing: var(--mimir-space-xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1son2_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: var(--mimir-size-text-s);--label-scaled: .6;--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_1son2_234{--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_1son2_246{--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_1son2_246:hover{--label-color: var(--dark-text)}._default-gray_1son2_234._success_1son2_261,._default-white_1son2_246._success_1son2_261{--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_1son2_234._success_1son2_261::-moz-placeholder,._default-white_1son2_246._success_1son2_261::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261::placeholder,._default-white_1son2_246._success_1son2_261::placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261:hover::-moz-placeholder,._default-white_1son2_246._success_1son2_261:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261:hover::placeholder,._default-white_1son2_246._success_1son2_261:hover::placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281,._default-white_1son2_246._alarm_1son2_281{--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_1son2_234._alarm_1son2_281::-moz-placeholder,._default-white_1son2_246._alarm_1son2_281::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281::placeholder,._default-white_1son2_246._alarm_1son2_281::placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281:hover::-moz-placeholder,._default-white_1son2_246._alarm_1son2_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281:hover::placeholder,._default-white_1son2_246._alarm_1son2_281:hover::placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301,._default-white_1son2_246._error_1son2_301{--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_1son2_234._error_1son2_301::-moz-placeholder,._default-white_1son2_246._error_1son2_301::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301::placeholder,._default-white_1son2_246._error_1son2_301::placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301:hover::-moz-placeholder,._default-white_1son2_246._error_1son2_301:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301:hover::placeholder,._default-white_1son2_246._error_1son2_301:hover::placeholder{color:var(--input-color)}
+._input-wrapper_1bpoc_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_1bpoc_3 ._required-mark_1bpoc_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_1bpoc_3 ._label_1bpoc_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_1bpoc_3 ._label_1bpoc_27._has-left-slot_1bpoc_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45._has-left-slot_1bpoc_42{left:var(--mimir-space-m)}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45 ._required-mark_1bpoc_17{margin-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_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_1bpoc_3 ._input_1bpoc_3._has-left-slot_1bpoc_42{padding-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-right-slot_1bpoc_79{padding-right:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._focused_1bpoc_82{padding-top:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:focus{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._auto-height_1bpoc_94{height:auto;min-height:var(--input-height);overflow:hidden!important;transition:height .2s ease;resize:none}._input-wrapper_1bpoc_3 ._addon-icon_1bpoc_101{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{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_1bpoc_3 ._left-slot_1bpoc_105._focused_1bpoc_82._has-label_1bpoc_85,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._focused_1bpoc_82._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88{color:var(--white);cursor:not-allowed}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path{fill:var(--white)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137._disabled_1bpoc_88{cursor:not-allowed}._input-wrapper_1bpoc_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1bpoc_3:hover ._label_1bpoc_27,._input-wrapper_1bpoc_3:focus-within ._label_1bpoc_27{color:var(--label-color)}._input-wrapper_1bpoc_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3._disabled_1bpoc_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_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3._disabled_1bpoc_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_1bpoc_3._disabled_1bpoc_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88::placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::placeholder{color:var(--light-text)}._s_1bpoc_188{--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_1bpoc_203{--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_1bpoc_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_1bpoc_232{--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_1bpoc_244{--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_1bpoc_244:hover{--label-color: var(--dark-text)}._default-gray_1bpoc_232._success_1bpoc_259,._default-white_1bpoc_244._success_1bpoc_259{--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_1bpoc_232._success_1bpoc_259::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259::placeholder,._default-white_1bpoc_244._success_1bpoc_259::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279,._default-white_1bpoc_244._alarm_1bpoc_279{--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_1bpoc_232._alarm_1bpoc_279::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299,._default-white_1bpoc_244._error_1bpoc_299{--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_1bpoc_232._error_1bpoc_299::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299::placeholder,._default-white_1bpoc_244._error_1bpoc_299::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::placeholder{color:var(--input-color)}

package/dist/components/DatePicker/DatePicker.js

@@ -9,7 +9,7 @@ import { formatDatePart as Y } from "./utils.js";
 import { YearPickerModal as et } from "./YearPickerModal.js";
 import { useClickOutside as it } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating as d } from "../../utils/index.js";
-import { I as at } from "../../Input-DlGNMuUD.js";
+import { I as at } from "../../Input-CxcCZOIp.js";
 import { EInputStatus as rt } from "../Input/constants.js";
 const mt = {
   days: tt,

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

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as re } from "../../icons/Icon.js";
 import { Button as ce } from "../Button/Button.js";
 import { CheckboxMimir as ae } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as ue } from "../Chip/Chip.js";
-import { I as j } from "../../Input-DlGNMuUD.js";
+import { I as j } from "../../Input-CxcCZOIp.js";
 import { EInputVariant as de } from "../Input/constants.js";
 import { H as pe, U as G, G as W, K as me, W as _e } from "../../combobox-CDU06zJj.js";
 import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe = "_container_17kql_9", ke = "_full_17kql_27", qe = "_button_17kql_39", ge = "_options_17kql_53", be = "_top_17kql_64", ve = "_bottom_17kql_69", Ne = "_m_17kql_2", Ie = "_l_17kql_111", we = "_focused_17kql_129", Ce = "_option_17kql_53", Se = "_chip_17kql_158", Me = "_clear_17kql_183", e = {

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as t } from "./constants.js";
-import "../../Input-DlGNMuUD.js";
+import "../../Input-CxcCZOIp.js";
 import { EInputSize as e } from "../Input/constants.js";
 const w = (r) => {
   switch (r) {

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-DlGNMuUD.js";
+import { I as A } from "../../Input-CxcCZOIp.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 v } from "./constants.js";
 import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
 import { Icon as q } from "../../icons/Icon.js";
 import { Button as $ } from "../Button/Button.js";
-import { I as A } from "../../Input-DlGNMuUD.js";
+import { I as A } from "../../Input-CxcCZOIp.js";
 import { EInputVariant as J } from "../Input/constants.js";
 import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
 import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as r } from "./constants.js";
-import "../../Input-DlGNMuUD.js";
+import "../../Input-CxcCZOIp.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 Y } from "./hooks.js";
 import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as $ } from "../../icons/Icon.js";
 import { Button as ee } from "../Button/Button.js";
-import { c as e } from "../../Input-DlGNMuUD.js";
+import { c as e } from "../../Input-CxcCZOIp.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_1n8kz_22", re = "_s_1n8kz_54", le = "_m_1n8kz_62", ne = "_l_1n8kz_22", a = {
   "textarea-wrapper": "_textarea-wrapper_1n8kz_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-DlGNMuUD.js";
+import { I as S } from "../Input-CxcCZOIp.js";
 import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { InputPassword as I } from "./InputPassword/InputPassword.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 u } from "./Input-DlGNMuUD.js";
+import { I as u } from "./Input-CxcCZOIp.js";
 import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { InputPassword as I } from "./components/InputPassword/InputPassword.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.36.4",
+  "version": "1.36.5",
   "type": "module",
   "exports": {
     ".": {
@@ -52,8 +52,6 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",
     "@headlessui/react": "^2.1.8",
-    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
-    "@loadable/component": "^5.15.2",
     "@storybook/addon-essentials": "^8.2.2",
     "@storybook/addon-interactions": "^8.2.2",
     "@storybook/addon-links": "^8.2.2",