mimir-ui-kit 1.36.14 → 1.36.16

package/dist/components/Accordion/Accordion.js

@@ -1,16 +1,16 @@
 import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
 import { c as D } from "../../index-DIxK0V-G.js";
-import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as H, forwardRef as pe } from "react";
+import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
 import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
 import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
 import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
 import { Icon as ke } from "../../icons/Icon.js";
 import { Link as Se } from "../AnchorLink/Link.js";
-import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-mgWkd2Vh.js";
-import { w as ye } from "../../use-active-press-CqLGIFz7.js";
+import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
+import { w as ye } from "../../use-active-press-86hajhdd.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as $e, i as M, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.js";
+import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
 import { r as Ne } from "../../bugs-diTMAGNw.js";
 import '../../assets/Accordion.css';let Ce = F(() => {
 });
@@ -33,7 +33,7 @@ let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0
 } }, W = F(null);
 W.displayName = "DisclosureContext";
 function Q(e) {
-  let t = H(W);
+  let t = L(W);
   if (t === null) {
     let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
@@ -43,7 +43,7 @@ function Q(e) {
 let V = F(null);
 V.displayName = "DisclosureAPIContext";
 function ce(e) {
-  let t = H(V);
+  let t = L(V);
   if (t === null) {
     let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
@@ -53,13 +53,13 @@ function ce(e) {
 let z = F(null);
 z.displayName = "DisclosurePanelContext";
 function Me() {
-  return H(z);
+  return L(z);
 }
 function Fe(e, t) {
   return q(t.type, Re, e, t);
 }
-let Le = ne;
-function He(e, t) {
+let He = ne;
+function Le(e, t) {
   let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
     n.current = c;
   }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
@@ -69,7 +69,7 @@ function He(e, t) {
     let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
     u == null || u.focus();
   }), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
-  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: Le, name: "Disclosure" })))));
+  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
 }
 let Ke = "button";
 function Ue(e, t) {
@@ -106,8 +106,8 @@ function Ue(e, t) {
   }), u = $((s) => {
     var T;
     Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), L = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
-  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: L, defaultTag: Ke, name: "Disclosure.Button" });
+  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
+  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
 }
 let qe = "div", je = Z.RenderStrategy | Z.Static;
 function We(e, t) {
@@ -120,7 +120,7 @@ function We(e, t) {
   let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
   return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
 }
-let Qe = K(He), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
 const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
   accordion: ze,
   "is-link": "_is-link_1k9to_9",
@@ -160,7 +160,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
       [i["is-link"]]: b
     }, C = () => {
       t || h((g) => !g);
-    }, B = n === O.S ? G.S : G.M, L = {
+    }, B = n === O.S ? G.S : G.M, H = {
       variant: "anchor",
       size: y ? "s" : "l",
       rightIcon: {
@@ -234,7 +234,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
                   [i.header]: !b,
                   [i.disabled]: t
                 }),
