@purpurds/accordion 0.0.1

package/dist/accordion.es.js

@@ -0,0 +1,1044 @@
+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 G, forwardRef as S, Children as w, isValidElement as M, cloneElement as F, Fragment as Le, useRef as C, useEffect as D, useState as re, useLayoutEffect as je, useReducer as qe } from "react";
+import { flushSync as Ve } from "react-dom";
+function Ue(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var _e = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (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)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "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;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(_e);
+var Be = _e.exports;
+const He = /* @__PURE__ */ Ue(Be), j = {
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "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 = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, q = "purpur-heading", me = ({
+  ["data-testid"]: e,
+  children: r,
+  className: n = "",
+  enableHyphenation: o = !1,
+  negative: c = !1,
+  tag: t,
+  variant: a = Ge.TITLE100,
+  ...i
+}) => {
+  const s = t, l = He([
+    n,
+    j[q],
+    j[`${q}--${a}`],
+    {
+      [j[`${q}--hyphens`]]: o,
+      [j[`${q}--negative`]]: c
+    }
+  ]);
+  return /* @__PURE__ */ A(s, { ...i, className: l, "data-testid": e, children: r });
+};
+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)
+        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, h.apply(this, arguments);
+}
+function oe(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, x = (_ == null ? void 0 : _[e][s]) || i, g = U(
+        () => b,
+        Object.values(b)
+      );
+      return /* @__PURE__ */ y(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;
+      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 U(
+        () => ({
+          [`__scope${e}`]: {
+            ...i,
+            [e]: s
+          }
+        }),
+        [
+          i,
+          s
+        ]
+      );
+    };
+  };
+  return c.scopeName = e, [
+    o,
+    Fe(c, ...r)
+  ];
+}
+function Fe(...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 U(
+        () => ({
+          [`__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 k(...e) {
+  return G(he(...e), e);
+}
+const B = /* @__PURE__ */ S((e, r) => {
+  const { children: n, ...o } = e, c = w.toArray(n), t = c.find(Ze);
+  if (t) {
+    const a = t.props.children, i = c.map((s) => s === t ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ M(a) ? a.props.children : null : s);
+    return /* @__PURE__ */ y(te, h({}, o, {
+      ref: r
+    }), /* @__PURE__ */ M(a) ? /* @__PURE__ */ F(a, void 0, i) : null);
+  }
+  return /* @__PURE__ */ y(te, h({}, o, {
+    ref: r
+  }), n);
+});
+B.displayName = "Slot";
+const te = /* @__PURE__ */ S((e, r) => {
+  const { children: n, ...o } = e;
+  return /* @__PURE__ */ M(n) ? /* @__PURE__ */ F(n, {
+    ...Ye(o, n.props),
+    ref: r ? he(r, n.ref) : n.ref
+  }) : w.count(n) > 1 ? w.only(null) : null;
+});
+te.displayName = "SlotClone";
+const Ke = ({ children: e }) => /* @__PURE__ */ y(Le, null, e);
+function Ze(e) {
+  return /* @__PURE__ */ M(e) && e.type === Ke;
+}
+function Ye(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 Je(e) {
+  const r = e + "CollectionProvider", [n, o] = oe(r), [c, t] = n(r, {
+    collectionRef: {
+      current: null
+    },
+    itemMap: /* @__PURE__ */ new Map()
+  }), a = (f) => {
+    const { scope: b, children: x } = f, g = u.useRef(null), m = u.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u.createElement(c, {
+      scope: b,
+      itemMap: m,
+      collectionRef: g
+    }, x);
+  }, i = e + "CollectionSlot", s = /* @__PURE__ */ u.forwardRef((f, b) => {
+    const { scope: x, children: g } = f, m = t(i, x), $ = k(b, m.collectionRef);
+    return /* @__PURE__ */ u.createElement(B, {
+      ref: $
+    }, g);
+  }), 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 = k(b, $), N = t(l, x);
+    return u.useEffect(() => (N.itemMap.set($, {
+      ref: $,
+      ...m
+    }), () => void N.itemMap.delete($))), /* @__PURE__ */ u.createElement(B, {
+      [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 D(() => {
+    r.current = e;
+  }), U(
+    () => (...n) => {
+      var o;
+      return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...n);
+    },
+    []
+  );
+}
+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), s = G((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 Qe({ defaultProp: e, onChange: r }) {
+  const n = re(e), [o] = n, c = C(o), t = ve(r);
+  return D(() => {
+    c.current !== o && (t(o), c.current = o);
+  }, [
+    o,
+    c,
+    t
+  ]), n;
+}
+const We = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], L = We.reduce((e, r) => {
+  const n = /* @__PURE__ */ S((o, c) => {
+    const { asChild: t, ...a } = o, i = t ? B : r;
+    return D(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ y(i, h({}, a, {
+      ref: c
+    }));
+  });
+  return n.displayName = `Primitive.${r}`, {
+    ...e,
+    [r]: n
+  };
+}, {}), H = globalThis != null && globalThis.document ? je : () => {
+};
+function Xe(e, r) {
+  return qe((n, o) => {
+    const c = r[n][o];
+    return c ?? n;
+  }, e);
+}
+const xe = (e) => {
+  const { present: r, children: n } = e, o = et(r), c = typeof n == "function" ? n({
+    present: o.isPresent
+  }) : w.only(n), t = k(o.ref, c.ref);
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ F(c, {
+    ref: t
+  }) : null;
+};
+xe.displayName = "Presence";
+function et(e) {
+  const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, s] = Xe(a, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return D(() => {
+    const l = V(o.current);
+    t.current = i === "mounted" ? l : "none";
+  }, [
+    i
+  ]), H(() => {
+    const l = o.current, d = c.current;
+    if (d !== e) {
+      const _ = t.current, f = V(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
+  ]), H(() => {
+    if (r) {
+      const l = (p) => {
+        const f = V(o.current).includes(p.animationName);
+        p.target === r && f && Ve(
+          () => s("ANIMATION_END")
+        );
+      }, d = (p) => {
+        p.target === r && (t.current = V(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: G((l) => {
+      l && (o.current = getComputedStyle(l)), n(l);
+    }, [])
+  };
+}
+function V(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+const tt = be.useId || (() => {
+});
+let nt = 0;
+function Ae(e) {
+  const [r, n] = be.useState(tt());
+  return H(() => {
+    n(
+      (o) => o ?? String(nt++)
+    );
+  }, [
+    e
+  ]), r ? `radix-${r}` : "";
+}
+const ye = "Collapsible", [rt, Ce] = oe(ye), [ot, ce] = rt(ye), at = /* @__PURE__ */ S((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
+  });
+  return /* @__PURE__ */ y(ot, {
+    scope: n,
+    disabled: t,
+    contentId: Ae(),
+    open: s,
+    onOpenToggle: G(
+      () => l(
+        (d) => !d
+      ),
+      [
+        l
+      ]
+    )
+  }, /* @__PURE__ */ y(L.div, h({
+    "data-state": ie(s),
+    "data-disabled": t ? "" : void 0
+  }, i, {
+    ref: r
+  })));
+}), ct = "CollapsibleTrigger", it = /* @__PURE__ */ S((e, r) => {
+  const { __scopeCollapsible: n, ...o } = e, c = ce(ct, n);
+  return /* @__PURE__ */ y(L.button, h({
+    type: "button",
+    "aria-controls": c.contentId,
+    "aria-expanded": c.open || !1,
+    "data-state": ie(c.open),
+    "data-disabled": c.disabled ? "" : void 0,
+    disabled: c.disabled
+  }, o, {
+    ref: r,
+    onClick: ge(e.onClick, c.onOpenToggle)
+  }));
+}), Ne = "CollapsibleContent", st = /* @__PURE__ */ S((e, r) => {
+  const { forceMount: n, ...o } = e, c = ce(Ne, e.__scopeCollapsible);
+  return /* @__PURE__ */ y(
+    xe,
+    {
+      present: n || c.open
+    },
+    ({ present: t }) => /* @__PURE__ */ y(lt, h({}, o, {
+      ref: r,
+      present: t
+    }))
+  );
+}), lt = /* @__PURE__ */ S((e, r) => {
+  const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, s] = re(o), l = C(null), d = k(r, l), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
+  return D(() => {
+    const $ = requestAnimationFrame(
+      () => g.current = !1
+    );
+    return () => cancelAnimationFrame($);
+  }, []), H(() => {
+    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__ */ y(L.div, h({
+    "data-state": ie(a.open),
+    "data-disabled": a.disabled ? "" : void 0,
+    id: a.contentId,
+    hidden: !x
+  }, t, {
+    ref: d,
+    style: {
+      "--radix-collapsible-content-height": _ ? `${_}px` : void 0,
+      "--radix-collapsible-content-width": b ? `${b}px` : void 0,
+      ...e.style
+    }
+  }), x && c);
+});
+function ie(e) {
+  return e ? "open" : "closed";
+}
+const ut = at, pt = it, dt = st, ft = /* @__PURE__ */ ee(void 0);
+function bt(e) {
+  const r = $e(ft);
+  return e || r || "ltr";
+}
+const I = "Accordion", $t = [
+  "Home",
+  "End",
+  "ArrowDown",
+  "ArrowUp",
+  "ArrowLeft",
+  "ArrowRight"
+], [se, _t, mt] = Je(I), [z, un] = oe(I, [
+  mt,
+  Ce
+]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { type: n, ...o } = e, c = o, t = o;
+  return /* @__PURE__ */ u.createElement(se.Provider, {
+    scope: e.__scopeAccordion
+  }, n === "multiple" ? /* @__PURE__ */ u.createElement(xt, h({}, t, {
+    ref: r
+  })) : /* @__PURE__ */ u.createElement(vt, 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;
+  }
+};
+const [Ie, ht] = z(I), [Pe, gt] = z(I, {
+  collapsible: !1
+}), vt = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { value: n, defaultValue: o, onValueChange: c = () => {
+  }, collapsible: t = !1, ...a } = e, [i, s] = ae({
+    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
+  }))));
+}), xt = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { value: n, defaultValue: o, onValueChange: c = () => {
+  }, ...t } = e, [a = [], i] = ae({
+    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
+  }))));
+}), [At, K] = z(I), we = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null), s = k(i, r), l = _t(n), p = bt(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
+    var b;
+    if (!$t.includes(f.key))
+      return;
+    const x = f.target, g = l().filter((J) => {
+      var Q;
+      return !((Q = J.ref.current) !== null && Q !== void 0 && Q.disabled);
+    }), m = g.findIndex(
+      (J) => J.ref.current === x
+    ), $ = g.length;
+    if (m === -1)
+      return;
+    f.preventDefault();
+    let v = m;
+    const N = 0, O = $ - 1, Z = () => {
+      v = m + 1, v > O && (v = N);
+    }, Y = () => {
+      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 ? Z() : Y());
+        break;
+      case "ArrowDown":
+        t === "vertical" && Z();
+        break;
+      case "ArrowLeft":
+        t === "horizontal" && (p ? Y() : Z());
+        break;
+      case "ArrowUp":
+        t === "vertical" && Y();
+        break;
+    }
+    const De = v % $;
+    (b = g[De].ref.current) === null || b === void 0 || b.focus();
+  });
+  return /* @__PURE__ */ u.createElement(At, {
+    scope: n,
+    disabled: o,
+    direction: c,
+    orientation: t
+  }, /* @__PURE__ */ u.createElement(se.Slot, {
+    scope: n
+  }, /* @__PURE__ */ u.createElement(L.div, h({}, a, {
+    "data-orientation": t,
+    ref: s,
+    onKeyDown: o ? void 0 : _
+  }))));
+}), ne = "AccordionItem", [yt, ue] = z(ne), Ct = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = ht(ne, n), i = le(n), s = Ae(), l = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
+  return /* @__PURE__ */ u.createElement(yt, {
+    scope: n,
+    open: l,
+    disabled: d,
+    triggerId: s
+  }, /* @__PURE__ */ u.createElement(ut, 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);
+    }
+  })));
+}), Nt = "AccordionHeader", Et = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Nt, n);
+  return /* @__PURE__ */ u.createElement(L.h3, h({
+    "data-orientation": c.orientation,
+    "data-state": Se(t.open),
+    "data-disabled": t.disabled ? "" : void 0
+  }, o, {
+    ref: r
+  }));
+}), pe = "AccordionTrigger", It = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(pe, n), a = gt(pe, n), i = le(n);
+  return /* @__PURE__ */ u.createElement(se.ItemSlot, {
+    scope: n
+  }, /* @__PURE__ */ u.createElement(pt, h({
+    "aria-disabled": t.open && !a.collapsible || void 0,
+    "data-orientation": c.orientation,
+    id: t.triggerId
+  }, i, o, {
+    ref: r
+  })));
+}), Pt = "AccordionContent", wt = /* @__PURE__ */ u.forwardRef((e, r) => {
+  const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Pt, n), a = le(n);
+  return /* @__PURE__ */ u.createElement(dt, 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";
+}
+const St = Ee, Ot = Ct, Rt = Et, Tt = It, Mt = wt;
+function kt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Oe = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (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)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "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;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(Oe);
+var Dt = Oe.exports;
+const Re = /* @__PURE__ */ kt(Dt), Lt = {
+  "purpur-accordion__title": "_purpur-accordion__title_1ower_1",
+  "purpur-accordion--negative": "_purpur-accordion--negative_1ower_10"
+};
+function jt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Te = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (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)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "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;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(Te);
+var qt = Te.exports;
+const Vt = /* @__PURE__ */ jt(qt), Ut = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "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 = {
+  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(
+  Zt,
+  {
+    ...e,
+    svg: Bt
+  }
+);
+Me.displayName = "IconChevronDown";
+const Ht = Vt.bind(Ut), de = "purpur-icon", Gt = "md", Ft = (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>`;
+}, Kt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zt = ({
+  ["data-testid"]: e,
+  svg: r,
+  allyTitle: n,
+  className: o = "",
+  size: c = Gt,
+  ...t
+}) => {
+  const a = zt({
+    content: Kt(r.svg),
+    title: n
+  }), i = Ht(o, de, `${de}--${c}`);
+  return /* @__PURE__ */ A(
+    "span",
+    {
+      "aria-label": n,
+      className: i,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: a },
+      ...t
+    }
+  );
+};
+function Yt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ke = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (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)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "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;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(ke);
+var Jt = ke.exports;
+const Qt = /* @__PURE__ */ Yt(Jt), R = {
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "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"
+}, Wt = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, T = "purpur-paragraph", Xt = ({
+  ["data-testid"]: e,
+  children: r,
+  className: n = "",
+  disabled: o,
+  enableHyphenation: c = !1,
+  negative: t = !1,
+  variant: a = Wt.PARAGRAPH100,
+  ...i
+}) => {
+  const s = Qt([
+    n,
+    R[T],
+    R[`${T}--${a}`],
+    {
+      [R[`${T}--hyphens`]]: c,
+      [R[`${T}--disabled`]]: o,
+      [R[`${T}--negative`]]: t
+    }
+  ]);
+  return /* @__PURE__ */ A("p", { ...i, className: s, "data-testid": e, children: r });
+}, en = "_slideDown_8k8nf_1", tn = "_slideUp_8k8nf_1", nn = {
+  "purpur-accordion-item": "_purpur-accordion-item_8k8nf_1",
+  "purpur-accordion-item__header": "_purpur-accordion-item__header_8k8nf_8",
+  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_8k8nf_11",
+  "purpur-accordion-item__content": "_purpur-accordion-item__content_8k8nf_35",
+  slideDown: en,
+  slideUp: tn,
+  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_8k8nf_44",
+  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_8k8nf_48",
+  "purpur-accordion-item__title": "_purpur-accordion-item__title_8k8nf_60",
+  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_8k8nf_78"
+}, P = Re.bind(nn), E = "purpur-accordion-item", rn = ({
+  children: e,
+  className: r,
+  title: n,
+  negative: o,
+  ...c
+}) => {
+  const t = P([
+    r,
+    E,
+    {
+      [`${E}--negative`]: o
+    }
+  ]);
+  return /* @__PURE__ */ X(Ot, { className: t, value: n, ...c, children: [
+    /* @__PURE__ */ A(Rt, { className: P(`${E}__header`), asChild: !0, children: /* @__PURE__ */ X(Tt, { className: P(`${E}__trigger`, r), children: [
+      /* @__PURE__ */ A(me, { tag: "h3", variant: "title-100", className: P(`${E}__title`), children: n }),
+      /* @__PURE__ */ A(Me, { size: "md", className: P(`${E}__icon`), "aria-hidden": !0 })
+    ] }) }),
+    /* @__PURE__ */ A(Mt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(Xt, { variant: "paragraph-200", children: e }) : e }) })
+  ] });
+}, on = (e) => M(e) && (e == null ? void 0 : e.type) === rn, fe = Re.bind(Lt), W = "purpur-accordion", an = ({
+  ["data-testid"]: e,
+  children: r,
+  className: n,
+  negative: o = !1,
+  title: c,
+  titleVariant: t = "title-300"
+}) => {
+  const a = fe([
+    n,
+    W,
+    {
+      [`${W}--negative`]: o
+    }
+  ]), i = () => w.map(r, (s) => {
+    if (on(s))
+      return F(s, { negative: o });
+  });
+  return /* @__PURE__ */ X(St, { className: a, type: "multiple", "data-testid": e, children: [
+    c ? /* @__PURE__ */ A(me, { tag: "h2", variant: t, className: fe(`${W}__title`), children: c }) : null,
+    i()
+  ] });
+};
+an.displayName = "Accordion";
+export {
+  an as Accordion
+};
+//# sourceMappingURL=accordion.es.js.map