mimir-ui-kit 1.37.6 → 1.37.7

package/dist/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
 import { jsxs as B, Fragment as K, jsx as b } from "react/jsx-runtime";
-import { c as D } from "../../index-DIxK0V-G.js";
+import { c as $ } from "../../index-DIxK0V-G.js";
 import v, { createContext as M, useRef as ne, Fragment as re, useReducer as pe, useMemo as O, useId as le, useEffect as se, useState as ae, useContext as U, forwardRef as me } from "react";
 import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
 import { EAccordionButtonType as T, EAccordionSize as x, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
@@ -7,10 +7,10 @@ import { useMediaQuery as Ee } from "../../hooks/useMediaQuery/useMediaQuery.js"
 import { EMediaQuery as Se } from "../../hooks/useMediaQuery/constants.js";
 import { Icon as ke } from "../../icons/Icon.js";
 import { Link as Ie } from "../AnchorLink/Link.js";
-import { M as ee, W as q, y as j, T as be, o as P, a as W, H as Q, I as ce, $ as ve, b as ye, D as te, u as $e, c as w } from "../../keyboard-B0lm_zyn.js";
-import { w as he } from "../../use-active-press-86hajhdd.js";
-import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as Pe, i as R, u as ge, R as Te, H as we, s as Ne } from "../../open-closed-CdldUPoq.js";
+import { M as ee, W as q, y as j, T as be, o as P, a as W, H as Q, I as ce, $ as ve, b as ye, D as te, u as he, c as w } from "../../keyboard-mgWkd2Vh.js";
+import { w as De } from "../../use-active-press-CqLGIFz7.js";
+import { e as $e } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as Pe, i as R, u as ge, x as Te, R as we, s as Ne } from "../../open-closed-D2VjDhAN.js";
 import { r as Ce } from "../../bugs-diTMAGNw.js";
 import '../../assets/Accordion.css';let Ae = M(() => {
 });
