mimir-ui-kit 1.43.10 → 1.43.11

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,25 @@
-import { jsxs as C, Fragment as U, jsx as b } from "react/jsx-runtime";
-import { c as T } from "../../index-DIxK0V-G.js";
-import v, { createContext as q, useRef as le, Fragment as se, useReducer as ye, useMemo as M, useId as ae, useEffect as j, useState as ce, useContext as W, forwardRef as Se } from "react";
-import { AccordionItem as Ie } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as w, EAccordionSize as R, EAccordionLinkIconSize as Z, EAccordionButtonStyle as ke, EAccordionIconType as ee, EAccordionButtonIconSize as te } from "./constants.js";
-import { useMediaQuery as be } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as xe } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as De } from "../../icons/Icon.js";
-import { Link as $e } from "../AnchorLink/Link.js";
-import { M as ne, W as Q, y as V, T as ve, o as g, a as z, H as K, I as ie, $ as Pe, b as he, D as oe, u as Te, c as B } from "../../keyboard-wis2TUql.js";
-import { w as ge } from "../../use-active-press-CnDeVvQq.js";
-import { e as we } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as Be, i as L, u as Ne, R as Oe, H as Ae, s as Ce } from "../../open-closed-CJijMeI2.js";
-import { C as Re } from "../../close-provider-CEutdhG8.js";
-import { r as Me } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';var re;
-let Le = (re = v.startTransition) != null ? re : function(e) {
+import { jsxs as x, Fragment as G, jsx as h } from "react/jsx-runtime";
+import { c as y } from "../../index-DIxK0V-G.js";
+import v, { createContext as X, useRef as fe, Fragment as he, useReducer as Ne, useMemo as H, useId as _e, useEffect as J, useState as Se, useContext as Y, forwardRef as Re } from "react";
+import { AccordionItem as Te } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as A, EAccordionSize as w, EAccordionLinkIconSize as ie, EAccordionIconType as Ee, EAccordionButtonIconSize as K } from "./constants.js";
+import { useMediaQuery as xe } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as Ae } from "../../hooks/useMediaQuery/constants.js";
+import { Link as Oe } from "../AnchorLink/Link.js";
+import { Button as L } from "../Button/Button.js";
+import { EButtonForm as i, EButtonVariantDefault as P, EButtonSize as Ce, EButtonVariantRound as ce } from "../Button/constants.js";
+import { M as ue, W as Z, y as ee, T as Me, o as R, a as te, H as ne, I as be, $ as Fe, b as Le, D as de, u as He, c as O } from "../../keyboard-wis2TUql.js";
+import { w as We } from "../../use-active-press-CnDeVvQq.js";
+import { e as Ve } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as Ue, i as W, u as je, R as Qe, H as Ge, s as Ke } from "../../open-closed-CJijMeI2.js";
+import { C as Xe } from "../../close-provider-CEutdhG8.js";
+import { r as Je } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var pe;
+let Ye = (pe = v.startTransition) != null ? pe : function(e) {
   e();
 };
-var Fe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fe || {}), He = ((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))(He || {});
-let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+var Ze = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ze || {}), et = ((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))(et || {});
+let tt = { 0: (e) => ({ ...e, disclosureState: te(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 };
@@ -26,262 +27,335 @@ let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0
   return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
 }, 5(e, t) {
   return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
-} }, X = q(null);
-X.displayName = "DisclosureContext";
-function G(e) {
-  let t = W(X);
+} }, oe = X(null);
+oe.displayName = "DisclosureContext";
+function re(e) {
+  let t = Y(oe);
   if (t === null) {
-    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(i, G), i;
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, re), r;
   }
   return t;
 }
-let J = q(null);
-J.displayName = "DisclosureAPIContext";
-function ue(e) {
-  let t = W(J);
+let ae = X(null);
+ae.displayName = "DisclosureAPIContext";
+function ge(e) {
+  let t = Y(ae);
   if (t === null) {
-    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(i, ue), i;
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, ge), r;
   }
   return t;
 }
