@purpurds/card 5.34.4 → 5.35.0

package/dist/card.es.js

@@ -1,10 +1,10 @@
-import { jsxs as C, jsx as o, Fragment as nr } from "react/jsx-runtime";
-import { forwardRef as x, Children as b, isValidElement as N, createElement as $, cloneElement as D, useEffect as ur, Fragment as pr } from "react";
+import { jsxs as m, jsx as s, Fragment as cr } from "react/jsx-runtime";
+import { forwardRef as N, Children as $, isValidElement as A, createElement as x, cloneElement as U, useEffect as lr, Fragment as dr } from "react";
 import "react-dom";
-function ir(a) {
+function _r(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var T = { exports: {} };
+var X = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,9 +13,9 @@ var T = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -26,28 +26,28 @@ var T = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return e.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(T);
-var or = T.exports;
-const s = /* @__PURE__ */ ir(or), sr = {
-  "purpur-card": "_purpur-card_1owb4_1"
+})(X);
+var gr = X.exports;
+const c = /* @__PURE__ */ _r(gr), hr = {
+  "purpur-card": "_purpur-card_1ruml_1"
 };
-function lr(a) {
+function mr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var V = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -56,9 +56,9 @@ var V = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -69,22 +69,22 @@ var V = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return e.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(V);
-var cr = V.exports;
-const dr = /* @__PURE__ */ lr(cr), _r = {
+})(K);
+var fr = K.exports;
+const vr = /* @__PURE__ */ mr(fr), yr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -92,77 +92,77 @@ const dr = /* @__PURE__ */ lr(cr), _r = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gr = {
+}, br = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["alert"],
   category: "status"
-}, mr = {
+}, wr = {
   name: "check-circle",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.487 9.514a.872.872 0 1 0-1.42-1.014l-4.248 5.948-2.18-2.18a.872.872 0 0 0-1.233 1.234l2.908 2.908a.872.872 0 0 0 1.326-.11l4.847-6.786Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle"],
   category: "status"
-}, hr = {
+}, $r = {
   name: "error",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.354 3.05c.732-1.267 2.56-1.267 3.291 0l8.66 15c.732 1.267-.182 2.85-1.645 2.85H3.34c-1.463 0-2.377-1.583-1.646-2.85l8.66-15Zm1.595.862a.092.092 0 0 0-.036.038l-8.66 15a.092.092 0 0 0-.015.05c0 .014.005.032.015.05a.11.11 0 0 0 .036.038.09.09 0 0 0 .05.012H20.66a.088.088 0 0 0 .05-.012.106.106 0 0 0 .037-.038.105.105 0 0 0 .015-.05.092.092 0 0 0-.015-.05l-8.66-15a.092.092 0 0 0-.036-.038A.106.106 0 0 0 12 3.9a.105.105 0 0 0-.05.012Z" clip-rule="evenodd"/><path d="m12.523 14.922.412-6.25a.936.936 0 1 0-1.868 0l.421 6.25h1.035ZM12 17.52c.44 0 .826-.387.826-.815 0-.418-.387-.816-.826-.816-.428 0-.825.398-.825.816 0 .428.397.815.825.815Z"/><path fill-rule="evenodd" d="M12.691 15.096h-1.37l-.431-6.53a1 1 0 0 1 .997-1.066h.227a1 1 0 0 1 .998 1.064l-.42 6.532Zm.244-6.425a.936.936 0 1 0-1.868.002l.421 6.249h1.035l.412-6.25ZM13 16.706c0 .526-.466.99-1 .99-.522 0-1-.463-1-.99 0-.264.125-.51.304-.689.18-.178.429-.301.696-.301.536 0 1 .475 1 .99Zm-.174 0c0 .428-.387.815-.826.815-.428 0-.825-.387-.825-.815 0-.418.397-.816.825-.816.44 0 .826.398.826.816Z" clip-rule="evenodd"/></svg>',
   keywords: ["error"],
   category: "status"
-}, fr = {
+}, xr = {
   name: "info",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["info"],
   category: "status"
-}, vr = {
+}, Nr = {
   name: "offering",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
   keywords: ["offering"],
   category: "other"
-}, yr = {
+}, kr = {
   name: "question",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["question"],
   category: "status"
-}, wr = {
+}, Cr = {
   name: "tag",
   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"
-}, br = dr.bind(_r), M = "purpur-icon", $r = "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 = [
+}, Ar = vr.bind(yr), I = "purpur-icon", Sr = "md", zr = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Or = ({ content: a = "", title: n } = {}) => {
+  const t = [
     { 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(e)}>${p}${a}</svg>`;
-}, Cr = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
+  return `<svg ${zr(t)}>${p}${a}</svg>`;
+}, jr = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), W = ({
   ["data-testid"]: a,
   svg: n,
-  allyTitle: e,
+  allyTitle: t,
   className: p,
-  size: i = $r,
+  size: i = Sr,
   ...r
 }) => {
-  const t = Nr({
-    content: Cr(n.svg),
-    title: e
-  }), u = br(p, M, `${M}--${i}`);
-  return /* @__PURE__ */ o(
+  const e = Or({
+    content: jr(n.svg),
+    title: t
+  }), u = Ar(p, I, `${I}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": e,
+      "aria-label": t,
       className: u,
       "data-testid": a,
-      dangerouslySetInnerHTML: { __html: t },
+      dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-F.displayName = "Icon";
-function Ar(a) {
+W.displayName = "Icon";
+function Mr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var G = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -171,9 +171,9 @@ var G = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         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 e.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(G);
-var kr = G.exports;
-const Sr = /* @__PURE__ */ Ar(kr), Z = {
+})(Y);
+var Er = Y.exports;
+const qr = /* @__PURE__ */ Mr(Er), P = {
   "purpur-badge": "_purpur-badge_19vzu_1",
   "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
   "purpur-badge--special": "_purpur-badge--special_19vzu_17",
@@ -209,7 +209,7 @@ const Sr = /* @__PURE__ */ Ar(kr), Z = {
   "purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
   "purpur-badge--error": "_purpur-badge--error_19vzu_37",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
-}, R = "purpur-badge", c = {
+}, R = "purpur-badge", _ = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -218,84 +218,89 @@ const Sr = /* @__PURE__ */ Ar(kr), Z = {
   WARNING: "warning",
   ERROR: "error",
   BLACK_FRIDAY: "black-friday"
-}, Or = (a) => {
+}, Lr = (a) => {
   switch (a) {
-    case c.ATTENTION:
-    case c.SPECIAL:
-      return vr;
-    case c.INFORMATION:
-      return fr;
-    case c.SUCCESS:
-      return mr;
-    case c.WARNING:
-      return gr;
-    case c.ERROR:
-      return hr;
-    case c.NEUTRAL:
-      return yr;
-    case c.BLACK_FRIDAY:
+    case _.ATTENTION:
+    case _.SPECIAL:
+      return Nr;
+    case _.INFORMATION:
+      return xr;
+    case _.SUCCESS:
       return wr;
+    case _.WARNING:
+      return br;
+    case _.ERROR:
+      return $r;
+    case _.NEUTRAL:
+      return kr;
+    case _.BLACK_FRIDAY:
+      return Cr;
     default:
       return;
   }
-}, jr = ({
+}, Zr = ({
   children: a,
   showIcon: n = !0,
-  variant: e,
+  variant: t,
   ["data-testid"]: p,
   allyLabel: i,
   className: r = "",
-  ...t
+  ...e
 }) => {
-  const u = Or(e), l = Sr([r, Z[R], Z[`${R}--${e}`]]);
-  return /* @__PURE__ */ C("span", { "aria-label": i, className: l, "data-testid": p, ...t, children: [
-    n && u && /* @__PURE__ */ o(F, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
+  const u = Lr(t), o = qr([r, P[R], P[`${R}--${t}`]]);
+  return /* @__PURE__ */ m("span", { "aria-label": i, className: o, "data-testid": p, ...e, children: [
+    n && u && /* @__PURE__ */ s(W, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
     a
   ] });
-}, Mr = {
+}, Ir = {
   "purpur-card-badge": "_purpur-card-badge_r7moe_1"
-}, Zr = s.bind(Mr), Rr = "purpur-card-badge", zr = ({
+}, Pr = c.bind(Ir), Rr = "purpur-card-badge", Tr = ({
   ["data-testid"]: a = "purpur-card-badge",
   variant: n,
-  text: e
-}) => n && e ? /* @__PURE__ */ o(
-  jr,
+  text: t
+}) => n && t ? /* @__PURE__ */ s(
+  Zr,
   {
-    className: Zr(Rr),
+    className: Pr(Rr),
     variant: n,
     showIcon: !1,
     "data-testid": a,
-    children: e
+    children: t
   }
-) : null, Er = {
+) : null, Hr = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, Pr = s.bind(Er), Lr = "purpur-card-content", qr = ({
+}, Br = c.bind(Hr), Dr = "purpur-card-content", Vr = ({
   ["data-testid"]: a = "purpur-card-content",
   children: n
-}) => /* @__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"
-}, Br = s.bind(Ir), z = "purpur-card-content-container", Hr = ({
+}) => /* @__PURE__ */ s("div", { className: Br(Dr), "data-testid": a, children: n }), Fr = {
+  "purpur-card-content-container": "_purpur-card-content-container_putaw_1",
+  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_putaw_12",
+  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_putaw_20",
+  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_putaw_23",
+  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_putaw_26"
+}, Gr = c.bind(Fr), z = "purpur-card-content-container", Ur = ({
   ["data-testid"]: a = "purpur-card-content-container",
   children: n,
-  isFooter: e = !1
-}) => /* @__PURE__ */ o(
+  isFooter: t = !1,
+  gapSize: p = "md"
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: Br([
+    className: Gr([
       z,
+      `${z}--gap-size--${p}`,
       {
-        [`${z}--footer`]: e
+        [`${z}--footer`]: t
       }
     ]),
     "data-testid": a,
     children: n
   }
 );
-function Dr(a) {
+function Xr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var U = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -304,9 +309,9 @@ var U = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, p(u)));
       }
       return r;
@@ -317,57 +322,57 @@ var U = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return e.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(U);
-var Tr = U.exports;
-const E = /* @__PURE__ */ Dr(Tr), Vr = "_rotate_1xozj_1", Fr = "_dash_1xozj_1", f = {
+})(J);
+var Kr = J.exports;
+const T = /* @__PURE__ */ Xr(Kr), Wr = "_rotate_1xozj_1", Yr = "_dash_1xozj_1", v = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Vr,
+  rotate: Wr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "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: Fr,
+  dash: Yr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, v = "purpur-spinner", Gr = {
+}, y = "purpur-spinner", Jr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, X = ({
+}, Q = ({
   ["data-testid"]: a,
   disabled: n = !1,
-  negative: e = !1,
-  size: p = Gr.SM,
+  negative: t = !1,
+  size: p = Jr.SM,
   ...i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: E([f[v], f[`${v}--${p}`]]),
+    className: T([v[y], v[`${y}--${p}`]]),
     "data-testid": a,
     ...i,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: E(f[`${v}__circle`], {
-          [f[`${v}__circle--disabled`]]: n,
-          [f[`${v}__circle--negative`]]: e
+        className: T(v[`${y}__circle`], {
+          [v[`${y}__circle--disabled`]]: n,
+          [v[`${y}__circle--negative`]]: t
         }),
         cx: "25",
         cy: "25",
@@ -375,58 +380,64 @@ const E = /* @__PURE__ */ Dr(Tr), Vr = "_rotate_1xozj_1", Fr = "_dash_1xozj_1",
       }
     ) })
   }
-), Ur = {
-  "purpur-card-cta": "_purpur-card-cta_10ord_1",
-  "purpur-card-cta--xs": "_purpur-card-cta--xs_10ord_33",
-  "purpur-card-cta--icon-only": "_purpur-card-cta--icon-only_10ord_36",
-  "purpur-card-cta--sm": "_purpur-card-cta--sm_10ord_39",
-  "purpur-card-cta--md": "_purpur-card-cta--md_10ord_45",
-  "purpur-card-cta--lg": "_purpur-card-cta--lg_10ord_51",
-  "purpur-card-cta--full-width": "_purpur-card-cta--full-width_10ord_57",
-  "purpur-card-cta--primary": "_purpur-card-cta--primary_10ord_60",
-  "purpur-card-cta--disabled": "_purpur-card-cta--disabled_10ord_64",
-  "purpur-card-cta--primary-negative": "_purpur-card-cta--primary-negative_10ord_70",
-  "purpur-card-cta--secondary": "_purpur-card-cta--secondary_10ord_82",
-  "purpur-card-cta--secondary-negative": "_purpur-card-cta--secondary-negative_10ord_93",
-  "purpur-card-cta--expressive": "_purpur-card-cta--expressive_10ord_104",
-  "purpur-card-cta--expressive-negative": "_purpur-card-cta--expressive-negative_10ord_114",
-  "purpur-card-cta--text": "_purpur-card-cta--text_10ord_134"
-}, Xr = s.bind(Ur), _ = "purpur-card-cta", Kr = ({
+), Qr = {
+  "purpur-card-cta--button-styling": "_purpur-card-cta--button-styling_1wc0z_1",
+  "purpur-card-cta--button-styling--xs": "_purpur-card-cta--button-styling--xs_1wc0z_33",
+  "purpur-card-cta--button-styling--icon-only": "_purpur-card-cta--button-styling--icon-only_1wc0z_36",
+  "purpur-card-cta--button-styling--sm": "_purpur-card-cta--button-styling--sm_1wc0z_39",
+  "purpur-card-cta--button-styling--md": "_purpur-card-cta--button-styling--md_1wc0z_45",
+  "purpur-card-cta--button-styling--lg": "_purpur-card-cta--button-styling--lg_1wc0z_51",
+  "purpur-card-cta--button-styling--full-width": "_purpur-card-cta--button-styling--full-width_1wc0z_57",
+  "purpur-card-cta--button-styling--primary": "_purpur-card-cta--button-styling--primary_1wc0z_60",
+  "purpur-card-cta--button-styling--disabled": "_purpur-card-cta--button-styling--disabled_1wc0z_64",
+  "purpur-card-cta--button-styling--primary-negative": "_purpur-card-cta--button-styling--primary-negative_1wc0z_70",
+  "purpur-card-cta--button-styling--secondary": "_purpur-card-cta--button-styling--secondary_1wc0z_82",
+  "purpur-card-cta--button-styling--secondary-negative": "_purpur-card-cta--button-styling--secondary-negative_1wc0z_93",
+  "purpur-card-cta--button-styling--expressive": "_purpur-card-cta--button-styling--expressive_1wc0z_104",
+  "purpur-card-cta--button-styling--expressive-negative": "_purpur-card-cta--button-styling--expressive-negative_1wc0z_114",
+  "purpur-card-cta--cta-styling": "_purpur-card-cta--cta-styling_1wc0z_126",
+  "purpur-card-cta--secondary": "_purpur-card-cta--secondary_1wc0z_131",
+  "purpur-card-cta--disabled": "_purpur-card-cta--disabled_1wc0z_131",
+  "purpur-card-cta--text": "_purpur-card-cta--text_1wc0z_139"
+}, ra = c.bind(Qr), d = "purpur-card-cta", aa = ({
   ["data-testid"]: a = "purpur-card-cta",
   className: n,
-  children: e,
+  children: t,
   disabled: p = !1,
   iconPosition: i = "right",
   loading: r = !1,
-  text: t,
-  ...u
-}) => /* @__PURE__ */ o(
+  text: e,
+  linkStyling: u = !1,
+  ...o
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: `${Xr([
-      _,
+    className: `${ra([
+      d,
       n,
-      `${_}--md`,
-      `${_}--secondary`,
       {
-        [`${_}--disabled`]: p,
-        [`${_}--icon-only`]: !t,
-        [`${_}--text`]: !!t
+        [`${d}--disabled`]: p,
+        [`${d}--text`]: !!e,
+        [`${d}--cta-styling`]: u,
+        [`${d}--button-styling`]: !u,
+        [`${d}--button-styling--md`]: !u,
+        [`${d}--button-styling--secondary`]: !u,
+        [`${d}--button-styling--icon-only`]: !u && !e
       }
-    ])} ${_}`,
+    ])} ${d}`,
     "data-testid": a,
-    ...u,
-    children: r ? /* @__PURE__ */ o(X, { "data-testid": `${a}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ C(nr, { children: [
-      i === "left" && e,
-      t,
-      i === "right" && e
+    ...o,
+    children: r ? /* @__PURE__ */ s(Q, { "data-testid": `${a}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ m(cr, { children: [
+      i === "left" && t,
+      e,
+      i === "right" && t
     ] })
   }
 );
-function Wr(a) {
+function ta(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var K = { exports: {} };
+var rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -435,9 +446,9 @@ var K = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, p.call(this, u)));
       }
       return r;
@@ -448,22 +459,22 @@ var K = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return e.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(K);
-var Yr = K.exports;
-const Jr = /* @__PURE__ */ Wr(Yr), Qr = {
+})(rr);
+var ea = rr.exports;
+const na = /* @__PURE__ */ ta(ea), ua = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -471,68 +482,68 @@ const Jr = /* @__PURE__ */ Wr(Yr), Qr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ra = {
+}, pa = {
   name: "arrow-right",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.9 12a.9.9 0 0 1-.264.636l-5.5 5.5a.9.9 0 0 1-1.272-1.272l3.963-3.964H4a.9.9 0 0 1 0-1.8h13.827l-3.963-3.964a.9.9 0 1 1 1.272-1.272l5.5 5.5A.9.9 0 0 1 20.9 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["arrow-right"],
   category: "utility"
-}, aa = {
+}, ia = {
   name: "checkmark",
   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"
-}, W = (a) => /* @__PURE__ */ o(
-  O,
+}, ar = (a) => /* @__PURE__ */ s(
+  L,
   {
     ...a,
-    svg: ra
+    svg: pa
   }
 );
-W.displayName = "IconArrowRight";
-const Y = (a) => /* @__PURE__ */ o(
-  O,
+ar.displayName = "IconArrowRight";
+const tr = (a) => /* @__PURE__ */ s(
+  L,
   {
     ...a,
-    svg: aa
+    svg: ia
   }
 );
-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 = [
+tr.displayName = "IconCheckmark";
+const sa = na.bind(ua), H = "purpur-icon", oa = "md", ca = (a) => a.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), la = ({ content: a = "", title: n } = {}) => {
+  const t = [
     { 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(e)}>${p}${a}</svg>`;
-}, pa = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
+  return `<svg ${ca(t)}>${p}${a}</svg>`;
+}, da = (a) => a.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
   ["data-testid"]: a,
   svg: n,
-  allyTitle: e,
+  allyTitle: t,
   className: p,
-  size: i = ta,
+  size: i = oa,
   ...r
 }) => {
-  const t = ua({
-    content: pa(n.svg),
-    title: e
-  }), u = ea(p, P, `${P}--${i}`);
-  return /* @__PURE__ */ o(
+  const e = la({
+    content: da(n.svg),
+    title: t
+  }), u = sa(p, H, `${H}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": e,
+      "aria-label": t,
       className: u,
       "data-testid": a,
-      dangerouslySetInnerHTML: { __html: t },
+      dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-O.displayName = "Icon";
-function ia(a) {
+L.displayName = "Icon";
+function _a(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var J = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -541,9 +552,9 @@ var J = { exports: {} };
 (function(a) {
   (function() {
     var n = {}.hasOwnProperty;
-    function e() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, p(u)));
       }
       return r;
@@ -554,22 +565,22 @@ var J = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return e.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (t = i(t, u));
-      return t;
+        n.call(r, u) && r[u] && (e = i(e, u));
+      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;
     }
-    a.exports ? (e.default = e, a.exports = e) : window.classNames = e;
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
   })();
-})(J);
-var oa = J.exports;
-const sa = /* @__PURE__ */ ia(oa), y = {
+})(er);
+var ga = er.exports;
+const ha = /* @__PURE__ */ _a(ga), b = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -584,7 +595,7 @@ const sa = /* @__PURE__ */ ia(oa), y = {
   "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"
-}, la = {
+}, ma = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -595,47 +606,151 @@ const sa = /* @__PURE__ */ ia(oa), y = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, w = "purpur-paragraph", j = ({
+}, w = "purpur-paragraph", Z = ({
   ["data-testid"]: a,
   children: n,
-  className: e,
+  className: t,
   disabled: p,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: t = la.PARAGRAPH100,
+  variant: e = ma.PARAGRAPH100,
   ...u
 }) => {
-  const l = sa([
-    e,
-    y[w],
-    y[`${w}--${t}`],
+  const o = ha([
+    t,
+    b[w],
+    b[`${w}--${e}`],
     {
-      [y[`${w}--hyphens`]]: i,
-      [y[`${w}--disabled`]]: p,
-      [y[`${w}--negative`]]: r
+      [b[`${w}--hyphens`]]: i,
+      [b[`${w}--disabled`]]: p,
+      [b[`${w}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...u, className: l, "data-testid": a, children: n });
+  return /* @__PURE__ */ s("p", { ...u, className: o, "data-testid": a, children: n });
 };
-j.displayName = "Paragraph";
-const ca = {
+Z.displayName = "Paragraph";
+const fa = {
   "purpur-card-feature-list": "_purpur-card-feature-list_ej4qm_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_ej4qm_6"
-}, L = s.bind(ca), q = "purpur-card-feature-list", da = ({
+}, B = c.bind(fa), D = "purpur-card-feature-list", va = ({
   ["data-testid"]: a = "purpur-card-feature-list",
   listItems: n
-}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: L(q), "data-testid": a, children: n.map((e) => /* @__PURE__ */ C(
+}) => n && n.length > 0 ? /* @__PURE__ */ s("ul", { className: B(D), "data-testid": a, children: n.map((t) => /* @__PURE__ */ m(
   "li",
   {
-    className: L(`${q}__list-item`),
+    className: B(`${D}__list-item`),
     "data-testid": `${a}-item`,
     children: [
-      /* @__PURE__ */ o(Y, { size: "xs" }),
-      /* @__PURE__ */ o(j, { children: e })
+      /* @__PURE__ */ s(tr, { size: "xs" }),
+      /* @__PURE__ */ s(Z, { children: t })
     ]
   },
-  e
-)) }) : null, _a = {
+  t
+)) }) : null;
+function ya(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+}
+var nr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(a) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = i(r, p(u)));
+      }
+      return r;
+    }
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (e = i(e, u));
+      return e;
+    }
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    a.exports ? (t.default = t, a.exports = t) : window.classNames = t;
+  })();
+})(nr);
+var ba = nr.exports;
+const wa = /* @__PURE__ */ ya(ba), k = {
+  "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"
+}, $a = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, C = "purpur-heading", ur = ({
+  ["data-testid"]: a,
+  children: n,
+  className: t = "",
+  enableHyphenation: p = !1,
+  negative: i = !1,
+  tag: r,
+  variant: e = $a.TITLE100,
+  ...u
+}) => {
+  const o = r, S = wa([
+    t,
+    k[C],
+    k[`${C}--${e}`],
+    {
+      [k[`${C}--hyphens`]]: p,
+      [k[`${C}--negative`]]: i
+    }
+  ]);
+  return /* @__PURE__ */ s(o, { ...u, className: S, "data-testid": a, children: n });
+};
+ur.displayName = "Heading";
+const xa = {
+  "purpur-card-heading": "_purpur-card-heading_8heg4_1",
+  "purpur-card-heading__heading": "_purpur-card-heading__heading_8heg4_6",
+  "purpur-card-heading__icon": "_purpur-card-heading__icon_8heg4_11"
+}, O = c.bind(xa), j = "purpur-card-heading", Na = ({
+  ["data-testid"]: a = "purpur-card-heading",
+  title: n,
+  icon: t,
+  children: p,
+  titleTag: i = "h2"
+}) => /* @__PURE__ */ m("div", { className: O(j), "data-testid": a, children: [
+  /* @__PURE__ */ m("div", { className: O(`${j}__heading`), children: [
+    t && /* @__PURE__ */ s("div", { className: O(`${j}__icon`), children: t }),
+    /* @__PURE__ */ s(ur, { tag: i, variant: "title-100", children: n })
+  ] }),
+  p
+] }), ka = {
   "purpur-card-link-arrow": "_purpur-card-link-arrow_blsmb_1",
   "purpur-card-link-arrow--xs": "_purpur-card-link-arrow--xs_blsmb_33",
   "purpur-card-link-arrow--icon-only": "_purpur-card-link-arrow--icon-only_blsmb_36",
@@ -650,108 +765,120 @@ const ca = {
   "purpur-card-link-arrow--secondary-negative": "_purpur-card-link-arrow--secondary-negative_blsmb_93",
   "purpur-card-link-arrow--expressive": "_purpur-card-link-arrow--expressive_blsmb_104",
   "purpur-card-link-arrow--expressive-negative": "_purpur-card-link-arrow--expressive-negative_blsmb_114"
-}, ga = s.bind(_a), m = "purpur-card-link-arrow", ma = ({
+}, Ca = c.bind(ka), h = "purpur-card-link-arrow", Aa = ({
   ["data-testid"]: a = "purpur-card-link-arrow",
   className: n,
-  disabled: e = !1,
+  disabled: t = !1,
   loading: p = !1,
   ...i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: `${ga([
-      m,
+    className: `${Ca([
+      h,
       n,
-      `${m}--md`,
-      `${m}--icon-only`,
-      `${m}--secondary`,
+      `${h}--md`,
+      `${h}--icon-only`,
+      `${h}--secondary`,
       {
-        [`${m}--disabled`]: e
+        [`${h}--disabled`]: t
       }
-    ])} ${m}`,
+    ])} ${h}`,
     "data-testid": a,
     ...i,
-    children: p ? /* @__PURE__ */ o(X, { "data-testid": `${a}-spinner`, size: "xs", disabled: e }) : /* @__PURE__ */ o(W, { "data-testid": `${a}-arrow`, size: "md" })
+    children: p ? /* @__PURE__ */ s(Q, { "data-testid": `${a}-spinner`, size: "xs", disabled: t }) : /* @__PURE__ */ s(ar, { "data-testid": `${a}-arrow`, size: "md" })
   }
-), ha = {
+), Sa = {
+  "purpur-card-media": "_purpur-card-media_udc1o_1"
+}, za = c.bind(Sa), Oa = "purpur-card-media", ja = ({
+  ["data-testid"]: a = "purpur-card-media",
+  className: n,
+  children: t
+}) => /* @__PURE__ */ s("div", { className: za([Oa, n]), "data-testid": a, children: t }), Ma = {
+  "purpur-card-media-layout": "_purpur-card-media-layout_1yfvb_1"
+}, Ea = c.bind(Ma), qa = "purpur-card-media-layout", La = ({
+  ["data-testid"]: a = "purpur-card-media-layout",
+  className: n,
+  children: t
+}) => /* @__PURE__ */ s("div", { className: Ea([qa, n]), "data-testid": a, children: t }), Za = {
   "purpur-card-overline": "_purpur-card-overline_192fe_1"
-}, fa = s.bind(ha), va = "purpur-card-overline", ya = ({
+}, Ia = c.bind(Za), Pa = "purpur-card-overline", Ra = ({
   ["data-testid"]: a = "purpur-card-overline",
   overline: n
-}) => n ? /* @__PURE__ */ o(j, { className: fa(va), "data-testid": a, children: n }) : null, wa = {
+}) => n ? /* @__PURE__ */ s(Z, { className: Ia(Pa), "data-testid": a, children: n }) : null, Ta = {
   "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",
   "purpur-card-root--full-height": "_purpur-card-root--full-height_bqk1d_14"
-}, ba = {
+}, Ha = {
   "purpur-card-trigger-item": "_purpur-card-trigger-item_1sp43_1",
   "purpur-card-trigger-item--button": "_purpur-card-trigger-item--button_1sp43_6",
   "purpur-card-trigger-item--disabled": "_purpur-card-trigger-item--disabled_1sp43_11"
 };
-function h() {
-  return h = Object.assign ? Object.assign.bind() : function(a) {
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(a) {
     for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var p in e) ({}).hasOwnProperty.call(e, p) && (a[p] = e[p]);
+      var t = arguments[n];
+      for (var p in t) ({}).hasOwnProperty.call(t, p) && (a[p] = t[p]);
     }
     return a;
-  }, h.apply(null, arguments);
+  }, f.apply(null, arguments);
 }
-function $a(a, n) {
+function Ba(a, n) {
   typeof a == "function" ? a(n) : a != null && (a.current = n);
 }
-function xa(...a) {
+function Da(...a) {
   return (n) => a.forEach(
-    (e) => $a(e, n)
+    (t) => Ba(t, n)
   );
 }
-const Q = /* @__PURE__ */ x((a, n) => {
-  const { children: e, ...p } = a, i = b.toArray(e), r = i.find(Ca);
+const pr = /* @__PURE__ */ N((a, n) => {
+  const { children: t, ...p } = a, i = $.toArray(t), r = i.find(Fa);
   if (r) {
-    const t = r.props.children, u = i.map((l) => l === r ? b.count(t) > 1 ? b.only(null) : /* @__PURE__ */ N(t) ? t.props.children : null : l);
-    return /* @__PURE__ */ $(S, h({}, p, {
+    const e = r.props.children, u = i.map((o) => o === r ? $.count(e) > 1 ? $.only(null) : /* @__PURE__ */ A(e) ? e.props.children : null : o);
+    return /* @__PURE__ */ x(q, f({}, p, {
       ref: n
-    }), /* @__PURE__ */ N(t) ? /* @__PURE__ */ D(t, void 0, u) : null);
+    }), /* @__PURE__ */ A(e) ? /* @__PURE__ */ U(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ $(S, h({}, p, {
+  return /* @__PURE__ */ x(q, f({}, p, {
     ref: n
-  }), e);
+  }), t);
 });
-Q.displayName = "Slot";
-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
-  }) : b.count(e) > 1 ? b.only(null) : null;
+pr.displayName = "Slot";
+const q = /* @__PURE__ */ N((a, n) => {
+  const { children: t, ...p } = a;
+  return /* @__PURE__ */ A(t) ? /* @__PURE__ */ U(t, {
+    ...Ga(p, t.props),
+    ref: n ? Da(n, t.ref) : t.ref
+  }) : $.count(t) > 1 ? $.only(null) : null;
 });
-S.displayName = "SlotClone";
-const Na = ({ children: a }) => /* @__PURE__ */ $(pr, null, a);
-function Ca(a) {
-  return /* @__PURE__ */ N(a) && a.type === Na;
+q.displayName = "SlotClone";
+const Va = ({ children: a }) => /* @__PURE__ */ x(dr, null, a);
+function Fa(a) {
+  return /* @__PURE__ */ A(a) && a.type === Va;
 }
-function Aa(a, n) {
-  const e = {
+function Ga(a, n) {
+  const t = {
     ...n
   };
   for (const p in n) {
     const i = a[p], r = n[p];
-    /^on[A-Z]/.test(p) ? i && r ? e[p] = (...t) => {
-      r(...t), i(...t);
-    } : i && (e[p] = i) : p === "style" ? e[p] = {
+    /^on[A-Z]/.test(p) ? i && r ? t[p] = (...e) => {
+      r(...e), i(...e);
+    } : i && (t[p] = i) : p === "style" ? t[p] = {
       ...i,
       ...r
-    } : p === "className" && (e[p] = [
+    } : p === "className" && (t[p] = [
       i,
       r
     ].filter(Boolean).join(" "));
   }
   return {
     ...a,
-    ...e
+    ...t
   };
 }
-const ka = [
+const Ua = [
   "a",
   "button",
   "div",
@@ -768,20 +895,20 @@ const ka = [
   "span",
   "svg",
   "ul"
-], Sa = ka.reduce((a, n) => {
-  const e = /* @__PURE__ */ x((p, i) => {
-    const { asChild: r, ...t } = p, u = r ? Q : n;
-    return ur(() => {
+], Xa = Ua.reduce((a, n) => {
+  const t = /* @__PURE__ */ N((p, i) => {
+    const { asChild: r, ...e } = p, u = r ? pr : n;
+    return lr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ $(u, h({}, t, {
+    }, []), /* @__PURE__ */ x(u, f({}, e, {
       ref: i
     }));
   });
-  return e.displayName = `Primitive.${n}`, {
+  return t.displayName = `Primitive.${n}`, {
     ...a,
-    [n]: e
+    [n]: t
   };
-}, {}), Oa = /* @__PURE__ */ x((a, n) => /* @__PURE__ */ $(Sa.span, h({}, a, {
+}, {}), Ka = /* @__PURE__ */ N((a, n) => /* @__PURE__ */ x(Xa.span, f({}, a, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -797,112 +924,116 @@ const ka = [
     wordWrap: "normal",
     ...a.style
   }
-}))), ja = Oa, I = ({
+}))), Wa = Ka, V = ({
   asChild: a,
   children: n,
-  className: e = "",
+  className: t = "",
   ["data-testid"]: p
-}) => /* @__PURE__ */ o(ja, { asChild: a, "data-testid": p, className: e, children: n }), B = s.bind(ba), g = "purpur-card-trigger-item", Ma = ({
+}) => /* @__PURE__ */ s(Wa, { asChild: a, "data-testid": p, className: t, children: n }), F = c.bind(Ha), g = "purpur-card-trigger-item", Ya = ({
   ["data-testid"]: a = "purpur-card-trigger-item",
   disabled: n = !1,
-  href: e,
+  href: t,
   onClick: p,
   screenReaderText: i
 }) => {
   const r = (u) => {
     n ? u.preventDefault() : p && p();
-  }, t = `${g} ${n ? `${g}--disabled` : ""}`;
-  return e ? (
+  }, e = `${g} ${n ? `${g}--disabled` : ""}`;
+  return t ? (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ s(
       "a",
       {
         "aria-disabled": n,
-        className: `${B([
+        className: `${F([
           g,
           {
             [`${g}--disabled`]: n
           }
-        ])} ${t}`,
+        ])} ${e}`,
         "data-testid": a,
-        href: n ? void 0 : e,
+        href: n ? void 0 : t,
         tabIndex: n ? 0 : void 0,
-        children: /* @__PURE__ */ o(I, { children: i })
+        onClick: r,
+        children: /* @__PURE__ */ s(V, { children: i })
       }
     )
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ s(
     "button",
     {
       "aria-disabled": n,
-      className: `${B([
+      className: `${F([
         g,
         `${g}--button`,
         {
           [`${g}--disabled`]: n
         }
-      ])} ${t}`,
+      ])} ${e}`,
       "data-testid": a,
       type: "button",
       onClick: r,
-      children: /* @__PURE__ */ o(I, { children: i })
+      children: /* @__PURE__ */ s(V, { children: i })
     }
   );
-}, Za = s.bind(wa), A = "purpur-card-root", rr = x(
+}, Ja = c.bind(Ta), M = "purpur-card-root", ir = N(
   ({
     ["data-testid"]: a = "purpur-card-root",
     children: n,
-    className: e,
+    className: t,
     disabled: p,
     fullHeight: i,
     href: r,
-    onClick: t,
+    onClick: e,
     screenReaderText: u,
-    variant: l,
-    ...ar
-  }, er) => {
-    const tr = Za([
-      A,
-      e,
+    variant: o,
+    ...S
+  }, sr) => {
+    const or = Ja([
+      M,
+      t,
       {
-        [`${A}--${l}`]: l,
-        [`${A}--full-height`]: i
+        [`${M}--${o}`]: o,
+        [`${M}--full-height`]: i
       }
     ]);
-    return /* @__PURE__ */ C("div", { className: tr, "data-testid": a, ref: er, ...ar, children: [
+    return /* @__PURE__ */ m("div", { className: or, "data-testid": a, ref: sr, ...S, children: [
       n,
-      (t || r) && u && /* @__PURE__ */ o(
-        Ma,
+      (e || r) && u && /* @__PURE__ */ s(
+        Ya,
         {
           disabled: p,
           href: r,
-          onClick: t,
+          onClick: e,
           screenReaderText: u
         }
       )
     ] });
   }
 );
-rr.displayName = "CardRoot";
-const H = s.bind(sr), k = "purpur-card", d = ({ children: a, className: n, ...e }) => {
-  const p = H([
-    k,
+ir.displayName = "CardRoot";
+const G = c.bind(hr), E = "purpur-card", l = ({ children: a, className: n, ...t }) => {
+  const p = G([
+    E,
     n,
     {
-      [`${k}--is-interactive`]: e.onClick || e.href,
-      [`${k}--disabled`]: e.disabled
+      [`${E}--is-interactive`]: t.onClick || t.href,
+      [`${E}--disabled`]: t.disabled
     }
   ]);
-  return /* @__PURE__ */ o(rr, { className: H(p), ...e, children: a });
+  return /* @__PURE__ */ s(ir, { className: G(p), ...t, children: a });
 };
-d.Badge = zr;
-d.LinkArrow = ma;
-d.Content = qr;
-d.ContentContainer = Hr;
-d.Cta = Kr;
-d.FeatureList = da;
-d.Overline = ya;
-d.displayName = "Card";
+l.Badge = Tr;
+l.LinkArrow = Aa;
+l.Content = Vr;
+l.ContentContainer = Ur;
+l.Cta = aa;
+l.FeatureList = va;
+l.Overline = Ra;
+l.Heading = Na;
+l.Media = ja;
+l.MediaLayout = La;
+l.displayName = "Card";
 export {
-  d as Card
+  l as Card
 };
 //# sourceMappingURL=card.es.js.map