@purpurds/card 5.27.2 → 5.27.4

package/dist/card.es.js

@@ -1,5 +1,5 @@
 import { jsxs as C, jsx as o, Fragment as nr } from "react/jsx-runtime";
-import { forwardRef as x, Children as $, isValidElement as N, createElement as b, Fragment as ur, cloneElement as F, useEffect as pr } from "react";
+import { forwardRef as x, Children as $, isValidElement as N, createElement as b, cloneElement as D, useEffect as ur, Fragment as pr } from "react";
 import "react-dom";
 function ir(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
@@ -13,9 +13,9 @@ var T = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -26,18 +26,18 @@ var T = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return e.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
 })(T);
 var or = T.exports;
@@ -56,9 +56,9 @@ var V = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -69,18 +69,18 @@ var V = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return e.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
 })(V);
 var lr = V.exports;
@@ -127,39 +127,39 @@ const dr = /* @__PURE__ */ cr(lr), _r = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["tag"],
   category: "other"
-}, $r = dr.bind(_r), Z = "purpur-icon", br = "md", xr = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Nr = ({ content: a = "", title: n } = {}) => {
-  const t = [
+}, $r = dr.bind(_r), M = "purpur-icon", br = "md", xr = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Nr = ({ content: a = "", title: n } = {}) => {
+  const e = [
     { 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" }
   ], p = n ? `<title>${n}</title>` : "";
-  return `<svg ${xr(t)}>${p}${a}</svg>`;
-}, Cr = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), D = ({
+  return `<svg ${xr(e)}>${p}${a}</svg>`;
+}, Cr = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
   ["data-testid"]: a,
   svg: n,
-  allyTitle: t,
+  allyTitle: e,
   className: p,
   size: i = br,
   ...r
 }) => {
-  const e = Nr({
+  const t = Nr({
     content: Cr(n.svg),
-    title: t
-  }), u = $r(p, Z, `${Z}--${i}`);
+    title: e
+  }), u = $r(p, M, `${M}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": t,
+      "aria-label": e,
       className: u,
       "data-testid": a,
-      dangerouslySetInnerHTML: { __html: e },
+      dangerouslySetInnerHTML: { __html: t },
       ...r
     }
   );
 };
-D.displayName = "Icon";
-function kr(a) {
+F.displayName = "Icon";
+function Ar(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var G = { exports: {} };
@@ -171,9 +171,9 @@ var G = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p(u)));
       }
       return r;
@@ -184,22 +184,22 @@ var G = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return e.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
 })(G);
-var Sr = G.exports;
-const jr = /* @__PURE__ */ kr(Sr), z = {
+var kr = G.exports;
+const Sr = /* @__PURE__ */ Ar(kr), Z = {
   "purpur-badge": "_purpur-badge_1r1mu_1",
   "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
   "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
@@ -209,7 +209,7 @@ const jr = /* @__PURE__ */ kr(Sr), z = {
   "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
   "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
-}, M = "purpur-badge", l = {
+}, z = "purpur-badge", l = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -218,7 +218,7 @@ const jr = /* @__PURE__ */ kr(Sr), z = {
   WARNING: "warning",
   ERROR: "error",
   BLACK_FRIDAY: "black-friday"
-}, Ar = (a) => {
+}, Or = (a) => {
   switch (a) {
     case l.ATTENTION:
     case l.SPECIAL:
@@ -238,61 +238,61 @@ const jr = /* @__PURE__ */ kr(Sr), z = {
     default:
       return;
   }
-}, Or = ({
+}, jr = ({
   children: a,
   showIcon: n = !0,
-  variant: t,
+  variant: e,
   ["data-testid"]: p,
   allyLabel: i,
   className: r = "",
-  ...e
+  ...t
 }) => {
-  const u = Ar(t), c = jr([r, z[M], z[`${M}--${t}`]]);
-  return /* @__PURE__ */ C("span", { "aria-label": i, className: c, "data-testid": p, ...e, children: [
-    n && u && /* @__PURE__ */ o(D, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
+  const u = Or(e), c = Sr([r, Z[z], Z[`${z}--${e}`]]);
+  return /* @__PURE__ */ C("span", { "aria-label": i, className: c, "data-testid": p, ...t, children: [
+    n && u && /* @__PURE__ */ o(F, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
     a
   ] });
-}, Zr = {
+}, Mr = {
   "purpur-card-badge": "_purpur-card-badge_r7moe_1"
-}, zr = s.bind(Zr), Mr = "purpur-card-badge", qr = ({
+}, Zr = s.bind(Mr), zr = "purpur-card-badge", Rr = ({
   ["data-testid"]: a = "purpur-card-badge",
   variant: n,
-  text: t
-}) => n && t ? /* @__PURE__ */ o(
-  Or,
+  text: e
+}) => n && e ? /* @__PURE__ */ o(
+  jr,
   {
-    className: zr(Mr),
+    className: Zr(zr),
     variant: n,
     showIcon: !1,
     "data-testid": a,
-    children: t
+    children: e
   }
-) : null, Pr = {
+) : null, Er = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, Rr = s.bind(Pr), Er = "purpur-card-content", Br = ({
+}, Pr = s.bind(Er), Lr = "purpur-card-content", qr = ({
   ["data-testid"]: a = "purpur-card-content",
   children: n
-}) => /* @__PURE__ */ o("div", { className: Rr(Er), "data-testid": a, children: n }), Lr = {
+}) => /* @__PURE__ */ o("div", { className: Pr(Lr), "data-testid": a, children: n }), Ir = {
   "purpur-card-content-container": "_purpur-card-content-container_ueryq_1",
   "purpur-card-content-container--footer": "_purpur-card-content-container--footer_ueryq_12"
-}, Hr = s.bind(Lr), q = "purpur-card-content-container", Ir = ({
+}, Br = s.bind(Ir), R = "purpur-card-content-container", Hr = ({
   ["data-testid"]: a = "purpur-card-content-container",
   children: n,
-  isFooter: t = !1
+  isFooter: e = !1
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: Hr([
-      q,
+    className: Br([
+      R,
       {
-        [`${q}--footer`]: t
+        [`${R}--footer`]: e
       }
     ]),
     "data-testid": a,
     children: n
   }
 );
-function Fr(a) {
+function Dr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var U = { exports: {} };
@@ -304,9 +304,9 @@ var U = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p(u)));
       }
       return r;
@@ -317,22 +317,22 @@ var U = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return e.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
 })(U);
 var Tr = U.exports;
-const P = /* @__PURE__ */ Fr(Tr), Vr = "_rotate_1xozj_1", Dr = "_dash_1xozj_1", h = {
+const E = /* @__PURE__ */ Dr(Tr), Vr = "_rotate_1xozj_1", Fr = "_dash_1xozj_1", h = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Vr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -341,29 +341,33 @@ const P = /* @__PURE__ */ Fr(Tr), Vr = "_rotate_1xozj_1", Dr = "_dash_1xozj_1",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: Dr,
+  dash: Fr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
 }, v = "purpur-spinner", Gr = {
-  SM: "sm"
-}, K = ({
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, X = ({
   ["data-testid"]: a,
   disabled: n = !1,
-  negative: t = !1,
+  negative: e = !1,
   size: p = Gr.SM,
   ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: P([h[v], h[`${v}--${p}`]]),
+    className: E([h[v], h[`${v}--${p}`]]),
     "data-testid": a,
     ...i,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: P(h[`${v}__circle`], {
+        className: E(h[`${v}__circle`], {
           [h[`${v}__circle--disabled`]]: n,
-          [h[`${v}__circle--negative`]]: t
+          [h[`${v}__circle--negative`]]: e
         }),
         cx: "25",
         cy: "25",
@@ -386,42 +390,42 @@ const P = /* @__PURE__ */ Fr(Tr), Vr = "_rotate_1xozj_1", Dr = "_dash_1xozj_1",
   "purpur-card-cta--expressive": "_purpur-card-cta--expressive_1fd16_98",
   "purpur-card-cta--expressive-negative": "_purpur-card-cta--expressive-negative_1fd16_108",
   "purpur-card-cta--text": "_purpur-card-cta--text_1fd16_128"
-}, Kr = s.bind(Ur), _ = "purpur-card-cta", Wr = ({
+}, Xr = s.bind(Ur), _ = "purpur-card-cta", Kr = ({
   ["data-testid"]: a = "purpur-card-cta",
   className: n,
-  children: t,
+  children: e,
   disabled: p = !1,
   iconPosition: i = "right",
   loading: r = !1,
-  text: e,
+  text: t,
   ...u
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: `${Kr([
+    className: `${Xr([
       _,
       n,
       `${_}--md`,
       `${_}--secondary`,
       {
         [`${_}--disabled`]: p,
-        [`${_}--icon-only`]: !e,
-        [`${_}--text`]: !!e
+        [`${_}--icon-only`]: !t,
+        [`${_}--text`]: !!t
       }
     ])} ${_}`,
     "data-testid": a,
     ...u,
-    children: r ? /* @__PURE__ */ o(K, { "data-testid": `${a}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ C(nr, { children: [
-      i === "left" && t,
-      e,
-      i === "right" && t
+    children: r ? /* @__PURE__ */ o(X, { "data-testid": `${a}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ C(nr, { children: [
+      i === "left" && e,
+      t,
+      i === "right" && e
     ] })
   }
 );
-function Yr(a) {
+function Wr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var W = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -430,9 +434,9 @@ var W = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -443,22 +447,22 @@ var W = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return e.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
-})(W);
-var Jr = W.exports;
-const Xr = /* @__PURE__ */ Yr(Jr), Qr = {
+})(K);
+var Yr = K.exports;
+const Jr = /* @__PURE__ */ Wr(Yr), Qr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -476,58 +480,58 @@ const Xr = /* @__PURE__ */ Yr(Jr), Qr = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, Y = (a) => /* @__PURE__ */ o(
-  A,
+}, W = (a) => /* @__PURE__ */ o(
+  O,
   {
     ...a,
     svg: ra
   }
 );
-Y.displayName = "IconArrowRight";
-const J = (a) => /* @__PURE__ */ o(
-  A,
+W.displayName = "IconArrowRight";
+const Y = (a) => /* @__PURE__ */ o(
+  O,
   {
     ...a,
     svg: aa
   }
 );
-J.displayName = "IconCheckmark";
-const ta = Xr.bind(Qr), R = "purpur-icon", ea = "md", na = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ua = ({ content: a = "", title: n } = {}) => {
-  const t = [
+Y.displayName = "IconCheckmark";
+const ea = Jr.bind(Qr), P = "purpur-icon", ta = "md", na = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ua = ({ content: a = "", title: n } = {}) => {
+  const e = [
     { 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" }
   ], p = n ? `<title>${n}</title>` : "";
-  return `<svg ${na(t)}>${p}${a}</svg>`;
-}, pa = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), A = ({
+  return `<svg ${na(e)}>${p}${a}</svg>`;
+}, pa = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
   ["data-testid"]: a,
   svg: n,
-  allyTitle: t,
+  allyTitle: e,
   className: p,
-  size: i = ea,
+  size: i = ta,
   ...r
 }) => {
-  const e = ua({
+  const t = ua({
     content: pa(n.svg),
-    title: t
-  }), u = ta(p, R, `${R}--${i}`);
+    title: e
+  }), u = ea(p, P, `${P}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": t,
+      "aria-label": e,
       className: u,
       "data-testid": a,
-      dangerouslySetInnerHTML: { __html: e },
+      dangerouslySetInnerHTML: { __html: t },
       ...r
     }
   );
 };
-A.displayName = "Icon";
+O.displayName = "Icon";
 function ia(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var X = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -536,9 +540,9 @@ var X = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
+    function e() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var u = arguments[t];
         u && (r = i(r, p(u)));
       }
       return r;
@@ -549,21 +553,21 @@ var X = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return e.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (e = i(e, u));
-      return e;
+        n.call(r, u) && r[u] && (t = i(t, u));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function i(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
   })();
-})(X);
-var oa = X.exports;
+})(J);
+var oa = J.exports;
 const sa = /* @__PURE__ */ ia(oa), y = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
@@ -580,21 +584,30 @@ const sa = /* @__PURE__ */ ia(oa), y = {
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, ca = {
-  PARAGRAPH100: "paragraph-100"
-}, w = "purpur-paragraph", O = ({
+  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"
+}, w = "purpur-paragraph", j = ({
   ["data-testid"]: a,
   children: n,
-  className: t,
+  className: e,
   disabled: p,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: e = ca.PARAGRAPH100,
+  variant: t = ca.PARAGRAPH100,
   ...u
 }) => {
   const c = sa([
-    t,
+    e,
     y[w],
-    y[`${w}--${e}`],
+    y[`${w}--${t}`],
     {
       [y[`${w}--hyphens`]]: i,
       [y[`${w}--disabled`]]: p,
@@ -603,24 +616,24 @@ const sa = /* @__PURE__ */ ia(oa), y = {
   ]);
   return /* @__PURE__ */ o("p", { ...u, className: c, "data-testid": a, children: n });
 };
-O.displayName = "Paragraph";
+j.displayName = "Paragraph";
 const la = {
   "purpur-card-feature-list": "_purpur-card-feature-list_ej4qm_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_ej4qm_6"
-}, E = s.bind(la), B = "purpur-card-feature-list", da = ({
+}, L = s.bind(la), q = "purpur-card-feature-list", da = ({
   ["data-testid"]: a = "purpur-card-feature-list",
   listItems: n
-}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: E(B), "data-testid": a, children: n.map((t) => /* @__PURE__ */ C(
+}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: L(q), "data-testid": a, children: n.map((e) => /* @__PURE__ */ C(
   "li",
   {
-    className: E(`${B}__list-item`),
+    className: L(`${q}__list-item`),
     "data-testid": `${a}-item`,
     children: [
-      /* @__PURE__ */ o(J, { size: "xs" }),
-      /* @__PURE__ */ o(O, { children: t })
+      /* @__PURE__ */ o(Y, { size: "xs" }),
+      /* @__PURE__ */ o(j, { children: e })
     ]
   },
-  t
+  e
 )) }) : null, _a = {
   "purpur-card-link-arrow": "_purpur-card-link-arrow_1r4zu_1",
   "purpur-card-link-arrow--sm": "_purpur-card-link-arrow--sm_1r4zu_33",
@@ -638,7 +651,7 @@ const la = {
 }, ga = s.bind(_a), m = "purpur-card-link-arrow", ma = ({
   ["data-testid"]: a = "purpur-card-link-arrow",
   className: n,
-  disabled: t = !1,
+  disabled: e = !1,
   loading: p = !1,
   ...i
 }) => /* @__PURE__ */ o(
@@ -651,19 +664,19 @@ const la = {
       `${m}--icon-only`,
       `${m}--secondary`,
       {
-        [`${m}--disabled`]: t
+        [`${m}--disabled`]: e
       }
     ])} ${m}`,
     "data-testid": a,
     ...i,
-    children: p ? /* @__PURE__ */ o(K, { "data-testid": `${a}-spinner`, size: "xs", disabled: t }) : /* @__PURE__ */ o(Y, { "data-testid": `${a}-arrow`, size: "md" })
+    children: p ? /* @__PURE__ */ o(X, { "data-testid": `${a}-spinner`, size: "xs", disabled: e }) : /* @__PURE__ */ o(W, { "data-testid": `${a}-arrow`, size: "md" })
   }
 ), fa = {
   "purpur-card-overline": "_purpur-card-overline_192fe_1"
 }, ha = s.bind(fa), va = "purpur-card-overline", ya = ({
   ["data-testid"]: a = "purpur-card-overline",
   overline: n
-}) => n ? /* @__PURE__ */ o(O, { className: ha(va), "data-testid": a, children: n }) : null, wa = {
+}) => n ? /* @__PURE__ */ o(j, { className: ha(va), "data-testid": a, children: n }) : null, wa = {
   "purpur-card-root": "_purpur-card-root_bqk1d_1",
   "purpur-card-root--primary": "_purpur-card-root--primary_bqk1d_8",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_bqk1d_11",
@@ -676,8 +689,8 @@ const la = {
 function f() {
   return f = Object.assign ? Object.assign.bind() : function(a) {
     for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var p in t) ({}).hasOwnProperty.call(t, p) && (a[p] = t[p]);
+      var e = arguments[n];
+      for (var p in e) ({}).hasOwnProperty.call(e, p) && (a[p] = e[p]);
     }
     return a;
   }, f.apply(null, arguments);
@@ -687,56 +700,56 @@ function ba(a, n) {
 }
 function xa(...a) {
   return (n) => a.forEach(
-    (t) => ba(t, n)
+    (e) => ba(e, n)
   );
 }
 const Q = /* @__PURE__ */ x((a, n) => {
-  const { children: t, ...p } = a, i = $.toArray(t), r = i.find(Ca);
+  const { children: e, ...p } = a, i = $.toArray(e), r = i.find(Ca);
   if (r) {
-    const e = r.props.children, u = i.map((c) => c === r ? $.count(e) > 1 ? $.only(null) : /* @__PURE__ */ N(e) ? e.props.children : null : c);
-    return /* @__PURE__ */ b(j, f({}, p, {
+    const t = r.props.children, u = i.map((c) => c === r ? $.count(t) > 1 ? $.only(null) : /* @__PURE__ */ N(t) ? t.props.children : null : c);
+    return /* @__PURE__ */ b(S, f({}, p, {
       ref: n
-    }), /* @__PURE__ */ N(e) ? /* @__PURE__ */ F(e, void 0, u) : null);
+    }), /* @__PURE__ */ N(t) ? /* @__PURE__ */ D(t, void 0, u) : null);
   }
-  return /* @__PURE__ */ b(j, f({}, p, {
+  return /* @__PURE__ */ b(S, f({}, p, {
     ref: n
-  }), t);
+  }), e);
 });
 Q.displayName = "Slot";
-const j = /* @__PURE__ */ x((a, n) => {
-  const { children: t, ...p } = a;
-  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ F(t, {
-    ...ka(p, t.props),
-    ref: n ? xa(n, t.ref) : t.ref
-  }) : $.count(t) > 1 ? $.only(null) : null;
+const S = /* @__PURE__ */ x((a, n) => {
+  const { children: e, ...p } = a;
+  return /* @__PURE__ */ N(e) ? /* @__PURE__ */ D(e, {
+    ...Aa(p, e.props),
+    ref: n ? xa(n, e.ref) : e.ref
+  }) : $.count(e) > 1 ? $.only(null) : null;
 });
-j.displayName = "SlotClone";
-const Na = ({ children: a }) => /* @__PURE__ */ b(ur, null, a);
+S.displayName = "SlotClone";
+const Na = ({ children: a }) => /* @__PURE__ */ b(pr, null, a);
 function Ca(a) {
   return /* @__PURE__ */ N(a) && a.type === Na;
 }
-function ka(a, n) {
-  const t = {
+function Aa(a, n) {
+  const e = {
     ...n
   };
   for (const p in n) {
     const i = a[p], r = n[p];
-    /^on[A-Z]/.test(p) ? i && r ? t[p] = (...e) => {
-      r(...e), i(...e);
-    } : i && (t[p] = i) : p === "style" ? t[p] = {
+    /^on[A-Z]/.test(p) ? i && r ? e[p] = (...t) => {
+      r(...t), i(...t);
+    } : i && (e[p] = i) : p === "style" ? e[p] = {
       ...i,
       ...r
-    } : p === "className" && (t[p] = [
+    } : p === "className" && (e[p] = [
       i,
       r
     ].filter(Boolean).join(" "));
   }
   return {
     ...a,
-    ...t
+    ...e
   };
 }
-const Sa = [
+const ka = [
   "a",
   "button",
   "div",
@@ -753,20 +766,20 @@ const Sa = [
   "span",
   "svg",
   "ul"
-], ja = Sa.reduce((a, n) => {
-  const t = /* @__PURE__ */ x((p, i) => {
-    const { asChild: r, ...e } = p, u = r ? Q : n;
-    return pr(() => {
+], Sa = ka.reduce((a, n) => {
+  const e = /* @__PURE__ */ x((p, i) => {
+    const { asChild: r, ...t } = p, u = r ? Q : n;
+    return ur(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ b(u, f({}, e, {
+    }, []), /* @__PURE__ */ b(u, f({}, t, {
       ref: i
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return e.displayName = `Primitive.${n}`, {
     ...a,
-    [n]: t
+    [n]: e
   };
-}, {}), Aa = /* @__PURE__ */ x((a, n) => /* @__PURE__ */ b(ja.span, f({}, a, {
+}, {}), Oa = /* @__PURE__ */ x((a, n) => /* @__PURE__ */ b(Sa.span, f({}, a, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -782,85 +795,85 @@ const Sa = [
     wordWrap: "normal",
     ...a.style
   }
-}))), Oa = Aa, L = ({
+}))), ja = Oa, I = ({
   asChild: a,
   children: n,
-  className: t = "",
+  className: e = "",
   ["data-testid"]: p
-}) => /* @__PURE__ */ o(Oa, { asChild: a, "data-testid": p, className: t, children: n }), H = s.bind($a), g = "purpur-card-trigger-item", Za = ({
+}) => /* @__PURE__ */ o(ja, { asChild: a, "data-testid": p, className: e, children: n }), B = s.bind($a), g = "purpur-card-trigger-item", Ma = ({
   ["data-testid"]: a = "purpur-card-trigger-item",
   disabled: n = !1,
-  href: t,
+  href: e,
   onClick: p,
   screenReaderText: i
 }) => {
   const r = (u) => {
     n ? u.preventDefault() : p && p();
-  }, e = `${g} ${n ? `${g}--disabled` : ""}`;
-  return t ? (
+  }, t = `${g} ${n ? `${g}--disabled` : ""}`;
+  return e ? (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
     /* @__PURE__ */ o(
       "a",
       {
         "aria-disabled": n,
-        className: `${H([
+        className: `${B([
           g,
           {
             [`${g}--disabled`]: n
           }
-        ])} ${e}`,
+        ])} ${t}`,
         "data-testid": a,
-        href: n ? void 0 : t,
+        href: n ? void 0 : e,
         tabIndex: n ? 0 : void 0,
-        children: /* @__PURE__ */ o(L, { children: i })
+        children: /* @__PURE__ */ o(I, { children: i })
       }
     )
   ) : /* @__PURE__ */ o(
     "button",
     {
       "aria-disabled": n,
-      className: `${H([
+      className: `${B([
         g,
         `${g}--button`,
         {
           [`${g}--disabled`]: n
         }
-      ])} ${e}`,
+      ])} ${t}`,
       "data-testid": a,
       type: "button",
       onClick: r,
-      children: /* @__PURE__ */ o(L, { children: i })
+      children: /* @__PURE__ */ o(I, { children: i })
     }
   );
-}, za = s.bind(wa), k = "purpur-card-root", rr = x(
+}, Za = s.bind(wa), A = "purpur-card-root", rr = x(
   ({
     ["data-testid"]: a = "purpur-card-root",
     children: n,
-    className: t,
+    className: e,
     disabled: p,
     fullHeight: i,
     href: r,
-    onClick: e,
+    onClick: t,
     screenReaderText: u,
     variant: c,
     ...ar
-  }, tr) => {
-    const er = za([
-      k,
-      t,
+  }, er) => {
+    const tr = Za([
+      A,
+      e,
       {
-        [`${k}--${c}`]: c,
-        [`${k}--full-height`]: i
+        [`${A}--${c}`]: c,
+        [`${A}--full-height`]: i
       }
     ]);
-    return /* @__PURE__ */ C("div", { className: er, "data-testid": a, ref: tr, ...ar, children: [
+    return /* @__PURE__ */ C("div", { className: tr, "data-testid": a, ref: er, ...ar, children: [
       n,
-      (e || r) && u && /* @__PURE__ */ o(
-        Za,
+      (t || r) && u && /* @__PURE__ */ o(
+        Ma,
         {
           disabled: p,
           href: r,
-          onClick: e,
+          onClick: t,
           screenReaderText: u
         }
       )
@@ -868,22 +881,22 @@ const Sa = [
   }
 );
 rr.displayName = "CardRoot";
-const I = s.bind(sr), S = "purpur-card", d = ({ children: a, className: n, ...t }) => {
-  const p = I([
-    S,
+const H = s.bind(sr), k = "purpur-card", d = ({ children: a, className: n, ...e }) => {
+  const p = H([
+    k,
     n,
     {
-      [`${S}--is-interactive`]: t.onClick || t.href,
-      [`${S}--disabled`]: t.disabled
+      [`${k}--is-interactive`]: e.onClick || e.href,
+      [`${k}--disabled`]: e.disabled
     }
   ]);
-  return /* @__PURE__ */ o(rr, { className: I(p), ...t, children: a });
+  return /* @__PURE__ */ o(rr, { className: H(p), ...e, children: a });
 };
-d.Badge = qr;
+d.Badge = Rr;
 d.LinkArrow = ma;
-d.Content = Br;
-d.ContentContainer = Ir;
-d.Cta = Wr;
+d.Content = qr;
+d.ContentContainer = Hr;
+d.Cta = Kr;
 d.FeatureList = da;
 d.Overline = ya;
 d.displayName = "Card";