mimir-ui-kit 1.42.2 → 1.43.1

package/dist/components/TabTrail/TabTrail.js

@@ -1,23 +1,24 @@
-import { jsxs as X, jsx as D } from "react/jsx-runtime";
-import { c as H } from "../../index-DIxK0V-G.js";
-import * as C from "react";
-import M, { useState as K, createContext as ie, useReducer as ke, useMemo as R, useId as ue, useRef as Y, useContext as ce, forwardRef as ye, useEffect as Z } from "react";
-import { ETabTrailSize as Se } from "./constants.js";
-import { TabButtons as Ae } from "./TabButtons/TabButtons.js";
+import { jsxs as Z, jsx as k } from "react/jsx-runtime";
+import { c as j } from "../../index-DIxK0V-G.js";
+import * as M from "react";
+import O, { useState as Y, createContext as ie, useReducer as ye, useMemo as R, useId as ue, useRef as Q, useContext as ce, forwardRef as Se, useEffect as ee } from "react";
+import { ETabTrailSize as Ae } from "./constants.js";
+import { TabButtons as ke } from "./TabButtons/TabButtons.js";
 import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
+import { Icon as Ne } from "../../icons/Icon.js";
 import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
-import { M as oe, W as z, s as j, y as U, o as N, n as Q, H as V, $ as de, b as Ne, D as fe, a as G, u as Re, c as I, t as Le } from "../../keyboard-CUMsrFX1.js";
-import { w as Oe } from "../../use-active-press-BVQqDQ3V.js";
-import { e as Me } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { f as Ce } from "../../use-is-mounted-D7cq4xsa.js";
-import { T as pe, s as Be } from "../../hidden-Dn4lM6EL.js";
-import { _ as W, T as J, P as O, F as P } from "../../focus-management-Dp2_vbQ3.js";
-import '../../assets/TabTrail.css';function We({ onFocus: e }) {
-  let [t, n] = K(!0), r = Ce();
-  return t ? M.createElement(pe, { as: "button", type: "button", features: Be.Focusable, onFocus: (s) => {
+import { M as oe, W as U, s as J, y as V, o as D, n as X, H as q, $ as de, b as Re, D as fe, a as z, u as Le, c as $, e as Oe } from "../../keyboard-wis2TUql.js";
+import { w as Me } from "../../use-active-press-CnDeVvQq.js";
+import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { f as Be } from "../../use-is-mounted-MBU4fiLr.js";
+import { T as pe, s as We } from "../../hidden-CkTYbiNM.js";
+import { _ as G, T as K, P as L, F as _ } from "../../focus-management-BAl0GmRk.js";
+import '../../assets/TabTrail.css';function Ge({ onFocus: e }) {
+  let [t, n] = Y(!0), r = Be();
+  return t ? O.createElement(pe, { as: "button", type: "button", features: We.Focusable, onFocus: (s) => {
     s.preventDefault();
     let l, o = 50;
-    function b() {
+    function d() {
       if (o-- <= 0) {
         l && cancelAnimationFrame(l);
         return;
@@ -27,13 +28,13 @@ import '../../assets/TabTrail.css';function We({ onFocus: e }) {
         n(!1);
         return;
       }
-      l = requestAnimationFrame(b);
+      l = requestAnimationFrame(d);
     }
-    l = requestAnimationFrame(b);
+    l = requestAnimationFrame(d);
   } }) : null;
 }
-const be = C.createContext(null);
-function Ge() {
+const be = M.createContext(null);
+function ze() {
   return { groups: /* @__PURE__ */ new Map(), get(e, t) {
     var n;
     let r = this.groups.get(e);
@@ -42,259 +43,266 @@ function Ge() {
     r.set(t, s + 1);
     let l = Array.from(r.keys()).indexOf(t);
     function o() {
-      let b = r.get(t);
-      b > 1 ? r.set(t, b - 1) : r.delete(t);
+      let d = r.get(t);
+      d > 1 ? r.set(t, d - 1) : r.delete(t);
     }
     return [l, o];
   } };
 }
-function ze({ children: e }) {
-  let t = C.useRef(Ge());
-  return C.createElement(be.Provider, { value: t }, e);
+function Ue({ children: e }) {
+  let t = M.useRef(ze());
+  return M.createElement(be.Provider, { value: t }, e);
 }
 function me(e) {
-  let t = C.useContext(be);
+  let t = M.useContext(be);
   if (!t) throw new Error("You must wrap your component in a <StableCollection>");
-  let n = C.useId(), [r, s] = t.current.get(e, n);
-  return C.useEffect(() => s, []), r;
+  let n = M.useId(), [r, s] = t.current.get(e, n);
+  return M.useEffect(() => s, []), r;
 }
-var Ue = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ue || {}), Ve = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(Ve || {}), qe = ((e) => (e[e.SetSelectedIndex = 0] = "SetSelectedIndex", e[e.RegisterTab = 1] = "RegisterTab", e[e.UnregisterTab = 2] = "UnregisterTab", e[e.RegisterPanel = 3] = "RegisterPanel", e[e.UnregisterPanel = 4] = "UnregisterPanel", e))(qe || {});
-let He = { 0(e, t) {
+var Ve = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ve || {}), qe = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(qe || {}), He = ((e) => (e[e.SetSelectedIndex = 0] = "SetSelectedIndex", e[e.RegisterTab = 1] = "RegisterTab", e[e.UnregisterTab = 2] = "UnregisterTab", e[e.RegisterPanel = 3] = "RegisterPanel", e[e.UnregisterPanel = 4] = "UnregisterPanel", e))(He || {});
+let je = { 0(e, t) {
   var n;
-  let r = W(e.tabs, (d) => d.current), s = W(e.panels, (d) => d.current), l = r.filter((d) => {
-    var x;
-    return !((x = d.current) != null && x.hasAttribute("disabled"));
+  let r = G(e.tabs, (u) => u.current), s = G(e.panels, (u) => u.current), l = r.filter((u) => {
+    var h;
+    return !((h = u.current) != null && h.hasAttribute("disabled"));
   }), o = { ...e, tabs: r, panels: s };
   if (t.index < 0 || t.index > r.length - 1) {
-    let d = G(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => G(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
+    let u = z(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => z(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
     if (l.length === 0) return o;
-    let x = G(d, { 0: () => r.indexOf(l[0]), 1: () => r.indexOf(l[l.length - 1]) });
-    return { ...o, selectedIndex: x === -1 ? e.selectedIndex : x };
+    let h = z(u, { 0: () => r.indexOf(l[0]), 1: () => r.indexOf(l[l.length - 1]) });
+    return { ...o, selectedIndex: h === -1 ? e.selectedIndex : h };
   }
-  let b = r.slice(0, t.index), T = [...r.slice(t.index), ...b].find((d) => l.includes(d));
-  if (!T) return o;
-  let v = (n = r.indexOf(T)) != null ? n : e.selectedIndex;
+  let d = r.slice(0, t.index), I = [...r.slice(t.index), ...d].find((u) => l.includes(u));
+  if (!I) return o;
+  let v = (n = r.indexOf(I)) != null ? n : e.selectedIndex;
   return v === -1 && (v = e.selectedIndex), { ...o, selectedIndex: v };
 }, 1(e, t) {
   if (e.tabs.includes(t.tab)) return e;
-  let n = e.tabs[e.selectedIndex], r = W([...e.tabs, t.tab], (l) => l.current), s = e.selectedIndex;
+  let n = e.tabs[e.selectedIndex], r = G([...e.tabs, t.tab], (l) => l.current), s = e.selectedIndex;
   return e.info.current.isControlled || (s = r.indexOf(n), s === -1 && (s = e.selectedIndex)), { ...e, tabs: r, selectedIndex: s };
 }, 2(e, t) {
   return { ...e, tabs: e.tabs.filter((n) => n !== t.tab) };
 }, 3(e, t) {
-  return e.panels.includes(t.panel) ? e : { ...e, panels: W([...e.panels, t.panel], (n) => n.current) };
+  return e.panels.includes(t.panel) ? e : { ...e, panels: G([...e.panels, t.panel], (n) => n.current) };
 }, 4(e, t) {
   return { ...e, panels: e.panels.filter((n) => n !== t.panel) };
-} }, ee = ie(null);
-ee.displayName = "TabsDataContext";
-function B(e) {
-  let t = ce(ee);
+} }, te = ie(null);
+te.displayName = "TabsDataContext";
+function C(e) {
+  let t = ce(te);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, B), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, C), n;
   }
   return t;
 }
-let te = ie(null);
-te.displayName = "TabsActionsContext";
-function re(e) {
-  let t = ce(te);
+let re = ie(null);
+re.displayName = "TabsActionsContext";
+function ne(e) {
+  let t = ce(re);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, re), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, ne), n;
   }
   return t;
 }
-function je(e, t) {
-  return G(t.type, He, e, t);
+function Je(e, t) {
+  return z(t.type, je, e, t);
 }
-let Je = "div";
-function Ke(e, t) {
-  let { defaultIndex: n = 0, vertical: r = !1, manual: s = !1, onChange: l, selectedIndex: o = null, ...b } = e;
-  const T = r ? "vertical" : "horizontal", v = s ? "manual" : "auto";
-  let d = o !== null, x = j({ isControlled: d }), _ = U(t), [i, c] = ke(je, { info: x, selectedIndex: o ?? n, tabs: [], panels: [] }), S = R(() => ({ selectedIndex: i.selectedIndex }), [i.selectedIndex]), A = j(l || (() => {
-  })), h = j(i.tabs), f = R(() => ({ orientation: T, activation: v, ...i }), [T, v, i]), E = N((p) => (c({ type: 1, tab: p }), () => c({ type: 2, tab: p }))), F = N((p) => (c({ type: 3, panel: p }), () => c({ type: 4, panel: p }))), g = N((p) => {
-    a.current !== p && A.current(p), d || c({ type: 0, index: p });
-  }), a = j(d ? e.selectedIndex : i.selectedIndex), m = R(() => ({ registerTab: E, registerPanel: F, change: g }), []);
-  Q(() => {
+let Ke = "div";
+function Ye(e, t) {
+  let { defaultIndex: n = 0, vertical: r = !1, manual: s = !1, onChange: l, selectedIndex: o = null, ...d } = e;
+  const I = r ? "vertical" : "horizontal", v = s ? "manual" : "auto";
+  let u = o !== null, h = J({ isControlled: u }), y = V(t), [p, c] = ye(Je, { info: h, selectedIndex: o ?? n, tabs: [], panels: [] }), x = R(() => ({ selectedIndex: p.selectedIndex }), [p.selectedIndex]), A = J(l || (() => {
+  })), w = J(p.tabs), b = R(() => ({ orientation: I, activation: v, ...p }), [I, v, p]), P = D((a) => (c({ type: 1, tab: a }), () => c({ type: 2, tab: a }))), F = D((a) => (c({ type: 3, panel: a }), () => c({ type: 4, panel: a }))), m = D((a) => {
+    g.current !== a && A.current(a), u || c({ type: 0, index: a });
+  }), g = J(u ? e.selectedIndex : p.selectedIndex), N = R(() => ({ registerTab: P, registerPanel: F, change: m }), []);
+  X(() => {
     c({ type: 0, index: o ?? n });
-  }, [o]), Q(() => {
-    if (a.current === void 0 || i.tabs.length <= 0) return;
-    let p = W(i.tabs, (y) => y.current);
-    p.some((y, L) => i.tabs[L] !== y) && g(p.indexOf(i.tabs[a.current]));
+  }, [o]), X(() => {
+    if (g.current === void 0 || p.tabs.length <= 0) return;
+    let a = G(p.tabs, (f) => f.current);
+    a.some((f, T) => p.tabs[T] !== f) && m(a.indexOf(p.tabs[g.current]));
   });
-  let k = { ref: _ };
-  return M.createElement(ze, null, M.createElement(te.Provider, { value: m }, M.createElement(ee.Provider, { value: f }, f.tabs.length <= 0 && M.createElement(We, { onFocus: () => {
-    var p, y;
-    for (let L of h.current) if (((p = L.current) == null ? void 0 : p.tabIndex) === 0) return (y = L.current) == null || y.focus(), !0;
+  let B = { ref: y };
+  return O.createElement(Ue, null, O.createElement(re.Provider, { value: N }, O.createElement(te.Provider, { value: b }, b.tabs.length <= 0 && O.createElement(Ge, { onFocus: () => {
+    var a, f;
+    for (let T of w.current) if (((a = T.current) == null ? void 0 : a.tabIndex) === 0) return (f = T.current) == null || f.focus(), !0;
     return !1;
-  } }), V({ ourProps: k, theirProps: b, slot: S, defaultTag: Je, name: "Tabs" }))));
+  } }), q({ ourProps: B, theirProps: d, slot: x, defaultTag: Ke, name: "Tabs" }))));
 }
-let Ye = "div";
-function Qe(e, t) {
-  let { orientation: n, selectedIndex: r } = B("Tab.List"), s = U(t), l = R(() => ({ selectedIndex: r }), [r]);
-  return V({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: Ye, name: "Tabs.List" });
+let Qe = "div";
+function Xe(e, t) {
+  let { orientation: n, selectedIndex: r } = C("Tab.List"), s = V(t), l = R(() => ({ selectedIndex: r }), [r]);
+  return q({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: Qe, name: "Tabs.List" });
 }
-let Xe = "button";
-function Ze(e, t) {
+let Ze = "button";
+function et(e, t) {
   var n, r;
-  let s = ue(), { id: l = `headlessui-tabs-tab-${s}`, disabled: o = !1, autoFocus: b = !1, ...T } = e, { orientation: v, activation: d, selectedIndex: x, tabs: _, panels: i } = B("Tab"), c = re("Tab"), S = B("Tab"), [A, h] = K(null), f = Y(null), E = U(f, t, h);
-  Q(() => c.registerTab(f), [c, f]);
-  let F = me("tabs"), g = _.indexOf(f);
-  g === -1 && (g = F);
-  let a = g === x, m = N((u) => {
-    var $;
-    let q = u();
-    if (q === J.Success && d === "auto") {
-      let _e = ($ = Re(f)) == null ? void 0 : $.activeElement, le = S.tabs.findIndex((Ee) => Ee.current === _e);
+  let s = ue(), { id: l = `headlessui-tabs-tab-${s}`, disabled: o = !1, autoFocus: d = !1, ...I } = e, { orientation: v, activation: u, selectedIndex: h, tabs: y, panels: p } = C("Tab"), c = ne("Tab"), x = C("Tab"), [A, w] = Y(null), b = Q(null), P = V(b, t, w);
+  X(() => c.registerTab(b), [c, b]);
+  let F = me("tabs"), m = y.indexOf(b);
+  m === -1 && (m = F);
+  let g = m === h, N = D((i) => {
+    var S;
+    let H = i();
+    if (H === K.Success && u === "auto") {
+      let _e = (S = Le(b)) == null ? void 0 : S.activeElement, le = x.tabs.findIndex((Ee) => Ee.current === _e);
       le !== -1 && c.change(le);
     }
-    return q;
-  }), k = N((u) => {
-    let $ = _.map((q) => q.current).filter(Boolean);
-    if (u.key === I.Space || u.key === I.Enter) {
-      u.preventDefault(), u.stopPropagation(), c.change(g);
+    return H;
+  }), B = D((i) => {
+    let S = y.map((H) => H.current).filter(Boolean);
+    if (i.key === $.Space || i.key === $.Enter) {
+      i.preventDefault(), i.stopPropagation(), c.change(m);
       return;
     }
-    switch (u.key) {
-      case I.Home:
-      case I.PageUp:
-        return u.preventDefault(), u.stopPropagation(), m(() => O($, P.First));
-      case I.End:
-      case I.PageDown:
-        return u.preventDefault(), u.stopPropagation(), m(() => O($, P.Last));
+    switch (i.key) {
+      case $.Home:
+      case $.PageUp:
+        return i.preventDefault(), i.stopPropagation(), N(() => L(S, _.First));
+      case $.End:
+      case $.PageDown:
+        return i.preventDefault(), i.stopPropagation(), N(() => L(S, _.Last));
     }
-    if (m(() => G(v, { vertical() {
-      return u.key === I.ArrowUp ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowDown ? O($, P.Next | P.WrapAround) : J.Error;
+    if (N(() => z(v, { vertical() {
+      return i.key === $.ArrowUp ? L(S, _.Previous | _.WrapAround) : i.key === $.ArrowDown ? L(S, _.Next | _.WrapAround) : K.Error;
     }, horizontal() {
-      return u.key === I.ArrowLeft ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowRight ? O($, P.Next | P.WrapAround) : J.Error;
-    } })) === J.Success) return u.preventDefault();
-  }), p = Y(!1), y = N(() => {
-    var u;
-    p.current || (p.current = !0, (u = f.current) == null || u.focus({ preventScroll: !0 }), c.change(g), Le(() => {
-      p.current = !1;
+      return i.key === $.ArrowLeft ? L(S, _.Previous | _.WrapAround) : i.key === $.ArrowRight ? L(S, _.Next | _.WrapAround) : K.Error;
+    } })) === K.Success) return i.preventDefault();
+  }), a = Q(!1), f = D(() => {
+    var i;
+    a.current || (a.current = !0, (i = b.current) == null || i.focus({ preventScroll: !0 }), c.change(m), Oe(() => {
+      a.current = !1;
     }));
-  }), L = N((u) => {
-    u.preventDefault();
-  }), { isFocusVisible: ne, focusProps: Te } = de({ autoFocus: b }), { isHovered: ae, hoverProps: Ie } = Ne({ isDisabled: o }), { pressed: se, pressProps: Pe } = Oe({ disabled: o }), we = R(() => ({ selected: a, hover: ae, active: se, focus: ne, autofocus: b, disabled: o }), [a, ae, ne, se, b, o]), $e = fe({ ref: E, onKeyDown: k, onMouseDown: L, onClick: y, id: l, role: "tab", type: Me(e, A), "aria-controls": (r = (n = i[g]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": a, tabIndex: a ? 0 : -1, disabled: o || void 0, autoFocus: b }, Te, Ie, Pe);
-  return V({ ourProps: $e, theirProps: T, slot: we, defaultTag: Xe, name: "Tabs.Tab" });
+  }), T = D((i) => {
+    i.preventDefault();
+  }), { isFocusVisible: W, focusProps: Te } = de({ autoFocus: d }), { isHovered: ae, hoverProps: Ie } = Re({ isDisabled: o }), { pressed: se, pressProps: Pe } = Me({ disabled: o }), we = R(() => ({ selected: g, hover: ae, active: se, focus: W, autofocus: d, disabled: o }), [g, ae, W, se, d, o]), $e = fe({ ref: P, onKeyDown: B, onMouseDown: T, onClick: f, id: l, role: "tab", type: Ce(e, A), "aria-controls": (r = (n = p[m]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": g, tabIndex: g ? 0 : -1, disabled: o || void 0, autoFocus: d }, Te, Ie, Pe);
+  return q({ ourProps: $e, theirProps: I, slot: we, defaultTag: Ze, name: "Tabs.Tab" });
 }
-let et = "div";
-function tt(e, t) {
-  let { selectedIndex: n } = B("Tab.Panels"), r = U(t), s = R(() => ({ selectedIndex: n }), [n]);
-  return V({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: et, name: "Tabs.Panels" });
+let tt = "div";
+function rt(e, t) {
+  let { selectedIndex: n } = C("Tab.Panels"), r = V(t), s = R(() => ({ selectedIndex: n }), [n]);
+  return q({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: tt, name: "Tabs.Panels" });
 }
-let rt = "div", nt = oe.RenderStrategy | oe.Static;
-function at(e, t) {
+let nt = "div", at = oe.RenderStrategy | oe.Static;
+function st(e, t) {
   var n, r, s, l;
-  let o = ue(), { id: b = `headlessui-tabs-panel-${o}`, tabIndex: T = 0, ...v } = e, { selectedIndex: d, tabs: x, panels: _ } = B("Tab.Panel"), i = re("Tab.Panel"), c = Y(null), S = U(c, t);
-  Q(() => i.registerPanel(c), [i, c]);
-  let A = me("panels"), h = _.indexOf(c);
-  h === -1 && (h = A);
-  let f = h === d, { isFocusVisible: E, focusProps: F } = de(), g = R(() => ({ selected: f, focus: E }), [f, E]), a = fe({ ref: S, id: b, role: "tabpanel", "aria-labelledby": (r = (n = x[h]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: f ? T : -1 }, F);
-  return !f && ((s = v.unmount) == null || s) && !((l = v.static) != null && l) ? M.createElement(pe, { "aria-hidden": "true", ...a }) : V({ ourProps: a, theirProps: v, slot: g, defaultTag: rt, features: nt, visible: f, name: "Tabs.Panel" });
+  let o = ue(), { id: d = `headlessui-tabs-panel-${o}`, tabIndex: I = 0, ...v } = e, { selectedIndex: u, tabs: h, panels: y } = C("Tab.Panel"), p = ne("Tab.Panel"), c = Q(null), x = V(c, t);
+  X(() => p.registerPanel(c), [p, c]);
+  let A = me("panels"), w = y.indexOf(c);
+  w === -1 && (w = A);
+  let b = w === u, { isFocusVisible: P, focusProps: F } = de(), m = R(() => ({ selected: b, focus: P }), [b, P]), g = fe({ ref: x, id: d, role: "tabpanel", "aria-labelledby": (r = (n = h[w]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: b ? I : -1 }, F);
+  return !b && ((s = v.unmount) == null || s) && !((l = v.static) != null && l) ? O.createElement(pe, { "aria-hidden": "true", ...g }) : q({ ourProps: g, theirProps: v, slot: m, defaultTag: nt, features: at, visible: b, name: "Tabs.Panel" });
 }
-let st = z(Ze), ve = z(Ke), xe = z(Qe), he = z(tt), ge = z(at), lt = Object.assign(st, { Group: ve, List: xe, Panels: he, Panel: ge });
-const ot = "_container_rlke5_2", it = "_group_rlke5_6", ut = "_tab_rlke5_16", ct = "_list_rlke5_51", dt = "_tabs_rlke5_62", ft = "_buttons_rlke5_68", pt = "_m_rlke5_75", bt = "_s_rlke5_83", w = {
-  container: ot,
-  group: it,
-  "group-inner": "_group-inner_rlke5_9",
-  tab: ut,
-  list: ct,
-  tabs: dt,
-  buttons: ft,
-  m: pt,
-  s: bt
-}, yt = ye(
+let lt = U(et), ve = U(Ye), xe = U(Xe), he = U(rt), ge = U(st), ot = Object.assign(lt, { Group: ve, List: xe, Panels: he, Panel: ge });
+const it = "_container_109vo_2", ut = "_group_109vo_6", ct = "_tab_109vo_17", dt = "_list_109vo_55", ft = "_tabs_109vo_66", pt = "_buttons_109vo_72", bt = "_m_109vo_79", mt = "_s_109vo_87", E = {
+  container: it,
+  group: ut,
+  "group-inner": "_group-inner_109vo_10",
+  tab: ct,
+  list: dt,
+  tabs: ft,
+  buttons: pt,
+  m: bt,
+  s: mt
+}, kt = Se(
   ({
     categories: e,
-    size: t = Se.M,
+    size: t = Ae.M,
     showButtons: n = !0,
     className: r,
     selectedTabIndex: s,
     onTabChange: l,
     buttonsVariant: o = Fe.WHITE,
-    autoShowButtons: b = !1,
-    tabClassName: T,
+    autoShowButtons: d = !1,
+    tabClassName: I,
     listClassName: v,
-    panelClassName: d,
-    buttonsClassName: x
-  }, _) => {
-    const [i, c] = K(s || 0), [S, A] = K(!1), h = Y(null);
-    Z(() => {
-      s !== void 0 && s !== i && c(s);
-    }, [i, s]);
-    const f = (a) => {
-      c(a), l == null || l(a);
-    }, E = () => {
-      const a = (i + 1) % e.length;
-      f(a);
-    }, F = () => {
-      const a = (i - 1 + e.length) % e.length;
-      f(a);
+    panelClassName: u,
+    buttonsClassName: h,
+    indicatorColor: y,
+    tabIcons: p = {}
+  }, c) => {
+    const [x, A] = Y(s || 0), [w, b] = Y(!1), P = Q(null), F = y ? { "--tab-indicator-color": y } : void 0;
+    ee(() => {
+      s !== void 0 && s !== x && A(s);
+    }, [x, s]);
+    const m = (a) => {
+      A(a), l == null || l(a);
+    }, g = () => {
+      const a = (x + 1) % e.length;
+      m(a);
+    }, N = () => {
+      const a = (x - 1 + e.length) % e.length;
+      m(a);
     };
-    Z(() => {
-      var m;
-      const a = (m = h.current) == null ? void 0 : m.querySelector(
-        `.${w.tab}[data-active="true"]`
+    ee(() => {
+      var f;
+      const a = (f = P.current) == null ? void 0 : f.querySelector(
+        `.${E.tab}[data-active="true"]`
       );
       a && typeof a.scrollIntoView == "function" && a.scrollIntoView({
         behavior: "smooth",
         block: "nearest",
         inline: "center"
       });
-    }, [i]), Z(() => {
+    }, [x]), ee(() => {
       const a = () => {
-        if (h.current) {
-          const { scrollWidth: m, clientWidth: k } = h.current;
-          A(m > k);
+        if (P.current) {
+          const { scrollWidth: f, clientWidth: T } = P.current;
+          b(f > T);
         }
       };
       return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
     }, [e]);
-    const g = b ? S : n;
-    return /* @__PURE__ */ X(
+    const B = d ? w : n;
+    return /* @__PURE__ */ Z(
       ve,
       {
-        ref: _,
-        className: H(w.group, w[t], r),
-        selectedIndex: i,
-        onChange: f,
+        ref: c,
+        className: j(E.group, E[t], r),
+        selectedIndex: x,
+        onChange: m,
+        style: F,
         children: [
-          /* @__PURE__ */ X("div", { className: w["group-inner"], children: [
-            /* @__PURE__ */ D(
+          /* @__PURE__ */ Z("div", { className: E["group-inner"], children: [
+            /* @__PURE__ */ k(
               xe,
               {
-                ref: h,
-                className: H(w.list, v),
-                children: /* @__PURE__ */ D("div", { className: w.tabs, children: e.map(({ name: a, notificationCount: m }, k) => /* @__PURE__ */ X(
-                  lt,
-                  {
-                    className: `${w.tab} ${i === k ? 'data-active="true"' : ""} ${T || ""}`,
-                    "data-active": i === k,
-                    children: [
-                      a,
-                      m && /* @__PURE__ */ D(De, { count: m, size: "m" })
-                    ]
-                  },
-                  a
-                )) })
+                ref: P,
+                className: j(E.list, v),
+                children: /* @__PURE__ */ k("div", { className: E.tabs, children: e.map(({ name: a, notificationCount: f }, T) => {
+                  const W = p[T];
+                  return /* @__PURE__ */ Z(
+                    ot,
+                    {
+                      className: `${E.tab} ${x === T ? 'data-active="true"' : ""} ${I || ""}`,
+                      "data-active": x === T,
+                      children: [
+                        W && /* @__PURE__ */ k(Ne, { iconName: W }),
+                        a,
+                        f && /* @__PURE__ */ k(De, { count: f, size: "m" })
+                      ]
+                    },
+                    a
+                  );
+                }) })
               }
             ),
-            g && /* @__PURE__ */ D("div", { className: H(w.buttons, x), children: /* @__PURE__ */ D(
-              Ae,
+            B && /* @__PURE__ */ k("div", { className: j(E.buttons, h), children: /* @__PURE__ */ k(
+              ke,
               {
-                handlePrevTab: F,
-                handleNextTab: E,
+                handlePrevTab: N,
+                handleNextTab: g,
                 buttonsVariant: o
               }
             ) })
           ] }),
-          /* @__PURE__ */ D(he, { className: w.panels, children: e.map(({ name: a, content: m }) => /* @__PURE__ */ D(
+          /* @__PURE__ */ k(he, { className: E.panels, children: e.map(({ name: a, content: f }) => /* @__PURE__ */ k(
             ge,
             {
-              className: H(w.panel, d),
-              children: m
+              className: j(E.panel, u),
+              children: f
             },
             a
           )) })
@@ -304,5 +312,5 @@ const ot = "_container_rlke5_2", it = "_group_rlke5_6", ut = "_tab_rlke5_16", ct
   }
 );
 export {
-  yt as TabTrail
+  kt as TabTrail
 };

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

@@ -1,5 +1,7 @@
 import { TProps as TToastProps } from './Toast';
 
-type TProps = Pick<TToastProps, 'duration' | 'variant'>;
-export declare const ProgressBar: import('react').MemoExoticComponent<({ duration, variant }: TProps) => import("react/jsx-runtime").JSX.Element>;
+type TProps = Pick<TToastProps, 'duration' | 'variant'> & {
+    isPaused?: boolean;
+};
+export declare const ProgressBar: import('react').MemoExoticComponent<({ duration, variant, isPaused }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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-DEFs1tWq.js";
+import { P as s } from "../../ProgressBar-COdzy3fY.js";
 export {
   s as ProgressBar
 };

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

@@ -50,5 +50,9 @@ export type TProps = {
      * Слот уведомления.
      */
     slot?: ReactNode;
+    /**
+     * Флаг, указывающий на приостановку таймера при наведении курсора.
+     */
+    pauseOnHover?: boolean;
 };
-export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;