mimir-ui-kit 1.34.2 → 1.34.4-t

package/dist/components/Accordion/Accordion.js

@@ -1,276 +1,259 @@
-import { jsxs, Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, forwardRef, useState } from "react";
-import { AccordionItem } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType, EAccordionSize, EAccordionButtonStyle, EAccordionIconType, EAccordionLinkIconSize, EAccordionButtonIconSize } from "./constants.js";
-import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
-import { Icon } from "../../icons/Icon.js";
-import { Link } from "../AnchorLink/Link.js";
-import { M as M$1, W, y, T, o, a as u$1, H as H$1, I, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
-import { w } from "../../use-active-press-B6yeSopF.js";
-import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
-import { c, i, u as u$2, V as V$1, A, s as s$1 } from "../../open-closed-CbXq00et.js";
-import { r } from "../../bugs-CSBdWk0R.js";
-import '../../assets/Accordion.css';let e = createContext(() => {
+import { jsxs as R, Fragment as X, jsx as P } from "react/jsx-runtime";
+import { c as E } from "../../index-DIxK0V-G.js";
+import h, { createContext as F, useRef as B, Fragment as U, useReducer as ue, useMemo as x, useId as oe, useEffect as re, useContext as H, forwardRef as de, useState as pe } from "react";
+import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as C, EAccordionSize as A, EAccordionButtonStyle as me, EAccordionIconType as J, EAccordionLinkIconSize as Y, EAccordionButtonIconSize as Z } from "./constants.js";
+import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Ie } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as Se } from "../../icons/Icon.js";
+import { Link as Pe } from "../AnchorLink/Link.js";
+import { M as ee, W as q, y as K, T as ke, o as O, a as V, H as W, I as le, $ as ve, b as he, D as te, u as ye, c as g } from "../../keyboard-B0lm_zyn.js";
+import { w as Ee } from "../../use-active-press-86hajhdd.js";
+import { T as be } from "../../use-resolve-button-type-BAxjHhds.js";
+import { c as De, i as M, u as $e, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
+import { r as Ne } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';let Re = F(() => {
 });
