mimir-ui-kit 1.34.6 → 1.34.8

package/dist/{ProgressBar-C0dC7o7N.js → ProgressBar-DEFs1tWq.js}

@@ -33,14 +33,14 @@ import './assets/ProgressBar.css';const f = "_title_1z0br_37", g = "_timer_1z0br
   }) => {
     const t = n(), r = n(null);
     return p(() => {
-      const m = Date.now(), o = () => {
-        const i = Date.now() - m, _ = Math.min(i / s * 100, 100);
+      const i = Date.now(), o = () => {
+        const m = Date.now() - i, _ = Math.min(m / s * 100, 100);
         r.current && (r.current.style.width = `${_}%`), _ < 100 && (t.current = requestAnimationFrame(o));
       };
       return t.current = requestAnimationFrame(o), () => {
         t.current && cancelAnimationFrame(t.current);
       };
-    }, [s]), /* @__PURE__ */ a("div", { className: e.progress, children: /* @__PURE__ */ a(
+    }, [s]), /* @__PURE__ */ a("div", { className: e.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ a(
       "div",
       {
         ref: r,

package/dist/assets/ListPhotos.css

@@ -1 +1 @@
-._list-photos_if5ro_2{display:flex;gap:var(--mimir-space-m);overflow-x:auto}._list-photos_if5ro_2::-webkit-scrollbar{display:none}._list-photos_if5ro_2 ._list-photos-item_if5ro_10{position:relative;flex-shrink:0;width:var(--mimir-space-4xxl);height:var(--mimir-space-4xxl);overflow:hidden;border-radius:var(--mimir-control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_if5ro_2 ._list-photos-image_if5ro_19{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_if5ro_2 ._delete-button_if5ro_24{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs)}
+._list-photos_167sp_2{display:flex;gap:var(--mimir-space-m);overflow-x:auto;padding-top:var(--mimir-space-m)}._list-photos_167sp_2::-webkit-scrollbar{display:none}._list-photos_167sp_2 ._list-photos-item_167sp_11{position:relative;flex-shrink:0;width:var(--mimir-space-4xxl);height:var(--mimir-space-4xxl);overflow:hidden;border-radius:var(--mimir-control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_167sp_2 ._list-photos-image_167sp_20{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_167sp_2 ._delete-button_167sp_25{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs)}

package/dist/components/Drawer/Drawer.js

@@ -31,24 +31,24 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
   "is-closing": "_is-closing_1xs4d_159",
   overlay: ne,
   unmount: le
-}, ae = 300, ge = ({
+}, ie = 300, ge = ({
   isOpen: r,
   onClose: l,
   title: N,
   className: k,
   unmount: f = !0,
-  isLoading: a = !1,
+  isLoading: i = !1,
   stickyHeader: B,
   fullBottomHeight: E = !1,
-  position: i = v.RIGHT,
+  position: a = v.RIGHT,
   paddingRight: M = 8,
   footer: c,
-  children: I,
-  classNameInner: S,
+  children: S,
+  classNameInner: I,
   classNameFooter: C
 }) => {
   const [L, h] = u(!1), [T, x] = u(!1), [D, p] = u(!1), y = X(), d = P(Q.XS1), { ref: z } = G({
-    enabled: i === v.BOTTOM
+    enabled: a === v.BOTTOM
   });
   F({
     on: D,
@@ -57,7 +57,7 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
   const o = g(() => {
     l && (h(!0), p(!1), y.current = setTimeout(() => {
       l(), h(!1);
-    }, ae));
+    }, ie));
   }, [l]), _ = g(
     (R) => {
       R.key === "Escape" && o();
@@ -71,7 +71,7 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
     [e.opened]: T,
     [e["is-closing"]]: L,
     [e["full-bottom-height"]]: E,
-    [e["is-loading"]]: a
+    [e["is-loading"]]: i
   };
   return !r && f ? null : /* @__PURE__ */ m(O, { children: [
     /* @__PURE__ */ t(
@@ -79,15 +79,15 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
       {
         "aria-hidden": !r,
         role: "dialog",
-        className: s(e.drawer, e[i], b, k),
+        className: s(e.drawer, e[a], b, k),
         children: /* @__PURE__ */ t(
           "section",
           {
             ref: z,
-            className: s(e.content, e[i], {
-              [e["is-loading"]]: !!a
+            className: s(e.content, e[a], {
+              [e["is-loading"]]: !!i
             }),
-            children: a ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ m(A, { children: [
+            children: i ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ m(A, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
@@ -110,7 +110,7 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
                   ]
                 }
               ),
-              /* @__PURE__ */ t("div", { className: s(e.inner, S), children: I }),
+              /* @__PURE__ */ t("div", { className: s(e.inner, I), children: S }),
               /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof c == "function" ? c({ handleClose: o }) : c || /* @__PURE__ */ t(
                 w,
                 {
@@ -136,13 +136,13 @@ import '../../assets/Drawer.css';const V = "_drawer_1xs4d_3", W = "_content_1xs4
           },
           b
         ),
-        "data-testId": "drawer-overlay",
+        "data-testid": "drawer-overlay",
         onClick: o
       }
     )
   ] });
 };
 export {
-  ae as ANIMATION_DELAY,
+  ie as ANIMATION_DELAY,
   ge as Drawer
 };

package/dist/components/InputPassword/InputPassword.js

@@ -1,45 +1,47 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../index-DIxK0V-G.js";
-import { memo as m, forwardRef as w, useState as u } from "react";
-import { Icon as _ } from "../../icons/Icon.js";
-import { Button as l } from "../Button/Button.js";
-import { I as b } from "../../Input-DGr0q5AJ.js";
-import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
-  input: d,
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+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-DGr0q5AJ.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,
   "input-wrapper": "_input-wrapper_7b9x2_13",
   "button-wrapper": "_button-wrapper_7b9x2_17",
   button: h,
   icon: f,
   show: N
-}, I = m(
-  w(
-    ({ size: s, ...p }, a) => {
-      const [r, n] = u(!1), e = () => n(!r);
-      return /* @__PURE__ */ c("div", { className: t.wrapper, children: [
-        /* @__PURE__ */ o(
-          b,
+}, y = w(
+  u(
+    ({ size: r, ...p }, a) => {
+      const [o, e] = m(!1), n = () => e(!o);
+      return /* @__PURE__ */ i("div", { className: t.wrapper, "data-testid": "input-password-wrapper", children: [
+        /* @__PURE__ */ s(
+          l,
           {
             ref: a,
             className: t.input,
             wrapperClassName: t["input-wrapper"],
-            size: s,
-            type: r ? "text" : "password",
+            size: r,
+            type: o ? "text" : "password",
+            "data-testid": "password-input",
             ...p
           }
         ),
-        /* @__PURE__ */ o("div", { className: t["button-wrapper"], children: /* @__PURE__ */ o(
-          l,
+        /* @__PURE__ */ s("div", { className: t["button-wrapper"], children: /* @__PURE__ */ s(
+          _,
           {
             clear: !0,
             type: "button",
             className: t.button,
-            onClick: e,
-            children: /* @__PURE__ */ o(
-              _,
+            onClick: n,
+            "data-testid": "eye-icon",
+            children: /* @__PURE__ */ s(
+              d,
               {
-                className: i(t.icon, {
-                  [t.show]: r
+                className: c(t.icon, {
+                  [t.show]: o
                 }),
                 iconName: "Eye24px"
               }
@@ -50,7 +52,7 @@ import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrappe
     }
   )
 );
-I.displayName = "InputPassword";
+y.displayName = "InputPassword";
 export {
-  I as InputPassword
+  y as InputPassword
 };

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,32 +1,32 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as n, useEffect as _ } from "react";
-import { Button as f } from "../Button/Button.js";
+import { Button as d } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const o = {
-  "list-photos": "_list-photos_if5ro_2",
-  "list-photos-item": "_list-photos-item_if5ro_10",
-  "list-photos-image": "_list-photos-image_if5ro_19",
-  "delete-button": "_delete-button_if5ro_24"
+  "list-photos": "_list-photos_167sp_2",
+  "list-photos-item": "_list-photos-item_167sp_11",
+  "list-photos-image": "_list-photos-image_167sp_20",
+  "delete-button": "_delete-button_167sp_25"
 };
 function N({ value: i, onChange: s }) {
-  const [l, r] = n(i);
+  const [l, m] = n(i);
   _(() => {
-    r(i);
+    m(i);
   }, [i]);
-  const c = async (t) => {
-    const m = [...l.filter((p) => p.id !== t)];
-    r(m), s == null || s({ deleteId: t, list: m });
+  const p = async (t) => {
+    const c = [...l.filter((r) => r.id !== t)];
+    m(c), s == null || s({ deleteId: t, list: c });
   };
   return /* @__PURE__ */ e("ul", { className: o["list-photos"], children: l.map((t) => /* @__PURE__ */ a("li", { className: o["list-photos-item"], children: [
     /* @__PURE__ */ e("img", { className: o["list-photos-image"], src: t.url, alt: "" }),
     s && /* @__PURE__ */ e(
-      f,
+      d,
       {
         isIconButton: !0,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
         className: o["delete-button"],
-        onClick: () => c(t.id)
+        onClick: () => p(t.id)
       }
     )
   ] }, t.id)) });

package/dist/components/OtpInput/OtpInput.js

@@ -1,10 +1,10 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
 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-DGr0q5AJ.js";
-import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", n = {
+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",
   input: F,
@@ -17,43 +17,49 @@ import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_1
     onChange: i,
     className: h,
     ..._
-  }, f) => {
+  }, d) => {
     const {
-      data: { inputRefs: o, valueItems: s },
-      handlers: { handleChange: d, handleFocus: I, handleKeyDown: w, handlePaste: N }
+      data: { inputRefs: s, valueItems: o },
+      handlers: { handleChange: f, handleFocus: I, handleKeyDown: w, handlePaste: N }
     } = y({
       onChange: i,
       value: m,
       valueLength: c
     });
-    return R(f, () => ({
+    return R(d, () => ({
       focus: () => {
         var a;
-        (a = o.current[0]) == null || a.focus();
+        (a = s.current[0]) == null || a.focus();
       }
-    })), /* @__PURE__ */ r("div", { className: u(n.otp, h), children: s.map((a, e) => {
-      const p = e + 1, E = l && p % q === 0 && p !== s.length;
+    })), /* @__PURE__ */ n("div", { className: u(r.otp, h), children: o.map((a, e) => {
+      const p = e + 1, E = l && p % q === 0 && p !== o.length;
       return /* @__PURE__ */ g(T, { children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           A,
           {
-            ref: (t) => o.current[e] = t,
+            ref: (t) => s.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
             value: a,
-            className: n.input,
-            wrapperClassName: n["input-wrapper"],
-            onChange: (t) => d(t, e),
+            className: r.input,
+            wrapperClassName: r["input-wrapper"],
+            onChange: (t) => f(t, e),
             onKeyDown: (t) => w(t, e),
             onFocus: (t) => I(t, e),
             onPaste: N,
             ..._
           }
         ),
-        E && /* @__PURE__ */ r("span", { className: u(n.separator) })
+        E && /* @__PURE__ */ n(
+          "span",
+          {
+            className: u(r.separator),
+            "data-testid": "separator"
+          }
+        )
       ] }, e);
     }) });
   }

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -16,4 +16,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     menuPlacement?: import('./types').TMenuPlacement;
     disabled?: boolean;
     searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength">;
+    disableInput?: boolean;
 } & import('react').RefAttributes<HTMLElement>>;