@purpurds/accordion 5.7.0 → 5.8.1

package/dist/accordion.d.ts

@@ -27,4 +27,5 @@ export declare const Accordion: {
     Item: ({ children, className, title, titleTag, negative, onClick, ...props }: import('./accordion-item').AccordionItemProps) => React.JSX.Element;
     displayName: string;
 };
+export type { AccordionItemOnClickEvent, AccordionItemProps } from './accordion-item';
 //# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAW,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAW9E,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;SAEK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,SAAS;qGAQnB,cAAc;;;CA2BhB,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAW,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAU9E,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;SAEK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,SAAS;qGAQnB,cAAc;;;CA2BhB,CAAC;AAKF,YAAY,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/accordion.es.js

@@ -1,6 +1,6 @@
 import { jsx as A, jsxs as X } from "react/jsx-runtime";
 import * as be from "react";
-import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as G, forwardRef as S, Children as w, isValidElement as U, cloneElement as F, Fragment as je, useRef as C, useEffect as D, useState as re, useLayoutEffect as qe, useReducer as Ve } from "react";
+import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as G, forwardRef as S, Children as w, isValidElement as U, cloneElement as F, Fragment as ke, useRef as C, useEffect as q, useState as re, useLayoutEffect as je, useReducer as Ve } from "react";
 import { flushSync as Ue } from "react-dom";
 function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -42,7 +42,7 @@ var _e = { exports: {} };
   })();
 })(_e);
 var He = _e.exports;
