mimir-ui-kit 1.62.0 → 1.64.0

package/dist/components/Accordion/Accordion.js

@@ -1,228 +1,232 @@
-import { jsxs as F, Fragment as W, jsx as x } from "react/jsx-runtime";
-import { c as k } from "../../index-DIxK0V-G.js";
-import $, { createContext as Q, useRef as de, Fragment as pe, useReducer as De, useMemo as U, useId as me, useEffect as V, useState as fe, useContext as z, forwardRef as Pe } from "react";
-import { AccordionItem as $e } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as w, EAccordionContentPosition as N, EAccordionSize as H, EAccordionLinkIconSize as le, EAccordionButtonStyle as ve, EAccordionIconType as se, EAccordionButtonIconSize as ce } from "./constants.js";
-import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as he } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as ke } from "../../icons/Icon.js";
-import { Link as Oe } from "../AnchorLink/Link.js";
-import { M as ae, W as K, y as X, T as Be, o as O, a as G, H as J, I as _e, $ as we, b as Ne, D as ie, u as Ae, c as A } from "../../keyboard-wis2TUql.js";
-import { w as Ce } from "../../use-active-press-CnDeVvQq.js";
-import { e as Me } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as Re, i as q, u as Le, R as Fe, H as He, s as Ue } from "../../open-closed-CJijMeI2.js";
-import { C as qe } from "../../close-provider-CEutdhG8.js";
-import { r as je } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';var ue;
-let We = (ue = $.startTransition) != null ? ue : function(e) {
+import { jsxs as U, Fragment as K, jsx as $ } from "react/jsx-runtime";
+import { c as w } from "../../index-DIxK0V-G.js";
+import k, { createContext as X, useRef as pe, Fragment as ae, useReducer as ve, useMemo as j, useId as fe, useEffect as G, useState as de, useContext as I, forwardRef as ye } from "react";
+import { AccordionItem as he } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as A, EAccordionContentPosition as L, EAccordionSize as q, EAccordionLinkIconSize as le, EAccordionButtonStyle as ke, EAccordionIconType as ie, EAccordionButtonIconSize as se } from "./constants.js";
+import { useMediaQuery as Oe } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Be } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as we } from "../../icons/Icon.js";
+import { Link as Ce } from "../AnchorLink/Link.js";
+import { M as ce, W as J, y as Y, T as Ne, o as C, a as Z, H as T, I as _e, $ as Ae, b as Le, D as ue, u as Fe, c as F } from "../../keyboard-wis2TUql.js";
+import { w as He } from "../../use-active-press-CnDeVvQq.js";
+import { e as Ue } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as qe, i as W, u as je, R as We, H as Qe, s as Ve } from "../../open-closed-CJijMeI2.js";
+import { C as ze } from "../../close-provider-CEutdhG8.js";
+import { r as Ke } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var me;
+let Xe = (me = k.startTransition) != null ? me : function(e) {
   e();
 };
