@purpurds/accordion 5.8.2 → 5.9.0

package/dist/accordion.d.ts

@@ -24,7 +24,7 @@ export type AccordionProps = {
 };
 export declare const Accordion: {
     ({ ["data-testid"]: dataTestId, children, className, negative, title, titleTag, titleVariant, }: AccordionProps): React.JSX.Element;
-    Item: ({ children, className, title, titleTag, negative, onClick, ...props }: import('./accordion-item').AccordionItemProps) => React.JSX.Element;
+    Item: React.ForwardRefExoticComponent<import('./accordion-item').AccordionItemProps & React.RefAttributes<HTMLButtonElement>>;
     displayName: string;
 };
 export type { AccordionItemOnClickEvent, AccordionItemProps } from './accordion-item';

package/dist/accordion.es.js

@@ -1,6 +1,6 @@
 import { jsx as A, jsxs as X } from "react/jsx-runtime";
 import * as be from "react";
-import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as H, forwardRef as S, Children as w, isValidElement as U, cloneElement as G, Fragment as Le, useRef as C, useEffect as k, useState as re, useLayoutEffect as qe, useReducer as Ve } from "react";
+import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as H, forwardRef as I, Children as S, isValidElement as U, cloneElement as G, Fragment as Le, useRef as C, useEffect as k, useState as re, useLayoutEffect as qe, useReducer as Ve } from "react";
 import { flushSync as Ue } from "react-dom";
 function ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -77,7 +77,7 @@ const He = /* @__PURE__ */ ze(Be), j = {
   variant: a = Ge.TITLE100,
   ...i
 }) => {
-  const l = t, s = He([
+  const s = t, l = He([
     n,
     j[L],
     j[`${L}--${a}`],
@@ -86,7 +86,7 @@ const He = /* @__PURE__ */ ze(Be), j = {
       [j[`${L}--negative`]]: c
     }
   ]);
-  return /* @__PURE__ */ A(l, { ...i, className: s, "data-testid": e, children: r });
+  return /* @__PURE__ */ A(s, { ...i, className: l, "data-testid": e, children: r });
 };
 function h() {
   return h = Object.assign ? Object.assign.bind() : function(e) {
@@ -101,13 +101,13 @@ function h() {
 function oe(e, r = []) {
   let n = [];
   function o(t, a) {
-    const i = /* @__PURE__ */ ee(a), l = n.length;
+    const i = /* @__PURE__ */ ee(a), s = n.length;
     n = [
       ...n,
       a
     ];
-    function s(p) {
-      const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][l]) || i, g = V(
+    function l(p) {
+      const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][s]) || i, g = V(
         () => b,
         Object.values(b)
       );
@@ -116,32 +116,32 @@ function oe(e, r = []) {
       }, f);
     }
     function d(p, _) {
-      const f = (_ == null ? void 0 : _[e][l]) || i, b = $e(f);
+      const f = (_ == null ? void 0 : _[e][s]) || i, b = $e(f);
       if (b)
         return b;
       if (a !== void 0)
         return a;
       throw new Error(`\`${p}\` must be used within \`${t}\``);
     }
-    return s.displayName = t + "Provider", [
-      s,
+    return l.displayName = t + "Provider", [
+      l,
       d
     ];
   }
   const c = () => {
     const t = n.map((a) => /* @__PURE__ */ ee(a));
     return function(i) {
-      const l = (i == null ? void 0 : i[e]) || t;
+      const s = (i == null ? void 0 : i[e]) || t;
       return V(
         () => ({
           [`__scope${e}`]: {
             ...i,
-            [e]: l
+            [e]: s
           }
         }),
         [
           i,
-          l
+          s
         ]
       );
     };
@@ -163,8 +163,8 @@ function Fe(...e) {
       })
     );
     return function(t) {
-      const a = o.reduce((i, { useScope: l, scopeName: s }) => {
-        const p = l(t)[`__scope${s}`];
+      const a = o.reduce((i, { useScope: s, scopeName: l }) => {
+        const p = s(t)[`__scope${l}`];
         return {
           ...i,
           ...p
@@ -193,10 +193,10 @@ function he(...e) {
 function M(...e) {
   return H(he(...e), e);
 }
-const z = /* @__PURE__ */ S((e, r) => {
-  const { children: n, ...o } = e, c = w.toArray(n), t = c.find(We);
+const z = /* @__PURE__ */ I((e, r) => {
+  const { children: n, ...o } = e, c = S.toArray(n), t = c.find(We);
   if (t) {
-    const a = t.props.children, i = c.map((l) => l === t ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : l);
+    const a = t.props.children, i = c.map((s) => s === t ? S.count(a) > 1 ? S.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : s);
     return /* @__PURE__ */ y(te, h({}, o, {
       ref: r
     }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
@@ -206,12 +206,12 @@ const z = /* @__PURE__ */ S((e, r) => {
   }), n);
 });
 z.displayName = "Slot";
-const te = /* @__PURE__ */ S((e, r) => {
+const te = /* @__PURE__ */ I((e, r) => {
   const { children: n, ...o } = e;
   return /* @__PURE__ */ U(n) ? /* @__PURE__ */ G(n, {
     ...Ye(o, n.props),
     ref: r ? he(r, n.ref) : n.ref
-  }) : w.count(n) > 1 ? w.only(null) : null;
+  }) : S.count(n) > 1 ? S.only(null) : null;
 });
 te.displayName = "SlotClone";
 const Ze = ({ children: e }) => /* @__PURE__ */ y(Le, null, e);
@@ -252,13 +252,13 @@ function Je(e) {
       itemMap: m,
       collectionRef: g
     }, x);
-  }, i = e + "CollectionSlot", l = /* @__PURE__ */ u.forwardRef((f, b) => {
+  }, i = e + "CollectionSlot", s = /* @__PURE__ */ u.forwardRef((f, b) => {
     const { scope: x, children: g } = f, m = t(i, x), $ = M(b, m.collectionRef);
     return /* @__PURE__ */ u.createElement(z, {
       ref: $
     }, g);
-  }), s = e + "CollectionItemSlot", d = "data-radix-collection-item", p = /* @__PURE__ */ u.forwardRef((f, b) => {
-    const { scope: x, children: g, ...m } = f, $ = u.useRef(null), v = M(b, $), N = t(s, x);
+  }), l = e + "CollectionItemSlot", d = "data-radix-collection-item", p = /* @__PURE__ */ u.forwardRef((f, b) => {
+    const { scope: x, children: g, ...m } = f, $ = u.useRef(null), v = M(b, $), N = t(l, x);
     return u.useEffect(() => (N.itemMap.set($, {
       ref: $,
       ...m
@@ -285,7 +285,7 @@ function Je(e) {
   return [
     {
       Provider: a,
-      Slot: l,
+      Slot: s,
       ItemSlot: p
     },
     _,
@@ -315,12 +315,12 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
   const [o, c] = Qe({
     defaultProp: r,
     onChange: n
-  }), t = e !== void 0, a = t ? e : o, i = ve(n), l = H((s) => {
+  }), t = e !== void 0, a = t ? e : o, i = ve(n), s = H((l) => {
     if (t) {
-      const p = typeof s == "function" ? s(e) : s;
+      const p = typeof l == "function" ? l(e) : l;
       p !== e && i(p);
     } else
-      c(s);
+      c(l);
   }, [
     t,
     e,
@@ -329,7 +329,7 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
   ]);
   return [
     a,
-    l
+    s
   ];
 }
 function Qe({ defaultProp: e, onChange: r }) {
@@ -360,7 +360,7 @@ const Xe = [
   "svg",
   "ul"
 ], D = Xe.reduce((e, r) => {
-  const n = /* @__PURE__ */ S((o, c) => {
+  const n = /* @__PURE__ */ I((o, c) => {
     const { asChild: t, ...a } = o, i = t ? z : r;
     return k(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -383,14 +383,14 @@ function et(e, r) {
 const xe = (e) => {
   const { present: r, children: n } = e, o = tt(r), c = typeof n == "function" ? n({
     present: o.isPresent
-  }) : w.only(n), t = M(o.ref, c.ref);
+  }) : S.only(n), t = M(o.ref, c.ref);
   return typeof n == "function" || o.isPresent ? /* @__PURE__ */ G(c, {
     ref: t
   }) : null;
 };
 xe.displayName = "Presence";
 function tt(e) {
-  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, l] = et(a, {
+  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, s] = et(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -404,44 +404,44 @@ function tt(e) {
     }
   });
   return k(() => {
-    const s = q(o.current);
-    t.current = i === "mounted" ? s : "none";
+    const l = q(o.current);
+    t.current = i === "mounted" ? l : "none";
   }, [
     i
   ]), B(() => {
-    const s = o.current, d = c.current;
+    const l = o.current, d = c.current;
     if (d !== e) {
-      const _ = t.current, f = q(s);
-      e ? l("MOUNT") : f === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(d && _ !== f ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
+      const _ = t.current, f = q(l);
+      e ? s("MOUNT") : f === "none" || (l == null ? void 0 : l.display) === "none" ? s("UNMOUNT") : s(d && _ !== f ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
     }
   }, [
     e,
-    l
+    s
   ]), B(() => {
     if (r) {
-      const s = (p) => {
+      const l = (p) => {
         const f = q(o.current).includes(p.animationName);
         p.target === r && f && Ue(
-          () => l("ANIMATION_END")
+          () => s("ANIMATION_END")
         );
       }, d = (p) => {
         p.target === r && (t.current = q(o.current));
       };
-      return r.addEventListener("animationstart", d), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
-        r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
+      return r.addEventListener("animationstart", d), r.addEventListener("animationcancel", l), r.addEventListener("animationend", l), () => {
+        r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel", l), r.removeEventListener("animationend", l);
       };
     } else
-      l("ANIMATION_END");
+      s("ANIMATION_END");
   }, [
     r,
-    l
+    s
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: H((s) => {
-      s && (o.current = getComputedStyle(s)), n(s);
+    ref: H((l) => {
+      l && (o.current = getComputedStyle(l)), n(l);
     }, [])
   };
 }
@@ -461,8 +461,8 @@ function Ae(e) {
     e
   ]), r ? `radix-${r}` : "";
 }
-const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE__ */ S((e, r) => {
-  const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [l = !1, s] = ae({
+const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE__ */ I((e, r) => {
+  const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [s = !1, l] = ae({
     prop: o,
     defaultProp: c,
     onChange: a
@@ -471,22 +471,22 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
     scope: n,
     disabled: t,
     contentId: Ae(),
-    open: l,
+    open: s,
     onOpenToggle: H(
-      () => s(
+      () => l(
         (d) => !d
       ),
       [
-        s
+        l
       ]
     )
   }, /* @__PURE__ */ y(D.div, h({
-    "data-state": ie(l),
+    "data-state": ie(s),
     "data-disabled": t ? "" : void 0
   }, i, {
     ref: r
   })));
-}), it = "CollapsibleTrigger", st = /* @__PURE__ */ S((e, r) => {
+}), it = "CollapsibleTrigger", st = /* @__PURE__ */ I((e, r) => {
   const { __scopeCollapsible: n, ...o } = e, c = ce(it, n);
   return /* @__PURE__ */ y(D.button, h({
     type: "button",
@@ -499,7 +499,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
     ref: r,
     onClick: ge(e.onClick, c.onOpenToggle)
   }));
-}), Ne = "CollapsibleContent", lt = /* @__PURE__ */ S((e, r) => {
+}), Ne = "CollapsibleContent", lt = /* @__PURE__ */ I((e, r) => {
   const { forceMount: n, ...o } = e, c = ce(Ne, e.__scopeCollapsible);
   return /* @__PURE__ */ y(
     xe,
@@ -511,22 +511,22 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
       present: t
     }))
   );
-}), ut = /* @__PURE__ */ S((e, r) => {
-  const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, l] = re(o), s = C(null), d = M(r, s), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
+}), ut = /* @__PURE__ */ I((e, r) => {
+  const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, s] = re(o), l = C(null), d = M(r, l), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
   return k(() => {
     const $ = requestAnimationFrame(
       () => g.current = !1
     );
     return () => cancelAnimationFrame($);
   }, []), B(() => {
-    const $ = s.current;
+    const $ = l.current;
     if ($) {
       m.current = m.current || {
         transitionDuration: $.style.transitionDuration,
         animationName: $.style.animationName
       }, $.style.transitionDuration = "0s", $.style.animationName = "none";
       const v = $.getBoundingClientRect();
-      p.current = v.height, f.current = v.width, g.current || ($.style.transitionDuration = m.current.transitionDuration, $.style.animationName = m.current.animationName), l(o);
+      p.current = v.height, f.current = v.width, g.current || ($.style.transitionDuration = m.current.transitionDuration, $.style.animationName = m.current.animationName), s(o);
     }
   }, [
     a.open,
@@ -553,14 +553,14 @@ function $t(e) {
   const r = $e(bt);
   return e || r || "ltr";
 }
-const I = "Accordion", _t = [
+const P = "Accordion", _t = [
   "Home",
   "End",
   "ArrowDown",
   "ArrowUp",
   "ArrowLeft",
   "ArrowRight"
-], [se, mt, ht] = Je(I), [F, ln] = oe(I, [
+], [se, mt, ht] = Je(P), [F, ln] = oe(P, [
   ht,
   Ce
 ]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
@@ -582,11 +582,11 @@ Ee.propTypes = {
     ].includes(e.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : e.type === "multiple" && typeof r == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : e.type === "single" && Array.isArray(r) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
   }
 };
-const [Ie, gt] = F(I), [Pe, vt] = F(I, {
+const [Ie, gt] = F(P), [Pe, vt] = F(P, {
   collapsible: !1
 }), xt = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { value: n, defaultValue: o, onValueChange: c = () => {
-  }, collapsible: t = !1, ...a } = e, [i, l] = ae({
+  }, collapsible: t = !1, ...a } = e, [i, s] = ae({
     prop: n,
     defaultProp: o,
     onChange: c
@@ -596,12 +596,12 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     value: i ? [
       i
     ] : [],
-    onItemOpen: l,
+    onItemOpen: s,
     onItemClose: u.useCallback(
-      () => t && l(""),
+      () => t && s(""),
       [
         t,
-        l
+        s
       ]
     )
   }, /* @__PURE__ */ u.createElement(Pe, {
@@ -616,7 +616,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     prop: n,
     defaultProp: o,
     onChange: c
-  }), l = u.useCallback(
+  }), s = u.useCallback(
     (d) => i(
       (p = []) => [
         ...p,
@@ -626,7 +626,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     [
       i
     ]
-  ), s = u.useCallback(
+  ), l = u.useCallback(
     (d) => i(
       (p = []) => p.filter(
         (_) => _ !== d
@@ -639,20 +639,20 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
   return /* @__PURE__ */ u.createElement(Ie, {
     scope: e.__scopeAccordion,
     value: a,
-    onItemOpen: l,
-    onItemClose: s
+    onItemOpen: s,
+    onItemClose: l
   }, /* @__PURE__ */ u.createElement(Pe, {
     scope: e.__scopeAccordion,
     collapsible: !0
   }, /* @__PURE__ */ u.createElement(we, h({}, t, {
     ref: r
   }))));
-}), [yt, K] = F(I), we = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null), l = M(i, r), s = mt(n), p = $t(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
+}), [yt, K] = F(P), we = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null), s = M(i, r), l = mt(n), p = $t(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
     var b;
     if (!_t.includes(f.key))
       return;
-    const x = f.target, g = s().filter((Y) => {
+    const x = f.target, g = l().filter((Y) => {
       var J;
       return !((J = Y.ref.current) !== null && J !== void 0 && J.disabled);
     }), m = g.findIndex(
@@ -699,29 +699,29 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     scope: n
   }, /* @__PURE__ */ u.createElement(D.div, h({}, a, {
     "data-orientation": t,
-    ref: l,
+    ref: s,
     onKeyDown: o ? void 0 : _
   }))));
 }), ne = "AccordionItem", [Ct, ue] = F(ne), Nt = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = gt(ne, n), i = le(n), l = Ae(), s = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
+  const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = gt(ne, n), i = le(n), s = Ae(), l = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
   return /* @__PURE__ */ u.createElement(Ct, {
     scope: n,
-    open: s,
+    open: l,
     disabled: d,
-    triggerId: l
+    triggerId: s
   }, /* @__PURE__ */ u.createElement(pt, h({
     "data-orientation": t.orientation,
-    "data-state": Se(s)
+    "data-state": Se(l)
   }, i, c, {
     ref: r,
     disabled: d,
-    open: s,
+    open: l,
     onOpenChange: (p) => {
       p ? a.onItemOpen(o) : a.onItemClose(o);
     }
   })));
 }), Et = "AccordionHeader", It = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Et, n);
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = ue(Et, n);
   return /* @__PURE__ */ u.createElement(D.h3, h({
     "data-orientation": c.orientation,
     "data-state": Se(t.open),
@@ -730,7 +730,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     ref: r
   }));
 }), pe = "AccordionTrigger", Pt = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(pe, n), a = vt(pe, n), i = le(n);
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = ue(pe, n), a = vt(pe, n), i = le(n);
   return /* @__PURE__ */ u.createElement(se.ItemSlot, {
     scope: n
   }, /* @__PURE__ */ u.createElement(dt, h({
@@ -741,7 +741,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
     ref: r
   })));
 }), wt = "AccordionContent", St = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(wt, n), a = le(n);
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = ue(wt, n), a = le(n);
   return /* @__PURE__ */ u.createElement(ft, h({
     role: "region",
     "aria-labelledby": t.triggerId,
@@ -972,7 +972,7 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   variant: a = Xt.PARAGRAPH100,
   ...i
 }) => {
-  const l = Qt([
+  const s = Qt([
     n,
     R[T],
     R[`${T}--${a}`],
@@ -982,7 +982,7 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
       [R[`${T}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ A("p", { ...i, className: l, "data-testid": e, children: r });
+  return /* @__PURE__ */ A("p", { ...i, className: s, "data-testid": e, children: r });
 }, tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
   "purpur-accordion-item": "_purpur-accordion-item_aukzj_1",
   "purpur-accordion-item__header": "_purpur-accordion-item__header_aukzj_8",
@@ -994,37 +994,40 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   "purpur-accordion-item__icon": "_purpur-accordion-item__icon_aukzj_54",
   "purpur-accordion-item__title": "_purpur-accordion-item__title_aukzj_67",
   "purpur-accordion-item--negative": "_purpur-accordion-item--negative_aukzj_88"
-}, P = Re.bind(rn), E = "purpur-accordion-item", on = ({
-  children: e,
-  className: r,
-  title: n,
-  titleTag: o = "h3",
-  negative: c,
-  onClick: t,
-  ...a
-}) => {
-  const i = P([
-    r,
-    E,
-    {
-      [`${E}--negative`]: c
-    }
-  ]);
-  return /* @__PURE__ */ X(Rt, { className: i, value: n, ...a, children: [
-    /* @__PURE__ */ A(Tt, { className: P(`${E}__header`), asChild: !0, children: /* @__PURE__ */ A(me, { tag: o, variant: "title-100", className: P(`${E}__title`), children: /* @__PURE__ */ X(
-      Mt,
+}, w = Re.bind(rn), E = "purpur-accordion-item", on = I(
+  ({
+    children: e,
+    className: r,
+    title: n,
+    titleTag: o = "h3",
+    negative: c,
+    onClick: t,
+    ...a
+  }, i) => {
+    const s = w([
+      r,
+      E,
       {
-        onClick: t,
-        className: P(`${E}__trigger`, r),
-        children: [
-          n,
-          /* @__PURE__ */ A(Me, { size: "md", className: P(`${E}__icon`), "aria-hidden": !0 })
-        ]
+        [`${E}--negative`]: c
       }
-    ) }) }),
-    /* @__PURE__ */ A(kt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
-  ] });
-}, fe = Re.bind(Lt), Q = "purpur-accordion", De = ({
+    ]);
+    return /* @__PURE__ */ X(Rt, { className: s, value: n, ...a, children: [
+      /* @__PURE__ */ A(Tt, { className: w(`${E}__header`), asChild: !0, children: /* @__PURE__ */ A(me, { tag: o, variant: "title-100", className: w(`${E}__title`), children: /* @__PURE__ */ X(
+        Mt,
+        {
+          ref: i,
+          onClick: t,
+          className: w(`${E}__trigger`, r),
+          children: [
+            n,
+            /* @__PURE__ */ A(Me, { size: "md", className: w(`${E}__icon`), "aria-hidden": !0 })
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ A(kt, { className: w(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: w(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
+    ] });
+  }
+), fe = Re.bind(Lt), Q = "purpur-accordion", De = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1039,12 +1042,12 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
     {
       [`${Q}--negative`]: o
     }
-  ]), l = () => w.map(r, (s) => G(s, {
+  ]), s = () => S.map(r, (l) => G(l, {
     negative: o
   }));
   return /* @__PURE__ */ X(Ot, { className: i, type: "multiple", "data-testid": e, children: [
     c ? /* @__PURE__ */ A(me, { tag: t, variant: a, className: fe(`${Q}__title`), children: c }) : null,
-    l()
+    s()
   ] });
 };
 De.Item = on;