mimir-ui-kit 1.38.31 → 1.38.33

package/dist/assets/NotificationBadge.css

@@ -1 +1 @@
-._notification-badge_ugqfj_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--width-notification-badge);height:var(--height-notification-badge);color:var(--white);font-size:var(--mimir-size-text-notification-badge);background-color:var(--citrine-100);border-radius:50%}._notification-badge-absolute_ugqfj_14{position:absolute}._m_ugqfj_18{--mimir-size-text-notification-badge: var(--mimir-size-text-m);--width-notification-badge: 24px;--height-notification-badge: 24px}._s_ugqfj_24{--height-notification-badge: 16px;--width-notification-badge: 16px;--mimir-size-text-notification-badge: var(--mimir-size-text-xs)}
+._notification-badge_jhn37_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--width-notification-badge);height:var(--height-notification-badge);color:var(--white);font-size:var(--mimir-size-text-notification-badge);background-color:var(--citrine-100);border-radius:50%}._notification-badge-absolute_jhn37_14{position:absolute}._l_jhn37_18{--mimir-size-text-notification-badge: var(--mimir-size-text-l);--width-notification-badge: 32px;--height-notification-badge: 32px}._m_jhn37_24{--mimir-size-text-notification-badge: var(--mimir-size-text-m);--width-notification-badge: 24px;--height-notification-badge: 24px}._s_jhn37_30{--height-notification-badge: 16px;--width-notification-badge: 16px;--mimir-size-text-notification-badge: var(--mimir-size-text-xs)}

package/dist/components/NotificationBadge/NotificationBadge.js

