@purpurds/accordion 5.11.0 → 5.11.2

package/dist/accordion.es.js

@@ -1,11 +1,11 @@
-import { jsx as A, jsxs as X } from "react/jsx-runtime";
-import * as be from "react";
-import u, { createContext as ee, useMemo as U, createElement as y, useContext as $e, useCallback as H, forwardRef as I, Children as S, isValidElement as V, cloneElement as G, Fragment as Le, useRef as C, useEffect as k, useState as re, useLayoutEffect as qe, useReducer as Ue } from "react";
-import { flushSync as Ve } from "react-dom";
-function ze(e) {
+import { jsx as y, jsxs as X } from "react/jsx-runtime";
+import * as $e from "react";
+import u, { createContext as ee, useMemo as U, createElement as A, useContext as _e, useCallback as H, forwardRef as I, Children as S, isValidElement as V, cloneElement as G, Fragment as qe, useRef as C, useEffect as k, useState as re, useLayoutEffect as Ue, useReducer as Ve } from "react";
+import { flushSync as ze } from "react-dom";
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _e = { exports: {} };
+var me = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var _e = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(_e);
-var Be = _e.exports;
-const He = /* @__PURE__ */ ze(Be), j = {
+})(me);
+var He = me.exports;
+const Ge = /* @__PURE__ */ Be(He), j = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,7 +58,7 @@ const He = /* @__PURE__ */ ze(Be), j = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, Ge = {
+}, Fe = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,17 +67,17 @@ const He = /* @__PURE__ */ ze(Be), j = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, L = "purpur-heading", me = ({
+}, L = "purpur-heading", oe = ({
   ["data-testid"]: e,
   children: r,
   className: n = "",
   enableHyphenation: o = !1,
   negative: c = !1,
   tag: t,
-  variant: a = Ge.TITLE100,
+  variant: a = Fe.TITLE100,
   ...i
 }) => {
-  const s = t, l = He([
+  const s = t, l = Ge([
     n,
     j[L],
     j[`${L}--${a}`],
@@ -86,8 +86,9 @@ const He = /* @__PURE__ */ ze(Be), j = {
       [j[`${L}--negative`]]: c
     }
   ]);
-  return /* @__PURE__ */ A(s, { ...i, className: l, "data-testid": e, children: r });
+  return /* @__PURE__ */ y(s, { ...i, className: l, "data-testid": e, children: r });
 };
+oe.displayName = "Heading";
 function h() {
   return h = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
@@ -98,7 +99,7 @@ function h() {
     return e;
   }, h.apply(this, arguments);
 }
-function oe(e, r = []) {
+function ae(e, r = []) {
   let n = [];
   function o(t, a) {
     const i = /* @__PURE__ */ ee(a), s = n.length;
@@ -111,16 +112,14 @@ function oe(e, r = []) {
         () => b,
         Object.values(b)
       );
-      return /* @__PURE__ */ y(x.Provider, {
+      return /* @__PURE__ */ A(x.Provider, {
         value: g
       }, f);
     }
     function d(p, _) {
-      const f = (_ == null ? void 0 : _[e][s]) || i, b = $e(f);
-      if (b)
-        return b;
-      if (a !== void 0)
-        return a;
+      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 l.displayName = t + "Provider", [
@@ -148,13 +147,12 @@ function oe(e, r = []) {
   };
   return c.scopeName = e, [
     o,
-    Fe(c, ...r)
+    Ke(c, ...r)
   ];
 }
-function Fe(...e) {
+function Ke(...e) {
   const r = e[0];
-  if (e.length === 1)
-    return r;
+  if (e.length === 1) return r;
   const n = () => {
     const o = e.map(
       (c) => ({
@@ -182,26 +180,26 @@ function Fe(...e) {
   };
   return n.scopeName = r.scopeName, n;
 }
-function Ke(e, r) {
+function Ze(e, r) {
   typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
 function he(...e) {
   return (r) => e.forEach(
-    (n) => Ke(n, r)
+    (n) => Ze(n, r)
   );
 }
 function M(...e) {
   return H(he(...e), e);
 }
 const z = /* @__PURE__ */ I((e, r) => {
-  const { children: n, ...o } = e, c = S.toArray(n), t = c.find(We);
+  const { children: n, ...o } = e, c = S.toArray(n), t = c.find(Ye);
   if (t) {
     const a = t.props.children, i = c.map((s) => s === t ? S.count(a) > 1 ? S.only(null) : /* @__PURE__ */ V(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ y(te, h({}, o, {
+    return /* @__PURE__ */ A(te, h({}, o, {
       ref: r
     }), /* @__PURE__ */ V(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
   }
-  return /* @__PURE__ */ y(te, h({}, o, {
+  return /* @__PURE__ */ A(te, h({}, o, {
     ref: r
   }), n);
 });
@@ -209,16 +207,16 @@ z.displayName = "Slot";
 const te = /* @__PURE__ */ I((e, r) => {
   const { children: n, ...o } = e;
   return /* @__PURE__ */ V(n) ? /* @__PURE__ */ G(n, {
-    ...Ye(o, n.props),
+    ...Je(o, n.props),
     ref: r ? he(r, n.ref) : n.ref
   }) : S.count(n) > 1 ? S.only(null) : null;
 });
 te.displayName = "SlotClone";
-const Ze = ({ children: e }) => /* @__PURE__ */ y(Le, null, e);
-function We(e) {
-  return /* @__PURE__ */ V(e) && e.type === Ze;
+const We = ({ children: e }) => /* @__PURE__ */ A(qe, null, e);
+function Ye(e) {
+  return /* @__PURE__ */ V(e) && e.type === We;
 }
-function Ye(e, r) {
+function Je(e, r) {
   const n = {
     ...r
   };
@@ -239,8 +237,8 @@ function Ye(e, r) {
     ...n
   };
 }
-function Je(e) {
-  const r = e + "CollectionProvider", [n, o] = oe(r), [c, t] = n(r, {
+function Qe(e) {
+  const r = e + "CollectionProvider", [n, o] = ae(r), [c, t] = n(r, {
     collectionRef: {
       current: null
     },
@@ -271,8 +269,7 @@ function Je(e) {
     const b = t(e + "CollectionConsumer", f);
     return u.useCallback(() => {
       const g = b.collectionRef.current;
-      if (!g)
-        return [];
+      if (!g) return [];
       const m = Array.from(g.querySelectorAll(`[${d}]`));
       return Array.from(b.itemMap.values()).sort(
         (N, O) => m.indexOf(N.ref.current) - m.indexOf(O.ref.current)
@@ -294,8 +291,7 @@ function Je(e) {
 }
 function ge(e, r, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(c) {
-    if (e == null || e(c), n === !1 || !c.defaultPrevented)
-      return r == null ? void 0 : r(c);
+    if (e == null || e(c), n === !1 || !c.defaultPrevented) return r == null ? void 0 : r(c);
   };
 }
 function ve(e) {
@@ -310,17 +306,16 @@ function ve(e) {
     []
   );
 }
-function ae({ prop: e, defaultProp: r, onChange: n = () => {
+function ce({ prop: e, defaultProp: r, onChange: n = () => {
 } }) {
-  const [o, c] = Qe({
+  const [o, c] = Xe({
     defaultProp: r,
     onChange: n
   }), t = e !== void 0, a = t ? e : o, i = ve(n), s = H((l) => {
     if (t) {
       const p = typeof l == "function" ? l(e) : l;
       p !== e && i(p);
-    } else
-      c(l);
+    } else c(l);
   }, [
     t,
     e,
@@ -332,7 +327,7 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
     s
   ];
 }
-function Qe({ defaultProp: e, onChange: r }) {
+function Xe({ defaultProp: e, onChange: r }) {
   const n = re(e), [o] = n, c = C(o), t = ve(r);
   return k(() => {
     c.current !== o && (t(o), c.current = o);
@@ -342,7 +337,7 @@ function Qe({ defaultProp: e, onChange: r }) {
     t
   ]), n;
 }
-const Xe = [
+const et = [
   "a",
   "button",
   "div",
@@ -359,12 +354,12 @@ const Xe = [
   "span",
   "svg",
   "ul"
-], D = Xe.reduce((e, r) => {
+], D = et.reduce((e, r) => {
   const n = /* @__PURE__ */ I((o, c) => {
     const { asChild: t, ...a } = o, i = t ? z : r;
     return k(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ y(i, h({}, a, {
+    }, []), /* @__PURE__ */ A(i, h({}, a, {
       ref: c
     }));
   });
@@ -372,16 +367,16 @@ const Xe = [
     ...e,
     [r]: n
   };
-}, {}), B = globalThis != null && globalThis.document ? qe : () => {
+}, {}), B = globalThis != null && globalThis.document ? Ue : () => {
 };
-function et(e, r) {
-  return Ue((n, o) => {
+function tt(e, r) {
+  return Ve((n, o) => {
     const c = r[n][o];
     return c ?? n;
   }, e);
 }
 const xe = (e) => {
-  const { present: r, children: n } = e, o = tt(r), c = typeof n == "function" ? n({
+  const { present: r, children: n } = e, o = nt(r), c = typeof n == "function" ? n({
     present: o.isPresent
   }) : S.only(n), t = M(o.ref, c.ref);
   return typeof n == "function" || o.isPresent ? /* @__PURE__ */ G(c, {
@@ -389,8 +384,8 @@ const xe = (e) => {
   }) : null;
 };
 xe.displayName = "Presence";
-function tt(e) {
-  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, s] = et(a, {
+function nt(e) {
+  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, s] = tt(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -421,7 +416,7 @@ function tt(e) {
     if (r) {
       const l = (p) => {
         const f = q(o.current).includes(p.animationName);
-        p.target === r && f && Ve(
+        p.target === r && f && ze(
           () => s("ANIMATION_END")
         );
       }, d = (p) => {
@@ -448,29 +443,29 @@ function tt(e) {
 function q(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const nt = be.useId || (() => {
+const rt = $e.useId || (() => {
 });
-let rt = 0;
-function Ae(e) {
-  const [r, n] = be.useState(nt());
+let ot = 0;
+function ye(e) {
+  const [r, n] = $e.useState(rt());
   return B(() => {
     n(
-      (o) => o ?? String(rt++)
+      (o) => o ?? String(ot++)
     );
   }, [
     e
   ]), r ? `radix-${r}` : "";
 }
-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({
+const Ae = "Collapsible", [at, Ce] = ae(Ae), [ct, ie] = at(Ae), it = /* @__PURE__ */ I((e, r) => {
+  const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [s = !1, l] = ce({
     prop: o,
     defaultProp: c,
     onChange: a
   });
-  return /* @__PURE__ */ y(at, {
+  return /* @__PURE__ */ A(ct, {
     scope: n,
     disabled: t,
-    contentId: Ae(),
+    contentId: ye(),
     open: s,
     onOpenToggle: H(
       () => l(
@@ -480,39 +475,39 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
         l
       ]
     )
-  }, /* @__PURE__ */ y(D.div, h({
-    "data-state": ie(s),
+  }, /* @__PURE__ */ A(D.div, h({
+    "data-state": se(s),
     "data-disabled": t ? "" : void 0
   }, i, {
     ref: r
   })));
-}), it = "CollapsibleTrigger", st = /* @__PURE__ */ I((e, r) => {
-  const { __scopeCollapsible: n, ...o } = e, c = ce(it, n);
-  return /* @__PURE__ */ y(D.button, h({
+}), st = "CollapsibleTrigger", lt = /* @__PURE__ */ I((e, r) => {
+  const { __scopeCollapsible: n, ...o } = e, c = ie(st, n);
+  return /* @__PURE__ */ A(D.button, h({
     type: "button",
     "aria-controls": c.contentId,
     "aria-expanded": c.open || !1,
-    "data-state": ie(c.open),
+    "data-state": se(c.open),
     "data-disabled": c.disabled ? "" : void 0,
     disabled: c.disabled
   }, o, {
     ref: r,
     onClick: ge(e.onClick, c.onOpenToggle)
   }));
-}), Ne = "CollapsibleContent", lt = /* @__PURE__ */ I((e, r) => {
-  const { forceMount: n, ...o } = e, c = ce(Ne, e.__scopeCollapsible);
-  return /* @__PURE__ */ y(
+}), Ne = "CollapsibleContent", ut = /* @__PURE__ */ I((e, r) => {
+  const { forceMount: n, ...o } = e, c = ie(Ne, e.__scopeCollapsible);
+  return /* @__PURE__ */ A(
     xe,
     {
       present: n || c.open
     },
-    ({ present: t }) => /* @__PURE__ */ y(ut, h({}, o, {
+    ({ present: t }) => /* @__PURE__ */ A(pt, h({}, o, {
       ref: r,
       present: t
     }))
   );
-}), 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();
+}), pt = /* @__PURE__ */ I((e, r) => {
+  const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ie(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
@@ -531,8 +526,8 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
   }, [
     a.open,
     o
-  ]), /* @__PURE__ */ y(D.div, h({
-    "data-state": ie(a.open),
+  ]), /* @__PURE__ */ A(D.div, h({
+    "data-state": se(a.open),
     "data-disabled": a.disabled ? "" : void 0,
     id: a.contentId,
     hidden: !x
@@ -545,31 +540,31 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
     }
   }), x && c);
 });
-function ie(e) {
+function se(e) {
   return e ? "open" : "closed";
 }
-const pt = ct, dt = st, ft = lt, bt = /* @__PURE__ */ ee(void 0);
-function $t(e) {
-  const r = $e(bt);
+const dt = it, ft = lt, bt = ut, $t = /* @__PURE__ */ ee(void 0);
+function _t(e) {
+  const r = _e($t);
   return e || r || "ltr";
 }
-const P = "Accordion", _t = [
+const P = "Accordion", mt = [
   "Home",
   "End",
   "ArrowDown",
   "ArrowUp",
   "ArrowLeft",
   "ArrowRight"
-], [se, mt, ht] = Je(P), [F, ln] = oe(P, [
-  ht,
+], [le, ht, gt] = Qe(P), [F, ln] = ae(P, [
+  gt,
   Ce
-]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
+]), ue = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { type: n, ...o } = e, c = o, t = o;
-  return /* @__PURE__ */ u.createElement(se.Provider, {
+  return /* @__PURE__ */ u.createElement(le.Provider, {
     scope: e.__scopeAccordion
   }, n === "multiple" ? /* @__PURE__ */ u.createElement(At, h({}, t, {
     ref: r
-  })) : /* @__PURE__ */ u.createElement(xt, h({}, c, {
+  })) : /* @__PURE__ */ u.createElement(yt, h({}, c, {
     ref: r
   })));
 });
@@ -582,11 +577,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(P), [Pe, vt] = F(P, {
+const [Ie, vt] = F(P), [Pe, xt] = F(P, {
   collapsible: !1
-}), xt = /* @__PURE__ */ u.forwardRef((e, r) => {
+}), yt = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { value: n, defaultValue: o, onValueChange: c = () => {
-  }, collapsible: t = !1, ...a } = e, [i, s] = ae({
+  }, collapsible: t = !1, ...a } = e, [i, s] = ce({
     prop: n,
     defaultProp: o,
     onChange: c
@@ -612,7 +607,7 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
   }))));
 }), At = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { value: n, defaultValue: o, onValueChange: c = () => {
-  }, ...t } = e, [a = [], i] = ae({
+  }, ...t } = e, [a = [], i] = ce({
     prop: n,
     defaultProp: o,
     onChange: c
@@ -647,19 +642,17 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
   }, /* @__PURE__ */ u.createElement(we, h({}, t, {
     ref: r
   }))));
-}), [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) => {
+}), [Ct, 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 = ht(n), p = _t(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
     var b;
-    if (!_t.includes(f.key))
-      return;
+    if (!mt.includes(f.key)) return;
     const x = f.target, g = l().filter((Y) => {
       var J;
       return !((J = Y.ref.current) !== null && J !== void 0 && J.disabled);
     }), m = g.findIndex(
       (Y) => Y.ref.current === x
     ), $ = g.length;
-    if (m === -1)
-      return;
+    if (m === -1) return;
     f.preventDefault();
     let v = m;
     const N = 0, O = $ - 1, Z = () => {
@@ -687,29 +680,29 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
         t === "vertical" && W();
         break;
     }
-    const je = v % $;
-    (b = g[je].ref.current) === null || b === void 0 || b.focus();
+    const Le = v % $;
+    (b = g[Le].ref.current) === null || b === void 0 || b.focus();
   });
-  return /* @__PURE__ */ u.createElement(yt, {
+  return /* @__PURE__ */ u.createElement(Ct, {
     scope: n,
     disabled: o,
     direction: c,
     orientation: t
-  }, /* @__PURE__ */ u.createElement(se.Slot, {
+  }, /* @__PURE__ */ u.createElement(le.Slot, {
     scope: n
   }, /* @__PURE__ */ u.createElement(D.div, h({}, a, {
     "data-orientation": t,
     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), s = Ae(), l = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
-  return /* @__PURE__ */ u.createElement(Ct, {
+}), ne = "AccordionItem", [Nt, pe] = F(ne), Et = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = vt(ne, n), i = ue(n), s = ye(), l = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
+  return /* @__PURE__ */ u.createElement(Nt, {
     scope: n,
     open: l,
     disabled: d,
     triggerId: s
-  }, /* @__PURE__ */ u.createElement(pt, h({
+  }, /* @__PURE__ */ u.createElement(dt, h({
     "data-orientation": t.orientation,
     "data-state": Se(l)
   }, i, c, {
@@ -720,8 +713,8 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
       p ? a.onItemOpen(o) : a.onItemClose(o);
     }
   })));
-}), Et = "AccordionHeader", It = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = ue(Et, n);
+}), It = "AccordionHeader", Pt = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = pe(It, n);
   return /* @__PURE__ */ u.createElement(D.h3, h({
     "data-orientation": c.orientation,
     "data-state": Se(t.open),
@@ -729,20 +722,20 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
   }, o, {
     ref: r
   }));
-}), pe = "AccordionTrigger", Pt = /* @__PURE__ */ u.forwardRef((e, r) => {
-  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, {
+}), de = "AccordionTrigger", wt = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = pe(de, n), a = xt(de, n), i = ue(n);
+  return /* @__PURE__ */ u.createElement(le.ItemSlot, {
     scope: n
-  }, /* @__PURE__ */ u.createElement(dt, h({
+  }, /* @__PURE__ */ u.createElement(ft, h({
     "aria-disabled": t.open && !a.collapsible || void 0,
     "data-orientation": c.orientation,
     id: t.triggerId
   }, i, o, {
     ref: r
   })));
-}), wt = "AccordionContent", St = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = ue(wt, n), a = le(n);
-  return /* @__PURE__ */ u.createElement(ft, h({
+}), St = "AccordionContent", Ot = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = pe(St, n), a = ue(n);
+  return /* @__PURE__ */ u.createElement(bt, h({
     role: "region",
     "aria-labelledby": t.triggerId,
     "data-orientation": c.orientation
@@ -758,8 +751,8 @@ const [Ie, gt] = F(P), [Pe, vt] = F(P, {
 function Se(e) {
   return e ? "open" : "closed";
 }
-const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, kt = St;
-function Dt(e) {
+const Rt = Ee, Tt = Et, Mt = Pt, kt = wt, Dt = Ot;
+function jt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Oe = { exports: {} };
@@ -798,13 +791,13 @@ var Oe = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Oe);
-var jt = Oe.exports;
-const Re = /* @__PURE__ */ Dt(jt), Lt = {
+var Lt = Oe.exports;
+const Re = /* @__PURE__ */ jt(Lt), qt = {
   "purpur-accordion": "_purpur-accordion_u887g_1",
   "purpur-accordion__title": "_purpur-accordion__title_u887g_4",
   "purpur-accordion--negative": "_purpur-accordion--negative_u887g_13"
 };
-function qt(e) {
+function Ut(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Te = { exports: {} };
@@ -843,8 +836,8 @@ var Te = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Te);
-var Ut = Te.exports;
-const Vt = /* @__PURE__ */ qt(Ut), zt = {
+var Vt = Te.exports;
+const zt = /* @__PURE__ */ Ut(Vt), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -852,40 +845,40 @@ const Vt = /* @__PURE__ */ qt(Ut), zt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Bt = {
+}, Ht = {
   name: "chevron-down",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
   category: "utility"
-}, Me = (e) => /* @__PURE__ */ A(
-  Wt,
+}, Me = (e) => /* @__PURE__ */ y(
+  Yt,
   {
     ...e,
-    svg: Bt
+    svg: Ht
   }
 );
 Me.displayName = "IconChevronDown";
-const Ht = Vt.bind(zt), de = "purpur-icon", Gt = "md", Ft = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Kt = ({ content: e = "", title: r } = {}) => {
+const Gt = zt.bind(Bt), fe = "purpur-icon", Ft = "md", Kt = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Zt = ({ content: e = "", title: r } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
-  return `<svg ${Ft(n)}>${o}${e}</svg>`;
-}, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Wt = ({
+  return `<svg ${Kt(n)}>${o}${e}</svg>`;
+}, Wt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: n,
-  className: o = "",
-  size: c = Gt,
+  className: o,
+  size: c = Ft,
   ...t
 }) => {
-  const a = Kt({
-    content: Zt(r.svg),
+  const a = Zt({
+    content: Wt(r.svg),
     title: n
-  }), i = Ht(o, de, `${de}--${c}`);
-  return /* @__PURE__ */ A(
+  }), i = Gt(o, fe, `${fe}--${c}`);
+  return /* @__PURE__ */ y(
     "span",
     {
       "aria-label": n,
@@ -896,7 +889,7 @@ const Ht = Vt.bind(zt), de = "purpur-icon", Gt = "md", Ft = (e) => e.filter((r)
     }
   );
 };
-function Yt(e) {
+function Jt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ke = { exports: {} };
@@ -935,8 +928,8 @@ var ke = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(ke);
-var Jt = ke.exports;
-const Qt = /* @__PURE__ */ Yt(Jt), R = {
+var Qt = ke.exports;
+const Xt = /* @__PURE__ */ Jt(Qt), R = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -951,7 +944,7 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, Xt = {
+}, en = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -962,17 +955,17 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, T = "purpur-paragraph", en = ({
+}, T = "purpur-paragraph", De = ({
   ["data-testid"]: e,
   children: r,
-  className: n = "",
+  className: n,
   disabled: o,
   enableHyphenation: c = !1,
   negative: t = !1,
-  variant: a = Xt.PARAGRAPH100,
+  variant: a = en.PARAGRAPH100,
   ...i
 }) => {
-  const s = Qt([
+  const s = Xt([
     n,
     R[T],
     R[`${T}--${a}`],
@@ -982,8 +975,10 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
       [R[`${T}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ A("p", { ...i, className: s, "data-testid": e, children: r });
-}, tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
+  return /* @__PURE__ */ y("p", { ...i, className: s, "data-testid": e, children: r });
+};
+De.displayName = "Paragraph";
+const 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",
   "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_aukzj_11",
@@ -1011,23 +1006,23 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
         [`${E}--negative`]: c
       }
     ]);
-    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,
+    return /* @__PURE__ */ X(Tt, { className: s, value: n, ...a, children: [
+      /* @__PURE__ */ y(Mt, { className: w(`${E}__header`), asChild: !0, children: /* @__PURE__ */ y(oe, { tag: o, variant: "title-100", className: w(`${E}__title`), children: /* @__PURE__ */ X(
+        kt,
         {
           ref: i,
           onClick: t,
           className: w(`${E}__trigger`, r),
           children: [
             n,
-            /* @__PURE__ */ A(Me, { size: "md", className: w(`${E}__icon`), "aria-hidden": !0 })
+            /* @__PURE__ */ y(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 }) })
+      /* @__PURE__ */ y(Dt, { className: w(`${E}__content`, r), children: /* @__PURE__ */ y("div", { className: w(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ y(De, { variant: "paragraph-200", children: e }) : e }) })
     ] });
   }
-), fe = Re.bind(Lt), Q = "purpur-accordion", De = ({
+), be = Re.bind(qt), Q = "purpur-accordion", je = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1036,7 +1031,7 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   titleTag: t = "h2",
   titleVariant: a = "title-300"
 }) => {
-  const i = fe([
+  const i = be([
     n,
     Q,
     {
@@ -1045,14 +1040,14 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
   ]), 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,
+  return /* @__PURE__ */ X(Rt, { className: i, type: "multiple", "data-testid": e, children: [
+    c ? /* @__PURE__ */ y(oe, { tag: t, variant: a, className: be(`${Q}__title`), children: c }) : null,
     s()
   ] });
 };
-De.Item = on;
-De.displayName = "Accordion";
+je.Item = on;
+je.displayName = "Accordion";
 export {
-  De as Accordion
+  je as Accordion
 };
 //# sourceMappingURL=accordion.es.js.map