mimir-ui-kit 1.41.4 → 1.41.6

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-DAmc_HxO.js";
+import { I as b } from "../../Input-BU_6U1CW.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as ye } from "../../icons/Icon.js";
 import { Button as ke } from "../Button/Button.js";
 import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as Oe } from "../Chip/Chip.js";
-import { I as ne } from "../../Input-DAmc_HxO.js";
+import { I as ne } from "../../Input-BU_6U1CW.js";
 import { EInputVariant as ze } from "../Input/constants.js";
 import { H as Ae, U as ie, G as se, K as Ve, W as qe } from "../../combobox-Dv6-ANkb.js";
 import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", Je = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", He = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", e = {

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as u, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-DAmc_HxO.js";
+import "../../Input-BU_6U1CW.js";
 import { EInputSize as r } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -1,62 +1,62 @@
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
-import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
-import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-DAmc_HxO.js";
-import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
+import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
+import { useOTPInput as z } from "./hooks.js";
+import { I as A } from "../../Input-BU_6U1CW.js";
+import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
-  "input-wrapper": "_input-wrapper_1shq3_14",
+  "input-wrapper": "_input-wrapper_1ncuz_13",
   input: F,
   separator: L
 }, O = P(
   ({
-    value: m = "",
-    valueLength: c = v,
+    value: c = "",
+    valueLength: m = y,
     needSeparator: l = !0,
     onChange: i,
-    className: h,
-    ..._
-  }, d) => {
+    className: _,
+    ...d
+  }, f) => {
     const {
-      data: { inputRefs: s, valueItems: o },
-      handlers: { handleChange: f, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = y({
+      data: { inputRefs: o, valueItems: p },
+      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
+    } = z({
       onChange: i,
-      value: m,
-      valueLength: c
+      value: c,
+      valueLength: m
     });
-    return R(d, () => ({
+    return R(f, () => ({
       focus: () => {
         var a;
-        (a = s.current[0]) == null || a.focus();
+        (a = o.current[0]) == null || a.focus();
       }
-    })), /* @__PURE__ */ n("div", { className: u(r.otp, h), children: o.map((a, e) => {
-      const p = e + 1, E = l && p % q === 0 && p !== o.length;
+    })), /* @__PURE__ */ r("div", { className: u(n.otp, _), children: p.map((a, e) => {
+      const s = e + 1, E = l && s % v === 0 && s !== p.length;
       return /* @__PURE__ */ g(T, { children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           A,
           {
-            ref: (t) => s.current[e] = t,
+            ref: (t) => o.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
             value: a,
-            className: r.input,
-            wrapperClassName: r["input-wrapper"],
-            onChange: (t) => f(t, e),
+            className: n.input,
+            wrapperClassName: n["input-wrapper"],
+            onChange: (t) => h(t, e),
             onKeyDown: (t) => w(t, e),
             onFocus: (t) => I(t, e),
             onPaste: N,
-            ..._
+            ...d
           }
         ),
-        E && /* @__PURE__ */ n(
+        E && /* @__PURE__ */ r(
           "span",
           {
-            className: u(r.separator),
+            className: u(n.separator),
             "data-testid": "separator"
           }
         )

package/dist/components/Pagination/Pagination.js

@@ -1,14 +1,14 @@
 import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import { c as C } from "../../index-DIxK0V-G.js";
-import { forwardRef as N, useState as w, useEffect as v } from "react";
-import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
-import { useWindowSize as x } from "../../hooks/useWindowSize/index.js";
+import { c as g } from "../../index-DIxK0V-G.js";
+import { forwardRef as N, useState as v, useEffect as A } from "react";
+import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as x } from "./constants.js";
+import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
 import { MergedButton as h } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellipsis_grwbf_42", b = {
-  container: E,
-  "pagination-button": "_pagination-button_grwbf_18",
-  "is-active": "_is-active_grwbf_39",
-  ellipsis: j
+import '../../assets/Pagination.css';const j = "_container_12l37_2", w = "_ellipsis_12l37_41", b = {
+  container: j,
+  "pagination-button": "_pagination-button_12l37_17",
+  "is-active": "_is-active_12l37_38",
+  ellipsis: w
 }, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
   h,
   {
@@ -56,11 +56,11 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
       {
         children: "...",
         variant: "transparent",
-        className: C(b["pagination-button"], b.ellipsis)
+        className: g(b["pagination-button"], b.ellipsis)
       }
     ]
   }
-), g = ({
+), C = ({
   currentPageNumber: t,
   newPageNumber: n,
   onClick: o,
@@ -75,7 +75,7 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
       "data-testid": `pagination-button-${e}`,
       type: "button",
       onClick: r,
-      className: C(b["pagination-button"], {
+      className: g(b["pagination-button"], {
         [b["is-active"]]: s
       }),
       children: e
@@ -92,7 +92,7 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
   for (let e = t; e <= n; e++)
     r.push(
       /* @__PURE__ */ i(
-        g,
+        C,
         {
           currentPageNumber: o,
           setCurrentPage: s,
@@ -108,21 +108,21 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
     const {
       rootClassName: o,
       total: a,
-      perPage: s = A,
+      perPage: s = x,
       currentPageNumber: r = u,
       onChange: e
-    } = t, [c, d] = w(r), l = Math.ceil(a / s), { width: k } = x(), m = k <= 650 ? 2 : 4;
-    let f = 0, p = 0;
-    return v(() => {
+    } = t, [c, d] = v(r), l = Math.ceil(a / s), { width: k } = E(), m = k <= 650 ? 2 : 4;
+    let p = 0, f = 0;
+    return A(() => {
       d(r);
-    }, [r]), c <= m ? (f = u, p = Math.min(
+    }, [r]), c <= m ? (p = u, f = Math.min(
       u + m,
       l
-    )) : c > l - m ? (f = l - m, p = l) : (f = c - m / 2, p = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
+    )) : c > l - m ? (p = l - m, f = l) : (p = c - m / 2, f = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: C(b.container, o),
+        className: g(b.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -133,8 +133,8 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
               setCurrentPage: d
             }
           ),
-          f > u && /* @__PURE__ */ i(
-            g,
+          p > u && /* @__PURE__ */ i(
+            C,
             {
               newPageNumber: u,
               currentPageNumber: c,
@@ -142,17 +142,17 @@ import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellip
               setCurrentPage: d
             }
           ),
-          f > u + 1 && /* @__PURE__ */ i(_, {}),
+          p > u + 1 && /* @__PURE__ */ i(_, {}),
           R({
-            start: f,
-            end: p,
+            start: p,
+            end: f,
             currentPageNumber: c,
             setCurrentPage: d,
             onClick: e
           }),
-          p < l - 1 && /* @__PURE__ */ i(_, {}),
-          p < l && /* @__PURE__ */ i(
-            g,
+          f < l - 1 && /* @__PURE__ */ i(_, {}),
+          f < l && /* @__PURE__ */ i(
+            C,
             {
               newPageNumber: l,
               currentPageNumber: c,

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,15 +1,15 @@
-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-DOlEWXBl.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-CUMsrFX1.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 { jsxs as ee, jsx as S, Fragment as _e } from "react/jsx-runtime";
+import { K as M, w as ke, a as oe, z as te, U as ie, b as Oe, T as we, j as ye, u as Pe, I as Ee, G as Te, p as De } from "../../label-DOlEWXBl.js";
+import { W as V, y as W, o as L, H as K, s as ne, n as se, $ as le, b as de, D as ue, a as Ce, u as Ge, c as F } from "../../keyboard-CUMsrFX1.js";
+import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as ze, useContext as pe, forwardRef as Fe } from "react";
+import { u as Ne } 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-Dp2_vbQ3.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) {
+import { P as re, F as j, T as ae, _ as Ae } from "../../focus-management-Dp2_vbQ3.js";
+import { c as H } from "../../index-DIxK0V-G.js";
+import '../../assets/RadioGroup.css';var Ie = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Ie || {});
+let Se = { 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) };
+  return { ...e, options: Ae(o, (a) => a.element.current) };
 }, 1(e, r) {
   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 });
@@ -33,86 +33,86 @@ function Y(e) {
   }
   return r;
 }
-function Ue(e, r) {
-  return Ce(r.type, Le, e, r);
+function Le(e, r) {
+  return Ce(r.type, Se, e, r);
 }
-let je = "div";
-function He(e, r) {
-  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;
+let Ue = "div";
+function je(e, r) {
+  let o = q(), a = oe(), { id: u = `headlessui-radiogroup-${o}`, value: _, form: v, name: c, onChange: s, by: m, disabled: l = a || !1, defaultValue: n, ...k } = e, d = Ne(m), [O, D] = xe(Le, { options: [] }), p = O.options, [w, N] = te(), [C, y] = ie(), P = B(null), G = W(P, r), $ = Oe(n), [t, x] = we(_, s, $), z = T(() => p.find((i) => !i.propsRef.current.disabled), [p]), g = T(() => p.some((i) => d(i.propsRef.current.value, t)), [p, t]), f = L((i) => {
+    var A;
     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 = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
+    let R = (A = p.find((U) => d(U.propsRef.current.value, i))) == null ? void 0 : A.propsRef.current;
+    return R != null && R.disabled ? !1 : (x == null || x(i), !0);
+  }), be = L((i) => {
+    let A = P.current;
+    if (!A) return;
+    let R = Ge(A), U = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
     switch (i.key) {
-      case N.Enter:
+      case F.Enter:
         De(i.currentTarget);
         break;
-      case N.ArrowLeft:
-      case N.ArrowUp:
-        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));
+      case F.ArrowLeft:
+      case F.ArrowUp:
+        if (i.preventDefault(), i.stopPropagation(), re(U, j.Previous | j.WrapAround) === ae.Success) {
+          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
-      case N.ArrowRight:
-      case N.ArrowDown:
-        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));
+      case F.ArrowRight:
+      case F.ArrowDown:
+        if (i.preventDefault(), i.stopPropagation(), re(U, j.Next | j.WrapAround) === ae.Success) {
+          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
-      case N.Space:
+      case F.Space:
         {
           i.preventDefault(), i.stopPropagation();
-          let b = p.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
     }
-  }), 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(() => {
+  }), Z = L((i) => (D({ type: 0, ...i }), () => D({ type: 1, id: i.id }))), ve = T(() => ({ value: t, firstOption: z, containsCheckedOption: g, disabled: l, compare: d, ...O }), [t, z, g, l, d, O]), he = T(() => ({ registerOption: Z, change: f }), [Z, f]), Re = { ref: G, id: u, role: "radiogroup", "aria-labelledby": w, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: t }), [t]), ge = ze(() => {
     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" })))));
+  return E.createElement(y, { name: "RadioGroup.Description" }, E.createElement(N, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: he }, E.createElement(J.Provider, { value: ve }, c != null && E.createElement(ye, { disabled: l, data: { [c]: t || "on" }, overrides: { type: "radio", checked: t != null }, form: v, onReset: ge }), K({ ourProps: Re, theirProps: k, slot: $e, defaultTag: Ue, name: "RadioGroup" })))));
 }
-let Me = "div";
-function Ve(e, r) {
+let He = "div";
+function Me(e, r) {
   var 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) => {
+  let a = X("RadioGroup.Option"), u = Y("RadioGroup.Option"), _ = q(), { id: v = `headlessui-radiogroup-option-${_}`, value: c, disabled: s = a.disabled || !1, autoFocus: m = !1, ...l } = e, n = B(null), k = W(n, r), [d, O] = te(), [D, p] = ie(), w = ne({ value: c, disabled: s });
+  se(() => u.registerOption({ id: v, element: n, propsRef: w }), [v, u, n, w]);
+  let N = L((g) => {
     var f;
     if (fe(g.currentTarget)) return g.preventDefault();
-    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" })));
+    u.change(c) && ((f = n.current) == null || f.focus());
+  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === v, { isFocusVisible: y, focusProps: P } = le({ autoFocus: m }), { isHovered: G, hoverProps: $ } = de({ isDisabled: s }), t = a.compare(a.value, c), x = ue({ ref: k, id: v, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": d, "aria-describedby": D, "aria-disabled": s ? !0 : void 0, tabIndex: s ? -1 : t || !a.containsCheckedOption && C ? 0 : -1, onClick: s ? void 0 : N, autoFocus: m }, P, $), z = T(() => ({ checked: t, disabled: s, active: y, hover: G, focus: y, autofocus: m }), [t, s, G, y, m]);
+  return E.createElement(p, { name: "RadioGroup.Description" }, E.createElement(O, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: l, slot: z, defaultTag: He, name: "RadioGroup.Option" })));
 }
-let We = "span";
-function ze(e, r) {
+let Ve = "span";
+function We(e, r) {
   var 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) => {
+  let a = X("Radio"), u = Y("Radio"), _ = q(), v = Pe(), c = oe(), { id: s = v || `headlessui-radio-${_}`, value: m, disabled: l = a.disabled || c || !1, autoFocus: n = !1, ...k } = e, d = B(null), O = W(d, r), D = Ee(), p = Te(), w = ne({ value: m, disabled: l });
+  se(() => u.registerOption({ id: s, element: d, propsRef: w }), [s, u, d, w]);
+  let N = L((g) => {
     var f;
     if (fe(g.currentTarget)) return g.preventDefault();
     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" });
+  }), { isFocusVisible: C, focusProps: y } = le({ autoFocus: n }), { isHovered: P, hoverProps: G } = de({ isDisabled: l }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === s, t = a.compare(a.value, m), x = ue({ ref: O, id: s, 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: n, onClick: l ? void 0 : N }, y, G), z = T(() => ({ checked: t, disabled: l, hover: P, focus: C, autofocus: n }), [t, l, P, C, n]);
+  return K({ ourProps: x, theirProps: k, slot: z, defaultTag: Ve, 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 });
-const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40", er = "_label_yses6_51", rr = "_frame_yses6_64", ar = "_checked_yses6_73", R = {
+let Ke = V(je), qe = V(Me), me = V(We), Be = M, Je = ke, Xe = Object.assign(Ke, { Option: qe, Radio: me, Label: Be, Description: Je });
+const Qe = "_group_po2hz_2", Ye = "_radio_po2hz_17", Ze = "_disabled_po2hz_39", er = "_label_po2hz_50", rr = "_frame_po2hz_63", ar = "_checked_po2hz_72", h = {
   group: Qe,
-  "content-wrapper": "_content-wrapper_yses6_8",
-  "radio-wrapper": "_radio-wrapper_yses6_18",
+  "content-wrapper": "_content-wrapper_po2hz_7",
+  "radio-wrapper": "_radio-wrapper_po2hz_17",
   radio: Ye,
   disabled: Ze,
   label: er,
   frame: rr,
   checked: ar
-}, cr = Ne(
+}, cr = Fe(
   ({
     options: e,
     value: r,
@@ -122,57 +122,57 @@ const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40",
     classNameRadioSpan: _,
     classNameContentWrapper: v,
     ...c
-  }, n) => {
-    const m = M(
-      R["radio-wrapper"],
+  }, s) => {
+    const m = H(
+      h["radio-wrapper"],
       u,
       {
-        [R.disabled]: c.disabled
+        [h.disabled]: c.disabled
       }
     );
     return /* @__PURE__ */ ee(
       Xe,
       {
-        ref: n,
+        ref: s,
         value: r,
-        className: R.group,
+        className: h.group,
         onChange: o,
         ...c,
         children: [
-          a && /* @__PURE__ */ L(V, { as: "p", className: R.label, children: a }),
-          /* @__PURE__ */ L(
+          a && /* @__PURE__ */ S(M, { as: "p", className: h.label, children: a }),
+          /* @__PURE__ */ S(
             "div",
             {
-              className: M(
-                R["content-wrapper"],
+              className: H(
+                h["content-wrapper"],
                 v
               ),
-              children: e.map(({ label: l, value: s }) => /* @__PURE__ */ L(
+              children: e.map(({ label: l, value: n }) => /* @__PURE__ */ S(
                 me,
                 {
                   as: "span",
-                  value: s,
+                  value: n,
                   disabled: c.disabled,
                   className: m,
-                  "data-testid": `radio-option-${s}`,
-                  children: ({ checked: y, disabled: d }) => /* @__PURE__ */ ee(_e, { children: [
-                    /* @__PURE__ */ L(
-                      V,
+                  "data-testid": `radio-option-${n}`,
+                  children: ({ checked: k, disabled: d }) => /* @__PURE__ */ ee(_e, { children: [
+                    /* @__PURE__ */ S(
+                      M,
                       {
                         as: "span",
-                        className: M(
-                          R.radio,
+                        className: H(
+                          h.radio,
                           {
-                            [R.disabled]: c.disabled
+                            [h.disabled]: c.disabled
                           },
                           _
                         ),
-                        children: /* @__PURE__ */ L(
+                        children: /* @__PURE__ */ S(
                           "span",
                           {
-                            className: M(R.frame, {
-                              [R.checked]: y,
-                              [R.disabled]: d
+                            className: H(h.frame, {
+                              [h.checked]: k,
+                              [h.disabled]: d
                             })
                           }
                         )
@@ -181,7 +181,7 @@ const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40",
                     l
                   ] })
                 },
-                typeof s == "string" ? s : String(s)
+                typeof n == "string" ? n : String(n)
               ))
             }
           )

package/dist/components/ScrollBar/ScrollBar.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { EScrollBarVariant, EScrollBarSize } from './constants';
+
+export type TProps = {
+    /**
+     * Вариант скроллбара. Возможные значения 'light', 'dark'.
+     * Первый параметр в миксине scroll-bar. `EScrollBarVariant`
+     */
+    variant?: `${EScrollBarVariant}` | EScrollBarVariant;
+    /**
+     * Размер скроллбара. Возможные значения определены в перечислении 's', 'm'.
+     * Второй параметр в миксине scroll-bar. `EScrollBarSize`
+     */
+    size?: `${EScrollBarSize}` | EScrollBarSize;
+};
+declare const ScrollBar: React.FC<TProps>;
+export default ScrollBar;

package/dist/components/ScrollBar/ScrollBar.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import { EScrollBarVariant as o, EScrollBarSize as e } from "./constants.js";
+import '../../assets/ScrollBar.css';const t = "_scrollBarWrap_il71w_2", i = "_scrollBar_il71w_2", m = "_elem_il71w_91", l = {
+  scrollBarWrap: t,
+  scrollBar: i,
+  elem: m
+}, _ = ({
+  variant: a = o.LIGHT,
+  size: s = e.M
+}) => /* @__PURE__ */ r("div", { className: l.scrollBarWrap, children: /* @__PURE__ */ r(
+  "div",
+  {
+    "data-testid": "scrollbar",
+    "data-variant": a,
+    "data-size": s,
+    className: l.scrollBar,
+    children: [...Array(34)].map((B, c) => /* @__PURE__ */ r("div", { className: l.elem }, c))
+  }
+) });
+export {
+  _ as default
+};

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

@@ -0,0 +1,8 @@
+export declare enum EScrollBarVariant {
+    LIGHT = "light",
+    DARK = "dark"
+}
+export declare enum EScrollBarSize {
+    S = "s",
+    M = "m"
+}

package/dist/components/ScrollBar/constants.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r))(e || {});
+export {
+  e as EScrollBarSize,
+  t as EScrollBarVariant
+};

package/dist/components/SelectSearch/SelectSearch.js

@@ -5,7 +5,7 @@ import { ESelectSearchSize as b } from "./constants.js";
 import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
 import { Icon as O } from "../../icons/Icon.js";
 import { Button as Q } from "../Button/Button.js";
-import { I as B } from "../../Input-DAmc_HxO.js";
+import { I as B } from "../../Input-BU_6U1CW.js";
 import { EInputVariant as X } from "../Input/constants.js";
 import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-Dv6-ANkb.js";
 import '../../assets/SelectSearch.css';const te = "_disabled_lhab4_6", oe = "_container_lhab4_13", ae = "_full_lhab4_26", se = "_button_lhab4_38", ne = "_options_lhab4_52", le = "_top_lhab4_63", ie = "_bottom_lhab4_69", re = "_s_lhab4_2", ce = "_m_lhab4_110", de = "_l_lhab4_123", pe = "_option_lhab4_52", ue = "_clear_lhab4_175", e = {

package/dist/components/SelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { ESelectSearchSize as r } from "./constants.js";
-import "../../Input-DAmc_HxO.js";
+import "../../Input-BU_6U1CW.js";
 import { EInputSize as o } from "../Input/constants.js";
 const c = (t) => {
   switch (t) {