@@ -1,25 +1,26 @@
-import { jsx as g } from "react/jsx-runtime";
-import { c as m } from "../../index-DIxK0V-G.js";
-import { ENotificationBadgeSize as _ } from "./constants.js";
-import '../../assets/NotificationBadge.css';const b = "_m_ugqfj_18", d = "_s_ugqfj_24", e = {
-  "notification-badge": "_notification-badge_ugqfj_2",
-  "notification-badge-absolute": "_notification-badge-absolute_ugqfj_14",
-  m: b,
-  s: d
-}, j = ({
-  count: t,
+import { jsx as f } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
+import { ENotificationBadgeSize as m } from "./constants.js";
+import '../../assets/NotificationBadge.css';const b = "_l_jhn37_18", d = "_m_jhn37_24", g = "_s_jhn37_30", t = {
+  "notification-badge": "_notification-badge_jhn37_2",
+  "notification-badge-absolute": "_notification-badge-absolute_jhn37_14",
+  l: b,
+  m: d,
+  s: g
+}, n = ({
+  count: e,
   position: a,
   absolute: c,
-  size: f = _.M
-}) => /* @__PURE__ */ g(
+  size: _ = m.M
+}) => /* @__PURE__ */ f(
   "div",
   {
-    className: m(
-      e["notification-badge"],
+    className: l(
+      t["notification-badge"],
       {
-        [e["notification-badge-absolute"]]: c
+        [t["notification-badge-absolute"]]: c
       },
-      e[f]
+      t[_]
     ),
     style: {
       top: a == null ? void 0 : a.top,
@@ -27,9 +28,9 @@ import '../../assets/NotificationBadge.css';const b = "_m_ugqfj_18", d = "_s_ugq
       bottom: a == null ? void 0 : a.bottom,
       left: a == null ? void 0 : a.left
     },
-    children: t
+    children: e
   }
 );
 export {
-  j as NotificationBadge
+  n as NotificationBadge
 };

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

@@ -1,4 +1,5 @@
 export declare enum ENotificationBadgeSize {
     S = "s",
-    M = "m"
+    M = "m",
+    L = "l"
 }

package/dist/components/NotificationBadge/constants.js

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

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -32,6 +32,10 @@ export type TRadioGroupProps = Omit<RadioGroupProps, 'value'> & {
      * Дополнительный класснейм для span радиогруппы.
      */
     classNameRadioSpan?: string;
+    /**
+     * Дополнительный класснейм для обертки контента радиогруппы.
+     */
+    classNameContentWrapper?: string;
 };
 /**
  * Компонент RadioGroup для выбора одной опции из нескольких.
@@ -60,4 +64,8 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
      * Дополнительный класснейм для span радиогруппы.
      */
     classNameRadioSpan?: string;
+    /**
+     * Дополнительный класснейм для обертки контента радиогруппы.
+     */
+    classNameContentWrapper?: string;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/RadioGroup/RadioGroup.js

@@ -11,7 +11,7 @@ let Le = { 0(e, r) {
   let o = [...e.options, { id: r.id, element: r.element, propsRef: r.propsRef }];
   return { ...e, options: Ie(o, (a) => a.element.current) };
 }, 1(e, r) {
-  let o = e.options.slice(), a = e.options.findIndex((l) => l.id === r.id);
+  let o = e.options.slice(), a = e.options.findIndex((u) => u.id === r.id);
   return a === -1 ? e : (o.splice(a, 1), { ...e, options: o });
 } }, J = ce(null);
 J.displayName = "RadioGroupDataContext";
@@ -38,68 +38,68 @@ function Ue(e, r) {
 }
 let je = "div";
 function He(e, r) {
-  let o = q(), a = oe(), { id: l = `headlessui-radiogroup-${o}`, value: _, form: d, name: v, onChange: n, by: f, disabled: t = a || !1, defaultValue: u, ...y } = e, m = Ae(f), [k, D] = xe(Ue, { options: [] }), c = k.options, [O, A] = te(), [C, w] = ie(), P = B(null), G = z(P, r), $ = ke(u), [i, x] = Oe(_, n, $), F = T(() => c.find((s) => !s.propsRef.current.disabled), [c]), g = T(() => c.some((s) => m(s.propsRef.current.value, i)), [c, i]), p = U((s) => {
+  let o = q(), a = oe(), { id: u = `headlessui-radiogroup-${o}`, value: _, form: v, name: c, onChange: n, by: m, disabled: l = a || !1, defaultValue: s, ...y } = e, d = Ae(m), [k, D] = xe(Ue, { options: [] }), p = k.options, [O, A] = te(), [C, w] = ie(), P = B(null), G = z(P, r), $ = ke(s), [t, x] = Oe(_, n, $), F = T(() => p.find((i) => !i.propsRef.current.disabled), [p]), g = T(() => p.some((i) => d(i.propsRef.current.value, t)), [p, t]), f = U((i) => {
     var I;
-    if (t || m(s, i)) return !1;
-    let h = (I = c.find((j) => m(j.propsRef.current.value, s))) == null ? void 0 : I.propsRef.current;
-    return h != null && h.disabled ? !1 : (x == null || x(s), !0);
-  }), be = U((s) => {
+    if (l || d(i, t)) return !1;
+    let h = (I = p.find((j) => d(j.propsRef.current.value, i))) == null ? void 0 : I.propsRef.current;
+    return h != null && h.disabled ? !1 : (x == null || x(i), !0);
+  }), be = U((i) => {
     let I = P.current;
     if (!I) return;
-    let h = Ge(I), j = c.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
-    switch (s.key) {
+    let h = Ge(I), j = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
+    switch (i.key) {
       case N.Enter:
-        De(s.currentTarget);
+        De(i.currentTarget);
         break;
       case N.ArrowLeft:
       case N.ArrowUp:
-        if (s.preventDefault(), s.stopPropagation(), re(j, H.Previous | H.WrapAround) === ae.Success) {
-          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
-          b && p(b.propsRef.current.value);
+        if (i.preventDefault(), i.stopPropagation(), re(j, H.Previous | H.WrapAround) === ae.Success) {
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
         }
         break;
       case N.ArrowRight:
       case N.ArrowDown:
-        if (s.preventDefault(), s.stopPropagation(), re(j, H.Next | H.WrapAround) === ae.Success) {
-          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
-          b && p(b.propsRef.current.value);
+        if (i.preventDefault(), i.stopPropagation(), re(j, H.Next | H.WrapAround) === ae.Success) {
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
         }
         break;
       case N.Space:
         {
-          s.preventDefault(), s.stopPropagation();
-          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
-          b && p(b.propsRef.current.value);
+          i.preventDefault(), i.stopPropagation();
+          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && f(b.propsRef.current.value);
         }
         break;
     }
-  }), Z = U((s) => (D({ type: 0, ...s }), () => D({ type: 1, id: s.id }))), ve = T(() => ({ value: i, firstOption: F, containsCheckedOption: g, disabled: t, compare: m, ...k }), [i, F, g, t, m, k]), Re = T(() => ({ registerOption: Z, change: p }), [Z, p]), he = { ref: G, id: l, role: "radiogroup", "aria-labelledby": O, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: i }), [i]), ge = Fe(() => {
-    if ($ !== void 0) return p($);
-  }, [p, $]);
-  return E.createElement(w, { name: "RadioGroup.Description" }, E.createElement(A, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: Re }, E.createElement(J.Provider, { value: ve }, v != null && E.createElement(we, { disabled: t, data: { [v]: i || "on" }, overrides: { type: "radio", checked: i != null }, form: d, onReset: ge }), K({ ourProps: he, theirProps: y, slot: $e, defaultTag: je, name: "RadioGroup" })))));
+  }), Z = U((i) => (D({ type: 0, ...i }), () => D({ type: 1, id: i.id }))), ve = T(() => ({ value: t, firstOption: F, containsCheckedOption: g, disabled: l, compare: d, ...k }), [t, F, g, l, d, k]), Re = T(() => ({ registerOption: Z, change: f }), [Z, f]), he = { ref: G, id: u, role: "radiogroup", "aria-labelledby": O, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: t }), [t]), ge = Fe(() => {
+    if ($ !== void 0) return f($);
+  }, [f, $]);
+  return E.createElement(w, { name: "RadioGroup.Description" }, E.createElement(A, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: Re }, E.createElement(J.Provider, { value: ve }, c != null && E.createElement(we, { disabled: l, data: { [c]: t || "on" }, overrides: { type: "radio", checked: t != null }, form: v, onReset: ge }), K({ ourProps: he, theirProps: y, slot: $e, defaultTag: je, name: "RadioGroup" })))));
 }
 let Me = "div";
 function Ve(e, r) {
   var o;
-  let a = X("RadioGroup.Option"), l = Y("RadioGroup.Option"), _ = q(), { id: d = `headlessui-radiogroup-option-${_}`, value: v, disabled: n = a.disabled || !1, autoFocus: f = !1, ...t } = e, u = B(null), y = z(u, r), [m, k] = te(), [D, c] = ie(), O = se({ value: v, disabled: n });
-  ne(() => l.registerOption({ id: d, element: u, propsRef: O }), [d, l, u, O]);
+  let a = X("RadioGroup.Option"), u = Y("RadioGroup.Option"), _ = q(), { id: v = `headlessui-radiogroup-option-${_}`, value: c, disabled: n = a.disabled || !1, autoFocus: m = !1, ...l } = e, s = B(null), y = z(s, r), [d, k] = te(), [D, p] = ie(), O = se({ value: c, disabled: n });
+  ne(() => u.registerOption({ id: v, element: s, propsRef: O }), [v, u, s, O]);
   let A = U((g) => {
-    var p;
+    var f;
     if (fe(g.currentTarget)) return g.preventDefault();
-    l.change(v) && ((p = u.current) == null || p.focus());
-  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === d, { isFocusVisible: w, focusProps: P } = le({ autoFocus: f }), { isHovered: G, hoverProps: $ } = de({ isDisabled: n }), i = a.compare(a.value, v), x = ue({ ref: y, id: d, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": m, "aria-describedby": D, "aria-disabled": n ? !0 : void 0, tabIndex: n ? -1 : i || !a.containsCheckedOption && C ? 0 : -1, onClick: n ? void 0 : A, autoFocus: f }, P, $), F = T(() => ({ checked: i, disabled: n, active: w, hover: G, focus: w, autofocus: f }), [i, n, G, w, f]);
-  return E.createElement(c, { name: "RadioGroup.Description" }, E.createElement(k, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: t, slot: F, defaultTag: Me, name: "RadioGroup.Option" })));
+    u.change(c) && ((f = s.current) == null || f.focus());
+  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === v, { isFocusVisible: w, focusProps: P } = le({ autoFocus: m }), { isHovered: G, hoverProps: $ } = de({ isDisabled: n }), t = a.compare(a.value, c), x = ue({ ref: y, id: v, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": d, "aria-describedby": D, "aria-disabled": n ? !0 : void 0, tabIndex: n ? -1 : t || !a.containsCheckedOption && C ? 0 : -1, onClick: n ? void 0 : A, autoFocus: m }, P, $), F = T(() => ({ checked: t, disabled: n, active: w, hover: G, focus: w, autofocus: m }), [t, n, G, w, m]);
+  return E.createElement(p, { name: "RadioGroup.Description" }, E.createElement(k, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: l, slot: F, defaultTag: Me, name: "RadioGroup.Option" })));
 }
 let We = "span";
 function ze(e, r) {
   var o;
-  let a = X("Radio"), l = Y("Radio"), _ = q(), d = Pe(), v = oe(), { id: n = d || `headlessui-radio-${_}`, value: f, disabled: t = a.disabled || v || !1, autoFocus: u = !1, ...y } = e, m = B(null), k = z(m, r), D = Ee(), c = Te(), O = se({ value: f, disabled: t });
-  ne(() => l.registerOption({ id: n, element: m, propsRef: O }), [n, l, m, O]);
+  let a = X("Radio"), u = Y("Radio"), _ = q(), v = Pe(), c = oe(), { id: n = v || `headlessui-radio-${_}`, value: m, disabled: l = a.disabled || c || !1, autoFocus: s = !1, ...y } = e, d = B(null), k = z(d, r), D = Ee(), p = Te(), O = se({ value: m, disabled: l });
+  ne(() => u.registerOption({ id: n, element: d, propsRef: O }), [n, u, d, O]);
   let A = U((g) => {
-    var p;
+    var f;
     if (fe(g.currentTarget)) return g.preventDefault();
-    l.change(f) && ((p = m.current) == null || p.focus());
-  }), { isFocusVisible: C, focusProps: w } = le({ autoFocus: u }), { isHovered: P, hoverProps: G } = de({ isDisabled: t }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === n, i = a.compare(a.value, f), x = ue({ ref: k, id: n, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": D, "aria-describedby": c, "aria-disabled": t ? !0 : void 0, tabIndex: t ? -1 : i || !a.containsCheckedOption && $ ? 0 : -1, autoFocus: u, onClick: t ? void 0 : A }, w, G), F = T(() => ({ checked: i, disabled: t, hover: P, focus: C, autofocus: u }), [i, t, P, C, u]);
+    u.change(m) && ((f = d.current) == null || f.focus());
+  }), { isFocusVisible: C, focusProps: w } = le({ autoFocus: s }), { isHovered: P, hoverProps: G } = de({ isDisabled: l }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === n, t = a.compare(a.value, m), x = ue({ ref: k, id: n, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": D, "aria-describedby": p, "aria-disabled": l ? !0 : void 0, tabIndex: l ? -1 : t || !a.containsCheckedOption && $ ? 0 : -1, autoFocus: s, onClick: l ? void 0 : A }, w, G), F = T(() => ({ checked: t, disabled: l, hover: P, focus: C, autofocus: s }), [t, l, P, C, s]);
   return K({ ourProps: x, theirProps: y, slot: F, defaultTag: We, name: "Radio" });
 }
 let Ke = W(He), qe = W(Ve), me = W(ze), Be = V, Je = ye, Xe = Object.assign(Ke, { Option: qe, Radio: me, Label: Be, Description: Je });
@@ -118,63 +118,73 @@ const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40",
     value: r,
     onChange: o,
     label: a,
-    classNameRadioWrapper: l,
+    classNameRadioWrapper: u,
     classNameRadioSpan: _,
-    ...d
-  }, v) => {
-    const n = M(
+    classNameContentWrapper: v,
+    ...c
+  }, n) => {
+    const m = M(
       R["radio-wrapper"],
-      l,
+      u,
       {
-        [R.disabled]: d.disabled
+        [R.disabled]: c.disabled
       }
     );
     return /* @__PURE__ */ ee(
       Xe,
       {
-        ref: v,
+        ref: n,
         value: r,
         className: R.group,
         onChange: o,
-        ...d,
+        ...c,
         children: [
           a && /* @__PURE__ */ L(V, { as: "p", className: R.label, children: a }),
-          /* @__PURE__ */ L("div", { className: R["content-wrapper"], children: e.map(({ label: f, value: t }) => /* @__PURE__ */ L(
-            me,
+          /* @__PURE__ */ L(
+            "div",
             {
-              as: "span",
-              value: t,
-              disabled: d.disabled,
-              className: n,
-              "data-testid": `radio-option-${t}`,
-              children: ({ checked: u, disabled: y }) => /* @__PURE__ */ ee(_e, { children: [
-                /* @__PURE__ */ L(
-                  V,
-                  {
-                    as: "span",
-                    className: M(
-                      R.radio,
+              className: M(
+                R["content-wrapper"],
+                v
+              ),
+              children: e.map(({ label: l, value: s }) => /* @__PURE__ */ L(
+                me,
+                {
+                  as: "span",
+                  value: s,
+                  disabled: c.disabled,
+                  className: m,
+                  "data-testid": `radio-option-${s}`,
+                  children: ({ checked: y, disabled: d }) => /* @__PURE__ */ ee(_e, { children: [
+                    /* @__PURE__ */ L(
+                      V,
                       {
-                        [R.disabled]: d.disabled
-                      },
-                      _
-                    ),
-                    children: /* @__PURE__ */ L(
-                      "span",
-                      {
-                        className: M(R.frame, {
-                          [R.checked]: u,
-                          [R.disabled]: y
-                        })
+                        as: "span",
+                        className: M(
+                          R.radio,
+                          {
+                            [R.disabled]: c.disabled
+                          },
+                          _
+                        ),
+                        children: /* @__PURE__ */ L(
+                          "span",
+                          {
+                            className: M(R.frame, {
+                              [R.checked]: y,
+                              [R.disabled]: d
+                            })
+                          }
+                        )
                       }
-                    )
-                  }
-                ),
-                f
-              ] })
-            },
-            typeof t == "string" ? t : String(t)
-          )) })
+                    ),
+                    l
+                  ] })
+                },
+                typeof s == "string" ? s : String(s)
+              ))
+            }
+          )
         ]
       }
     );

package/package.json

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