mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/Accordion/Accordion.js

@@ -1,259 +1,284 @@
-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(() => {
+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(() => {
 });
-function Ce({ value: e, children: t }) {
-  return h.createElement(Re.Provider, { value: e }, t);
+function u({ value: o2, children: t2 }) {
+  return React__default.createElement(e.Provider, { value: o2 }, t2);
 }
-var ne;
-let Ae = (ne = h.startTransition) != null ? ne : function(e) {
-  e();
+var t;
+let a = (t = React__default.startTransition) != null ? t : function(i2) {
+  i2();
 };
-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;
+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;
   }
-  return t;
+  return n;
 }
-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;
+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;
   }
-  return t;
+  return n;
 }
-let G = F(null);
-G.displayName = "DisclosurePanelContext";
-function Me() {
-  return H(G);
+let H = createContext(null);
+H.displayName = "DisclosurePanelContext";
+function De() {
+  return useContext(H);
 }
-function Fe(e, t) {
-  return V(t.type, xe, e, t);
+function Pe(e2, n) {
+  return u$1(n.type, Te, e2, n);
 }
-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 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 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 });
+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 });
     };
-  }, [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();
+  }, [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();
           break;
       }
-    } else switch (f.key) {
-      case g.Space:
-      case g.Enter:
-        f.preventDefault(), f.stopPropagation(), r({ type: 0 });
+    } else switch (a2.key) {
+      case o$1.Space:
+      case o$1.Enter:
+        a2.preventDefault(), a2.stopPropagation(), l({ type: 0 });
         break;
     }
-  }), I = O((f) => {
-    switch (f.key) {
-      case g.Space:
-        f.preventDefault();
+  }), g = o((a2) => {
+    switch (a2.key) {
+      case o$1.Space:
+        a2.preventDefault();
         break;
     }
-  }), 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" });
+  }), 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" });
 }
-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 }));
+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 }));
   });
-  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" })));
+  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" })));
 }
-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,
+let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
+const accordion = "_accordion_1p5o7_2";
+const header = "_header_1p5o7_13";
+const title = "_title_1p5o7_26";
+const icon = "_icon_1p5o7_33";
+const circle = "_circle_1p5o7_43";
+const square = "_square_1p5o7_50";
+const panel = "_panel_1p5o7_60";
+const open = "_open_1p5o7_67";
+const m = "_m_1p5o7_87";
+const s = "_s_1p5o7_50";
+const cls = {
+  accordion,
   "is-link": "_is-link_1p5o7_9",
-  header: Ge,
-  title: Xe,
+  header,
+  title,
   "title-uppercase": "_title-uppercase_1p5o7_29",
-  icon: Je,
+  icon,
   "icon-container": "_icon-container_1p5o7_36",
-  circle: Ye,
-  square: Ze,
-  panel: et,
-  open: tt,
+  circle,
+  square,
+  panel,
+  open,
   "link-open": "_link-open_1p5o7_83",
-  m: nt,
-  s: ot,
+  m,
+  s,
   "wrapper-button": "_wrapper-button_1p5o7_115"
-}, Pt = de(
+};
+const Accordion = forwardRef(
   ({
-    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,
+    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,
             {
               variant: "anchor",
-              size: v ? "s" : "l",
+              size: isMobile ? "s" : "l",
               rightIcon: {
-                iconName: N,
-                className: E({
-                  [d["link-open"]]: D
+                iconName: linkIcon,
+                className: classNames({
+                  [cls["link-open"]]: open2
                 })
               },
-              children: e
+              children: title2
             }
           );
-        case C.BUTTON:
-          return /* @__PURE__ */ R(X, { children: [
-            /* @__PURE__ */ P(
+        }
+        case EAccordionButtonType.BUTTON: {
+          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(
               "span",
               {
-                className: E(
-                  d.title,
-                  n,
-                  l && d["title-uppercase"]
+                className: classNames(
+                  cls.title,
+                  classNameTitle,
+                  titleUppercase && cls["title-uppercase"]
                 ),
-                children: e
+                children: title2
               }
             ),
-            /* @__PURE__ */ P(
+            /* @__PURE__ */ jsx(
               "div",
               {
-                className: E(
-                  d["icon-container"],
-                  D,
-                  d[p],
-                  s
+                className: classNames(
+                  cls["icon-container"],
+                  open2,
+                  cls[buttonStyle],
+                  classNameIconButton
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ P(
-                  Se,
+                children: /* @__PURE__ */ jsx(
+                  Icon,
                   {
-                    iconName: L(),
-                    className: d.icon,
+                    iconName: getIconName(),
+                    className: cls.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
               }
             )
           ] });
-        default:
+        }
+        default: {
           return null;
+        }
       }
     };
-    return /* @__PURE__ */ R(X, { children: [
-      /* @__PURE__ */ P(
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
-          className: E(
-            d.accordion,
-            d[o],
-            b,
-            m
+          className: classNames(
+            cls.accordion,
+            cls[size],
+            linkClasses,
+            classNameAccordion
           ),
-          children: /* @__PURE__ */ R(Qe, { ref: k, children: [
-            /* @__PURE__ */ P("div", { className: d["wrapper-button"], onClick: T, children: /* @__PURE__ */ P(
-              ae,
+          children: /* @__PURE__ */ jsxs(We, { ref, children: [
+            /* @__PURE__ */ jsx("div", { className: cls["wrapper-button"], onClick: toggleAccordion, children: /* @__PURE__ */ jsx(
+              Ce,
               {
-                as: S ? U : C.BUTTON,
-                className: E({
-                  [d.header]: !S
+                as: isLink ? Fragment : EAccordionButtonType.BUTTON,
+                className: classNames({
+                  [cls.header]: !isLink
                 }),
-                children: w()
+                children: renderButton()
               }
             ) }),
-            I && /* @__PURE__ */ P(
-              ce,
+            isOpen && /* @__PURE__ */ jsx(
+              Ie,
               {
-                className: E(
-                  d.panel,
-                  r,
-                  b
+                className: classNames(
+                  cls.panel,
+                  classNameContent,
+                  linkClasses
                 ),
-                children: /* @__PURE__ */ P(fe, { size: o, children: c })
+                children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
               }
             )
           ] })
         }
       ),
-      (_ || i) && /* @__PURE__ */ R("div", { className: y, children: [
-        _,
-        I && i
+      (subtitleNode || onlyOpenSubtitleNode) && /* @__PURE__ */ jsxs("div", { className: classNameSubtitleContainer, children: [
+        subtitleNode,
+        isOpen && onlyOpenSubtitleNode
       ] })
     ] });
   }
 );
 export {
-  Pt as Accordion
+  Accordion
 };

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

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

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

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

package/dist/components/Accordion/constants.js

@@ -1,9 +1,38 @@
-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 || {});
+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 || {});
 export {
-  D as EAccordionButtonIconSize,
-  v as EAccordionButtonStyle,
-  a as EAccordionButtonType,
-  u as EAccordionIconType,
-  p as EAccordionLinkIconSize,
-  w as EAccordionSize
+  EAccordionButtonIconSize,
+  EAccordionButtonStyle,
+  EAccordionButtonType,
+  EAccordionIconType,
+  EAccordionLinkIconSize,
+  EAccordionSize
 };

package/dist/components/Accordion/index.js

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