@purpurds/content-block 5.12.0 → 5.13.0

package/dist/content-block.es.js

@@ -1,9 +1,9 @@
 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) {
+import S, { forwardRef as Y, Children as J } from "react";
+function Q(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var E = { exports: {} };
+var j = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -38,9 +38,9 @@ var E = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(E);
-var Y = E.exports;
-const rr = /* @__PURE__ */ X(Y), er = {
+})(j);
+var X = j.exports;
+const rr = /* @__PURE__ */ Q(X), er = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -78,26 +78,31 @@ const rr = /* @__PURE__ */ X(Y), er = {
   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 } = {}) => {
+}, lr = {
+  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"
+}, or = rr.bind(er), A = "purpur-icon", sr = "md", cr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), dr = ({ 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 = ({
+  return `<svg ${cr(n)}>${i}${t}</svg>`;
+}, _r = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), gr = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: i,
-  size: p = or,
+  size: p = sr,
   ...r
 }) => {
-  const e = cr({
-    content: dr(u.svg),
+  const e = dr({
+    content: _r(u.svg),
     title: n
-  }), a = lr(i, A, `${A}--${p}`);
+  }), a = or(i, A, `${A}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -109,10 +114,10 @@ const rr = /* @__PURE__ */ X(Y), er = {
     }
   );
 };
-function gr(t) {
+function hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} };
+var E = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -147,44 +152,48 @@ var I = { exports: {} };
     }
     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 = {
+})(E);
+var vr = E.exports;
+const mr = /* @__PURE__ */ hr(vr), O = {
+  "purpur-badge": "_purpur-badge_1r1mu_1",
+  "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
+  "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
+  "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
+  "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
+  "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
+  "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
+  "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
+}, M = "purpur-badge", _ = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
   INFORMATION: "information",
   SUCCESS: "success",
   WARNING: "warning",
-  ERROR: "error"
+  ERROR: "error",
+  BLACK_FRIDAY: "black-friday"
 }, fr = (t) => {
   switch (t) {
-    case g.ATTENTION:
-    case g.SPECIAL:
+    case _.ATTENTION:
+    case _.SPECIAL:
       return pr;
-    case g.INFORMATION:
+    case _.INFORMATION:
       return ur;
-    case g.SUCCESS:
+    case _.SUCCESS:
       return ar;
-    case g.WARNING:
+    case _.WARNING:
       return tr;
-    case g.ERROR:
+    case _.ERROR:
       return nr;
-    case g.NEUTRAL:
+    case _.NEUTRAL:
       return ir;
+    case _.BLACK_FRIDAY:
+      return lr;
     default:
       return;
   }
-}, mr = ({
+}, yr = ({
   children: t,
   showIcon: u = !0,
   variant: n,
@@ -193,16 +202,16 @@ const vr = /* @__PURE__ */ gr(hr), O = {
   className: r = "",
   ...e
 }) => {
-  const a = fr(n), o = vr([r, O[q], O[`${q}--${n}`]]);
+  const a = fr(n), o = mr([r, O[M], O[`${M}--${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 }),
+    u && a && /* @__PURE__ */ l(gr, { "data-testid": `${i}-icon`, allyTitle: p, size: "xs", svg: a }),
     t
   ] });
 };
