mimir-ui-kit 1.37.2 → 1.37.3

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 L, 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 H, 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-B0lm_zyn.js";
-import { w as ye } from "../../use-active-press-86hajhdd.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 { e as De } from "../../use-resolve-button-type-DhFdPxnv.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 { c as $e, i as M, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.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 = L(W);
+  let t = H(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 = L(V);
+  let t = H(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 L(z);
+  return H(z);
 }
 function Fe(e, t) {
   return q(t.type, Re, e, t);
 }
-let He = ne;
-function Le(e, t) {
+let Le = ne;
+function He(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 Le(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: He, 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: Le, 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 }), 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" });
+  }), { 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" });
 }
 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(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+let Qe = K(He), 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, H = {
+    }, B = n === O.S ? G.S : G.M, L = {
       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 ? H : {},
+                ...b ? L : {},
                 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-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/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-B0lm_zyn.js";
-import { w as Me } from "../../use-active-press-86hajhdd.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 { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.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 { 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 '../../assets/TabTrail.css';function Oe() {
   let e = U(!1);
   return W(() => (e.current = !0, () => {

package/dist/components/UniversalUploader/UniversalUploader.d.ts

@@ -1,3 +1,4 @@
+import { EFileItemVariant } from '../ListFiles';
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 
@@ -5,4 +6,5 @@ export declare const UniversalUploader: import('react').ForwardRefExoticComponen
     type: "files" | "photos" | "all";
     onChange: (j: import('./types').TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UniversalUploader/UniversalUploader.js

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

package/dist/components/UniversalUploader/types.d.ts

@@ -1,3 +1,4 @@
+import { EFileItemVariant } from '../ListFiles';
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 import { TFileItem, TUploader } from '../Uploader';
@@ -6,6 +7,7 @@ export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
     type: 'files' | 'photos' | 'all';
     onChange: (j: TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
 };
 export type TOnChangeUpdate = {
     type: string;

package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js}

@@ -1,6 +1,6 @@
 import l, { useId as u, useMemo as f } from "react";
-import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
-import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
+import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
+import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
 let P = "div";
 function _(a, i) {
   let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);