mimir-ui-kit 1.38.28 → 1.38.30

package/dist/assets/Loader.css

@@ -1 +1 @@
-._loader_eco13_2{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:5px}._loader_eco13_2 ._circle_eco13_11{position:absolute;border-style:solid;border-radius:50%;animation:_animate_eco13_1 1s linear infinite}._loader_eco13_2 ._circle_eco13_11:nth-child(1){width:100%;height:100%;color:var(--sapphire-100);border-color:currentcolor transparent transparent currentcolor;border-width:.3em .3em 0 0;animation-direction:normal;--deg: -45deg}._loader_eco13_2 ._circle_eco13_11:nth-child(2){width:70%;height:70%;color:var(--citrine-100);border-color:currentcolor currentcolor transparent transparent;border-width:.3em 0 0 .3em;animation-direction:reverse;--deg: -135deg}@keyframes _animate_eco13_1{to{transform:rotate(1turn)}}
+._loader_1qwwg_2{position:relative;display:flex;align-items:center;justify-content:center;font-size:5px}._loader_1qwwg_2 ._circle_1qwwg_9{position:absolute;border-style:solid;border-radius:50%;animation:_animate_1qwwg_1 1s linear infinite}._loader_1qwwg_2 ._circle_1qwwg_9:nth-child(1){width:100%;height:100%;color:var(--sapphire-100);border-color:currentcolor transparent transparent currentcolor;border-width:.3em .3em 0 0;animation-direction:normal;--deg: -45deg}._loader_1qwwg_2 ._circle_1qwwg_9:nth-child(2){width:70%;height:70%;color:var(--citrine-100);border-color:currentcolor currentcolor transparent transparent;border-width:.3em 0 0 .3em;animation-direction:reverse;--deg: -135deg}._loader_1qwwg_2._s_1qwwg_33{width:24px;height:24px}._loader_1qwwg_2._m_1qwwg_37{width:64px;height:64px}@keyframes _animate_1qwwg_1{to{transform:rotate(1turn)}}

package/dist/components/Loader/Loader.d.ts

