@purpurds/card 6.0.1 → 6.0.2

package/dist/card.es.js

@@ -1,10 +1,11 @@
-import { jsxs as h, jsx as s, Fragment as ir } from "react/jsx-runtime";
-import { forwardRef as x, Children as $, isValidElement as S, createElement as w, cloneElement as F, useEffect as sr, Fragment as or } from "react";
+import { jsxs as f, jsx as s, Fragment as B } from "react/jsx-runtime";
+import * as o from "react";
+import { forwardRef as ur } from "react";
 import "react-dom";
-function cr(t) {
+function pr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var G = { exports: {} };
+var V = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,15 +40,15 @@ var G = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(G);
-var lr = G.exports;
-const c = /* @__PURE__ */ cr(lr), dr = {
+})(V);
+var ir = V.exports;
+const l = /* @__PURE__ */ pr(ir), sr = {
   "purpur-card": "_purpur-card_1ruml_1"
 };
-function _r(t) {
+function or(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -82,9 +83,9 @@ var U = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(U);
-var gr = U.exports;
-const hr = /* @__PURE__ */ _r(gr), fr = {
+})(D);
+var cr = D.exports;
+const lr = /* @__PURE__ */ or(cr), dr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -92,26 +93,26 @@ const hr = /* @__PURE__ */ _r(gr), fr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, mr = hr.bind(fr), Z = "purpur-icon", vr = "md", yr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), br = ({ content: t = "", title: n } = {}) => {
+}, _r = lr.bind(dr), M = "purpur-icon", gr = "md", hr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), fr = ({ content: t = "", title: n } = {}) => {
   const a = [
     { 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 ${yr(a)}>${p}${t}</svg>`;
-}, $r = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), W = ({
+  return `<svg ${hr(a)}>${p}${t}</svg>`;
+}, mr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
   ["data-testid"]: t,
   svg: n,
   allyTitle: a,
   className: p,
-  size: i = vr,
+  size: i = gr,
   ...r
 }) => {
-  const e = br({
-    content: $r(n.svg),
+  const e = fr({
+    content: mr(n.svg),
     title: a
-  }), u = mr(p, Z, `${Z}--${i}`);
+  }), u = _r(p, M, `${M}--${i}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -123,47 +124,47 @@ const hr = /* @__PURE__ */ _r(gr), fr = {
     }
   );
 };
-W.displayName = "Icon";
-const wr = {
+F.displayName = "Icon";
+const vr = {
   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"
-}, xr = {
+}, yr = {
   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"
-}, Nr = {
+}, br = {
   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"
-}, Cr = {
+}, $r = {
   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"
-}, Sr = {
+}, wr = {
   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"
-}, Ar = {
+}, xr = {
   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"
-}, zr = {
+}, Nr = {
   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"
 };
-function Or(t) {
+function Cr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var X = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -198,9 +199,9 @@ var X = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(X);
-var jr = X.exports;
-const Mr = /* @__PURE__ */ Or(jr), I = {
+})(G);
+var Sr = G.exports;
+const Ar = /* @__PURE__ */ Cr(Sr), E = {
   "purpur-badge": "_purpur-badge_19vzu_1",
   "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
   "purpur-badge--special": "_purpur-badge--special_19vzu_17",
@@ -210,7 +211,7 @@ const Mr = /* @__PURE__ */ Or(jr), I = {
   "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"
-}, L = "purpur-badge", _ = {
+}, R = "purpur-badge", g = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -219,27 +220,27 @@ const Mr = /* @__PURE__ */ Or(jr), I = {
   WARNING: "warning",
   ERROR: "error",
   BLACK_FRIDAY: "black-friday"
-}, qr = (t) => {
+}, zr = (t) => {
   switch (t) {
-    case _.ATTENTION:
-    case _.SPECIAL:
-      return Sr;
-    case _.INFORMATION:
-      return Cr;
-    case _.SUCCESS:
-      return xr;
-    case _.WARNING:
+    case g.ATTENTION:
+    case g.SPECIAL:
       return wr;
-    case _.ERROR:
+    case g.INFORMATION:
+      return $r;
+    case g.SUCCESS:
+      return yr;
+    case g.WARNING:
+      return vr;
+    case g.ERROR:
+      return br;
+    case g.NEUTRAL:
+      return xr;
+    case g.BLACK_FRIDAY:
       return Nr;
-    case _.NEUTRAL:
-      return Ar;
-    case _.BLACK_FRIDAY:
-      return zr;
     default:
       return;
   }
-}, Er = ({
+}, Or = ({
   children: t,
   showIcon: n = !0,
   variant: a,
@@ -248,38 +249,38 @@ const Mr = /* @__PURE__ */ Or(jr), I = {
   className: r = "",
   ...e
 }) => {
-  const u = qr(a), o = Mr([r, I[L], I[`${L}--${a}`]]);
-  return /* @__PURE__ */ h("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 }),
+  const u = zr(a), c = Ar([r, E[R], E[`${R}--${a}`]]);
+  return /* @__PURE__ */ f("span", { "aria-label": i, className: c, "data-testid": p, ...e, children: [
+    n && u && /* @__PURE__ */ s(F, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
     t
   ] });
-}, kr = {
+}, jr = {
   "purpur-card-badge": "_purpur-card-badge_r7moe_1"
-}, Zr = c.bind(kr), Ir = "purpur-card-badge", Lr = ({
+}, Mr = l.bind(jr), Er = "purpur-card-badge", Rr = ({
   ["data-testid"]: t = "purpur-card-badge",
   variant: n,
   text: a
 }) => n && a ? /* @__PURE__ */ s(
-  Er,
+  Or,
   {
-    className: Zr(Ir),
+    className: Mr(Er),
     variant: n,
     showIcon: !1,
     "data-testid": t,
     children: a
   }
-) : null, Tr = {
+) : null, qr = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, Pr = c.bind(Tr), Rr = "purpur-card-content", Hr = ({
+}, kr = l.bind(qr), Zr = "purpur-card-content", Ir = ({
   ["data-testid"]: t = "purpur-card-content",
   children: n
-}) => /* @__PURE__ */ s("div", { className: Pr(Rr), "data-testid": t, children: n }), Br = {
+}) => /* @__PURE__ */ s("div", { className: kr(Zr), "data-testid": t, children: n }), Lr = {
   "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"
-}, Dr = c.bind(Br), z = "purpur-card-content-container", Vr = ({
+}, Pr = l.bind(Lr), N = "purpur-card-content-container", Tr = ({
   ["data-testid"]: t = "purpur-card-content-container",
   children: n,
   isFooter: a = !1,
@@ -287,21 +288,21 @@ const Mr = /* @__PURE__ */ Or(jr), I = {
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Dr([
-      z,
-      `${z}--gap-size--${p}`,
+    className: Pr([
+      N,
+      `${N}--gap-size--${p}`,
       {
-        [`${z}--footer`]: a
+        [`${N}--footer`]: a
       }
     ]),
     "data-testid": t,
     children: n
   }
 );
-function Fr(t) {
+function Hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var K = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -336,42 +337,42 @@ var K = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(K);
-var Gr = K.exports;
-const T = /* @__PURE__ */ Fr(Gr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1", m = {
+})(U);
+var Br = U.exports;
+const q = /* @__PURE__ */ Hr(Br), Vr = "_rotate_1xozj_1", Dr = "_dash_1xozj_1", m = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Ur,
+  rotate: Vr,
   "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: Wr,
+  dash: Dr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, v = "purpur-spinner", Xr = {
+}, v = "purpur-spinner", Fr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Kr = ({
+}, Gr = ({
   ["data-testid"]: t,
   disabled: n = !1,
   negative: a = !1,
-  size: p = Xr.SM,
+  size: p = Fr.SM,
   ...i
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: T([m[v], m[`${v}--${p}`]]),
+    className: q([m[v], m[`${v}--${p}`]]),
     "data-testid": t,
     ...i,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: T(m[`${v}__circle`], {
+        className: q(m[`${v}__circle`], {
           [m[`${v}__circle--disabled`]]: n,
           [m[`${v}__circle--negative`]]: a
         }),
@@ -381,7 +382,7 @@ const T = /* @__PURE__ */ Fr(Gr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
       }
     ) })
   }
-), Yr = {
+), Ur = {
   "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",
@@ -400,7 +401,7 @@ const T = /* @__PURE__ */ Fr(Gr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
   "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"
-}, Jr = c.bind(Yr), d = "purpur-card-cta", Qr = ({
+}, Wr = l.bind(Ur), _ = "purpur-card-cta", Xr = ({
   ["data-testid"]: t = "purpur-card-cta",
   className: n,
   children: a,
@@ -409,36 +410,36 @@ const T = /* @__PURE__ */ Fr(Gr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
   loading: r = !1,
   text: e,
   linkStyling: u = !1,
-  ...o
+  ...c
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: `${Jr([
-      d,
+    className: `${Wr([
+      _,
       n,
       {
-        [`${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
+        [`${_}--disabled`]: p,
+        [`${_}--text`]: !!e,
+        [`${_}--cta-styling`]: u,
+        [`${_}--button-styling`]: !u,
+        [`${_}--button-styling--md`]: !u,
+        [`${_}--button-styling--secondary`]: !u,
+        [`${_}--button-styling--icon-only`]: !u && !e
       }
-    ])} ${d}`,
+    ])} ${_}`,
     "data-testid": t,
-    ...o,
-    children: r ? /* @__PURE__ */ s(Kr, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ h(ir, { children: [
+    ...c,
+    children: r ? /* @__PURE__ */ s(Gr, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ f(B, { children: [
       i === "left" && a,
       e,
       i === "right" && a
     ] })
   }
 );
-function rt(t) {
+function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Y = { exports: {} };
+var W = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -473,9 +474,9 @@ var Y = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(Y);
-var tt = Y.exports;
-const at = /* @__PURE__ */ rt(tt), et = {
+})(W);
+var Yr = W.exports;
+const Jr = /* @__PURE__ */ Kr(Yr), Qr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -483,26 +484,26 @@ const at = /* @__PURE__ */ rt(tt), et = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, nt = at.bind(et), P = "purpur-icon", ut = "md", pt = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), it = ({ content: t = "", title: n } = {}) => {
+}, rt = Jr.bind(Qr), k = "purpur-icon", tt = "md", at = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), et = ({ content: t = "", title: n } = {}) => {
   const a = [
     { 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 ${pt(a)}>${p}${t}</svg>`;
-}, st = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
+  return `<svg ${at(a)}>${p}${t}</svg>`;
+}, nt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), X = ({
   ["data-testid"]: t,
   svg: n,
   allyTitle: a,
   className: p,
-  size: i = ut,
+  size: i = tt,
   ...r
 }) => {
-  const e = it({
-    content: st(n.svg),
+  const e = et({
+    content: nt(n.svg),
     title: a
-  }), u = nt(p, P, `${P}--${i}`);
+  }), u = rt(p, k, `${k}--${i}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -514,18 +515,18 @@ const at = /* @__PURE__ */ rt(tt), et = {
     }
   );
 };
-J.displayName = "Icon";
-const ot = {
+X.displayName = "Icon";
+const ut = {
   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"
-}, Q = (t) => /* @__PURE__ */ s(J, { ...t, svg: ot });
-Q.displayName = "IconCheckmark";
-function ct(t) {
+}, K = (t) => /* @__PURE__ */ s(X, { ...t, svg: ut });
+K.displayName = "IconCheckmark";
+function pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var rr = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -560,9 +561,9 @@ var rr = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(rr);
-var lt = rr.exports;
-const dt = /* @__PURE__ */ ct(lt), y = {
+})(Y);
+var it = Y.exports;
+const st = /* @__PURE__ */ pt(it), y = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -577,7 +578,7 @@ const dt = /* @__PURE__ */ ct(lt), 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"
-}, _t = {
+}, ot = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -588,17 +589,17 @@ const dt = /* @__PURE__ */ ct(lt), y = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, b = "purpur-paragraph", k = ({
+}, b = "purpur-paragraph", j = ({
   ["data-testid"]: t,
   children: n,
   className: a,
   disabled: p,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: e = _t.PARAGRAPH100,
+  variant: e = ot.PARAGRAPH100,
   ...u
 }) => {
-  const o = dt([
+  const c = st([
     a,
     y[b],
     y[`${b}--${e}`],
@@ -608,31 +609,31 @@ const dt = /* @__PURE__ */ ct(lt), y = {
       [y[`${b}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...u, className: o, "data-testid": t, children: n });
+  return /* @__PURE__ */ s("p", { ...u, className: c, "data-testid": t, children: n });
 };
-k.displayName = "Paragraph";
-const gt = {
+j.displayName = "Paragraph";
+const ct = {
   "purpur-card-feature-list": "_purpur-card-feature-list_ej4qm_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_ej4qm_6"
-}, R = c.bind(gt), H = "purpur-card-feature-list", ht = ({
+}, Z = l.bind(ct), I = "purpur-card-feature-list", lt = ({
   ["data-testid"]: t = "purpur-card-feature-list",
   listItems: n
-}) => n && n.length > 0 ? /* @__PURE__ */ s("ul", { className: R(H), "data-testid": t, children: n.map((a) => /* @__PURE__ */ h(
+}) => n && n.length > 0 ? /* @__PURE__ */ s("ul", { className: Z(I), "data-testid": t, children: n.map((a) => /* @__PURE__ */ f(
   "li",
   {
-    className: R(`${H}__list-item`),
+    className: Z(`${I}__list-item`),
     "data-testid": `${t}-item`,
     children: [
-      /* @__PURE__ */ s(Q, { size: "xs" }),
-      /* @__PURE__ */ s(k, { children: a })
+      /* @__PURE__ */ s(K, { size: "xs" }),
+      /* @__PURE__ */ s(j, { children: a })
     ]
   },
   a
 )) }) : null;
-function ft(t) {
+function dt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var tr = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -667,9 +668,9 @@ var tr = { exports: {} };
     }
     t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
   })();
-})(tr);
-var mt = tr.exports;
-const vt = /* @__PURE__ */ ft(mt), N = {
+})(J);
+var _t = J.exports;
+const gt = /* @__PURE__ */ dt(_t), $ = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -685,7 +686,7 @@ const vt = /* @__PURE__ */ ft(mt), N = {
   "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"
-}, yt = {
+}, ht = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -694,135 +695,130 @@ const vt = /* @__PURE__ */ ft(mt), N = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, C = "purpur-heading", ar = ({
+}, w = "purpur-heading", Q = ({
   ["data-testid"]: t,
   children: n,
   className: a = "",
   enableHyphenation: p = !1,
   negative: i = !1,
   tag: r,
-  variant: e = yt.TITLE100,
+  variant: e = ht.TITLE100,
   ...u
 }) => {
-  const o = r, A = vt([
+  const c = r, x = gt([
     a,
-    N[C],
-    N[`${C}--${e}`],
+    $[w],
+    $[`${w}--${e}`],
     {
-      [N[`${C}--hyphens`]]: p,
-      [N[`${C}--negative`]]: i
+      [$[`${w}--hyphens`]]: p,
+      [$[`${w}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ s(o, { ...u, className: A, "data-testid": t, children: n });
+  return /* @__PURE__ */ s(c, { ...u, className: x, "data-testid": t, children: n });
 };
-ar.displayName = "Heading";
-const bt = {
+Q.displayName = "Heading";
+const ft = {
   "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(bt), j = "purpur-card-heading", $t = ({
+}, C = l.bind(ft), S = "purpur-card-heading", mt = ({
   ["data-testid"]: t = "purpur-card-heading",
   title: n,
   icon: a,
   children: p,
   titleTag: i = "h2"
-}) => /* @__PURE__ */ h("div", { className: O(j), "data-testid": t, children: [
-  /* @__PURE__ */ h("div", { className: O(`${j}__heading`), children: [
-    a && /* @__PURE__ */ s("div", { className: O(`${j}__icon`), children: a }),
-    /* @__PURE__ */ s(ar, { tag: i, variant: "title-100", children: n })
+}) => /* @__PURE__ */ f("div", { className: C(S), "data-testid": t, children: [
+  /* @__PURE__ */ f("div", { className: C(`${S}__heading`), children: [
+    a && /* @__PURE__ */ s("div", { className: C(`${S}__icon`), children: a }),
+    /* @__PURE__ */ s(Q, { tag: i, variant: "title-100", children: n })
   ] }),
   p
-] }), wt = {
+] }), vt = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
-}, xt = c.bind(wt), Nt = "purpur-card-media", Ct = ({
+}, yt = l.bind(vt), bt = "purpur-card-media", $t = ({
   ["data-testid"]: t = "purpur-card-media",
   className: n,
   children: a
-}) => /* @__PURE__ */ s("div", { className: xt([Nt, n]), "data-testid": t, children: a }), St = {
+}) => /* @__PURE__ */ s("div", { className: yt([bt, n]), "data-testid": t, children: a }), wt = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1yfvb_1"
-}, At = c.bind(St), zt = "purpur-card-media-layout", Ot = ({
+}, xt = l.bind(wt), Nt = "purpur-card-media-layout", Ct = ({
   ["data-testid"]: t = "purpur-card-media-layout",
   className: n,
   children: a
-}) => /* @__PURE__ */ s("div", { className: At([zt, n]), "data-testid": t, children: a }), jt = {
+}) => /* @__PURE__ */ s("div", { className: xt([Nt, n]), "data-testid": t, children: a }), St = {
   "purpur-card-overline": "_purpur-card-overline_192fe_1"
-}, Mt = c.bind(jt), qt = "purpur-card-overline", Et = ({
+}, At = l.bind(St), zt = "purpur-card-overline", Ot = ({
   ["data-testid"]: t = "purpur-card-overline",
   overline: n
-}) => n ? /* @__PURE__ */ s(k, { className: Mt(qt), "data-testid": t, children: n }) : null, kt = {
+}) => n ? /* @__PURE__ */ s(j, { className: At(zt), "data-testid": t, children: n }) : null, jt = {
   "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"
-}, Zt = {
+}, Mt = {
   "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 f() {
-  return f = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var p in a) ({}).hasOwnProperty.call(a, p) && (t[p] = a[p]);
-    }
-    return t;
-  }, f.apply(null, arguments);
+function L(t, n) {
+  if (typeof t == "function")
+    return t(n);
+  t != null && (t.current = n);
 }
-function It(t, n) {
-  typeof t == "function" ? t(n) : t != null && (t.current = n);
-}
-function Lt(...t) {
-  return (n) => t.forEach(
-    (a) => It(a, n)
-  );
+function Et(...t) {
+  return (n) => {
+    let a = !1;
+    const p = t.map((i) => {
+      const r = L(i, n);
+      return !a && typeof r == "function" && (a = !0), r;
+    });
+    if (a)
+      return () => {
+        for (let i = 0; i < p.length; i++) {
+          const r = p[i];
+          typeof r == "function" ? r() : L(t[i], null);
+        }
+      };
+  };
 }
-const er = /* @__PURE__ */ x((t, n) => {
-  const { children: a, ...p } = t, i = $.toArray(a), r = i.find(Pt);
+var rr = o.forwardRef((t, n) => {
+  const { children: a, ...p } = t, i = o.Children.toArray(a), r = i.find(qt);
   if (r) {
-    const e = r.props.children, u = i.map((o) => o === r ? $.count(e) > 1 ? $.only(null) : /* @__PURE__ */ S(e) ? e.props.children : null : o);
-    return /* @__PURE__ */ w(E, f({}, p, {
-      ref: n
-    }), /* @__PURE__ */ S(e) ? /* @__PURE__ */ F(e, void 0, u) : null);
+    const e = r.props.children, u = i.map((c) => c === r ? o.Children.count(e) > 1 ? o.Children.only(null) : o.isValidElement(e) ? e.props.children : null : c);
+    return /* @__PURE__ */ s(O, { ...p, ref: n, children: o.isValidElement(e) ? o.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ w(E, f({}, p, {
-    ref: n
-  }), a);
+  return /* @__PURE__ */ s(O, { ...p, ref: n, children: a });
 });
-er.displayName = "Slot";
-const E = /* @__PURE__ */ x((t, n) => {
+rr.displayName = "Slot";
+var O = o.forwardRef((t, n) => {
   const { children: a, ...p } = t;
-  return /* @__PURE__ */ S(a) ? /* @__PURE__ */ F(a, {
-    ...Rt(p, a.props),
-    ref: n ? Lt(n, a.ref) : a.ref
-  }) : $.count(a) > 1 ? $.only(null) : null;
+  if (o.isValidElement(a)) {
+    const i = Zt(a), r = kt(p, a.props);
+    return a.type !== o.Fragment && (r.ref = n ? Et(n, i) : i), o.cloneElement(a, r);
+  }
+  return o.Children.count(a) > 1 ? o.Children.only(null) : null;
 });
-E.displayName = "SlotClone";
-const Tt = ({ children: t }) => /* @__PURE__ */ w(or, null, t);
-function Pt(t) {
-  return /* @__PURE__ */ S(t) && t.type === Tt;
+O.displayName = "SlotClone";
+var Rt = ({ children: t }) => /* @__PURE__ */ s(B, { children: t });
+function qt(t) {
+  return o.isValidElement(t) && t.type === Rt;
 }
-function Rt(t, n) {
-  const a = {
-    ...n
-  };
+function kt(t, n) {
+  const a = { ...n };
   for (const p in n) {
     const i = t[p], r = n[p];
     /^on[A-Z]/.test(p) ? i && r ? a[p] = (...e) => {
       r(...e), i(...e);
-    } : i && (a[p] = i) : p === "style" ? a[p] = {
-      ...i,
-      ...r
-    } : p === "className" && (a[p] = [
-      i,
-      r
-    ].filter(Boolean).join(" "));
+    } : i && (a[p] = i) : p === "style" ? a[p] = { ...i, ...r } : p === "className" && (a[p] = [i, r].filter(Boolean).join(" "));
   }
-  return {
-    ...t,
-    ...a
-  };
+  return { ...t, ...a };
+}
+function Zt(t) {
+  var n, a;
+  let p = (n = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : n.get, i = p && "isReactWarning" in p && p.isReactWarning;
+  return i ? t.ref : (p = (a = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : a.get, i = p && "isReactWarning" in p && p.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
 }
-const Ht = [
+var It = [
   "a",
   "button",
   "div",
@@ -839,41 +835,43 @@ const Ht = [
   "span",
   "svg",
   "ul"
-], Bt = Ht.reduce((t, n) => {
-  const a = /* @__PURE__ */ x((p, i) => {
-    const { asChild: r, ...e } = p, u = r ? er : n;
-    return sr(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ w(u, f({}, e, {
-      ref: i
-    }));
+], Lt = It.reduce((t, n) => {
+  const a = o.forwardRef((p, i) => {
+    const { asChild: r, ...e } = p, u = r ? rr : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(u, { ...e, ref: i });
   });
-  return a.displayName = `Primitive.${n}`, {
-    ...t,
-    [n]: a
-  };
-}, {}), Dt = /* @__PURE__ */ x((t, n) => /* @__PURE__ */ w(Bt.span, f({}, t, {
-  ref: n,
-  style: {
-    // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-    position: "absolute",
-    border: 0,
-    width: 1,
-    height: 1,
-    padding: 0,
-    margin: -1,
-    overflow: "hidden",
-    clip: "rect(0, 0, 0, 0)",
-    whiteSpace: "nowrap",
-    wordWrap: "normal",
-    ...t.style
-  }
-}))), Vt = Dt, B = ({
+  return a.displayName = `Primitive.${n}`, { ...t, [n]: a };
+}, {}), Pt = "VisuallyHidden", tr = o.forwardRef(
+  (t, n) => /* @__PURE__ */ s(
+    Lt.span,
+    {
+      ...t,
+      ref: n,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...t.style
+      }
+    }
+  )
+);
+tr.displayName = Pt;
+var Tt = tr;
+const P = ({
   asChild: t,
   children: n,
   className: a = "",
   ["data-testid"]: p
-}) => /* @__PURE__ */ s(Vt, { asChild: t, "data-testid": p, className: a, children: n }), D = c.bind(Zt), g = "purpur-card-trigger-item", Ft = ({
+}) => /* @__PURE__ */ s(Tt, { asChild: t, "data-testid": p, className: a, children: n }), T = l.bind(Mt), h = "purpur-card-trigger-item", Ht = ({
   ["data-testid"]: t = "purpur-card-trigger-item",
   disabled: n = !1,
   href: a,
@@ -882,44 +880,44 @@ const Ht = [
 }) => {
   const r = (u) => {
     n ? u.preventDefault() : p && p();
-  }, e = `${g} ${n ? `${g}--disabled` : ""}`;
+  }, e = `${h} ${n ? `${h}--disabled` : ""}`;
   return a ? (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
     /* @__PURE__ */ s(
       "a",
       {
         "aria-disabled": n,
-        className: `${D([
-          g,
+        className: `${T([
+          h,
           {
-            [`${g}--disabled`]: n
+            [`${h}--disabled`]: n
           }
         ])} ${e}`,
         "data-testid": t,
         href: n ? void 0 : a,
         tabIndex: n ? 0 : void 0,
         onClick: r,
-        children: /* @__PURE__ */ s(B, { children: i })
+        children: /* @__PURE__ */ s(P, { children: i })
       }
     )
   ) : /* @__PURE__ */ s(
     "button",
     {
       "aria-disabled": n,
-      className: `${D([
-        g,
-        `${g}--button`,
+      className: `${T([
+        h,
+        `${h}--button`,
         {
-          [`${g}--disabled`]: n
+          [`${h}--disabled`]: n
         }
       ])} ${e}`,
       "data-testid": t,
       type: "button",
       onClick: r,
-      children: /* @__PURE__ */ s(B, { children: i })
+      children: /* @__PURE__ */ s(P, { children: i })
     }
   );
-}, Gt = c.bind(kt), M = "purpur-card-root", nr = x(
+}, Bt = l.bind(jt), A = "purpur-card-root", ar = ur(
   ({
     ["data-testid"]: t = "purpur-card-root",
     children: n,
@@ -929,21 +927,21 @@ const Ht = [
     href: r,
     onClick: e,
     screenReaderText: u,
-    variant: o,
-    ...A
-  }, ur) => {
-    const pr = Gt([
-      M,
+    variant: c,
+    ...x
+  }, er) => {
+    const nr = Bt([
+      A,
       a,
       {
-        [`${M}--${o}`]: o,
-        [`${M}--full-height`]: i
+        [`${A}--${c}`]: c,
+        [`${A}--full-height`]: i
       }
     ]);
-    return /* @__PURE__ */ h("div", { className: pr, "data-testid": t, ref: ur, ...A, children: [
+    return /* @__PURE__ */ f("div", { className: nr, "data-testid": t, ref: er, ...x, children: [
       n,
       (e || r) && u && /* @__PURE__ */ s(
-        Ft,
+        Ht,
         {
           disabled: p,
           href: r,
@@ -954,29 +952,29 @@ const Ht = [
     ] });
   }
 );
-nr.displayName = "CardRoot";
-const V = c.bind(dr), q = "purpur-card", l = ({ children: t, className: n, ...a }) => {
-  const p = V([
-    q,
+ar.displayName = "CardRoot";
+const H = l.bind(sr), z = "purpur-card", d = ({ children: t, className: n, ...a }) => {
+  const p = H([
+    z,
     n,
     {
-      [`${q}--is-interactive`]: a.onClick || a.href,
-      [`${q}--disabled`]: a.disabled
+      [`${z}--is-interactive`]: a.onClick || a.href,
+      [`${z}--disabled`]: a.disabled
     }
   ]);
-  return /* @__PURE__ */ s(nr, { className: V(p), ...a, children: t });
+  return /* @__PURE__ */ s(ar, { className: H(p), ...a, children: t });
 };
-l.Badge = Lr;
-l.Content = Hr;
-l.ContentContainer = Vr;
-l.Cta = Qr;
-l.FeatureList = ht;
-l.Overline = Et;
-l.Heading = $t;
-l.Media = Ct;
-l.MediaLayout = Ot;
-l.displayName = "Card";
+d.Badge = Rr;
+d.Content = Ir;
+d.ContentContainer = Tr;
+d.Cta = Xr;
+d.FeatureList = lt;
+d.Overline = Ot;
+d.Heading = mt;
+d.Media = $t;
+d.MediaLayout = Ct;
+d.displayName = "Card";
 export {
-  l as Card
+  d as Card
 };
 //# sourceMappingURL=card.es.js.map