@purpurds/accordion 5.24.2 → 5.25.0

package/dist/accordion.es.js

@@ -1,48 +1,46 @@
-import { jsx as x, jsxs as W } from "react/jsx-runtime";
-import * as $e from "react";
-import u, { createContext as ee, useMemo as V, createElement as A, useContext as _e, useCallback as H, forwardRef as I, Children as S, isValidElement as U, cloneElement as G, Fragment as Ve, useRef as C, useEffect as k, useState as re, useLayoutEffect as Ue, useReducer as ze } from "react";
-import { flushSync as Be } from "react-dom";
-function He(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { useContext as k, useId as R, useState as M, createContext as H } from "react";
+function C(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var me = { exports: {} };
+var $ = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (t = c(t, o(i)));
+    var n = {}.hasOwnProperty;
+    function p() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = i(r, u(a)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var a = "";
-      for (var i in t)
-        r.call(t, i) && t[i] && (a = c(a, i));
-      return a;
+      if (Array.isArray(r))
+        return p.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        n.call(r, a) && r[a] && (e = i(e, a));
+      return e;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(me);
-var Ge = me.exports;
-const Fe = /* @__PURE__ */ He(Ge), L = {
+})($);
+var D = $.exports;
+const B = /* @__PURE__ */ C(D), g = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,7 +56,7 @@ const Fe = /* @__PURE__ */ He(Ge), L = {
   "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"
-}, Ke = {
+}, G = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,776 +65,114 @@ const Fe = /* @__PURE__ */ He(Ge), L = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, j = "purpur-heading", oe = ({
-  ["data-testid"]: e,
-  children: r,
-  className: n = "",
-  enableHyphenation: o = !1,
-  negative: c = !1,
-  tag: t,
-  variant: a = Ke.TITLE100,
-  ...i
+}, f = "purpur-heading", y = ({
+  ["data-testid"]: t,
+  children: n,
+  className: p = "",
+  enableHyphenation: u = !1,
+  negative: i = !1,
+  tag: r,
+  variant: e = G.TITLE100,
+  ...a
 }) => {
-  const s = t, l = Fe([
-    n,
-    L[j],
-    L[`${j}--${a}`],
+  const s = r, c = B([
+    p,
+    g[f],
+    g[`${f}--${e}`],
     {
-      [L[`${j}--hyphens`]]: o,
-      [L[`${j}--negative`]]: c
+      [g[`${f}--hyphens`]]: u,
+      [g[`${f}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ x(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++) {
-      var n = arguments[r];
-      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
-    }
-    return e;
-  }, h.apply(null, arguments);
-}
-function ae(e, r = []) {
-  let n = [];
-  function o(t, a) {
-    const i = /* @__PURE__ */ ee(a), s = n.length;
-    n = [
-      ...n,
-      a
-    ];
-    function l(p) {
-      const { scope: _, children: f, ...b } = p, y = (_ == null ? void 0 : _[e][s]) || i, g = V(
-        () => b,
-        Object.values(b)
-      );
-      return /* @__PURE__ */ A(y.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;
-      throw new Error(`\`${p}\` must be used within \`${t}\``);
-    }
-    return l.displayName = t + "Provider", [
-      l,
-      d
-    ];
-  }
-  const c = () => {
-    const t = n.map((a) => /* @__PURE__ */ ee(a));
-    return function(i) {
-      const s = (i == null ? void 0 : i[e]) || t;
-      return V(
-        () => ({
-          [`__scope${e}`]: {
-            ...i,
-            [e]: s
-          }
-        }),
-        [
-          i,
-          s
-        ]
-      );
-    };
-  };
-  return c.scopeName = e, [
-    o,
-    Ye(c, ...r)
-  ];
-}
-function Ye(...e) {
-  const r = e[0];
-  if (e.length === 1) return r;
-  const n = () => {
-    const o = e.map(
-      (c) => ({
-        useScope: c(),
-        scopeName: c.scopeName
-      })
-    );
-    return function(t) {
-      const a = o.reduce((i, { useScope: s, scopeName: l }) => {
-        const p = s(t)[`__scope${l}`];
-        return {
-          ...i,
-          ...p
-        };
-      }, {});
-      return V(
-        () => ({
-          [`__scope${r.scopeName}`]: a
-        }),
-        [
-          a
-        ]
-      );
-    };
-  };
-  return n.scopeName = r.scopeName, n;
-}
-function Ze(e, r) {
-  typeof e == "function" ? e(r) : e != null && (e.current = r);
-}
-function he(...e) {
-  return (r) => e.forEach(
-    (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(Xe);
-  if (t) {
-    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__ */ A(te, h({}, o, {
-      ref: r
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
-  }
-  return /* @__PURE__ */ A(te, h({}, o, {
-    ref: r
-  }), n);
-});
-z.displayName = "Slot";
-const te = /* @__PURE__ */ I((e, r) => {
-  const { children: n, ...o } = e;
-  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ G(n, {
-    ...Qe(o, n.props),
-    ref: r ? he(r, n.ref) : n.ref
-  }) : S.count(n) > 1 ? S.only(null) : null;
-});
-te.displayName = "SlotClone";
-const Je = ({ children: e }) => /* @__PURE__ */ A(Ve, null, e);
-function Xe(e) {
-  return /* @__PURE__ */ U(e) && e.type === Je;
-}
-function Qe(e, r) {
-  const n = {
-    ...r
-  };
-  for (const o in r) {
-    const c = e[o], t = r[o];
-    /^on[A-Z]/.test(o) ? c && t ? n[o] = (...i) => {
-      t(...i), c(...i);
-    } : c && (n[o] = c) : o === "style" ? n[o] = {
-      ...c,
-      ...t
-    } : o === "className" && (n[o] = [
-      c,
-      t
-    ].filter(Boolean).join(" "));
-  }
-  return {
-    ...e,
-    ...n
-  };
-}
-function We(e) {
-  const r = e + "CollectionProvider", [n, o] = ae(r), [c, t] = n(r, {
-    collectionRef: {
-      current: null
-    },
-    itemMap: /* @__PURE__ */ new Map()
-  }), a = (f) => {
-    const { scope: b, children: y } = f, g = u.useRef(null), m = u.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ u.createElement(c, {
-      scope: b,
-      itemMap: m,
-      collectionRef: g
-    }, y);
-  }, i = e + "CollectionSlot", s = /* @__PURE__ */ u.forwardRef((f, b) => {
-    const { scope: y, children: g } = f, m = t(i, y), $ = M(b, m.collectionRef);
-    return /* @__PURE__ */ u.createElement(z, {
-      ref: $
-    }, g);
-  }), l = e + "CollectionItemSlot", d = "data-radix-collection-item", p = /* @__PURE__ */ u.forwardRef((f, b) => {
-    const { scope: y, children: g, ...m } = f, $ = u.useRef(null), v = M(b, $), N = t(l, y);
-    return u.useEffect(() => (N.itemMap.set($, {
-      ref: $,
-      ...m
-    }), () => void N.itemMap.delete($))), /* @__PURE__ */ u.createElement(z, {
-      [d]: "",
-      ref: v
-    }, g);
-  });
-  function _(f) {
-    const b = t(e + "CollectionConsumer", f);
-    return u.useCallback(() => {
-      const g = b.collectionRef.current;
-      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)
-      );
-    }, [
-      b.collectionRef,
-      b.itemMap
-    ]);
-  }
-  return [
-    {
-      Provider: a,
-      Slot: s,
-      ItemSlot: p
-    },
-    _,
-    o
-  ];
-}
-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);
-  };
-}
-function ve(e) {
-  const r = C(e);
-  return k(() => {
-    r.current = e;
-  }), V(
-    () => (...n) => {
-      var o;
-      return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...n);
-    },
-    []
-  );
-}
-function ce({ prop: e, defaultProp: r, onChange: n = () => {
-} }) {
-  const [o, c] = et({
-    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);
-  }, [
-    t,
-    e,
-    c,
-    i
-  ]);
-  return [
-    a,
-    s
-  ];
-}
-function et({ 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);
-  }, [
-    o,
-    c,
-    t
-  ]), n;
-}
-const tt = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], D = tt.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__ */ A(i, h({}, a, {
-      ref: c
-    }));
-  });
-  return n.displayName = `Primitive.${r}`, {
-    ...e,
-    [r]: n
-  };
-}, {}), B = globalThis != null && globalThis.document ? Ue : () => {
-};
-function nt(e, r) {
-  return ze((n, o) => {
-    const c = r[n][o];
-    return c ?? n;
-  }, e);
-}
-const ye = (e) => {
-  const { present: r, children: n } = e, o = rt(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, {
-    ref: t
-  }) : null;
-};
-ye.displayName = "Presence";
-function rt(e) {
-  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, s] = nt(a, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return k(() => {
-    const l = q(o.current);
-    t.current = i === "mounted" ? l : "none";
-  }, [
-    i
-  ]), B(() => {
-    const l = o.current, d = c.current;
-    if (d !== 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,
-    s
-  ]), B(() => {
-    if (r) {
-      const l = (p) => {
-        const f = q(o.current).includes(p.animationName);
-        p.target === r && f && Be(
-          () => s("ANIMATION_END")
-        );
-      }, d = (p) => {
-        p.target === r && (t.current = q(o.current));
-      };
-      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
-      s("ANIMATION_END");
-  }, [
-    r,
-    s
-  ]), {
-    isPresent: [
-      "mounted",
-      "unmountSuspended"
-    ].includes(i),
-    ref: H((l) => {
-      l && (o.current = getComputedStyle(l)), n(l);
-    }, [])
-  };
-}
-function q(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-const ot = $e.useId || (() => {
-});
-let at = 0;
-function xe(e) {
-  const [r, n] = $e.useState(ot());
-  return B(() => {
-    n(
-      (o) => o ?? String(at++)
-    );
-  }, [
-    e
-  ]), r ? `radix-${r}` : "";
-}
-const Ae = "Collapsible", [ct, Ce] = ae(Ae), [it, ie] = ct(Ae), st = /* @__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__ */ A(it, {
-    scope: n,
-    disabled: t,
-    contentId: xe(),
-    open: s,
-    onOpenToggle: H(
-      () => l(
-        (d) => !d
-      ),
-      [
-        l
-      ]
-    )
-  }, /* @__PURE__ */ A(D.div, h({
-    "data-state": se(s),
-    "data-disabled": t ? "" : void 0
-  }, i, {
-    ref: r
-  })));
-}), lt = "CollapsibleTrigger", ut = /* @__PURE__ */ I((e, r) => {
-  const { __scopeCollapsible: n, ...o } = e, c = ie(lt, n);
-  return /* @__PURE__ */ A(D.button, h({
-    type: "button",
-    "aria-controls": c.contentId,
-    "aria-expanded": c.open || !1,
-    "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", pt = /* @__PURE__ */ I((e, r) => {
-  const { forceMount: n, ...o } = e, c = ie(Ne, e.__scopeCollapsible);
-  return /* @__PURE__ */ A(
-    ye,
-    {
-      present: n || c.open
-    },
-    ({ present: t }) => /* @__PURE__ */ A(dt, h({}, o, {
-      ref: r,
-      present: t
-    }))
-  );
-}), dt = /* @__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, y = a.open || i, g = C(y), m = C();
-  return k(() => {
-    const $ = requestAnimationFrame(
-      () => g.current = !1
-    );
-    return () => cancelAnimationFrame($);
-  }, []), B(() => {
-    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), s(o);
-    }
-  }, [
-    a.open,
-    o
-  ]), /* @__PURE__ */ A(D.div, h({
-    "data-state": se(a.open),
-    "data-disabled": a.disabled ? "" : void 0,
-    id: a.contentId,
-    hidden: !y
-  }, t, {
-    ref: d,
-    style: {
-      "--radix-collapsible-content-height": _ ? `${_}px` : void 0,
-      "--radix-collapsible-content-width": b ? `${b}px` : void 0,
-      ...e.style
-    }
-  }), y && c);
-});
-function se(e) {
-  return e ? "open" : "closed";
-}
-const ft = st, bt = ut, $t = pt, _t = /* @__PURE__ */ ee(void 0);
-function mt(e) {
-  const r = _e(_t);
-  return e || r || "ltr";
-}
-const P = "Accordion", ht = [
-  "Home",
-  "End",
-  "ArrowDown",
-  "ArrowUp",
-  "ArrowLeft",
-  "ArrowRight"
-], [le, gt, vt] = We(P), [F, ln] = ae(P, [
-  vt,
-  Ce
-]), ue = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { type: n, ...o } = e, c = o, t = o;
-  return /* @__PURE__ */ u.createElement(le.Provider, {
-    scope: e.__scopeAccordion
-  }, n === "multiple" ? /* @__PURE__ */ u.createElement(Ct, h({}, t, {
-    ref: r
-  })) : /* @__PURE__ */ u.createElement(At, h({}, c, {
-    ref: r
-  })));
-});
-Ee.propTypes = {
-  type(e) {
-    const r = e.value || e.defaultValue;
-    return e.type && ![
-      "single",
-      "multiple"
-    ].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;
-  }
+  return /* @__PURE__ */ o(s, { ...a, className: c, "data-testid": t, children: n });
 };
-const [Ie, yt] = F(P), [Pe, xt] = F(P, {
-  collapsible: !1
-}), At = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { value: n, defaultValue: o, onValueChange: c = () => {
-  }, collapsible: t = !1, ...a } = e, [i, s] = ce({
-    prop: n,
-    defaultProp: o,
-    onChange: c
-  });
-  return /* @__PURE__ */ u.createElement(Ie, {
-    scope: e.__scopeAccordion,
-    value: i ? [
-      i
-    ] : [],
-    onItemOpen: s,
-    onItemClose: u.useCallback(
-      () => t && s(""),
-      [
-        t,
-        s
-      ]
-    )
-  }, /* @__PURE__ */ u.createElement(Pe, {
-    scope: e.__scopeAccordion,
-    collapsible: t
-  }, /* @__PURE__ */ u.createElement(we, h({}, a, {
-    ref: r
-  }))));
-}), Ct = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { value: n, defaultValue: o, onValueChange: c = () => {
-  }, ...t } = e, [a = [], i] = ce({
-    prop: n,
-    defaultProp: o,
-    onChange: c
-  }), s = u.useCallback(
-    (d) => i(
-      (p = []) => [
-        ...p,
-        d
-      ]
-    ),
-    [
-      i
-    ]
-  ), l = u.useCallback(
-    (d) => i(
-      (p = []) => p.filter(
-        (_) => _ !== d
-      )
-    ),
-    [
-      i
-    ]
-  );
-  return /* @__PURE__ */ u.createElement(Ie, {
-    scope: e.__scopeAccordion,
-    value: a,
-    onItemOpen: s,
-    onItemClose: l
-  }, /* @__PURE__ */ u.createElement(Pe, {
-    scope: e.__scopeAccordion,
-    collapsible: !0
-  }, /* @__PURE__ */ u.createElement(we, h({}, t, {
-    ref: r
-  }))));
-}), [Nt, 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 = gt(n), p = mt(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
-    var b;
-    if (!ht.includes(f.key)) return;
-    const y = f.target, g = l().filter((J) => {
-      var X;
-      return !((X = J.ref.current) !== null && X !== void 0 && X.disabled);
-    }), m = g.findIndex(
-      (J) => J.ref.current === y
-    ), $ = g.length;
-    if (m === -1) return;
-    f.preventDefault();
-    let v = m;
-    const N = 0, O = $ - 1, Y = () => {
-      v = m + 1, v > O && (v = N);
-    }, Z = () => {
-      v = m - 1, v < N && (v = O);
-    };
-    switch (f.key) {
-      case "Home":
-        v = N;
-        break;
-      case "End":
-        v = O;
-        break;
-      case "ArrowRight":
-        t === "horizontal" && (p ? Y() : Z());
-        break;
-      case "ArrowDown":
-        t === "vertical" && Y();
-        break;
-      case "ArrowLeft":
-        t === "horizontal" && (p ? Z() : Y());
-        break;
-      case "ArrowUp":
-        t === "vertical" && Z();
-        break;
-    }
-    const qe = v % $;
-    (b = g[qe].ref.current) === null || b === void 0 || b.focus();
-  });
-  return /* @__PURE__ */ u.createElement(Nt, {
-    scope: n,
-    disabled: o,
-    direction: c,
-    orientation: t
-  }, /* @__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", [Et, pe] = F(ne), It = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = yt(ne, n), i = ue(n), s = xe(), l = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
-  return /* @__PURE__ */ u.createElement(Et, {
-    scope: n,
-    open: l,
-    disabled: d,
-    triggerId: s
-  }, /* @__PURE__ */ u.createElement(ft, h({
-    "data-orientation": t.orientation,
-    "data-state": Se(l)
-  }, i, c, {
-    ref: r,
-    disabled: d,
-    open: l,
-    onOpenChange: (p) => {
-      p ? a.onItemOpen(o) : a.onItemClose(o);
-    }
-  })));
-}), Pt = "AccordionHeader", wt = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = pe(Pt, n);
-  return /* @__PURE__ */ u.createElement(D.h3, h({
-    "data-orientation": c.orientation,
-    "data-state": Se(t.open),
-    "data-disabled": t.disabled ? "" : void 0
-  }, o, {
-    ref: r
-  }));
-}), de = "AccordionTrigger", St = /* @__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(bt, h({
-    "aria-disabled": t.open && !a.collapsible || void 0,
-    "data-orientation": c.orientation,
-    id: t.triggerId
-  }, i, o, {
-    ref: r
-  })));
-}), Ot = "AccordionContent", Rt = /* @__PURE__ */ u.forwardRef((e, r) => {
-  const { __scopeAccordion: n, ...o } = e, c = K(P, n), t = pe(Ot, n), a = ue(n);
-  return /* @__PURE__ */ u.createElement($t, h({
-    role: "region",
-    "aria-labelledby": t.triggerId,
-    "data-orientation": c.orientation
-  }, a, o, {
-    ref: r,
-    style: {
-      "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-      "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-      ...e.style
-    }
-  }));
-});
-function Se(e) {
-  return e ? "open" : "closed";
+y.displayName = "Heading";
+function V(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-const Tt = Ee, Mt = It, kt = wt, Dt = St, Lt = Rt;
-function jt(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var Oe = { exports: {} };
+var A = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (t = c(t, o.call(this, i)));
+    var n = {}.hasOwnProperty;
+    function p() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = i(r, u.call(this, a)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var a = "";
-      for (var i in t)
-        r.call(t, i) && t[i] && (a = c(a, this && this[i] || i));
-      return a;
+      if (Array.isArray(r))
+        return p.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
+      return e;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(Oe);
-var qt = Oe.exports;
-const Re = /* @__PURE__ */ jt(qt), Vt = {
+})(A);
+var U = A.exports;
+const N = /* @__PURE__ */ V(U), z = {
   "purpur-accordion": "_purpur-accordion_u887g_1",
   "purpur-accordion__title": "_purpur-accordion__title_u887g_4",
   "purpur-accordion--negative": "_purpur-accordion--negative_u887g_13"
 };
-function Ut(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function F(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Te = { exports: {} };
+var w = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (t = c(t, o.call(this, i)));
+    var n = {}.hasOwnProperty;
+    function p() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = i(r, u.call(this, a)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var a = "";
-      for (var i in t)
-        r.call(t, i) && t[i] && (a = c(a, this && this[i] || i));
-      return a;
+      if (Array.isArray(r))
+        return p.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
+      return e;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(Te);
-var zt = Te.exports;
-const Bt = /* @__PURE__ */ Ut(zt), Ht = {
+})(w);
+var J = w.exports;
+const X = /* @__PURE__ */ F(J), Y = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -844,92 +180,92 @@ const Bt = /* @__PURE__ */ Ut(zt), Ht = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Gt = {
+}, Z = {
   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__ */ x(
-  ke,
+}, T = (t) => /* @__PURE__ */ o(
+  S,
   {
-    ...e,
-    svg: Gt
+    ...t,
+    svg: Z
   }
 );
-Me.displayName = "IconChevronDown";
-const Ft = Bt.bind(Ht), fe = "purpur-icon", Kt = "md", Yt = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Zt = ({ content: e = "", title: r } = {}) => {
-  const n = [
+T.displayName = "IconChevronDown";
+const K = X.bind(Y), b = "purpur-icon", Q = "md", W = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), rr = ({ content: t = "", title: n } = {}) => {
+  const p = [
     { 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 ${Yt(n)}>${o}${e}</svg>`;
-}, Jt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ke = ({
-  ["data-testid"]: e,
-  svg: r,
-  allyTitle: n,
-  className: o,
-  size: c = Kt,
-  ...t
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], u = n ? `<title>${n}</title>` : "";
+  return `<svg ${W(p)}>${u}${t}</svg>`;
+}, er = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), S = ({
+  ["data-testid"]: t,
+  svg: n,
+  allyTitle: p,
+  className: u,
+  size: i = Q,
+  ...r
 }) => {
-  const a = Zt({
-    content: Jt(r.svg),
-    title: n
-  }), i = Ft(o, fe, `${fe}--${c}`);
-  return /* @__PURE__ */ x(
+  const e = rr({
+    content: er(n.svg),
+    title: p
+  }), a = K(u, b, `${b}--${i}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
-      className: i,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: a },
-      ...t
+      "aria-label": p,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
     }
   );
 };
-ke.displayName = "Icon";
-function Xt(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+S.displayName = "Icon";
+function tr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var De = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (t = c(t, o(i)));
+    var n = {}.hasOwnProperty;
+    function p() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = i(r, u(a)));
       }
-      return t;
+      return r;
     }
-    function o(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var a = "";
-      for (var i in t)
-        r.call(t, i) && t[i] && (a = c(a, i));
-      return a;
+      if (Array.isArray(r))
+        return p.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        n.call(r, a) && r[a] && (e = i(e, a));
+      return e;
     }
-    function c(t, a) {
-      return a ? t ? t + " " + a : t + a : t;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(De);
-var Qt = De.exports;
-const Wt = /* @__PURE__ */ Xt(Qt), R = {
+})(I);
+var ar = I.exports;
+const pr = /* @__PURE__ */ tr(ar), _ = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -944,7 +280,7 @@ const Wt = /* @__PURE__ */ Xt(Qt), 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"
-}, en = {
+}, nr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -955,100 +291,133 @@ const Wt = /* @__PURE__ */ Xt(Qt), R = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, T = "purpur-paragraph", Le = ({
-  ["data-testid"]: e,
-  children: r,
+}, h = "purpur-paragraph", O = ({
+  ["data-testid"]: t,
+  children: n,
+  className: p,
+  disabled: u,
+  enableHyphenation: i = !1,
+  negative: r = !1,
+  variant: e = nr.PARAGRAPH100,
+  ...a
+}) => {
+  const s = pr([
+    p,
+    _[h],
+    _[`${h}--${e}`],
+    {
+      [_[`${h}--hyphens`]]: i,
+      [_[`${h}--disabled`]]: u,
+      [_[`${h}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ o("p", { ...a, className: s, "data-testid": t, children: n });
+};
+O.displayName = "Paragraph";
+const ir = {
+  "purpur-accordion-item": "_purpur-accordion-item_29ds4_1",
+  "purpur-accordion-item__header": "_purpur-accordion-item__header_29ds4_10",
+  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_29ds4_13",
+  "purpur-accordion-item__trigger__icon": "_purpur-accordion-item__trigger__icon_29ds4_43",
+  "purpur-accordion-item__title": "_purpur-accordion-item__title_29ds4_49",
+  "purpur-accordion-item__rotate": "_purpur-accordion-item__rotate_29ds4_63",
+  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_29ds4_63",
+  "purpur-accordion-item__content": "_purpur-accordion-item__content_29ds4_66",
+  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_29ds4_79",
+  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_29ds4_98"
+}, d = N.bind(ir), l = "purpur-accordion-item", ur = ({
+  children: t,
   className: n,
-  disabled: o,
-  enableHyphenation: c = !1,
-  negative: t = !1,
-  variant: a = en.PARAGRAPH100,
-  ...i
+  title: p,
+  titleTag: u = "h3",
+  initialOpen: i = !1,
+  onClick: r,
+  ...e
 }) => {
-  const s = Wt([
+  const a = k(q), s = R(), [c, E] = M(!i), L = d([
     n,
-    R[T],
-    R[`${T}--${a}`],
+    l,
     {
-      [R[`${T}--hyphens`]]: c,
-      [R[`${T}--disabled`]]: o,
-      [R[`${T}--negative`]]: t
+      [`${l}--negative`]: a
     }
   ]);
-  return /* @__PURE__ */ x("p", { ...i, className: s, "data-testid": e, children: r });
-};
-Le.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",
-  "purpur-accordion-item__content": "_purpur-accordion-item__content_aukzj_41",
-  slideDown: tn,
-  slideUp: nn,
-  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_aukzj_50",
-  "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"
-}, 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,
+  return /* @__PURE__ */ v("div", { className: L, ...e, children: [
+    /* @__PURE__ */ o(
+      y,
       {
-        [`${E}--negative`]: c
+        tag: u,
+        variant: "title-100",
+        className: d([`${l}__header`, `${l}__title`]),
+        children: /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            "data-state": c ? "open" : "close",
+            onClick: (j) => {
+              r && r(j), E(!c);
+            },
+            className: d(`${l}__trigger`, n, {
+              [`${l}__rotate`]: !c
+            }),
+            "aria-expanded": !c,
+            "aria-controls": s,
+            id: s + "button",
+            children: [
+              p,
+              /* @__PURE__ */ o(T, { size: "md", className: d(`${l}__icon`), "aria-hidden": !0 })
+            ]
+          }
+        )
       }
-    ]);
-    return /* @__PURE__ */ W(Mt, { className: s, value: n, ...a, children: [
-      /* @__PURE__ */ x(kt, { className: w(`${E}__header`), asChild: !0, children: /* @__PURE__ */ x(oe, { tag: o, variant: "title-100", className: w(`${E}__title`), children: /* @__PURE__ */ W(
-        Dt,
-        {
-          ref: i,
-          onClick: t,
-          className: w(`${E}__trigger`, r),
-          children: [
-            n,
-            /* @__PURE__ */ x(Me, { size: "md", className: w(`${E}__icon`), "aria-hidden": !0 })
-          ]
-        }
-      ) }) }),
-      /* @__PURE__ */ x(Lt, { className: w(`${E}__content`, r), children: /* @__PURE__ */ x("div", { className: w(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ x(Le, { variant: "paragraph-200", children: e }) : e }) })
-    ] });
-  }
-), be = Re.bind(Vt), Q = "purpur-accordion", je = ({
-  ["data-testid"]: e,
-  children: r,
-  className: n,
-  negative: o = !1,
-  title: c,
-  titleTag: t = "h2",
-  titleVariant: a = "title-300",
-  ...i
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: d(`${l}__content`, n),
+        "aria-hidden": c,
+        id: s,
+        "aria-labelledby": s + "button",
+        role: "region",
+        children: /* @__PURE__ */ o("div", { className: d(`${l}__contentText`), children: typeof t == "string" ? /* @__PURE__ */ o(O, { variant: "paragraph-200", children: t }) : t })
+      }
+    )
+  ] });
+}, x = N.bind(z), m = "purpur-accordion", q = H(!1), P = ({
+  ["data-testid"]: t,
+  children: n,
+  className: p,
+  negative: u = !1,
+  title: i,
+  titleTag: r = "h2",
+  titleVariant: e = "title-300",
+  schema: a,
+  ...s
 }) => {
-  const s = be([
-    n,
-    Q,
+  const c = x([
+    p,
+    m,
     {
-      [`${Q}--negative`]: o
+      [`${m}--negative`]: u
     }
-  ]), l = () => S.map(r, (d) => G(d, {
-    negative: o
-  }));
-  return /* @__PURE__ */ W(Tt, { className: s, type: "multiple", "data-testid": e, ...i, children: [
-    c ? /* @__PURE__ */ x(oe, { tag: t, variant: a, className: be(`${Q}__title`), children: c }) : null,
-    l()
+  ]);
+  return /* @__PURE__ */ v("div", { className: c, "data-testid": t, ...s, children: [
+    i && /* @__PURE__ */ o(y, { tag: r, variant: e, className: x(`${m}__title`), children: i }),
+    /* @__PURE__ */ o(q.Provider, { value: u, children: n }),
+    a && /* @__PURE__ */ o(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: a
+        }
+      }
+    )
   ] });
 };
-je.Item = on;
-je.displayName = "Accordion";
+P.Item = ur;
+P.displayName = "Accordion";
 export {
-  je as Accordion
+  P as Accordion,
+  q as NegativeContext
 };
 //# sourceMappingURL=accordion.es.js.map