mimir-ui-kit 1.43.10 → 1.43.11

package/dist/components/MultiSelectSearch/utils.js

@@ -1,41 +1,43 @@
-import { EMultiSelectSearchSize as i, MOBILE_MENU_HEIGHT as c, DESKTOP_MENU_HEIGHT as a } from "./constants.js";
-import "../../Input-BU_6U1CW.js";
+import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as c, DESKTOP_MENU_HEIGHT as a } from "./constants.js";
+import "../../Input-CGZoshMl.js";
 import { EInputSize as u } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {
-    case i.M:
+    case o.M:
       return u.M;
-    case i.L:
+    case o.L:
       return u.L;
+    case o.S:
+      return u.S;
     default:
       return u.M;
   }
-}, E = (t, e) => t ? e === i.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : e === i.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", f = (t, e) => t && t.length > 0 ? t.map((r) => r[e]).join(", ") : "", g = (t, e) => t.map((r) => r[e]).join(", "), d = "multiselectOpen", S = (t) => {
+}, E = (t, e) => t ? e === o.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : e === o.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", S = (t, e) => t && t.length > 0 ? t.map((r) => r[e]).join(", ") : "", f = (t, e) => t.map((r) => r[e]).join(", "), d = "multiselectOpen", g = (t) => {
   window.dispatchEvent(new CustomEvent(d, { detail: t }));
 }, I = (t, e) => {
   if (!t.current) return !1;
-  const r = t.current.getBoundingClientRect(), o = window.innerHeight, s = e === i.M ? c : a, p = o - r.bottom, n = r.top;
-  return p >= s ? !1 : n > p;
+  const r = t.current.getBoundingClientRect(), p = window.innerHeight, i = e === o.M ? c : a, s = p - r.bottom, n = r.top;
+  return s >= i ? !1 : n > s;
 }, M = (t, e, r) => {
   if (!t.length || !e) return t;
-  const o = [], s = /* @__PURE__ */ new Set();
-  for (const p of t) {
-    const n = String(p[e] || "Без группы");
-    s.has(n) || (s.add(n), o.push({
+  const p = [], i = /* @__PURE__ */ new Set();
+  for (const s of t) {
+    const n = String(s[e] || "Без группы");
+    i.has(n) || (i.add(n), p.push({
       id: `group-header-${n}`,
       name: r(n),
       isGroupHeader: !0,
       originalValue: n
-    })), o.push(p);
+    })), p.push(s);
   }
-  return o;
+  return p;
 };
 export {
   d as MULTISELECT_OPEN_EVENT,
-  S as dispatchMultiselectOpen,
+  g as dispatchMultiselectOpen,
   E as getDropdownArrowIcon,
-  f as getInitialInputValue,
-  g as joinSelectedItems,
+  S as getInitialInputValue,
+  f as joinSelectedItems,
   m as mapSizeToInputSize,
   M as prepareGroupedItems,
   I as shouldShowMenuOnTop

package/dist/components/NotificationBadge/NotificationBadge.js

@@ -1,36 +1,52 @@
-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: _ = m.M
-}) => /* @__PURE__ */ f(
-  "div",
-  {
-    className: l(
-      t["notification-badge"],
-      {
-        [t["notification-badge-absolute"]]: c
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../index-DIxK0V-G.js";
+import { ENotificationBadgeSize as l, ENotificationBadgeVariant as d } from "./constants.js";
+import { formatCount as g } from "./utils.js";
+import '../../assets/NotificationBadge.css';const m = "_gray_1uvpe_23", b = "_white_1uvpe_26", u = "_sapphire_1uvpe_29", v = "_citrine_1uvpe_32", h = "_asphalt_1uvpe_35", p = "_m_1uvpe_39", x = "_s_1uvpe_29", y = "_xs_1uvpe_55", a = {
+  "notification-badge": "_notification-badge_1uvpe_2",
+  "notification-badge-absolute": "_notification-badge-absolute_1uvpe_16",
+  "notification-badge-disabled": "_notification-badge-disabled_1uvpe_19",
+  gray: m,
+  white: b,
+  sapphire: u,
+  citrine: v,
+  asphalt: h,
+  m: p,
+  s: x,
+  xs: y,
+  "notification-badge-small-font": "_notification-badge-small-font_1uvpe_63"
+}, E = ({
+  count: i,
+  position: t,
+  absolute: _,
+  size: c = l.M,
+  variant: n = d.Citrine,
+  disabled: o = !1
+}) => {
+  const e = g(i), f = typeof e == "string";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: s(
+        a["notification-badge"],
+        {
+          [a["notification-badge-absolute"]]: _,
+          [a["notification-badge-disabled"]]: o,
+          [a["notification-badge-small-font"]]: f
+        },
+        a[c],
+        a[n]
+      ),
+      style: {
+        top: t == null ? void 0 : t.top,
+        right: t == null ? void 0 : t.right,
+        bottom: t == null ? void 0 : t.bottom,
+        left: t == null ? void 0 : t.left
       },
-      t[_]
-    ),
-    style: {
-      top: a == null ? void 0 : a.top,
-      right: a == null ? void 0 : a.right,
-      bottom: a == null ? void 0 : a.bottom,
-      left: a == null ? void 0 : a.left
-    },
-    children: e
-  }
-);
+      children: e
+    }
+  );
+};
 export {
-  n as NotificationBadge
+  E as NotificationBadge
 };

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

