@purpurds/card 7.6.1 → 7.7.0

package/dist/card.es.js

@@ -1,17 +1,17 @@
-import { jsxs as b, jsx as s, Fragment as cr } from "react/jsx-runtime";
-import { forwardRef as or } from "react";
-function lr(t) {
+import { jsxs as v, jsx as s, Fragment as ir } from "react/jsx-runtime";
+import { forwardRef as sr } from "react";
+function cr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var S = { exports: {} };
+var N = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var R;
-function dr() {
-  return R || (R = 1, function(t) {
+var k;
+function or() {
+  return k || (k = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -40,26 +40,26 @@ function dr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(S)), S.exports;
+  }(N)), N.exports;
 }
-var _r = dr();
-const o = /* @__PURE__ */ lr(_r), gr = {
+var lr = or();
+const o = /* @__PURE__ */ cr(lr), dr = {
   "purpur-card__container": "_purpur-card__container_fwz6v_1",
   "purpur-card__container--full-height": "_purpur-card__container--full-height_fwz6v_4",
   "purpur-card": "_purpur-card_fwz6v_1"
 };
-function hr(t) {
+function _r(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var H = { exports: {} };
+var q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var P;
-function fr() {
-  return P || (P = 1, function(t) {
+var R;
+function gr() {
+  return R || (R = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -88,10 +88,10 @@ function fr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(H)), H.exports;
+  }(q)), q.exports;
 }
-var mr = fr();
-const vr = /* @__PURE__ */ hr(mr), yr = {
+var hr = gr();
+const fr = /* @__PURE__ */ _r(hr), mr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -99,90 +99,75 @@ const vr = /* @__PURE__ */ hr(mr), yr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, br = vr.bind(yr), E = "purpur-icon", $r = "md", wr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xr = ({ content: t = "", title: u } = {}) => {
+}, vr = fr.bind(mr), H = "purpur-icon", yr = "md", br = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), $r = ({ content: t = "", title: u } = {}) => {
   const e = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${wr(e)}>${p}${t}</svg>`;
-}, Nr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
-  ["data-testid"]: t,
-  svg: u,
-  allyTitle: e,
-  className: p,
-  size: i = $r,
-  ...r
-}) => {
-  const a = xr({
-    content: Nr(u.svg),
-    title: e
-  }), n = br(p, E, `${E}--${i}`);
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: n,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: a },
-      ...r
-    }
-  );
+  return `<svg ${br(e)}>${p}${t}</svg>`;
+}, wr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({ svg: t, allyTitle: u, className: e, size: p = yr, ...i }) => {
+  const r = $r({
+    content: wr(t.svg),
+    title: u
+  }), a = vr(e, H, `${H}--${p}`);
+  return /* @__PURE__ */ s("span", { className: a, dangerouslySetInnerHTML: { __html: r }, ...i });
 };
-rr.displayName = "Icon";
-const Cr = {
+Q.displayName = "Icon";
+const xr = {
   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"
-}, Sr = {
+}, Nr = {
   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"
-}, jr = {
+}, Cr = {
   name: "devices",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10 3.4a.1.1 0 0 0-.1.1V4a.9.9 0 0 1-1.8 0v-.5c0-1.05.85-1.9 1.9-1.9h10c1.05 0 1.9.85 1.9 1.9v15a1.9 1.9 0 0 1-1.9 1.9h-6a.9.9 0 1 1 0-1.8h6a.1.1 0 0 0 .1-.1v-15a.1.1 0 0 0-.1-.1H10ZM2.1 8c0-1.05.85-1.9 1.9-1.9h6c1.05 0 1.9.85 1.9 1.9v12a1.9 1.9 0 0 1-1.9 1.9H4A1.9 1.9 0 0 1 2.1 20V8ZM4 7.9a.1.1 0 0 0-.1.1v12a.1.1 0 0 0 .1.1h6a.1.1 0 0 0 .1-.1V8a.1.1 0 0 0-.1-.1H4ZM14.6 17a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8h-.5a.9.9 0 0 1-.9-.9Zm-8.5 1.5a.9.9 0 0 1 .9-.9h.5a.9.9 0 1 1 0 1.8H7a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["devices"],
   category: "device"
-}, zr = {
+}, jr = {
   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"
-}, Ar = {
+}, Sr = {
   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"
-}, Or = {
+}, zr = {
   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"
-}, Zr = {
+}, Ar = {
   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"
-}, Mr = {
+}, Or = {
   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 kr(t) {
+function Zr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var L = { exports: {} };
+var E = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var T;
-function qr() {
-  return T || (T = 1, function(t) {
+var L;
+function Mr() {
+  return L || (L = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -211,10 +196,10 @@ function qr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(L)), L.exports;
+  }(E)), E.exports;
 }
-var Rr = qr();
-const B = /* @__PURE__ */ kr(Rr), j = {
+var kr = Mr();
+const P = /* @__PURE__ */ Zr(kr), C = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -226,7 +211,7 @@ const B = /* @__PURE__ */ kr(Rr), j = {
   "purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
   "purpur-badge--error": "_purpur-badge--error_1mlzj_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
-}, z = "purpur-badge", d = {
+}, j = "purpur-badge", d = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -236,29 +221,29 @@ const B = /* @__PURE__ */ kr(Rr), j = {
   SPECIAL: "special",
   SUCCESS: "success",
   WARNING: "warning"
-}, Hr = (t) => {
+}, qr = (t) => {
   switch (t) {
     case d.ATTENTION:
     case d.SPECIAL:
-      return Or;
+      return zr;
     case d.INFORMATION:
-      return Ar;
+      return Sr;
     case d.GENERAL:
-      return jr;
+      return Cr;
     case d.SUCCESS:
-      return Sr;
+      return Nr;
     case d.WARNING:
-      return Cr;
+      return xr;
     case d.ERROR:
-      return zr;
+      return jr;
     case d.NEUTRAL:
-      return Zr;
+      return Ar;
     case d.BLACK_FRIDAY:
-      return Mr;
+      return Or;
     default:
       return;
   }
-}, Pr = ({
+}, Rr = ({
   children: t,
   showIcon: u = !0,
   iconAllyTitle: e,
@@ -267,50 +252,50 @@ const B = /* @__PURE__ */ kr(Rr), j = {
   className: r = "",
   ...a
 }) => {
-  const n = Hr(p), c = B([r, j[z], j[`${z}--${p}`]]);
-  return /* @__PURE__ */ b("span", { className: c, "data-testid": i, ...a, children: [
+  const n = qr(p), c = P([r, C[j], C[`${j}--${p}`]]);
+  return /* @__PURE__ */ v("span", { className: c, "data-testid": i, ...a, children: [
     u && n && /* @__PURE__ */ s(
-      rr,
+      Q,
       {
         "data-testid": `${i}-icon`,
         allyTitle: e,
         size: "xs",
         svg: n,
-        className: B(j[`${z}__icon`])
+        className: P(C[`${j}__icon`])
       }
     ),
     t
   ] });
-}, Er = {
+}, Hr = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, Lr = o.bind(Er), Tr = "purpur-card-badge", Br = ({
+}, Er = o.bind(Hr), Lr = "purpur-card-badge", Pr = ({
   ["data-testid"]: t = "purpur-card-badge",
   variant: u,
   text: e
 }) => u && e ? /* @__PURE__ */ s(
-  Pr,
+  Rr,
   {
-    className: Lr(Tr),
+    className: Er(Lr),
     variant: u,
     showIcon: !1,
     "data-testid": t,
     children: e
   }
-) : null, Ir = {
+) : null, Tr = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, Vr = o.bind(Ir), Fr = "purpur-card-content", Gr = ({
+}, Br = o.bind(Tr), Ir = "purpur-card-content", Vr = ({
   ["data-testid"]: t = "purpur-card-content",
   children: u,
   className: e,
   ...p
-}) => /* @__PURE__ */ s("div", { className: Vr(Fr, e), "data-testid": t, ...p, children: u }), Dr = {
+}) => /* @__PURE__ */ s("div", { className: Br(Ir, e), "data-testid": t, ...p, children: u }), Fr = {
   "purpur-card-content-container": "_purpur-card-content-container_5c1mb_1",
   "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_5c1mb_6",
   "purpur-card-content-container--footer": "_purpur-card-content-container--footer_5c1mb_14",
   "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_5c1mb_22",
   "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_5c1mb_25",
   "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_5c1mb_28"
-}, Ur = o.bind(Dr), w = "purpur-card-content-container", Kr = ({
+}, Gr = o.bind(Fr), b = "purpur-card-content-container", Dr = ({
   ["data-testid"]: t = "purpur-card-content-container",
   children: u,
   className: e,
@@ -321,13 +306,13 @@ const B = /* @__PURE__ */ kr(Rr), j = {
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Ur([
-      w,
+    className: Gr([
+      b,
       e,
-      `${w}--gap-size--${r}`,
+      `${b}--gap-size--${r}`,
       {
-        [`${w}--full-height`]: i,
-        [`${w}--footer`]: p
+        [`${b}--full-height`]: i,
+        [`${b}--footer`]: p
       }
     ]),
     "data-testid": t,
@@ -335,39 +320,39 @@ const B = /* @__PURE__ */ kr(Rr), j = {
     children: u
   }
 );
-function Wr(t) {
+function Ur(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var V;
-function Yr() {
-  return V || (V = 1, function(t) {
+var B;
+function Kr() {
+  return B || (B = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
         for (var r = "", a = 0; a < arguments.length; a++) {
           var n = arguments[a];
-          n && (r = i(r, p(n)));
+          n && (r = i(r, p.call(this, n)));
         }
         return r;
       }
       function p(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return e.apply(null, r);
+          return e.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var a = "";
         for (var n in r)
-          u.call(r, n) && r[n] && (a = i(a, n));
+          u.call(r, n) && r[n] && (a = i(a, this && this[n] || n));
         return a;
       }
       function i(r, a) {
@@ -375,49 +360,40 @@ function Yr() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(I)), I.exports;
+  }(T)), T.exports;
 }
-var Jr = Yr();
-const F = /* @__PURE__ */ Wr(Jr), Qr = "_rotate_12t9p_1", Xr = "_dash_12t9p_1", f = {
+var Wr = Kr();
+const Yr = /* @__PURE__ */ Ur(Wr), Jr = "_rotate_12t9p_1", Qr = "_dash_12t9p_1", Xr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Qr,
+  rotate: Jr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Xr,
+  dash: Qr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, m = "purpur-spinner", rt = {
+}, I = Yr.bind(Xr), f = "purpur-spinner", rt = {
   SM: "sm"
 }, tt = ({
-  ["data-testid"]: t,
-  disabled: u = !1,
-  negative: e = !1,
-  size: p = rt.SM,
-  ...i
-}) => /* @__PURE__ */ s(
-  "div",
+  disabled: t = !1,
+  negative: u = !1,
+  size: e = rt.SM,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: I(f, `${f}--${e}`), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  "circle",
   {
-    className: F([f[m], f[`${m}--${p}`]]),
-    "data-testid": t,
-    ...i,
-    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
-      "circle",
-      {
-        className: F(f[`${m}__circle`], {
-          [f[`${m}__circle--disabled`]]: u,
-          [f[`${m}__circle--negative`]]: e
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: I(`${f}__circle`, {
+      [`${f}__circle--disabled`]: t,
+      [`${f}__circle--negative`]: u
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-), at = {
+) }) }), at = {
   "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",
@@ -464,7 +440,7 @@ const F = /* @__PURE__ */ Wr(Jr), Qr = "_rotate_12t9p_1", Xr = "_dash_12t9p_1",
     ])} ${_}`,
     "data-testid": t,
     ...c,
-    children: r ? /* @__PURE__ */ s(tt, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ b(cr, { children: [
+    children: r ? /* @__PURE__ */ s(tt, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ v(ir, { children: [
       i === "left" && e,
       a,
       i === "right" && e
@@ -474,15 +450,15 @@ const F = /* @__PURE__ */ Wr(Jr), Qr = "_rotate_12t9p_1", Xr = "_dash_12t9p_1",
 function ut(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
 	http://jedwatson.github.io/classnames
 */
-var D;
+var F;
 function pt() {
-  return D || (D = 1, function(t) {
+  return F || (F = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -511,7 +487,7 @@ function pt() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(G)), G.exports;
+  }(V)), V.exports;
 }
 var it = pt();
 const st = /* @__PURE__ */ ut(it), ct = {
@@ -522,7 +498,7 @@ const st = /* @__PURE__ */ ut(it), ct = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ot = st.bind(ct), U = "purpur-icon", lt = "md", dt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), _t = ({ content: t = "", title: u } = {}) => {
+}, ot = st.bind(ct), G = "purpur-icon", lt = "md", dt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), _t = ({ content: t = "", title: u } = {}) => {
   const e = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -530,69 +506,54 @@ const st = /* @__PURE__ */ ut(it), ct = {
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = u ? `<title>${u}</title>` : "";
   return `<svg ${dt(e)}>${p}${t}</svg>`;
-}, gt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
-  ["data-testid"]: t,
-  svg: u,
-  allyTitle: e,
-  className: p,
-  size: i = lt,
-  ...r
-}) => {
-  const a = _t({
-    content: gt(u.svg),
-    title: e
-  }), n = ot(p, U, `${U}--${i}`);
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: n,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: a },
-      ...r
-    }
-  );
+}, gt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), X = ({ svg: t, allyTitle: u, className: e, size: p = lt, ...i }) => {
+  const r = _t({
+    content: gt(t.svg),
+    title: u
+  }), a = ot(e, G, `${G}--${p}`);
+  return /* @__PURE__ */ s("span", { className: a, dangerouslySetInnerHTML: { __html: r }, ...i });
 };
-tr.displayName = "Icon";
+X.displayName = "Icon";
 const ht = {
   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"
-}, ar = (t) => /* @__PURE__ */ s(tr, { ...t, svg: ht });
-ar.displayName = "IconCheckmark";
+}, rr = (t) => /* @__PURE__ */ s(X, { ...t, svg: ht });
+rr.displayName = "IconCheckmark";
 function ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var K = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var W;
+var U;
 function mt() {
-  return W || (W = 1, function(t) {
+  return U || (U = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
         for (var r = "", a = 0; a < arguments.length; a++) {
           var n = arguments[a];
-          n && (r = i(r, p(n)));
+          n && (r = i(r, p.call(this, n)));
         }
         return r;
       }
       function p(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return e.apply(null, r);
+          return e.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var a = "";
         for (var n in r)
-          u.call(r, n) && r[n] && (a = i(a, n));
+          u.call(r, n) && r[n] && (a = i(a, this && this[n] || n));
         return a;
       }
       function i(r, a) {
@@ -600,10 +561,10 @@ function mt() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(K)), K.exports;
+  }(D)), D.exports;
 }
 var vt = mt();
-const yt = /* @__PURE__ */ ft(vt), v = {
+const yt = /* @__PURE__ */ ft(vt), bt = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -618,62 +579,56 @@ const yt = /* @__PURE__ */ ft(vt), v = {
   "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"
-}, bt = {
+}, $t = yt.bind(bt), wt = {
   PARAGRAPH100: "paragraph-100"
-}, y = "purpur-paragraph", q = ({
-  ["data-testid"]: t,
-  children: u,
-  className: e,
-  disabled: p,
-  enableHyphenation: i = !1,
-  negative: r = !1,
-  variant: a = bt.PARAGRAPH100,
-  ...n
+}, m = "purpur-paragraph", M = ({
+  children: t,
+  className: u,
+  disabled: e,
+  enableHyphenation: p = !1,
+  negative: i = !1,
+  variant: r = wt.PARAGRAPH100,
+  ...a
 }) => {
-  const c = yt([
-    e,
-    v[y],
-    v[`${y}--${a}`],
-    {
-      [v[`${y}--hyphens`]]: i,
-      [v[`${y}--disabled`]]: p,
-      [v[`${y}--negative`]]: r
-    }
-  ]);
-  return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": t, children: u });
+  const n = $t(u, m, `${m}--${r}`, {
+    [`${m}--hyphens`]: p,
+    [`${m}--disabled`]: e,
+    [`${m}--negative`]: i
+  });
+  return /* @__PURE__ */ s("p", { ...a, className: n, children: t });
 };
-q.displayName = "Paragraph";
-const $t = {
+M.displayName = "Paragraph";
+const xt = {
   "purpur-card-feature-list": "_purpur-card-feature-list_1hnss_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_1hnss_7",
   "purpur-card-feature-list__icon": "_purpur-card-feature-list__icon_1hnss_12"
-}, A = o.bind($t), O = "purpur-card-feature-list", wt = ({
+}, S = o.bind(xt), z = "purpur-card-feature-list", Nt = ({
   ["data-testid"]: t = "purpur-card-feature-list",
   listItems: u
-}) => u && u.length > 0 ? /* @__PURE__ */ s("ul", { className: A(O), "data-testid": t, children: u.map((e) => /* @__PURE__ */ b(
+}) => u && u.length > 0 ? /* @__PURE__ */ s("ul", { className: S(z), "data-testid": t, children: u.map((e) => /* @__PURE__ */ v(
   "li",
   {
-    className: A(`${O}__list-item`),
+    className: S(`${z}__list-item`),
     "data-testid": `${t}-item`,
     children: [
-      /* @__PURE__ */ s(ar, { size: "xs", className: A(`${O}__icon`) }),
-      /* @__PURE__ */ s(q, { children: e })
+      /* @__PURE__ */ s(rr, { size: "xs", className: S(`${z}__icon`) }),
+      /* @__PURE__ */ s(M, { children: e })
     ]
   },
   e
 )) }) : null;
-function xt(t) {
+function Ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Y = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var J;
-function Nt() {
-  return J || (J = 1, function(t) {
+var W;
+function jt() {
+  return W || (W = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function e() {
@@ -702,10 +657,10 @@ function Nt() {
       }
       t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
     })();
-  }(Y)), Y.exports;
+  }(K)), K.exports;
 }
-var Ct = Nt();
-const St = /* @__PURE__ */ xt(Ct), x = {
+var St = jt();
+const zt = /* @__PURE__ */ Ct(St), $ = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -721,40 +676,40 @@ const St = /* @__PURE__ */ xt(Ct), x = {
   "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"
-}, jt = {
+}, At = {
   TITLE100: "title-100"
-}, N = "purpur-heading", er = ({
+}, w = "purpur-heading", tr = ({
   children: t,
   className: u = "",
   enableHyphenation: e = !1,
   negative: p = !1,
   tag: i,
-  variant: r = jt.TITLE100,
+  variant: r = At.TITLE100,
   ...a
 }) => {
-  const n = i, c = St([
+  const n = i, c = zt([
     u,
-    x[N],
-    x[`${N}--${r}`],
+    $[w],
+    $[`${w}--${r}`],
     {
-      [x[`${N}--hyphens`]]: e,
-      [x[`${N}--negative`]]: p
+      [$[`${w}--hyphens`]]: e,
+      [$[`${w}--negative`]]: p
     }
   ]);
   return /* @__PURE__ */ s(n, { className: c, ...a, children: t });
 };
-er.displayName = "Heading";
-const zt = {
+tr.displayName = "Heading";
+const Ot = {
   "purpur-card-heading": "_purpur-card-heading_j3j6u_1",
   "purpur-card-heading__header": "_purpur-card-heading__header_j3j6u_6",
   "purpur-card-heading__heading": "_purpur-card-heading__heading_j3j6u_11",
   "purpur-card-heading__icon": "_purpur-card-heading__icon_j3j6u_14"
-}, At = {
+}, Zt = {
   "purpur-card-trigger-item--link": "_purpur-card-trigger-item--link_t6ena_1",
   "purpur-card-trigger-item--button": "_purpur-card-trigger-item--button_t6ena_5",
   "purpur-card-trigger-item--disabled": "_purpur-card-trigger-item--disabled_t6ena_18",
   "purpur-card-trigger-item": "_purpur-card-trigger-item_t6ena_1"
-}, Q = o.bind(At), g = "purpur-card-trigger-item", Ot = ({
+}, Y = o.bind(Zt), g = "purpur-card-trigger-item", Mt = ({
   ["data-testid"]: t = "purpur-card-trigger-item",
   ["aria-label"]: u,
   disabled: e = !1,
@@ -763,15 +718,15 @@ const zt = {
   children: r,
   linkElement: a = "a"
 }) => {
-  const n = ($) => {
-    e ? $.preventDefault() : i && i();
+  const n = (y) => {
+    e ? y.preventDefault() : i && i();
   }, c = `${g} ${e ? `${g}--disabled` : ""}`;
   return p ? /* @__PURE__ */ s(
     a,
     {
       "aria-disabled": e,
       "aria-label": u,
-      className: `${Q([
+      className: `${Y([
         g,
         `${g}--link`,
         {
@@ -789,7 +744,7 @@ const zt = {
     {
       "aria-disabled": e,
       "aria-label": u,
-      className: `${Q([
+      className: `${Y([
         g,
         `${g}--button`,
         {
@@ -802,7 +757,7 @@ const zt = {
       children: r
     }
   );
-}, C = o.bind(zt), h = "purpur-card-heading", Zt = ({
+}, x = o.bind(Ot), h = "purpur-card-heading", kt = ({
   ["data-testid"]: t = "purpur-card-heading",
   ["aria-label"]: u,
   title: e,
@@ -812,34 +767,34 @@ const zt = {
   enableHyphenation: a,
   onClick: n = void 0,
   href: c = void 0,
-  disabled: $ = !1,
-  linkElement: ur = "a",
-  variant: pr = "title-100",
-  ...ir
+  disabled: y = !1,
+  linkElement: er = "a",
+  variant: nr = "title-100",
+  ...ur
 }) => {
-  const sr = C(h, {
+  const pr = x(h, {
     [`${h}--is-interactive`]: n || c,
-    [`${h}--disabled`]: $
+    [`${h}--disabled`]: y
   });
-  return /* @__PURE__ */ b("div", { className: sr, "data-testid": t, children: [
-    /* @__PURE__ */ b("div", { className: C(`${h}__header`), children: [
-      p && /* @__PURE__ */ s("div", { className: C(`${h}__icon`), children: p }),
+  return /* @__PURE__ */ v("div", { className: pr, "data-testid": t, children: [
+    /* @__PURE__ */ v("div", { className: x(`${h}__header`), children: [
+      p && /* @__PURE__ */ s("div", { className: x(`${h}__icon`), children: p }),
       /* @__PURE__ */ s(
-        er,
+        tr,
         {
           tag: r,
-          className: C(`${h}__heading`),
-          variant: pr,
+          className: x(`${h}__heading`),
+          variant: nr,
           enableHyphenation: a,
-          ...ir,
+          ...ur,
           children: n || c ? /* @__PURE__ */ s(
-            Ot,
+            Mt,
             {
               "aria-label": u,
-              disabled: $,
+              disabled: y,
               href: c,
               onClick: n,
-              linkElement: ur,
+              linkElement: er,
               children: e
             }
           ) : e
@@ -848,17 +803,17 @@ const zt = {
     ] }),
     i
   ] });
-}, Mt = {
+}, qt = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
-}, kt = o.bind(Mt), qt = "purpur-card-media", Rt = ({
+}, Rt = o.bind(qt), Ht = "purpur-card-media", Et = ({
   ["data-testid"]: t = "purpur-card-media",
   className: u,
   children: e,
   ...p
-}) => /* @__PURE__ */ s("div", { ...p, className: kt([qt, u]), "data-testid": t, children: e }), Ht = {
+}) => /* @__PURE__ */ s("div", { ...p, className: Rt([Ht, u]), "data-testid": t, children: e }), Lt = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1tkaa_1",
   "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_1tkaa_11"
-}, Pt = o.bind(Ht), X = "purpur-card-media-layout", Et = ({
+}, Pt = o.bind(Lt), J = "purpur-card-media-layout", Tt = ({
   ["data-testid"]: t = "purpur-card-media-layout",
   className: u,
   children: e,
@@ -868,21 +823,21 @@ const zt = {
   "div",
   {
     ...i,
-    className: Pt(X, u, { [`${X}--image-top`]: p }),
+    className: Pt(J, u, { [`${J}--image-top`]: p }),
     "data-testid": t,
     children: e
   }
-), Lt = {
+), Bt = {
   "purpur-card-overline": "_purpur-card-overline_qhfj0_1"
-}, Tt = o.bind(Lt), Bt = "purpur-card-overline", It = ({
+}, It = o.bind(Bt), Vt = "purpur-card-overline", Ft = ({
   ["data-testid"]: t = "purpur-card-overline",
   overline: u
-}) => u ? /* @__PURE__ */ s(q, { variant: "overline-100", className: Tt(Bt), "data-testid": t, children: u }) : null, Vt = {
+}) => u ? /* @__PURE__ */ s(M, { variant: "overline-100", className: It(Vt), "data-testid": t, children: u }) : null, Gt = {
   "purpur-card-root": "_purpur-card-root_eupww_1",
   "purpur-card-root--primary": "_purpur-card-root--primary_eupww_7",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_eupww_10",
   "purpur-card-root--full-height": "_purpur-card-root--full-height_eupww_13"
-}, Ft = o.bind(Vt), Z = "purpur-card-root", nr = or(
+}, Dt = o.bind(Gt), A = "purpur-card-root", ar = sr(
   ({
     ["data-testid"]: t = "purpur-card-root",
     children: u,
@@ -891,39 +846,39 @@ const zt = {
     variant: i,
     ...r
   }, a) => {
-    const n = Ft([
-      Z,
+    const n = Dt([
+      A,
       e,
       {
-        [`${Z}--${i}`]: i,
-        [`${Z}--full-height`]: p
+        [`${A}--${i}`]: i,
+        [`${A}--full-height`]: p
       }
     ]);
     return /* @__PURE__ */ s("div", { className: n, "data-testid": t, ref: a, ...r, children: u });
   }
 );
-nr.displayName = "CardRoot";
-const M = o.bind(gr), k = "purpur-card", l = ({ children: t, className: u, ...e }) => {
-  const p = M([k, u]);
+ar.displayName = "CardRoot";
+const O = o.bind(dr), Z = "purpur-card", l = ({ children: t, className: u, ...e }) => {
+  const p = O([Z, u]);
   return /* @__PURE__ */ s(
     "div",
     {
-      className: M(`${k}__container`, {
-        [`${k}__container--full-height`]: e.fullHeight
+      className: O(`${Z}__container`, {
+        [`${Z}__container--full-height`]: e.fullHeight
       }),
-      children: /* @__PURE__ */ s(nr, { className: M(p), ...e, children: t })
+      children: /* @__PURE__ */ s(ar, { className: O(p), ...e, children: t })
     }
   );
 };
-l.Badge = Br;
-l.Content = Gr;
-l.ContentContainer = Kr;
+l.Badge = Pr;
+l.Content = Vr;
+l.ContentContainer = Dr;
 l.Cta = nt;
-l.FeatureList = wt;
-l.Overline = It;
-l.Heading = Zt;
-l.Media = Rt;
-l.MediaLayout = Et;
+l.FeatureList = Nt;
+l.Overline = Ft;
+l.Heading = kt;
+l.Media = Et;
+l.MediaLayout = Tt;
 l.displayName = "Card";
 export {
   l as Card