mimir-ui-kit 1.37.12 → 1.37.14

package/dist/components/Accordion/Accordion.js

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

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,64 +1,60 @@
-import { jsxs as O, jsx as x } from "react/jsx-runtime";
-import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-mgWkd2Vh.js";
-import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
-import { w as re } from "../../use-active-press-CqLGIFz7.js";
-import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-D4GFpe5F.js";
-import { r as ue } from "../../bugs-diTMAGNw.js";
-import { H as fe } from "../../field-C1kt7aNM.js";
+import { jsxs as L, jsx as p } from "react/jsx-runtime";
+import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-B0lm_zyn.js";
+import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
+import { w as re } from "../../use-active-press-86hajhdd.js";
+import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-y3ANLTNC.js";
+import { r as be } from "../../bugs-diTMAGNw.js";
+import { H as ue } from "../../field-FJ34aSs4.js";
 import { c as me } from "../../index-DIxK0V-G.js";
-import { Icon as pe } from "../../icons/Icon.js";
-import '../../assets/CheckboxMimir.css';let he = "span";
-function ke(h, k) {
-  let r = Q(), o = oe(), d = te(), { id: l = o || `headlessui-checkbox-${r}`, disabled: e = d || !1, autoFocus: t = !1, checked: b, defaultChecked: u, onChange: v, name: c, value: E, form: I, indeterminate: f = !1, ...H } = h, s = ce(u), [n, i] = se(b, v, s ?? !1), N = ne(), R = ie(), K = W(), [_, g] = F(!1), C = m(() => {
-    g(!0), i == null || i(!n), K.nextFrame(() => {
-      g(!1);
+import { Icon as fe } from "../../icons/Icon.js";
+import '../../assets/CheckboxMimir.css';let pe = "span";
+function he(u, m) {
+  let n = J(), f = ae(), s = oe(), { id: i = f || `headlessui-checkbox-${n}`, disabled: e = s || !1, autoFocus: a = !1, checked: P, defaultChecked: j, onChange: y, name: v, value: F, form: I, indeterminate: l = !1, ...H } = u, o = te(j), [t, c] = ce(P, y, o ?? !1), N = ne(), R = se(), E = V(), [k, x] = Q(!1), $ = d(() => {
+    x(!0), c == null || c(!t), E.nextFrame(() => {
+      x(!1);
     });
-  }), T = m((a) => {
-    if (ue(a.currentTarget)) return a.preventDefault();
-    a.preventDefault(), C();
-  }), M = m((a) => {
-    a.key === y.Space ? (a.preventDefault(), C()) : a.key === y.Enter && le(a.currentTarget);
-  }), w = m((a) => a.preventDefault()), { isFocusVisible: D, focusProps: G } = X({ autoFocus: t }), { isHovered: P, hoverProps: S } = q({ isDisabled: e }), { pressed: j, pressProps: U } = re({ disabled: e }), A = z({ ref: k, id: l, role: "checkbox", "aria-checked": f ? "mixed" : n ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: f ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : M, onKeyPress: e ? void 0 : w, onClick: e ? void 0 : T }, G, S, U), B = Y(() => ({ checked: n, disabled: e, hover: P, focus: D, active: j, indeterminate: f, changing: _, autofocus: t }), [n, f, e, P, D, j, _, t]), L = Z(() => {
-    if (s !== void 0) return i == null ? void 0 : i(s);
-  }, [i, s]);
-  return $.createElement($.Fragment, null, c != null && $.createElement(de, { disabled: e, data: { [c]: E || "on" }, overrides: { type: "checkbox", checked: n }, form: I, onReset: L }), J({ ourProps: A, theirProps: H, slot: B, defaultTag: he, name: "Checkbox" }));
+  }), K = d((r) => {
+    if (be(r.currentTarget)) return r.preventDefault();
+    r.preventDefault(), $();
+  }), T = d((r) => {
+    r.key === D.Space ? (r.preventDefault(), $()) : r.key === D.Enter && le(r.currentTarget);
+  }), M = d((r) => r.preventDefault()), { isFocusVisible: _, focusProps: w } = W({ autoFocus: a }), { isHovered: g, hoverProps: G } = X({ isDisabled: e }), { pressed: C, pressProps: S } = re({ disabled: e }), U = q({ ref: m, id: i, role: "checkbox", "aria-checked": l ? "mixed" : t ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: l ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : T, onKeyPress: e ? void 0 : M, onClick: e ? void 0 : K }, w, G, S), A = Y(() => ({ checked: t, disabled: e, hover: g, focus: _, active: C, indeterminate: l, changing: k, autofocus: a }), [t, l, e, g, _, C, k, a]), B = Z(() => {
+    if (o !== void 0) return c == null ? void 0 : c(o);
+  }, [c, o]);
+  return h.createElement(h.Fragment, null, v != null && h.createElement(ie, { disabled: e, data: { [v]: F || "on" }, overrides: { type: "checkbox", checked: t }, form: I, onReset: B }), z({ ourProps: U, theirProps: H, slot: A, defaultTag: pe, name: "Checkbox" }));
 }
-let ve = V(ke);
-const xe = "_container_13bjb_2", $e = "_checkbox_13bjb_8", _e = "_label_13bjb_27", ge = "_enabled_13bjb_31", p = {
-  container: xe,
-  checkbox: $e,
-  label: _e,
-  enabled: ge
+let ve = O(he);
+const ke = "_container_13bjb_2", xe = "_checkbox_13bjb_8", $e = "_label_13bjb_27", _e = "_enabled_13bjb_31", b = {
+  container: ke,
+  checkbox: xe,
+  label: $e,
+  enabled: _e
 }, Ne = ee(
-  (h, k) => {
+  (u, m) => {
     const {
-      checked: r,
-      onChange: o,
-      children: d,
-      id: l,
+      checked: n,
+      onChange: f,
+      children: s,
+      id: i,
       isInteractive: e = !0,
-      ...t
-    } = h, [b, u] = F(r), v = (c) => {
-      e && (u(c), o == null || o(c));
-    };
-    return ae(() => {
-      r !== void 0 && u(r);
-    }, [r]), /* @__PURE__ */ O(fe, { className: p.container, children: [
-      /* @__PURE__ */ x(
+      ...a
+    } = u;
+    return /* @__PURE__ */ L(ue, { className: b.container, children: [
+      /* @__PURE__ */ p(
         ve,
         {
-          id: l,
-          ref: k,
-          checked: b,
-          onChange: v,
-          className: me(p.checkbox, {
-            [p.enabled]: b
+          id: i,
+          ref: m,
+          checked: n,
+          onChange: e ? f : void 0,
+          className: me(b.checkbox, {
+            [b.enabled]: n
           }),
-          ...t,
-          children: /* @__PURE__ */ x(pe, { iconName: "Done16px" })
+          ...a,
+          children: /* @__PURE__ */ p(fe, { iconName: "Done16px" })
         }
       ),
-      d && /* @__PURE__ */ x(be, { htmlFor: l, className: p.label, children: d })
+      s && /* @__PURE__ */ p(de, { htmlFor: i, className: b.label, children: s })
     ] });
   }
 );

package/dist/components/Drawer/Drawer.d.ts

@@ -49,6 +49,14 @@ type TProps = {
     footer?: ReactNode | ((props: {
         handleClose: VoidFunction;
     }) => JSX.Element);
+    /**
+     * Дополнительный класс для title.
+     */
+    classNameTitle?: string;
+    /**
+     * Дополнительный класс для header.
+     */
+    classNameHeader?: string;
     /**
      * Дополнительный класс для inner.
      */
@@ -69,5 +77,5 @@ type TProps = {
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameInner, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameTitle, classNameHeader, classNameInner, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
 export {};