@purpurds/content-block 5.27.3 → 5.27.5

package/dist/content-block.es.js

@@ -1,9 +1,9 @@
 import { jsxs as w, jsx as l, Fragment as K } from "react/jsx-runtime";
-import O, { forwardRef as X, Children as Q } from "react";
+import S, { forwardRef as X, Children as Q } from "react";
 function rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} };
+var j = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -38,8 +38,8 @@ var I = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(I);
-var er = I.exports;
+})(j);
+var er = j.exports;
 const tr = /* @__PURE__ */ rr(er), ar = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -83,7 +83,7 @@ const tr = /* @__PURE__ */ rr(er), ar = {
   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"
-}, cr = tr.bind(ar), A = "purpur-icon", dr = "md", _r = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), gr = ({ content: t = "", title: u } = {}) => {
+}, cr = tr.bind(ar), O = "purpur-icon", dr = "md", _r = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), gr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -91,7 +91,7 @@ const tr = /* @__PURE__ */ rr(er), ar = {
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = u ? `<title>${u}</title>` : "";
   return `<svg ${_r(n)}>${i}${t}</svg>`;
-}, hr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({
+}, hr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
@@ -102,7 +102,7 @@ const tr = /* @__PURE__ */ rr(er), ar = {
   const e = gr({
     content: hr(u.svg),
     title: n
-  }), a = cr(i, A, `${A}--${p}`);
+  }), a = cr(i, O, `${O}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -114,11 +114,11 @@ const tr = /* @__PURE__ */ rr(er), ar = {
     }
   );
 };
-P.displayName = "Icon";
+E.displayName = "Icon";
 function vr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var T = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -153,9 +153,9 @@ var T = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(T);
-var fr = T.exports;
-const mr = /* @__PURE__ */ vr(fr), Z = {
+})(L);
+var mr = L.exports;
+const fr = /* @__PURE__ */ vr(mr), M = {
   "purpur-badge": "_purpur-badge_1r1mu_1",
   "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
   "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
@@ -165,7 +165,7 @@ const mr = /* @__PURE__ */ vr(fr), Z = {
   "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"
-}, q = "purpur-badge", g = {
+}, Z = "purpur-badge", g = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -203,16 +203,16 @@ const mr = /* @__PURE__ */ vr(fr), Z = {
   className: r = "",
   ...e
 }) => {
-  const a = yr(n), o = mr([r, Z[q], Z[`${q}--${n}`]]);
+  const a = yr(n), o = fr([r, M[Z], M[`${Z}--${n}`]]);
   return /* @__PURE__ */ w("span", { "aria-label": p, className: o, "data-testid": i, ...e, children: [
-    u && a && /* @__PURE__ */ l(P, { "data-testid": `${i}-icon`, allyTitle: p, size: "xs", svg: a }),
+    u && a && /* @__PURE__ */ l(E, { "data-testid": `${i}-icon`, allyTitle: p, size: "xs", svg: a }),
     t
   ] });
 };
 function br(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var B = { exports: {} };
+var P = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -247,8 +247,8 @@ var B = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(B);
-var xr = B.exports;
+})(P);
+var xr = P.exports;
 const kr = /* @__PURE__ */ br(xr), $r = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -262,41 +262,41 @@ const kr = /* @__PURE__ */ br(xr), $r = {
   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"
-}, Sr = {
+}, Ar = {
   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"
-}, Or = {
+}, 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"
-}, Ar = {
+}, Or = {
   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"
-}, Zr = kr.bind($r), M = "purpur-icon", qr = "md", Mr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), jr = ({ content: t = "", title: u } = {}) => {
+}, Mr = kr.bind($r), q = "purpur-icon", Zr = "md", qr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Ir = ({ 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 ${Mr(n)}>${i}${t}</svg>`;
-}, Cr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), S = ({
+  return `<svg ${qr(n)}>${i}${t}</svg>`;
+}, Tr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), A = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: i,
-  size: p = qr,
+  size: p = Zr,
   ...r
 }) => {
-  const e = jr({
-    content: Cr(u.svg),
+  const e = Ir({
+    content: Tr(u.svg),
     title: n
-  }), a = Zr(i, M, `${M}--${p}`);
+  }), a = Mr(i, q, `${q}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -308,11 +308,11 @@ const kr = /* @__PURE__ */ br(xr), $r = {
     }
   );
 };
-S.displayName = "Icon";
-function Ir(t) {
+A.displayName = "Icon";
+function jr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var H = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -347,9 +347,9 @@ var H = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(H);
-var Pr = H.exports;
-const Tr = /* @__PURE__ */ Ir(Pr), Br = {
+})(R);
+var Er = R.exports;
+const Lr = /* @__PURE__ */ jr(Er), Pr = {
   "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",
@@ -363,12 +363,12 @@ const Tr = /* @__PURE__ */ Ir(Pr), Br = {
   "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"
-}, Hr = Tr.bind(Br), v = "purpur-cta-link", Lr = {
-  forward: Sr,
-  external: Or,
+}, Rr = Lr.bind(Pr), v = "purpur-cta-link", Cr = {
+  forward: Ar,
+  external: Sr,
   back: Nr,
-  phone: Ar
-}, Rr = X(
+  phone: Or
+}, Br = X(
   ({
     children: t,
     className: u,
@@ -380,9 +380,9 @@ const Tr = /* @__PURE__ */ Ir(Pr), Br = {
     size: a = "md",
     variant: o,
     icon: _ = "forward",
-    ...f
+    ...m
   }, h) => {
-    const N = Hr(
+    const N = Rr(
       [
         u,
         v,
@@ -394,22 +394,22 @@ const Tr = /* @__PURE__ */ Ir(Pr), Br = {
         [`${v}--negative`]: e,
         [`${v}--full-width`]: i
       }
-    ), b = Lr[_], x = /* @__PURE__ */ w(K, { children: [
-      r && (_ === "back" || _ === "phone") && /* @__PURE__ */ l(S, { svg: b, size: a === "lg" ? "sm" : "xs" }),
+    ), b = Cr[_], x = /* @__PURE__ */ w(K, { children: [
+      r && (_ === "back" || _ === "phone") && /* @__PURE__ */ l(A, { svg: b, size: a === "lg" ? "sm" : "xs" }),
       (!p || p && !r) && t,
-      r && (_ === "forward" || _ === "external") && /* @__PURE__ */ l(S, { svg: b, size: a === "lg" ? "sm" : "xs" })
+      r && (_ === "forward" || _ === "external") && /* @__PURE__ */ l(A, { svg: b, size: a === "lg" ? "sm" : "xs" })
     ] }), s = {
-      ...f,
+      ...m,
       className: N,
       "data-testid": n
     };
-    return "href" in f && f.href ? /* @__PURE__ */ l("a", { ...s, ref: h, children: x }) : /* @__PURE__ */ l("span", { ...s, ref: h, children: x });
+    return "href" in m && m.href ? /* @__PURE__ */ l("a", { ...s, ref: h, children: x }) : /* @__PURE__ */ l("span", { ...s, ref: h, children: x });
   }
 );
-function Er(t) {
+function Hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var L = { exports: {} };
+var C = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -444,9 +444,9 @@ var L = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(L);
-var Vr = L.exports;
-const zr = /* @__PURE__ */ Er(Vr), k = {
+})(C);
+var Vr = C.exports;
+const Dr = /* @__PURE__ */ Hr(Vr), k = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -462,19 +462,26 @@ const zr = /* @__PURE__ */ Er(Vr), k = {
   "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"
-}, Fr = {
-  TITLE100: "title-100"
-}, $ = "purpur-heading", R = ({
+}, Gr = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, $ = "purpur-heading", B = ({
   ["data-testid"]: t,
   children: u,
   className: n = "",
   enableHyphenation: i = !1,
   negative: p = !1,
   tag: r,
-  variant: e = Fr.TITLE100,
+  variant: e = Gr.TITLE100,
   ...a
 }) => {
-  const o = r, _ = zr([
+  const o = r, _ = Dr([
     n,
     k[$],
     k[`${$}--${e}`],
@@ -485,11 +492,11 @@ const zr = /* @__PURE__ */ Er(Vr), k = {
   ]);
   return /* @__PURE__ */ l(o, { ...a, className: _, "data-testid": t, children: u });
 };
-R.displayName = "Heading";
-function Gr(t) {
+B.displayName = "Heading";
+function zr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var E = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -524,9 +531,9 @@ var E = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(E);
-var Ur = E.exports;
-const Wr = /* @__PURE__ */ Gr(Ur), Dr = {
+})(H);
+var Fr = H.exports;
+const Ur = /* @__PURE__ */ zr(Fr), Wr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -540,14 +547,14 @@ const Wr = /* @__PURE__ */ Gr(Ur), Dr = {
   keywords: ["checkmark"],
   category: "utility"
 }, V = (t) => /* @__PURE__ */ l(
-  z,
+  D,
   {
     ...t,
     svg: Yr
   }
 );
 V.displayName = "IconCheckmark";
-const Jr = Wr.bind(Dr), j = "purpur-icon", Kr = "md", Xr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Qr = ({ content: t = "", title: u } = {}) => {
+const Jr = Ur.bind(Wr), I = "purpur-icon", Kr = "md", Xr = (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" },
@@ -555,7 +562,7 @@ const Jr = Wr.bind(Dr), j = "purpur-icon", Kr = "md", Xr = (t) => t.filter((u) =
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = u ? `<title>${u}</title>` : "";
   return `<svg ${Xr(n)}>${i}${t}</svg>`;
-}, re = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), z = ({
+}, re = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), D = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
@@ -566,7 +573,7 @@ const Jr = Wr.bind(Dr), j = "purpur-icon", Kr = "md", Xr = (t) => t.filter((u) =
   const e = Qr({
     content: re(u.svg),
     title: n
-  }), a = Jr(i, j, `${j}--${p}`);
+  }), a = Jr(i, I, `${I}--${p}`);
   return /* @__PURE__ */ l(
     "span",
     {
@@ -578,11 +585,11 @@ const Jr = Wr.bind(Dr), j = "purpur-icon", Kr = "md", Xr = (t) => t.filter((u) =
     }
   );
 };
-z.displayName = "Icon";
+D.displayName = "Icon";
 function ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var F = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -617,9 +624,9 @@ var F = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(F);
-var te = F.exports;
-const ae = /* @__PURE__ */ ee(te), m = {
+})(G);
+var te = G.exports;
+const ae = /* @__PURE__ */ ee(te), f = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -635,8 +642,17 @@ const ae = /* @__PURE__ */ ee(te), m = {
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, ne = {
-  PARAGRAPH100: "paragraph-100"
-}, y = "purpur-paragraph", G = ({
+  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"
+}, y = "purpur-paragraph", z = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -648,21 +664,21 @@ const ae = /* @__PURE__ */ ee(te), m = {
 }) => {
   const o = ae([
     n,
-    m[y],
-    m[`${y}--${e}`],
+    f[y],
+    f[`${y}--${e}`],
     {
-      [m[`${y}--hyphens`]]: p,
-      [m[`${y}--disabled`]]: i,
-      [m[`${y}--negative`]]: r
+      [f[`${y}--hyphens`]]: p,
+      [f[`${y}--disabled`]]: i,
+      [f[`${y}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...a, className: o, "data-testid": t, children: u });
 };
