@purpurds/accordion 5.13.0 → 5.15.0

package/dist/accordion.d.ts

@@ -1,5 +1,5 @@
-import { HeadingTagType, TitleVariantType } from '@purpurds/heading';
 import { default as React, ReactNode } from 'react';
+import { HeadingTagType, TitleVariantType } from '@purpurds/heading';
 
 export type AccordionProps = {
     ["data-testid"]?: string;

package/dist/accordion.es.js

@@ -1,6 +1,6 @@
-import { jsx as y, jsxs as X } from "react/jsx-runtime";
+import { jsx as y, jsxs as W } 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 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 qe, useRef as C, useEffect as k, useState as re, useLayoutEffect as Ve, useReducer as Ue } 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;
@@ -42,7 +42,7 @@ var me = { exports: {} };
   })();
 })(me);
 var He = me.exports;
-const Ge = /* @__PURE__ */ Be(He), j = {
+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), j = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, L = "purpur-heading", oe = ({
+}, j = "purpur-heading", oe = ({
   ["data-testid"]: e,
   children: r,
   className: n = "",
@@ -79,11 +79,11 @@ const Ge = /* @__PURE__ */ Be(He), j = {
 }) => {
   const s = t, l = Ge([
     n,
-    j[L],
-    j[`${L}--${a}`],
+    L[j],
+    L[`${j}--${a}`],
     {
-      [j[`${L}--hyphens`]]: o,
-      [j[`${L}--negative`]]: c
+      [L[`${j}--hyphens`]]: o,
+      [L[`${j}--negative`]]: c
     }
   ]);
   return /* @__PURE__ */ y(s, { ...i, className: l, "data-testid": e, children: r });
@@ -93,11 +93,10 @@ 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]);
+      for (var o in n) ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
     }
     return e;
-  }, h.apply(this, arguments);
+  }, h.apply(null, arguments);
 }
 function ae(e, r = []) {
   let n = [];
@@ -108,7 +107,7 @@ function ae(e, r = []) {
       a
     ];
     function l(p) {
-      const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][s]) || i, g = U(
+      const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][s]) || i, g = V(
         () => b,
         Object.values(b)
       );