@@ -1,5 +1,12 @@
 export declare enum ENotificationBadgeSize {
+    XS = "xs",
     S = "s",
-    M = "m",
-    L = "l"
+    M = "m"
+}
+export declare enum ENotificationBadgeVariant {
+    Sapphire = "sapphire",
+    Citrine = "citrine",
+    Asphalt = "asphalt",
+    White = "white",
+    Gray = "gray"
 }

package/dist/components/NotificationBadge/constants.js

@@ -1,4 +1,5 @@
-var l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+var p = /* @__PURE__ */ ((r) => (r.XS = "xs", r.S = "s", r.M = "m", r))(p || {}), h = /* @__PURE__ */ ((r) => (r.Sapphire = "sapphire", r.Citrine = "citrine", r.Asphalt = "asphalt", r.White = "white", r.Gray = "gray", r))(h || {});
 export {
-  l as ENotificationBadgeSize
+  p as ENotificationBadgeSize,
+  h as ENotificationBadgeVariant
 };

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

@@ -1,4 +1,4 @@
-import { ENotificationBadgeSize } from './constants';
+import { ENotificationBadgeSize, ENotificationBadgeVariant } from './constants';
 
 export type TNotificationBadgeProps = {
     /**
@@ -20,6 +20,16 @@ export type TNotificationBadgeProps = {
     absolute?: boolean;
     /**
      * Размер NotificationBadge.
+     * 'xs' | 's' | 'm'
      */
     size?: `${ENotificationBadgeSize}` | ENotificationBadgeSize;
+    /**
+     * Вариант кнопки загрузки файла.
+     * 'gray' | 'white' | 'sapphire' | 'citrine' | 'asphalt';
+     */
+    variant?: `${ENotificationBadgeVariant}` | ENotificationBadgeVariant;
+    /**
+     * Выключен ли NotificationBadge или нет
+     */
+    disabled?: boolean;
 };

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

@@ -0,0 +1,8 @@
+/**
+ * Форматирует значение счётчика:
+ * - До 99 — выводится как есть.
+ * - Свыше 99 — "99+".
+ * - Свыше 9999 — "12K".
+ * - Свыше 999999 — "5M".
+ */
+export declare const formatCount: (count: number) => string | number;

package/dist/components/NotificationBadge/utils.js

@@ -0,0 +1,4 @@
+const e = (r) => r > 999999 ? `${Math.floor(r / 1e6)}M` : r > 9999 ? `${Math.floor(r / 1e3)}K` : r > 99 ? "99+" : r;
+export {
+  e as formatCount
+};

package/dist/components/OtpInput/OtpInput.js