@@ -64,7 +64,7 @@ function Ke(e, t) {
     s.current = c;
   }, e.as === void 0 || e.as === re)), a = pe(Le, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, E] = a, l = P((c) => {
     E({ type: 1 });
-    let f = $e(s);
+    let f = he(s);
     if (!f || !r) return;
     let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
     _ == null || _.focus();
@@ -106,19 +106,19 @@ function qe(e, t) {
   }), _ = P((i) => {
     var n;
     Ce(i.currentTarget) || s || (l ? (r({ type: 0 }), (n = o.buttonElement) == null || n.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: $, focusProps: h } = ve({ autoFocus: m }), { isHovered: N, hoverProps: C } = ye({ isDisabled: s }), { pressed: I, pressProps: g } = he({ disabled: s }), F = O(() => ({ open: o.disclosureState === 0, hover: N, active: I, disabled: s, focus: $, autofocus: m }), [o, N, I, $, s, m]), A = De(e, o.buttonElement), L = l ? te({ ref: S, type: A, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, C, g) : te({ ref: S, id: p, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, C, g);
+  }), { isFocusVisible: h, focusProps: D } = ve({ autoFocus: m }), { isHovered: N, hoverProps: C } = ye({ isDisabled: s }), { pressed: I, pressProps: g } = De({ disabled: s }), F = O(() => ({ open: o.disclosureState === 0, hover: N, active: I, disabled: s, focus: h, autofocus: m }), [o, N, I, h, s, m]), A = $e(e, o.buttonElement), L = l ? te({ ref: S, type: A, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, D, C, g) : te({ ref: S, id: p, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, D, C, g);
   return Q({ mergeRefs: k, ourProps: L, theirProps: a, slot: F, defaultTag: Ue, name: "Disclosure.Button" });
 }
 let je = "div", We = ee.RenderStrategy | ee.Static;
 function Qe(e, t) {
-  let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, o] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), E = ce(), [l, y] = ae(null), S = j(t, P((h) => {
-    xe(() => o({ type: 5, element: h }));
+  let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, o] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), E = ce(), [l, y] = ae(null), S = j(t, P((D) => {
+    xe(() => o({ type: 5, element: D }));
   }), y);
   se(() => (o({ type: 3, panelId: p }), () => {
     o({ type: 3, panelId: null });
   }), [p, o]);
-  let k = ge(), [c, f] = Te(s, l, k !== null ? (k & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), $ = { ref: S, id: p, ...we(f) };
-  return v.createElement(Ne, null, v.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: E, ourProps: $, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
+  let k = ge(), [c, f] = Te(s, l, k !== null ? (k & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), h = { ref: S, id: p, ...we(f) };
+  return v.createElement(Ne, null, v.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: E, ourProps: h, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
 }
 let Ve = q(Ke), ue = q(qe), de = q(Qe), ze = Object.assign(Ve, { Button: ue, Panel: de });
 const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_25", Ye = "_title_1k9to_29", Ze = "_icon_1k9to_36", et = "_circle_1k9to_46", tt = "_square_1k9to_53", ot = "_panel_1k9to_73", nt = "_open_1k9to_80", rt = "_m_1k9to_106", lt = "_s_1k9to_53", d = {
@@ -157,8 +157,8 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
     subtitleNode: c,
     onlyOpenSubtitleNode: f,
     classNameSubtitleContainer: _
-  }, $) => {
-    const [h, N] = ae(!1), C = Ee(Se.XS1), I = u === T.LINK, g = {
+  }, h) => {
+    const [D, N] = ae(!1), C = Ee(Se.XS1), I = u === T.LINK, g = {
       [d["is-link"]]: I
     }, F = () => {
       t || N((n) => !n);
@@ -167,7 +167,7 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
       size: C ? "s" : "l",
       rightIcon: {
         iconName: A,
-        className: D({
+        className: $({
           [d["link-open"]]: n
         })
       }
@@ -181,7 +181,7 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
             /* @__PURE__ */ b(
               "span",
               {
-                className: D(
+                className: $(
                   d.title,
                   l,
                   o && d["title-uppercase"]
@@ -192,7 +192,7 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
             /* @__PURE__ */ b(
               "div",
               {
-                className: D(
+                className: $(
                   d["icon-container"],
                   n && d.open,
                   t && d.disabled,
@@ -219,20 +219,20 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
       /* @__PURE__ */ b(
         "div",
         {
-          className: D(
+          className: $(
             d.accordion,
             d[a],
             g,
             S
           ),
-          children: /* @__PURE__ */ b(ze, { ref: $, children: ({ open: n, close: H }) => /* @__PURE__ */ B(K, { children: [
+          children: /* @__PURE__ */ b(ze, { ref: h, children: ({ open: n, close: H }) => /* @__PURE__ */ B(K, { children: [
             (!n || s) && /* @__PURE__ */ b(
               ue,
               {
                 disabled: t,
                 as: I ? Ie : T.BUTTON,
                 onClick: F,
-                className: D({
+                className: $({
                   [d.header]: !I,
                   [d.disabled]: t,
                   [m ?? ""]: I && m
@@ -245,7 +245,7 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
               de,
               {
                 "data-testid": "accordion-panel",
-                className: D(
+                className: $(
                   d.panel,
                   y,
                   g
@@ -261,7 +261,7 @@ const Xe = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Je = "_disabled_1k9to_
       ),
       (c || f) && /* @__PURE__ */ B("div", { className: _, children: [
         c,
-        h && f
+        D && f
       ] })
     ] });
   }

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,10 +1,10 @@
 import { jsxs as O, jsx as x } from "react/jsx-runtime";
-import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-B0lm_zyn.js";
+import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-mgWkd2Vh.js";
 import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
-import { w as re } from "../../use-active-press-86hajhdd.js";
-import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-y3ANLTNC.js";
+import { w as re } from "../../use-active-press-CqLGIFz7.js";
+import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-D4GFpe5F.js";
 import { r as ue } from "../../bugs-diTMAGNw.js";
-import { H as fe } from "../../field-FJ34aSs4.js";
+import { H as fe } from "../../field-C1kt7aNM.js";
 import { c as me } from "../../index-DIxK0V-G.js";
 import { Icon as pe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let he = "span";

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,15 +1,15 @@
 import { jsxs as g, jsx as n, Fragment as B } from "react/jsx-runtime";
 import { c as l } from "../../index-DIxK0V-G.js";
-import { forwardRef as ie, useRef as R, useState as S, useEffect as E, useMemo as le } from "react";
+import { forwardRef as ie, useRef as R, useState as S, useEffect as j, useMemo as le } from "react";
 import { EMultiSelectSearchSize as M } from "./constants.js";
-import { getInitialInputValue as F, mapSizeToInputSize as P, getDropdownArrowIcon as re, joinSelectedItems as j } from "./utils.js";
+import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as re, joinSelectedItems as P } from "./utils.js";
 import { Icon as ce } from "../../icons/Icon.js";
 import { Button as ae } from "../Button/Button.js";
 import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as de } from "../Chip/Chip.js";
 import { I as G } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as pe } from "../Input/constants.js";
-import { H as me, U as W, G as H, K as _e, W as he } from "../../combobox-CDU06zJj.js";
+import { H as me, U as H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
 import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke = "_container_17kql_9", qe = "_full_17kql_27", ge = "_button_17kql_39", be = "_options_17kql_53", ve = "_top_17kql_64", Ne = "_bottom_17kql_69", Ie = "_m_17kql_2", we = "_l_17kql_111", Ce = "_focused_17kql_129", Se = "_option_17kql_53", Me = "_chip_17kql_158", xe = "_clear_17kql_183", e = {
   "multi-select-search": "_multi-select-search_17kql_2",
   disabled: fe,
@@ -40,14 +40,14 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
   "required-mark": "_required-mark_17kql_178",
   clear: xe,
   "icon-button": "_icon-button_17kql_192"
-}, Pe = ie(
-  (J, K) => {
+}, Fe = ie(
+  (K, U) => {
     const {
       placeholder: x,
       size: i = M.L,
       value: a,
       onChange: s,
-      full: U,
+      full: W,
       showArrow: Q = !0,
       items: m = [],
       classNameOption: X,
@@ -63,13 +63,13 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
       chipVariant: Z = "sapphire",
       disableInput: _ = !1,
       autocomplete: O = "on"
-    } = J, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
-      () => F(a, d)
+    } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
+      () => E(a, d)
     ), [u, q] = S(
       a || []
     );
-    E(() => {
-      a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(F(a, d)));
+    j(() => {
+      a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
     }, [a, d, u]);
     const A = le(() => {
       var o;
@@ -80,7 +80,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
       );
     }, [y, m, f]), $ = (t) => {
       q(t), s == null || s(t);
-      const o = j(t, d);
+      const o = P(t, d);
       k(o), h(!0), setTimeout(() => {
         if (p.current) {
           p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
@@ -100,7 +100,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
       const o = u.filter(
         (c) => c.id !== t.id
       );
-      q(o), s == null || s(o), k(j(o, d));
+      q(o), s == null || s(o), k(P(o, d));
     }, T = () => h((t) => !t), te = (t) => {
       t.preventDefault(), t.currentTarget.focus();
       const o = t.currentTarget.value.length;
@@ -112,7 +112,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
     }, se = (t) => {
       _ && t.target.blur();
     };
-    return E(() => {
+    return j(() => {
       const t = (o) => {
         w.current && !w.current.contains(o.target) && !o.defaultPrevented && h(!1);
       };
@@ -127,11 +127,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
           as: "div",
           value: u,
           className: l(e["multi-select-search"], {
-            [e.full]: U,
+            [e.full]: W,
             [e.disabled]: r
           }),
           onChange: $,
-          ref: K,
+          ref: U,
           disabled: r,
           virtual: { options: A },
           children: /* @__PURE__ */ g(
@@ -143,17 +143,17 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
               children: [
                 _ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
                   /* @__PURE__ */ n(
-                    W,
+                    H,
                     {
                       disabled: r,
                       style: { width: "100%" },
                       onClick: T,
                       children: /* @__PURE__ */ n(
-                        H,
+                        J,
                         {
                           as: G,
                           label: x,
-                          size: P(i),
+                          size: F(i),
                           className: l(e["multi-select-input"], {
                             [e["multi-select-input-disabled"]]: _ && I
                           }),
@@ -195,11 +195,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
                   )
                 ] }),
                 !_ && /* @__PURE__ */ n(
-                  H,
+                  J,
                   {
                     as: G,
                     label: x,
-                    size: P(i),
+                    size: F(i),
                     className: e["multi-select-input"],
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
@@ -214,7 +214,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
                     rightAddon: {
                       addonType: "react-node",
                       addonContent: Q && /* @__PURE__ */ n(
-                        W,
+                        H,
                         {
                           className: l(e.button, {
                             [e.disabled]: r
@@ -323,5 +323,5 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
   }
 );
 export {
-  Pe as MultiSelectSearch
+  Fe as MultiSelectSearch
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
-import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
-import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
 import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
 import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
 import { c as M } from "../../index-DIxK0V-G.js";
 import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
 let Le = { 0(e, r) {

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as _, Fragment as z } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as K, useState as D, useMemo as U, useCallback as W, useEffect as R } from "react";
+import { forwardRef as K, useState as D, useMemo as U, useCallback as R, useEffect as $ } from "react";
 import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as q, getDropdownArrowIcon as $ } from "./utils.js";
-import { Icon as A } from "../../icons/Icon.js";
-import { Button as J } from "../Button/Button.js";
-import { I as O } from "../../Input-BYrIS5GU.js";
-import { EInputVariant as Q } from "../Input/constants.js";
-import { H as X, U as B, G as M, K as Y, W as Z } from "../../combobox-CDU06zJj.js";
+import { mapSizeToInputSize as j, getDropdownArrowIcon as J } from "./utils.js";
+import { Icon as q } from "../../icons/Icon.js";
+import { Button as Q } from "../Button/Button.js";
+import { I as A } from "../../Input-BYrIS5GU.js";
+import { EInputVariant as W } from "../Input/constants.js";
+import { H as X, U as O, G as B, K as Y, j as Z } from "../../combobox-BpYucpxz.js";
 import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_container_rphak_9", oe = "_full_rphak_22", ae = "_button_rphak_34", ne = "_options_rphak_48", se = "_top_rphak_59", re = "_bottom_rphak_64", ie = "_m_rphak_91", le = "_l_rphak_106", ce = "_option_rphak_48", pe = "_clear_rphak_160", e = {
   "select-search": "_select-search_rphak_2",
   disabled: ee,
@@ -34,7 +34,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
   clear: pe,
   "icon-button": "_icon-button_rphak_169"
 }, ge = K(
-  (j, E) => {
+  (M, E) => {
     const {
       placeholder: g,
       size: r = v.L,
@@ -47,18 +47,18 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
       displayValue: G = "name",
       filterOnSearch: w = !0,
       onSearch: m,
-      variant: C = Q.DefaultGray,
+      variant: C = W.DefaultGray,
       menuPlacement: b = "bottom",
       disabled: l = !1,
       searchProps: I,
       withClearButton: f = !1,
       disableInput: c = !1,
       autocomplete: S = "on"
-    } = j, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
+    } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
       (o) => o.name.toLowerCase().includes(p.toLowerCase())
     ) : d, [p, d, a, w]), P = (o) => {
       o ? (u(o.name), h(o), n == null || n(o)) : (u(""), h(null), n == null || n({ id: "", name: "" }));
-    }, x = W(
+    }, x = R(
       (o) => {
         if (c) return;
         const t = o.target.value;
@@ -68,7 +68,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
     ), T = () => {
       u(""), h(null), n == null || n({ id: "", name: "" });
     };
-    return R(() => {
+    return $(() => {
       const o = !a || typeof a == "object" && !Object.keys(a).length;
       u(o ? "" : k), h(o ? null : a);
     }, [a, k]), /* @__PURE__ */ s(
@@ -93,12 +93,12 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
               }),
               children: [
                 c && /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ s(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
-                    M,
+                  /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                    B,
                     {
-                      as: O,
+                      as: A,
                       label: g,
-                      size: q(r),
+                      size: j(r),
                       className: i(e["select-input"], {
                         [e["select-input-disabled"]]: c && f
                       }),
@@ -114,14 +114,14 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: $(o, r)
+                        addonContent: J(o, r)
                       },
                       autocomplete: S,
                       ...I
                     }
                   ) }),
                   f && p && /* @__PURE__ */ s(
-                    J,
+                    Q,
                     {
                       tabIndex: -1,
                       className: i(e.clear, {
@@ -142,11 +142,11 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                   )
                 ] }),
                 !c && /* @__PURE__ */ s(
-                  M,
+                  B,
                   {
-                    as: O,
+                    as: A,
                     label: g,
-                    size: q(r),
+                    size: j(r),
                     className: e["select-input"],
                     onChange: x,
                     value: p,
@@ -159,14 +159,14 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                     rightAddon: {
                       addonType: "react-node",
                       addonContent: V && /* @__PURE__ */ s(
-                        B,
+                        O,
                         {
                           className: i(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
                           children: /* @__PURE__ */ s(
-                            A,
+                            q,
                             {
                               iconName: r == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: i(e["selector-icon"], {
@@ -215,7 +215,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
                     ] }),
                     N && N.id === t.id && /* @__PURE__ */ s(
-                      A,
+                      q,
                       {
                         iconName: r === v.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]

package/dist/components/Switcher/Switcher.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as N } from "react/jsx-runtime";
-import { H as te } from "../../field-FJ34aSs4.js";
-import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
-import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
+import { H as te } from "../../field-C1kt7aNM.js";
+import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
+import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
 import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
-import { w as Ce } from "../../use-active-press-86hajhdd.js";
+import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
 import { r as Fe } from "../../bugs-diTMAGNw.js";
 import { c as g } from "../../index-DIxK0V-G.js";

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

@@ -1,8 +1,10 @@
 import { FC } from 'react';
+import { ETabTrailButtonVariant } from './constants';
 
 type TProps = {
     handleNextTab: () => void;
     handlePrevTab: () => void;
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
 };
 export declare const TabButtons: FC<TProps>;
 export {};

package/dist/components/TabTrail/TabButtons/TabButtons.js

@@ -1,29 +1,33 @@
-import { jsx as m } from "react/jsx-runtime";
-import { memo as a, useMemo as u } from "react";
-import { ETabTrailIconName as r, ETabTrailButtonVariant as n } from "./constants.js";
-import { MergedButton as c } from "../../MergedButton/MergedButton.js";
-const p = a(
-  ({ handleNextTab: o, handlePrevTab: t }) => {
-    const i = u(
+import { jsx as n } from "react/jsx-runtime";
+import { memo as c, useMemo as e } from "react";
+import { ETabTrailIconName as m, ETabTrailButtonVariant as u } from "./constants.js";
+import { MergedButton as a } from "../../MergedButton/MergedButton.js";
+const I = c(
+  ({
+    handleNextTab: t,
+    handlePrevTab: r,
+    buttonsVariant: o = u.WHITE
+  }) => {
+    const i = e(
       () => [
         {
           isIconButton: !0,
-          iconName: r.LEFT,
-          variant: n.WHITE,
-          onClick: t
+          iconName: m.LEFT,
+          variant: o,
+          onClick: r
         },
         {
           isIconButton: !0,
-          iconName: r.RIGHT,
-          variant: n.WHITE,
-          onClick: o
+          iconName: m.RIGHT,
+          variant: o,
+          onClick: t
         }
       ],
-      [t, o]
+      [r, t, o]
     );
-    return /* @__PURE__ */ m(c, { buttons: i });
+    return /* @__PURE__ */ n(a, { buttons: i });
   }
 );
 export {
-  p as TabButtons
+  I as TabButtons
 };

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

@@ -1,4 +1,5 @@
 import { ETabTrailSize } from './constants';
+import { ETabTrailButtonVariant } from './TabButtons/constants';
 
 export type TCategoryTab = {
     /**
@@ -39,5 +40,9 @@ export type TTabTrailProps = {
      * Функция обратного вызова при изменении выбранного таба.
      */
     onTabChange?: (index: number) => void;
+    /**
+     * Вариант кнопок навигации
+     */
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;