@purpurds/radio-card-group 5.27.2 → 5.27.4

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

@@ -1,8 +1,8 @@
-import { jsx as y, jsxs as O, Fragment as Ge } from "react/jsx-runtime";
+import { jsx as y, jsxs as k, Fragment as Le } from "react/jsx-runtime";
 import * as fe from "react";
-import x, { useCallback as T, useMemo as L, createElement as b, createContext as oe, useContext as _e, forwardRef as N, Children as P, isValidElement as q, Fragment as Le, cloneElement as X, useEffect as k, useLayoutEffect as qe, useRef as R, useState as F, useReducer as Ue } from "react";
+import N, { useCallback as w, createContext as ne, useMemo as G, createElement as b, useContext as _e, forwardRef as I, Children as P, isValidElement as U, cloneElement as X, Fragment as Ge, useEffect as T, useLayoutEffect as Ue, useRef as A, useState as M, useReducer as qe } from "react";
 import { flushSync as je } from "react-dom";
-function ze(e) {
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var me = { exports: {} };
@@ -13,15 +13,15 @@ var me = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, o(i)));
+        var c = arguments[a];
+        c && (r = i(r, n(c)));
       }
       return r;
     }
-    function o(r) {
+    function n(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -31,18 +31,18 @@ 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)
-        n.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        o.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__ */ ze(Be), z = {
+var ze = me.exports;
+const Ve = /* @__PURE__ */ Be(ze), B = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,65 +58,72 @@ const Ve = /* @__PURE__ */ ze(Be), z = {
   "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"
-}, Ke = {
-  TITLE100: "title-100"
-}, B = "purpur-heading", be = ({
+}, He = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, z = "purpur-heading", be = ({
   ["data-testid"]: e,
-  children: n,
+  children: o,
   className: t = "",
-  enableHyphenation: o = !1,
-  negative: c = !1,
+  enableHyphenation: n = !1,
+  negative: i = !1,
   tag: r,
-  variant: a = Ke.TITLE100,
-  ...i
+  variant: a = He.TITLE100,
+  ...c
 }) => {
   const s = r, u = Ve([
     t,
-    z[B],
-    z[`${B}--${a}`],
+    B[z],
+    B[`${z}--${a}`],
     {
-      [z[`${B}--hyphens`]]: o,
-      [z[`${B}--negative`]]: c
+      [B[`${z}--hyphens`]]: n,
+      [B[`${z}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ y(s, { ...i, className: u, "data-testid": e, children: n });
+  return /* @__PURE__ */ y(s, { ...c, className: u, "data-testid": e, children: o });
 };
 be.displayName = "Heading";
 function v() {
   return v = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var o in t) ({}).hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
     }
     return e;
   }, v.apply(null, arguments);
 }
-function A(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented) return n == null ? void 0 : n(c);
+function x(e, o, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), t === !1 || !i.defaultPrevented) return o == null ? void 0 : o(i);
   };
 }
-function He(e, n) {
-  typeof e == "function" ? e(n) : e != null && (e.current = n);
+function Ke(e, o) {
+  typeof e == "function" ? e(o) : e != null && (e.current = o);
 }
 function $e(...e) {
-  return (n) => e.forEach(
-    (t) => He(t, n)
+  return (o) => e.forEach(
+    (t) => Ke(t, o)
   );
 }
-function M(...e) {
-  return T($e(...e), e);
+function F(...e) {
+  return w($e(...e), e);
 }
-function Z(e, n = []) {
+function Z(e, o = []) {
   let t = [];
-  function o(r, a) {
-    const i = /* @__PURE__ */ oe(a), s = t.length;
+  function n(r, a) {
+    const c = /* @__PURE__ */ ne(a), s = t.length;
     t = [
       ...t,
       a
     ];
     function u(p) {
-      const { scope: f, children: l, ...d } = p, m = (f == null ? void 0 : f[e][s]) || i, g = L(
+      const { scope: f, children: l, ...d } = p, m = (f == null ? void 0 : f[e][s]) || c, g = G(
         () => d,
         Object.values(d)
       );
@@ -125,7 +132,7 @@ function Z(e, n = []) {
       }, l);
     }
     function _(p, f) {
-      const l = (f == null ? void 0 : f[e][s]) || i, d = _e(l);
+      const l = (f == null ? void 0 : f[e][s]) || c, d = _e(l);
       if (d) return d;
       if (a !== void 0) return a;
       throw new Error(`\`${p}\` must be used within \`${r}\``);
@@ -135,50 +142,50 @@ function Z(e, n = []) {
       _
     ];
   }
-  const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ oe(a));
-    return function(i) {
-      const s = (i == null ? void 0 : i[e]) || r;
-      return L(
+  const i = () => {
+    const r = t.map((a) => /* @__PURE__ */ ne(a));
+    return function(c) {
+      const s = (c == null ? void 0 : c[e]) || r;
+      return G(
         () => ({
           [`__scope${e}`]: {
-            ...i,
+            ...c,
             [e]: s
           }
         }),
         [
-          i,
+          c,
           s
         ]
       );
     };
   };
-  return c.scopeName = e, [
-    o,
-    Ye(c, ...n)
+  return i.scopeName = e, [
+    n,
+    Ye(i, ...o)
   ];
 }
 function Ye(...e) {
-  const n = e[0];
-  if (e.length === 1) return n;
+  const o = e[0];
+  if (e.length === 1) return o;
   const t = () => {
-    const o = e.map(
-      (c) => ({
-        useScope: c(),
-        scopeName: c.scopeName
+    const n = e.map(
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
       })
     );
     return function(r) {
-      const a = o.reduce((i, { useScope: s, scopeName: u }) => {
+      const a = n.reduce((c, { useScope: s, scopeName: u }) => {
         const p = s(r)[`__scope${u}`];
         return {
-          ...i,
+          ...c,
           ...p
         };
       }, {});
-      return L(
+      return G(
         () => ({
-          [`__scope${n.scopeName}`]: a
+          [`__scope${o.scopeName}`]: a
         }),
         [
           a
@@ -186,46 +193,46 @@ function Ye(...e) {
       );
     };
   };
-  return t.scopeName = n.scopeName, t;
+  return t.scopeName = o.scopeName, t;
 }
-const Y = /* @__PURE__ */ N((e, n) => {
-  const { children: t, ...o } = e, c = P.toArray(t), r = c.find(Xe);
+const Y = /* @__PURE__ */ I((e, o) => {
+  const { children: t, ...n } = 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__ */ q(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ b(ae, v({}, o, {
-      ref: n
-    }), /* @__PURE__ */ q(a) ? /* @__PURE__ */ X(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__ */ b(ae, v({}, n, {
+      ref: o
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ X(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ b(ae, v({}, o, {
-    ref: n
+  return /* @__PURE__ */ b(ae, v({}, n, {
+    ref: o
   }), t);
 });
 Y.displayName = "Slot";
-const ae = /* @__PURE__ */ N((e, n) => {
-  const { children: t, ...o } = e;
-  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ X(t, {
-    ...Ze(o, t.props),
-    ref: n ? $e(n, t.ref) : t.ref
+const ae = /* @__PURE__ */ I((e, o) => {
+  const { children: t, ...n } = e;
+  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ X(t, {
+    ...Ze(n, t.props),
+    ref: o ? $e(o, t.ref) : t.ref
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
 ae.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ b(Le, null, e);
+const We = ({ children: e }) => /* @__PURE__ */ b(Ge, null, e);
 function Xe(e) {
-  return /* @__PURE__ */ q(e) && e.type === We;
+  return /* @__PURE__ */ U(e) && e.type === We;
 }
-function Ze(e, n) {
+function Ze(e, o) {
   const t = {
-    ...n
+    ...o
   };
-  for (const o in n) {
-    const c = e[o], r = n[o];
-    /^on[A-Z]/.test(o) ? c && r ? t[o] = (...i) => {
-      r(...i), c(...i);
-    } : c && (t[o] = c) : o === "style" ? t[o] = {
-      ...c,
+  for (const n in o) {
+    const i = e[n], r = o[n];
+    /^on[A-Z]/.test(n) ? i && r ? t[n] = (...c) => {
+      r(...c), i(...c);
+    } : i && (t[n] = i) : n === "style" ? t[n] = {
+      ...i,
       ...r
-    } : o === "className" && (t[o] = [
-      c,
+    } : n === "className" && (t[n] = [
+      i,
       r
     ].filter(Boolean).join(" "));
   }
@@ -251,51 +258,51 @@ const Je = [
   "span",
   "svg",
   "ul"
-], U = Je.reduce((e, n) => {
-  const t = /* @__PURE__ */ N((o, c) => {
-    const { asChild: r, ...a } = o, i = r ? Y : n;
-    return k(() => {
+], q = Je.reduce((e, o) => {
+  const t = /* @__PURE__ */ I((n, i) => {
+    const { asChild: r, ...a } = n, c = r ? Y : o;
+    return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ b(i, v({}, a, {
-      ref: c
+    }, []), /* @__PURE__ */ b(c, v({}, a, {
+      ref: i
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return t.displayName = `Primitive.${o}`, {
     ...e,
-    [n]: t
+    [o]: t
   };
 }, {});
 function Qe(e) {
-  const n = e + "CollectionProvider", [t, o] = Z(n), [c, r] = t(n, {
+  const o = e + "CollectionProvider", [t, n] = Z(o), [i, r] = t(o, {
     collectionRef: {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (l) => {
-    const { scope: d, children: m } = l, g = x.useRef(null), $ = x.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ x.createElement(c, {
+    const { scope: d, children: m } = l, g = N.useRef(null), $ = N.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ N.createElement(i, {
       scope: d,
       itemMap: $,
       collectionRef: g
     }, m);
-  }, i = e + "CollectionSlot", s = /* @__PURE__ */ x.forwardRef((l, d) => {
-    const { scope: m, children: g } = l, $ = r(i, m), h = M(d, $.collectionRef);
-    return /* @__PURE__ */ x.createElement(Y, {
+  }, c = e + "CollectionSlot", s = /* @__PURE__ */ N.forwardRef((l, d) => {
+    const { scope: m, children: g } = l, $ = r(c, m), h = F(d, $.collectionRef);
+    return /* @__PURE__ */ N.createElement(Y, {
       ref: h
     }, g);
-  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", p = /* @__PURE__ */ x.forwardRef((l, d) => {
-    const { scope: m, children: g, ...$ } = l, h = x.useRef(null), j = M(d, h), E = r(u, m);
-    return x.useEffect(() => (E.itemMap.set(h, {
+  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", p = /* @__PURE__ */ N.forwardRef((l, d) => {
+    const { scope: m, children: g, ...$ } = l, h = N.useRef(null), j = F(d, h), E = r(u, m);
+    return N.useEffect(() => (E.itemMap.set(h, {
       ref: h,
       ...$
-    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ x.createElement(Y, {
+    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ N.createElement(Y, {
       [_]: "",
       ref: j
     }, g);
   });
   function f(l) {
     const d = r(e + "CollectionConsumer", l);
-    return x.useCallback(() => {
+    return N.useCallback(() => {
       const g = d.collectionRef.current;
       if (!g) return [];
       const $ = Array.from(g.querySelectorAll(`[${_}]`));
@@ -314,189 +321,189 @@ function Qe(e) {
       ItemSlot: p
     },
     f,
-    o
+    n
   ];
 }
-const W = globalThis != null && globalThis.document ? qe : () => {
+const W = globalThis != null && globalThis.document ? Ue : () => {
 }, er = fe.useId || (() => {
 });
 let rr = 0;
 function tr(e) {
-  const [n, t] = fe.useState(er());
+  const [o, t] = fe.useState(er());
   return W(() => {
     t(
-      (o) => o ?? String(rr++)
+      (n) => n ?? String(rr++)
     );
   }, [
     e
-  ]), n ? `radix-${n}` : "";
+  ]), o ? `radix-${o}` : "";
 }
 function ue(e) {
-  const n = R(e);
-  return k(() => {
-    n.current = e;
-  }), L(
+  const o = A(e);
+  return T(() => {
+    o.current = e;
+  }), G(
     () => (...t) => {
-      var o;
-      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
+      var n;
+      return (n = o.current) === null || n === void 0 ? void 0 : n.call(o, ...t);
     },
     []
   );
 }
-function he({ prop: e, defaultProp: n, onChange: t = () => {
+function he({ prop: e, defaultProp: o, onChange: t = () => {
 } }) {
-  const [o, c] = nr({
-    defaultProp: n,
+  const [n, i] = or({
+    defaultProp: o,
     onChange: t
-  }), r = e !== void 0, a = r ? e : o, i = ue(t), s = T((u) => {
+  }), r = e !== void 0, a = r ? e : n, c = ue(t), s = w((u) => {
     if (r) {
       const p = typeof u == "function" ? u(e) : u;
-      p !== e && i(p);
-    } else c(u);
+      p !== e && c(p);
+    } else i(u);
   }, [
     r,
     e,
-    c,
-    i
+    i,
+    c
   ]);
   return [
     a,
     s
   ];
 }
-function nr({ defaultProp: e, onChange: n }) {
-  const t = F(e), [o] = t, c = R(o), r = ue(n);
-  return k(() => {
-    c.current !== o && (r(o), c.current = o);
+function or({ defaultProp: e, onChange: o }) {
+  const t = M(e), [n] = t, i = A(n), r = ue(o);
+  return T(() => {
+    i.current !== n && (r(n), i.current = n);
   }, [
-    o,
-    c,
+    n,
+    i,
     r
   ]), t;
 }
-const or = /* @__PURE__ */ oe(void 0);
+const nr = /* @__PURE__ */ ne(void 0);
 function ge(e) {
-  const n = _e(or);
-  return e || n || "ltr";
+  const o = _e(nr);
+  return e || o || "ltr";
 }
 const ee = "rovingFocusGroup.onEntryFocus", ar = {
   bubbles: !1,
   cancelable: !0
-}, se = "RovingFocusGroup", [ce, ve, cr] = Qe(se), [ir, ye] = Z(se, [
-  cr
-]), [ur, sr] = ir(se), dr = /* @__PURE__ */ N((e, n) => /* @__PURE__ */ b(ce.Provider, {
+}, se = "RovingFocusGroup", [ie, ve, ir] = Qe(se), [cr, ye] = Z(se, [
+  ir
+]), [ur, sr] = cr(se), dr = /* @__PURE__ */ I((e, o) => /* @__PURE__ */ b(ie.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(ce.Slot, {
+}, /* @__PURE__ */ b(ie.Slot, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ b(pr, v({}, e, {
-  ref: n
-}))))), pr = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRovingFocusGroup: t, orientation: o, loop: c = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: i, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, p = R(null), f = M(n, p), l = ge(r), [d = null, m] = he({
+  ref: o
+}))))), pr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRovingFocusGroup: t, orientation: n, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, p = A(null), f = F(o, p), l = ge(r), [d = null, m] = he({
     prop: a,
-    defaultProp: i,
+    defaultProp: c,
     onChange: s
-  }), [g, $] = F(!1), h = ue(u), j = ve(t), E = R(!1), [J, pe] = F(0);
-  return k(() => {
-    const C = p.current;
-    if (C)
-      return C.addEventListener(ee, h), () => C.removeEventListener(ee, h);
+  }), [g, $] = M(!1), h = ue(u), j = ve(t), E = A(!1), [J, pe] = M(0);
+  return T(() => {
+    const R = p.current;
+    if (R)
+      return R.addEventListener(ee, h), () => R.removeEventListener(ee, h);
   }, [
     h
   ]), /* @__PURE__ */ b(ur, {
     scope: t,
-    orientation: o,
+    orientation: n,
     dir: l,
-    loop: c,
+    loop: i,
     currentTabStopId: d,
-    onItemFocus: T(
-      (C) => m(C),
+    onItemFocus: w(
+      (R) => m(R),
       [
         m
       ]
     ),
-    onItemShiftTab: T(
+    onItemShiftTab: w(
       () => $(!0),
       []
     ),
-    onFocusableItemAdd: T(
+    onFocusableItemAdd: w(
       () => pe(
-        (C) => C + 1
+        (R) => R + 1
       ),
       []
     ),
-    onFocusableItemRemove: T(
+    onFocusableItemRemove: w(
       () => pe(
-        (C) => C - 1
+        (R) => R - 1
       ),
       []
     )
-  }, /* @__PURE__ */ b(U.div, v({
+  }, /* @__PURE__ */ b(q.div, v({
     tabIndex: g || J === 0 ? -1 : 0,
-    "data-orientation": o
+    "data-orientation": n
   }, _, {
     ref: f,
     style: {
       outline: "none",
       ...e.style
     },
-    onMouseDown: A(e.onMouseDown, () => {
+    onMouseDown: x(e.onMouseDown, () => {
       E.current = !0;
     }),
-    onFocus: A(e.onFocus, (C) => {
-      const Te = !E.current;
-      if (C.target === C.currentTarget && Te && !g) {
+    onFocus: x(e.onFocus, (R) => {
+      const we = !E.current;
+      if (R.target === R.currentTarget && we && !g) {
         const le = new CustomEvent(ee, ar);
-        if (C.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
+        if (R.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
           const Q = j().filter(
-            (w) => w.focusable
-          ), Fe = Q.find(
-            (w) => w.active
+            (O) => O.focusable
           ), Me = Q.find(
-            (w) => w.id === d
+            (O) => O.active
+          ), Fe = Q.find(
+            (O) => O.id === d
           ), De = [
-            Fe,
             Me,
+            Fe,
             ...Q
           ].filter(Boolean).map(
-            (w) => w.ref.current
+            (O) => O.ref.current
           );
-          Ce(De);
+          Re(De);
         }
       }
       E.current = !1;
     }),
-    onBlur: A(
+    onBlur: x(
       e.onBlur,
       () => $(!1)
     )
   })));
-}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: c = !1, tabStopId: r, ...a } = e, i = tr(), s = r || i, u = sr(lr, t), _ = u.currentTabStopId === s, p = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: l } = u;
-  return k(() => {
-    if (o)
+}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRovingFocusGroup: t, focusable: n = !0, active: i = !1, tabStopId: r, ...a } = e, c = tr(), s = r || c, u = sr(lr, t), _ = u.currentTabStopId === s, p = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: l } = u;
+  return T(() => {
+    if (n)
       return f(), () => l();
   }, [
-    o,
+    n,
     f,
     l
-  ]), /* @__PURE__ */ b(ce.ItemSlot, {
+  ]), /* @__PURE__ */ b(ie.ItemSlot, {
     scope: t,
     id: s,
-    focusable: o,
-    active: c
-  }, /* @__PURE__ */ b(U.span, v({
+    focusable: n,
+    active: i
+  }, /* @__PURE__ */ b(q.span, v({
     tabIndex: _ ? 0 : -1,
     "data-orientation": u.orientation
   }, a, {
-    ref: n,
-    onMouseDown: A(e.onMouseDown, (d) => {
-      o ? u.onItemFocus(s) : d.preventDefault();
+    ref: o,
+    onMouseDown: x(e.onMouseDown, (d) => {
+      n ? u.onItemFocus(s) : d.preventDefault();
     }),
-    onFocus: A(
+    onFocus: x(
       e.onFocus,
       () => u.onItemFocus(s)
     ),
-    onKeyDown: A(e.onKeyDown, (d) => {
+    onKeyDown: x(e.onKeyDown, (d) => {
       if (d.key === "Tab" && d.shiftKey) {
         u.onItemShiftTab();
         return;
@@ -517,7 +524,7 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
           $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
         }
         setTimeout(
-          () => Ce($)
+          () => Re($)
         );
       }
     })
@@ -532,88 +539,88 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function mr(e, n) {
-  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function mr(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function br(e, n, t) {
-  const o = mr(e.key, t);
-  if (!(n === "vertical" && [
+function br(e, o, t) {
+  const n = mr(e.key, t);
+  if (!(o === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
-  ].includes(o)) && !(n === "horizontal" && [
+  ].includes(n)) && !(o === "horizontal" && [
     "ArrowUp",
     "ArrowDown"
-  ].includes(o)))
-    return _r[o];
+  ].includes(n)))
+    return _r[n];
 }
-function Ce(e) {
-  const n = document.activeElement;
+function Re(e) {
+  const o = document.activeElement;
   for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
+    if (t === o || (t.focus(), document.activeElement !== o)) return;
 }
-function $r(e, n) {
+function $r(e, o) {
   return e.map(
-    (t, o) => e[(n + o) % e.length]
+    (t, n) => e[(o + n) % e.length]
   );
 }
 const hr = dr, gr = fr;
 function vr(e) {
-  const [n, t] = F(void 0);
+  const [o, t] = M(void 0);
   return W(() => {
     if (e) {
       t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
-      const o = new ResizeObserver((c) => {
-        if (!Array.isArray(c) || !c.length) return;
-        const r = c[0];
-        let a, i;
+      const n = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length) return;
+        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 o.observe(e, {
+      return n.observe(e, {
         box: "border-box"
-      }), () => o.unobserve(e);
+      }), () => n.unobserve(e);
     } else
       t(void 0);
   }, [
     e
-  ]), n;
+  ]), o;
 }
 function yr(e) {
-  const n = R({
+  const o = A({
     value: e,
     previous: e
   });
-  return L(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return G(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
     e
   ]);
 }
-function Cr(e, n) {
-  return Ue((t, o) => {
-    const c = n[t][o];
-    return c ?? t;
+function Rr(e, o) {
+  return qe((t, n) => {
+    const i = o[t][n];
+    return i ?? t;
   }, e);
 }
-const Se = (e) => {
-  const { present: n, children: t } = e, o = Sr(n), c = typeof t == "function" ? t({
-    present: o.isPresent
-  }) : P.only(t), r = M(o.ref, c.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ X(c, {
+const Ce = (e) => {
+  const { present: o, children: t } = e, n = Cr(o), i = typeof t == "function" ? t({
+    present: n.isPresent
+  }) : P.only(t), r = F(n.ref, i.ref);
+  return typeof t == "function" || n.isPresent ? /* @__PURE__ */ X(i, {
     ref: r
   }) : null;
 };
-Se.displayName = "Presence";
-function Sr(e) {
-  const [n, t] = F(), o = R({}), c = R(e), r = R("none"), a = e ? "mounted" : "unmounted", [i, s] = Cr(a, {
+Ce.displayName = "Presence";
+function Cr(e) {
+  const [o, t] = M(), n = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [c, s] = Rr(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -626,119 +633,119 @@ function Sr(e) {
       MOUNT: "mounted"
     }
   });
-  return k(() => {
-    const u = V(o.current);
-    r.current = i === "mounted" ? u : "none";
+  return T(() => {
+    const u = V(n.current);
+    r.current = c === "mounted" ? u : "none";
   }, [
-    i
+    c
   ]), W(() => {
-    const u = o.current, _ = c.current;
+    const u = n.current, _ = i.current;
     if (_ !== e) {
       const f = r.current, l = V(u);
-      e ? s("MOUNT") : l === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== l ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
+      e ? s("MOUNT") : l === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== l ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [
     e,
     s
   ]), W(() => {
-    if (n) {
+    if (o) {
       const u = (p) => {
-        const l = V(o.current).includes(p.animationName);
-        p.target === n && l && je(
+        const l = V(n.current).includes(p.animationName);
+        p.target === o && l && je(
           () => s("ANIMATION_END")
         );
       }, _ = (p) => {
-        p.target === n && (r.current = V(o.current));
+        p.target === o && (r.current = V(n.current));
       };
-      return n.addEventListener("animationstart", _), n.addEventListener("animationcancel", u), n.addEventListener("animationend", u), () => {
-        n.removeEventListener("animationstart", _), n.removeEventListener("animationcancel", u), n.removeEventListener("animationend", u);
+      return o.addEventListener("animationstart", _), o.addEventListener("animationcancel", u), o.addEventListener("animationend", u), () => {
+        o.removeEventListener("animationstart", _), o.removeEventListener("animationcancel", u), o.removeEventListener("animationend", u);
       };
     } else
       s("ANIMATION_END");
   }, [
-    n,
+    o,
     s
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
-    ].includes(i),
-    ref: T((u) => {
-      u && (o.current = getComputedStyle(u)), t(u);
+    ].includes(c),
+    ref: w((u) => {
+      u && (n.current = getComputedStyle(u)), t(u);
     }, [])
   };
 }
 function V(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Ne = "Radio", [Nr, Re] = Z(Ne), [Rr, xr] = Nr(Ne), Ir = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRadio: t, name: o, checked: c = !1, required: r, disabled: a, value: i = "on", onCheck: s, ...u } = e, [_, p] = F(null), f = M(
-    n,
+const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRadio: t, name: n, checked: i = !1, required: r, disabled: a, value: c = "on", onCheck: s, ...u } = e, [_, p] = M(null), f = F(
+    o,
     (m) => p(m)
-  ), l = R(!1), d = _ ? !!_.closest("form") : !0;
-  return /* @__PURE__ */ b(Rr, {
+  ), l = A(!1), d = _ ? !!_.closest("form") : !0;
+  return /* @__PURE__ */ b(Ar, {
     scope: t,
-    checked: c,
+    checked: i,
     disabled: a
-  }, /* @__PURE__ */ b(U.button, v({
+  }, /* @__PURE__ */ b(q.button, v({
     type: "button",
     role: "radio",
-    "aria-checked": c,
-    "data-state": xe(c),
+    "aria-checked": i,
+    "data-state": Ne(i),
     "data-disabled": a ? "" : void 0,
     disabled: a,
-    value: i
+    value: c
   }, u, {
     ref: f,
-    onClick: A(e.onClick, (m) => {
-      c || s == null || s(), d && (l.current = m.isPropagationStopped(), l.current || m.stopPropagation());
+    onClick: x(e.onClick, (m) => {
+      i || s == null || s(), d && (l.current = m.isPropagationStopped(), l.current || m.stopPropagation());
     })
   })), d && /* @__PURE__ */ b(Pr, {
     control: _,
     bubbles: !l.current,
-    name: o,
-    value: i,
-    checked: c,
+    name: n,
+    value: c,
+    checked: i,
     required: r,
     disabled: a,
     style: {
       transform: "translateX(-100%)"
     }
   }));
-}), Ar = "RadioIndicator", Er = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRadio: t, forceMount: o, ...c } = e, r = xr(Ar, t);
-  return /* @__PURE__ */ b(Se, {
-    present: o || r.checked
-  }, /* @__PURE__ */ b(U.span, v({
-    "data-state": xe(r.checked),
+}), xr = "RadioIndicator", Er = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRadio: t, forceMount: n, ...i } = e, r = Nr(xr, t);
+  return /* @__PURE__ */ b(Ce, {
+    present: n || r.checked
+  }, /* @__PURE__ */ b(q.span, v({
+    "data-state": Ne(r.checked),
     "data-disabled": r.disabled ? "" : void 0
-  }, c, {
-    ref: n
+  }, i, {
+    ref: o
   })));
 }), Pr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = R(null), a = yr(t), i = vr(n);
-  return k(() => {
+  const { control: o, checked: t, bubbles: n = !0, ...i } = e, r = A(null), a = yr(t), c = vr(o);
+  return T(() => {
     const s = r.current, u = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(u, "checked").set;
     if (a !== t && p) {
       const f = new Event("click", {
-        bubbles: o
+        bubbles: n
       });
       p.call(s, t), s.dispatchEvent(f);
     }
   }, [
     a,
     t,
-    o
+    n
   ]), /* @__PURE__ */ b("input", v({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: t
-  }, c, {
+  }, i, {
     tabIndex: -1,
     ref: r,
     style: {
       ...e.style,
-      ...i,
+      ...c,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -746,28 +753,28 @@ const Ne = "Radio", [Nr, Re] = Z(Ne), [Rr, xr] = Nr(Ne), Ir = /* @__PURE__ */ N(
     }
   }));
 };
-function xe(e) {
+function Ne(e) {
   return e ? "checked" : "unchecked";
 }
-const kr = [
+const Tr = [
   "ArrowUp",
   "ArrowDown",
   "ArrowLeft",
   "ArrowRight"
-], Ie = "RadioGroup", [wr, dt] = Z(Ie, [
+], Se = "RadioGroup", [Or, dt] = Z(Se, [
   ye,
-  Re
-]), Ae = ye(), Ee = Re(), [Or, Tr] = wr(Ie), Fr = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRadioGroup: t, name: o, defaultValue: c, value: r, required: a = !1, disabled: i = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: p, ...f } = e, l = Ae(t), d = ge(u), [m, g] = he({
+  Ae
+]), xe = ye(), Ee = Ae(), [kr, wr] = Or(Se), Mr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRadioGroup: t, name: n, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: p, ...f } = e, l = xe(t), d = ge(u), [m, g] = he({
     prop: r,
-    defaultProp: c,
+    defaultProp: i,
     onChange: p
   });
-  return /* @__PURE__ */ b(Or, {
+  return /* @__PURE__ */ b(kr, {
     scope: t,
-    name: o,
+    name: n,
     required: a,
-    disabled: i,
+    disabled: c,
     value: m,
     onValueChange: g
   }, /* @__PURE__ */ b(hr, v({
@@ -776,51 +783,51 @@ const kr = [
     orientation: s,
     dir: d,
     loop: _
-  }), /* @__PURE__ */ b(U.div, v({
+  }), /* @__PURE__ */ b(q.div, v({
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
-    "data-disabled": i ? "" : void 0,
+    "data-disabled": c ? "" : void 0,
     dir: d
   }, f, {
-    ref: n
+    ref: o
   }))));
-}), Mr = "RadioGroupItem", Dr = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRadioGroup: t, disabled: o, ...c } = e, r = Tr(Mr, t), a = r.disabled || o, i = Ae(t), s = Ee(t), u = R(null), _ = M(n, u), p = r.value === c.value, f = R(!1);
-  return k(() => {
+}), Fr = "RadioGroupItem", Dr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRadioGroup: t, disabled: n, ...i } = e, r = wr(Fr, t), a = r.disabled || n, c = xe(t), s = Ee(t), u = A(null), _ = F(o, u), p = r.value === i.value, f = A(!1);
+  return T(() => {
     const l = (m) => {
-      kr.includes(m.key) && (f.current = !0);
+      Tr.includes(m.key) && (f.current = !0);
     }, d = () => f.current = !1;
     return document.addEventListener("keydown", l), document.addEventListener("keyup", d), () => {
       document.removeEventListener("keydown", l), document.removeEventListener("keyup", d);
     };
   }, []), /* @__PURE__ */ b(gr, v({
     asChild: !0
-  }, i, {
+  }, c, {
     focusable: !a,
     active: p
-  }), /* @__PURE__ */ b(Ir, v({
+  }), /* @__PURE__ */ b(Sr, v({
     disabled: a,
     required: r.required,
     checked: p
-  }, s, c, {
+  }, s, i, {
     name: r.name,
     ref: _,
-    onCheck: () => r.onValueChange(c.value),
-    onKeyDown: A((l) => {
+    onCheck: () => r.onValueChange(i.value),
+    onKeyDown: x((l) => {
       l.key === "Enter" && l.preventDefault();
     }),
-    onFocus: A(c.onFocus, () => {
+    onFocus: x(i.onFocus, () => {
       var l;
       f.current && ((l = u.current) === null || l === void 0 || l.click());
     })
   })));
-}), Gr = /* @__PURE__ */ N((e, n) => {
-  const { __scopeRadioGroup: t, ...o } = e, c = Ee(t);
-  return /* @__PURE__ */ b(Er, v({}, c, o, {
-    ref: n
+}), Lr = /* @__PURE__ */ I((e, o) => {
+  const { __scopeRadioGroup: t, ...n } = e, i = Ee(t);
+  return /* @__PURE__ */ b(Er, v({}, i, n, {
+    ref: o
   }));
-}), Lr = Fr, qr = Dr, Ur = Gr;
+}), Gr = Mr, Ur = Dr, qr = Lr;
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -832,15 +839,15 @@ var Pe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, o.call(this, i)));
+        var c = arguments[a];
+        c && (r = i(r, n.call(this, c)));
       }
       return r;
     }
-    function o(r) {
+    function n(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -850,18 +857,18 @@ 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)
-        n.call(r, i) && r[i] && (a = c(a, this && this[i] || i));
+      for (var c in r)
+        o.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;
   })();
 })(Pe);
-var zr = Pe.exports;
-const Br = /* @__PURE__ */ jr(zr), Vr = {
+var Br = Pe.exports;
+const zr = /* @__PURE__ */ jr(Br), Vr = {
   "purpur-radio-card-group": "_purpur-radio-card-group_19msf_1",
   "purpur-radio-card-group--vertical": "_purpur-radio-card-group--vertical_19msf_5",
   "purpur-radio-card-group--horizontal": "_purpur-radio-card-group--horizontal_19msf_9",
@@ -881,11 +888,11 @@ const Br = /* @__PURE__ */ jr(zr), Vr = {
   "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"
-}, S = Br.bind(Vr);
-function Kr(e) {
+}, C = zr.bind(Vr);
+function Hr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ke = { exports: {} };
+var Te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -893,15 +900,15 @@ var ke = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, o(i)));
+        var c = arguments[a];
+        c && (r = i(r, n(c)));
       }
       return r;
     }
-    function o(r) {
+    function n(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -911,18 +918,18 @@ var ke = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        o.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;
   })();
-})(ke);
-var Hr = ke.exports;
-const Yr = /* @__PURE__ */ Kr(Hr), D = {
+})(Te);
+var Kr = Te.exports;
+const Yr = /* @__PURE__ */ Hr(Kr), D = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -938,34 +945,43 @@ const Yr = /* @__PURE__ */ Kr(Hr), D = {
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, Wr = {
-  PARAGRAPH100: "paragraph-100"
-}, G = "purpur-paragraph", ie = ({
+  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"
+}, L = "purpur-paragraph", ce = ({
   ["data-testid"]: e,
-  children: n,
+  children: o,
   className: t,
-  disabled: o,
-  enableHyphenation: c = !1,
+  disabled: n,
+  enableHyphenation: i = !1,
   negative: r = !1,
   variant: a = Wr.PARAGRAPH100,
-  ...i
+  ...c
 }) => {
   const s = Yr([
     t,
-    D[G],
-    D[`${G}--${a}`],
+    D[L],
+    D[`${L}--${a}`],
     {
-      [D[`${G}--hyphens`]]: c,
-      [D[`${G}--disabled`]]: o,
-      [D[`${G}--negative`]]: r
+      [D[`${L}--hyphens`]]: i,
+      [D[`${L}--disabled`]]: n,
+      [D[`${L}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ y("p", { ...i, className: s, "data-testid": e, children: n });
+  return /* @__PURE__ */ y("p", { ...c, className: s, "data-testid": e, children: o });
 };
-ie.displayName = "Paragraph";
+ce.displayName = "Paragraph";
 function Xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var we = { exports: {} };
+var Oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -973,15 +989,15 @@ var we = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function t() {
       for (var r = "", a = 0; a < arguments.length; a++) {
-        var i = arguments[a];
-        i && (r = c(r, o(i)));
+        var c = arguments[a];
+        c && (r = i(r, n(c)));
       }
       return r;
     }
-    function o(r) {
+    function n(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -991,17 +1007,17 @@ var we = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (a = c(a, i));
+      for (var c in r)
+        o.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;
   })();
-})(we);
-var Zr = we.exports;
+})(Oe);
+var Zr = Oe.exports;
 const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_cil8l_1", re = {
   "purpur-skeleton": "_purpur-skeleton_cil8l_2",
   loading: Qr,
@@ -1012,117 +1028,117 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_cil8l_1", re = {
   "purpur-skeleton--md": "_purpur-skeleton--md_cil8l_43",
   "purpur-skeleton--lg": "_purpur-skeleton--lg_cil8l_46",
   "purpur-skeleton--full": "_purpur-skeleton--full_cil8l_49"
-}, te = "purpur-skeleton", Oe = ({
+}, te = "purpur-skeleton", ke = ({
   className: e,
-  ["data-testid"]: n,
+  ["data-testid"]: o,
   radius: t = "xs",
-  style: o,
-  negative: c = !1,
+  style: n,
+  negative: i = !1,
   ...r
 }) => {
   const a = Jr([
     e,
     re[te],
-    re[`${te}--${c ? "negative" : "default"}`],
+    re[`${te}--${i ? "negative" : "default"}`],
     re[`${te}--${t}`]
   ]);
-  return /* @__PURE__ */ y("div", { className: a, style: o, "data-testid": n, ...r });
+  return /* @__PURE__ */ y("div", { className: a, style: n, "data-testid": o, ...r });
 };
-Oe.displayName = "Skeleton";
-const K = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.src) && !!e.altText, rt = ({
+ke.displayName = "Skeleton";
+const H = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.src) && !!e.altText, rt = ({
   src: e,
-  altText: n,
+  altText: o,
   noPlaceholder: t,
-  loading: o = "lazy",
-  ["data-testid"]: c
+  loading: n = "lazy",
+  ["data-testid"]: i
 }) => {
-  const [r, a] = F(!1), i = () => a(!0), s = S(K, {
-    [`${K}--loaded`]: r
-  }), u = S(`${K}-placeholder`, {
-    [`${K}-placeholder--loaded`]: r
+  const [r, a] = M(!1), c = () => a(!0), s = C(H, {
+    [`${H}--loaded`]: r
+  }), u = C(`${H}-placeholder`, {
+    [`${H}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ O(Ge, { children: [
+  return /* @__PURE__ */ k(Le, { children: [
     /* @__PURE__ */ y(
       "img",
       {
-        "data-testid": c,
+        "data-testid": i,
         className: s,
         src: e,
-        alt: n,
-        loading: o,
-        onLoad: i
+        alt: o,
+        loading: n,
+        onLoad: c
       }
     ),
-    !t && /* @__PURE__ */ y(Oe, { className: u })
+    !t && /* @__PURE__ */ y(ke, { className: u })
   ] });
-}, I = "purpur-radio-card-group__item", ne = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, tt = ({ title: e, ...n }, t) => {
+}, S = "purpur-radio-card-group__item", oe = (e, { disabled: o }) => typeof e == "function" ? e({ disabled: o }) : e, tt = ({ title: e, ...o }, t) => {
   const {
-    ["data-testid"]: o,
-    body: c,
+    ["data-testid"]: n,
+    body: i,
     children: r,
     disabled: a,
-    id: i,
+    id: c,
     image: s,
     required: u,
     value: _
-  } = n, p = { ...n };
-  return /* @__PURE__ */ O("div", { className: S(`${I}-container`), ref: t, children: [
-    /* @__PURE__ */ O(
-      qr,
+  } = o, p = { title: e, ...o };
+  return /* @__PURE__ */ k("div", { className: C(`${S}-container`), ref: t, children: [
+    /* @__PURE__ */ k(
+      Ur,
       {
-        className: S(I),
-        "data-testid": o,
+        className: C(S),
+        "data-testid": n,
         disabled: a,
-        id: i,
+        id: c,
         required: u,
         value: _,
         children: [
-          s && /* @__PURE__ */ y("span", { className: S(`${I}-image-container`), children: et(s) ? /* @__PURE__ */ y(rt, { ...s, "data-testid": o && `${o}-image` }) : ne(s, p) }),
-          /* @__PURE__ */ O("span", { className: S(`${I}-content`), children: [
-            /* @__PURE__ */ O("span", { className: S(`${I}-top-container`), children: [
+          s && /* @__PURE__ */ y("span", { className: C(`${S}-image-container`), children: et(s) ? /* @__PURE__ */ y(rt, { ...s, "data-testid": n && `${n}-image` }) : oe(s, p) }),
+          /* @__PURE__ */ k("span", { className: C(`${S}-content`), children: [
+            /* @__PURE__ */ k("span", { className: C(`${S}-top-container`), children: [
               typeof e == "string" ? /* @__PURE__ */ y(
-                ie,
+                ce,
                 {
-                  className: S(`${I}-title`),
-                  "data-testid": o && `${o}-title`,
+                  className: C(`${S}-title`),
+                  "data-testid": n && `${n}-title`,
                   variant: "paragraph-100",
                   disabled: a,
                   children: e
                 }
-              ) : ne(e, p),
-              /* @__PURE__ */ y("span", { className: S(`${I}-radio`), children: /* @__PURE__ */ y(Ur, { className: S(`${I}-indicator`) }) })
+              ) : oe(e, p),
+              /* @__PURE__ */ y("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ y(qr, { className: C(`${S}-indicator`) }) })
             ] }),
-            c && /* @__PURE__ */ y("span", { className: S(`${I}-bottom-container`), children: typeof c == "string" ? /* @__PURE__ */ y(
-              ie,
+            i && /* @__PURE__ */ y("span", { className: C(`${S}-bottom-container`), children: typeof i == "string" ? /* @__PURE__ */ y(
+              ce,
               {
-                "data-testid": o && `${o}-body`,
+                "data-testid": n && `${n}-body`,
                 variant: "paragraph-100",
                 disabled: a,
-                children: c
+                children: i
               }
-            ) : ne(c, p) })
+            ) : oe(i, p) })
           ] })
         ]
       }
     ),
     r
   ] });
-}, de = N(tt);
+}, de = I(tt);
 de.displayName = "RadioCardItem";
-const nt = (e) => q(e) && (e == null ? void 0 : e.type) === de, pt = ["horizontal", "vertical"], lt = ["right", "left"], H = "purpur-radio-card-group", ot = ({
+const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizontal", "vertical"], lt = ["right", "left"], K = "purpur-radio-card-group", nt = ({
   "data-testid": e,
-  "aria-labelledby": n,
+  "aria-labelledby": o,
   children: t,
-  className: o,
-  items: c,
+  className: n,
+  items: i,
   label: r,
   loop: a = !0,
-  orientation: i = "vertical",
+  orientation: c = "vertical",
   radioPosition: s = "right",
   ...u
 }, _) => {
-  const p = P.toArray(t).filter(nt);
-  return /* @__PURE__ */ O("div", { className: S(o, `${H}__container`), ref: _, children: [
+  const p = P.toArray(t).filter(ot);
+  return /* @__PURE__ */ k("div", { className: C(n, `${K}__container`), ref: _, children: [
     r && /* @__PURE__ */ y(
       be,
       {
@@ -1133,20 +1149,20 @@ const nt = (e) => q(e) && (e == null ? void 0 : e.type) === de, pt = ["horizonta
         children: `${u.required ? "* " : ""}${r}`
       }
     ),
-    (!!(c != null && c.length) || p.length) && /* @__PURE__ */ O(
-      Lr,
+    (!!(i != null && i.length) || p.length) && /* @__PURE__ */ k(
+      Gr,
       {
         ...u,
-        "aria-labelledby": n || (r ? `${u.id}-label` : void 0),
-        className: S(
-          H,
-          `${H}--${i}`,
-          `${H}--radio-${s}`
+        "aria-labelledby": o || (r ? `${u.id}-label` : void 0),
+        className: C(
+          K,
+          `${K}--${c}`,
+          `${K}--radio-${s}`
         ),
         "data-testid": e,
         loop: a,
         children: [
-          c == null ? void 0 : c.map((f) => /* @__PURE__ */ y(
+          i == null ? void 0 : i.map((f) => /* @__PURE__ */ y(
             de,
             {
               ...f,
@@ -1163,7 +1179,7 @@ const nt = (e) => q(e) && (e == null ? void 0 : e.type) === de, pt = ["horizonta
       }
     )
   ] });
-}, at = N(ot);
+}, at = I(nt);
 at.displayName = "RadioCardGroup";
 export {
   pt as RADIO_CARD_GROUP_ORIENTATION,