-                ...b ? L : {},
+                ...b ? H : {},
                 children: A(u)
               }
             ),

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-mgWkd2Vh.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-B0lm_zyn.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-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 { 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 { r as ue } from "../../bugs-diTMAGNw.js";
-import { H as fe } from "../../field-C1kt7aNM.js";
+import { H as fe } from "../../field-FJ34aSs4.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/DatePicker/hooks.js

@@ -1,16 +1,20 @@
-import { useRef as a, useEffect as g } from "react";
-import { BLOCK_WIDTH as p } from "./constants.js";
-const H = (d) => {
-  const t = a(null);
-  return g(() => {
-    var e, n, i, o, r, c;
-    const f = window.innerHeight, h = window.innerWidth;
+import { useRef as g, useEffect as m } from "react";
+import { BLOCK_WIDTH as f } from "./constants.js";
+const x = (d) => {
+  const t = g(null);
+  return m(() => {
+    var n, i, o, r, c, s;
+    const h = window.innerHeight, w = window.innerWidth;
     if (t.current !== null) {
-      const w = ((n = (e = t == null ? void 0 : t.current) == null ? void 0 : e.parentElement) == null ? void 0 : n.offsetWidth) ?? 0, s = ((o = (i = t == null ? void 0 : t.current) == null ? void 0 : i.parentElement) == null ? void 0 : o.offsetHeight) ?? 0, u = (c = (r = t == null ? void 0 : t.current) == null ? void 0 : r.parentElement) == null ? void 0 : c.getBoundingClientRect(), l = t.current.offsetHeight;
-      f < u.y + l + s ? t.current.style.top = -l + "px" : t.current.style.top = s + "px", h < u.x + p && (t.current.style.left = w - p + "px"), t.current.style.opacity = "1";
+      const a = ((i = (n = t == null ? void 0 : t.current) == null ? void 0 : n.parentElement) == null ? void 0 : i.offsetWidth) ?? 0, u = ((r = (o = t == null ? void 0 : t.current) == null ? void 0 : o.parentElement) == null ? void 0 : r.offsetHeight) ?? 0, l = (s = (c = t == null ? void 0 : t.current) == null ? void 0 : c.parentElement) == null ? void 0 : s.getBoundingClientRect(), p = t.current.offsetHeight;
+      if (h < l.y + p + u ? t.current.style.top = -p + "px" : t.current.style.top = u + "px", w < l.x + f) {
+        const e = a - f;
+        t.current.style.left = (e < 0 ? e / 2 : e) + "px";
+      }
+      t.current.style.opacity = "1";
     }
   }, [d]), t;
 };
 export {
-  H as useDatePickerPosition
+  x as useDatePickerPosition
 };

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 j, useMemo as le } from "react";
+import { forwardRef as ie, useRef as R, useState as S, useEffect as E, useMemo as le } from "react";
 import { EMultiSelectSearchSize as M } from "./constants.js";
-import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as re, joinSelectedItems as P } from "./utils.js";
+import { getInitialInputValue as F, mapSizeToInputSize as P, getDropdownArrowIcon as re, joinSelectedItems as j } 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 H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
+import { H as me, U as W, G as H, K as _e, W as he } from "../../combobox-CDU06zJj.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"
-}, Fe = ie(
-  (K, U) => {
+}, Pe = ie(
+  (J, K) => {
     const {
       placeholder: x,
       size: i = M.L,
       value: a,
       onChange: s,
-      full: W,
+      full: U,
       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"
-    } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
-      () => E(a, d)
+    } = J, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
+      () => F(a, d)
     ), [u, q] = S(
       a || []
     );
-    j(() => {
-      a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
+    E(() => {
+      a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(F(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 = P(t, d);
+      const o = j(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(P(o, d));
+      q(o), s == null || s(o), k(j(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 j(() => {
+    return E(() => {
       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]: W,
+            [e.full]: U,
             [e.disabled]: r
           }),
           onChange: $,
-          ref: U,
+          ref: K,
           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(
-                    H,
+                    W,
                     {
                       disabled: r,
                       style: { width: "100%" },
                       onClick: T,
                       children: /* @__PURE__ */ n(
-                        J,
+                        H,
                         {
                           as: G,
                           label: x,
-                          size: F(i),
+                          size: P(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(
-                  J,
+                  H,
                   {
                     as: G,
                     label: x,
-                    size: F(i),
+                    size: P(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(
-                        H,
+                        W,
                         {
                           className: l(e.button, {
                             [e.disabled]: r
@@ -323,5 +323,5 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
   }
 );
 export {
-  Fe as MultiSelectSearch
+  Pe 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-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 { 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 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-DOYCPyGg.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.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 R, useEffect as $ } from "react";
+import { forwardRef as K, useState as D, useMemo as U, useCallback as W, useEffect as R } from "react";
 import { ESelectSearchSize as v } from "./constants.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 { 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 '../../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(
-  (M, E) => {
+  (j, 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 = W.DefaultGray,
+      variant: C = Q.DefaultGray,
       menuPlacement: b = "bottom",
       disabled: l = !1,
       searchProps: I,
       withClearButton: f = !1,
       disableInput: c = !1,
       autocomplete: S = "on"
-    } = 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(
+    } = 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(
       (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 = R(
+    }, x = W(
       (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 $(() => {
+    return R(() => {
       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(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
-                    B,
+                  /* @__PURE__ */ s(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                    M,
                     {
-                      as: A,
+                      as: O,
                       label: g,
-                      size: j(r),
+                      size: q(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: J(o, r)
+                        addonContent: $(o, r)
                       },
                       autocomplete: S,
                       ...I
                     }
                   ) }),
                   f && p && /* @__PURE__ */ s(
-                    Q,
+                    J,
                     {
                       tabIndex: -1,
                       className: i(e.clear, {
@@ -142,11 +142,11 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                   )
                 ] }),
                 !c && /* @__PURE__ */ s(
-                  B,
+                  M,
                   {
-                    as: A,
+                    as: O,
                     label: g,
-                    size: j(r),
+                    size: q(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(
-                        O,
+                        B,
                         {
                           className: i(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
                           children: /* @__PURE__ */ s(
-                            q,
+                            A,
                             {
                               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(
-                      q,
+                      A,
                       {
                         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-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 { 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 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-CqLGIFz7.js";
+import { w as Ce } from "../../use-active-press-86hajhdd.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/TabTrail.js

@@ -5,11 +5,11 @@ import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, u
 import { ETabTrailSize as Ae } from "./constants.js";
 import { TabButtons as Se } from "./TabButtons/TabButtons.js";
 import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
-import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-mgWkd2Vh.js";
-import { w as Me } from "../../use-active-press-CqLGIFz7.js";
+import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
+import { w as Me } from "../../use-active-press-86hajhdd.js";
 import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as pe, s as Le } from "../../hidden-PvGXrYUY.js";
-import { _ as G, T as J, P as D, F as T } from "../../focus-management-DOYCPyGg.js";
+import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
+import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
 import '../../assets/TabTrail.css';function Oe() {
   let e = U(!1);
   return W(() => (e.current = !0, () => {

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,15 +1,15 @@
 import { jsxs as y, jsx as p, Fragment as j } from "react/jsx-runtime";
 import { c as B } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as N, useEffect as T, useMemo as V } from "react";
+import { forwardRef as D, useState as T, useEffect as V, useMemo as _ } from "react";
 import { imageTypes as h } from "./constants.js";
 import "../Button/Button.js";
-import { EButtonVariantDefault as _ } from "../Button/constants.js";
-import { ListFiles as E } from "../ListFiles/ListFiles.js";
-import { ListPhotos as M } from "../ListPhotos/ListPhotos.js";
-import { Uploader as O } from "../Uploader/Uploader.js";
+import { EButtonVariantDefault as E } from "../Button/constants.js";
+import { ListFiles as M } from "../ListFiles/ListFiles.js";
+import { ListPhotos as O } from "../ListPhotos/ListPhotos.js";
+import { Uploader as P } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const g = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, Q = D(
+}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, W = D(
   (i, v) => {
     const {
       type: s,
@@ -19,18 +19,19 @@ import '../../assets/UploaderPhotos.css';const g = {
       onChange: o,
       value: a,
       maxFiles: m,
-      titleUploader: w,
-      buttonText: z = "Выберите файлы",
+      titleUploader: b,
+      buttonText: w = "Выберите файлы",
       showOnlyUploadButton: u = !1,
-      uploadButtonVariant: b = _.SecondaryAsphalt,
-      buttonSize: I = "m"
-    } = i, [l, n] = N(
+      uploadButtonVariant: z = E.SecondaryAsphalt,
+      buttonSize: I = "m",
+      buttonClassName: L
+    } = i, [l, n] = T(
       a || []
     ), d = l.length >= m;
-    T(() => {
+    V(() => {
       a && n(a);
     }, [a]);
-    const L = (t) => {
+    const N = (t) => {
       const r = t.value.map((e) => f(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
@@ -47,7 +48,7 @@ import '../../assets/UploaderPhotos.css';const g = {
       n((e) => [...e, ...r]), o == null || o({ type: "add", data: t.value });
     }, c = (t) => {
       n((r) => r.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
-    }, { photos: R, files: S } = V(() => {
+    }, { photos: R, files: S } = _(() => {
       const t = () => l.filter((e) => !f(e)), r = () => l.filter(f);
       return s === "all" ? { files: t(), photos: r() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: r() } : { files: [], photos: [] };
     }, [l, s]);
@@ -60,32 +61,33 @@ import '../../assets/UploaderPhotos.css';const g = {
         ),
         children: [
           /* @__PURE__ */ p(
-            O,
+            P,
             {
               filesType: x,
               arrayName: F,
               maxSize: U,
-              onChangeValue: L,
+              onChangeValue: N,
               ref: v,
               maxFiles: m,
               isDisabled: d,
-              titleUploader: w,
+              titleUploader: b,
               showOnlyUploadButton: u,
-              buttonText: z,
-              uploadButtonVariant: b,
-              buttonSize: I
+              buttonText: w,
+              uploadButtonVariant: z,
+              buttonSize: I,
+              buttonClassName: L
             }
           ),
           !u && /* @__PURE__ */ y(j, { children: [
             (s === "files" || s === "all") && /* @__PURE__ */ p(
-              E,
+              M,
               {
                 value: S,
                 onChange: (t) => c(t.deleteId)
               }
             ),
             (s === "photos" || s === "all") && /* @__PURE__ */ p(
-              M,
+              O,
               {
                 value: R,
                 onChange: (t) => c(t.deleteId)
@@ -98,5 +100,5 @@ import '../../assets/UploaderPhotos.css';const g = {
   }
 );
 export {
-  Q as UniversalUploader
+  W as UniversalUploader
 };

package/dist/components/Uploader/Uploader.d.ts

@@ -49,6 +49,10 @@ export type TUploader = {
      * Размер кнопки загрузки файла
      */
     buttonSize?: EButtonSize | `${EButtonSize}`;
+    /**
+     * Класс для кнопки
+     */
+    buttonClassName?: string;
 };
 export type TUploadValue = {
     value: TFileItem[];