@@ -131,7 +130,7 @@ function ae(e, r = []) {
     const t = n.map((a) => /* @__PURE__ */ ee(a));
     return function(i) {
       const s = (i == null ? void 0 : i[e]) || t;
-      return U(
+      return V(
         () => ({
           [`__scope${e}`]: {
             ...i,
@@ -168,7 +167,7 @@ function Ke(...e) {
           ...p
         };
       }, {});
-      return U(
+      return V(
         () => ({
           [`__scope${r.scopeName}`]: a
         }),
@@ -180,24 +179,24 @@ function Ke(...e) {
   };
   return n.scopeName = r.scopeName, n;
 }
-function Ze(e, r) {
+function Ye(e, r) {
   typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
 function he(...e) {
   return (r) => e.forEach(
-    (n) => Ze(n, r)
+    (n) => Ye(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(Ye);
+  const { children: n, ...o } = e, c = S.toArray(n), t = c.find(Je);
   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);
+    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__ */ V(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
   }
   return /* @__PURE__ */ A(te, h({}, o, {
     ref: r
@@ -206,17 +205,17 @@ const z = /* @__PURE__ */ I((e, r) => {
 z.displayName = "Slot";
 const te = /* @__PURE__ */ I((e, r) => {
   const { children: n, ...o } = e;
-  return /* @__PURE__ */ V(n) ? /* @__PURE__ */ G(n, {
-    ...Je(o, n.props),
+  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ G(n, {
+    ...Xe(o, n.props),
     ref: r ? he(r, n.ref) : n.ref
   }) : S.count(n) > 1 ? S.only(null) : null;
 });
 te.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ A(qe, null, e);
-function Ye(e) {
-  return /* @__PURE__ */ V(e) && e.type === We;
+const Ze = ({ children: e }) => /* @__PURE__ */ A(qe, null, e);
+function Je(e) {
+  return /* @__PURE__ */ U(e) && e.type === Ze;
 }
-function Je(e, r) {
+function Xe(e, r) {
   const n = {
     ...r
   };
@@ -298,7 +297,7 @@ function ve(e) {
   const r = C(e);
   return k(() => {
     r.current = e;
-  }), U(
+  }), V(
     () => (...n) => {
       var o;
       return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...n);
@@ -308,7 +307,7 @@ function ve(e) {
 }
 function ce({ prop: e, defaultProp: r, onChange: n = () => {
 } }) {
-  const [o, c] = Xe({
+  const [o, c] = We({
     defaultProp: r,
     onChange: n
   }), t = e !== void 0, a = t ? e : o, i = ve(n), s = H((l) => {
@@ -327,7 +326,7 @@ function ce({ prop: e, defaultProp: r, onChange: n = () => {
     s
   ];
 }
-function Xe({ defaultProp: e, onChange: r }) {
+function We({ 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);
@@ -367,10 +366,10 @@ const et = [
     ...e,
     [r]: n
   };
-}, {}), B = globalThis != null && globalThis.document ? Ue : () => {
+}, {}), B = globalThis != null && globalThis.document ? Ve : () => {
 };
 function tt(e, r) {
-  return Ve((n, o) => {
+  return Ue((n, o) => {
     const c = r[n][o];
     return c ?? n;
   }, e);
@@ -646,18 +645,18 @@ const [Ie, vt] = F(P), [Pe, xt] = F(P, {
   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 (!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);
+    const x = f.target, g = l().filter((J) => {
+      var X;
+      return !((X = J.ref.current) !== null && X !== void 0 && X.disabled);
     }), m = g.findIndex(
-      (Y) => Y.ref.current === x
+      (J) => J.ref.current === x
     ), $ = g.length;
     if (m === -1) return;
     f.preventDefault();
     let v = m;
-    const N = 0, O = $ - 1, Z = () => {
+    const N = 0, O = $ - 1, Y = () => {
       v = m + 1, v > O && (v = N);
-    }, W = () => {
+    }, Z = () => {
       v = m - 1, v < N && (v = O);
     };
     switch (f.key) {
@@ -668,20 +667,20 @@ const [Ie, vt] = F(P), [Pe, xt] = F(P, {
         v = O;
         break;
       case "ArrowRight":
-        t === "horizontal" && (p ? Z() : W());
+        t === "horizontal" && (p ? Y() : Z());
         break;
       case "ArrowDown":
-        t === "vertical" && Z();
+        t === "vertical" && Y();
         break;
       case "ArrowLeft":
-        t === "horizontal" && (p ? W() : Z());
+        t === "horizontal" && (p ? Z() : Y());
         break;
       case "ArrowUp":
-        t === "vertical" && W();
+        t === "vertical" && Z();
         break;
     }
-    const Le = v % $;
-    (b = g[Le].ref.current) === null || b === void 0 || b.focus();
+    const je = v % $;
+    (b = g[je].ref.current) === null || b === void 0 || b.focus();
   });
   return /* @__PURE__ */ u.createElement(Ct, {
     scope: n,
@@ -752,7 +751,7 @@ function Se(e) {
   return e ? "open" : "closed";
 }
 const Rt = Ee, Tt = Et, Mt = Pt, kt = wt, Dt = Ot;
-function jt(e) {
+function Lt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Oe = { exports: {} };
@@ -791,13 +790,13 @@ var Oe = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Oe);
-var Lt = Oe.exports;
-const Re = /* @__PURE__ */ jt(Lt), qt = {
+var jt = Oe.exports;
+const Re = /* @__PURE__ */ Lt(jt), qt = {
   "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) {
+function Vt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Te = { exports: {} };
@@ -836,8 +835,8 @@ var Te = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Te);
-var Vt = Te.exports;
-const zt = /* @__PURE__ */ Ut(Vt), Bt = {
+var Ut = Te.exports;
+const zt = /* @__PURE__ */ Vt(Ut), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -851,14 +850,14 @@ const zt = /* @__PURE__ */ Ut(Vt), Bt = {
   keywords: ["chevron-down"],
   category: "utility"
 }, Me = (e) => /* @__PURE__ */ y(
-  Yt,
+  Jt,
   {
     ...e,
     svg: Ht
   }
 );
 Me.displayName = "IconChevronDown";
-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 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(" "), Yt = ({ content: e = "", title: r } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -866,7 +865,7 @@ const Gt = zt.bind(Bt), fe = "purpur-icon", Ft = "md", Kt = (e) => e.filter((r)
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
   return `<svg ${Kt(n)}>${o}${e}</svg>`;
-}, Wt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yt = ({
+}, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Jt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: n,
@@ -874,8 +873,8 @@ const Gt = zt.bind(Bt), fe = "purpur-icon", Ft = "md", Kt = (e) => e.filter((r)
   size: c = Ft,
   ...t
 }) => {
-  const a = Zt({
-    content: Wt(r.svg),
+  const a = Yt({
+    content: Zt(r.svg),
     title: n
   }), i = Gt(o, fe, `${fe}--${c}`);
   return /* @__PURE__ */ y(
@@ -889,7 +888,7 @@ const Gt = zt.bind(Bt), fe = "purpur-icon", Ft = "md", Kt = (e) => e.filter((r)
     }
   );
 };
-function Jt(e) {
+function Xt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ke = { exports: {} };
@@ -929,7 +928,7 @@ var ke = { exports: {} };
   })();
 })(ke);
 var Qt = ke.exports;
-const Xt = /* @__PURE__ */ Jt(Qt), R = {
+const Wt = /* @__PURE__ */ Xt(Qt), R = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -965,7 +964,7 @@ const Xt = /* @__PURE__ */ Jt(Qt), R = {
   variant: a = en.PARAGRAPH100,
   ...i
 }) => {
-  const s = Xt([
+  const s = Wt([
     n,
     R[T],
     R[`${T}--${a}`],
@@ -1006,8 +1005,8 @@ const tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
         [`${E}--negative`]: c
       }
     ]);
-    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(
+    return /* @__PURE__ */ W(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__ */ W(
         kt,
         {
           ref: i,
@@ -1022,7 +1021,7 @@ const tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
       /* @__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 }) })
     ] });
   }
-), be = Re.bind(qt), Q = "purpur-accordion", je = ({
+), be = Re.bind(qt), Q = "purpur-accordion", Le = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1040,14 +1039,14 @@ const tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
   ]), s = () => S.map(r, (l) => G(l, {
     negative: o
   }));
-  return /* @__PURE__ */ X(Rt, { className: i, type: "multiple", "data-testid": e, children: [
+  return /* @__PURE__ */ W(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()
   ] });
 };
-je.Item = on;
-je.displayName = "Accordion";
+Le.Item = on;
+Le.displayName = "Accordion";
 export {
-  je as Accordion
+  Le as Accordion
 };
 //# sourceMappingURL=accordion.es.js.map