-function yr(t) {
+function wr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var P = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -237,9 +246,9 @@ var P = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(P);
-var wr = P.exports;
-const br = /* @__PURE__ */ yr(wr), xr = {
+})(L);
+var br = L.exports;
+const xr = /* @__PURE__ */ wr(br), kr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -247,46 +256,46 @@ const br = /* @__PURE__ */ yr(wr), xr = {
   "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 = {
+}, $r = {
   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 = {
+}, Nr = {
   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 = {
+}, Sr = {
   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 = {
+}, Ar = {
   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 } = {}) => {
+}, Or = xr.bind(kr), Z = "purpur-icon", Mr = "md", Zr = (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 ${qr(n)}>${i}${t}</svg>`;
-}, Tr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
+  return `<svg ${Zr(n)}>${i}${t}</svg>`;
+}, Tr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), q = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: i,
-  size: p = Or,
+  size: p = Mr,
   ...r
 }) => {
-  const e = Mr({
+  const e = qr({
     content: Tr(u.svg),
     title: n
-  }), a = Ar(i, M, `${M}--${p}`);
+  }), a = Or(i, Z, `${Z}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -298,10 +307,10 @@ const br = /* @__PURE__ */ yr(wr), xr = {
     }
   );
 };
-function Zr(t) {
+function Ir(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var L = { exports: {} };
+var P = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -336,9 +345,9 @@ var L = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(L);
-var jr = L.exports;
-const Er = /* @__PURE__ */ Zr(jr), Ir = {
+})(P);
+var jr = P.exports;
+const Er = /* @__PURE__ */ Ir(jr), Lr = {
   "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",
@@ -352,12 +361,12 @@ const Er = /* @__PURE__ */ Zr(jr), Ir = {
   "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(
+}, Pr = Er.bind(Lr), h = "purpur-cta-link", Rr = {
+  forward: Nr,
+  external: Sr,
+  back: $r,
+  phone: Ar
+}, Cr = Y(
   ({
     children: t,
     className: u,
@@ -368,7 +377,7 @@ const Er = /* @__PURE__ */ Zr(jr), Ir = {
     size: e = "md",
     variant: a,
     icon: o = "forward",
-    ..._
+    ...g
   }, w) => {
     const v = Pr(
       [
@@ -382,19 +391,19 @@ const Er = /* @__PURE__ */ Zr(jr), Ir = {
         [`${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" }),
+    ), b = Rr[o], x = /* @__PURE__ */ y(K, { children: [
+      (o === "back" || o === "phone") && /* @__PURE__ */ l(q, { svg: b, size: e === "lg" ? "sm" : "xs" }),
       !p && t,
-      (o === "forward" || o === "external") && /* @__PURE__ */ l(T, { svg: b, size: e === "lg" ? "sm" : "xs" })
+      (o === "forward" || o === "external") && /* @__PURE__ */ l(q, { svg: b, size: e === "lg" ? "sm" : "xs" })
     ] }), k = {
-      ..._,
+      ...g,
       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 });
+    return "href" in g && g.href ? /* @__PURE__ */ l("a", { ...k, ref: w, children: x }) : /* @__PURE__ */ l("span", { ...k, ref: w, children: x });
   }
 );
-function Cr(t) {
+function Br(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var R = { exports: {} };
@@ -433,8 +442,8 @@ var R = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(R);
-var Br = R.exports;
-const Hr = /* @__PURE__ */ Cr(Br), $ = {
+var Hr = R.exports;
+const Vr = /* @__PURE__ */ Br(Hr), $ = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -450,7 +459,7 @@ const Hr = /* @__PURE__ */ Cr(Br), $ = {
   "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 = {
+}, Gr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -466,10 +475,10 @@ const Hr = /* @__PURE__ */ Cr(Br), $ = {
   enableHyphenation: i = !1,
   negative: p = !1,
   tag: r,
-  variant: e = Vr.TITLE100,
+  variant: e = Gr.TITLE100,
   ...a
 }) => {
-  const o = r, _ = Hr([
+  const o = r, g = Vr([
     n,
     $[N],
     $[`${N}--${e}`],
@@ -478,10 +487,10 @@ const Hr = /* @__PURE__ */ Cr(Br), $ = {
       [$[`${N}--negative`]]: p
     }
   ]);
-  return /* @__PURE__ */ l(o, { ...a, className: _, "data-testid": t, children: u });
+  return /* @__PURE__ */ l(o, { ...a, className: g, "data-testid": t, children: u });
 };
 C.displayName = "Heading";
-function Gr(t) {
+function Dr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var B = { exports: {} };
@@ -521,7 +530,7 @@ var B = { exports: {} };
   })();
 })(B);
 var zr = B.exports;
-const Dr = /* @__PURE__ */ Gr(zr), Ur = {
+const Fr = /* @__PURE__ */ Dr(zr), Ur = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -529,20 +538,20 @@ const Dr = /* @__PURE__ */ Gr(zr), Ur = {
   "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 = {
+}, Wr = {
   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,
+  re,
   {
     ...t,
-    svg: Fr
+    svg: Wr
   }
 );
 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 Kr = Fr.bind(Ur), T = "purpur-icon", Yr = "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" },
@@ -550,18 +559,18 @@ const Wr = Dr.bind(Ur), Z = "purpur-icon", Kr = "md", Jr = (t) => t.filter((u) =
     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 = ({
+}, Xr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: i,
-  size: p = Kr,
+  size: p = Yr,
   ...r
 }) => {
   const e = Qr({
     content: Xr(u.svg),
     title: n
-  }), a = Wr(i, Z, `${Z}--${p}`);
+  }), a = Kr(i, T, `${T}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -573,7 +582,7 @@ const Wr = Dr.bind(Ur), Z = "purpur-icon", Kr = "md", Jr = (t) => t.filter((u) =
     }
   );
 };
-function re(t) {
+function ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var V = { exports: {} };
@@ -612,8 +621,8 @@ var V = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(V);
-var ee = V.exports;
-const te = /* @__PURE__ */ re(ee), f = {
+var te = V.exports;
+const ae = /* @__PURE__ */ ee(te), m = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -628,7 +637,7 @@ const te = /* @__PURE__ */ re(ee), f = {
   "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 = {
+}, ne = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -639,33 +648,33 @@ const te = /* @__PURE__ */ re(ee), f = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, m = "purpur-paragraph", G = ({
+}, f = "purpur-paragraph", G = ({
   ["data-testid"]: t,
   children: u,
   className: n,
   disabled: i,
   enableHyphenation: p = !1,
   negative: r = !1,
-  variant: e = ae.PARAGRAPH100,
+  variant: e = ne.PARAGRAPH100,
   ...a
 }) => {
-  const o = te([
+  const o = ae([
     n,
-    f[m],
-    f[`${m}--${e}`],
+    m[f],
+    m[`${f}--${e}`],
     {
-      [f[`${m}--hyphens`]]: p,
-      [f[`${m}--disabled`]]: i,
-      [f[`${m}--negative`]]: r
+      [m[`${f}--hyphens`]]: p,
+      [m[`${f}--disabled`]]: i,
+      [m[`${f}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...a, className: o, "data-testid": t, children: u });
 };
 G.displayName = "Paragraph";
-function ne(t) {
+function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var z = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -700,9 +709,9 @@ var z = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(z);
-var ue = z.exports;
-const D = /* @__PURE__ */ ne(ue), pe = {
+})(D);
+var pe = D.exports;
+const z = /* @__PURE__ */ ue(pe), ie = {
   "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",
@@ -716,26 +725,26 @@ const D = /* @__PURE__ */ ne(ue), pe = {
   "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 = {
+}, le = {
   "purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
-}, le = D.bind(ie), j = "purpur-content-block-group", U = ({
+}, oe = z.bind(le), I = "purpur-content-block-group", F = ({
   children: t,
   className: u,
   negative: n,
   ["data-testid"]: i,
   ...p
 }) => {
-  const r = le([
+  const r = oe([
     u,
-    j,
+    I,
     {
-      [`${j}--negative`]: n
+      [`${I}--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) });
+  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: J.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 = ({
+F.displayName = "ContentBlockGroup";
+const c = z.bind(ie), s = "purpur-content-block", U = ({
   ["data-testid"]: t,
   className: u,
   negative: n,
@@ -745,7 +754,7 @@ const c = D.bind(pe), s = "purpur-content-block", F = ({
   title: e,
   ctas: a,
   usp: o,
-  headingTag: _ = "h2",
+  headingTag: g = "h2",
   headingVariant: w = "title-300",
   onCtaClick: v,
   children: b,
@@ -761,8 +770,8 @@ const c = D.bind(pe), s = "purpur-content-block", F = ({
   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 }),
+      r ? /* @__PURE__ */ l(yr, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
+      e && e.trim() && /* @__PURE__ */ l(C, { variant: w, tag: g, 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: [
@@ -778,7 +787,7 @@ const c = D.bind(pe), s = "purpur-content-block", F = ({
       ) }) : null,
       a && a.length > 0 && /* @__PURE__ */ l("div", { className: c(`${s}__links`), children: a.map(
         (d, W) => d.href && /* @__PURE__ */ l(
-          Rr,
+          Cr,
           {
             href: d.href,
             variant: W === 0 ? "primary" : "secondary",
@@ -792,9 +801,9 @@ const c = D.bind(pe), s = "purpur-content-block", F = ({
     ] }) })
   ] });
 };
-F.Group = U;
-F.displayName = "ContentBlock";
+U.Group = F;
+U.displayName = "ContentBlock";
 export {
-  F as ContentBlock
+  U as ContentBlock
 };
 //# sourceMappingURL=content-block.es.js.map