-let Y = q(null);
-Y.displayName = "DisclosurePanelContext";
-function qe() {
-  return W(Y);
+let se = X(null);
+se.displayName = "DisclosurePanelContext";
+function nt() {
+  return Y(se);
 }
-function je(e, t) {
-  return z(t.type, Ue, e, t);
+function ot(e, t) {
+  return te(t.type, tt, e, t);
 }
-let We = se;
-function Qe(e, t) {
-  let { defaultOpen: i = !1, ...d } = e, s = le(null), m = V(t, ve((c) => {
-    s.current = c;
-  }, e.as === void 0 || e.as === se)), a = ye(je, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = g((c) => {
-    y({ type: 1 });
-    let f = Te(s);
-    if (!f || !r) return;
-    let E = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
+let rt = he;
+function at(e, t) {
+  let { defaultOpen: r = !1, ...p } = e, c = fe(null), m = ee(t, Me((d) => {
+    c.current = d;
+  }, e.as === void 0 || e.as === he)), f = Ne(ot, { disclosureState: r ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: s }, g] = f, a = R((d) => {
+    g({ type: 1 });
+    let S = He(c);
+    if (!S || !s) return;
+    let E = d ? d instanceof HTMLElement ? d : d.current instanceof HTMLElement ? d.current : S.getElementById(s) : S.getElementById(s);
     E == null || E.focus();
-  }), x = M(() => ({ close: l }), [l]), S = M(() => ({ open: n === 0, close: l }), [n, l]), I = { ref: m };
-  return v.createElement(X.Provider, { value: a }, v.createElement(J.Provider, { value: x }, v.createElement(Re, { value: l }, v.createElement(Be, { value: z(n, { 0: L.Open, 1: L.Closed }) }, K({ ourProps: I, theirProps: d, slot: S, defaultTag: We, name: "Disclosure" })))));
+  }), _ = H(() => ({ close: a }), [a]), I = H(() => ({ open: n === 0, close: a }), [n, a]), k = { ref: m };
+  return v.createElement(oe.Provider, { value: f }, v.createElement(ae.Provider, { value: _ }, v.createElement(Xe, { value: a }, v.createElement(Ue, { value: te(n, { 0: W.Open, 1: W.Closed }) }, ne({ ourProps: k, theirProps: p, slot: I, defaultTag: rt, name: "Disclosure" })))));
 }
-let Ve = "button";
-function ze(e, t) {
-  let i = ae(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = G("Disclosure.Button"), y = qe(), l = y === null ? !1 : y === n.panelId, x = le(null), S = V(x, t, g((o) => {
-    if (!l) return r({ type: 4, element: o });
-  })), I = ie();
-  j(() => {
-    if (!l) return r({ type: 2, buttonId: d }), () => {
-      r({ type: 2, buttonId: null });
+let st = "button";
+function lt(e, t) {
+  let r = _e(), { id: p = `headlessui-disclosure-button-${r}`, disabled: c = !1, autoFocus: m = !1, ...f } = e, [n, s] = re("Disclosure.Button"), g = nt(), a = g === null ? !1 : g === n.panelId, _ = fe(null), I = ee(_, t, R((u) => {
+    if (!a) return s({ type: 4, element: u });
+  })), k = be();
+  J(() => {
+    if (!a) return s({ type: 2, buttonId: p }), () => {
+      s({ type: 2, buttonId: null });
     };
-  }, [d, r, l]);
-  let c = g((o) => {
-    var k;
-    if (l) {
+  }, [p, s, a]);
+  let d = R((u) => {
+    var b;
+    if (a) {
       if (n.disclosureState === 1) return;
-      switch (o.key) {
-        case B.Space:
-        case B.Enter:
-          o.preventDefault(), o.stopPropagation(), r({ type: 0 }), (k = n.buttonElement) == null || k.focus();
+      switch (u.key) {
+        case O.Space:
+        case O.Enter:
+          u.preventDefault(), u.stopPropagation(), s({ type: 0 }), (b = n.buttonElement) == null || b.focus();
           break;
       }
-    } else switch (o.key) {
-      case B.Space:
-      case B.Enter:
-        o.preventDefault(), o.stopPropagation(), r({ type: 0 });
+    } else switch (u.key) {
+      case O.Space:
+      case O.Enter:
+        u.preventDefault(), u.stopPropagation(), s({ type: 0 });
         break;
     }
-  }), f = g((o) => {
-    switch (o.key) {
-      case B.Space:
-        o.preventDefault();
+  }), S = R((u) => {
+    switch (u.key) {
+      case O.Space:
+        u.preventDefault();
         break;
     }
-  }), E = g((o) => {
-    var k;
-    Me(o.currentTarget) || s || (l ? (r({ type: 0 }), (k = n.buttonElement) == null || k.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: _, focusProps: P } = Pe({ autoFocus: m }), { isHovered: h, hoverProps: N } = he({ isDisabled: s }), { pressed: D, pressProps: O } = ge({ disabled: s }), A = M(() => ({ open: n.disclosureState === 0, hover: h, active: D, disabled: s, focus: _, autofocus: m }), [n, h, D, _, s, m]), $ = we(e, n.buttonElement), F = l ? oe({ ref: S, type: $, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: E }, P, N, O) : oe({ ref: S, id: d, type: $, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: E }, P, N, O);
-  return K({ mergeRefs: I, ourProps: F, theirProps: a, slot: A, defaultTag: Ve, name: "Disclosure.Button" });
+  }), E = R((u) => {
+    var b;
+    Je(u.currentTarget) || c || (a ? (s({ type: 0 }), (b = n.buttonElement) == null || b.focus()) : s({ type: 0 }));
+  }), { isFocusVisible: $, focusProps: z } = Fe({ autoFocus: m }), { isHovered: D, hoverProps: C } = Le({ isDisabled: c }), { pressed: N, pressProps: M } = We({ disabled: c }), V = H(() => ({ open: n.disclosureState === 0, hover: D, active: N, disabled: c, focus: $, autofocus: m }), [n, D, N, $, c, m]), q = Ve(e, n.buttonElement), U = a ? de({ ref: I, type: q, disabled: c || void 0, autoFocus: m, onKeyDown: d, onClick: E }, z, C, M) : de({ ref: I, id: p, type: q, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: c || void 0, autoFocus: m, onKeyDown: d, onKeyUp: S, onClick: E }, z, C, M);
+  return ne({ mergeRefs: k, ourProps: U, theirProps: f, slot: V, defaultTag: st, name: "Disclosure.Button" });
 }
-let Ke = "div", Xe = ne.RenderStrategy | ne.Static;
-function Ge(e, t) {
-  let i = ae(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...m } = e, [a, n] = G("Disclosure.Panel"), { close: r } = ue("Disclosure.Panel"), y = ie(), [l, x] = ce(null), S = V(t, g((P) => {
-    Le(() => n({ type: 5, element: P }));
-  }), x);
-  j(() => (n({ type: 3, panelId: d }), () => {
+let it = "div", ct = ue.RenderStrategy | ue.Static;
+function ut(e, t) {
+  let r = _e(), { id: p = `headlessui-disclosure-panel-${r}`, transition: c = !1, ...m } = e, [f, n] = re("Disclosure.Panel"), { close: s } = ge("Disclosure.Panel"), g = be(), [a, _] = Se(null), I = ee(t, R((z) => {
+    Ye(() => n({ type: 5, element: z }));
+  }), _);
+  J(() => (n({ type: 3, panelId: p }), () => {
     n({ type: 3, panelId: null });
-  }), [d, n]);
-  let I = Ne(), [c, f] = Oe(s, l, I !== null ? (I & L.Open) === L.Open : a.disclosureState === 0), E = M(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), _ = { ref: S, id: d, ...Ae(f) };
-  return v.createElement(Ce, null, v.createElement(Y.Provider, { value: a.panelId }, K({ mergeRefs: y, ourProps: _, theirProps: m, slot: E, defaultTag: Ke, features: Xe, visible: c, name: "Disclosure.Panel" })));
+  }), [p, n]);
+  let k = je(), [d, S] = Qe(c, a, k !== null ? (k & W.Open) === W.Open : f.disclosureState === 0), E = H(() => ({ open: f.disclosureState === 0, close: s }), [f.disclosureState, s]), $ = { ref: I, id: p, ...Ge(S) };
+  return v.createElement(Ke, null, v.createElement(se.Provider, { value: f.panelId }, ne({ mergeRefs: g, ourProps: $, theirProps: m, slot: E, defaultTag: it, features: ct, visible: d, name: "Disclosure.Panel" })));
 }
-let Je = Q(Qe), de = Q(ze), pe = Q(Ge), Ye = Object.assign(Je, { Button: de, Panel: pe });
-const Ze = "_icon_1yk0x_2", et = "_open_1yk0x_15", tt = "_square_1yk0x_19", nt = "_circle_1yk0x_23", ot = "_disabled_1yk0x_23", rt = "_accordion_1yk0x_37", lt = "_header_1yk0x_45", st = "_title_1yk0x_61", at = "_panel_1yk0x_88", ct = "_m_1yk0x_112", it = "_s_1yk0x_19", u = {
-  icon: Ze,
-  "icon-container": "_icon-container_1yk0x_8",
-  open: et,
-  square: tt,
-  circle: nt,
-  disabled: ot,
-  accordion: rt,
-  "is-link": "_is-link_1yk0x_41",
-  header: lt,
-  title: st,
-  "title-uppercase": "_title-uppercase_1yk0x_64",
-  panel: at,
-  "link-open": "_link-open_1yk0x_108",
-  m: ct,
-  s: it,
-  "wrapper-button": "_wrapper-button_1yk0x_140"
-}, vt = Se(
+let dt = Z(at), Ie = Z(lt), ke = Z(ut), pt = Object.assign(dt, { Button: Ie, Panel: ke });
+const mt = "_icon_1qzmh_2", ft = "_open_1qzmh_18", ht = "_accordion_1qzmh_22", _t = "_m_1qzmh_30", St = "_s_1qzmh_34", Et = "_header_1qzmh_39", bt = "_disabled_1qzmh_51", gt = "_title_1qzmh_77", It = "_panel_1qzmh_92", kt = "_link_1qzmh_96", o = {
+  icon: mt,
+  "icon-black": "_icon-black_1qzmh_5",
+  "icon-white": "_icon-white_1qzmh_8",
+  "icon-container": "_icon-container_1qzmh_11",
+  open: ft,
+  accordion: ht,
+  "is-link": "_is-link_1qzmh_26",
+  "with-side-padding": "_with-side-padding_1qzmh_30",
+  m: _t,
+  s: St,
+  header: Et,
+  disabled: bt,
+  "header-center-aligned": "_header-center-aligned_1qzmh_55",
+  "header-gap-xs": "_header-gap-xs_1qzmh_58",
+  "header-gap-m": "_header-gap-m_1qzmh_61",
+  "header--gap-xl": "_header--gap-xl_1qzmh_64",
+  "options-counter": "_options-counter_1qzmh_68",
+  title: gt,
+  "title-container": "_title-container_1qzmh_81",
+  "title-uppercase": "_title-uppercase_1qzmh_88",
+  panel: It,
+  link: kt,
+  "link-open": "_link-open_1qzmh_100",
+  "m-round": "_m-round_1qzmh_134",
+  "s-round": "_s-round_1qzmh_138",
+  "wrapper-button": "_wrapper-button_1qzmh_142"
+}, me = (e, t, r) => e === Ee.DROPDOWN ? t === w.S || r !== i.RoundButton ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : t === w.S ? K.S : r !== i.RoundButton ? K.S : K.M, Dt = (e, t) => e === i.RoundButton && t === w.M ? Ce.L : t, Bt = (e, t) => e === i.RoundButton ? t === w.M ? o["header-gap-m"] : o["header-gap-xs"] : o["header-gap-xl"], yt = (e, t, r) => {
+  if (e === i.DefaultButton) {
+    if (t === P.SecondaryAsphalt && r)
+      return P.PrimarySapphire;
+    if (t === P.SecondaryWhite && r)
+      return P.SecondaryAsphalt;
+  }
+  return e === i.RoundButton && t === ce.Black && r ? ce.Sapphire : t;
+}, Pt = (e, t) => {
+  if (e === i.RoundButton)
+    return t === w.M ? o["m-round"] : o["s-round"];
+}, Wt = Re(
   ({
     title: e,
-    disabled: t,
-    buttonType: i = w.BUTTON,
-    children: d,
-    showTitleByDefault: s = !0,
-    linkClassName: m,
-    size: a = R.M,
-    titleUppercase: n,
-    buttonStyle: r = ke.CIRCLE,
-    iconType: y = ee.ARROW,
-    classNameTitle: l,
-    classNameContent: x,
-    classNameAccordion: S,
-    classNameIconButton: I,
-    subtitleNode: c,
-    onlyOpenSubtitleNode: f,
-    classNameSubtitleContainer: E,
-    activeKey: _,
-    defaultActiveKey: P,
-    onChange: h
-  }, N) => {
-    const D = _ !== void 0, [O, A] = ce(
-      () => !!P
-    ), $ = D ? !!_ : O, F = be(xe.XS1), o = i === w.LINK, k = {
-      [u["is-link"]]: o
+    optionsCount: t,
+    disabled: r,
+    buttonType: p = A.BUTTON,
+    children: c,
+    showTitleByDefault: m = !0,
+    linkClassName: f,
+    size: n = w.M,
+    titleUppercase: s,
+    iconType: g = Ee.ARROW,
+    formButton: a = i.DefaultButton,
+    variantButton: _ = P.SecondaryWhite,
+    classNameTitle: I,
+    classNameContent: k,
+    classNameAccordion: d,
+    classNameIconButton: S,
+    subtitleNode: E,
+    onlyOpenSubtitleNode: $,
+    classNameSubtitleContainer: z,
+    activeKey: D,
+    defaultActiveKey: C,
+    onChange: N,
+    withSidePadding: M = !1
+  }, V) => {
+    const q = D !== void 0, [U, u] = Se(
+      () => !!C
+    ), b = q ? !!D : U, De = xe(Ae.XS1), B = p === A.LINK, Be = {
+      [o["is-link"]]: B
     };
-    j(() => {
-      D && A(!!_);
-    }, [_, D]);
-    const me = () => {
-      if (t)
+    J(() => {
+      q && u(!!D);
+    }, [D, q]);
+    const ye = () => {
+      if (r)
         return;
-      const p = !$;
-      h == null || h(p), D || A(p);
-    }, fe = a === R.S ? Z.S : Z.M, _e = (p) => ({
+      const l = !b;
+      N == null || N(l), q || u(l);
+    }, Pe = n === w.S ? ie.S : ie.M, we = (l) => ({
       variant: "anchor",
-      size: F ? "s" : "l",
+      size: De ? "s" : "l",
       rightIcon: {
-        iconName: fe,
-        className: T({
-          [u["link-open"]]: p
+        iconName: Pe,
+        className: y({
+          [o["link-open"]]: l
         })
       }
-    }), Ee = (p) => {
-      const H = () => y === ee.DROPDOWN ? a === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === R.S ? te.S : te.M;
-      switch (i) {
-        case w.LINK:
+    }), $e = (l) => {
+      const j = me(g, n, a), qe = Dt(a, n), F = yt(a, _, l);
+      switch (p) {
+        case A.LINK:
           return e;
-        case w.BUTTON:
-          return /* @__PURE__ */ C(U, { children: [
-            /* @__PURE__ */ b(
+        case A.BUTTON: {
+          const le = y(o.icon, {
+            [o["icon-black"]]: _ === P.SecondaryWhite && !l,
+            [o["icon-white"]]: _ === P.SecondaryAsphalt || _ === P.SecondaryWhite && l
+          }), Q = {
+            disabled: r,
+            className: y(l && o.open, S),
+            "data-testid": "accordion-button",
+            isIconButton: !0,
+            iconName: j,
+            iconButtonClassName: le,
+            size: qe
+          };
+          let T;
+          switch (a) {
+            case i.RoundButton: {
+              const ze = {
+                form: i.RoundButton,
+                variant: F,
+                disabled: r,
+                className: y(
+                  o["icon-container"],
+                  l && o.open,
+                  S
+                ),
+                isIconButton: !0,
+                iconName: me(g, n, a),
+                iconButtonClassName: le,
+                size: n === w.M ? "l" : "s"
+              };
+              T = /* @__PURE__ */ h(L, { ...ze, "data-testid": "accordion-button" });
+              break;
+            }
+            case i.OutlineButton:
+              T = /* @__PURE__ */ h(
+                L,
+                {
+                  ...Q,
+                  form: i.OutlineButton,
+                  variant: F
+                }
+              );
+              break;
+            case i.BorderlessButton:
+              T = /* @__PURE__ */ h(
+                L,
+                {
+                  ...Q,
+                  form: i.BorderlessButton,
+                  variant: F
+                }
+              );
+              break;
+            default:
+              T = /* @__PURE__ */ h(
+                L,
+                {
+                  ...Q,
+                  form: i.DefaultButton,
+                  variant: F
+                }
+              );
+              break;
+          }
+          const ve = /* @__PURE__ */ x("div", { className: o["title-container"], children: [
+            /* @__PURE__ */ h(
               "span",
               {
-                className: T(
-                  u.title,
-                  l,
-                  n && u["title-uppercase"]
+                className: y(
+                  o.title,
+                  I,
+                  s && o["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ b(
-              "div",
-              {
-                className: T(
-                  u["icon-container"],
-                  p && u.open,
-                  t && u.disabled,
-                  u[r],
-                  I
-                ),
-                "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ b(
-                  De,
-                  {
-                    iconName: H(),
-                    className: u.icon,
-                    "data-testid": "accordion-icon"
-                  }
-                )
-              }
-            )
+            t !== void 0 && a !== i.RoundButton && /* @__PURE__ */ h("span", { className: o["options-counter"], children: t })
           ] });
+          return /* @__PURE__ */ x(G, { children: [
+            ve,
+            T
+          ] });
+        }
         default:
           return null;
       }
     };
-    return /* @__PURE__ */ C(U, { children: [
-      /* @__PURE__ */ b(
+    return /* @__PURE__ */ x(G, { children: [
+      /* @__PURE__ */ h(
         "div",
         {
-          className: T(
-            u.accordion,
-            u[a],
-            k,
-            S
+          className: y(
+            o.accordion,
+            o[n],
+            Be,
+            Pt(a, n),
+            M && o["with-side-padding"],
+            d
           ),
-          children: /* @__PURE__ */ b(
-            Ye,
+          children: /* @__PURE__ */ h(
+            pt,
             {
-              ref: N,
-              defaultOpen: $,
-              children: ({ open: p, close: H }) => /* @__PURE__ */ C(U, { children: [
-                (!p || s) && /* @__PURE__ */ b(
-                  de,
+              ref: V,
+              defaultOpen: b,
+              children: ({ open: l, close: j }) => /* @__PURE__ */ x(G, { children: [
+                (!l || m) && /* @__PURE__ */ h(
+                  Ie,
                   {
-                    disabled: t,
-                    as: o ? $e : w.BUTTON,
-                    onClick: me,
-                    className: T({
-                      [u.header]: !o,
-                      [u.disabled]: t,
-                      [m ?? ""]: o && m
+                    disabled: r,
+                    as: B ? Oe : A.BUTTON,
+                    onClick: ye,
+                    className: y({
+                      [o.header]: !B,
+                      [o.disabled]: r,
+                      [Bt(a, n)]: !B,
+                      [f ?? ""]: B && f,
+                      [o.link]: B,
+                      [o["header-center-aligned"]]: !B && a === i.RoundButton
                     }),
-                    ...o ? _e(p) : {},
-                    children: (!p || s) && Ee(p)
+                    ...B ? we(l) : {},
+                    children: (!l || m) && $e(l)
                   }
                 ),
-                p && /* @__PURE__ */ b(
-                  pe,
+                l && /* @__PURE__ */ h(
+                  ke,
                   {
                     "data-testid": "accordion-panel",
-                    className: T(
-                      u.panel,
-                      x,
-                      k
-                    ),
-                    children: /* @__PURE__ */ b(Ie, { size: a, children: typeof d == "function" ? d({
-                      open: p,
-                      close: H
-                    }) : d })
+                    className: y(o.panel, k),
+                    children: /* @__PURE__ */ h(Te, { size: n, children: typeof c == "function" ? c({
+                      open: l,
+                      close: j
+                    }) : c })
                   }
                 )
               ] })
             },
-            _ ? String($) : void 0
+            D ? String(b) : void 0
           )
         }
       ),
-      (c || f) && /* @__PURE__ */ C("div", { className: E, children: [
-        c,
-        $ && f
+      (E || $) && /* @__PURE__ */ x("div", { className: z, children: [
+        E,
+        b && $
       ] })
     ] });
   }
 );
 export {
-  vt as Accordion
+  Wt as Accordion
 };

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

@@ -1,10 +1,10 @@
 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 = {
+import '../../../assets/AccordionItem.css';const e = "_item_1lxuq_2", _ = "_m_1lxuq_11", i = "_s_1lxuq_16", s = {
   item: e,
   m: _,
   s: i
-}, a = ({ children: m, size: t }) => /* @__PURE__ */ o("div", { className: c(s.item, s[t]), children: m });
+}, l = ({ children: m, size: t }) => /* @__PURE__ */ o("div", { className: c(s.item, s[t]), children: m });
 export {
-  a as AccordionItem
+  l as AccordionItem
 };

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

@@ -14,10 +14,6 @@ export declare enum EAccordionLinkIconSize {
     M = "DropdownArrowDown24px",
     S = "DropdownArrowBottom16px"
 }
-export declare enum EAccordionButtonStyle {
-    CIRCLE = "circle",
-    SQUARE = "square"
-}
 export declare enum EAccordionIconType {
     ARROW = "arrow",
     DROPDOWN = "dropdown"

package/dist/components/Accordion/constants.js

@@ -1,9 +1,8 @@
-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 w = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(w || {}), D = /* @__PURE__ */ ((r) => (r.BUTTON = "button", r.LINK = "link", r))(D || {}), a = /* @__PURE__ */ ((r) => (r.M = "ArrowDown24px", r.S = "ArrowDown16px", r))(a || {}), p = /* @__PURE__ */ ((r) => (r.M = "DropdownArrowDown24px", r.S = "DropdownArrowBottom16px", r))(p || {}), t = /* @__PURE__ */ ((r) => (r.ARROW = "arrow", r.DROPDOWN = "dropdown", r))(t || {});
 export {
-  D as EAccordionButtonIconSize,
-  v as EAccordionButtonStyle,
-  a as EAccordionButtonType,
-  u as EAccordionIconType,
+  a as EAccordionButtonIconSize,
+  D as EAccordionButtonType,
+  t as EAccordionIconType,
   p as EAccordionLinkIconSize,
   w as EAccordionSize
 };