-var Qe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Qe || {}), Ve = ((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))(Ve || {});
-let ze = { 0: (e) => ({ ...e, disclosureState: G(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 };
-}, 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 };
-} }, Y = Q(null);
-Y.displayName = "DisclosureContext";
-function Z(e) {
-  let t = z(Y);
-  if (t === null) {
-    let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(d, Z), d;
+var Ge = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ge || {}), Ie = ((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))(Ie || {});
+let Je = { 0: (e) => ({ ...e, disclosureState: Z(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, n) {
+  return e.buttonId === n.buttonId ? e : { ...e, buttonId: n.buttonId };
+}, 3(e, n) {
+  return e.panelId === n.panelId ? e : { ...e, panelId: n.panelId };
+}, 4(e, n) {
+  return e.buttonElement === n.element ? e : { ...e, buttonElement: n.element };
+}, 5(e, n) {
+  return e.panelElement === n.element ? e : { ...e, panelElement: n.element };
+} }, M = X(null);
+M.displayName = "DisclosureContext";
+function R(e) {
+  let n = I(M);
+  if (n === null) {
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, R), a;
   }
-  return t;
+  return n;
 }
-let ee = Q(null);
+let ee = X(null);
 ee.displayName = "DisclosureAPIContext";
 function Ee(e) {
-  let t = z(ee);
-  if (t === null) {
-    let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(d, Ee), d;
+  let n = I(ee);
+  if (n === null) {
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, Ee), a;
   }
-  return t;
+  return n;
 }
-let te = Q(null);
-te.displayName = "DisclosurePanelContext";
-function Ke() {
-  return z(te);
+let ne = X(null);
+ne.displayName = "DisclosurePanelContext";
+function Ye() {
+  return I(ne);
 }
-function Xe(e, t) {
-  return G(t.type, ze, e, t);
+function Ze(e, n) {
+  return Z(n.type, Je, e, n);
 }
-let Ge = pe;
-function Je(e, t) {
-  let { defaultOpen: d = !1, ...p } = e, a = de(null), m = X(t, Be((u) => {
-    a.current = u;
-  }, e.as === void 0 || e.as === pe)), i = De(Xe, { disclosureState: d ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: l }, S] = i, c = O((u) => {
-    S({ type: 1 });
-    let f = Ae(a);
-    if (!f || !l) return;
-    let E = u ? u instanceof HTMLElement ? u : u.current instanceof HTMLElement ? u.current : f.getElementById(l) : f.getElementById(l);
-    E == null || E.focus();
-  }), T = U(() => ({ close: c }), [c]), b = U(() => ({ open: n === 0, close: c }), [n, c]), I = { ref: m };
-  return $.createElement(Y.Provider, { value: i }, $.createElement(ee.Provider, { value: T }, $.createElement(qe, { value: c }, $.createElement(Re, { value: G(n, { 0: q.Open, 1: q.Closed }) }, J({ ourProps: I, theirProps: p, slot: b, defaultTag: Ge, name: "Disclosure" })))));
+let Te = ae;
+function Me(e, n) {
+  let { defaultOpen: a = !1, ...f } = e, u = pe(null), d = Y(n, Ne((p) => {
+    u.current = p;
+  }, e.as === void 0 || e.as === ae)), m = ve(Ze, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: r, buttonId: l }, x] = m, s = C((p) => {
+    x({ type: 1 });
+    let _ = Fe(u);
+    if (!_ || !l) return;
+    let g = p ? p instanceof HTMLElement ? p : p.current instanceof HTMLElement ? p.current : _.getElementById(l) : _.getElementById(l);
+    g == null || g.focus();
+  }), v = j(() => ({ close: s }), [s]), D = j(() => ({ open: r === 0, close: s }), [r, s]), P = { ref: d };
+  return k.createElement(M.Provider, { value: m }, k.createElement(ee.Provider, { value: v }, k.createElement(ze, { value: s }, k.createElement(qe, { value: Z(r, { 0: W.Open, 1: W.Closed }) }, T({ ourProps: P, theirProps: f, slot: D, defaultTag: Te, name: "Disclosure" })))));
 }
-let Ye = "button";
-function Ze(e, t) {
-  let d = me(), { id: p = `headlessui-disclosure-button-${d}`, disabled: a = !1, autoFocus: m = !1, ...i } = e, [n, l] = Z("Disclosure.Button"), S = Ke(), c = S === null ? !1 : S === n.panelId, T = de(null), b = X(T, t, O((r) => {
-    if (!c) return l({ type: 4, element: r });
-  })), I = _e();
-  V(() => {
-    if (!c) return l({ type: 2, buttonId: p }), () => {
+let Re = "button";
+function en(e, n) {
+  let a = fe(), { id: f = `headlessui-disclosure-button-${a}`, disabled: u = !1, autoFocus: d = !1, ...m } = e, [r, l] = R("Disclosure.Button"), x = Ye(), s = x === null ? !1 : x === r.panelId, v = pe(null), D = Y(v, n, C((c) => {
+    if (!s) return l({ type: 4, element: c });
+  })), P = _e();
+  G(() => {
+    if (!s) return l({ type: 2, buttonId: f }), () => {
       l({ type: 2, buttonId: null });
     };
-  }, [p, l, c]);
-  let u = O((r) => {
-    var P;
-    if (c) {
-      if (n.disclosureState === 1) return;
-      switch (r.key) {
-        case A.Space:
-        case A.Enter:
-          r.preventDefault(), r.stopPropagation(), l({ type: 0 }), (P = n.buttonElement) == null || P.focus();
+  }, [f, l, s]);
+  let p = C((c) => {
+    var b;
+    if (s) {
+      if (r.disclosureState === 1) return;
+      switch (c.key) {
+        case F.Space:
+        case F.Enter:
+          c.preventDefault(), c.stopPropagation(), l({ type: 0 }), (b = r.buttonElement) == null || b.focus();
           break;
       }
-    } else switch (r.key) {
-      case A.Space:
-      case A.Enter:
-        r.preventDefault(), r.stopPropagation(), l({ type: 0 });
+    } else switch (c.key) {
+      case F.Space:
+      case F.Enter:
+        c.preventDefault(), c.stopPropagation(), l({ type: 0 });
         break;
     }
-  }), f = O((r) => {
-    switch (r.key) {
-      case A.Space:
-        r.preventDefault();
+  }), _ = C((c) => {
+    switch (c.key) {
+      case F.Space:
+        c.preventDefault();
         break;
     }
-  }), E = O((r) => {
-    var P;
-    je(r.currentTarget) || a || (c ? (l({ type: 0 }), (P = n.buttonElement) == null || P.focus()) : l({ type: 0 }));
-  }), { isFocusVisible: _, focusProps: v } = we({ autoFocus: m }), { isHovered: y, hoverProps: C } = Ne({ isDisabled: a }), { pressed: D, pressProps: M } = Ce({ disabled: a }), h = U(() => ({ open: n.disclosureState === 0, hover: y, active: D, disabled: a, focus: _, autofocus: m }), [n, y, D, _, a, m]), R = Me(e, n.buttonElement), L = c ? ie({ ref: b, type: R, disabled: a || void 0, autoFocus: m, onKeyDown: u, onClick: E }, v, C, M) : ie({ ref: b, id: p, type: R, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: a || void 0, autoFocus: m, onKeyDown: u, onKeyUp: f, onClick: E }, v, C, M);
-  return J({ mergeRefs: I, ourProps: L, theirProps: i, slot: h, defaultTag: Ye, name: "Disclosure.Button" });
+  }), g = C((c) => {
+    var b;
+    Ke(c.currentTarget) || u || (s ? (l({ type: 0 }), (b = r.buttonElement) == null || b.focus()) : l({ type: 0 }));
+  }), { isFocusVisible: E, focusProps: O } = Ae({ autoFocus: d }), { isHovered: B, hoverProps: H } = Le({ isDisabled: u }), { pressed: y, pressProps: o } = He({ disabled: u }), Q = j(() => ({ open: r.disclosureState === 0, hover: B, active: y, disabled: u, focus: E, autofocus: d }), [r, B, y, E, u, d]), h = Ue(e, r.buttonElement), V = s ? ue({ ref: D, type: h, disabled: u || void 0, autoFocus: d, onKeyDown: p, onClick: g }, O, H, o) : ue({ ref: D, id: f, type: h, "aria-expanded": r.disclosureState === 0, "aria-controls": r.panelElement ? r.panelId : void 0, disabled: u || void 0, autoFocus: d, onKeyDown: p, onKeyUp: _, onClick: g }, O, H, o);
+  return T({ mergeRefs: P, ourProps: V, theirProps: m, slot: Q, defaultTag: Re, name: "Disclosure.Button" });
 }
-let et = "div", tt = ae.RenderStrategy | ae.Static;
-function nt(e, t) {
-  let d = me(), { id: p = `headlessui-disclosure-panel-${d}`, transition: a = !1, ...m } = e, [i, n] = Z("Disclosure.Panel"), { close: l } = Ee("Disclosure.Panel"), S = _e(), [c, T] = fe(null), b = X(t, O((v) => {
-    We(() => n({ type: 5, element: v }));
-  }), T);
-  V(() => (n({ type: 3, panelId: p }), () => {
-    n({ type: 3, panelId: null });
-  }), [p, n]);
-  let I = Le(), [u, f] = Fe(a, c, I !== null ? (I & q.Open) === q.Open : i.disclosureState === 0), E = U(() => ({ open: i.disclosureState === 0, close: l }), [i.disclosureState, l]), _ = { ref: b, id: p, ...He(f) };
-  return $.createElement(Ue, null, $.createElement(te.Provider, { value: i.panelId }, J({ mergeRefs: S, ourProps: _, theirProps: m, slot: E, defaultTag: et, features: tt, visible: u, name: "Disclosure.Panel" })));
+let nn = "div", on = ce.RenderStrategy | ce.Static;
+function rn(e, n) {
+  let a = fe(), { id: f = `headlessui-disclosure-panel-${a}`, transition: u = !1, ...d } = e, [m, r] = R("Disclosure.Panel"), { close: l } = Ee("Disclosure.Panel"), x = _e(), [s, v] = de(null), D = Y(n, C((O) => {
+    Xe(() => r({ type: 5, element: O }));
+  }), v);
+  G(() => (r({ type: 3, panelId: f }), () => {
+    r({ type: 3, panelId: null });
+  }), [f, r]);
+  let P = je(), [p, _] = We(u, s, P !== null ? (P & W.Open) === W.Open : m.disclosureState === 0), g = j(() => ({ open: m.disclosureState === 0, close: l }), [m.disclosureState, l]), E = { ref: D, id: f, ...Qe(_) };
+  return k.createElement(Ve, null, k.createElement(ne.Provider, { value: m.panelId }, T({ mergeRefs: x, ourProps: E, theirProps: d, slot: g, defaultTag: nn, features: on, visible: p, name: "Disclosure.Panel" })));
 }
-let ot = K(Je), ge = K(Ze), Se = K(nt), rt = Object.assign(ot, { Button: ge, Panel: Se });
-const lt = "_icon_1x2lg_2", st = "_open_1x2lg_15", ct = "_square_1x2lg_19", at = "_circle_1x2lg_23", it = "_disabled_1x2lg_23", ut = "_accordion_1x2lg_37", dt = "_button_1x2lg_49", pt = "_header_1x2lg_53", mt = "_title_1x2lg_69", ft = "_panel_1x2lg_96", _t = "_m_1x2lg_133", Et = "_s_1x2lg_19", s = {
-  icon: lt,
+let tn = J(Me), be = J(en), ge = J(rn), ln = Object.assign(tn, { Button: be, Panel: ge });
+const sn = "_icon_1x2lg_2", cn = "_open_1x2lg_15", un = "_square_1x2lg_19", mn = "_circle_1x2lg_23", pn = "_disabled_1x2lg_23", an = "_accordion_1x2lg_37", fn = "_button_1x2lg_49", dn = "_header_1x2lg_53", _n = "_title_1x2lg_69", En = "_panel_1x2lg_96", bn = "_m_1x2lg_133", gn = "_s_1x2lg_19", i = {
+  icon: sn,
   "icon-container": "_icon-container_1x2lg_8",
-  open: st,
-  square: ct,
-  circle: at,
-  disabled: it,
-  accordion: ut,
+  open: cn,
+  square: un,
+  circle: mn,
+  disabled: pn,
+  accordion: an,
   "is-link": "_is-link_1x2lg_41",
   "content-top": "_content-top_1x2lg_44",
-  button: dt,
-  header: pt,
-  title: mt,
+  button: fn,
+  header: dn,
+  title: _n,
   "title-uppercase": "_title-uppercase_1x2lg_72",
-  panel: ft,
+  panel: En,
   "content-bottom": "_content-bottom_1x2lg_109",
   "link-open": "_link-open_1x2lg_129",
-  m: _t,
-  s: Et,
+  m: bn,
+  s: gn,
   "wrapper-button": "_wrapper-button_1x2lg_161"
-}, wt = Pe(
+}, Ln = ye(
   ({
     title: e,
-    disabled: t,
-    buttonType: d = w.BUTTON,
-    children: p,
-    showTitleByDefault: a = !0,
-    linkClassName: m,
-    size: i = H.M,
-    titleUppercase: n,
-    buttonStyle: l = ve.CIRCLE,
-    iconType: S = se.ARROW,
-    classNameTitle: c,
-    classNameContent: T,
-    classNameAccordion: b,
-    classNameIconButton: I,
-    subtitleNode: u,
-    onlyOpenSubtitleNode: f,
-    classNameSubtitleContainer: E,
-    activeKey: _,
-    defaultActiveKey: v,
-    onChange: y,
-    needStopPropagation: C = !1,
-    contentPosition: D = N.BOTTOM
-  }, M) => {
-    const h = _ !== void 0, [R, L] = fe(
-      () => !!v
-    ), r = h ? !!_ : R, P = ye(he.XS1), B = d === w.LINK, ne = {
-      [s["is-link"]]: B
-    }, j = {
-      [s["content-top"]]: D === N.TOP,
-      [s["content-bottom"]]: D === N.BOTTOM
+    disabled: n,
+    buttonType: a = A.BUTTON,
+    children: f,
+    showTitleByDefault: u = !0,
+    linkClassName: d,
+    size: m = q.M,
+    titleUppercase: r,
+    buttonStyle: l = ke.CIRCLE,
+    iconType: x = ie.ARROW,
+    classNameTitle: s,
+    classNameContent: v,
+    classNameAccordion: D,
+    classNameIconButton: P,
+    subtitleNode: p,
+    onlyOpenSubtitleNode: _,
+    classNameSubtitleContainer: g,
+    activeKey: E,
+    defaultActiveKey: O,
+    onChange: B,
+    needStopPropagation: H = !1,
+    contentPosition: y = L.BOTTOM,
+    dataTestIdReactMap: o
+  }, Q) => {
+    const h = E !== void 0, [V, c] = de(
+      () => !!O
+    ), b = h ? !!E : V, Se = Oe(Be.XS1), N = a === A.LINK, oe = {
+      [i["is-link"]]: N
+    }, z = {
+      [i["content-top"]]: y === L.TOP,
+      [i["content-bottom"]]: y === L.BOTTOM
     };
-    V(() => {
-      h && L(!!_);
-    }, [_, h]);
-    const be = (o) => {
-      var re;
-      if (t)
+    G(() => {
+      h && c(!!E);
+    }, [E, h]);
+    const xe = (t) => {
+      var te;
+      if (n)
         return;
-      C && ((re = o == null ? void 0 : o.stopPropagation) == null || re.call(o));
-      const g = !r;
-      y == null || y(g), h || L(g);
-    }, Ie = i === H.S ? le.S : le.M, xe = (o) => ({
+      H && ((te = t == null ? void 0 : t.stopPropagation) == null || te.call(t));
+      const S = !b;
+      B == null || B(S), h || c(S);
+    }, De = m === q.S ? le.S : le.M, Pe = (t) => ({
       variant: "anchor",
-      size: P ? "s" : "l",
+      size: Se ? "s" : "l",
       rightIcon: {
-        iconName: Ie,
-        className: k({
-          [s["link-open"]]: o
+        iconName: De,
+        className: w({
+          [i["link-open"]]: t
         })
       }
-    }), Te = (o) => {
-      const g = () => S === se.DROPDOWN ? i === H.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : i === H.S ? ce.S : ce.M;
-      switch (d) {
-        case w.LINK:
+    }), $e = (t) => {
+      const S = () => x === ie.DROPDOWN ? m === q.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : m === q.S ? se.S : se.M;
+      switch (a) {
+        case A.LINK:
           return e;
-        case w.BUTTON:
-          return /* @__PURE__ */ F(W, { children: [
-            /* @__PURE__ */ x(
+        case A.BUTTON:
+          return /* @__PURE__ */ U(K, { children: [
+            /* @__PURE__ */ $(
               "span",
               {
-                className: k(
-                  s.title,
-                  c,
-                  n && s["title-uppercase"]
+                "data-testid-react": o == null ? void 0 : o.title,
+                className: w(
+                  i.title,
+                  s,
+                  r && i["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ $(
               "div",
               {
-                className: k(
-                  s["icon-container"],
-                  o && s.open,
-                  t && s.disabled,
-                  s[l],
-                  I
+                "data-testid-react": o == null ? void 0 : o.iconContainer,
+                className: w(
+                  i["icon-container"],
+                  t && i.open,
+                  n && i.disabled,
+                  i[l],
+                  P
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ x(
-                  ke,
+                children: /* @__PURE__ */ $(
+                  we,
                   {
-                    iconName: g(),
-                    className: s.icon,
+                    iconName: S(),
+                    className: i.icon,
+                    "data-testid-react": o == null ? void 0 : o.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -232,69 +236,87 @@ const lt = "_icon_1x2lg_2", st = "_open_1x2lg_15", ct = "_square_1x2lg_19", at =
         default:
           return null;
       }
-    }, oe = (o, g) => /* @__PURE__ */ x(
-      Se,
+    }, re = (t, S) => /* @__PURE__ */ $(
+      ge,
       {
+        "data-testid-react": o == null ? void 0 : o.panel,
         "data-testid": "accordion-panel",
-        className: k(
-          s.panel,
-          T,
-          ne,
-          j
+        className: w(
+          i.panel,
+          v,
+          oe,
+          z
         ),
-        children: /* @__PURE__ */ x($e, { size: i, children: typeof p == "function" ? p({
-          open: o,
-          close: g
-        }) : p })
+        children: /* @__PURE__ */ $(
+          he,
+          {
+            dataTestIdReactMap: { item: o == null ? void 0 : o.contentItem },
+            size: m,
+            children: typeof f == "function" ? f({
+              open: t,
+              close: S
+            }) : f
+          }
+        )
       }
     );
-    return /* @__PURE__ */ F(W, { children: [
-      /* @__PURE__ */ x(
+    return /* @__PURE__ */ U(K, { children: [
+      /* @__PURE__ */ $(
         "div",
         {
-          className: k(
-            s.accordion,
-            s[i],
-            ne,
-            b,
-            j
+          "data-testid-react": o == null ? void 0 : o.accordion,
+          className: w(
+            i.accordion,
+            i[m],
+            oe,
+            D,
+            z
           ),
-          children: /* @__PURE__ */ x(
-            rt,
+          children: /* @__PURE__ */ $(
+            ln,
             {
-              ref: M,
-              defaultOpen: r,
-              children: ({ open: o, close: g }) => /* @__PURE__ */ F(W, { children: [
-                D === N.TOP && o && oe(o, g),
-                (!o || a) && /* @__PURE__ */ x(
-                  ge,
+              "data-testid-react": o == null ? void 0 : o.disclosure,
+              ref: Q,
+              defaultOpen: b,
+              children: ({ open: t, close: S }) => /* @__PURE__ */ U(K, { children: [
+                y === L.TOP && t && re(t, S),
+                (!t || u) && /* @__PURE__ */ $(
+                  be,
                   {
-                    disabled: t,
-                    as: B ? Oe : w.BUTTON,
-                    onClick: be,
-                    className: k(s.button, j, {
-                      [s.header]: !B,
-                      [s.disabled]: t,
-                      [m ?? ""]: B && m
+                    "data-testid-react": o == null ? void 0 : o.button,
+                    disabled: n,
+                    as: N ? Ce : A.BUTTON,
+                    onClick: xe,
+                    className: w(i.button, z, {
+                      [i.header]: !N,
+                      [i.disabled]: n,
+                      [d ?? ""]: N && d
                     }),
-                    ...B ? xe(o) : {},
-                    children: (!o || a) && Te(o)
+                    ...N ? Pe(t) : {},
+                    children: (!t || u) && $e(t)
                   }
                 ),
-                D === N.BOTTOM && o && oe(o, g)
+                y === L.BOTTOM && t && re(t, S)
               ] })
             },
-            _ ? String(r) : void 0
+            E ? String(b) : void 0
           )
         }
       ),
-      (u || f) && /* @__PURE__ */ F("div", { className: E, children: [
-        u,
-        r && f
-      ] })
+      (p || _) && /* @__PURE__ */ U(
+        "div",
+        {
+          "data-testid-react": o == null ? void 0 : o.subtitleContainer,
+          className: g,
+          children: [
+            p,
+            b && _
+          ]
+        }
+      )
     ] });
   }
 );
 export {
-  wt as Accordion
+  Ln as Accordion
 };

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,8 +1,13 @@
 import { ReactNode } from 'react';
+import { TDataTestIdReactMap } from '../../../types';
 import { EAccordionSize } from '../constants';
 
 export type TProps = {
     children: ReactNode;
     size: EAccordionSize | `${EAccordionSize}`;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'item'>;
 };
-export declare const AccordionItem: ({ children, size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItem: ({ children, size, dataTestIdReactMap }: TProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,10 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c } from "../../../index-DIxK0V-G.js";
-import '../../../assets/AccordionItem.css';const e = "_item_1k7g5_2", _ = "_m_1k7g5_10", i = "_s_1k7g5_15", s = {
-  item: e,
-  m: _,
-  s: i
-}, a = ({ children: m, size: t }) => /* @__PURE__ */ o("div", { className: c(s.item, s[t]), children: m });
+import { jsx as r } from "react/jsx-runtime";
+import { c as _ } from "../../../index-DIxK0V-G.js";
+import '../../../assets/AccordionItem.css';const c = "_item_1k7g5_2", n = "_m_1k7g5_10", t = "_s_1k7g5_15", s = {
+  item: c,
+  m: n,
+  s: t
+}, k = ({
+  children: o,
+  size: i,
+  dataTestIdReactMap: m
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    "data-testid-react": m == null ? void 0 : m.item,
+    className: _(s.item, s[i]),
+    children: o
+  }
+);
 export {
-  a as AccordionItem
+  k as AccordionItem
 };