-G.displayName = "Paragraph";
+z.displayName = "Paragraph";
 function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = { exports: {} };
+var F = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -697,25 +713,25 @@ var U = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(U);
-var pe = U.exports;
-const W = /* @__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",
-  "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"
+})(F);
+var pe = F.exports;
+const U = /* @__PURE__ */ ue(pe), ie = {
+  "purpur-content-block": "_purpur-content-block_1in4d_1",
+  "purpur-content-block__section": "_purpur-content-block__section_1in4d_18",
+  "purpur-content-block__image-wrapper": "_purpur-content-block__image-wrapper_1in4d_22",
+  "purpur-content-block__video-wrapper": "_purpur-content-block__video-wrapper_1in4d_25",
+  "purpur-content-block__content-wrapper": "_purpur-content-block__content-wrapper_1in4d_35",
+  "purpur-content-block__badge": "_purpur-content-block__badge_1in4d_40",
+  "purpur-content-block__content": "_purpur-content-block__content_1in4d_35",
+  "purpur-content-block__usp-list": "_purpur-content-block__usp-list_1in4d_46",
+  "purpur-content-block__usp-list-item": "_purpur-content-block__usp-list-item_1in4d_51",
+  "purpur-content-block__usp-list-item-icon": "_purpur-content-block__usp-list-item-icon_1in4d_59",
+  "purpur-content-block__links": "_purpur-content-block__links_1in4d_62",
+  "purpur-content-block--negative": "_purpur-content-block--negative_1in4d_73",
+  "purpur-content-block__text-spacing": "_purpur-content-block__text-spacing_1in4d_73"
 }, le = {
   "purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
-}, oe = W.bind(le), C = "purpur-content-block-group", D = ({
+}, oe = U.bind(le), T = "purpur-content-block-group", W = ({
   children: t,
   className: u,
   negative: n,
@@ -724,15 +740,15 @@ const W = /* @__PURE__ */ ue(pe), ie = {
 }) => {
   const r = oe([
     u,
-    C,
+    T,
     {
-      [`${C}--negative`]: n
+      [`${T}--negative`]: n
     }
   ]);
-  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: Q.map(t, (a) => O.isValidElement(a) ? O.cloneElement(a, { negative: n }) : a) });
+  return /* @__PURE__ */ l("div", { className: r, "data-testid": i, ...p, children: Q.map(t, (a) => S.isValidElement(a) ? S.cloneElement(a, { negative: n }) : a) });
 };
-D.displayName = "ContentBlockGroup";
-const d = W.bind(ie), c = "purpur-content-block", Y = ({
+W.displayName = "ContentBlockGroup";
+const d = U.bind(ie), c = "purpur-content-block", Y = ({
   ["data-testid"]: t,
   className: u,
   negative: n,
@@ -743,7 +759,7 @@ const d = W.bind(ie), c = "purpur-content-block", Y = ({
   ctas: a,
   usp: o,
   headingTag: _ = "h2",
-  headingVariant: f = "title-300",
+  headingVariant: m = "title-300",
   onCtaClick: h,
   children: N,
   ...b
@@ -759,7 +775,7 @@ const d = W.bind(ie), c = "purpur-content-block", Y = ({
     /* @__PURE__ */ l("div", { className: d(`${c}__section`), children: p ? /* @__PURE__ */ l("div", { className: d(`${c}__video-wrapper`), children: p }) : /* @__PURE__ */ l("div", { className: d(`${c}__image-wrapper`), children: i }) }),
     /* @__PURE__ */ l("div", { className: d(`${c}__section`), children: /* @__PURE__ */ w("div", { className: d(`${c}__content-wrapper`), children: [
       r ? /* @__PURE__ */ l(wr, { variant: "special", className: d(`${c}__badge`), children: r }) : null,
-      e && e.trim() && /* @__PURE__ */ l(R, { variant: f, tag: _, negative: n, children: e }),
+      e && e.trim() && /* @__PURE__ */ l(B, { variant: m, tag: _, negative: n, children: e }),
       /* @__PURE__ */ l("div", { className: d(`${c}__content`), children: N }),
       o != null && o.length ? /* @__PURE__ */ l("ul", { className: d(`${c}__usp-list`), children: o.map(
         (s) => s && /* @__PURE__ */ w("li", { className: d(`${c}__usp-list-item`), children: [
@@ -770,12 +786,12 @@ const d = W.bind(ie), c = "purpur-content-block", Y = ({
               className: d(`${c}__usp-list-item-icon`)
             }
           ),
-          /* @__PURE__ */ l(G, { negative: n, children: s })
+          /* @__PURE__ */ l(z, { negative: n, children: s })
         ] }, s)
       ) }) : null,
       a && a.length > 0 && /* @__PURE__ */ l("div", { className: d(`${c}__links`), children: a.map(
         (s, J) => s.href && /* @__PURE__ */ l(
-          Rr,
+          Br,
           {
             href: s.href,
             variant: J === 0 ? "primary" : "secondary",
@@ -789,7 +805,7 @@ const d = W.bind(ie), c = "purpur-content-block", Y = ({
     ] }) })
   ] });
 };
-Y.Group = D;
+Y.Group = W;
 Y.displayName = "ContentBlock";
 export {
   Y as ContentBlock