-function u({ value: o2, children: t2 }) {
-  return React__default.createElement(e.Provider, { value: o2 }, t2);
+function Ce({ value: e, children: t }) {
+  return h.createElement(Re.Provider, { value: e }, t);
 }
-var t;
-let a = (t = React__default.startTransition) != null ? t : function(i2) {
-  i2();
+var ne;
+let Ae = (ne = h.startTransition) != null ? ne : function(e) {
+  e();
 };
-var de = ((r2) => (r2[r2.Open = 0] = "Open", r2[r2.Closed = 1] = "Closed", r2))(de || {}), fe = ((t2) => (t2[t2.ToggleDisclosure = 0] = "ToggleDisclosure", t2[t2.CloseDisclosure = 1] = "CloseDisclosure", t2[t2.SetButtonId = 2] = "SetButtonId", t2[t2.SetPanelId = 3] = "SetPanelId", t2[t2.LinkPanel = 4] = "LinkPanel", t2[t2.UnlinkPanel = 5] = "UnlinkPanel", t2))(fe || {});
-let Te = { [0]: (e2) => ({ ...e2, disclosureState: u$1(e2.disclosureState, { [0]: 1, [1]: 0 }) }), [1]: (e2) => e2.disclosureState === 1 ? e2 : { ...e2, disclosureState: 1 }, [4](e2) {
-  return e2.linkedPanel === true ? e2 : { ...e2, linkedPanel: true };
-}, [5](e2) {
-  return e2.linkedPanel === false ? e2 : { ...e2, linkedPanel: false };
-}, [2](e2, n) {
-  return e2.buttonId === n.buttonId ? e2 : { ...e2, buttonId: n.buttonId };
-}, [3](e2, n) {
-  return e2.panelId === n.panelId ? e2 : { ...e2, panelId: n.panelId };
-} }, M = createContext(null);
-M.displayName = "DisclosureContext";
-function F(e2) {
-  let n = useContext(M);
-  if (n === null) {
-    let r2 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(r2, F), r2;
+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) {
+  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";
+function Q(e) {
+  let t = H(j);
+  if (t === null) {
+    let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(c, Q), c;
   }
-  return n;
+  return t;
 }
-let k = createContext(null);
-k.displayName = "DisclosureAPIContext";
-function V(e2) {
-  let n = useContext(k);
-  if (n === null) {
-    let r2 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(r2, V), r2;
+let z = F(null);
+z.displayName = "DisclosureAPIContext";
+function se(e) {
+  let t = H(z);
+  if (t === null) {
+    let c = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(c, se), c;
   }
-  return n;
+  return t;
 }
-let H = createContext(null);
-H.displayName = "DisclosurePanelContext";
-function De() {
-  return useContext(H);
+let G = F(null);
+G.displayName = "DisclosurePanelContext";
+function Me() {
+  return H(G);
 }
-function Pe(e2, n) {
-  return u$1(n.type, Te, e2, n);
+function Fe(e, t) {
+  return V(t.type, xe, e, t);
 }
-let ye = Fragment;
-function me(e2, n) {
-  let { defaultOpen: r2 = false, ...c$1 } = e2, s2 = useRef(null), d = y(n, T((u2) => {
-    s2.current = u2;
-  }, e2.as === void 0 || e2.as === Fragment)), t2 = useRef(null), o$12 = useRef(null), l = useReducer(Pe, { disclosureState: r2 ? 0 : 1, linkedPanel: false, buttonRef: o$12, panelRef: t2, buttonId: null, panelId: null }), [{ disclosureState: f, buttonId: i$1 }, T$12] = l, p = o((u2) => {
-    T$12({ type: 1 });
-    let P = u$3(s2);
-    if (!P || !i$1) return;
-    let y2 = (() => u2 ? u2 instanceof HTMLElement ? u2 : u2.current instanceof HTMLElement ? u2.current : P.getElementById(i$1) : P.getElementById(i$1))();
-    y2 == null || y2.focus();
-  }), E = useMemo(() => ({ close: p }), [p]), D2 = useMemo(() => ({ open: f === 0, close: p }), [f, p]), g = { ref: d };
-  return React__default.createElement(M.Provider, { value: l }, React__default.createElement(k.Provider, { value: E }, React__default.createElement(u, { value: p }, React__default.createElement(c, { value: u$1(f, { [0]: i.Open, [1]: i.Closed }) }, H$1({ ourProps: g, theirProps: c$1, slot: D2, defaultTag: ye, name: "Disclosure" })))));
+let Le = U;
+function Ue(e, t) {
+  let { defaultOpen: c = !1, ...o } = e, l = B(null), p = K(t, ke((a) => {
+    l.current = a;
+  }, e.as === void 0 || e.as === U)), u = B(null), n = B(null), r = ue(Fe, { disclosureState: c ? 0 : 1, linkedPanel: !1, buttonRef: n, panelRef: u, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: s }, _] = r, i = O((a) => {
+    _({ type: 1 });
+    let v = ye(l);
+    if (!v || !s) return;
+    let S = a ? a instanceof HTMLElement ? a : a.current instanceof HTMLElement ? a.current : v.getElementById(s) : v.getElementById(s);
+    S == null || S.focus();
+  }), y = x(() => ({ close: i }), [i]), k = x(() => ({ open: m === 0, close: i }), [m, i]), I = { ref: p };
+  return h.createElement(j.Provider, { value: r }, h.createElement(z.Provider, { value: y }, h.createElement(Ce, { value: i }, h.createElement(De, { value: V(m, { 0: M.Open, 1: M.Closed }) }, W({ ourProps: I, theirProps: o, slot: k, defaultTag: Le, name: "Disclosure" })))));
 }
-let Ee = "button";
-function ge(e2, n) {
-  let r$1 = useId(), { id: c2 = `headlessui-disclosure-button-${r$1}`, disabled: s2 = false, autoFocus: d = false, ...t2 } = e2, [o$2, l] = F("Disclosure.Button"), f = De(), i2 = f === null ? false : f === o$2.panelId, T2 = useRef(null), p = y(T2, n, i2 ? null : o$2.buttonRef), E = I();
-  useEffect(() => {
-    if (!i2) return l({ type: 2, buttonId: c2 }), () => {
-      l({ type: 2, buttonId: null });
+let He = "button";
+function qe(e, t) {
+  let c = oe(), { id: o = `headlessui-disclosure-button-${c}`, disabled: l = !1, autoFocus: p = !1, ...u } = e, [n, r] = Q("Disclosure.Button"), m = Me(), s = m === null ? !1 : m === n.panelId, _ = B(null), i = K(_, t, s ? null : n.buttonRef), y = le();
+  re(() => {
+    if (!s) return r({ type: 2, buttonId: o }), () => {
+      r({ type: 2, buttonId: null });
     };
-  }, [c2, l, i2]);
-  let D$1 = o((a2) => {
-    var S;
-    if (i2) {
-      if (o$2.disclosureState === 1) return;
-      switch (a2.key) {
-        case o$1.Space:
-        case o$1.Enter:
-          a2.preventDefault(), a2.stopPropagation(), l({ type: 0 }), (S = o$2.buttonRef.current) == null || S.focus();
+  }, [o, r, s]);
+  let k = O((f) => {
+    var $;
+    if (s) {
+      if (n.disclosureState === 1) return;
+      switch (f.key) {
+        case g.Space:
+        case g.Enter:
+          f.preventDefault(), f.stopPropagation(), r({ type: 0 }), ($ = n.buttonRef.current) == null || $.focus();
           break;
       }
-    } else switch (a2.key) {
-      case o$1.Space:
-      case o$1.Enter:
-        a2.preventDefault(), a2.stopPropagation(), l({ type: 0 });
+    } else switch (f.key) {
+      case g.Space:
+      case g.Enter:
+        f.preventDefault(), f.stopPropagation(), r({ type: 0 });
         break;
     }
-  }), g = o((a2) => {
-    switch (a2.key) {
-      case o$1.Space:
-        a2.preventDefault();
+  }), I = O((f) => {
+    switch (f.key) {
+      case g.Space:
+        f.preventDefault();
         break;
     }
-  }), u2 = o((a2) => {
-    var S;
-    r(a2.currentTarget) || s2 || (i2 ? (l({ type: 0 }), (S = o$2.buttonRef.current) == null || S.focus()) : l({ type: 0 }));
-  }), { isFocusVisible: P, focusProps: y$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: d }), { isHovered: U, hoverProps: h } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: s2 }), { pressed: N, pressProps: w$1 } = w({ disabled: s2 }), q = useMemo(() => ({ open: o$2.disclosureState === 0, hover: U, active: N, disabled: s2, focus: P, autofocus: d }), [o$2, U, N, P, s2, d]), G = T$1(e2, T2), z = i2 ? D({ ref: p, type: G, disabled: s2 || void 0, autoFocus: d, onKeyDown: D$1, onClick: u2 }, y$1, h, w$1) : D({ ref: p, id: c2, type: G, "aria-expanded": o$2.disclosureState === 0, "aria-controls": o$2.linkedPanel ? o$2.panelId : void 0, disabled: s2 || void 0, autoFocus: d, onKeyDown: D$1, onKeyUp: g, onClick: u2 }, y$1, h, w$1);
-  return H$1({ mergeRefs: E, ourProps: z, theirProps: t2, slot: q, defaultTag: Ee, name: "Disclosure.Button" });
+  }), a = O((f) => {
+    var $;
+    Ne(f.currentTarget) || l || (s ? (r({ type: 0 }), ($ = n.buttonRef.current) == null || $.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: v, focusProps: S } = ve({ autoFocus: p }), { isHovered: b, hoverProps: T } = he({ isDisabled: l }), { pressed: w, pressProps: D } = Ee({ disabled: l }), L = x(() => ({ open: n.disclosureState === 0, hover: b, active: w, disabled: l, focus: v, autofocus: p }), [n, b, w, v, l, p]), N = be(e, _), ie = s ? te({ ref: i, type: N, disabled: l || void 0, autoFocus: p, onKeyDown: k, onClick: a }, S, T, D) : te({ ref: i, id: o, type: N, "aria-expanded": n.disclosureState === 0, "aria-controls": n.linkedPanel ? n.panelId : void 0, disabled: l || void 0, autoFocus: p, onKeyDown: k, onKeyUp: I, onClick: a }, S, T, D);
+  return W({ mergeRefs: y, ourProps: ie, theirProps: u, slot: L, defaultTag: He, name: "Disclosure.Button" });
 }
-let Se = "div", be = M$1.RenderStrategy | M$1.Static;
-function Re(e2, n) {
-  let r2 = useId(), { id: c2 = `headlessui-disclosure-panel-${r2}`, transition: s2 = false, ...d } = e2, [t2, o2] = F("Disclosure.Panel"), { close: l } = V("Disclosure.Panel"), f = I(), i$1 = y(n, t2.panelRef, (u2) => {
-    a(() => o2({ type: u2 ? 4 : 5 }));
+let Ke = "div", Ve = ee.RenderStrategy | ee.Static;
+function We(e, t) {
+  let c = oe(), { id: o = `headlessui-disclosure-panel-${c}`, transition: l = !1, ...p } = e, [u, n] = Q("Disclosure.Panel"), { close: r } = se("Disclosure.Panel"), m = le(), s = K(t, u.panelRef, (a) => {
+    Ae(() => n({ type: a ? 4 : 5 }));
   });
-  useEffect(() => (o2({ type: 3, panelId: c2 }), () => {
-    o2({ type: 3, panelId: null });
-  }), [c2, o2]);
-  let T2 = u$2(), [p, E] = V$1(s2, t2.panelRef, T2 !== null ? (T2 & i.Open) === i.Open : t2.disclosureState === 0), D2 = useMemo(() => ({ open: t2.disclosureState === 0, close: l }), [t2.disclosureState, l]), g = { ref: i$1, id: c2, ...A(E) };
-  return React__default.createElement(s$1, null, React__default.createElement(H.Provider, { value: t2.panelId }, H$1({ mergeRefs: f, ourProps: g, theirProps: d, slot: D2, defaultTag: Se, features: be, visible: p, name: "Disclosure.Panel" })));
+  re(() => (n({ type: 3, panelId: o }), () => {
+    n({ type: 3, panelId: null });
+  }), [o, n]);
+  let _ = $e(), [i, y] = ge(l, u.panelRef, _ !== null ? (_ & M.Open) === M.Open : u.disclosureState === 0), k = x(() => ({ open: u.disclosureState === 0, close: r }), [u.disclosureState, r]), I = { ref: s, id: o, ...Te(y) };
+  return h.createElement(we, null, h.createElement(G.Provider, { value: u.panelId }, W({ mergeRefs: m, ourProps: I, theirProps: p, slot: k, defaultTag: Ke, features: Ve, visible: i, name: "Disclosure.Panel" })));
 }
-let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
-const accordion = "_accordion_2if29_2";
-const header = "_header_2if29_13";
-const title = "_title_2if29_26";
-const icon = "_icon_2if29_33";
-const circle = "_circle_2if29_43";
-const square = "_square_2if29_50";
-const panel = "_panel_2if29_60";
-const open = "_open_2if29_67";
-const m = "_m_2if29_87";
-const s = "_s_2if29_50";
-const cls = {
-  accordion,
-  "is-link": "_is-link_2if29_9",
-  header,
-  title,
-  "title-uppercase": "_title-uppercase_2if29_29",
-  icon,
-  "icon-container": "_icon-container_2if29_36",
-  circle,
-  square,
-  panel,
-  open,
-  "link-open": "_link-open_2if29_83",
-  m,
-  s,
-  "wrapper-button": "_wrapper-button_2if29_107"
-};
-const Accordion = forwardRef(
+let je = q(Ue), ae = q(qe), ce = q(We), Qe = Object.assign(je, { Button: ae, Panel: ce });
+const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", et = "_panel_1p5o7_60", tt = "_open_1p5o7_67", nt = "_m_1p5o7_87", ot = "_s_1p5o7_50", d = {
+  accordion: ze,
+  "is-link": "_is-link_1p5o7_9",
+  header: Ge,
+  title: Xe,
+  "title-uppercase": "_title-uppercase_1p5o7_29",
+  icon: Je,
+  "icon-container": "_icon-container_1p5o7_36",
+  circle: Ye,
+  square: Ze,
+  panel: et,
+  open: tt,
+  "link-open": "_link-open_1p5o7_83",
+  m: nt,
+  s: ot,
+  "wrapper-button": "_wrapper-button_1p5o7_115"
+}, Pt = de(
   ({
-    title: title2,
-    buttonType = EAccordionButtonType.BUTTON,
-    children,
-    size = EAccordionSize.M,
-    titleUppercase,
-    buttonStyle = EAccordionButtonStyle.CIRCLE,
-    iconType = EAccordionIconType.ARROW,
-    classNameTitle,
-    classNameContent,
-    classNameAccordion,
-    classNameIconButton,
-    subtitleNode,
-    onlyOpenSubtitleNode,
-    classNameSubtitleContainer
-  }, ref) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const isMobile = useMediaQuery(EMediaQuery.XS1);
-    const isLink = buttonType === "link";
-    const linkClasses = {
-      [cls["is-link"]]: isLink
-    };
-    const toggleAccordion = () => {
-      setIsOpen(!isOpen);
-    };
-    const renderButton = (open2) => {
-      const getIconName = () => {
-        if (iconType === EAccordionIconType.DROPDOWN) {
-          return size === EAccordionSize.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px";
-        }
-        return size === EAccordionSize.S ? EAccordionButtonIconSize.S : EAccordionButtonIconSize.M;
-      };
-      const linkIcon = size === EAccordionSize.S ? EAccordionLinkIconSize.S : EAccordionLinkIconSize.M;
-      switch (buttonType) {
-        case EAccordionButtonType.LINK: {
-          return /* @__PURE__ */ jsx(
-            Link,
+    title: e,
+    buttonType: t = C.BUTTON,
+    children: c,
+    size: o = A.M,
+    titleUppercase: l,
+    buttonStyle: p = me.CIRCLE,
+    iconType: u = J.ARROW,
+    classNameTitle: n,
+    classNameContent: r,
+    classNameAccordion: m,
+    classNameIconButton: s,
+    subtitleNode: _,
+    onlyOpenSubtitleNode: i,
+    classNameSubtitleContainer: y
+  }, k) => {
+    const [I, a] = pe(!1), v = _e(Ie.XS1), S = t === "link", b = {
+      [d["is-link"]]: S
+    }, T = () => {
+      a(!I);
+    }, w = (D) => {
+      const L = () => u === J.DROPDOWN ? o === A.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === A.S ? Z.S : Z.M, N = o === A.S ? Y.S : Y.M;
+      switch (t) {
+        case C.LINK:
+          return /* @__PURE__ */ P(
+            Pe,
             {
               variant: "anchor",
-              size: isMobile ? "s" : "l",
+              size: v ? "s" : "l",
               rightIcon: {
-                iconName: linkIcon,
-                className: classNames({
-                  [cls["link-open"]]: open2
+                iconName: N,
+                className: E({
+                  [d["link-open"]]: D
                 })
               },
-              children: title2
+              children: e
             }
           );
-        }
-        case EAccordionButtonType.BUTTON: {
-          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsx(
+        case C.BUTTON:
+          return /* @__PURE__ */ R(X, { children: [
+            /* @__PURE__ */ P(
               "span",
               {
-                className: classNames(
-                  cls.title,
-                  classNameTitle,
-                  titleUppercase && cls["title-uppercase"]
+                className: E(
+                  d.title,
+                  n,
+                  l && d["title-uppercase"]
                 ),
-                children: title2
+                children: e
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ P(
               "div",
               {
-                className: classNames(
-                  cls["icon-container"],
-                  open2,
-                  cls[buttonStyle],
-                  classNameIconButton
+                className: E(
+                  d["icon-container"],
+                  D,
+                  d[p],
+                  s
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { iconName: getIconName(), className: cls.icon })
+                "data-testid": "accordion-icon-container",
+                children: /* @__PURE__ */ P(
+                  Se,
+                  {
+                    iconName: L(),
+                    className: d.icon,
+                    "data-testid": "accordion-icon"
+                  }
+                )
               }
             )
           ] });
-        }
-        default: {
+        default:
           return null;
-        }
       }
     };
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ R(X, { children: [
+      /* @__PURE__ */ P(
         "div",
         {
-          className: classNames(
-            cls.accordion,
-            cls[size],
-            linkClasses,
-            classNameAccordion
+          className: E(
+            d.accordion,
+            d[o],
+            b,
+            m
           ),
-          children: /* @__PURE__ */ jsxs(We, { ref, children: [
-            /* @__PURE__ */ jsx("div", { className: cls["wrapper-button"], onClick: toggleAccordion, children: /* @__PURE__ */ jsx(
-              Ce,
+          children: /* @__PURE__ */ R(Qe, { ref: k, children: [
+            /* @__PURE__ */ P("div", { className: d["wrapper-button"], onClick: T, children: /* @__PURE__ */ P(
+              ae,
               {
-                as: isLink ? Fragment : EAccordionButtonType.BUTTON,
-                className: classNames({
-                  [cls.header]: !isLink
+                as: S ? U : C.BUTTON,
+                className: E({
+                  [d.header]: !S
                 }),
-                children: renderButton()
+                children: w()
               }
             ) }),
-            isOpen && /* @__PURE__ */ jsx(
-              Ie,
+            I && /* @__PURE__ */ P(
+              ce,
               {
-                className: classNames(
-                  cls.panel,
-                  classNameContent,
-                  linkClasses
+                className: E(
+                  d.panel,
+                  r,
+                  b
                 ),
-                children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
+                children: /* @__PURE__ */ P(fe, { size: o, children: c })
               }
             )
           ] })
         }
       ),
-      (subtitleNode || onlyOpenSubtitleNode) && /* @__PURE__ */ jsxs("div", { className: classNameSubtitleContainer, children: [
-        subtitleNode,
-        isOpen && onlyOpenSubtitleNode
+      (_ || i) && /* @__PURE__ */ R("div", { className: y, children: [
+        _,
+        I && i
       ] })
     ] });
   }
 );
 export {
-  Accordion
+  Pt as Accordion
 };

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

@@ -1,16 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../../index-CweZ_OcN.js";
-import '../../../assets/AccordionItem.css';const item = "_item_fo923_2";
-const m = "_m_fo923_10";
-const s = "_s_fo923_15";
-const cls = {
-  item,
-  m,
-  s
-};
-const AccordionItem = ({ children, size }) => {
-  return /* @__PURE__ */ jsx("div", { className: classNames(cls.item, cls[size]), children });
-};
+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 });
 export {
-  AccordionItem
+  a as AccordionItem
 };

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

@@ -1,4 +1,4 @@
-import { AccordionItem } from "./AccordionItem.js";
+import { AccordionItem as c } from "./AccordionItem.js";
 export {
-  AccordionItem
+  c as AccordionItem
 };

package/dist/components/Accordion/constants.js

@@ -1,38 +1,9 @@
-var EAccordionSize = /* @__PURE__ */ ((EAccordionSize2) => {
-  EAccordionSize2["M"] = "m";
-  EAccordionSize2["S"] = "s";
-  return EAccordionSize2;
-})(EAccordionSize || {});
-var EAccordionButtonType = /* @__PURE__ */ ((EAccordionButtonType2) => {
-  EAccordionButtonType2["BUTTON"] = "button";
-  EAccordionButtonType2["LINK"] = "link";
-  return EAccordionButtonType2;
-})(EAccordionButtonType || {});
-var EAccordionButtonIconSize = /* @__PURE__ */ ((EAccordionButtonIconSize2) => {
-  EAccordionButtonIconSize2["M"] = "ArrowDown24px";
-  EAccordionButtonIconSize2["S"] = "ArrowDown16px";
-  return EAccordionButtonIconSize2;
-})(EAccordionButtonIconSize || {});
-var EAccordionLinkIconSize = /* @__PURE__ */ ((EAccordionLinkIconSize2) => {
-  EAccordionLinkIconSize2["M"] = "DropdownArrowDown24px";
-  EAccordionLinkIconSize2["S"] = "DropdownArrowBottom16px";
-  return EAccordionLinkIconSize2;
-})(EAccordionLinkIconSize || {});
-var EAccordionButtonStyle = /* @__PURE__ */ ((EAccordionButtonStyle2) => {
-  EAccordionButtonStyle2["CIRCLE"] = "circle";
-  EAccordionButtonStyle2["SQUARE"] = "square";
-  return EAccordionButtonStyle2;
-})(EAccordionButtonStyle || {});
-var EAccordionIconType = /* @__PURE__ */ ((EAccordionIconType2) => {
-  EAccordionIconType2["ARROW"] = "arrow";
-  EAccordionIconType2["DROPDOWN"] = "dropdown";
-  return EAccordionIconType2;
-})(EAccordionIconType || {});
+var w = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(w || {}), a = /* @__PURE__ */ ((r) => (r.BUTTON = "button", r.LINK = "link", r))(a || {}), D = /* @__PURE__ */ ((r) => (r.M = "ArrowDown24px", r.S = "ArrowDown16px", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.M = "DropdownArrowDown24px", r.S = "DropdownArrowBottom16px", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.CIRCLE = "circle", r.SQUARE = "square", r))(v || {}), u = /* @__PURE__ */ ((r) => (r.ARROW = "arrow", r.DROPDOWN = "dropdown", r))(u || {});
 export {
-  EAccordionButtonIconSize,
-  EAccordionButtonStyle,
-  EAccordionButtonType,
-  EAccordionIconType,
-  EAccordionLinkIconSize,
-  EAccordionSize
+  D as EAccordionButtonIconSize,
+  v as EAccordionButtonStyle,
+  a as EAccordionButtonType,
+  u as EAccordionIconType,
+  p as EAccordionLinkIconSize,
+  w as EAccordionSize
 };

package/dist/components/Accordion/index.js

@@ -1,8 +1,8 @@
-import { Accordion } from "./Accordion.js";
-import { EAccordionSize } from "./constants.js";
-import { AccordionItem } from "./AccordionItem/AccordionItem.js";
+import { Accordion as c } from "./Accordion.js";
+import { EAccordionSize as i } from "./constants.js";
+import { AccordionItem as t } from "./AccordionItem/AccordionItem.js";
 export {
-  Accordion,
-  AccordionItem,
-  EAccordionSize
+  c as Accordion,
+  t as AccordionItem,
+  i as EAccordionSize
 };