mimir-ui-kit 1.36.8 → 1.36.9

package/dist/{Input-WnjLXNpw.js → Input-CbgqYgLo.js}

@@ -1,46 +1,46 @@
-import { jsxs as B, jsx as c, Fragment as Y } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as Z, forwardRef as $, useState as R, useRef as ee, useEffect as z } from "react";
-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_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 = {
+import { jsxs as B, jsx as c, Fragment as Z } from "react/jsx-runtime";
+import { c as r } from "./index-DIxK0V-G.js";
+import { memo as $, forwardRef as ee, useState as R, useRef as te, useEffect as z } from "react";
+import { EInputVariant as se } from "./components/Input/constants.js";
+import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as le } from "./icons/Icon.js";
+import { Button as oe } from "./components/Button/Button.js";
+import './assets/Input.css';const re = "_label_1bpoc_27", ce = "_input_1bpoc_3", ne = "_focused_1bpoc_82", ie = "_disabled_1bpoc_88", de = "_clear_1bpoc_137", ue = "_s_1bpoc_188", pe = "_m_1bpoc_203", _e = "_l_1bpoc_27", me = "_success_1bpoc_259", be = "_alarm_1bpoc_279", fe = "_error_1bpoc_299", e = {
   "input-wrapper": "_input-wrapper_1bpoc_3",
   "required-mark": "_required-mark_1bpoc_17",
   label: re,
   "has-left-slot": "_has-left-slot_1bpoc_42",
   "active-label": "_active-label_1bpoc_45",
-  input: oe,
+  input: ce,
   "has-right-slot": "_has-right-slot_1bpoc_79",
-  focused: ce,
+  focused: ne,
   "has-label": "_has-label_1bpoc_85",
-  disabled: ne,
+  disabled: ie,
   "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,
+  clear: de,
+  s: ue,
+  m: pe,
   l: _e,
   "default-gray": "_default-gray_1bpoc_232",
   "default-white": "_default-white_1bpoc_244",
-  success: pe,
-  alarm: me,
-  error: be
+  success: me,
+  alarm: be,
+  error: fe
 }, L = (t) => {
-  var p, a;
+  var _, a;
   if (!t)
     return null;
   switch (t.addonType) {
     case "icon": {
-      const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
+      const m = (_ = t.addonContent) == null ? void 0 : _.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
       return /* @__PURE__ */ c(
-        ae,
+        le,
         {
           style: {
-            "--icon-size": o({
+            "--icon-size": r({
               "16px": m,
               "24px": g
             })
@@ -53,26 +53,26 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
     case "text":
       return t.addonContent;
     case "react-node":
-      return /* @__PURE__ */ c(Y, { children: t.addonContent });
+      return /* @__PURE__ */ c(Z, { children: t.addonContent });
     default:
       return null;
   }
-}, fe = Z(
-  $(
-    (t, p) => {
+}, he = $(
+  ee(
+    (t, _) => {
       const {
         value: a,
         className: m,
         wrapperClassName: g,
         rightSlotClassName: j,
         requiredMarkClassName: D,
-        variant: A = te.DefaultGray,
+        variant: A = se.DefaultGray,
         type: E = "text",
         autofocus: N,
         readonly: n,
         id: F,
         onFocus: x,
-        onBlur: y,
+        onBlur: C,
         label: u,
         withClearButton: M,
         disabled: s,
@@ -80,63 +80,64 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
         rightAddon: O,
         status: V,
         leftAddon: S,
-        size: C = "m",
+        size: y = "m",
         numbersOnly: T,
         required: v,
         maxLength: w,
-        ...G
-      } = t, [_, I] = R(N), [b, f] = R(!!a), d = ee(null), P = se(d, p);
+        autocomplete: G = "on",
+        ...P
+      } = t, [p, I] = R(N), [b, f] = R(!!a), d = te(null), W = ae(d, _);
       z(() => {
         N && I(!0);
       }, [N]), z(() => {
         f(!!a);
       }, [a]);
-      const W = (l) => {
-        const r = l.currentTarget.value;
-        y == null || y(l), I(!1), f(!!r);
-      }, H = (l) => {
+      const H = (l) => {
+        const o = l.currentTarget.value;
+        C == null || C(l), I(!1), f(!!o);
+      }, J = (l) => {
         n || (I(!0), x == null || x(l));
-      }, J = () => {
+      }, K = () => {
         d != null && d.current && (d.current.value = "", d.current.focus(), f(!1), i == null || i({
           target: { value: "" }
         }));
-      }, K = (l) => {
-        let r = l.target.value;
-        T && (r = r.replace(/\D/g, "")), w !== void 0 && (r = r.slice(0, w)), l.target.value = r, i == null || i(l), f(!!r);
-      }, h = L(S), k = L(O), Q = {
+      }, Q = (l) => {
+        let o = l.target.value;
+        T && (o = o.replace(/\D/g, "")), w !== void 0 && (o = o.slice(0, w)), l.target.value = o, i == null || i(l), f(!!o);
+      }, h = L(S), k = L(O), U = {
         [e.readonly]: s || n,
-        [e.focused]: _,
+        [e.focused]: p,
         [e.disabled]: s || n,
         [e["has-label"]]: !!u,
         [e["has-left-slot"]]: !!h,
         [e["has-right-slot"]]: !!k
-      }, q = _ || b || !!a, U = o(e.label, m, e[C], {
+      }, q = p || b || !!a, X = r(e.label, m, e[y], {
         [e["active-label"]]: q,
         [e.disabled]: s || n,
         [e["has-left-slot"]]: !!h
-      }), X = o(e.input, Q, m, [
+      }), Y = r(e.input, U, m, [
         e[A],
         e[V ?? ""],
-        e[C]
+        e[y]
       ]);
       return /* @__PURE__ */ B(
         "div",
         {
-          className: o(
+          className: r(
             e["input-wrapper"],
             e[A],
             e[V ?? ""],
-            e[C],
+            e[y],
             {
               [e.disabled]: s || n,
-              [e.focused]: _
+              [e.focused]: p
             },
             g
           ),
           children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: U, children: [
+            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
               u,
-              v && (b || _) && /* @__PURE__ */ c(
+              v && (b || p) && /* @__PURE__ */ c(
                 "span",
                 {
                   className: e["required-mark"],
@@ -147,7 +148,7 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
             h && /* @__PURE__ */ c(
               "span",
               {
-                className: o(e["left-slot"], {
+                className: r(e["left-slot"], {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
@@ -158,25 +159,26 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
             /* @__PURE__ */ c(
               "input",
               {
-                ref: P,
+                ref: W,
                 type: E,
                 id: F,
-                className: X,
-                onFocus: H,
-                onBlur: W,
+                className: Y,
+                onFocus: J,
+                onBlur: H,
                 readOnly: n,
                 value: a,
-                onChange: K,
+                onChange: Q,
                 maxLength: w,
                 disabled: s,
                 required: v,
-                ...G
+                autoComplete: G,
+                ...P
               }
             ),
             k && /* @__PURE__ */ c(
               "span",
               {
-                className: o(e["right-slot"], j, {
+                className: r(e["right-slot"], j, {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
@@ -184,10 +186,10 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 children: k
               }
             ),
-            v && !b && !_ && /* @__PURE__ */ c(
+            v && !b && !p && /* @__PURE__ */ c(
               "span",
               {
-                className: o(
+                className: r(
                   e["required-mark"],
                   D
                 ),
@@ -195,10 +197,10 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
               }
             ),
             M && b && /* @__PURE__ */ c(
-              le,
+              oe,
               {
                 tabIndex: -1,
-                className: o(e.clear, {
+                className: r(e.clear, {
                   [e.disabled]: s
                 }),
                 isIconButton: !0,
@@ -207,7 +209,7 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 clear: !0,
                 disabled: s || n,
                 variant: "secondary-gray",
-                onClick: J,
+                onClick: K,
                 "data-testid": "clear-button"
               }
             )
@@ -217,8 +219,8 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
     }
   )
 );
-fe.displayName = "Input";
+he.displayName = "Input";
 export {
-  fe as I,
+  he as I,
   e as c
 };