@@ -1,62 +1,66 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { c as u } from "../../index-DIxK0V-G.js";
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 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_1ncuz_13",
-  input: F,
-  separator: L
-}, O = P(
+import { useOTPInput as A } from "./hooks.js";
+import { I as C } from "../../Input-CGZoshMl.js";
+import '../../assets/OtpInput.css';const F = "_otp_1ljg8_2", L = "_input_1ljg8_8", O = "_l_1ljg8_17", D = "_m_1ljg8_22", S = "_separator_1ljg8_27", a = {
+  otp: F,
+  "input-wrapper": "_input-wrapper_1ljg8_8",
+  input: L,
+  l: O,
+  m: D,
+  separator: S
+}, x = P(
   ({
-    value: c = "",
-    valueLength: m = y,
-    needSeparator: l = !0,
+    value: u = "",
+    valueLength: c = y,
+    needSeparator: _ = !0,
     onChange: i,
-    className: _,
-    ...d
-  }, f) => {
+    className: d,
+    size: o,
+    ...f
+  }, h) => {
     const {
-      data: { inputRefs: o, valueItems: p },
-      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = z({
+      data: { inputRefs: p, valueItems: s },
+      handlers: { handleChange: g, handleFocus: I, handleKeyDown: j, handlePaste: w }
+    } = A({
       onChange: i,
-      value: c,
-      valueLength: m
+      value: u,
+      valueLength: c
     });
-    return R(f, () => ({
+    return R(h, () => ({
       focus: () => {
-        var a;
-        (a = o.current[0]) == null || a.focus();
+        var n;
+        (n = p.current[0]) == null || n.focus();
       }
-    })), /* @__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__ */ r("div", { className: l(a.otp, d, a[o ?? ""]), children: s.map((n, e) => {
+      const m = e + 1, N = _ && m % v === 0 && m !== s.length;
+      return /* @__PURE__ */ E(T, { children: [
         /* @__PURE__ */ r(
-          A,
+          C,
           {
-            ref: (t) => o.current[e] = t,
+            ref: (t) => p.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
-            value: a,
-            className: n.input,
-            wrapperClassName: n["input-wrapper"],
-            onChange: (t) => h(t, e),
-            onKeyDown: (t) => w(t, e),
+            value: n,
+            className: a.input,
+            wrapperClassName: a["input-wrapper"],
+            onChange: (t) => g(t, e),
+            onKeyDown: (t) => j(t, e),
             onFocus: (t) => I(t, e),
-            onPaste: N,
-            ...d
+            onPaste: w,
+            size: o,
+            ...f
           }
         ),
-        E && /* @__PURE__ */ r(
+        N && /* @__PURE__ */ r(
           "span",
           {
-            className: u(n.separator),
+            className: l(a.separator),
             "data-testid": "separator"
           }
         )
@@ -64,7 +68,7 @@ import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_1
     }) });
   }
 );
-O.displayName = "OtpInput";
+x.displayName = "OtpInput";
 export {
-  O as OtpInput
+  x as OtpInput
 };

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

@@ -1,3 +1,7 @@
 export declare const RE_DIGIT: RegExp;
 export declare const DEFAULT_VALUE_LENGTH = 6;
 export declare const ITEMS_PER_SEPARATOR = 3;
+export declare enum EOtpInputSize {
+    L = "l",
+    M = "m"
+}

package/dist/components/OtpInput/constants.js

@@ -1,6 +1,8 @@
-const E = new RegExp(/^\d+$/), R = 6, T = 3;
+const T = new RegExp(/^\d+$/), _ = 6, n = 3;
+var R = /* @__PURE__ */ ((E) => (E.L = "l", E.M = "m", E))(R || {});
 export {
-  R as DEFAULT_VALUE_LENGTH,
-  T as ITEMS_PER_SEPARATOR,
-  E as RE_DIGIT
+  _ as DEFAULT_VALUE_LENGTH,
+  R as EOtpInputSize,
+  n as ITEMS_PER_SEPARATOR,
+  T as RE_DIGIT
 };

package/dist/components/OtpInput/index.d.ts

@@ -1 +1,2 @@
 export { OtpInput } from './OtpInput';
+export { EOtpInputSize } from './constants';

package/dist/components/OtpInput/index.js

@@ -1,4 +1,6 @@
 import { OtpInput as o } from "./OtpInput.js";
+import { EOtpInputSize as e } from "./constants.js";
 export {
+  e as EOtpInputSize,
   o as OtpInput
 };

package/dist/components/Pagination/Pagination.js

@@ -4,16 +4,16 @@ import { forwardRef as M, useState as R, useEffect as S } from "react";
 import { FIRST_PAGE_NUMBER as m, DEFAULT_PER_PAGE as j } from "./constants.js";
 import { useWindowSize as $ } from "../../hooks/useWindowSize/index.js";
 import { MergedButton as v } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_ellipsis_uqdck_42", G = "_disabled_uqdck_47", C = {
-  "pagination-button": "_pagination-button_uqdck_2",
-  "is-active": "_is-active_uqdck_23",
+import '../../assets/Pagination.css';const F = "_container_iq51m_30", L = "_ellipsis_iq51m_45", G = "_disabled_iq51m_50", C = {
+  "pagination-button": "_pagination-button_iq51m_2",
+  "is-active": "_is-active_iq51m_26",
   container: F,
   ellipsis: L,
   disabled: G
 }, T = ({
   currentPageNumber: t,
   onClick: n,
-  setCurrentPage: c,
+  setCurrentPage: l,
   disabled: o
 }) => /* @__PURE__ */ a(
   v,
@@ -23,7 +23,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
         isIconButton: !0,
         variant: "white",
         onClick: () => {
-          t !== m && (c(t - 1), n(t - 1));
+          t !== m && (l(t - 1), n(t - 1));
         },
         iconName: "ArrowLeft16px",
         disabled: o || t === m,
@@ -34,7 +34,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
 ), U = ({
   currentPageNumber: t,
   lastPageNumber: n,
-  onClick: c,
+  onClick: l,
   setCurrentPage: o,
   disabled: r
 }) => {
@@ -47,7 +47,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            s || (o(t + 1), c(t + 1));
+            s || (o(t + 1), l(t + 1));
           },
           disabled: r || s,
           iconName: "ArrowRight16px",
@@ -70,12 +70,12 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
 ), N = ({
   currentPageNumber: t,
   newPageNumber: n,
-  onClick: c,
+  onClick: l,
   setCurrentPage: o,
   disabled: r
 }) => {
   const s = t === n, i = () => {
-    r || (o(n), c(n));
+    r || (o(n), l(n));
   }, e = n < 10 ? `0${n}` : n;
   return /* @__PURE__ */ a(
     "button",
@@ -93,7 +93,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
 }, z = ({
   start: t,
   end: n,
-  currentPageNumber: c,
+  currentPageNumber: l,
   onClick: o,
   setCurrentPage: r,
   disabled: s
@@ -104,7 +104,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
       /* @__PURE__ */ a(
         N,
         {
-          currentPageNumber: c,
+          currentPageNumber: l,
           setCurrentPage: r,
           newPageNumber: e,
           onClick: o,
@@ -117,7 +117,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
 }, Q = M(
   (t, n) => {
     const {
-      rootClassName: c,
+      rootClassName: l,
       total: o,
       perPage: r = j,
       currentPageNumber: s = m,
@@ -126,22 +126,22 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
       hidePrevButton: E = !1,
       hideNextButton: y = !1,
       siblingCount: A,
-      boundaryCount: l = 1
+      boundaryCount: c = 1
     } = t, [u, g] = R(s), d = Math.ceil(o / r), { width: q } = $(), w = q <= 650 ? 1 : 2, h = A !== void 0 ? A : w;
     let b = 0, p = 0;
     return S(() => {
       g(s);
-    }, [s]), u <= l + h + 1 ? (b = m, p = Math.min(
-      l + h * 2 + 1,
+    }, [s]), u <= c + h + 1 ? (b = m, p = Math.min(
+      c + h * 2 + 1,
       d
-    )) : u >= d - l - h ? (b = Math.max(
-      d - l - h * 2,
+    )) : u >= d - c - h ? (b = Math.max(
+      d - c - h * 2,
       m
     ), p = d) : (b = u - h, p = u + h), o <= r ? null : /* @__PURE__ */ k(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: P(C.container, c, {
+        className: P(C.container, l, {
           [C.disabled]: e
         }),
         ref: n,
@@ -156,7 +156,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
             }
           ),
           b > m && /* @__PURE__ */ k(x, { children: [
-            Array.from({ length: l }).map((I, _) => {
+            Array.from({ length: c }).map((I, _) => {
               const f = m + _;
               return f >= b ? null : /* @__PURE__ */ a(
                 N,
@@ -170,7 +170,7 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
                 `boundary-start-${f}`
               );
             }),
-            b > l + m && /* @__PURE__ */ a(B, {})
+            b > c + m && /* @__PURE__ */ a(B, {})
           ] }),
           z({
             start: b,
@@ -181,9 +181,9 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
             disabled: e
           }),
           p < d && /* @__PURE__ */ k(x, { children: [
-            p < d - l && /* @__PURE__ */ a(B, {}),
-            Array.from({ length: l }).map((I, _) => {
-              const f = d - l + 1 + _;
+            p < d - c && /* @__PURE__ */ a(B, {}),
+            Array.from({ length: c }).map((I, _) => {
+              const f = d - c + 1 + _;
               return f <= p ? null : /* @__PURE__ */ a(
                 N,
                 {

package/dist/components/RoundButton/RoundButton.d.ts

@@ -0,0 +1,82 @@
+import { ComponentProps } from 'react';
+import { TCommonButtonProps } from './types';
+import { TIcon } from '../../icons';
+
+export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+};
+/**
+ * Компонент кнопки, c закруглеными краями.
+ */
+export declare const RoundButton: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonRoundProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonRoundProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/RoundButton/RoundButton.js

@@ -0,0 +1,69 @@
+import { jsxs as N, jsx as s } from "react/jsx-runtime";
+import { c as k } from "../../index-DIxK0V-G.js";
+import { forwardRef as g } from "react";
+import { ERoundButtonVariant as x } from "./constants.js";
+import { Icon as B } from "../../icons/Icon.js";
+import '../../assets/RoundButton.css';const y = "_button_1wqe3_2", I = "_clear_1wqe3_42", v = "_black_1wqe3_66", R = "_gray_1wqe3_76", j = "_white_1wqe3_86", C = "_xs_1wqe3_96", z = "_s_1wqe3_105", E = "_m_1wqe3_114", P = "_l_1wqe3_123", V = "_disabled_1wqe3_137", t = {
+  button: y,
+  clear: I,
+  "button-form": "_button-form_1wqe3_54",
+  black: v,
+  gray: R,
+  white: j,
+  xs: C,
+  s: z,
+  m: E,
+  l: P,
+  "right_block-wrap": "_right_block-wrap_1wqe3_132",
+  disabled: V,
+  "icon-button": "_icon-button_1wqe3_149"
+}, A = g(
+  (a, r) => {
+    const {
+      size: _ = "m",
+      variant: n = x.Black,
+      clear: o,
+      isIconButton: c = !1,
+      iconName: l,
+      children: i,
+      className: m,
+      iconButtonClassName: b,
+      formId: d,
+      type: u = "button",
+      rightIcon: w,
+      leftIcon: f,
+      disabled: e,
+      ...p
+    } = a, q = {
+      [t.disabled]: e && !o,
+      [t.clear]: o,
+      [t["icon-button"]]: c,
+      [t[n]]: !!n && !o
+    }, h = k(
+      m,
+      t.button,
+      q,
+      o ? [] : [t["button-form"], t[_]]
+    );
+    return /* @__PURE__ */ N(
+      "button",
+      {
+        type: u,
+        form: d,
+        ...p,
+        disabled: e,
+        ref: r,
+        className: h,
+        children: [
+          /* @__PURE__ */ s("div", { className: t["left_block-wrap"], children: f }),
+          c ? /* @__PURE__ */ s(B, { iconName: l, className: b }) : i,
+          /* @__PURE__ */ s("div", { className: t["right_block-wrap"], children: w })
+        ]
+      }
+    );
+  }
+);
+A.displayName = "roundButton";
+export {
+  A as RoundButton
+};