@purpurds/content-block 5.9.0

package/dist/content-block.es.js

@@ -0,0 +1,800 @@
+import { jsxs as y, jsx as l, Fragment as K } from "react/jsx-runtime";
+import S, { forwardRef as J, Children as Q } from "react";
+function X(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var E = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i.call(this, a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(E);
+var Y = E.exports;
+const rr = /* @__PURE__ */ X(Y), er = {
+  "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: "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"
+}, ar = {
+  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 = {
+  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"
+}, ur = {
+  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"
+}, pr = {
+  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"
+}, ir = {
+  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"
+}, lr = rr.bind(er), A = "purpur-icon", or = "md", sr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), cr = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { 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" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${sr(n)}>${i}${t}</svg>`;
+}, dr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), _r = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = or,
+  ...r
+}) => {
+  const e = cr({
+    content: dr(u.svg),
+    title: n
+  }), a = lr(i, A, `${A}--${p}`);
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+function gr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var I = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i(a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(I);
+var hr = I.exports;
+const vr = /* @__PURE__ */ gr(hr), 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"
+}, q = "purpur-badge", g = {
+  ATTENTION: "attention",
+  SPECIAL: "special",
+  NEUTRAL: "neutral",
+  INFORMATION: "information",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error"
+}, fr = (t) => {
+  switch (t) {
+    case g.ATTENTION:
+    case g.SPECIAL:
+      return pr;
+    case g.INFORMATION:
+      return ur;
+    case g.SUCCESS:
+      return ar;
+    case g.WARNING:
+      return tr;
+    case g.ERROR:
+      return nr;
+    case g.NEUTRAL:
+      return ir;
+    default:
+      return;
+  }
+}, mr = ({
+  children: t,
+  showIcon: u = !0,
+  variant: n,
+  ["data-testid"]: i,
+  allyLabel: p,
+  className: r = "",
+  ...e
+}) => {
+  const a = fr(n), o = vr([r, O[q], O[`${q}--${n}`]]);
+  return /* @__PURE__ */ y("span", { "aria-label": p, className: o, "data-testid": i, ...e, children: [
+    u && a && /* @__PURE__ */ l(_r, { "data-testid": `${i}-icon`, allyTitle: p, size: "xs", svg: a }),
+    t
+  ] });
+};
+function yr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var P = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i.call(this, a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(P);
+var wr = P.exports;
+const br = /* @__PURE__ */ yr(wr), xr = {
+  "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"
+}, kr = {
+  name: "arrow-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
+  keywords: ["arrow-left"],
+  category: "utility"
+}, $r = {
+  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"
+}, Nr = {
+  name: "external",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M15 3.4a.9.9 0 1 1 0-1.8h6.5a.9.9 0 0 1 .9.9V9a.9.9 0 1 1-1.8 0V4.673l-7.964 7.963a.9.9 0 1 1-1.272-1.272L19.327 3.4H15ZM1.6 5c0-1.05.85-1.9 1.9-1.9h6a.9.9 0 0 1 0 1.8h-6a.1.1 0 0 0-.1.1v15.5a.1.1 0 0 0 .1.1h16a.1.1 0 0 0 .1-.1V14a.9.9 0 1 1 1.8 0v6.5a1.9 1.9 0 0 1-1.9 1.9h-16a1.9 1.9 0 0 1-1.9-1.9V5Z" clip-rule="evenodd"/></svg>',
+  keywords: ["external"],
+  category: "media"
+}, Sr = {
+  name: "phone",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.341 2.228c.75-.622 1.73-.43 2.305.145l2.783 2.783a1.9 1.9 0 0 1 0 2.687L8.843 9.43a.1.1 0 0 0 0 .142l5.586 5.585a.1.1 0 0 0 .142 0l1.585-1.585a1.9 1.9 0 0 1 2.687 0l3.5 3.5c.343.342.698 1.023.31 1.742-.346.645-1.173 1.615-3.154 2.936-1.75 1.167-3.667 1.269-5.297.903-1.61-.361-3.015-1.192-3.839-2.016a.9.9 0 0 1 1.273-1.272c.573.572 1.669 1.242 2.96 1.532 1.27.285 2.656.188 3.905-.645 1.483-.989 2.137-1.68 2.418-2.06l-3.348-3.347a.1.1 0 0 0-.142 0l-1.586 1.585a1.9 1.9 0 0 1-2.687 0l-5.585-5.585a1.9 1.9 0 0 1 0-2.688l1.585-1.585a.1.1 0 0 0 0-.142L6.41 3.682c-.447.383-1.183 1.102-2.206 2.38-.878 1.097-1.14 2.08-1.127 2.951.013.898.323 1.758.732 2.59.24.488.733 1.079 1.551 1.88.561.549 1.227 1.152 2.002 1.854.344.312.71.644 1.098 1a.9.9 0 0 1-1.215 1.327c-.367-.336-.722-.658-1.061-.965a77.443 77.443 0 0 1-2.082-1.93c-.831-.813-1.523-1.586-1.909-2.372-.456-.93-.896-2.07-.916-3.356-.02-1.314.399-2.7 1.521-4.103 1.148-1.435 1.995-2.254 2.544-2.71Z" clip-rule="evenodd"/></svg>',
+  keywords: ["phone"],
+  category: "device"
+}, Ar = br.bind(xr), M = "purpur-icon", Or = "md", qr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Mr = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { 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" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${qr(n)}>${i}${t}</svg>`;
+}, Tr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = Or,
+  ...r
+}) => {
+  const e = Mr({
+    content: Tr(u.svg),
+    title: n
+  }), a = Ar(i, M, `${M}--${p}`);
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+function Zr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var L = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i.call(this, a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(L);
+var jr = L.exports;
+const Er = /* @__PURE__ */ Zr(jr), Ir = {
+  "purpur-cta-link": "_purpur-cta-link_1mhg7_1",
+  "purpur-cta-link--sm": "_purpur-cta-link--sm_1mhg7_33",
+  "purpur-cta-link--icon-only": "_purpur-cta-link--icon-only_1mhg7_36",
+  "purpur-cta-link--md": "_purpur-cta-link--md_1mhg7_39",
+  "purpur-cta-link--lg": "_purpur-cta-link--lg_1mhg7_45",
+  "purpur-cta-link--full-width": "_purpur-cta-link--full-width_1mhg7_51",
+  "purpur-cta-link--primary": "_purpur-cta-link--primary_1mhg7_54",
+  "purpur-cta-link--disabled": "_purpur-cta-link--disabled_1mhg7_58",
+  "purpur-cta-link--primary-negative": "_purpur-cta-link--primary-negative_1mhg7_64",
+  "purpur-cta-link--secondary": "_purpur-cta-link--secondary_1mhg7_76",
+  "purpur-cta-link--secondary-negative": "_purpur-cta-link--secondary-negative_1mhg7_87",
+  "purpur-cta-link--expressive": "_purpur-cta-link--expressive_1mhg7_98",
+  "purpur-cta-link--expressive-negative": "_purpur-cta-link--expressive-negative_1mhg7_108"
+}, Pr = Er.bind(Ir), h = "purpur-cta-link", Lr = {
+  forward: $r,
+  external: Nr,
+  back: kr,
+  phone: Sr
+}, Rr = J(
+  ({
+    children: t,
+    className: u,
+    ["data-testid"]: n,
+    fullWidth: i = !1,
+    iconOnly: p = !1,
+    negative: r = !1,
+    size: e = "md",
+    variant: a,
+    icon: o = "forward",
+    ..._
+  }, w) => {
+    const v = Pr(
+      [
+        u,
+        h,
+        `${h}--${r ? `${a}-negative` : a}`,
+        `${h}--${e}`
+      ],
+      {
+        [`${h}--icon-only`]: p,
+        [`${h}--negative`]: r,
+        [`${h}--full-width`]: i
+      }
+    ), b = Lr[o], x = /* @__PURE__ */ y(K, { children: [
+      (o === "back" || o === "phone") && /* @__PURE__ */ l(T, { svg: b, size: e === "lg" ? "sm" : "xs" }),
+      !p && t,
+      (o === "forward" || o === "external") && /* @__PURE__ */ l(T, { svg: b, size: e === "lg" ? "sm" : "xs" })
+    ] }), k = {
+      ..._,
+      className: v,
+      "data-testid": n
+    };
+    return "href" in _ && _.href ? /* @__PURE__ */ l("a", { ...k, ref: w, children: x }) : /* @__PURE__ */ l("span", { ...k, ref: w, children: x });
+  }
+);
+function Cr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var R = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i(a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(R);
+var Br = R.exports;
+const Hr = /* @__PURE__ */ Cr(Br), $ = {
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
+}, Vr = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, N = "purpur-heading", C = ({
+  ["data-testid"]: t,
+  children: u,
+  className: n = "",
+  enableHyphenation: i = !1,
+  negative: p = !1,
+  tag: r,
+  variant: e = Vr.TITLE100,
+  ...a
+}) => {
+  const o = r, _ = Hr([
+    n,
+    $[N],
+    $[`${N}--${e}`],
+    {
+      [$[`${N}--hyphens`]]: i,
+      [$[`${N}--negative`]]: p
+    }
+  ]);
+  return /* @__PURE__ */ l(o, { ...a, className: _, "data-testid": t, children: u });
+};
+C.displayName = "Heading";
+function Gr(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 u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i.call(this, a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(B);
+var zr = B.exports;
+const Dr = /* @__PURE__ */ Gr(zr), Ur = {
+  "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"
+}, Fr = {
+  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"
+}, H = (t) => /* @__PURE__ */ l(
+  Yr,
+  {
+    ...t,
+    svg: Fr
+  }
+);
+H.displayName = "IconCheckmark";
+const Wr = Dr.bind(Ur), Z = "purpur-icon", Kr = "md", Jr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Qr = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { 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" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${Jr(n)}>${i}${t}</svg>`;
+}, Xr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yr = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = Kr,
+  ...r
+}) => {
+  const e = Qr({
+    content: Xr(u.svg),
+    title: n
+  }), a = Wr(i, Z, `${Z}--${p}`);
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+function re(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 u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i(a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(V);
+var ee = V.exports;
+const te = /* @__PURE__ */ re(ee), f = {
+  "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"
+}, ae = {
+  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"
+}, m = "purpur-paragraph", G = ({
+  ["data-testid"]: t,
+  children: u,
+  className: n,
+  disabled: i,
+  enableHyphenation: p = !1,
+  negative: r = !1,
+  variant: e = ae.PARAGRAPH100,
+  ...a
+}) => {
+  const o = te([
+    n,
+    f[m],
+    f[`${m}--${e}`],
+    {
+      [f[`${m}--hyphens`]]: p,
+      [f[`${m}--disabled`]]: i,
+      [f[`${m}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ l("p", { ...a, className: o, "data-testid": t, children: u });
+};
+G.displayName = "Paragraph";
+function ne(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var z = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var a = arguments[e];
+        a && (r = p(r, i.call(this, a)));
+      }
+      return r;
+    }
+    function i(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var a in r)
+        u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(z);
+var ue = z.exports;
+const D = /* @__PURE__ */ ne(ue), pe = {
+  "purpur-content-block": "_purpur-content-block_1c7ua_1",
+  "purpur-content-block__section": "_purpur-content-block__section_1c7ua_18",
+  "purpur-content-block__image-wrapper": "_purpur-content-block__image-wrapper_1c7ua_22",
+  "purpur-content-block__video-wrapper": "_purpur-content-block__video-wrapper_1c7ua_25",
+  "purpur-content-block__content-wrapper": "_purpur-content-block__content-wrapper_1c7ua_35",
+  "purpur-content-block__badge": "_purpur-content-block__badge_1c7ua_40",
+  "purpur-content-block__content": "_purpur-content-block__content_1c7ua_35",
+  "purpur-content-block__usp-list": "_purpur-content-block__usp-list_1c7ua_46",
+  "purpur-content-block__usp-list-item": "_purpur-content-block__usp-list-item_1c7ua_51",
+  "purpur-content-block__usp-list-item-icon": "_purpur-content-block__usp-list-item-icon_1c7ua_59",
+  "purpur-content-block__links": "_purpur-content-block__links_1c7ua_62",
+  "purpur-content-block--negative": "_purpur-content-block--negative_1c7ua_73",
+  "purpur-content-block__text-spacing": "_purpur-content-block__text-spacing_1c7ua_73"
+}, ie = {
+  "purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
+}, le = D.bind(ie), j = "purpur-content-block-group", U = ({
+  children: t,
+  className: u,
+  negative: n,
+  ["data-testid"]: i,
+  ...p
+}) => {
+  const r = le([
+    u,
+    j,
+    {
+      [`${j}--negative`]: n
+    }
+  ]);
+  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: Q.map(t, (a) => S.isValidElement(a) ? S.cloneElement(a, { negative: n }) : a) });
+};
+U.displayName = "ContentBlockGroup";
+const c = D.bind(pe), s = "purpur-content-block", F = ({
+  ["data-testid"]: t,
+  className: u,
+  negative: n,
+  image: i,
+  video: p,
+  tagline: r,
+  title: e,
+  ctas: a,
+  usp: o,
+  headingTag: _ = "h2",
+  headingVariant: w = "title-300",
+  onCtaClick: v,
+  children: b,
+  ...x
+}) => {
+  const k = c([
+    u,
+    s,
+    {
+      [`${s}--negative`]: n
+    }
+  ]);
+  return /* @__PURE__ */ y("div", { "data-testid": t, className: k, ...x, children: [
+    /* @__PURE__ */ l("div", { className: c(`${s}__section`), children: p ? /* @__PURE__ */ l("div", { className: c(`${s}__video-wrapper`), children: p }) : /* @__PURE__ */ l("div", { className: c(`${s}__image-wrapper`), children: i }) }),
+    /* @__PURE__ */ l("div", { className: c(`${s}__section`), children: /* @__PURE__ */ y("div", { className: c(`${s}__content-wrapper`), children: [
+      r ? /* @__PURE__ */ l(mr, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
+      e && e.trim() && /* @__PURE__ */ l(C, { variant: w, tag: _, negative: n, children: e }),
+      /* @__PURE__ */ l("div", { className: c(`${s}__content`), children: b }),
+      o != null && o.length ? /* @__PURE__ */ l("ul", { className: c(`${s}__usp-list`), children: o.map(
+        (d) => d && /* @__PURE__ */ y("li", { className: c(`${s}__usp-list-item`), children: [
+          /* @__PURE__ */ l(
+            H,
+            {
+              size: "xs",
+              className: c(`${s}__usp-list-item-icon`)
+            }
+          ),
+          /* @__PURE__ */ l(G, { negative: n, children: d })
+        ] }, d)
+      ) }) : null,
+      a && a.length > 0 && /* @__PURE__ */ l("div", { className: c(`${s}__links`), children: a.map(
+        (d, W) => d.href && /* @__PURE__ */ l(
+          Rr,
+          {
+            href: d.href,
+            variant: W === 0 ? "primary" : "secondary",
+            negative: n,
+            onClick: () => v == null ? void 0 : v(d),
+            children: d.text
+          },
+          d.text + d.href
+        )
+      ) })
+    ] }) })
+  ] });
+};
+F.Group = U;
+F.displayName = "ContentBlock";
+export {
+  F as ContentBlock
+};
+//# sourceMappingURL=content-block.es.js.map