-const Ge = /* @__PURE__ */ Be(He), k = {
+const Ge = /* @__PURE__ */ Be(He), L = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -67,7 +67,7 @@ const Ge = /* @__PURE__ */ Be(He), k = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, j = "purpur-heading", me = ({
+}, k = "purpur-heading", me = ({
   ["data-testid"]: e,
   children: r,
   className: n = "",
@@ -79,11 +79,11 @@ const Ge = /* @__PURE__ */ Be(He), k = {
 }) => {
   const l = t, s = Ge([
     n,
-    k[j],
-    k[`${j}--${a}`],
+    L[k],
+    L[`${k}--${a}`],
     {
-      [k[`${j}--hyphens`]]: o,
-      [k[`${j}--negative`]]: c
+      [L[`${k}--hyphens`]]: o,
+      [L[`${k}--negative`]]: c
     }
   ]);
   return /* @__PURE__ */ A(l, { ...i, className: s, "data-testid": e, children: r });
@@ -194,7 +194,7 @@ function M(...e) {
   return G(he(...e), e);
 }
 const B = /* @__PURE__ */ S((e, r) => {
-  const { children: n, ...o } = e, c = w.toArray(n), t = c.find(Ye);
+  const { children: n, ...o } = e, c = w.toArray(n), t = c.find(We);
   if (t) {
     const a = t.props.children, i = c.map((l) => l === t ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : l);
     return /* @__PURE__ */ y(te, h({}, o, {
@@ -209,16 +209,16 @@ B.displayName = "Slot";
 const te = /* @__PURE__ */ S((e, r) => {
   const { children: n, ...o } = e;
   return /* @__PURE__ */ U(n) ? /* @__PURE__ */ F(n, {
-    ...Je(o, n.props),
+    ...Ye(o, n.props),
     ref: r ? he(r, n.ref) : n.ref
   }) : w.count(n) > 1 ? w.only(null) : null;
 });
 te.displayName = "SlotClone";
-const Ze = ({ children: e }) => /* @__PURE__ */ y(je, null, e);
-function Ye(e) {
+const Ze = ({ children: e }) => /* @__PURE__ */ y(ke, null, e);
+function We(e) {
   return /* @__PURE__ */ U(e) && e.type === Ze;
 }
-function Je(e, r) {
+function Ye(e, r) {
   const n = {
     ...r
   };
@@ -239,7 +239,7 @@ function Je(e, r) {
     ...n
   };
 }
-function Qe(e) {
+function Je(e) {
   const r = e + "CollectionProvider", [n, o] = oe(r), [c, t] = n(r, {
     collectionRef: {
       current: null
@@ -300,7 +300,7 @@ function ge(e, r, { checkForDefaultPrevented: n = !0 } = {}) {
 }
 function ve(e) {
   const r = C(e);
-  return D(() => {
+  return q(() => {
     r.current = e;
   }), V(
     () => (...n) => {
@@ -312,7 +312,7 @@ function ve(e) {
 }
 function ae({ prop: e, defaultProp: r, onChange: n = () => {
 } }) {
-  const [o, c] = We({
+  const [o, c] = Qe({
     defaultProp: r,
     onChange: n
   }), t = e !== void 0, a = t ? e : o, i = ve(n), l = G((s) => {
@@ -332,9 +332,9 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
     l
   ];
 }
-function We({ defaultProp: e, onChange: r }) {
+function Qe({ defaultProp: e, onChange: r }) {
   const n = re(e), [o] = n, c = C(o), t = ve(r);
-  return D(() => {
+  return q(() => {
     c.current !== o && (t(o), c.current = o);
   }, [
     o,
@@ -359,10 +359,10 @@ const Xe = [
   "span",
   "svg",
   "ul"
-], L = Xe.reduce((e, r) => {
+], D = Xe.reduce((e, r) => {
   const n = /* @__PURE__ */ S((o, c) => {
     const { asChild: t, ...a } = o, i = t ? B : r;
-    return D(() => {
+    return q(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ y(i, h({}, a, {
       ref: c
@@ -372,7 +372,7 @@ const Xe = [
     ...e,
     [r]: n
   };
-}, {}), H = globalThis != null && globalThis.document ? qe : () => {
+}, {}), H = globalThis != null && globalThis.document ? je : () => {
 };
 function et(e, r) {
   return Ve((n, o) => {
@@ -403,15 +403,15 @@ function tt(e) {
       MOUNT: "mounted"
     }
   });
-  return D(() => {
-    const s = q(o.current);
+  return q(() => {
+    const s = j(o.current);
     t.current = i === "mounted" ? s : "none";
   }, [
     i
   ]), H(() => {
     const s = o.current, d = c.current;
     if (d !== e) {
-      const _ = t.current, f = q(s);
+      const _ = t.current, f = j(s);
       e ? l("MOUNT") : f === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(d && _ !== f ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
     }
   }, [
@@ -420,12 +420,12 @@ function tt(e) {
   ]), H(() => {
     if (r) {
       const s = (p) => {
-        const f = q(o.current).includes(p.animationName);
+        const f = j(o.current).includes(p.animationName);
         p.target === r && f && Ue(
           () => l("ANIMATION_END")
         );
       }, d = (p) => {
-        p.target === r && (t.current = q(o.current));
+        p.target === r && (t.current = j(o.current));
       };
       return r.addEventListener("animationstart", d), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
         r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
@@ -445,7 +445,7 @@ function tt(e) {
     }, [])
   };
 }
-function q(e) {
+function j(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 const nt = be.useId || (() => {
@@ -480,7 +480,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
         s
       ]
     )
-  }, /* @__PURE__ */ y(L.div, h({
+  }, /* @__PURE__ */ y(D.div, h({
     "data-state": ie(l),
     "data-disabled": t ? "" : void 0
   }, i, {
@@ -488,7 +488,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
   })));
 }), it = "CollapsibleTrigger", st = /* @__PURE__ */ S((e, r) => {
   const { __scopeCollapsible: n, ...o } = e, c = ce(it, n);
-  return /* @__PURE__ */ y(L.button, h({
+  return /* @__PURE__ */ y(D.button, h({
     type: "button",
     "aria-controls": c.contentId,
     "aria-expanded": c.open || !1,
@@ -513,7 +513,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
   );
 }), ut = /* @__PURE__ */ S((e, r) => {
   const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, l] = re(o), s = C(null), d = M(r, s), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
-  return D(() => {
+  return q(() => {
     const $ = requestAnimationFrame(
       () => g.current = !1
     );
@@ -531,7 +531,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
   }, [
     a.open,
     o
-  ]), /* @__PURE__ */ y(L.div, h({
+  ]), /* @__PURE__ */ y(D.div, h({
     "data-state": ie(a.open),
     "data-disabled": a.disabled ? "" : void 0,
     id: a.contentId,
@@ -560,7 +560,7 @@ const I = "Accordion", _t = [
   "ArrowUp",
   "ArrowLeft",
   "ArrowRight"
-], [se, mt, ht] = Qe(I), [z, ln] = oe(I, [
+], [se, mt, ht] = Je(I), [z, ln] = oe(I, [
   ht,
   Ce
 ]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
@@ -652,11 +652,11 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
     var b;
     if (!_t.includes(f.key))
       return;
-    const x = f.target, g = s().filter((J) => {
-      var Q;
-      return !((Q = J.ref.current) !== null && Q !== void 0 && Q.disabled);
+    const x = f.target, g = s().filter((Y) => {
+      var J;
+      return !((J = Y.ref.current) !== null && J !== void 0 && J.disabled);
     }), m = g.findIndex(
-      (J) => J.ref.current === x
+      (Y) => Y.ref.current === x
     ), $ = g.length;
     if (m === -1)
       return;
@@ -664,7 +664,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
     let v = m;
     const N = 0, O = $ - 1, Z = () => {
       v = m + 1, v > O && (v = N);
-    }, Y = () => {
+    }, W = () => {
       v = m - 1, v < N && (v = O);
     };
     switch (f.key) {
@@ -675,20 +675,20 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
         v = O;
         break;
       case "ArrowRight":
-        t === "horizontal" && (p ? Z() : Y());
+        t === "horizontal" && (p ? Z() : W());
         break;
       case "ArrowDown":
         t === "vertical" && Z();
         break;
       case "ArrowLeft":
-        t === "horizontal" && (p ? Y() : Z());
+        t === "horizontal" && (p ? W() : Z());
         break;
       case "ArrowUp":
-        t === "vertical" && Y();
+        t === "vertical" && W();
         break;
     }
-    const ke = v % $;
-    (b = g[ke].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, {
     scope: n,
@@ -697,7 +697,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
     orientation: t
   }, /* @__PURE__ */ u.createElement(se.Slot, {
     scope: n
-  }, /* @__PURE__ */ u.createElement(L.div, h({}, a, {
+  }, /* @__PURE__ */ u.createElement(D.div, h({}, a, {
     "data-orientation": t,
     ref: l,
     onKeyDown: o ? void 0 : _
@@ -722,7 +722,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
   })));
 }), Et = "AccordionHeader", It = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Et, n);
-  return /* @__PURE__ */ u.createElement(L.h3, h({
+  return /* @__PURE__ */ u.createElement(D.h3, h({
     "data-orientation": c.orientation,
     "data-state": Se(t.open),
     "data-disabled": t.disabled ? "" : void 0
@@ -758,8 +758,8 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
 function Se(e) {
   return e ? "open" : "closed";
 }
-const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, Dt = St;
-function Lt(e) {
+const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, qt = St;
+function Dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Oe = { exports: {} };
@@ -798,12 +798,13 @@ var Oe = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Oe);
-var kt = Oe.exports;
-const Re = /* @__PURE__ */ Lt(kt), jt = {
-  "purpur-accordion__title": "_purpur-accordion__title_1ower_1",
-  "purpur-accordion--negative": "_purpur-accordion--negative_1ower_10"
+var Lt = Oe.exports;
+const Re = /* @__PURE__ */ Dt(Lt), kt = {
+  "purpur-accordion": "_purpur-accordion_1dpt9_1",
+  "purpur-accordion__title": "_purpur-accordion__title_1dpt9_1",
+  "purpur-accordion--negative": "_purpur-accordion--negative_1dpt9_10"
 };
-function qt(e) {
+function jt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Te = { exports: {} };
@@ -843,7 +844,7 @@ var Te = { exports: {} };
   })();
 })(Te);
 var Vt = Te.exports;
-const Ut = /* @__PURE__ */ qt(Vt), Bt = {
+const Ut = /* @__PURE__ */ jt(Vt), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -857,7 +858,7 @@ const Ut = /* @__PURE__ */ qt(Vt), Bt = {
   keywords: ["chevron-down"],
   category: "utility"
 }, Me = (e) => /* @__PURE__ */ A(
-  Yt,
+  Wt,
   {
     ...e,
     svg: Ht
@@ -872,7 +873,7 @@ const Gt = Ut.bind(Bt), de = "purpur-icon", Ft = "md", zt = (e) => e.filter((r)
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
   return `<svg ${zt(n)}>${o}${e}</svg>`;
-}, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yt = ({
+}, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Wt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: n,
@@ -895,10 +896,10 @@ const Gt = Ut.bind(Bt), de = "purpur-icon", Ft = "md", zt = (e) => e.filter((r)
     }
   );
 };
-function Jt(e) {
+function Yt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var De = { exports: {} };
+var qe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -933,9 +934,9 @@ var De = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(De);
-var Qt = De.exports;
-const Wt = /* @__PURE__ */ Jt(Qt), R = {
+})(qe);
+var Jt = qe.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",
@@ -971,7 +972,7 @@ const Wt = /* @__PURE__ */ Jt(Qt), R = {
   variant: a = Xt.PARAGRAPH100,
   ...i
 }) => {
-  const l = Wt([
+  const l = Qt([
     n,
     R[T],
     R[`${T}--${a}`],
@@ -982,17 +983,17 @@ const Wt = /* @__PURE__ */ Jt(Qt), R = {
     }
   ]);
   return /* @__PURE__ */ A("p", { ...i, className: l, "data-testid": e, children: r });
-}, tn = "_slideDown_1vvn6_1", nn = "_slideUp_1vvn6_1", rn = {
-  "purpur-accordion-item": "_purpur-accordion-item_1vvn6_1",
-  "purpur-accordion-item__header": "_purpur-accordion-item__header_1vvn6_8",
-  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1vvn6_11",
-  "purpur-accordion-item__content": "_purpur-accordion-item__content_1vvn6_39",
+}, tn = "_slideDown_1oq6q_1", nn = "_slideUp_1oq6q_1", rn = {
+  "purpur-accordion-item": "_purpur-accordion-item_1oq6q_1",
+  "purpur-accordion-item__header": "_purpur-accordion-item__header_1oq6q_8",
+  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1oq6q_11",
+  "purpur-accordion-item__content": "_purpur-accordion-item__content_1oq6q_39",
   slideDown: tn,
   slideUp: nn,
-  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1vvn6_48",
-  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_1vvn6_52",
-  "purpur-accordion-item__title": "_purpur-accordion-item__title_1vvn6_65",
-  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1vvn6_86"
+  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1oq6q_48",
+  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_1oq6q_52",
+  "purpur-accordion-item__title": "_purpur-accordion-item__title_1oq6q_65",
+  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1oq6q_87"
 }, P = Re.bind(rn), E = "purpur-accordion-item", on = ({
   children: e,
   className: r,
@@ -1021,9 +1022,9 @@ const Wt = /* @__PURE__ */ Jt(Qt), R = {
         ]
       }
     ) }) }),
-    /* @__PURE__ */ A(Dt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
+    /* @__PURE__ */ A(qt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
   ] });
-}, fe = Re.bind(jt), W = "purpur-accordion", Le = ({
+}, fe = Re.bind(kt), Q = "purpur-accordion", De = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1034,21 +1035,21 @@ const Wt = /* @__PURE__ */ Jt(Qt), R = {
 }) => {
   const i = fe([
     n,
-    W,
+    Q,
     {
-      [`${W}--negative`]: o
+      [`${Q}--negative`]: o
     }
   ]), l = () => w.map(r, (s) => F(s, {
     negative: o
   }));
   return /* @__PURE__ */ X(Ot, { className: i, type: "multiple", "data-testid": e, children: [
-    c ? /* @__PURE__ */ A(me, { tag: t, variant: a, className: fe(`${W}__title`), children: c }) : null,
+    c ? /* @__PURE__ */ A(me, { tag: t, variant: a, className: fe(`${Q}__title`), children: c }) : null,
     l()
   ] });
 };
-Le.Item = on;
-Le.displayName = "Accordion";
+De.Item = on;
+De.displayName = "Accordion";
 export {
-  Le as Accordion
+  De as Accordion
 };
 //# sourceMappingURL=accordion.es.js.map