mimir-ui-kit 1.43.15 → 1.43.18

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,103 +1,104 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { useState as G } from "react";
-import { week as U, COUNT_WORK_DAYS as V } from "./constants.js";
-import { useDatePickerPosition as W } from "./hooks.js";
+import { c as A } from "../../index-DIxK0V-G.js";
+import { useState as U } from "react";
+import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
+import { useDatePickerPosition as E } from "./hooks.js";
 import { c as n } from "../../styles.module-Cuqm31CO.js";
-import { getUpdateDate as A } from "./utils.js";
-import { Icon as E } from "../../icons/Icon.js";
+import { getUpdateDate as B } from "./utils.js";
+import { Icon as K } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";
-import { Button as B } from "../Button/Button.js";
-import { parseDate as H } from "../../utils/formating/Date.js";
-const at = ({
+import { Button as H } from "../Button/Button.js";
+import { parseDate as I } from "../../utils/formating/Date.js";
+const mt = ({
   date: i,
   selectedDate: d,
-  onChangeValue: I,
-  setIsActive: O,
-  before: p,
+  onChangeValue: O,
+  setIsActive: S,
+  before: g,
   onChangeType: D,
-  disableFuture: S = !1,
-  disablePast: T = !1,
-  disabledDate: h,
-  validRange: N
+  disableFuture: T = !1,
+  disablePast: _ = !1,
+  disabledDate: p,
+  validRange: N,
+  dateFormat: w
 }) => {
-  var $;
+  var k;
   i = isNaN(new Date(i).getTime()) ? /* @__PURE__ */ new Date() : i;
-  const l = H(i), f = d ? H(d) : l, y = {
+  const l = I(i), f = d ? I(d) : l, y = {
     y: f.getFullYear(),
     d: f.getDate(),
     m: f.getMonth() + 1
-  }, w = {
+  }, v = {
     y: l.getFullYear(),
     d: l.getDate(),
     m: l.getMonth() + 1
-  }, [r, b] = G({ y: w.y, m: w.m }), _ = W([r]), j = (t) => {
+  }, [r, b] = U({ y: v.y, m: v.m }), j = E([r]), C = (t) => {
     let e = t.getDay();
     return e === 0 && (e = 7), e - 1;
-  }, v = r.m - 1, c = new Date(r.y, v), g = [], x = (() => {
+  }, x = r.m - 1, c = new Date(r.y, x), h = [], M = (() => {
     const t = new Date(c);
     t.setDate(t.getDate() - 1);
     const e = t.getDate(), o = [];
-    for (let s = 0; s < j(c); s++)
+    for (let s = 0; s < C(c); s++)
       o.push(e - s);
     return o.reverse(), o;
   })();
-  for (; c.getMonth() === v; )
-    g.push(c.getDate()), c.setDate(c.getDate() + 1);
-  const C = (() => {
-    const e = 42 - (x.length + g.length), o = [];
+  for (; c.getMonth() === x; )
+    h.push(c.getDate()), c.setDate(c.getDate() + 1);
+  const L = (() => {
+    const e = 42 - (M.length + h.length), o = [];
     for (let s = 1; s <= e; s++)
       o.push(s);
     return o;
-  })(), F = () => {
-    O(!1);
-  }, L = () => {
-    b(A(r.m + 1, r.y));
-  }, Y = () => {
-    b(A(r.m - 1, r.y));
-  }, M = (t) => {
+  })(), Y = () => {
+    S(!1);
+  }, z = () => {
+    b(B(r.m + 1, r.y));
+  }, F = () => {
+    b(B(r.m - 1, r.y));
+  }, $ = (t) => {
     const e = new Date(t);
-    if (e.setHours(0, 0, 0, 0), p && p.getTime() > t)
+    if (e.setHours(0, 0, 0, 0), g && g.getTime() > t)
       return !0;
-    if (S) {
+    if (T) {
       const o = /* @__PURE__ */ new Date();
       if (o.setHours(0, 0, 0, 0), e.getTime() > o.getTime()) return !0;
     }
-    if (T) {
+    if (_) {
       const o = /* @__PURE__ */ new Date();
       if (o.setHours(0, 0, 0, 0), t < o.getTime()) return !0;
     }
-    if (h && h(e)) return !0;
+    if (p && p(e)) return !0;
     if (N) {
-      const [o, s] = N, k = new Date(t);
-      if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), k < o || k > s) return !0;
+      const [o, s] = N, P = new Date(t);
+      if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), P < o || P > s) return !0;
     }
     return !1;
-  }, z = (t) => {
-    M(
+  }, G = (t) => {
+    $(
       (/* @__PURE__ */ new Date(
         `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
       )).getTime()
-    ) || (I(
+    ) || (O(
       /* @__PURE__ */ new Date(
         `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
       )
-    ), F());
+    ), Y());
   };
   return /* @__PURE__ */ u(
     "div",
     {
       className: n["calendar-block"],
-      ref: _,
+      ref: j,
       "data-testid": "calendar-modal",
       children: [
         /* @__PURE__ */ u("div", { className: n.h, children: [
           /* @__PURE__ */ a(
-            B,
+            H,
             {
               isIconButton: !0,
               iconName: "DropdownArrowLeft16px",
-              onClick: Y,
+              onClick: F,
               variant: "secondary-gray",
               size: "l"
             }
@@ -107,46 +108,46 @@ const at = ({
             {
               type: "button",
               className: n.d,
-              onClick: () => D == null ? void 0 : D("months"),
               "data-testid": "month-year-button",
+              onClick: w === "month" ? void 0 : () => D == null ? void 0 : D("months"),
               children: [
-                ($ = m.Month(r.m)) == null ? void 0 : $.name,
+                (k = m.Month(r.m)) == null ? void 0 : k.name,
                 "’",
                 r.y.toString().slice(-2),
-                /* @__PURE__ */ a(E, { iconName: "DropdownArrowBottom16px" })
+                w !== "month" && /* @__PURE__ */ a(K, { iconName: "DropdownArrowBottom16px" })
               ]
             }
           ),
           /* @__PURE__ */ a(
-            B,
+            H,
             {
               isIconButton: !0,
               iconName: "DropdownArrowRight16px",
-              onClick: L,
+              onClick: z,
               variant: "secondary-gray",
               size: "l"
             }
           )
         ] }),
         /* @__PURE__ */ u("div", { className: n.b, children: [
-          U.map((t, e) => /* @__PURE__ */ a(
+          V.map((t, e) => /* @__PURE__ */ a(
             "div",
             {
-              className: P(n.m, {
-                [n.orange]: e > V
+              className: A(n.m, {
+                [n.orange]: e > W
               }),
               children: t
             },
             `v${e}`
           )),
-          x.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e)),
-          g.map((t, e) => /* @__PURE__ */ a(
+          M.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e)),
+          h.map((t, e) => /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              onClick: () => z(t),
-              className: P(
-                M(
+              onClick: () => G(t),
+              className: A(
+                $(
                   (/* @__PURE__ */ new Date(
                     `${r.y}-${m.Number(2, r.m)}-${m.Number(2, t)}`
                   )).getTime()
@@ -159,12 +160,12 @@ const at = ({
             },
             e
           )),
-          C.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e))
+          L.map((t, e) => /* @__PURE__ */ a("div", { className: n.m, children: t }, e))
         ] })
       ]
     }
   );
 };
 export {
-  at as DatePickerModal
+  mt as DatePickerModal
 };

package/dist/components/DatePicker/MonthPickerModal.d.ts

@@ -9,6 +9,7 @@ type TProps = {
     disablePast?: boolean;
     disabledDate?: (date: Date) => boolean;
     validRange?: [Date, Date];
+    dateFormat?: 'full' | 'month' | 'year';
 };
-export declare const MonthPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeMonth, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeMonth, disableFuture, disablePast, disabledDate, validRange, dateFormat }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/MonthPickerModal.js

@@ -1,66 +1,67 @@
 import { jsxs as w, jsx as f } from "react/jsx-runtime";
-import { c as R } from "../../index-DIxK0V-G.js";
-import { useState as _ } from "react";
-import { months as C } from "./constants.js";
-import { useDatePickerPosition as L } from "./hooks.js";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { useState as C } from "react";
+import { months as L } from "./constants.js";
+import { useDatePickerPosition as b } from "./hooks.js";
 import { c } from "../../styles.module-Cuqm31CO.js";
-import { Icon as b } from "../../icons/Icon.js";
-import { formating as F } from "../../utils/index.js";
-import { Button as H } from "../Button/Button.js";
-const Z = ({
-  date: P,
+import { Icon as q } from "../../icons/Icon.js";
+import { formating as P } from "../../utils/index.js";
+import { Button as A } from "../Button/Button.js";
+const T = ({
+  date: F,
   selectedDate: D,
-  onChangeValue: A,
+  onChangeValue: G,
   before: m,
   onChangeType: y,
   onChangeMonth: g,
-  disableFuture: G = !1,
-  disablePast: I = !1,
+  disableFuture: I = !1,
+  disablePast: N = !1,
   disabledDate: u,
-  validRange: M
+  validRange: h,
+  dateFormat: M
 }) => {
-  const N = L(), d = new Date(P), p = D ? new Date(D) : d, h = {
+  const O = b(), d = new Date(F), p = D ? new Date(D) : d, k = {
     y: p.getFullYear(),
     d: p.getDate(),
     m: p.getMonth() + 1
-  }, k = {
+  }, x = {
     y: d.getFullYear(),
     d: d.getDate(),
     m: d.getMonth() + 1
-  }, [t, x] = _(k.y), O = () => {
-    x(t + 1);
-  }, S = () => {
-    x(t - 1);
-  }, Y = (e) => {
-    const i = /* @__PURE__ */ new Date(), n = i.getFullYear(), l = i.getMonth() + 1;
-    if (M) {
-      const [r, a] = M, o = new Date(t, e - 1, 1), s = new Date(t, e, 0);
+  }, [t, Y] = C(x.y), S = () => {
+    Y(t + 1);
+  }, $ = () => {
+    Y(t - 1);
+  }, v = (e) => {
+    const i = /* @__PURE__ */ new Date(), r = i.getFullYear(), l = i.getMonth() + 1;
+    if (h) {
+      const [n, a] = h, o = new Date(t, e - 1, 1), s = new Date(t, e, 0);
       o.setHours(0, 0, 0, 0), s.setHours(23, 59, 59, 999);
-      const v = new Date(r), B = new Date(a);
-      v.setHours(0, 0, 0, 0), B.setHours(23, 59, 59, 999);
-      const j = s < v, z = o > B;
-      if (j || z)
+      const B = new Date(n), H = new Date(a);
+      B.setHours(0, 0, 0, 0), H.setHours(23, 59, 59, 999);
+      const z = s < B, R = o > H;
+      if (z || R)
         return !0;
     }
     if (m) {
-      const r = m.getFullYear(), a = m.getMonth() + 1;
-      if (r > t || r === t && a > e)
+      const n = m.getFullYear(), a = m.getMonth() + 1;
+      if (n > t || n === t && a > e)
         return !0;
     }
-    if (G && (t > n || t === n && e > l) || I && (t < n || t === n && e < l))
+    if (I && (t > r || t === r && e > l) || N && (t < r || t === r && e < l))
       return !0;
     if (u) {
-      const r = new Date(t, e, 0).getDate(), a = [1, Math.ceil(r / 2), r];
+      const n = new Date(t, e, 0).getDate(), a = [1, Math.ceil(n / 2), n];
       for (const o of a) {
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
       }
-      for (let o = 2; o < r; o += 3) {
+      for (let o = 2; o < n; o += 3) {
         if (a.includes(o)) continue;
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
       }
-      for (let o = 1; o <= r; o++) {
+      for (let o = 1; o <= n; o++) {
         if (a.includes(o) || (o - 2) % 3 === 0) continue;
         const s = new Date(t, e - 1, o);
         if (!u(s)) return !1;
@@ -68,21 +69,21 @@ const Z = ({
       return !0;
     }
     return !1;
-  }, $ = (e) => {
-    Y(e) || (g ? g(t, e) : A(
+  }, j = (e) => {
+    v(e) || (g ? g(t, e) : G(
       /* @__PURE__ */ new Date(
-        `${t}-${F.Number(2, e)}-${F.Number(2, k.d)}`
+        `${t}-${P.Number(2, e)}-${P.Number(2, x.d)}`
       )
     ));
   };
-  return /* @__PURE__ */ w("div", { className: c["calendar-block"], ref: N, children: [
+  return /* @__PURE__ */ w("div", { className: c["calendar-block"], ref: O, children: [
     /* @__PURE__ */ w("div", { className: c.h, children: [
       /* @__PURE__ */ f(
-        H,
+        A,
         {
           isIconButton: !0,
           iconName: "DropdownArrowLeft16px",
-          onClick: S,
+          onClick: $,
           variant: "secondary-gray",
           size: "l"
         }
@@ -91,36 +92,36 @@ const Z = ({
         "button",
         {
           type: "button",
-          onClick: () => y == null ? void 0 : y("years"),
           className: c.d,
           "data-testid": "year-button",
+          onClick: M === "month" ? void 0 : () => y == null ? void 0 : y("years"),
           children: [
             t.toString(),
-            /* @__PURE__ */ f(b, { iconName: "DropdownArrowBottom16px" })
+            M !== "month" && /* @__PURE__ */ f(q, { iconName: "DropdownArrowBottom16px" })
           ]
         }
       ),
       /* @__PURE__ */ f(
-        H,
+        A,
         {
           isIconButton: !0,
           iconName: "DropdownArrowRight16px",
-          onClick: O,
+          onClick: S,
           variant: "secondary-gray",
           size: "l"
         }
       )
     ] }),
-    /* @__PURE__ */ f("div", { className: c.monthGrid, "data-testid": "month-picker", children: C.map((e, i) => {
-      const n = i + 1, l = Y(n);
+    /* @__PURE__ */ f("div", { className: c.monthGrid, "data-testid": "month-picker", children: L.map((e, i) => {
+      const r = i + 1, l = v(r);
       return /* @__PURE__ */ f(
         "button",
         {
           type: "button",
-          onClick: () => $(n),
+          onClick: () => j(r),
           disabled: l,
-          className: R(l ? c.m : c.a, {
-            [c.current]: D && h.y === t && h.m === n
+          className: _(l ? c.m : c.a, {
+            [c.current]: D && k.y === t && k.m === r
           }),
           children: e
         },
@@ -130,5 +131,5 @@ const Z = ({
   ] });
 };
 export {
-  Z as MonthPickerModal
+  T as MonthPickerModal
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { P as s } from "../../ProgressBar-COdzy3fY.js";
+import { P as s } from "../../ProgressBar-DA7-pT_u.js";
 export {
   s as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { c as P } from "../../index-DIxK0V-G.js";
 import { memo as L, useRef as _, useState as B } from "react";
 import { ANIMATION_VARIABLES_MAP as D, EToastPosition as S, EToastVariant as w, DEFAULT_TOAST_DURATION as O } from "./constants.js";
-import { c as s, P as T } from "../../ProgressBar-COdzy3fY.js";
+import { c as s, P as T } from "../../ProgressBar-DA7-pT_u.js";
 import { useTimer as U } from "../../hooks/useTimer/index.js";
 import { Button as j } from "../Button/Button.js";
 const g = L(

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
 import { memo as e, useRef as f, useCallback as T, useEffect as u } from "react";
 import { EToastPosition as i } from "./constants.js";
-import { c as l } from "../../ProgressBar-COdzy3fY.js";
+import { c as l } from "../../ProgressBar-DA7-pT_u.js";
 import { Toast as d } from "./Toast.js";
 const O = e(
   ({ toasts: r, position: s = i.TOP_RIGHT, onToastRemove: n }) => {

package/dist/components/Toasts/ToastsProvider.js

@@ -1,31 +1,32 @@
-import { jsxs as R, jsx as T } from "react/jsx-runtime";
-import { useReducer as u, useCallback as m, useMemo as l } from "react";
+import { jsxs as p, jsx as T } from "react/jsx-runtime";
+import { useReducer as u, useCallback as m, useMemo as E } from "react";
 import { EToastVariant as o } from "./constants.js";
-import { ToastContext as E } from "./hooks.js";
-import { reducer as A, initialState as C, actionCreators as c } from "./store.js";
-import { c as L } from "../../ProgressBar-COdzy3fY.js";
+import { ToastContext as l } from "./hooks.js";
+import { reducer as L, initialState as A, actionCreators as c } from "./store.js";
+import { c as C } from "../../ProgressBar-DA7-pT_u.js";
 import { ToastList as S } from "./ToastList.js";
-const O = ({ children: d }) => {
-  const [i, r] = u(A, C), a = m((t) => {
+const F = ({ children: d }) => {
+  const [i, r] = u(L, A), a = m((t) => {
     r(c.setToasts(t));
-  }, []), p = l(
+  }, []), R = E(
     () => ({
       [o.DEFAULT]: (t) => a({ variant: o.DEFAULT, ...t }),
       [o.SUCCESS]: (t) => a({ variant: o.SUCCESS, ...t }),
       [o.ALARM]: (t) => a({ variant: o.ALARM, ...t }),
-      [o.ERROR]: (t) => a({ variant: o.ERROR, ...t })
+      [o.ERROR]: (t) => a({ variant: o.ERROR, ...t }),
+      [o.PURPLE]: (t) => a({ variant: o.PURPLE, ...t })
     }),
     [a]
   ), v = m(
     (t, s) => {
       var n, e;
-      (n = s == null ? void 0 : s.current) == null || n.classList.add(L["toast-out"]), (e = s == null ? void 0 : s.current) == null || e.addEventListener("animationend", () => {
+      (n = s == null ? void 0 : s.current) == null || n.classList.add(C["toast-out"]), (e = s == null ? void 0 : s.current) == null || e.addEventListener("animationend", () => {
         r(c.removeToast(t));
       });
     },
     []
   );
-  return /* @__PURE__ */ R(E.Provider, { value: p, children: [
+  return /* @__PURE__ */ p(l.Provider, { value: R, children: [
     d,
     /* @__PURE__ */ T(
       S,
@@ -38,5 +39,5 @@ const O = ({ children: d }) => {
   ] });
 };
 export {
-  O as ToastProvider
+  F as ToastProvider
 };

package/dist/components/Toasts/constants.d.ts

@@ -2,7 +2,8 @@ export declare enum EToastVariant {
     DEFAULT = "default",
     ALARM = "alarm",
     SUCCESS = "success",
-    ERROR = "error"
+    ERROR = "error",
+    PURPLE = "purple"
 }
 export declare enum EToastPosition {
     TOP_LEFT = "top-left",

package/dist/components/Toasts/constants.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALARM = "alarm", t.SUCCESS = "success", t.ERROR = "error", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_RIGHT = "bottom-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t))(r || {});
+var e = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALARM = "alarm", t.SUCCESS = "success", t.ERROR = "error", t.PURPLE = "purple", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_RIGHT = "bottom-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t))(r || {});
 const p = {
   "top-right": "translateX(1000px)",
   "top-center": "translateY(-1300px)",
@@ -6,10 +6,10 @@ const p = {
   "bottom-left": "translateX(-1000px)",
   "bottom-center": "translateY(1300px)",
   "bottom-right": "translateX(1000px)"
-}, O = 3e3;
+}, l = 3e3;
 export {
   p as ANIMATION_VARIABLES_MAP,
-  O as DEFAULT_TOAST_DURATION,
+  l as DEFAULT_TOAST_DURATION,
   r as EToastPosition,
   e as EToastVariant
 };

package/dist/components/Toasts/hooks.js

@@ -7,9 +7,11 @@ const o = t({
   error: () => {
   },
   success: () => {
+  },
+  purple: () => {
   }
-}), r = () => e(o);
+}), s = () => e(o);
 export {
   o as ToastContext,
-  r as useToast
+  s as useToast
 };

package/package.json

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

package/dist/ProgressBar-COdzy3fY.js

@@ -1,67 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as u } from "./index-DIxK0V-G.js";
-import { memo as p, useRef as r, useEffect as f } from "react";
-import { DEFAULT_TOAST_DURATION as z, EToastVariant as g } from "./components/Toasts/constants.js";
-import './assets/ProgressBar.css';const d = "_title_1z0br_37", A = "_timer_1z0br_41", T = "_seconds_1z0br_51", h = "_message_1z0br_61", w = "_progress_1z0br_69", D = "_slot_1z0br_95", F = "_success_1z0br_104", R = "_alarm_1z0br_109", E = "_error_1z0br_114", o = {
-  "toast-list": "_toast-list_1z0br_2",
-  "toast-wrapper": "_toast-wrapper_1z0br_24",
-  title: d,
-  timer: A,
-  "timer-title": "_timer-title_1z0br_49",
-  seconds: T,
-  message: h,
-  progress: w,
-  "progress-bar": "_progress-bar_1z0br_78",
-  "close-button": "_close-button_1z0br_89",
-  slot: D,
-  default: "_default_1z0br_99",
-  success: F,
-  alarm: R,
-  error: E,
-  "top-right": "_top-right_1z0br_119",
-  "top-center": "_top-center_1z0br_125",
-  "top-left": "_top-left_1z0br_131",
-  "bottom-left": "_bottom-left_1z0br_136",
-  "bottom-center": "_bottom-center_1z0br_141",
-  "bottom-right": "_bottom-right_1z0br_147",
-  "toast-in": "_toast-in_1z0br_179",
-  "toast-out": "_toast-out_1z0br_183"
-}, x = p(
-  ({
-    duration: _ = z,
-    variant: b = g.DEFAULT,
-    isPaused: n = !1
-  }) => {
-    const t = r(), e = r(null), c = r(Date.now()), s = r(0);
-    return f(() => {
-      if (n)
-        t.current && cancelAnimationFrame(t.current);
-      else {
-        c.current = Date.now() - s.current;
-        const a = () => {
-          const l = Date.now();
-          s.current = l - c.current;
-          const i = Math.min(
-            s.current / _ * 100,
-            100
-          );
-          e.current && (e.current.style.width = `${i}%`), i < 100 && (t.current = requestAnimationFrame(a));
-        };
-        t.current = requestAnimationFrame(a);
-      }
-      return () => {
-        t.current && cancelAnimationFrame(t.current);
-      };
-    }, [_, n]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
-      "div",
-      {
-        ref: e,
-        className: u(o["progress-bar"], o[b])
-      }
-    ) });
-  }
-);
-export {
-  x as P,
-  o as c
-};