@@ -1 +1,7 @@
-export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
+import { ELoaderSize } from './constants';
+
+type TProps = {
+    size?: ELoaderSize | `${ELoaderSize}`;
+};
+export declare const Loader: ({ size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/Loader.js

@@ -1,12 +1,16 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import '../../assets/Loader.css';const s = "_loader_eco13_2", o = "_circle_eco13_11", r = "_animate_eco13_1", e = {
-  loader: s,
-  circle: o,
-  animate: r
-}, t = () => /* @__PURE__ */ a("div", { className: e.loader, "data-testid": "loader", children: [
-  /* @__PURE__ */ c("span", { className: e.circle }),
-  /* @__PURE__ */ c("span", { className: e.circle })
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { ELoaderSize as o } from "./constants.js";
+import '../../assets/Loader.css';const t = "_loader_1qwwg_2", l = "_circle_1qwwg_9", m = "_animate_1qwwg_1", i = "_s_1qwwg_33", _ = "_m_1qwwg_37", s = {
+  loader: t,
+  circle: l,
+  animate: m,
+  s: i,
+  m: _
+}, p = ({ size: c = o.M }) => /* @__PURE__ */ e("div", { className: r(s.loader, s[c]), "data-testid": "loader", children: [
+  /* @__PURE__ */ a("span", { className: s.circle }),
+  /* @__PURE__ */ a("span", { className: s.circle })
 ] });
 export {
-  t as Loader
+  p as Loader
 };

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

@@ -0,0 +1,4 @@
+export declare enum ELoaderSize {
+    S = "s",
+    M = "m"
+}

package/dist/components/Loader/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r))(t || {});
+export {
+  t as ELoaderSize
+};

package/dist/components/Loader/index.d.ts

@@ -1 +1,2 @@
 export { Loader } from './Loader';
+export { ELoaderSize } from './constants';

package/dist/components/Loader/index.js

@@ -1,4 +1,6 @@
 import { Loader as e } from "./Loader.js";
+import { ELoaderSize as d } from "./constants.js";
 export {
+  d as ELoaderSize,
   e as Loader
 };

package/dist/components/TabTrail/TabTrail.d.ts

@@ -48,5 +48,21 @@ export type TTabTrailProps = {
      * Автоматически показывать кнопки навигации при переполнении
      */
     autoShowButtons?: boolean;
+    /**
+     * Дополнительный класс для каждой вкладки.
+     */
+    tabClassName?: string;
+    /**
+     * Дополнительный класс для списка вкладок.
+     */
+    listClassName?: string;
+    /**
+     * Дополнительный класс для панели контента таба.
+     */
+    panelClassName?: string;
+    /**
+     * Дополнительный класс для контейнера кнопок навигации.
+     */
+    buttonsClassName?: string;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/TabTrail/TabTrail.js

@@ -1,25 +1,25 @@
-import { jsxs as Q, jsx as A } from "react/jsx-runtime";
-import { c as Ee } from "../../index-DIxK0V-G.js";
-import * as O from "react";
-import L, { useRef as G, useState as K, createContext as oe, useReducer as ke, useMemo as D, useId as ie, useContext as ue, forwardRef as ye, useEffect as X } from "react";
+import { jsxs as X, jsx as D } from "react/jsx-runtime";
+import { c as J } from "../../index-DIxK0V-G.js";
+import * as C from "react";
+import M, { useRef as z, useState as Q, createContext as ie, useReducer as ke, useMemo as R, useId as ue, 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 { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
 import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
-import { n as z, M as le, W as U, s as j, y as V, o as F, H as q, $ as ce, b as Ne, D as de, a as W, u as Re, c as P, t as Le } from "../../keyboard-B0lm_zyn.js";
+import { n as U, M as oe, W as V, s as K, y as q, o as N, H, $ as de, b as Ne, D as fe, a as G, u as Re, c as I, t as Le } from "../../keyboard-B0lm_zyn.js";
 import { w as Oe } from "../../use-active-press-86hajhdd.js";
 import { e as Me } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as fe, s as Ce } from "../../hidden-DbgtYPOH.js";
-import { _ as B, T as J, P as R, F as w } from "../../focus-management-DE4t_lW3.js";
+import { T as pe, s as Ce } from "../../hidden-DbgtYPOH.js";
+import { _ as W, T as Y, P as O, F as P } from "../../focus-management-DE4t_lW3.js";
 import '../../assets/TabTrail.css';function Be() {
-  let e = G(!1);
-  return z(() => (e.current = !0, () => {
+  let e = z(!1);
+  return U(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }
 function We({ onFocus: e }) {
-  let [t, n] = K(!0), r = Be();
-  return t ? L.createElement(fe, { as: "button", type: "button", features: Ce.Focusable, onFocus: (s) => {
+  let [t, n] = Q(!0), r = Be();
+  return t ? M.createElement(pe, { as: "button", type: "button", features: Ce.Focusable, onFocus: (s) => {
     s.preventDefault();
     let l, o = 50;
     function b() {
@@ -37,7 +37,7 @@ function We({ onFocus: e }) {
     l = requestAnimationFrame(b);
   } }) : null;
 }
-const pe = O.createContext(null);
+const be = C.createContext(null);
 function Ge() {
   return { groups: /* @__PURE__ */ new Map(), get(e, t) {
     var n;
@@ -54,153 +54,153 @@ function Ge() {
   } };
 }
 function ze({ children: e }) {
-  let t = O.useRef(Ge());
-  return O.createElement(pe.Provider, { value: t }, e);
+  let t = C.useRef(Ge());
+  return C.createElement(be.Provider, { value: t }, e);
 }
-function be(e) {
-  let t = O.useContext(pe);
+function me(e) {
+  let t = C.useContext(be);
   if (!t) throw new Error("You must wrap your component in a <StableCollection>");
-  let n = O.useId(), [r, s] = t.current.get(e, n);
-  return O.useEffect(() => s, []), r;
+  let n = C.useId(), [r, s] = t.current.get(e, n);
+  return C.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 n;
-  let r = B(e.tabs, (d) => d.current), s = B(e.panels, (d) => d.current), l = r.filter((d) => {
-    var v;
-    return !((v = d.current) != null && v.hasAttribute("disabled"));
+  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"));
   }), o = { ...e, tabs: r, panels: s };
   if (t.index < 0 || t.index > r.length - 1) {
-    let d = W(Math.sign(t.index - e.selectedIndex), { [-1]: () => 1, 0: () => W(Math.sign(t.index), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 });
+    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 });
     if (l.length === 0) return o;
-    let v = W(d, { 0: () => r.indexOf(l[0]), 1: () => r.indexOf(l[l.length - 1]) });
-    return { ...o, selectedIndex: v === -1 ? e.selectedIndex : v };
+    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 b = r.slice(0, t.index), x = [...r.slice(t.index), ...b].find((d) => l.includes(d));
-  if (!x) return o;
-  let i = (n = r.indexOf(x)) != null ? n : e.selectedIndex;
-  return i === -1 && (i = e.selectedIndex), { ...o, selectedIndex: i };
+  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;
+  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 = B([...e.tabs, t.tab], (l) => l.current), s = e.selectedIndex;
+  let n = e.tabs[e.selectedIndex], r = W([...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: B([...e.panels, t.panel], (n) => n.current) };
+  return e.panels.includes(t.panel) ? e : { ...e, panels: W([...e.panels, t.panel], (n) => n.current) };
 }, 4(e, t) {
   return { ...e, panels: e.panels.filter((n) => n !== t.panel) };
-} }, Z = oe(null);
-Z.displayName = "TabsDataContext";
-function M(e) {
-  let t = ue(Z);
+} }, ee = ie(null);
+ee.displayName = "TabsDataContext";
+function B(e) {
+  let t = ce(ee);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, M), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, B), n;
   }
   return t;
 }
-let ee = oe(null);
-ee.displayName = "TabsActionsContext";
-function te(e) {
-  let t = ue(ee);
+let te = ie(null);
+te.displayName = "TabsActionsContext";
+function re(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, te), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, re), n;
   }
   return t;
 }
 function je(e, t) {
-  return W(t.type, He, e, t);
+  return G(t.type, He, 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 x = r ? "vertical" : "horizontal", i = s ? "manual" : "auto";
-  let d = o !== null, v = j({ isControlled: d }), E = V(t), [f, u] = ke(je, { info: v, selectedIndex: o ?? n, tabs: [], panels: [] }), y = D(() => ({ selectedIndex: f.selectedIndex }), [f.selectedIndex]), S = j(l || (() => {
-  })), T = j(f.tabs), a = D(() => ({ orientation: x, activation: i, ...f }), [x, i, f]), m = F((p) => (u({ type: 1, tab: p }), () => u({ type: 2, tab: p }))), I = F((p) => (u({ type: 3, panel: p }), () => u({ type: 4, panel: p }))), h = F((p) => {
-    g.current !== p && S.current(p), d || u({ type: 0, index: p });
-  }), g = j(d ? e.selectedIndex : f.selectedIndex), C = D(() => ({ registerTab: m, registerPanel: I, change: h }), []);
-  z(() => {
-    u({ type: 0, index: o ?? n });
-  }, [o]), z(() => {
-    if (g.current === void 0 || f.tabs.length <= 0) return;
-    let p = B(f.tabs, (k) => k.current);
-    p.some((k, N) => f.tabs[N] !== k) && h(p.indexOf(f.tabs[g.current]));
+  const T = r ? "vertical" : "horizontal", v = s ? "manual" : "auto";
+  let d = o !== null, x = K({ isControlled: d }), _ = q(t), [i, c] = ke(je, { info: x, selectedIndex: o ?? n, tabs: [], panels: [] }), S = R(() => ({ selectedIndex: i.selectedIndex }), [i.selectedIndex]), A = K(l || (() => {
+  })), h = K(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 = K(d ? e.selectedIndex : i.selectedIndex), m = R(() => ({ registerTab: E, registerPanel: F, change: g }), []);
+  U(() => {
+    c({ type: 0, index: o ?? n });
+  }, [o]), U(() => {
+    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]));
   });
-  let Y = { ref: E };
-  return L.createElement(ze, null, L.createElement(ee.Provider, { value: C }, L.createElement(Z.Provider, { value: a }, a.tabs.length <= 0 && L.createElement(We, { onFocus: () => {
-    var p, k;
-    for (let N of T.current) if (((p = N.current) == null ? void 0 : p.tabIndex) === 0) return (k = N.current) == null || k.focus(), !0;
+  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;
     return !1;
-  } }), q({ ourProps: Y, theirProps: b, slot: y, defaultTag: Je, name: "Tabs" }))));
+  } }), H({ ourProps: k, theirProps: b, slot: S, defaultTag: Je, name: "Tabs" }))));
 }
 let Ye = "div";
 function Qe(e, t) {
-  let { orientation: n, selectedIndex: r } = M("Tab.List"), s = V(t), l = D(() => ({ selectedIndex: r }), [r]);
-  return q({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: Ye, name: "Tabs.List" });
+  let { orientation: n, selectedIndex: r } = B("Tab.List"), s = q(t), l = R(() => ({ selectedIndex: r }), [r]);
+  return H({ ourProps: { ref: s, role: "tablist", "aria-orientation": n }, theirProps: e, slot: l, defaultTag: Ye, name: "Tabs.List" });
 }
 let Xe = "button";
 function Ze(e, t) {
   var n, r;
-  let s = ie(), { id: l = `headlessui-tabs-tab-${s}`, disabled: o = !1, autoFocus: b = !1, ...x } = e, { orientation: i, activation: d, selectedIndex: v, tabs: E, panels: f } = M("Tab"), u = te("Tab"), y = M("Tab"), [S, T] = K(null), a = G(null), m = V(a, t, T);
-  z(() => u.registerTab(a), [u, a]);
-  let I = be("tabs"), h = E.indexOf(a);
-  h === -1 && (h = I);
-  let g = h === v, C = F((c) => {
+  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] = Q(null), f = z(null), E = q(f, t, h);
+  U(() => 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 H = c();
-    if (H === J.Success && d === "auto") {
-      let _e = ($ = Re(a)) == null ? void 0 : $.activeElement, se = y.tabs.findIndex(($e) => $e.current === _e);
-      se !== -1 && u.change(se);
+    let j = u();
+    if (j === Y.Success && d === "auto") {
+      let _e = ($ = Re(f)) == null ? void 0 : $.activeElement, le = S.tabs.findIndex((Ee) => Ee.current === _e);
+      le !== -1 && c.change(le);
     }
-    return H;
-  }), Y = F((c) => {
-    let $ = E.map((H) => H.current).filter(Boolean);
-    if (c.key === P.Space || c.key === P.Enter) {
-      c.preventDefault(), c.stopPropagation(), u.change(h);
+    return j;
+  }), k = N((u) => {
+    let $ = _.map((j) => j.current).filter(Boolean);
+    if (u.key === I.Space || u.key === I.Enter) {
+      u.preventDefault(), u.stopPropagation(), c.change(g);
       return;
     }
-    switch (c.key) {
-      case P.Home:
-      case P.PageUp:
-        return c.preventDefault(), c.stopPropagation(), C(() => R($, w.First));
-      case P.End:
-      case P.PageDown:
-        return c.preventDefault(), c.stopPropagation(), C(() => R($, w.Last));
+    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));
     }
-    if (C(() => W(i, { vertical() {
-      return c.key === P.ArrowUp ? R($, w.Previous | w.WrapAround) : c.key === P.ArrowDown ? R($, w.Next | w.WrapAround) : J.Error;
+    if (m(() => G(v, { vertical() {
+      return u.key === I.ArrowUp ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowDown ? O($, P.Next | P.WrapAround) : Y.Error;
     }, horizontal() {
-      return c.key === P.ArrowLeft ? R($, w.Previous | w.WrapAround) : c.key === P.ArrowRight ? R($, w.Next | w.WrapAround) : J.Error;
-    } })) === J.Success) return c.preventDefault();
-  }), p = G(!1), k = F(() => {
-    var c;
-    p.current || (p.current = !0, (c = a.current) == null || c.focus({ preventScroll: !0 }), u.change(h), Le(() => {
+      return u.key === I.ArrowLeft ? O($, P.Previous | P.WrapAround) : u.key === I.ArrowRight ? O($, P.Next | P.WrapAround) : Y.Error;
+    } })) === Y.Success) return u.preventDefault();
+  }), p = z(!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;
     }));
-  }), N = F((c) => {
-    c.preventDefault();
-  }), { isFocusVisible: re, focusProps: ge } = ce({ autoFocus: b }), { isHovered: ne, hoverProps: Te } = Ne({ isDisabled: o }), { pressed: ae, pressProps: Ie } = Oe({ disabled: o }), Pe = D(() => ({ selected: g, hover: ne, active: ae, focus: re, autofocus: b, disabled: o }), [g, ne, re, ae, b, o]), we = de({ ref: m, onKeyDown: Y, onMouseDown: N, onClick: k, id: l, role: "tab", type: Me(e, S), "aria-controls": (r = (n = f[h]) == null ? void 0 : n.current) == null ? void 0 : r.id, "aria-selected": g, tabIndex: g ? 0 : -1, disabled: o || void 0, autoFocus: b }, ge, Te, Ie);
-  return q({ ourProps: we, theirProps: x, slot: Pe, defaultTag: Xe, name: "Tabs.Tab" });
+  }), 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 H({ ourProps: $e, theirProps: T, slot: we, defaultTag: Xe, name: "Tabs.Tab" });
 }
 let et = "div";
 function tt(e, t) {
-  let { selectedIndex: n } = M("Tab.Panels"), r = V(t), s = D(() => ({ selectedIndex: n }), [n]);
-  return q({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: et, name: "Tabs.Panels" });
+  let { selectedIndex: n } = B("Tab.Panels"), r = q(t), s = R(() => ({ selectedIndex: n }), [n]);
+  return H({ ourProps: { ref: r }, theirProps: e, slot: s, defaultTag: et, name: "Tabs.Panels" });
 }
-let rt = "div", nt = le.RenderStrategy | le.Static;
+let rt = "div", nt = oe.RenderStrategy | oe.Static;
 function at(e, t) {
   var n, r, s, l;
-  let o = ie(), { id: b = `headlessui-tabs-panel-${o}`, tabIndex: x = 0, ...i } = e, { selectedIndex: d, tabs: v, panels: E } = M("Tab.Panel"), f = te("Tab.Panel"), u = G(null), y = V(u, t);
-  z(() => f.registerPanel(u), [f, u]);
-  let S = be("panels"), T = E.indexOf(u);
-  T === -1 && (T = S);
-  let a = T === d, { isFocusVisible: m, focusProps: I } = ce(), h = D(() => ({ selected: a, focus: m }), [a, m]), g = de({ ref: y, id: b, role: "tabpanel", "aria-labelledby": (r = (n = v[T]) == null ? void 0 : n.current) == null ? void 0 : r.id, tabIndex: a ? x : -1 }, I);
-  return !a && ((s = i.unmount) == null || s) && !((l = i.static) != null && l) ? L.createElement(fe, { "aria-hidden": "true", ...g }) : q({ ourProps: g, theirProps: i, slot: h, defaultTag: rt, features: nt, visible: a, name: "Tabs.Panel" });
+  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 = z(null), S = q(c, t);
+  U(() => 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 }) : H({ ourProps: a, theirProps: v, slot: g, defaultTag: rt, features: nt, visible: f, name: "Tabs.Panel" });
 }
-let st = U(Ze), me = U(Ke), ve = U(Qe), xe = U(tt), he = U(at), lt = Object.assign(st, { Group: me, List: ve, Panels: xe, Panel: he });
-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", _ = {
+let st = V(Ze), ve = V(Ke), xe = V(Qe), he = V(tt), ge = V(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",
@@ -219,72 +219,90 @@ const ot = "_container_rlke5_2", it = "_group_rlke5_6", ut = "_tab_rlke5_16", ct
     selectedTabIndex: s,
     onTabChange: l,
     buttonsVariant: o = Fe.WHITE,
-    autoShowButtons: b = !1
-  }, x) => {
-    const [i, d] = K(s || 0), [v, E] = K(!1), f = G(null);
-    X(() => {
-      s !== void 0 && s !== i && d(s);
+    autoShowButtons: b = !1,
+    tabClassName: T,
+    listClassName: v,
+    panelClassName: d,
+    buttonsClassName: x
+  }, _) => {
+    const [i, c] = Q(s || 0), [S, A] = Q(!1), h = z(null);
+    Z(() => {
+      s !== void 0 && s !== i && c(s);
     }, [i, s]);
-    const u = (a) => {
-      d(a), l == null || l(a);
-    }, y = () => {
+    const f = (a) => {
+      c(a), l == null || l(a);
+    }, E = () => {
       const a = (i + 1) % e.length;
-      u(a);
-    }, S = () => {
+      f(a);
+    }, F = () => {
       const a = (i - 1 + e.length) % e.length;
-      u(a);
+      f(a);
     };
-    X(() => {
+    Z(() => {
       var m;
-      const a = (m = f.current) == null ? void 0 : m.querySelector(
-        `.${_.tab}[data-active="true"]`
+      const a = (m = h.current) == null ? void 0 : m.querySelector(
+        `.${w.tab}[data-active="true"]`
       );
       a && typeof a.scrollIntoView == "function" && a.scrollIntoView({
         behavior: "smooth",
         block: "nearest",
         inline: "center"
       });
-    }, [i]), X(() => {
+    }, [i]), Z(() => {
       const a = () => {
-        if (f.current) {
-          const { scrollWidth: m, clientWidth: I } = f.current;
-          E(m > I);
+        if (h.current) {
+          const { scrollWidth: m, clientWidth: k } = h.current;
+          A(m > k);
         }
       };
       return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
     }, [e]);
-    const T = b ? v : n;
-    return /* @__PURE__ */ Q(
-      me,
+    const g = b ? S : n;
+    return /* @__PURE__ */ X(
+      ve,
       {
-        ref: x,
-        className: Ee(_.group, _[t], r),
+        ref: _,
+        className: J(w.group, w[t], r),
         selectedIndex: i,
-        onChange: u,
+        onChange: f,
         children: [
-          /* @__PURE__ */ Q("div", { className: _["group-inner"], children: [
-            /* @__PURE__ */ A(ve, { ref: f, className: _.list, children: /* @__PURE__ */ A("div", { className: _.tabs, children: e.map(({ name: a, notificationCount: m }, I) => /* @__PURE__ */ Q(
-              lt,
+          /* @__PURE__ */ X("div", { className: w["group-inner"], children: [
+            /* @__PURE__ */ D(
+              xe,
               {
-                className: `${_.tab} ${i === I ? 'data-active="true"' : ""}`,
-                "data-active": i === I,
-                children: [
-                  a,
-                  m && /* @__PURE__ */ A(De, { count: m, size: "m" })
-                ]
-              },
-              a
-            )) }) }),
-            T && /* @__PURE__ */ A("div", { className: _.buttons, children: /* @__PURE__ */ A(
+                ref: h,
+                className: J(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
+                )) })
+              }
+            ),
+            g && /* @__PURE__ */ D("div", { className: J(w.buttons, x), children: /* @__PURE__ */ D(
               Ae,
               {
-                handlePrevTab: S,
-                handleNextTab: y,
+                handlePrevTab: F,
+                handleNextTab: E,
                 buttonsVariant: o
               }
             ) })
           ] }),
-          /* @__PURE__ */ A(xe, { className: _.panels, children: e.map(({ name: a, content: m }) => /* @__PURE__ */ A(he, { className: _.panel, children: m }, a)) })
+          /* @__PURE__ */ D(he, { className: w.panels, children: e.map(({ name: a, content: m }) => /* @__PURE__ */ D(
+            ge,
+            {
+              className: J(w.panel, d),
+              children: m
+            },
+            a
+          )) })
         ]
       }
     );

package/dist/components/index.d.ts

@@ -15,7 +15,7 @@ export { MergedButton } from './MergedButton';
 export { EMergedButtonVariantRound } from './MergedButton';
 export type { TButtonPropsWithoutStyles } from './MergedButton';
 export { Image } from './Image';
-export { Loader } from './Loader';
+export { Loader, ELoaderSize } from './Loader';
 export { Slider, SliderLazy, EProgressBarPosition } from './Slider';
 export { Drawer } from './Drawer';
 export { EDrawerPosition } from './Drawer';

package/dist/components/index.js

@@ -1,163 +1,165 @@
 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-DAmc_HxO.js";
+import { I as S } from "../Input-DAmc_HxO.js";
 import { EInputSize as E, EInputStatus as l, EInputVariant as u } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./TextArea/constants.js";
-import { InputPassword as V } from "./InputPassword/InputPassword.js";
-import { InputPhoneNumber as z } from "./InputPhoneNumber/InputPhoneNumber.js";
+import { InputPassword as z } from "./InputPassword/InputPassword.js";
+import { InputPhoneNumber as h } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as P } from "./InputPhoneNumber/utils.js";
-import { OtpInput as L } from "./OtpInput/OtpInput.js";
+import { OtpInput as A } from "./OtpInput/OtpInput.js";
 import { RadioGroup as R } from "./RadioGroup/RadioGroup.js";
 import { DatePicker as w } from "./DatePicker/DatePicker.js";
 import { MergedButton as C } from "./MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound as D } from "./MergedButton/constants.js";
 import { AppImage as v } from "./Image/Image.js";
 import { Loader as N } from "./Loader/Loader.js";
-import { SliderLazy as O } from "./Slider/index.js";
-import { Drawer as q } from "./Drawer/Drawer.js";
-import { EDrawerPosition as J } from "./Drawer/constants.js";
-import { Dropdown as Q } from "./Dropdown/Dropdown.js";
-import { Steps as X } from "./Steps/Steps.js";
-import { EStepColor as _, EStepsSize as $ } from "./Steps/constants.js";
-import { Vote as ro } from "./Vote/Vote.js";
-import { EVoteSize as to } from "./Vote/constants.js";
-import { SelectSearch as ao } from "./SelectSearch/SelectSearch.js";
-import { ESelectSearchSize as mo } from "./SelectSearch/constants.js";
-import { CheckboxMimir as xo } from "./CheckboxMimir/CheckboxMimir.js";
-import { Tag as so } from "./Tag/Tag.js";
-import { ETagSize as Eo, ETagType as lo } from "./Tag/constants.js";
-import { Timer as co } from "./Timer/Timer.js";
-import { Accordion as go } from "./Accordion/Accordion.js";
-import { EAccordionSize as Vo } from "./Accordion/constants.js";
-import { AccordionItem as zo } from "./Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail as Bo } from "./TabTrail/TabTrail.js";
-import { ETabTrailSize as Ao } from "./TabTrail/constants.js";
-import { Pagination as Mo } from "./Pagination/Pagination.js";
-import { ToastProvider as Uo } from "./Toasts/ToastsProvider.js";
-import { useToast as yo } from "./Toasts/hooks.js";
-import { EToastPosition as bo, EToastVariant as Do } from "./Toasts/constants.js";
-import { UploaderPhotos as vo } from "./UploaderPhotos/UploaderPhotos.js";
-import { UploaderFiles as No } from "./UploaderFiles/UploaderFiles.js";
-import { EUploaderFilesVariant as Oo } from "./UploaderFiles/constants.js";
-import { Uploader as qo } from "./Uploader/Uploader.js";
-import { Link as Jo } from "./AnchorLink/Link.js";
-import { ELinkSize as Qo, ELinkVariant as Wo } from "./AnchorLink/constants.js";
-import { NotificationBadge as Yo } from "./NotificationBadge/NotificationBadge.js";
-import { ENotificationBadgeSize as $o } from "./NotificationBadge/constants.js";
-import { Chip as rr } from "./Chip/Chip.js";
-import { EChipSize as tr, EChipVariant as pr } from "./Chip/constants.js";
-import { UniversalUploader as ir } from "./UniversalUploader/UniversalUploader.js";
-import { EUploaderType as fr } from "./UniversalUploader/constants.js";
-import { InputRangeSlider as nr } from "./InputRangeSlider/InputRangeSlider.js";
-import { EInputRangeSliderBorderState as Sr, EInputRangeSliderPositions as Er } from "./InputRangeSlider/constants.js";
-import { GosZnak as ur } from "./GosZnak/GosZnak.js";
-import { EGosZnakSize as cr, EGosZnakType as Tr } from "./GosZnak/constants.js";
-import { Switcher as Ir } from "./Switcher/Switcher.js";
-import { ELabelPositions as hr } from "./Switcher/constants.js";
-import { TwinSwitcher as kr } from "./TwinSwitcher/TwinSwitcher.js";
-import { SkeletonBrick as Pr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
-import { SkeletonText as Lr } from "./Skeleton/SkeletonText/SkeletonText.js";
-import { SkeletonCircle as Rr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
-import { ESkeletonVariant as wr } from "./Skeleton/constants.js";
-import { Avatar as Cr } from "./Avatar/Avatar.js";
-import { EAvatarSize as Dr } from "./Avatar/constants.js";
-import { MultiSelectSearch as vr } from "./MultiSelectSearch/MultiSelectSearch.js";
-import { EMultiSelectSearchSize as Nr } from "./MultiSelectSearch/constants.js";
-import { ListFiles as Or } from "./ListFiles/ListFiles.js";
-import { EFileItemVariant as qr } from "./ListFiles/constants.js";
-import { ListPhotos as Jr } from "./ListPhotos/ListPhotos.js";
-import { MessageShortReply as Qr } from "./MessageShortReply/MessageShortReply.js";
-import { EMessageShortReplyVariant as Xr } from "./MessageShortReply/constants.js";
-import { default as _r } from "./Slider/Slider.js";
-import { EProgressBarPosition as oe } from "./Slider/constants.js";
+import { ELoaderSize as O } from "./Loader/constants.js";
+import { SliderLazy as q } from "./Slider/index.js";
+import { Drawer as J } from "./Drawer/Drawer.js";
+import { EDrawerPosition as Q } from "./Drawer/constants.js";
+import { Dropdown as X } from "./Dropdown/Dropdown.js";
+import { Steps as _ } from "./Steps/Steps.js";
+import { EStepColor as oo, EStepsSize as ro } from "./Steps/constants.js";
+import { Vote as to } from "./Vote/Vote.js";
+import { EVoteSize as ao } from "./Vote/constants.js";
+import { SelectSearch as mo } from "./SelectSearch/SelectSearch.js";
+import { ESelectSearchSize as xo } from "./SelectSearch/constants.js";
+import { CheckboxMimir as So } from "./CheckboxMimir/CheckboxMimir.js";
+import { Tag as Eo } from "./Tag/Tag.js";
+import { ETagSize as uo, ETagType as co } from "./Tag/constants.js";
+import { Timer as go } from "./Timer/Timer.js";
+import { Accordion as zo } from "./Accordion/Accordion.js";
+import { EAccordionSize as ho } from "./Accordion/constants.js";
+import { AccordionItem as Bo } from "./Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail as Lo } from "./TabTrail/TabTrail.js";
+import { ETabTrailSize as Mo } from "./TabTrail/constants.js";
+import { Pagination as Uo } from "./Pagination/Pagination.js";
+import { ToastProvider as yo } from "./Toasts/ToastsProvider.js";
+import { useToast as bo } from "./Toasts/hooks.js";
+import { EToastPosition as Fo, EToastVariant as vo } from "./Toasts/constants.js";
+import { UploaderPhotos as No } from "./UploaderPhotos/UploaderPhotos.js";
+import { UploaderFiles as Oo } from "./UploaderFiles/UploaderFiles.js";
+import { EUploaderFilesVariant as qo } from "./UploaderFiles/constants.js";
+import { Uploader as Jo } from "./Uploader/Uploader.js";
+import { Link as Qo } from "./AnchorLink/Link.js";
+import { ELinkSize as Xo, ELinkVariant as Yo } from "./AnchorLink/constants.js";
+import { NotificationBadge as $o } from "./NotificationBadge/NotificationBadge.js";
+import { ENotificationBadgeSize as rr } from "./NotificationBadge/constants.js";
+import { Chip as tr } from "./Chip/Chip.js";
+import { EChipSize as ar, EChipVariant as ir } from "./Chip/constants.js";
+import { UniversalUploader as fr } from "./UniversalUploader/UniversalUploader.js";
+import { EUploaderType as nr } from "./UniversalUploader/constants.js";
+import { InputRangeSlider as sr } from "./InputRangeSlider/InputRangeSlider.js";
+import { EInputRangeSliderBorderState as lr, EInputRangeSliderPositions as ur } from "./InputRangeSlider/constants.js";
+import { GosZnak as cr } from "./GosZnak/GosZnak.js";
+import { EGosZnakSize as gr, EGosZnakType as Ir } from "./GosZnak/constants.js";
+import { Switcher as Vr } from "./Switcher/Switcher.js";
+import { ELabelPositions as kr } from "./Switcher/constants.js";
+import { TwinSwitcher as Pr } from "./TwinSwitcher/TwinSwitcher.js";
+import { SkeletonBrick as Ar } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
+import { SkeletonText as Rr } from "./Skeleton/SkeletonText/SkeletonText.js";
+import { SkeletonCircle as wr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
+import { ESkeletonVariant as Cr } from "./Skeleton/constants.js";
+import { Avatar as Dr } from "./Avatar/Avatar.js";
+import { EAvatarSize as vr } from "./Avatar/constants.js";
+import { MultiSelectSearch as Nr } from "./MultiSelectSearch/MultiSelectSearch.js";
+import { EMultiSelectSearchSize as Or } from "./MultiSelectSearch/constants.js";
+import { ListFiles as qr } from "./ListFiles/ListFiles.js";
+import { EFileItemVariant as Jr } from "./ListFiles/constants.js";
+import { ListPhotos as Qr } from "./ListPhotos/ListPhotos.js";
+import { MessageShortReply as Xr } from "./MessageShortReply/MessageShortReply.js";
+import { EMessageShortReplyVariant as _r } from "./MessageShortReply/constants.js";
+import { default as oe } from "./Slider/Slider.js";
+import { EProgressBarPosition as ee } from "./Slider/constants.js";
 export {
-  go as Accordion,
-  zo as AccordionItem,
-  Cr as Avatar,
+  zo as Accordion,
+  Bo as AccordionItem,
+  Dr as Avatar,
   e as Button,
-  xo as CheckboxMimir,
-  rr as Chip,
+  So as CheckboxMimir,
+  tr as Chip,
   w as DatePicker,
-  q as Drawer,
-  Q as Dropdown,
-  Vo as EAccordionSize,
-  Dr as EAvatarSize,
+  J as Drawer,
+  X as Dropdown,
+  ho as EAccordionSize,
+  vr as EAvatarSize,
   p as EButtonForm,
   a as EButtonSize,
   i as EButtonVariantBorderless,
   m as EButtonVariantDefault,
   f as EButtonVariantOutline,
   x as EButtonVariantRound,
-  tr as EChipSize,
-  pr as EChipVariant,
-  J as EDrawerPosition,
-  qr as EFileItemVariant,
-  cr as EGosZnakSize,
-  Tr as EGosZnakType,
-  Sr as EInputRangeSliderBorderState,
-  Er as EInputRangeSliderPositions,
+  ar as EChipSize,
+  ir as EChipVariant,
+  Q as EDrawerPosition,
+  Jr as EFileItemVariant,
+  gr as EGosZnakSize,
+  Ir as EGosZnakType,
+  lr as EInputRangeSliderBorderState,
+  ur as EInputRangeSliderPositions,
   E as EInputSize,
   l as EInputStatus,
   u as EInputVariant,
-  hr as ELabelPositions,
-  Qo as ELinkSize,
-  Wo as ELinkVariant,
+  kr as ELabelPositions,
+  Xo as ELinkSize,
+  Yo as ELinkVariant,
+  O as ELoaderSize,
   D as EMergedButtonVariantRound,
-  Xr as EMessageShortReplyVariant,
-  Nr as EMultiSelectSearchSize,
-  $o as ENotificationBadgeSize,
-  oe as EProgressBarPosition,
-  mo as ESelectSearchSize,
-  wr as ESkeletonVariant,
-  _ as EStepColor,
-  $ as EStepsSize,
-  Ao as ETabTrailSize,
-  Eo as ETagSize,
-  lo as ETagType,
+  _r as EMessageShortReplyVariant,
+  Or as EMultiSelectSearchSize,
+  rr as ENotificationBadgeSize,
+  ee as EProgressBarPosition,
+  xo as ESelectSearchSize,
+  Cr as ESkeletonVariant,
+  oo as EStepColor,
+  ro as EStepsSize,
+  Mo as ETabTrailSize,
+  uo as ETagSize,
+  co as ETagType,
   g as ETextAreaInputSize,
-  bo as EToastPosition,
-  Do as EToastVariant,
-  Oo as EUploaderFilesVariant,
-  fr as EUploaderType,
-  to as EVoteSize,
-  ur as GosZnak,
+  Fo as EToastPosition,
+  vo as EToastVariant,
+  qo as EUploaderFilesVariant,
+  nr as EUploaderType,
+  ao as EVoteSize,
+  cr as GosZnak,
   v as Image,
-  s as Input,
-  V as InputPassword,
-  z as InputPhoneNumber,
-  nr as InputRangeSlider,
-  Jo as Link,
-  Or as ListFiles,
-  Jr as ListPhotos,
+  S as Input,
+  z as InputPassword,
+  h as InputPhoneNumber,
+  sr as InputRangeSlider,
+  Qo as Link,
+  qr as ListFiles,
+  Qr as ListPhotos,
   N as Loader,
   C as MergedButton,
-  Qr as MessageShortReply,
-  vr as MultiSelectSearch,
-  Yo as NotificationBadge,
-  L as OtpInput,
-  Mo as Pagination,
+  Xr as MessageShortReply,
+  Nr as MultiSelectSearch,
+  $o as NotificationBadge,
+  A as OtpInput,
+  Uo as Pagination,
   R as RadioGroup,
-  ao as SelectSearch,
-  Pr as SkeletonBrick,
-  Rr as SkeletonCircle,
-  Lr as SkeletonText,
-  _r as Slider,
-  O as SliderLazy,
-  X as Steps,
-  Ir as Switcher,
-  Bo as TabTrail,
-  so as Tag,
+  mo as SelectSearch,
+  Ar as SkeletonBrick,
+  wr as SkeletonCircle,
+  Rr as SkeletonText,
+  oe as Slider,
+  q as SliderLazy,
+  _ as Steps,
+  Vr as Switcher,
+  Lo as TabTrail,
+  Eo as Tag,
   c as TextArea,
-  co as Timer,
-  Uo as ToastProvider,
-  kr as TwinSwitcher,
-  ir as UniversalUploader,
-  qo as Uploader,
-  No as UploaderFiles,
-  vo as UploaderPhotos,
-  ro as Vote,
+  go as Timer,
+  yo as ToastProvider,
+  Pr as TwinSwitcher,
+  fr as UniversalUploader,
+  Jo as Uploader,
+  Oo as UploaderFiles,
+  No as UploaderPhotos,
+  to as Vote,
   B as getMaskedInputPhoneValue,
   P as getUnmaskedInputValue,
-  yo as useToast
+  bo as useToast
 };

package/dist/index.js

@@ -8,179 +8,181 @@ import { InputPassword as z } from "./components/InputPassword/InputPassword.js"
 import { InputPhoneNumber as h } from "./components/InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as P } from "./components/InputPhoneNumber/utils.js";
 import { OtpInput as y } from "./components/OtpInput/OtpInput.js";
-import { RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
+import { RadioGroup as R } from "./components/RadioGroup/RadioGroup.js";
 import { DatePicker as C } from "./components/DatePicker/DatePicker.js";
 import { MergedButton as b } from "./components/MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound as v } from "./components/MergedButton/constants.js";
 import { AppImage as F } from "./components/Image/Image.js";
 import { Loader as N } from "./components/Loader/Loader.js";
-import { SliderLazy as Q } from "./components/Slider/index.js";
-import { Drawer as j } from "./components/Drawer/Drawer.js";
-import { EDrawerPosition as H } from "./components/Drawer/constants.js";
-import { Dropdown as K } from "./components/Dropdown/Dropdown.js";
-import { Steps as X } from "./components/Steps/Steps.js";
-import { EStepColor as _, EStepsSize as $ } from "./components/Steps/constants.js";
-import { Vote as ro } from "./components/Vote/Vote.js";
-import { EVoteSize as to } from "./components/Vote/constants.js";
-import { SelectSearch as ao } from "./components/SelectSearch/SelectSearch.js";
-import { ESelectSearchSize as io } from "./components/SelectSearch/constants.js";
-import { CheckboxMimir as xo } from "./components/CheckboxMimir/CheckboxMimir.js";
-import { Tag as so } from "./components/Tag/Tag.js";
-import { ETagSize as lo, ETagType as Eo } from "./components/Tag/constants.js";
-import { Timer as co } from "./components/Timer/Timer.js";
-import { Accordion as go } from "./components/Accordion/Accordion.js";
-import { EAccordionSize as zo } from "./components/Accordion/constants.js";
-import { AccordionItem as ho } from "./components/Accordion/AccordionItem/AccordionItem.js";
-import { TabTrail as Bo } from "./components/TabTrail/TabTrail.js";
-import { ETabTrailSize as Mo } from "./components/TabTrail/constants.js";
-import { Pagination as Ro } from "./components/Pagination/Pagination.js";
-import { ToastProvider as Ao } from "./components/Toasts/ToastsProvider.js";
-import { useToast as Uo } from "./components/Toasts/hooks.js";
-import { EToastPosition as wo, EToastVariant as vo } from "./components/Toasts/constants.js";
-import { UploaderPhotos as Fo } from "./components/UploaderPhotos/UploaderPhotos.js";
-import { UploaderFiles as No } from "./components/UploaderFiles/UploaderFiles.js";
-import { EUploaderFilesVariant as Qo } from "./components/UploaderFiles/constants.js";
-import { Uploader as jo } from "./components/Uploader/Uploader.js";
-import { Link as Ho } from "./components/AnchorLink/Link.js";
-import { ELinkSize as Ko, ELinkVariant as Wo } from "./components/AnchorLink/constants.js";
-import { NotificationBadge as Yo } from "./components/NotificationBadge/NotificationBadge.js";
-import { ENotificationBadgeSize as $o } from "./components/NotificationBadge/constants.js";
-import { Chip as rr } from "./components/Chip/Chip.js";
-import { EChipSize as tr, EChipVariant as pr } from "./components/Chip/constants.js";
-import { UniversalUploader as mr } from "./components/UniversalUploader/UniversalUploader.js";
-import { EUploaderType as fr } from "./components/UniversalUploader/constants.js";
-import { InputRangeSlider as nr } from "./components/InputRangeSlider/InputRangeSlider.js";
-import { EInputRangeSliderBorderState as ur, EInputRangeSliderPositions as lr } from "./components/InputRangeSlider/constants.js";
-import { GosZnak as Sr } from "./components/GosZnak/GosZnak.js";
-import { EGosZnakSize as cr, EGosZnakType as Tr } from "./components/GosZnak/constants.js";
-import { Switcher as Ir } from "./components/Switcher/Switcher.js";
-import { ELabelPositions as Vr } from "./components/Switcher/constants.js";
-import { TwinSwitcher as kr } from "./components/TwinSwitcher/TwinSwitcher.js";
-import { SkeletonBrick as Pr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
-import { SkeletonText as yr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
-import { SkeletonCircle as Lr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
-import { ESkeletonVariant as Cr } from "./components/Skeleton/constants.js";
-import { Avatar as br } from "./components/Avatar/Avatar.js";
-import { EAvatarSize as vr } from "./components/Avatar/constants.js";
-import { MultiSelectSearch as Fr } from "./components/MultiSelectSearch/MultiSelectSearch.js";
-import { EMultiSelectSearchSize as Nr } from "./components/MultiSelectSearch/constants.js";
-import { ListFiles as Qr } from "./components/ListFiles/ListFiles.js";
-import { EFileItemVariant as jr } from "./components/ListFiles/constants.js";
-import { ListPhotos as Hr } from "./components/ListPhotos/ListPhotos.js";
-import { MessageShortReply as Kr } from "./components/MessageShortReply/MessageShortReply.js";
-import { EMessageShortReplyVariant as Xr } from "./components/MessageShortReply/constants.js";
-import { useMediaQuery as _r } from "./hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as oe, EMinMediaQuery as re } from "./hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as te } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useInterval as ae } from "./hooks/useInterval/useInterval.js";
-import { useTimer as ie } from "./hooks/useTimer/index.js";
-import { useCopyToClipboard as xe } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
-import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { useResizeObserver as le } from "./hooks/useResizeObserver/useResizeObserver.js";
-import { Icon as Se } from "./icons/Icon.js";
-import { formating as ce } from "./utils/index.js";
-import { default as ge } from "./components/Slider/Slider.js";
-import { EProgressBarPosition as ze } from "./components/Slider/constants.js";
-import { parseDate as he } from "./utils/formating/Date.js";
+import { ELoaderSize as Q } from "./components/Loader/constants.js";
+import { SliderLazy as j } from "./components/Slider/index.js";
+import { Drawer as H } from "./components/Drawer/Drawer.js";
+import { EDrawerPosition as K } from "./components/Drawer/constants.js";
+import { Dropdown as X } from "./components/Dropdown/Dropdown.js";
+import { Steps as _ } from "./components/Steps/Steps.js";
+import { EStepColor as oo, EStepsSize as ro } from "./components/Steps/constants.js";
+import { Vote as to } from "./components/Vote/Vote.js";
+import { EVoteSize as ao } from "./components/Vote/constants.js";
+import { SelectSearch as io } from "./components/SelectSearch/SelectSearch.js";
+import { ESelectSearchSize as xo } from "./components/SelectSearch/constants.js";
+import { CheckboxMimir as so } from "./components/CheckboxMimir/CheckboxMimir.js";
+import { Tag as lo } from "./components/Tag/Tag.js";
+import { ETagSize as So, ETagType as co } from "./components/Tag/constants.js";
+import { Timer as go } from "./components/Timer/Timer.js";
+import { Accordion as zo } from "./components/Accordion/Accordion.js";
+import { EAccordionSize as ho } from "./components/Accordion/constants.js";
+import { AccordionItem as Bo } from "./components/Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail as Mo } from "./components/TabTrail/TabTrail.js";
+import { ETabTrailSize as Lo } from "./components/TabTrail/constants.js";
+import { Pagination as Ao } from "./components/Pagination/Pagination.js";
+import { ToastProvider as Uo } from "./components/Toasts/ToastsProvider.js";
+import { useToast as wo } from "./components/Toasts/hooks.js";
+import { EToastPosition as Do, EToastVariant as Fo } from "./components/Toasts/constants.js";
+import { UploaderPhotos as No } from "./components/UploaderPhotos/UploaderPhotos.js";
+import { UploaderFiles as Qo } from "./components/UploaderFiles/UploaderFiles.js";
+import { EUploaderFilesVariant as jo } from "./components/UploaderFiles/constants.js";
+import { Uploader as Ho } from "./components/Uploader/Uploader.js";
+import { Link as Ko } from "./components/AnchorLink/Link.js";
+import { ELinkSize as Xo, ELinkVariant as Yo } from "./components/AnchorLink/constants.js";
+import { NotificationBadge as $o } from "./components/NotificationBadge/NotificationBadge.js";
+import { ENotificationBadgeSize as rr } from "./components/NotificationBadge/constants.js";
+import { Chip as tr } from "./components/Chip/Chip.js";
+import { EChipSize as ar, EChipVariant as mr } from "./components/Chip/constants.js";
+import { UniversalUploader as fr } from "./components/UniversalUploader/UniversalUploader.js";
+import { EUploaderType as nr } from "./components/UniversalUploader/constants.js";
+import { InputRangeSlider as ur } from "./components/InputRangeSlider/InputRangeSlider.js";
+import { EInputRangeSliderBorderState as Er, EInputRangeSliderPositions as Sr } from "./components/InputRangeSlider/constants.js";
+import { GosZnak as cr } from "./components/GosZnak/GosZnak.js";
+import { EGosZnakSize as gr, EGosZnakType as Ir } from "./components/GosZnak/constants.js";
+import { Switcher as Vr } from "./components/Switcher/Switcher.js";
+import { ELabelPositions as kr } from "./components/Switcher/constants.js";
+import { TwinSwitcher as Pr } from "./components/TwinSwitcher/TwinSwitcher.js";
+import { SkeletonBrick as yr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
+import { SkeletonText as Rr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
+import { SkeletonCircle as Cr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
+import { ESkeletonVariant as br } from "./components/Skeleton/constants.js";
+import { Avatar as vr } from "./components/Avatar/Avatar.js";
+import { EAvatarSize as Fr } from "./components/Avatar/constants.js";
+import { MultiSelectSearch as Nr } from "./components/MultiSelectSearch/MultiSelectSearch.js";
+import { EMultiSelectSearchSize as Qr } from "./components/MultiSelectSearch/constants.js";
+import { ListFiles as jr } from "./components/ListFiles/ListFiles.js";
+import { EFileItemVariant as Hr } from "./components/ListFiles/constants.js";
+import { ListPhotos as Kr } from "./components/ListPhotos/ListPhotos.js";
+import { MessageShortReply as Xr } from "./components/MessageShortReply/MessageShortReply.js";
+import { EMessageShortReplyVariant as _r } from "./components/MessageShortReply/constants.js";
+import { useMediaQuery as oe } from "./hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as ee, EMinMediaQuery as te } from "./hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as ae } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useInterval as ie } from "./hooks/useInterval/useInterval.js";
+import { useTimer as xe } from "./hooks/useTimer/index.js";
+import { useCopyToClipboard as se } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
+import { useMergeRefs as le } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { useResizeObserver as Se } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { Icon as ce } from "./icons/Icon.js";
+import { formating as ge } from "./utils/index.js";
+import { default as ze } from "./components/Slider/Slider.js";
+import { EProgressBarPosition as he } from "./components/Slider/constants.js";
+import { parseDate as Be } from "./utils/formating/Date.js";
 import './assets/index.css';export {
-  go as Accordion,
-  ho as AccordionItem,
-  br as Avatar,
+  zo as Accordion,
+  Bo as AccordionItem,
+  vr as Avatar,
   e as Button,
-  xo as CheckboxMimir,
-  rr as Chip,
+  so as CheckboxMimir,
+  tr as Chip,
   C as DatePicker,
-  j as Drawer,
-  K as Dropdown,
-  zo as EAccordionSize,
-  vr as EAvatarSize,
+  H as Drawer,
+  X as Dropdown,
+  ho as EAccordionSize,
+  Fr as EAvatarSize,
   p as EButtonForm,
   a as EButtonSize,
   m as EButtonVariantBorderless,
   i as EButtonVariantDefault,
   f as EButtonVariantOutline,
   x as EButtonVariantRound,
-  tr as EChipSize,
-  pr as EChipVariant,
-  H as EDrawerPosition,
-  jr as EFileItemVariant,
-  cr as EGosZnakSize,
-  Tr as EGosZnakType,
-  ur as EInputRangeSliderBorderState,
-  lr as EInputRangeSliderPositions,
+  ar as EChipSize,
+  mr as EChipVariant,
+  K as EDrawerPosition,
+  Hr as EFileItemVariant,
+  gr as EGosZnakSize,
+  Ir as EGosZnakType,
+  Er as EInputRangeSliderBorderState,
+  Sr as EInputRangeSliderPositions,
   l as EInputSize,
   E as EInputStatus,
   S as EInputVariant,
-  Vr as ELabelPositions,
-  Ko as ELinkSize,
-  Wo as ELinkVariant,
-  oe as EMediaQuery,
+  kr as ELabelPositions,
+  Xo as ELinkSize,
+  Yo as ELinkVariant,
+  Q as ELoaderSize,
+  ee as EMediaQuery,
   v as EMergedButtonVariantRound,
-  Xr as EMessageShortReplyVariant,
-  re as EMinMediaQuery,
-  Nr as EMultiSelectSearchSize,
-  $o as ENotificationBadgeSize,
-  ze as EProgressBarPosition,
-  io as ESelectSearchSize,
-  Cr as ESkeletonVariant,
-  _ as EStepColor,
-  $ as EStepsSize,
-  Mo as ETabTrailSize,
-  lo as ETagSize,
-  Eo as ETagType,
+  _r as EMessageShortReplyVariant,
+  te as EMinMediaQuery,
+  Qr as EMultiSelectSearchSize,
+  rr as ENotificationBadgeSize,
+  he as EProgressBarPosition,
+  xo as ESelectSearchSize,
+  br as ESkeletonVariant,
+  oo as EStepColor,
+  ro as EStepsSize,
+  Lo as ETabTrailSize,
+  So as ETagSize,
+  co as ETagType,
   g as ETextAreaInputSize,
-  wo as EToastPosition,
-  vo as EToastVariant,
-  Qo as EUploaderFilesVariant,
-  fr as EUploaderType,
-  to as EVoteSize,
-  Sr as GosZnak,
-  Se as Icon,
+  Do as EToastPosition,
+  Fo as EToastVariant,
+  jo as EUploaderFilesVariant,
+  nr as EUploaderType,
+  ao as EVoteSize,
+  cr as GosZnak,
+  ce as Icon,
   F as Image,
   s as Input,
   z as InputPassword,
   h as InputPhoneNumber,
-  nr as InputRangeSlider,
-  Ho as Link,
-  Qr as ListFiles,
-  Hr as ListPhotos,
+  ur as InputRangeSlider,
+  Ko as Link,
+  jr as ListFiles,
+  Kr as ListPhotos,
   N as Loader,
   b as MergedButton,
-  Kr as MessageShortReply,
-  Fr as MultiSelectSearch,
-  Yo as NotificationBadge,
+  Xr as MessageShortReply,
+  Nr as MultiSelectSearch,
+  $o as NotificationBadge,
   y as OtpInput,
-  Ro as Pagination,
-  L as RadioGroup,
-  ao as SelectSearch,
-  Pr as SkeletonBrick,
-  Lr as SkeletonCircle,
-  yr as SkeletonText,
-  ge as Slider,
-  Q as SliderLazy,
-  X as Steps,
-  Ir as Switcher,
-  Bo as TabTrail,
-  so as Tag,
+  Ao as Pagination,
+  R as RadioGroup,
+  io as SelectSearch,
+  yr as SkeletonBrick,
+  Cr as SkeletonCircle,
+  Rr as SkeletonText,
+  ze as Slider,
+  j as SliderLazy,
+  _ as Steps,
+  Vr as Switcher,
+  Mo as TabTrail,
+  lo as Tag,
   c as TextArea,
-  co as Timer,
-  Ao as ToastProvider,
-  kr as TwinSwitcher,
-  mr as UniversalUploader,
-  jo as Uploader,
-  No as UploaderFiles,
-  Fo as UploaderPhotos,
-  ro as Vote,
-  ce as formating,
+  go as Timer,
+  Uo as ToastProvider,
+  Pr as TwinSwitcher,
+  fr as UniversalUploader,
+  Ho as Uploader,
+  Qo as UploaderFiles,
+  No as UploaderPhotos,
+  to as Vote,
+  ge as formating,
   B as getMaskedInputPhoneValue,
   P as getUnmaskedInputValue,
-  he as parseDate,
-  xe as useCopyToClipboard,
-  ae as useInterval,
-  te as useLockBodyScroll,
-  _r as useMediaQuery,
-  se as useMergeRefs,
-  le as useResizeObserver,
-  ie as useTimer,
-  Uo as useToast
+  Be as parseDate,
+  se as useCopyToClipboard,
+  ie as useInterval,
+  ae as useLockBodyScroll,
+  oe as useMediaQuery,
+  le as useMergeRefs,
+  Se as useResizeObserver,
+  xe as useTimer,
+  wo as useToast
 };

package/package.json

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