@purpurds/card 5.1.2 → 5.3.0

package/dist/card.es.js

@@ -1,56 +1,847 @@
-import { jsx as c } from "react/jsx-runtime";
-function d(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { forwardRef as $, Children as y, isValidElement as x, createElement as b, cloneElement as L, useEffect as tr, Fragment as er } from "react";
+import "react-dom";
+function ar(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var f = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(n) {
+(function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var n = {}.hasOwnProperty;
     function e() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var s = arguments[r];
-        s && (t = o(t, a.call(this, s)));
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (r = i(r, p.call(this, u)));
       }
-      return t;
+      return r;
+    }
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(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 u in r)
+        n.call(r, u) && r[u] && (a = i(a, this && this[u] || u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+  })();
+})(H);
+var nr = H.exports;
+const l = /* @__PURE__ */ ar(nr), ur = {
+  "purpur-card": "_purpur-card_5j8zb_1"
+};
+function pr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var B = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function e() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (r = i(r, p.call(this, u)));
+      }
+      return r;
+    }
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(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 u in r)
+        n.call(r, u) && r[u] && (a = i(a, this && this[u] || u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+  })();
+})(B);
+var ir = B.exports;
+const or = /* @__PURE__ */ pr(ir), sr = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, lr = {
+  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"
+}, cr = {
+  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"
+}, dr = {
+  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"
+}, _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"
+}, gr = {
+  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"
+}, hr = {
+  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.bind(sr), k = "purpur-icon", fr = "md", vr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), wr = ({ content: t = "", title: n } = {}) => {
+  const e = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = n ? `<title>${n}</title>` : "";
+  return `<svg ${vr(e)}>${p}${t}</svg>`;
+}, yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), br = ({
+  ["data-testid"]: t,
+  svg: n,
+  allyTitle: e,
+  className: p = "",
+  size: i = fr,
+  ...r
+}) => {
+  const a = wr({
+    content: yr(n.svg),
+    title: e
+  }), u = mr(p, k, `${k}--${i}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": e,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: a },
+      ...r
+    }
+  );
+};
+function $r(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var T = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function e() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        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 e.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+  })();
+})(T);
+var xr = T.exports;
+const Nr = /* @__PURE__ */ $r(xr), O = {
+  "purpur-badge": "_purpur-badge_stlab_1",
+  "purpur-badge--attention": "_purpur-badge--attention_stlab_13",
+  "purpur-badge--special": "_purpur-badge--special_stlab_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_stlab_21",
+  "purpur-badge--information": "_purpur-badge--information_stlab_25",
+  "purpur-badge--success": "_purpur-badge--success_stlab_29",
+  "purpur-badge--warning": "_purpur-badge--warning_stlab_33",
+  "purpur-badge--error": "_purpur-badge--error_stlab_37"
+}, j = "purpur-badge", c = {
+  ATTENTION: "attention",
+  SPECIAL: "special",
+  NEUTRAL: "neutral",
+  INFORMATION: "information",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error"
+}, Sr = (t) => {
+  switch (t) {
+    case c.ATTENTION:
+    case c.SPECIAL:
+      return gr;
+    case c.INFORMATION:
+      return _r;
+    case c.SUCCESS:
+      return cr;
+    case c.WARNING:
+      return lr;
+    case c.ERROR:
+      return dr;
+    case c.NEUTRAL:
+      return hr;
+    default:
+      return;
+  }
+}, Ar = ({
+  children: t,
+  showIcon: n = !0,
+  variant: e,
+  ["data-testid"]: p,
+  allyLabel: i,
+  className: r = "",
+  ...a
+}) => {
+  const u = Sr(e), s = Nr([r, O[j], O[`${j}--${e}`]]);
+  return /* @__PURE__ */ C("span", { "aria-label": i, className: s, "data-testid": p, ...a, children: [
+    n && u && /* @__PURE__ */ o(br, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
+    t
+  ] });
+}, Cr = {
+  "purpur-card-badge": "_purpur-card-badge_r7moe_1"
+}, kr = l.bind(Cr), Or = "purpur-card-badge", jr = ({
+  ["data-testid"]: t = "purpur-card-badge",
+  variant: n,
+  text: e
+}) => n && e ? /* @__PURE__ */ o(
+  Ar,
+  {
+    className: kr(Or),
+    variant: n,
+    showIcon: !1,
+    "data-testid": t,
+    children: e
+  }
+) : null, Mr = {
+  "purpur-card-content": "_purpur-card-content_2uc00_1"
+}, zr = l.bind(Mr), Zr = "purpur-card-content", Er = ({
+  ["data-testid"]: t = "purpur-card-content",
+  children: n
+}) => /* @__PURE__ */ o("div", { className: zr(Zr), "data-testid": t, children: n }), Rr = {
+  "purpur-card-content-container": "_purpur-card-content-container_dx1e4_1",
+  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_dx1e4_7"
+}, Pr = l.bind(Rr), M = "purpur-card-content-container", qr = ({
+  ["data-testid"]: t = "purpur-card-content-container",
+  children: n,
+  isFooter: e = !1
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: Pr([
+      M,
+      {
+        [`${M}--footer`]: e
+      }
+    ]),
+    "data-testid": t,
+    children: n
+  }
+);
+function Ir(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var V = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function e() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (r = i(r, p.call(this, u)));
+      }
+      return r;
+    }
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(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 u in r)
+        n.call(r, u) && r[u] && (a = i(a, this && this[u] || u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+  })();
+})(V);
+var Lr = V.exports;
+const Hr = /* @__PURE__ */ Ir(Lr), Br = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Tr = {
+  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"
+}, Vr = {
+  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"
+}, D = (t) => /* @__PURE__ */ o(
+  F,
+  {
+    ...t,
+    svg: Tr
+  }
+);
+D.displayName = "IconArrowRight";
+const G = (t) => /* @__PURE__ */ o(
+  F,
+  {
+    ...t,
+    svg: Vr
+  }
+);
+G.displayName = "IconCheckmark";
+const Dr = Hr.bind(Br), z = "purpur-icon", Gr = "md", Fr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: t = "", title: n } = {}) => {
+  const e = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = n ? `<title>${n}</title>` : "";
+  return `<svg ${Fr(e)}>${p}${t}</svg>`;
+}, Wr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
+  ["data-testid"]: t,
+  svg: n,
+  allyTitle: e,
+  className: p = "",
+  size: i = Gr,
+  ...r
+}) => {
+  const a = Ur({
+    content: Wr(n.svg),
+    title: e
+  }), u = Dr(p, z, `${z}--${i}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": e,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: a },
+      ...r
+    }
+  );
+};
+function Xr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var U = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function e() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (r = i(r, p(u)));
+      }
+      return r;
     }
