mimir-ui-kit 1.35.4 → 1.36.0

package/dist/components/Accordion/Accordion.js

@@ -1,129 +1,131 @@
-import { jsxs as A, Fragment as X, jsx as E } from "react/jsx-runtime";
-import { c as h } from "../../index-DIxK0V-G.js";
-import S, { createContext as F, useRef as O, Fragment as oe, useReducer as ue, useMemo as M, useId as re, useEffect as le, useContext as H, forwardRef as de, useState as pe } from "react";
-import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as T, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as me, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
-import { useMediaQuery as ke } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as _e } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as Ie } from "../../icons/Icon.js";
-import { Link as Pe } from "../AnchorLink/Link.js";
-import { M as ee, W as K, y as q, T as Se, o as x, a as V, H as W, I as se, $ as be, b as ve, D as te, u as ye, c as w } from "../../keyboard-B0lm_zyn.js";
-import { w as Ee } from "../../use-active-press-86hajhdd.js";
-import { T as he } from "../../use-resolve-button-type-BAxjHhds.js";
-import { c as De, i as L, u as $e, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
+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 { 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 { 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 { r as Ne } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';let Re = F(() => {
+import '../../assets/Accordion.css';let Ce = F(() => {
 });
-function Ce({ value: e, children: t }) {
-  return S.createElement(Re.Provider, { value: e }, t);
+function Be({ value: e, children: t }) {
+  return S.createElement(Ce.Provider, { value: e }, t);
 }
-var ne;
-let Ae = (ne = S.startTransition) != null ? ne : function(e) {
+var te;
+let Ae = (te = S.startTransition) != null ? te : function(e) {
   e();
 };
-var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Oe || {});
-let xe = { 0: (e) => ({ ...e, disclosureState: V(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 4(e) {
-  return e.linkedPanel === !0 ? e : { ...e, linkedPanel: !0 };
-}, 5(e) {
-  return e.linkedPanel === !1 ? e : { ...e, linkedPanel: !1 };
-}, 2(e, t) {
+var xe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(xe || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
+let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
-} }, j = F(null);
-j.displayName = "DisclosureContext";
+}, 4(e, t) {
+  return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
+}, 5(e, t) {
+  return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
+} }, W = F(null);
+W.displayName = "DisclosureContext";
 function Q(e) {
-  let t = H(j);
+  let t = L(W);
   if (t === null) {
-    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, Q), s;
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
   }
   return t;
 }
-let z = F(null);
-z.displayName = "DisclosureAPIContext";
-function ae(e) {
-  let t = H(z);
+let V = F(null);
+V.displayName = "DisclosureAPIContext";
+function ce(e) {
+  let t = L(V);
   if (t === null) {
-    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, ae), s;
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
   }
   return t;
 }
-let G = F(null);
-G.displayName = "DisclosurePanelContext";
+let z = F(null);
+z.displayName = "DisclosurePanelContext";
 function Me() {
-  return H(G);
+  return L(z);
 }
-function Le(e, t) {
-  return V(t.type, xe, e, t);
+function Fe(e, t) {
+  return q(t.type, Re, e, t);
 }
-let Fe = oe;
-function Ue(e, t) {
-  let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(t, Se((r) => {
-    o.current = r;
-  }, e.as === void 0 || e.as === oe)), d = O(null), n = O(null), l = ue(Le, { disclosureState: s ? 0 : 1, linkedPanel: !1, buttonRef: n, panelRef: d, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: a }, k] = l, i = x((r) => {
+let He = ne;
+function Le(e, t) {
+  let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
+    n.current = c;
+  }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
     k({ type: 1 });
-    let P = ye(o);
-    if (!P || !a) return;
-    let v = r ? r instanceof HTMLElement ? r : r.current instanceof HTMLElement ? r.current : P.getElementById(a) : P.getElementById(a);
-    v == null || v.focus();
-  }), _ = M(() => ({ close: i }), [i]), I = M(() => ({ open: m === 0, close: i }), [m, i]), b = { ref: f };
-  return S.createElement(j.Provider, { value: l }, S.createElement(z.Provider, { value: _ }, S.createElement(Ce, { value: i }, S.createElement(De, { value: V(m, { 0: L.Open, 1: L.Closed }) }, W({ ourProps: b, theirProps: p, slot: I, defaultTag: Fe, name: "Disclosure" })))));
+    let E = he(n);
+    if (!E || !r) return;
+    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" })))));
 }
-let He = "button";
-function Ke(e, t) {
-  let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...d } = e, [n, l] = Q("Disclosure.Button"), m = Me(), a = m === null ? !1 : m === n.panelId, k = O(null), i = q(k, t, a ? null : n.buttonRef), _ = se();
+let Ke = "button";
+function Ue(e, t) {
+  let a = re(), { id: d = `headlessui-disclosure-button-${a}`, disabled: n = !1, autoFocus: p = !1, ...m } = e, [o, r] = Q("Disclosure.Button"), k = Me(), l = k === null ? !1 : k === o.panelId, I = oe(null), f = U(I, t, $((s) => {
+    if (!l) return r({ type: 4, element: s });
+  })), _ = ae();
   le(() => {
-    if (!a) return l({ type: 2, buttonId: p }), () => {
-      l({ type: 2, buttonId: null });
+    if (!l) return r({ type: 2, buttonId: d }), () => {
+      r({ type: 2, buttonId: null });
     };
-  }, [p, l, a]);
-  let I = x((u) => {
-    var g;
-    if (a) {
-      if (n.disclosureState === 1) return;
-      switch (u.key) {
-        case w.Space:
-        case w.Enter:
-          u.preventDefault(), u.stopPropagation(), l({ type: 0 }), (g = n.buttonRef.current) == null || g.focus();
+  }, [d, r, l]);
+  let c = $((s) => {
+    var T;
+    if (l) {
+      if (o.disclosureState === 1) return;
+      switch (s.key) {
+        case N.Space:
+        case N.Enter:
+          s.preventDefault(), s.stopPropagation(), r({ type: 0 }), (T = o.buttonElement) == null || T.focus();
           break;
       }
-    } else switch (u.key) {
-      case w.Space:
-      case w.Enter:
-        u.preventDefault(), u.stopPropagation(), l({ type: 0 });
+    } else switch (s.key) {
+      case N.Space:
+      case N.Enter:
+        s.preventDefault(), s.stopPropagation(), r({ type: 0 });
         break;
     }
-  }), b = x((u) => {
-    switch (u.key) {
-      case w.Space:
-        u.preventDefault();
+  }), E = $((s) => {
+    switch (s.key) {
+      case N.Space:
+        s.preventDefault();
         break;
     }
-  }), r = x((u) => {
-    var g;
-    Ne(u.currentTarget) || o || (a ? (l({ type: 0 }), (g = n.buttonRef.current) == null || g.focus()) : l({ type: 0 }));
-  }), { isFocusVisible: P, focusProps: v } = be({ autoFocus: f }), { isHovered: y, hoverProps: D } = ve({ isDisabled: o }), { pressed: N, pressProps: R } = Ee({ disabled: o }), U = M(() => ({ open: n.disclosureState === 0, hover: y, active: N, disabled: o, focus: P, autofocus: f }), [n, y, N, P, o, f]), C = he(e, k), $ = a ? te({ ref: i, type: C, disabled: o || void 0, autoFocus: f, onKeyDown: I, onClick: r }, v, D, R) : te({ ref: i, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.linkedPanel ? n.panelId : void 0, disabled: o || void 0, autoFocus: f, onKeyDown: I, onKeyUp: b, onClick: r }, v, D, R);
-  return W({ mergeRefs: _, ourProps: $, theirProps: d, slot: U, defaultTag: He, name: "Disclosure.Button" });
+  }), 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" });
 }
-let qe = "div", Ve = ee.RenderStrategy | ee.Static;
+let qe = "div", je = Z.RenderStrategy | Z.Static;
 function We(e, t) {
-  let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [d, n] = Q("Disclosure.Panel"), { close: l } = ae("Disclosure.Panel"), m = se(), a = q(t, d.panelRef, (r) => {
-    Ae(() => n({ type: r ? 4 : 5 }));
-  });
-  le(() => (n({ type: 3, panelId: p }), () => {
-    n({ type: 3, panelId: null });
-  }), [p, n]);
-  let k = $e(), [i, _] = ge(o, d.panelRef, k !== null ? (k & L.Open) === L.Open : d.disclosureState === 0), I = M(() => ({ open: d.disclosureState === 0, close: l }), [d.disclosureState, l]), b = { ref: a, id: p, ...Te(_) };
-  return S.createElement(we, null, S.createElement(G.Provider, { value: d.panelId }, W({ mergeRefs: m, ourProps: b, theirProps: f, slot: I, defaultTag: qe, features: Ve, visible: i, name: "Disclosure.Panel" })));
+  let a = re(), { id: d = `headlessui-disclosure-panel-${a}`, transition: n = !1, ...p } = e, [m, o] = Q("Disclosure.Panel"), { close: r } = ce("Disclosure.Panel"), k = ae(), [l, I] = se(null), f = U(t, $((y) => {
+    Ae(() => o({ type: 5, element: y }));
+  }), I);
+  le(() => (o({ type: 3, panelId: d }), () => {
+    o({ type: 3, panelId: null });
+  }), [d, o]);
+  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 je = K(Ue), ce = K(Ke), ie = K(We), Qe = Object.assign(je, { Button: ce, Panel: ie });
-const ze = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Xe = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", nt = "_open_1k9to_80", ot = "_m_1k9to_106", rt = "_s_1k9to_53", c = {
+let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
   accordion: ze,
   "is-link": "_is-link_1k9to_9",
-  header: Ge,
-  disabled: Xe,
+  header: Xe,
+  disabled: Ge,
   title: Je,
   "title-uppercase": "_title-uppercase_1k9to_32",
   icon: Ye,
@@ -131,76 +133,76 @@ const ze = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Xe = "_disabled_1k9to_
   circle: Ze,
   square: et,
   panel: tt,
-  open: nt,
+  open: ot,
   "link-open": "_link-open_1k9to_102",
-  m: ot,
+  m: nt,
   s: rt,
   "wrapper-button": "_wrapper-button_1k9to_134"
-}, St = de(
+}, It = pe(
   ({
     title: e,
     disabled: t,
-    buttonType: s = T.BUTTON,
-    children: p,
-    size: o = B.M,
-    titleUppercase: f,
-    buttonStyle: d = me.CIRCLE,
-    iconType: n = Y.ARROW,
-    classNameTitle: l,
-    classNameContent: m,
-    classNameAccordion: a,
-    classNameIconButton: k,
-    subtitleNode: i,
+    buttonType: a = w.BUTTON,
+    children: d,
+    size: n = O.M,
+    titleUppercase: p,
+    buttonStyle: m = fe.CIRCLE,
+    iconType: o = J.ARROW,
+    classNameTitle: r,
+    classNameContent: k,
+    classNameAccordion: l,
+    classNameIconButton: I,
+    subtitleNode: f,
     onlyOpenSubtitleNode: _,
-    classNameSubtitleContainer: I
-  }, b) => {
-    const [r, P] = pe(!1), v = ke(_e.XS1), y = s === T.LINK, D = {
-      [c["is-link"]]: y
-    }, N = () => {
-      t || P(($) => !$);
-    }, R = o === B.S ? J.S : J.M, U = {
+    classNameSubtitleContainer: c
+  }, E) => {
+    const [u, h] = se(!1), y = _e(Ee.XS1), b = a === w.LINK, P = {
+      [i["is-link"]]: b
+    }, C = () => {
+      t || h((g) => !g);
+    }, B = n === O.S ? G.S : G.M, H = {
       variant: "anchor",
-      size: v ? "s" : "l",
+      size: y ? "s" : "l",
       rightIcon: {
-        iconName: R,
-        className: h({
-          [c["link-open"]]: r
+        iconName: B,
+        className: D({
+          [i["link-open"]]: u
         })
       }
-    }, C = ($) => {
-      const u = () => n === Y.DROPDOWN ? o === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === B.S ? Z.S : Z.M;
-      switch (s) {
-        case T.LINK:
+    }, A = (g) => {
+      const s = () => o === J.DROPDOWN ? n === O.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : n === O.S ? Y.S : Y.M;
+      switch (a) {
+        case w.LINK:
           return e;
-        case T.BUTTON:
-          return /* @__PURE__ */ A(X, { children: [
-            /* @__PURE__ */ E(
+        case w.BUTTON:
+          return /* @__PURE__ */ x(X, { children: [
+            /* @__PURE__ */ v(
               "span",
               {
-                className: h(
-                  c.title,
-                  l,
-                  f && c["title-uppercase"]
+                className: D(
+                  i.title,
+                  r,
+                  p && i["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ E(
+            /* @__PURE__ */ v(
               "div",
               {
-                className: h(
-                  c["icon-container"],
-                  $ && c.open,
-                  t && c.disabled,
-                  c[d],
-                  k
+                className: D(
+                  i["icon-container"],
+                  g && i.open,
+                  t && i.disabled,
+                  i[m],
+                  I
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ E(
-                  Ie,
+                children: /* @__PURE__ */ v(
+                  ke,
                   {
-                    iconName: u(),
-                    className: c.icon,
+                    iconName: s(),
+                    className: i.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -211,53 +213,53 @@ const ze = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Xe = "_disabled_1k9to_
           return null;
       }
     };
-    return /* @__PURE__ */ A(X, { children: [
-      /* @__PURE__ */ E(
+    return /* @__PURE__ */ x(X, { children: [
+      /* @__PURE__ */ v(
         "div",
         {
-          className: h(
-            c.accordion,
-            c[o],
-            D,
-            a
+          className: D(
+            i.accordion,
+            i[n],
+            P,
+            l
           ),
-          children: /* @__PURE__ */ A(Qe, { ref: b, children: [
-            /* @__PURE__ */ E(
-              ce,
+          children: /* @__PURE__ */ x(Ve, { ref: E, children: [
+            /* @__PURE__ */ v(
+              ie,
               {
                 disabled: t,
-                as: y ? Pe : T.BUTTON,
-                onClick: N,
-                className: h({
-                  [c.header]: !y,
-                  [c.disabled]: t
+                as: b ? Se : w.BUTTON,
+                onClick: C,
+                className: D({
+                  [i.header]: !b,
+                  [i.disabled]: t
                 }),
-                ...y ? U : {},
-                children: C(r)
+                ...b ? H : {},
+                children: A(u)
               }
             ),
-            r && /* @__PURE__ */ E(
-              ie,
+            u && /* @__PURE__ */ v(
+              ue,
               {
                 "data-testid": "accordion-panel",
-                className: h(
-                  c.panel,
-                  m,
-                  D
+                className: D(
+                  i.panel,
+                  k,
+                  P
                 ),
-                children: /* @__PURE__ */ E(fe, { size: o, children: p })
+                children: /* @__PURE__ */ v(me, { size: n, children: d })
               }
             )
           ] })
         }
       ),
-      (i || _) && /* @__PURE__ */ A("div", { className: I, children: [
-        i,
-        r && _
+      (f || _) && /* @__PURE__ */ x("div", { className: c, children: [
+        f,
+        u && _
       ] })
     ] });
   }
 );
 export {
-  St as Accordion
+  It as Accordion
 };

package/dist/components/Button/Button.d.ts

@@ -7,6 +7,10 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -41,6 +45,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -71,6 +79,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -101,6 +113,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -131,6 +147,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -161,6 +181,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -191,6 +215,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -221,6 +249,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -251,6 +283,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */