@purpurds/radio-card-group 4.1.0 → 4.2.0

package/dist/radio-card-group.es.js

@@ -1,7 +1,7 @@
 import { jsx as v, jsxs as M, Fragment as Le } from "react/jsx-runtime";
-import * as be from "react";
-import S, { useCallback as k, createContext as ae, useMemo as D, createElement as m, useContext as _e, forwardRef as C, Children as P, isValidElement as G, cloneElement as W, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as R, useState as F, useReducer as Ue } from "react";
-import { flushSync as ze } from "react-dom";
+import * as _e from "react";
+import A, { useCallback as k, createContext as ae, useMemo as z, createElement as m, useContext as be, forwardRef as R, Children as P, isValidElement as U, cloneElement as Z, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as S, useState as F, useReducer as ze } from "react";
+import { flushSync as Ue } from "react-dom";
 function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -13,15 +13,15 @@ var me = { exports: {} };
 */
 (function(e) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, n(i)));
+        var c = arguments[a];
+        c && (r = i(r, o(c)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -31,32 +31,33 @@ var me = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        o.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (a = i(a, c));
       return a;
     }
-    function c(r, a) {
+    function i(r, a) {
       return a ? r ? r + " " + a : r + a : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(me);
 var Be = me.exports;
-const Ve = /* @__PURE__ */ je(Be), Q = {
-  "purpur-heading": "_purpur-heading_1abfh_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
+const Ve = /* @__PURE__ */ je(Be), V = {
+  "purpur-heading": "_purpur-heading_1g237_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
+  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
 }, qe = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -66,71 +67,73 @@ const Ve = /* @__PURE__ */ je(Be), Q = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, ee = "purpur-heading", Ke = ({
+}, q = "purpur-heading", Ke = ({
   ["data-testid"]: e,
-  children: o,
+  children: n,
   className: t = "",
-  enableHyphenation: n = !1,
-  tag: c,
-  variant: r = qe.TITLE100,
-  ...a
+  enableHyphenation: o = !1,
+  negative: i = !1,
+  tag: r,
+  variant: a = qe.TITLE100,
+  ...c
 }) => {
-  const i = c, s = Ve([
+  const s = r, u = Ve([
     t,
-    Q[ee],
-    Q[`${ee}--${r}`],
+    V[q],
+    V[`${q}--${a}`],
     {
-      [Q[`${ee}--hyphens`]]: n
+      [V[`${q}--hyphens`]]: o,
+      [V[`${q}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ v(i, { ...a, className: s, "data-testid": e, children: o });
+  return /* @__PURE__ */ v(s, { ...c, className: u, "data-testid": e, children: n });
 };
-function A() {
-  return A = Object.assign ? Object.assign.bind() : function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var t = arguments[o];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+function N() {
+  return N = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, A.apply(this, arguments);
+  }, N.apply(this, arguments);
 }
-function N(e, o, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented)
-      return o == null ? void 0 : o(c);
+function I(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), t === !1 || !i.defaultPrevented)
+      return n == null ? void 0 : n(i);
   };
 }
-function He(e, o) {
-  typeof e == "function" ? e(o) : e != null && (e.current = o);
+function He(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function $e(...e) {
-  return (o) => e.forEach(
-    (t) => He(t, o)
+  return (n) => e.forEach(
+    (t) => He(t, n)
   );
 }
 function L(...e) {
   return k($e(...e), e);
 }
-function X(e, o = []) {
+function J(e, n = []) {
   let t = [];
-  function n(r, a) {
-    const i = /* @__PURE__ */ ae(a), s = t.length;
+  function o(r, a) {
+    const c = /* @__PURE__ */ ae(a), s = t.length;
     t = [
       ...t,
       a
     ];
     function u(l) {
-      const { scope: f, children: p, ...d } = l, _ = (f == null ? void 0 : f[e][s]) || i, g = D(
+      const { scope: f, children: p, ...d } = l, b = (f == null ? void 0 : f[e][s]) || c, h = z(
         () => d,
         Object.values(d)
       );
-      return /* @__PURE__ */ m(_.Provider, {
-        value: g
+      return /* @__PURE__ */ m(b.Provider, {
+        value: h
       }, p);
     }
-    function b(l, f) {
-      const p = (f == null ? void 0 : f[e][s]) || i, d = _e(p);
+    function _(l, f) {
+      const p = (f == null ? void 0 : f[e][s]) || c, d = be(p);
       if (d)
         return d;
       if (a !== void 0)
@@ -139,54 +142,54 @@ function X(e, o = []) {
     }
     return u.displayName = r + "Provider", [
       u,
-      b
+      _
     ];
   }
-  const c = () => {
+  const i = () => {
     const r = t.map((a) => /* @__PURE__ */ ae(a));
-    return function(i) {
-      const s = (i == null ? void 0 : i[e]) || r;
-      return D(
+    return function(c) {
+      const s = (c == null ? void 0 : c[e]) || r;
+      return z(
         () => ({
           [`__scope${e}`]: {
-            ...i,
+            ...c,
             [e]: s
           }
         }),
         [
-          i,
+          c,
           s
         ]
       );
     };
   };
-  return c.scopeName = e, [
-    n,
-    Ye(c, ...o)
+  return i.scopeName = e, [
+    o,
+    Ye(i, ...n)
   ];
 }
 function Ye(...e) {
-  const o = e[0];
+  const n = e[0];
   if (e.length === 1)
-    return o;
+    return n;
   const t = () => {
-    const n = e.map(
-      (c) => ({
-        useScope: c(),
-        scopeName: c.scopeName
+    const o = e.map(
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
       })
     );
     return function(r) {
-      const a = n.reduce((i, { useScope: s, scopeName: u }) => {
+      const a = o.reduce((c, { useScope: s, scopeName: u }) => {
         const l = s(r)[`__scope${u}`];
         return {
-          ...i,
+          ...c,
           ...l
         };
       }, {});
-      return D(
+      return z(
         () => ({
-          [`__scope${o.scopeName}`]: a
+          [`__scope${n.scopeName}`]: a
         }),
         [
           a
@@ -194,56 +197,56 @@ function Ye(...e) {
       );
     };
   };
-  return t.scopeName = o.scopeName, t;
+  return t.scopeName = n.scopeName, t;
 }
 function O() {
   return O = Object.assign ? Object.assign.bind() : function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var t = arguments[o];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, O.apply(this, arguments);
 }
-const H = /* @__PURE__ */ C((e, o) => {
-  const { children: t, ...n } = e, c = P.toArray(t), r = c.find(Xe);
+const W = /* @__PURE__ */ R((e, n) => {
+  const { children: t, ...o } = e, i = P.toArray(t), r = i.find(Xe);
   if (r) {
-    const a = r.props.children, i = c.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ G(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ m(ce, O({}, n, {
-      ref: o
-    }), /* @__PURE__ */ G(a) ? /* @__PURE__ */ W(a, void 0, i) : null);
+    const a = r.props.children, c = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : s);
+    return /* @__PURE__ */ m(ie, O({}, o, {
+      ref: n
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ Z(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ m(ce, O({}, n, {
-    ref: o
+  return /* @__PURE__ */ m(ie, O({}, o, {
+    ref: n
   }), t);
 });
-H.displayName = "Slot";
-const ce = /* @__PURE__ */ C((e, o) => {
-  const { children: t, ...n } = e;
-  return /* @__PURE__ */ G(t) ? /* @__PURE__ */ W(t, {
-    ...Ze(n, t.props),
-    ref: o ? $e(o, t.ref) : t.ref
+W.displayName = "Slot";
+const ie = /* @__PURE__ */ R((e, n) => {
+  const { children: t, ...o } = e;
+  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ Z(t, {
+    ...Ze(o, t.props),
+    ref: n ? $e(n, t.ref) : t.ref
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
-ce.displayName = "SlotClone";
+ie.displayName = "SlotClone";
 const We = ({ children: e }) => /* @__PURE__ */ m(De, null, e);
 function Xe(e) {
-  return /* @__PURE__ */ G(e) && e.type === We;
+  return /* @__PURE__ */ U(e) && e.type === We;
 }
-function Ze(e, o) {
+function Ze(e, n) {
   const t = {
-    ...o
+    ...n
   };
-  for (const n in o) {
-    const c = e[n], r = o[n];
-    /^on[A-Z]/.test(n) ? c && r ? t[n] = (...i) => {
-      r(...i), c(...i);
-    } : c && (t[n] = c) : n === "style" ? t[n] = {
-      ...c,
+  for (const o in n) {
+    const i = e[o], r = n[o];
+    /^on[A-Z]/.test(o) ? i && r ? t[o] = (...c) => {
+      r(...c), i(...c);
+    } : i && (t[o] = i) : o === "style" ? t[o] = {
+      ...i,
       ...r
-    } : n === "className" && (t[n] = [
-      c,
+    } : o === "className" && (t[o] = [
+      i,
       r
     ].filter(Boolean).join(" "));
   }
@@ -269,57 +272,57 @@ const Je = [
   "span",
   "svg",
   "ul"
-], U = Je.reduce((e, o) => {
-  const t = /* @__PURE__ */ C((n, c) => {
-    const { asChild: r, ...a } = n, i = r ? H : o;
+], j = Je.reduce((e, n) => {
+  const t = /* @__PURE__ */ R((o, i) => {
+    const { asChild: r, ...a } = o, c = r ? W : n;
     return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(i, O({}, a, {
-      ref: c
+    }, []), /* @__PURE__ */ m(c, O({}, a, {
+      ref: i
     }));
   });
-  return t.displayName = `Primitive.${o}`, {
+  return t.displayName = `Primitive.${n}`, {
     ...e,
-    [o]: t
+    [n]: t
   };
 }, {});
 function Qe(e) {
-  const o = e + "CollectionProvider", [t, n] = X(o), [c, r] = t(o, {
+  const n = e + "CollectionProvider", [t, o] = J(n), [i, r] = t(n, {
     collectionRef: {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (p) => {
-    const { scope: d, children: _ } = p, g = S.useRef(null), $ = S.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ S.createElement(c, {
+    const { scope: d, children: b } = p, h = A.useRef(null), $ = A.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ A.createElement(i, {
       scope: d,
       itemMap: $,
-      collectionRef: g
-    }, _);
-  }, i = e + "CollectionSlot", s = /* @__PURE__ */ S.forwardRef((p, d) => {
-    const { scope: _, children: g } = p, $ = r(i, _), h = L(d, $.collectionRef);
-    return /* @__PURE__ */ S.createElement(H, {
-      ref: h
-    }, g);
-  }), u = e + "CollectionItemSlot", b = "data-radix-collection-item", l = /* @__PURE__ */ S.forwardRef((p, d) => {
-    const { scope: _, children: g, ...$ } = p, h = S.useRef(null), z = L(d, h), E = r(u, _);
-    return S.useEffect(() => (E.itemMap.set(h, {
-      ref: h,
+      collectionRef: h
+    }, b);
+  }, c = e + "CollectionSlot", s = /* @__PURE__ */ A.forwardRef((p, d) => {
+    const { scope: b, children: h } = p, $ = r(c, b), g = L(d, $.collectionRef);
+    return /* @__PURE__ */ A.createElement(W, {
+      ref: g
+    }, h);
+  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((p, d) => {
+    const { scope: b, children: h, ...$ } = p, g = A.useRef(null), B = L(d, g), E = r(u, b);
+    return A.useEffect(() => (E.itemMap.set(g, {
+      ref: g,
       ...$
-    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ S.createElement(H, {
-      [b]: "",
-      ref: z
-    }, g);
+    }), () => void E.itemMap.delete(g))), /* @__PURE__ */ A.createElement(W, {
+      [_]: "",
+      ref: B
+    }, h);
   });
   function f(p) {
     const d = r(e + "CollectionConsumer", p);
-    return S.useCallback(() => {
-      const g = d.collectionRef.current;
-      if (!g)
+    return A.useCallback(() => {
+      const h = d.collectionRef.current;
+      if (!h)
         return [];
-      const $ = Array.from(g.querySelectorAll(`[${b}]`));
+      const $ = Array.from(h.querySelectorAll(`[${_}]`));
       return Array.from(d.itemMap.values()).sort(
-        (E, Z) => $.indexOf(E.ref.current) - $.indexOf(Z.ref.current)
+        (E, Q) => $.indexOf(E.ref.current) - $.indexOf(Q.ref.current)
       );
     }, [
       d.collectionRef,
@@ -333,105 +336,105 @@ function Qe(e) {
       ItemSlot: l
     },
     f,
-    n
+    o
   ];
 }
-const Y = globalThis != null && globalThis.document ? Ge : () => {
-}, er = be.useId || (() => {
+const X = globalThis != null && globalThis.document ? Ge : () => {
+}, er = _e.useId || (() => {
 });
 let rr = 0;
 function tr(e) {
-  const [o, t] = be.useState(er());
-  return Y(() => {
+  const [n, t] = _e.useState(er());
+  return X(() => {
     e || t(
-      (n) => n ?? String(rr++)
+      (o) => o ?? String(rr++)
     );
   }, [
     e
-  ]), e || (o ? `radix-${o}` : "");
+  ]), e || (n ? `radix-${n}` : "");
 }
 function ue(e) {
-  const o = R(e);
+  const n = S(e);
   return T(() => {
-    o.current = e;
-  }), D(
+    n.current = e;
+  }), z(
     () => (...t) => {
-      var n;
-      return (n = o.current) === null || n === void 0 ? void 0 : n.call(o, ...t);
+      var o;
+      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
     },
     []
   );
 }
-function he({ prop: e, defaultProp: o, onChange: t = () => {
+function ge({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [n, c] = or({
-    defaultProp: o,
+  const [o, i] = nr({
+    defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : n, i = ue(t), s = k((u) => {
+  }), r = e !== void 0, a = r ? e : o, c = ue(t), s = k((u) => {
     if (r) {
       const l = typeof u == "function" ? u(e) : u;
-      l !== e && i(l);
+      l !== e && c(l);
     } else
-      c(u);
+      i(u);
   }, [
     r,
     e,
-    c,
-    i
+    i,
+    c
   ]);
   return [
     a,
     s
   ];
 }
-function or({ defaultProp: e, onChange: o }) {
-  const t = F(e), [n] = t, c = R(n), r = ue(o);
+function nr({ defaultProp: e, onChange: n }) {
+  const t = F(e), [o] = t, i = S(o), r = ue(n);
   return T(() => {
-    c.current !== n && (r(n), c.current = n);
+    i.current !== o && (r(o), i.current = o);
   }, [
-    n,
-    c,
+    o,
+    i,
     r
   ]), t;
 }
-const nr = /* @__PURE__ */ ae(void 0);
-function ge(e) {
-  const o = _e(nr);
-  return e || o || "ltr";
+const or = /* @__PURE__ */ ae(void 0);
+function he(e) {
+  const n = be(or);
+  return e || n || "ltr";
 }
 const re = "rovingFocusGroup.onEntryFocus", ar = {
   bubbles: !1,
   cancelable: !0
-}, se = "RovingFocusGroup", [ie, ve, cr] = Qe(se), [ir, ye] = X(se, [
-  cr
-]), [ur, sr] = ir(se), dr = /* @__PURE__ */ C((e, o) => /* @__PURE__ */ m(ie.Provider, {
+}, se = "RovingFocusGroup", [ce, ve, ir] = Qe(se), [cr, ye] = J(se, [
+  ir
+]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ m(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ m(ie.Slot, {
+}, /* @__PURE__ */ m(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ m(pr, O({}, e, {
-  ref: o
-}))))), pr = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRovingFocusGroup: t, orientation: n, loop: c = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: i, onCurrentTabStopIdChange: s, onEntryFocus: u, ...b } = e, l = R(null), f = L(o, l), p = ge(r), [d = null, _] = he({
+  ref: n
+}))))), pr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = S(null), f = L(n, l), p = he(r), [d = null, b] = ge({
     prop: a,
-    defaultProp: i,
+    defaultProp: c,
     onChange: s
-  }), [g, $] = F(!1), h = ue(u), z = ve(t), E = R(!1), [Z, pe] = F(0);
+  }), [h, $] = F(!1), g = ue(u), B = ve(t), E = S(!1), [Q, pe] = F(0);
   return T(() => {
     const y = l.current;
     if (y)
-      return y.addEventListener(re, h), () => y.removeEventListener(re, h);
+      return y.addEventListener(re, g), () => y.removeEventListener(re, g);
   }, [
-    h
+    g
   ]), /* @__PURE__ */ m(ur, {
     scope: t,
-    orientation: n,
+    orientation: o,
     dir: p,
-    loop: c,
+    loop: i,
     currentTabStopId: d,
     onItemFocus: k(
-      (y) => _(y),
+      (y) => b(y),
       [
-        _
+        b
       ]
     ),
     onItemShiftTab: k(
@@ -450,101 +453,101 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       ),
       []
     )
-  }, /* @__PURE__ */ m(U.div, O({
-    tabIndex: g || Z === 0 ? -1 : 0,
-    "data-orientation": n
-  }, b, {
+  }, /* @__PURE__ */ m(j.div, O({
+    tabIndex: h || Q === 0 ? -1 : 0,
+    "data-orientation": o
+  }, _, {
     ref: f,
     style: {
       outline: "none",
       ...e.style
     },
-    onMouseDown: N(e.onMouseDown, () => {
+    onMouseDown: I(e.onMouseDown, () => {
       E.current = !0;
     }),
-    onFocus: N(e.onFocus, (y) => {
+    onFocus: I(e.onFocus, (y) => {
       const we = !E.current;
-      if (y.target === y.currentTarget && we && !g) {
+      if (y.target === y.currentTarget && we && !h) {
         const le = new CustomEvent(re, ar);
         if (y.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
-          const J = z().filter(
+          const ee = B().filter(
             (w) => w.focusable
-          ), Me = J.find(
+          ), Me = ee.find(
             (w) => w.active
-          ), ke = J.find(
+          ), ke = ee.find(
             (w) => w.id === d
           ), Fe = [
             Me,
             ke,
-            ...J
+            ...ee
           ].filter(Boolean).map(
             (w) => w.ref.current
           );
-          xe(Fe);
+          Ce(Fe);
         }
       }
       E.current = !1;
     }),
-    onBlur: N(
+    onBlur: I(
       e.onBlur,
       () => $(!1)
     )
   })));
-}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRovingFocusGroup: t, focusable: n = !0, active: c = !1, tabStopId: r, ...a } = e, i = tr(), s = r || i, u = sr(lr, t), b = u.currentTabStopId === s, l = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: p } = u;
+}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: i = !1, tabStopId: r, ...a } = e, c = tr(), s = r || c, u = sr(lr, t), _ = u.currentTabStopId === s, l = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: p } = u;
   return T(() => {
-    if (n)
+    if (o)
       return f(), () => p();
   }, [
-    n,
+    o,
     f,
     p
-  ]), /* @__PURE__ */ m(ie.ItemSlot, {
+  ]), /* @__PURE__ */ m(ce.ItemSlot, {
     scope: t,
     id: s,
-    focusable: n,
-    active: c
-  }, /* @__PURE__ */ m(U.span, O({
-    tabIndex: b ? 0 : -1,
+    focusable: o,
+    active: i
+  }, /* @__PURE__ */ m(j.span, O({
+    tabIndex: _ ? 0 : -1,
     "data-orientation": u.orientation
   }, a, {
-    ref: o,
-    onMouseDown: N(e.onMouseDown, (d) => {
-      n ? u.onItemFocus(s) : d.preventDefault();
+    ref: n,
+    onMouseDown: I(e.onMouseDown, (d) => {
+      o ? u.onItemFocus(s) : d.preventDefault();
     }),
-    onFocus: N(
+    onFocus: I(
       e.onFocus,
       () => u.onItemFocus(s)
     ),
-    onKeyDown: N(e.onKeyDown, (d) => {
+    onKeyDown: I(e.onKeyDown, (d) => {
       if (d.key === "Tab" && d.shiftKey) {
         u.onItemShiftTab();
         return;
       }
       if (d.target !== d.currentTarget)
         return;
-      const _ = mr(d, u.orientation, u.dir);
-      if (_ !== void 0) {
+      const b = mr(d, u.orientation, u.dir);
+      if (b !== void 0) {
         d.preventDefault();
         let $ = l().filter(
-          (h) => h.focusable
+          (g) => g.focusable
         ).map(
-          (h) => h.ref.current
+          (g) => g.ref.current
         );
-        if (_ === "last")
+        if (b === "last")
           $.reverse();
-        else if (_ === "prev" || _ === "next") {
-          _ === "prev" && $.reverse();
-          const h = $.indexOf(d.currentTarget);
-          $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
+        else if (b === "prev" || b === "next") {
+          b === "prev" && $.reverse();
+          const g = $.indexOf(d.currentTarget);
+          $ = u.loop ? $r($, g + 1) : $.slice(g + 1);
         }
         setTimeout(
-          () => xe($)
+          () => Ce($)
         );
       }
     })
   })));
-}), br = {
+}), _r = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -554,90 +557,90 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function _r(e, o) {
-  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function br(e, n) {
+  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function mr(e, o, t) {
-  const n = _r(e.key, t);
-  if (!(o === "vertical" && [
+function mr(e, n, t) {
+  const o = br(e.key, t);
+  if (!(n === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
-  ].includes(n)) && !(o === "horizontal" && [
+  ].includes(o)) && !(n === "horizontal" && [
     "ArrowUp",
     "ArrowDown"
-  ].includes(n)))
-    return br[n];
+  ].includes(o)))
+    return _r[o];
 }
-function xe(e) {
-  const o = document.activeElement;
+function Ce(e) {
+  const n = document.activeElement;
   for (const t of e)
-    if (t === o || (t.focus(), document.activeElement !== o))
+    if (t === n || (t.focus(), document.activeElement !== n))
       return;
 }
-function $r(e, o) {
+function $r(e, n) {
   return e.map(
-    (t, n) => e[(o + n) % e.length]
+    (t, o) => e[(n + o) % e.length]
   );
 }
-const hr = dr, gr = fr;
+const gr = dr, hr = fr;
 function vr(e) {
-  const [o, t] = F(void 0);
-  return Y(() => {
+  const [n, t] = F(void 0);
+  return X(() => {
     if (e) {
       t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
-      const n = new ResizeObserver((c) => {
-        if (!Array.isArray(c) || !c.length)
+      const o = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
           return;
-        const r = c[0];
-        let a, i;
+        const r = i[0];
+        let a, c;
         if ("borderBoxSize" in r) {
           const s = r.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
-          a = u.inlineSize, i = u.blockSize;
+          a = u.inlineSize, c = u.blockSize;
         } else
-          a = e.offsetWidth, i = e.offsetHeight;
+          a = e.offsetWidth, c = e.offsetHeight;
         t({
           width: a,
-          height: i
+          height: c
         });
       });
-      return n.observe(e, {
+      return o.observe(e, {
         box: "border-box"
-      }), () => n.unobserve(e);
+      }), () => o.unobserve(e);
     } else
       t(void 0);
   }, [
     e
-  ]), o;
+  ]), n;
 }
 function yr(e) {
-  const o = R({
+  const n = S({
     value: e,
     previous: e
   });
-  return D(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
+  return z(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
-function xr(e, o) {
-  return Ue((t, n) => {
-    const c = o[t][n];
-    return c ?? t;
+function Cr(e, n) {
+  return ze((t, o) => {
+    const i = n[t][o];
+    return i ?? t;
   }, e);
 }
-const Ce = (e) => {
-  const { present: o, children: t } = e, n = Cr(o), c = typeof t == "function" ? t({
-    present: n.isPresent
-  }) : P.only(t), r = L(n.ref, c.ref);
-  return typeof t == "function" || n.isPresent ? /* @__PURE__ */ W(c, {
+const Re = (e) => {
+  const { present: n, children: t } = e, o = Rr(n), i = typeof t == "function" ? t({
+    present: o.isPresent
+  }) : P.only(t), r = L(o.ref, i.ref);
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ Z(i, {
     ref: r
   }) : null;
 };
-Ce.displayName = "Presence";
-function Cr(e) {
-  const [o, t] = F(), n = R({}), c = R(e), r = R("none"), a = e ? "mounted" : "unmounted", [i, s] = xr(a, {
+Re.displayName = "Presence";
+function Rr(e) {
+  const [n, t] = F(), o = S({}), i = S(e), r = S("none"), a = e ? "mounted" : "unmounted", [c, s] = Cr(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -651,118 +654,118 @@ function Cr(e) {
     }
   });
   return T(() => {
-    const u = j(n.current);
-    r.current = i === "mounted" ? u : "none";
+    const u = K(o.current);
+    r.current = c === "mounted" ? u : "none";
   }, [
-    i
-  ]), Y(() => {
-    const u = n.current, b = c.current;
-    if (b !== e) {
-      const f = r.current, p = j(u);
-      e ? s("MOUNT") : p === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(b && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
+    c
+  ]), X(() => {
+    const u = o.current, _ = i.current;
+    if (_ !== e) {
+      const f = r.current, p = K(u);
+      e ? s("MOUNT") : p === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [
     e,
     s
-  ]), Y(() => {
-    if (o) {
+  ]), X(() => {
+    if (n) {
       const u = (l) => {
-        const p = j(n.current).includes(l.animationName);
-        l.target === o && p && ze(
+        const p = K(o.current).includes(l.animationName);
+        l.target === n && p && Ue(
           () => s("ANIMATION_END")
         );
-      }, b = (l) => {
-        l.target === o && (r.current = j(n.current));
+      }, _ = (l) => {
+        l.target === n && (r.current = K(o.current));
       };
-      return o.addEventListener("animationstart", b), o.addEventListener("animationcancel", u), o.addEventListener("animationend", u), () => {
-        o.removeEventListener("animationstart", b), o.removeEventListener("animationcancel", u), o.removeEventListener("animationend", u);
+      return n.addEventListener("animationstart", _), n.addEventListener("animationcancel", u), n.addEventListener("animationend", u), () => {
+        n.removeEventListener("animationstart", _), n.removeEventListener("animationcancel", u), n.removeEventListener("animationend", u);
       };
     } else
       s("ANIMATION_END");
   }, [
-    o,
+    n,
     s
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
-    ].includes(i),
+    ].includes(c),
     ref: k((u) => {
-      u && (n.current = getComputedStyle(u)), t(u);
+      u && (o.current = getComputedStyle(u)), t(u);
     }, [])
   };
 }
-function j(e) {
+function K(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Re = "Radio", [Rr, Se] = X(Re), [Sr, Ar] = Rr(Re), Ir = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRadio: t, name: n, checked: c = !1, required: r, disabled: a, value: i = "on", onCheck: s, ...u } = e, [b, l] = F(null), f = L(
-    o,
-    (_) => l(_)
-  ), p = R(!1), d = b ? !!b.closest("form") : !0;
-  return /* @__PURE__ */ m(Sr, {
+const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: c = "on", onCheck: s, ...u } = e, [_, l] = F(null), f = L(
+    n,
+    (b) => l(b)
+  ), p = S(!1), d = _ ? !!_.closest("form") : !0;
+  return /* @__PURE__ */ m(Ar, {
     scope: t,
-    checked: c,
+    checked: i,
     disabled: a
-  }, /* @__PURE__ */ m(U.button, A({
+  }, /* @__PURE__ */ m(j.button, N({
     type: "button",
     role: "radio",
-    "aria-checked": c,
-    "data-state": Ae(c),
+    "aria-checked": i,
+    "data-state": Ne(i),
     "data-disabled": a ? "" : void 0,
     disabled: a,
-    value: i
+    value: c
   }, u, {
     ref: f,
-    onClick: N(e.onClick, (_) => {
-      c || s == null || s(), d && (p.current = _.isPropagationStopped(), p.current || _.stopPropagation());
+    onClick: I(e.onClick, (b) => {
+      i || s == null || s(), d && (p.current = b.isPropagationStopped(), p.current || b.stopPropagation());
     })
   })), d && /* @__PURE__ */ m(Pr, {
-    control: b,
+    control: _,
     bubbles: !p.current,
-    name: n,
-    value: i,
-    checked: c,
+    name: o,
+    value: c,
+    checked: i,
     required: r,
     disabled: a,
     style: {
       transform: "translateX(-100%)"
     }
   }));
-}), Nr = "RadioIndicator", Er = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRadio: t, forceMount: n, ...c } = e, r = Ar(Nr, t);
-  return /* @__PURE__ */ m(Ce, {
-    present: n || r.checked
-  }, /* @__PURE__ */ m(U.span, A({
-    "data-state": Ae(r.checked),
+}), Ir = "RadioIndicator", Er = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Nr(Ir, t);
+  return /* @__PURE__ */ m(Re, {
+    present: o || r.checked
+  }, /* @__PURE__ */ m(j.span, N({
+    "data-state": Ne(r.checked),
     "data-disabled": r.disabled ? "" : void 0
-  }, c, {
-    ref: o
+  }, i, {
+    ref: n
   })));
 }), Pr = (e) => {
-  const { control: o, checked: t, bubbles: n = !0, ...c } = e, r = R(null), a = yr(t), i = vr(o);
+  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = S(null), a = yr(t), c = vr(n);
   return T(() => {
     const s = r.current, u = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(u, "checked").set;
     if (a !== t && l) {
       const f = new Event("click", {
-        bubbles: n
+        bubbles: o
       });
       l.call(s, t), s.dispatchEvent(f);
     }
   }, [
     a,
     t,
-    n
-  ]), /* @__PURE__ */ m("input", A({
+    o
+  ]), /* @__PURE__ */ m("input", N({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: t
-  }, c, {
+  }, i, {
     tabIndex: -1,
     ref: r,
     style: {
       ...e.style,
-      ...i,
+      ...c,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -770,7 +773,7 @@ const Re = "Radio", [Rr, Se] = X(Re), [Sr, Ar] = Rr(Re), Ir = /* @__PURE__ */ C(
     }
   }));
 };
-function Ae(e) {
+function Ne(e) {
   return e ? "checked" : "unchecked";
 }
 const Or = [
@@ -778,73 +781,73 @@ const Or = [
   "ArrowDown",
   "ArrowLeft",
   "ArrowRight"
-], Ie = "RadioGroup", [Tr, pt] = X(Ie, [
+], xe = "RadioGroup", [Tr, pt] = J(xe, [
   ye,
-  Se
-]), Ne = ye(), Ee = Se(), [wr, Mr] = Tr(Ie), kr = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRadioGroup: t, name: n, defaultValue: c, value: r, required: a = !1, disabled: i = !1, orientation: s, dir: u, loop: b = !0, onValueChange: l, ...f } = e, p = Ne(t), d = ge(u), [_, g] = he({
+  Ae
+]), Ie = ye(), Ee = Ae(), [wr, Mr] = Tr(xe), kr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: l, ...f } = e, p = Ie(t), d = he(u), [b, h] = ge({
     prop: r,
-    defaultProp: c,
+    defaultProp: i,
     onChange: l
   });
   return /* @__PURE__ */ m(wr, {
     scope: t,
-    name: n,
+    name: o,
     required: a,
-    disabled: i,
-    value: _,
-    onValueChange: g
-  }, /* @__PURE__ */ m(hr, A({
+    disabled: c,
+    value: b,
+    onValueChange: h
+  }, /* @__PURE__ */ m(gr, N({
     asChild: !0
   }, p, {
     orientation: s,
     dir: d,
-    loop: b
-  }), /* @__PURE__ */ m(U.div, A({
+    loop: _
+  }), /* @__PURE__ */ m(j.div, N({
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
-    "data-disabled": i ? "" : void 0,
+    "data-disabled": c ? "" : void 0,
     dir: d
   }, f, {
-    ref: o
+    ref: n
   }))));
-}), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRadioGroup: t, disabled: n, ...c } = e, r = Mr(Fr, t), a = r.disabled || n, i = Ne(t), s = Ee(t), u = R(null), b = L(o, u), l = r.value === c.value, f = R(!1);
+}), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = Mr(Fr, t), a = r.disabled || o, c = Ie(t), s = Ee(t), u = S(null), _ = L(n, u), l = r.value === i.value, f = S(!1);
   return T(() => {
-    const p = (_) => {
-      Or.includes(_.key) && (f.current = !0);
+    const p = (b) => {
+      Or.includes(b.key) && (f.current = !0);
     }, d = () => f.current = !1;
     return document.addEventListener("keydown", p), document.addEventListener("keyup", d), () => {
       document.removeEventListener("keydown", p), document.removeEventListener("keyup", d);
     };
-  }, []), /* @__PURE__ */ m(gr, A({
+  }, []), /* @__PURE__ */ m(hr, N({
     asChild: !0
-  }, i, {
+  }, c, {
     focusable: !a,
     active: l
-  }), /* @__PURE__ */ m(Ir, A({
+  }), /* @__PURE__ */ m(xr, N({
     disabled: a,
     required: r.required,
     checked: l
-  }, s, c, {
+  }, s, i, {
     name: r.name,
-    ref: b,
-    onCheck: () => r.onValueChange(c.value),
-    onKeyDown: N((p) => {
+    ref: _,
+    onCheck: () => r.onValueChange(i.value),
+    onKeyDown: I((p) => {
       p.key === "Enter" && p.preventDefault();
     }),
-    onFocus: N(c.onFocus, () => {
+    onFocus: I(i.onFocus, () => {
       var p;
       f.current && ((p = u.current) === null || p === void 0 || p.click());
     })
   })));
-}), Dr = /* @__PURE__ */ C((e, o) => {
-  const { __scopeRadioGroup: t, ...n } = e, c = Ee(t);
-  return /* @__PURE__ */ m(Er, A({}, c, n, {
-    ref: o
+}), Dr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
+  return /* @__PURE__ */ m(Er, N({}, i, o, {
+    ref: n
   }));
-}), Gr = kr, Ur = Lr, zr = Dr;
+}), Gr = kr, zr = Lr, Ur = Dr;
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -856,15 +859,15 @@ var Pe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, n.call(this, i)));
+        var c = arguments[a];
+        c && (r = i(r, o.call(this, c)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -874,11 +877,11 @@ var Pe = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        o.call(r, i) && r[i] && (a = c(a, this && this[i] || i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (a = i(a, this && this[c] || c));
       return a;
     }
-    function c(r, a) {
+    function i(r, a) {
       return a ? r ? r + " " + a : r + a : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -905,7 +908,7 @@ const Vr = /* @__PURE__ */ jr(Br), qr = {
   "purpur-radio-card-group__item-image-placeholder": "_purpur-radio-card-group__item-image-placeholder_19msf_167",
   "purpur-radio-card-group__item-image-placeholder--loaded": "_purpur-radio-card-group__item-image-placeholder--loaded_19msf_172",
   "purpur-radio-card-group__item-children": "_purpur-radio-card-group__item-children_19msf_175"
-}, x = Vr.bind(qr);
+}, C = Vr.bind(qr);
 function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -917,15 +920,15 @@ var Oe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, n(i)));
+        var c = arguments[a];
+        c && (r = i(r, o(c)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -935,31 +938,32 @@ var Oe = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        o.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (a = i(a, c));
       return a;
     }
-    function c(r, a) {
+    function i(r, a) {
       return a ? r ? r + " " + a : r + a : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Oe);
 var Hr = Oe.exports;
-const Yr = /* @__PURE__ */ Kr(Hr), B = {
-  "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
+const Yr = /* @__PURE__ */ Kr(Hr), D = {
+  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
 }, Wr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -971,25 +975,27 @@ const Yr = /* @__PURE__ */ Kr(Hr), B = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, V = "purpur-paragraph", fe = ({
+}, G = "purpur-paragraph", fe = ({
   ["data-testid"]: e,
-  children: o,
+  children: n,
   className: t = "",
-  disabled: n,
-  enableHyphenation: c = !1,
-  variant: r = Wr.PARAGRAPH100,
-  ...a
+  disabled: o,
+  enableHyphenation: i = !1,
+  negative: r = !1,
+  variant: a = Wr.PARAGRAPH100,
+  ...c
 }) => {
-  const i = Yr([
+  const s = Yr([
     t,
-    B[V],
-    B[`${V}--${r}`],
+    D[G],
+    D[`${G}--${a}`],
     {
-      [B[`${V}--hyphens`]]: c,
-      [B[`${V}--disabled`]]: n
+      [D[`${G}--hyphens`]]: i,
+      [D[`${G}--disabled`]]: o,
+      [D[`${G}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ v("p", { ...a, className: i, "data-testid": e, children: o });
+  return /* @__PURE__ */ v("p", { ...c, className: s, "data-testid": e, children: n });
 };
 function Xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1002,15 +1008,15 @@ var Te = { exports: {} };
 */
 (function(e) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, n(i)));
+        var c = arguments[a];
+        c && (r = i(r, o(c)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -1020,11 +1026,11 @@ var Te = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        o.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (a = i(a, c));
       return a;
     }
-    function c(r, a) {
+    function i(r, a) {
       return a ? r ? r + " " + a : r + a : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -1041,116 +1047,116 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
   "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
   "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
   "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
-}, oe = "purpur-skeleton", et = ({
+}, ne = "purpur-skeleton", et = ({
   className: e,
-  ["data-testid"]: o,
+  ["data-testid"]: n,
   radius: t = "xs",
-  style: n,
-  variant: c = "default",
+  style: o,
+  variant: i = "default",
   ...r
 }) => {
   const a = Jr([
     e,
-    te[oe],
-    te[`${oe}--${c}`],
-    te[`${oe}--${t}`]
+    te[ne],
+    te[`${ne}--${i}`],
+    te[`${ne}--${t}`]
   ]);
-  return /* @__PURE__ */ v("div", { className: a, style: n, "data-testid": o, ...r });
-}, q = "purpur-radio-card-group__item-image", rt = (e) => !!(e != null && e.src) && !!e.altText, tt = ({
+  return /* @__PURE__ */ v("div", { className: a, style: o, "data-testid": n, ...r });
+}, H = "purpur-radio-card-group__item-image", rt = (e) => !!(e != null && e.src) && !!e.altText, tt = ({
   src: e,
-  altText: o,
+  altText: n,
   noPlaceholder: t,
-  loading: n = "lazy",
-  ["data-testid"]: c
+  loading: o = "lazy",
+  ["data-testid"]: i
 }) => {
-  const [r, a] = F(!1), i = () => a(!0), s = x(q, {
-    [`${q}--loaded`]: r
-  }), u = x(`${q}-placeholder`, {
-    [`${q}-placeholder--loaded`]: r
+  const [r, a] = F(!1), c = () => a(!0), s = C(H, {
+    [`${H}--loaded`]: r
+  }), u = C(`${H}-placeholder`, {
+    [`${H}-placeholder--loaded`]: r
   });
   return /* @__PURE__ */ M(Le, { children: [
     /* @__PURE__ */ v(
       "img",
       {
-        "data-testid": c,
+        "data-testid": i,
         className: s,
         src: e,
-        alt: o,
-        loading: n,
-        onLoad: i
+        alt: n,
+        loading: o,
+        onLoad: c
       }
     ),
     !t && /* @__PURE__ */ v(et, { className: u })
   ] });
-}, I = "purpur-radio-card-group__item", ne = (e, { disabled: o }) => typeof e == "function" ? e({ disabled: o }) : e, ot = (e, o) => {
+}, x = "purpur-radio-card-group__item", oe = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, nt = (e, n) => {
   const {
     ["data-testid"]: t,
-    body: n,
-    children: c,
+    body: o,
+    children: i,
     disabled: r,
     id: a,
-    image: i,
+    image: c,
     required: s,
     title: u,
-    value: b
+    value: _
   } = e;
-  return /* @__PURE__ */ M("div", { className: x(`${I}-container`), ref: o, children: [
+  return /* @__PURE__ */ M("div", { className: C(`${x}-container`), ref: n, children: [
     /* @__PURE__ */ M(
-      Ur,
+      zr,
       {
-        className: x(I),
+        className: C(x),
         "data-testid": t,
         disabled: r,
         id: a,
         required: s,
-        value: b,
+        value: _,
         children: [
-          i && /* @__PURE__ */ v("span", { className: x(`${I}-image-container`), children: rt(i) ? /* @__PURE__ */ v(tt, { ...i, "data-testid": t && `${t}-image` }) : ne(i, e) }),
-          /* @__PURE__ */ M("span", { className: x(`${I}-content`), children: [
-            /* @__PURE__ */ M("span", { className: x(`${I}-top-container`), children: [
+          c && /* @__PURE__ */ v("span", { className: C(`${x}-image-container`), children: rt(c) ? /* @__PURE__ */ v(tt, { ...c, "data-testid": t && `${t}-image` }) : oe(c, e) }),
+          /* @__PURE__ */ M("span", { className: C(`${x}-content`), children: [
+            /* @__PURE__ */ M("span", { className: C(`${x}-top-container`), children: [
               typeof u == "string" ? /* @__PURE__ */ v(
                 fe,
                 {
-                  className: x(`${I}-title`),
+                  className: C(`${x}-title`),
                   "data-testid": t && `${t}-title`,
                   variant: "paragraph-100",
                   disabled: r,
                   children: u
                 }
-              ) : ne(u, e),
-              /* @__PURE__ */ v("span", { className: x(`${I}-radio`), children: /* @__PURE__ */ v(zr, { className: x(`${I}-indicator`) }) })
+              ) : oe(u, e),
+              /* @__PURE__ */ v("span", { className: C(`${x}-radio`), children: /* @__PURE__ */ v(Ur, { className: C(`${x}-indicator`) }) })
             ] }),
-            n && /* @__PURE__ */ v("span", { className: x(`${I}-bottom-container`), children: typeof n == "string" ? /* @__PURE__ */ v(
+            o && /* @__PURE__ */ v("span", { className: C(`${x}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ v(
               fe,
               {
                 "data-testid": t && `${t}-body`,
                 variant: "paragraph-100",
                 disabled: r,
-                children: n
+                children: o
               }
-            ) : ne(n, e) })
+            ) : oe(o, e) })
           ] })
         ]
       }
     ),
-    c
+    i
   ] });
-}, de = C(ot);
+}, de = R(nt);
 de.displayName = "RadioCardItem";
-const nt = (e) => G(e) && (e == null ? void 0 : e.type) === de, K = "purpur-radio-card-group", at = ({
+const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radio-card-group", at = ({
   "data-testid": e,
-  "aria-labelledby": o,
+  "aria-labelledby": n,
   children: t,
-  className: n,
-  items: c,
+  className: o,
+  items: i,
   label: r,
   loop: a = !0,
-  orientation: i = "vertical",
+  orientation: c = "vertical",
   radioPosition: s = "right",
   ...u
-}, b) => {
-  const l = P.toArray(t).filter(nt);
-  return /* @__PURE__ */ M("div", { className: x(n, `${K}__container`), ref: b, children: [
+}, _) => {
+  const l = P.toArray(t).filter(ot);
+  return /* @__PURE__ */ M("div", { className: C(o, `${Y}__container`), ref: _, children: [
     r && /* @__PURE__ */ v(
       Ke,
       {
@@ -1161,20 +1167,20 @@ const nt = (e) => G(e) && (e == null ? void 0 : e.type) === de, K = "purpur-radi
         children: `${u.required ? "* " : ""}${r}`
       }
     ),
-    (!!(c != null && c.length) || l.length) && /* @__PURE__ */ M(
+    (!!(i != null && i.length) || l.length) && /* @__PURE__ */ M(
       Gr,
       {
         ...u,
-        "aria-labelledby": o || (r ? `${u.id}-label` : void 0),
-        className: x(
-          K,
-          `${K}--${i}`,
-          `${K}--radio-${s}`
+        "aria-labelledby": n || (r ? `${u.id}-label` : void 0),
+        className: C(
+          Y,
+          `${Y}--${c}`,
+          `${Y}--radio-${s}`
         ),
         "data-testid": e,
         loop: a,
         children: [
-          c == null ? void 0 : c.map((f) => /* @__PURE__ */ v(
+          i == null ? void 0 : i.map((f) => /* @__PURE__ */ v(
             de,
             {
               ...f,
@@ -1185,16 +1191,16 @@ const nt = (e) => G(e) && (e == null ? void 0 : e.type) === de, K = "purpur-radi
           )),
           P.map(
             l,
-            (f) => W(f, { disabled: f.props.disabled || u.disabled })
+            (f) => Z(f, { disabled: f.props.disabled || u.disabled })
           )
         ]
       }
     )
   ] });
-}, ct = C(at);
-ct.displayName = "RadioCardGroup";
+}, it = R(at);
+it.displayName = "RadioCardGroup";
 export {
-  ct as RadioCardGroup,
+  it as RadioCardGroup,
   de as RadioCardItem
 };
 //# sourceMappingURL=radio-card-group.es.js.map