-    function a(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return this && this[t] || t;
-      if (typeof t != "object")
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return e.apply(this, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var s in t)
-        i.call(t, s) && t[s] && (r = o(r, this && this[s] || s));
+      if (Array.isArray(r))
+        return e.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+  })();
+})(U);
+var Jr = U.exports;
+const Kr = /* @__PURE__ */ Xr(Jr), m = {
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "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"
+}, Qr = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, f = "purpur-paragraph", W = ({
+  ["data-testid"]: t,
+  children: n,
+  className: e = "",
+  disabled: p,
+  enableHyphenation: i = !1,
+  negative: r = !1,
+  variant: a = Qr.PARAGRAPH100,
+  ...u
+}) => {
+  const s = Kr([
+    e,
+    m[f],
+    m[`${f}--${a}`],
+    {
+      [m[`${f}--hyphens`]]: i,
+      [m[`${f}--disabled`]]: p,
+      [m[`${f}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ o("p", { ...u, className: s, "data-testid": t, children: n });
+}, Yr = {
+  "purpur-card-feature-list": "_purpur-card-feature-list_ej4qm_1",
+  "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_ej4qm_6"
+}, Z = l.bind(Yr), E = "purpur-card-feature-list", rt = ({
+  ["data-testid"]: t = "purpur-card-feature-list",
+  listItems: n
+}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: Z(E), "data-testid": t, children: n.map((e) => /* @__PURE__ */ C(
+  "li",
+  {
+    className: Z(`${E}__list-item`),
+    "data-testid": `${t}-item`,
+    children: [
+      /* @__PURE__ */ o(G, { size: "xs" }),
+      /* @__PURE__ */ o(W, { children: e })
+    ]
+  },
+  e
+)) }) : null;
+function tt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var X = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function e() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (r = i(r, p(u)));
+      }
       return r;
     }
-    function o(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return e.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
+      return a;
+    }
+    function i(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
     }
-    n.exports ? (e.default = e, n.exports = e) : window.classNames = e;
+    t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
   })();
-})(f);
-var l = f.exports;
-const _ = /* @__PURE__ */ d(l), h = {
-  "purpur-card": "_purpur-card_172jf_1",
-  "purpur-card__container": "_purpur-card__container_172jf_10"
-}, p = _.bind(h), u = "purpur-card", m = ({
-  ["data-testid"]: n,
-  children: i,
-  className: e,
-  containerClassName: a,
-  ...o
-}) => /* @__PURE__ */ c("div", { className: p(`${u}__container`, a), children: /* @__PURE__ */ c("div", { className: p([u, e]), "data-testid": n, ...o, children: i }) });
-m.displayName = "Card";
+})(X);
+var et = X.exports;
+const R = /* @__PURE__ */ tt(et), at = "_rotate_1xozj_1", nt = "_dash_1xozj_1", v = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: at,
+  "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: nt,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, w = "purpur-spinner", ut = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, pt = ({
+  ["data-testid"]: t,
+  disabled: n = !1,
+  negative: e = !1,
+  size: p = ut.SM,
+  ...i
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: R([v[w], v[`${w}--${p}`]]),
+    "data-testid": t,
+    ...i,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: R(v[`${w}__circle`], {
+          [v[`${w}__circle--disabled`]]: n,
+          [v[`${w}__circle--negative`]]: e
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+), it = {
+  "purpur-card-link-arrow": "_purpur-card-link-arrow_1r4zu_1",
+  "purpur-card-link-arrow--sm": "_purpur-card-link-arrow--sm_1r4zu_33",
+  "purpur-card-link-arrow--icon-only": "_purpur-card-link-arrow--icon-only_1r4zu_36",
+  "purpur-card-link-arrow--md": "_purpur-card-link-arrow--md_1r4zu_39",
+  "purpur-card-link-arrow--lg": "_purpur-card-link-arrow--lg_1r4zu_45",
+  "purpur-card-link-arrow--full-width": "_purpur-card-link-arrow--full-width_1r4zu_51",
+  "purpur-card-link-arrow--primary": "_purpur-card-link-arrow--primary_1r4zu_54",
+  "purpur-card-link-arrow--disabled": "_purpur-card-link-arrow--disabled_1r4zu_58",
+  "purpur-card-link-arrow--primary-negative": "_purpur-card-link-arrow--primary-negative_1r4zu_64",
+  "purpur-card-link-arrow--secondary": "_purpur-card-link-arrow--secondary_1r4zu_76",
+  "purpur-card-link-arrow--secondary-negative": "_purpur-card-link-arrow--secondary-negative_1r4zu_87",
+  "purpur-card-link-arrow--expressive": "_purpur-card-link-arrow--expressive_1r4zu_98",
+  "purpur-card-link-arrow--expressive-negative": "_purpur-card-link-arrow--expressive-negative_1r4zu_108"
+}, ot = l.bind(it), g = "purpur-card-link-arrow", st = ({
+  ["data-testid"]: t = "purpur-card-link-arrow",
+  className: n,
+  disabled: e = !1,
+  loading: p = !1,
+  ...i
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `${ot([
+      g,
+      n,
+      `${g}--md`,
+      `${g}--icon-only`,
+      `${g}--secondary`,
+      {
+        [`${g}--disabled`]: e
+      }
+    ])} ${g}`,
+    "data-testid": t,
+    ...i,
+    children: p ? /* @__PURE__ */ o(pt, { "data-testid": `${t}-spinner`, size: "xs", disabled: e }) : /* @__PURE__ */ o(D, { "data-testid": `${t}-arrow`, size: "md" })
+  }
+), lt = {
+  "purpur-card-overline": "_purpur-card-overline_142el_1"
+}, ct = l.bind(lt), dt = "purpur-card-overline", _t = ({
+  ["data-testid"]: t = "purpur-card-overline",
+  overline: n
+}) => n ? /* @__PURE__ */ o(W, { className: ct(dt), "data-testid": t, children: n }) : null, gt = {
+  "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"
+}, ht = {
+  "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(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var e = arguments[n];
+      for (var p in e)
+        Object.prototype.hasOwnProperty.call(e, p) && (t[p] = e[p]);
+    }
+    return t;
+  }, h.apply(this, arguments);
+}
+function mt(t, n) {
+  typeof t == "function" ? t(n) : t != null && (t.current = n);
+}
+function ft(...t) {
+  return (n) => t.forEach(
+    (e) => mt(e, n)
+  );
+}
+const J = /* @__PURE__ */ $((t, n) => {
+  const { children: e, ...p } = t, i = y.toArray(e), r = i.find(wt);
+  if (r) {
+    const a = r.props.children, u = i.map((s) => s === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ x(a) ? a.props.children : null : s);
+    return /* @__PURE__ */ b(A, h({}, p, {
+      ref: n
+    }), /* @__PURE__ */ x(a) ? /* @__PURE__ */ L(a, void 0, u) : null);
+  }
+  return /* @__PURE__ */ b(A, h({}, p, {
+    ref: n
+  }), e);
+});
+J.displayName = "Slot";
+const A = /* @__PURE__ */ $((t, n) => {
+  const { children: e, ...p } = t;
+  return /* @__PURE__ */ x(e) ? /* @__PURE__ */ L(e, {
+    ...yt(p, e.props),
+    ref: n ? ft(n, e.ref) : e.ref
+  }) : y.count(e) > 1 ? y.only(null) : null;
+});
+A.displayName = "SlotClone";
+const vt = ({ children: t }) => /* @__PURE__ */ b(er, null, t);
+function wt(t) {
+  return /* @__PURE__ */ x(t) && t.type === vt;
+}
+function yt(t, n) {
+  const e = {
+    ...n
+  };
+  for (const p in n) {
+    const i = t[p], r = n[p];
+    /^on[A-Z]/.test(p) ? i && r ? e[p] = (...a) => {
+      r(...a), i(...a);
+    } : i && (e[p] = i) : p === "style" ? e[p] = {
+      ...i,
+      ...r
+    } : p === "className" && (e[p] = [
+      i,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...t,
+    ...e
+  };
+}
+const bt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], $t = bt.reduce((t, n) => {
+  const e = /* @__PURE__ */ $((p, i) => {
+    const { asChild: r, ...a } = p, u = r ? J : n;
+    return tr(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ b(u, h({}, a, {
+      ref: i
+    }));
+  });
+  return e.displayName = `Primitive.${n}`, {
+    ...t,
+    [n]: e
+  };
+}, {}), xt = /* @__PURE__ */ $((t, n) => /* @__PURE__ */ b($t.span, h({}, 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
+  }
+}))), Nt = xt, P = ({
+  asChild: t,
+  children: n,
+  className: e = "",
+  ["data-testid"]: p
+}) => /* @__PURE__ */ o(Nt, { asChild: t, "data-testid": p, className: e, children: n }), q = l.bind(ht), d = "purpur-card-trigger-item", St = ({
+  ["data-testid"]: t = "purpur-card-trigger-item",
+  disabled: n = !1,
+  href: e,
+  onClick: p,
+  screenReaderText: i
+}) => {
+  const r = (u) => {
+    n ? u.preventDefault() : p && p();
+  }, a = `${d} ${n ? `${d}--disabled` : ""}`;
+  return e ? (
+    // eslint-disable-next-line jsx-a11y/anchor-is-valid
+    /* @__PURE__ */ o(
+      "a",
+      {
+        "aria-disabled": n,
+        className: `${q([
+          d,
+          {
+            [`${d}--disabled`]: n
+          }
+        ])} ${a}`,
+        "data-testid": t,
+        href: n ? void 0 : e,
+        tabIndex: n ? 0 : void 0,
+        children: /* @__PURE__ */ o(P, { children: i })
+      }
+    )
+  ) : /* @__PURE__ */ o(
+    "button",
+    {
+      "aria-disabled": n,
+      className: `${q([
+        d,
+        `${d}--button`,
+        {
+          [`${d}--disabled`]: n
+        }
+      ])} ${a}`,
+      "data-testid": t,
+      type: "button",
+      onClick: r,
+      children: /* @__PURE__ */ o(P, { children: i })
+    }
+  );
+}, At = l.bind(gt), N = "purpur-card-root", K = $(
+  ({
+    ["data-testid"]: t = "purpur-card-root",
+    children: n,
+    className: e,
+    disabled: p,
+    fullHeight: i,
+    href: r,
+    onClick: a,
+    screenReaderText: u,
+    variant: s,
+    ...Q
+  }, Y) => {
+    const rr = At([
+      N,
+      e,
+      {
+        [`${N}--${s}`]: s,
+        [`${N}--full-height`]: i
+      }
+    ]);
+    return /* @__PURE__ */ C("div", { className: rr, "data-testid": t, ref: Y, ...Q, children: [
+      n,
+      (a || r) && u && /* @__PURE__ */ o(
+        St,
+        {
+          disabled: p,
+          href: r,
+          onClick: a,
+          screenReaderText: u
+        }
+      )
+    ] });
+  }
+);
+K.displayName = "CardRoot";
+const I = l.bind(ur), S = "purpur-card", _ = ({ children: t, className: n, ...e }) => {
+  const p = I([
+    S,
+    n,
+    {
+      [`${S}--is-interactive`]: e.onClick || e.href,
+      [`${S}--disabled`]: e.disabled
+    }
+  ]);
+  return /* @__PURE__ */ o(K, { className: I(p), ...e, children: t });
+};
+_.Badge = jr;
+_.LinkArrow = st;
+_.Content = Er;
+_.ContentContainer = qr;
+_.FeatureList = rt;
+_.Overline = _t;
+_.displayName = "Card";
 export {
-  m as Card
+  _ as Card
 };
 //# sourceMappingURL=card.es.js.map