@purpurds/accordion 5.27.3 → 5.27.5

package/dist/accordion.es.js

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { useContext as H, useId as M, useState as L, createContext as E } from "react";
-function R(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+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 $ = { exports: {} };
+var x = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
     var n = {}.hasOwnProperty;
     function p() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
         a && (r = i(r, u(a)));
       }
       return r;
@@ -28,19 +28,19 @@ var $ = { exports: {} };
         return p.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var a in r)
-        n.call(r, a) && r[a] && (t = i(t, a));
-      return t;
+        n.call(r, a) && r[a] && (e = i(e, a));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})($);
-var z = $.exports;
-const B = /* @__PURE__ */ R(z), g = {
+})(x);
+var D = x.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",
@@ -56,45 +56,52 @@ const B = /* @__PURE__ */ R(z), g = {
   "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"
-}, D = {
-  TITLE100: "title-100"
+}, G = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
 }, f = "purpur-heading", y = ({
-  ["data-testid"]: e,
+  ["data-testid"]: t,
   children: n,
   className: p = "",
   enableHyphenation: u = !1,
   negative: i = !1,
   tag: r,
-  variant: t = D.TITLE100,
+  variant: e = G.TITLE100,
   ...a
 }) => {
-  const s = r, c = B([
+  const c = r, s = B([
     p,
     g[f],
-    g[`${f}--${t}`],
+    g[`${f}--${e}`],
     {
       [g[`${f}--hyphens`]]: u,
       [g[`${f}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ o(s, { ...a, className: c, "data-testid": e, children: n });
+  return /* @__PURE__ */ o(c, { ...a, className: s, "data-testid": t, children: n });
 };
 y.displayName = "Heading";
-function G(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function V(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var w = { 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 n = {}.hasOwnProperty;
     function p() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
         a && (r = i(r, u.call(this, a)));
       }
       return r;
@@ -108,38 +115,38 @@ var w = { exports: {} };
         return p.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var a in r)
-        n.call(r, a) && r[a] && (t = i(t, this && this[a] || a));
-      return t;
+        n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(w);
-var V = w.exports;
-const N = /* @__PURE__ */ G(V), F = {
+})($);
+var U = $.exports;
+const A = /* @__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 J(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 S = { exports: {} };
+var N = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
     var n = {}.hasOwnProperty;
     function p() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
         a && (r = i(r, u.call(this, a)));
       }
       return r;
@@ -153,19 +160,19 @@ var S = { exports: {} };
         return p.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var a in r)
-        n.call(r, a) && r[a] && (t = i(t, this && this[a] || a));
-      return t;
+        n.call(r, a) && r[a] && (e = i(e, this && this[a] || a));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(S);
-var X = S.exports;
-const Y = /* @__PURE__ */ J(X), Z = {
+})(N);
+var J = N.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",
@@ -173,66 +180,66 @@ const Y = /* @__PURE__ */ J(X), Z = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, K = {
+}, 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"
-}, q = (e) => /* @__PURE__ */ o(
-  j,
+}, T = (t) => /* @__PURE__ */ o(
+  S,
   {
-    ...e,
-    svg: K
+    ...t,
+    svg: Z
   }
 );
-q.displayName = "IconChevronDown";
-const Q = Y.bind(Z), b = "purpur-icon", U = "md", W = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), rr = ({ content: e = "", title: 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" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], u = n ? `<title>${n}</title>` : "";
-  return `<svg ${W(p)}>${u}${e}</svg>`;
-}, tr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), j = ({
-  ["data-testid"]: e,
+  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 = U,
+  size: i = Q,
   ...r
 }) => {
-  const t = rr({
-    content: tr(n.svg),
+  const e = rr({
+    content: er(n.svg),
     title: p
-  }), a = Q(u, b, `${b}--${i}`);
+  }), a = K(u, b, `${b}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": p,
       className: a,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: t },
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-j.displayName = "Icon";
-function er(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 A = { 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 n = {}.hasOwnProperty;
     function p() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
         a && (r = i(r, u(a)));
       }
       return r;
@@ -246,19 +253,19 @@ var A = { exports: {} };
         return p.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var a in r)
-        n.call(r, a) && r[a] && (t = i(t, a));
-      return t;
+        n.call(r, a) && r[a] && (e = i(e, a));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
+    t.exports ? (p.default = p, t.exports = p) : window.classNames = p;
   })();
-})(A);
-var ar = A.exports;
-const pr = /* @__PURE__ */ er(ar), l = {
+})(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",
@@ -274,81 +281,90 @@ const pr = /* @__PURE__ */ er(ar), l = {
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, nr = {
-  PARAGRAPH100: "paragraph-100"
+  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"
 }, h = "purpur-paragraph", O = ({
-  ["data-testid"]: e,
+  ["data-testid"]: t,
   children: n,
   className: p,
   disabled: u,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: t = nr.PARAGRAPH100,
+  variant: e = nr.PARAGRAPH100,
   ...a
 }) => {
-  const s = pr([
+  const c = pr([
     p,
-    l[h],
-    l[`${h}--${t}`],
+    _[h],
+    _[`${h}--${e}`],
     {
-      [l[`${h}--hyphens`]]: i,
-      [l[`${h}--disabled`]]: u,
-      [l[`${h}--negative`]]: r
+      [_[`${h}--hyphens`]]: i,
+      [_[`${h}--disabled`]]: u,
+      [_[`${h}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...a, className: s, "data-testid": e, children: n });
+  return /* @__PURE__ */ o("p", { ...a, className: c, "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), _ = "purpur-accordion-item", ur = ({
-  children: e,
+  "purpur-accordion-item": "_purpur-accordion-item_cwhbd_1",
+  "purpur-accordion-item__header": "_purpur-accordion-item__header_cwhbd_10",
+  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_cwhbd_13",
+  "purpur-accordion-item__trigger__icon": "_purpur-accordion-item__trigger__icon_cwhbd_43",
+  "purpur-accordion-item__title": "_purpur-accordion-item__title_cwhbd_49",
+  "purpur-accordion-item__rotate": "_purpur-accordion-item__rotate_cwhbd_63",
+  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_cwhbd_63",
+  "purpur-accordion-item__content": "_purpur-accordion-item__content_cwhbd_66",
+  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_cwhbd_77",
+  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_cwhbd_98"
+}, d = A.bind(ir), l = "purpur-accordion-item", ur = ({
+  children: t,
   className: n,
   title: p,
   titleTag: u = "h3",
   initialOpen: i = !1,
   onClick: r,
-  ...t
+  ...e
 }) => {
-  const a = H(k), s = M(), [c, T] = L(!i), I = d([
+  const a = k(q), c = R(), [s, E] = M(!i), L = d([
     n,
-    _,
+    l,
     {
-      [`${_}--negative`]: a
+      [`${l}--negative`]: a
     }
   ]);
-  return /* @__PURE__ */ v("div", { className: I, ...t, children: [
+  return /* @__PURE__ */ v("div", { className: L, ...e, children: [
     /* @__PURE__ */ o(
       y,
       {
         tag: u,
         variant: "title-100",
-        className: d([`${_}__header`, `${_}__title`]),
+        className: d([`${l}__header`, `${l}__title`]),
         children: /* @__PURE__ */ v(
           "button",
           {
             type: "button",
-            "data-state": c ? "open" : "close",
-            onClick: (C) => {
-              r && r(C), T(!c);
+            "data-state": s ? "open" : "close",
+            onClick: (j) => {
+              r && r(j), E(!s);
             },
-            className: d(`${_}__trigger`, n, {
-              [`${_}__rotate`]: !c
+            className: d(`${l}__trigger`, n, {
+              [`${l}__rotate`]: !s
             }),
-            "aria-expanded": !c,
-            "aria-controls": s,
-            id: s + "button",
+            "aria-expanded": !s,
+            "aria-controls": c,
+            id: c + "button",
             children: [
               p,
-              /* @__PURE__ */ o(q, { size: "md", className: d(`${_}__icon`), "aria-hidden": !0 })
+              /* @__PURE__ */ o(T, { size: "md", className: d(`${l}__icon`), "aria-hidden": !0 })
             ]
           }
         )
@@ -357,36 +373,36 @@ const ir = {
     /* @__PURE__ */ o(
       "div",
       {
-        className: d(`${_}__content`, n),
-        "aria-hidden": c,
-        id: s,
-        "aria-labelledby": s + "button",
+        className: d(`${l}__content`, n),
+        "aria-hidden": s,
+        id: c,
+        "aria-labelledby": c + "button",
         role: "region",
-        children: /* @__PURE__ */ o("div", { className: d(`${_}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ o(O, { variant: "paragraph-200", children: e }) : e })
+        children: /* @__PURE__ */ o("div", { className: d(`${l}__contentText`), children: typeof t == "string" ? /* @__PURE__ */ o(O, { variant: "paragraph-200", children: t }) : t })
       }
     )
   ] });
-}, x = N.bind(F), m = "purpur-accordion", k = E(!1), P = ({
-  ["data-testid"]: e,
+}, w = A.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: t = "title-300",
+  titleVariant: e = "title-300",
   schema: a,
-  ...s
+  ...c
 }) => {
-  const c = x([
+  const s = w([
     p,
     m,
     {
       [`${m}--negative`]: u
     }
   ]);
-  return /* @__PURE__ */ v("div", { className: c, "data-testid": e, ...s, children: [
-    i && /* @__PURE__ */ o(y, { tag: r, variant: t, className: x(`${m}__title`), children: i }),
-    /* @__PURE__ */ o(k.Provider, { value: u, children: n }),
+  return /* @__PURE__ */ v("div", { className: s, "data-testid": t, ...c, children: [
+    i && /* @__PURE__ */ o(y, { tag: r, variant: e, className: w(`${m}__title`), children: i }),
+    /* @__PURE__ */ o(q.Provider, { value: u, children: n }),
     a && /* @__PURE__ */ o(
       "script",
       {
@@ -402,6 +418,6 @@ P.Item = ur;
 P.displayName = "Accordion";
 export {
   P as Accordion,
-  k as NegativeContext
+  q as NegativeContext
 };
 //# sourceMappingURL=accordion.es.js.map