@purpurds/radio-card-group 4.4.0 → 4.5.1

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

@@ -1,11 +1,11 @@
-import { jsx as v, jsxs as M, Fragment as Le } from "react/jsx-runtime";
+import { jsx as v, jsxs as k, Fragment as Le } from "react/jsx-runtime";
 import * as _e from "react";
-import A, { useCallback as k, createContext as ae, useMemo as z, createElement as b, useContext as me, 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";
+import S, { useCallback as M, createContext as ae, useMemo as U, createElement as m, useContext as be, forwardRef as R, Children as P, isValidElement as q, cloneElement as Z, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as A, useState as F, useReducer as Ue } from "react";
+import { flushSync as qe } from "react-dom";
 function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var be = { exports: {} };
+var me = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,25 +40,25 @@ var be = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(be);
-var Be = be.exports;
-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 = {
+})(me);
+var Be = me.exports;
+const ze = /* @__PURE__ */ je(Be), z = {
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
+}, Ve = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,23 +67,23 @@ const Ve = /* @__PURE__ */ je(Be), V = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, q = "purpur-heading", Ke = ({
+}, V = "purpur-heading", Ke = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   negative: i = !1,
   tag: r,
-  variant: a = qe.TITLE100,
+  variant: a = Ve.TITLE100,
   ...c
 }) => {
-  const s = r, u = Ve([
+  const s = r, u = ze([
     t,
-    V[q],
-    V[`${q}--${a}`],
+    z[V],
+    z[`${V}--${a}`],
     {
-      [V[`${q}--hyphens`]]: o,
-      [V[`${q}--negative`]]: i
+      [z[`${V}--hyphens`]]: o,
+      [z[`${V}--negative`]]: i
     }
   ]);
   return /* @__PURE__ */ v(s, { ...c, className: u, "data-testid": e, children: n });
@@ -113,7 +113,7 @@ function $e(...e) {
   );
 }
 function L(...e) {
-  return k($e(...e), e);
+  return M($e(...e), e);
 }
 function J(e, n = []) {
   let t = [];
@@ -124,16 +124,16 @@ function J(e, n = []) {
       a
     ];
     function u(l) {
-      const { scope: f, children: p, ...d } = l, m = (f == null ? void 0 : f[e][s]) || c, h = z(
+      const { scope: f, children: p, ...d } = l, b = (f == null ? void 0 : f[e][s]) || c, g = U(
         () => d,
         Object.values(d)
       );
-      return /* @__PURE__ */ b(m.Provider, {
-        value: h
+      return /* @__PURE__ */ m(b.Provider, {
+        value: g
       }, p);
     }
     function _(l, f) {
-      const p = (f == null ? void 0 : f[e][s]) || c, d = me(p);
+      const p = (f == null ? void 0 : f[e][s]) || c, d = be(p);
       if (d)
         return d;
       if (a !== void 0)
@@ -149,7 +149,7 @@ function J(e, n = []) {
     const r = t.map((a) => /* @__PURE__ */ ae(a));
     return function(c) {
       const s = (c == null ? void 0 : c[e]) || r;
-      return z(
+      return U(
         () => ({
           [`__scope${e}`]: {
             ...c,
@@ -187,7 +187,7 @@ function Ye(...e) {
           ...l
         };
       }, {});
-      return z(
+      return U(
         () => ({
           [`__scope${n.scopeName}`]: a
         }),
@@ -212,27 +212,27 @@ function O() {
 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, c = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ b(ie, O({}, o, {
+    const a = r.props.children, c = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ q(a) ? a.props.children : null : s);
+    return /* @__PURE__ */ m(ie, O({}, o, {
       ref: n
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ Z(a, void 0, c) : null);
+    }), /* @__PURE__ */ q(a) ? /* @__PURE__ */ Z(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ b(ie, O({}, o, {
+  return /* @__PURE__ */ m(ie, O({}, o, {
     ref: n
   }), t);
 });
 W.displayName = "Slot";
 const ie = /* @__PURE__ */ R((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ Z(t, {
+  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ Z(t, {
     ...Ze(o, t.props),
     ref: n ? $e(n, t.ref) : t.ref
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
 ie.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ b(De, null, e);
+const We = ({ children: e }) => /* @__PURE__ */ m(De, null, e);
 function Xe(e) {
-  return /* @__PURE__ */ U(e) && e.type === We;
+  return /* @__PURE__ */ q(e) && e.type === We;
 }
 function Ze(e, n) {
   const t = {
@@ -277,7 +277,7 @@ const Je = [
     const { asChild: r, ...a } = o, c = r ? W : n;
     return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ b(c, O({}, a, {
+    }, []), /* @__PURE__ */ m(c, O({}, a, {
       ref: i
     }));
   });
@@ -293,34 +293,34 @@ function Qe(e) {
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (p) => {
-    const { scope: d, children: m } = p, h = A.useRef(null), $ = A.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ A.createElement(i, {
+    const { scope: d, children: b } = p, g = S.useRef(null), $ = S.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ S.createElement(i, {
       scope: d,
       itemMap: $,
-      collectionRef: h
-    }, m);
-  }, c = e + "CollectionSlot", s = /* @__PURE__ */ A.forwardRef((p, d) => {
-    const { scope: m, children: h } = p, $ = r(c, m), 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: m, children: h, ...$ } = p, g = A.useRef(null), B = L(d, g), E = r(u, m);
-    return A.useEffect(() => (E.itemMap.set(g, {
-      ref: g,
+      collectionRef: g
+    }, b);
+  }, c = e + "CollectionSlot", s = /* @__PURE__ */ S.forwardRef((p, d) => {
+    const { scope: b, children: g } = p, $ = r(c, b), h = L(d, $.collectionRef);
+    return /* @__PURE__ */ S.createElement(W, {
+      ref: h
+    }, g);
+  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", l = /* @__PURE__ */ S.forwardRef((p, d) => {
+    const { scope: b, children: g, ...$ } = p, h = S.useRef(null), B = L(d, h), E = r(u, b);
+    return S.useEffect(() => (E.itemMap.set(h, {
+      ref: h,
       ...$
-    }), () => void E.itemMap.delete(g))), /* @__PURE__ */ A.createElement(W, {
+    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ S.createElement(W, {
       [_]: "",
       ref: B
-    }, h);
+    }, g);
   });
   function f(p) {
     const d = r(e + "CollectionConsumer", p);
-    return A.useCallback(() => {
-      const h = d.collectionRef.current;
-      if (!h)
+    return S.useCallback(() => {
+      const g = d.collectionRef.current;
+      if (!g)
         return [];
-      const $ = Array.from(h.querySelectorAll(`[${_}]`));
+      const $ = Array.from(g.querySelectorAll(`[${_}]`));
       return Array.from(d.itemMap.values()).sort(
         (E, Q) => $.indexOf(E.ref.current) - $.indexOf(Q.ref.current)
       );
@@ -354,10 +354,10 @@ function tr(e) {
   ]), n ? `radix-${n}` : "";
 }
 function ue(e) {
-  const n = S(e);
+  const n = A(e);
   return T(() => {
     n.current = e;
-  }), z(
+  }), U(
     () => (...t) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
@@ -365,12 +365,12 @@ function ue(e) {
     []
   );
 }
-function ge({ prop: e, defaultProp: n, onChange: t = () => {
+function he({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, i] = nr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : o, c = ue(t), s = k((u) => {
+  }), r = e !== void 0, a = r ? e : o, c = ue(t), s = M((u) => {
     if (r) {
       const l = typeof u == "function" ? u(e) : u;
       l !== e && c(l);
@@ -388,7 +388,7 @@ function ge({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function nr({ defaultProp: e, onChange: n }) {
-  const t = F(e), [o] = t, i = S(o), r = ue(n);
+  const t = F(e), [o] = t, i = A(o), r = ue(n);
   return T(() => {
     i.current !== o && (r(o), i.current = o);
   }, [
@@ -398,8 +398,8 @@ function nr({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 const or = /* @__PURE__ */ ae(void 0);
-function he(e) {
-  const n = me(or);
+function ge(e) {
+  const n = be(or);
   return e || n || "ltr";
 }
 const re = "rovingFocusGroup.onEntryFocus", ar = {
@@ -407,54 +407,54 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   cancelable: !0
 }, se = "RovingFocusGroup", [ce, ve, ir] = Qe(se), [cr, ye] = J(se, [
   ir
-]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ b(ce.Provider, {
+]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ m(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(ce.Slot, {
+}, /* @__PURE__ */ m(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(pr, O({}, e, {
+}, /* @__PURE__ */ m(pr, O({}, e, {
   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, m] = ge({
+  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = A(null), f = L(n, l), p = ge(r), [d = null, b] = he({
     prop: a,
     defaultProp: c,
     onChange: s
-  }), [h, $] = F(!1), g = ue(u), B = ve(t), E = S(!1), [Q, pe] = F(0);
+  }), [g, $] = F(!1), h = ue(u), B = ve(t), E = A(!1), [Q, pe] = F(0);
   return T(() => {
     const y = l.current;
     if (y)
-      return y.addEventListener(re, g), () => y.removeEventListener(re, g);
+      return y.addEventListener(re, h), () => y.removeEventListener(re, h);
   }, [
-    g
-  ]), /* @__PURE__ */ b(ur, {
+    h
+  ]), /* @__PURE__ */ m(ur, {
     scope: t,
     orientation: o,
     dir: p,
     loop: i,
     currentTabStopId: d,
-    onItemFocus: k(
-      (y) => m(y),
+    onItemFocus: M(
+      (y) => b(y),
       [
-        m
+        b
       ]
     ),
-    onItemShiftTab: k(
+    onItemShiftTab: M(
       () => $(!0),
       []
     ),
-    onFocusableItemAdd: k(
+    onFocusableItemAdd: M(
       () => pe(
         (y) => y + 1
       ),
       []
     ),
-    onFocusableItemRemove: k(
+    onFocusableItemRemove: M(
       () => pe(
         (y) => y - 1
       ),
       []
     )
-  }, /* @__PURE__ */ b(j.div, O({
-    tabIndex: h || Q === 0 ? -1 : 0,
+  }, /* @__PURE__ */ m(j.div, O({
+    tabIndex: g || Q === 0 ? -1 : 0,
     "data-orientation": o
   }, _, {
     ref: f,
@@ -467,18 +467,18 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
     }),
     onFocus: x(e.onFocus, (y) => {
       const we = !E.current;
-      if (y.target === y.currentTarget && we && !h) {
+      if (y.target === y.currentTarget && we && !g) {
         const le = new CustomEvent(re, ar);
         if (y.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
           const ee = B().filter(
             (w) => w.focusable
-          ), Me = ee.find(
-            (w) => w.active
           ), ke = ee.find(
+            (w) => w.active
+          ), Me = ee.find(
             (w) => w.id === d
           ), Fe = [
-            Me,
             ke,
+            Me,
             ...ee
           ].filter(Boolean).map(
             (w) => w.ref.current
@@ -502,12 +502,12 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
     o,
     f,
     p
-  ]), /* @__PURE__ */ b(ce.ItemSlot, {
+  ]), /* @__PURE__ */ m(ce.ItemSlot, {
     scope: t,
     id: s,
     focusable: o,
     active: i
-  }, /* @__PURE__ */ b(j.span, O({
+  }, /* @__PURE__ */ m(j.span, O({
     tabIndex: _ ? 0 : -1,
     "data-orientation": u.orientation
   }, a, {
@@ -526,20 +526,20 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       }
       if (d.target !== d.currentTarget)
         return;
-      const m = br(d, u.orientation, u.dir);
-      if (m !== void 0) {
+      const b = mr(d, u.orientation, u.dir);
+      if (b !== void 0) {
         d.preventDefault();
         let $ = l().filter(
-          (g) => g.focusable
+          (h) => h.focusable
         ).map(
-          (g) => g.ref.current
+          (h) => h.ref.current
         );
-        if (m === "last")
+        if (b === "last")
           $.reverse();
-        else if (m === "prev" || m === "next") {
-          m === "prev" && $.reverse();
-          const g = $.indexOf(d.currentTarget);
-          $ = u.loop ? $r($, g + 1) : $.slice(g + 1);
+        else if (b === "prev" || b === "next") {
+          b === "prev" && $.reverse();
+          const h = $.indexOf(d.currentTarget);
+          $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
         }
         setTimeout(
           () => Ce($)
@@ -557,11 +557,11 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function mr(e, n) {
+function br(e, n) {
   return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function br(e, n, t) {
-  const o = mr(e.key, t);
+function mr(e, n, t) {
+  const o = br(e.key, t);
   if (!(n === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
@@ -582,7 +582,7 @@ function $r(e, n) {
     (t, o) => e[(n + o) % e.length]
   );
 }
-const gr = dr, hr = fr;
+const hr = dr, gr = fr;
 function vr(e) {
   const [n, t] = F(void 0);
   return X(() => {
@@ -616,16 +616,16 @@ function vr(e) {
   ]), n;
 }
 function yr(e) {
-  const n = S({
+  const n = A({
     value: e,
     previous: e
   });
-  return z(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return U(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
 function Cr(e, n) {
-  return ze((t, o) => {
+  return Ue((t, o) => {
     const i = n[t][o];
     return i ?? t;
   }, e);
@@ -640,7 +640,7 @@ const Re = (e) => {
 };
 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, {
+  const [n, t] = F(), o = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [c, s] = Cr(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -671,7 +671,7 @@ function Rr(e) {
     if (n) {
       const u = (l) => {
         const p = K(o.current).includes(l.animationName);
-        l.target === n && p && Ue(
+        l.target === n && p && qe(
           () => s("ANIMATION_END")
         );
       }, _ = (l) => {
@@ -690,7 +690,7 @@ function Rr(e) {
       "mounted",
       "unmountSuspended"
     ].includes(c),
-    ref: k((u) => {
+    ref: M((u) => {
       u && (o.current = getComputedStyle(u)), t(u);
     }, [])
   };
@@ -698,16 +698,16 @@ function Rr(e) {
 function K(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Ir] = Sr(Se), Nr = /* @__PURE__ */ R((e, n) => {
+const Ae = "Radio", [Ar, Se] = J(Ae), [Sr, Ir] = Ar(Ae), Nr = /* @__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,
-    (m) => l(m)
-  ), p = S(!1), d = _ ? !!_.closest("form") : !0;
-  return /* @__PURE__ */ b(Ar, {
+    (b) => l(b)
+  ), p = A(!1), d = _ ? !!_.closest("form") : !0;
+  return /* @__PURE__ */ m(Sr, {
     scope: t,
     checked: i,
     disabled: a
-  }, /* @__PURE__ */ b(j.button, I({
+  }, /* @__PURE__ */ m(j.button, I({
     type: "button",
     role: "radio",
     "aria-checked": i,
@@ -717,10 +717,10 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Ir] = Sr(Se), Nr = /* @__PURE__ */ R(
     value: c
   }, u, {
     ref: f,
-    onClick: x(e.onClick, (m) => {
-      i || s == null || s(), d && (p.current = m.isPropagationStopped(), p.current || m.stopPropagation());
+    onClick: x(e.onClick, (b) => {
+      i || s == null || s(), d && (p.current = b.isPropagationStopped(), p.current || b.stopPropagation());
     })
-  })), d && /* @__PURE__ */ b(Pr, {
+  })), d && /* @__PURE__ */ m(Pr, {
     control: _,
     bubbles: !p.current,
     name: o,
@@ -734,16 +734,16 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Ir] = Sr(Se), Nr = /* @__PURE__ */ R(
   }));
 }), xr = "RadioIndicator", Er = /* @__PURE__ */ R((e, n) => {
   const { __scopeRadio: t, forceMount: o, ...i } = e, r = Ir(xr, t);
-  return /* @__PURE__ */ b(Re, {
+  return /* @__PURE__ */ m(Re, {
     present: o || r.checked
-  }, /* @__PURE__ */ b(j.span, I({
+  }, /* @__PURE__ */ m(j.span, I({
     "data-state": Ie(r.checked),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
     ref: n
   })));
 }), Pr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = S(null), a = yr(t), c = vr(n);
+  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = A(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) {
@@ -756,7 +756,7 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Ir] = Sr(Se), Nr = /* @__PURE__ */ R(
     a,
     t,
     o
-  ]), /* @__PURE__ */ b("input", I({
+  ]), /* @__PURE__ */ m("input", I({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: t
@@ -783,27 +783,27 @@ const Or = [
   "ArrowRight"
 ], Ne = "RadioGroup", [Tr, pt] = J(Ne, [
   ye,
-  Ae
-]), xe = ye(), Ee = Ae(), [wr, Mr] = Tr(Ne), 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 = xe(t), d = he(u), [m, h] = ge({
+  Se
+]), xe = ye(), Ee = Se(), [wr, kr] = Tr(Ne), Mr = /* @__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 = xe(t), d = ge(u), [b, g] = he({
     prop: r,
     defaultProp: i,
     onChange: l
   });
-  return /* @__PURE__ */ b(wr, {
+  return /* @__PURE__ */ m(wr, {
     scope: t,
     name: o,
     required: a,
     disabled: c,
-    value: m,
-    onValueChange: h
-  }, /* @__PURE__ */ b(gr, I({
+    value: b,
+    onValueChange: g
+  }, /* @__PURE__ */ m(hr, I({
     asChild: !0
   }, p, {
     orientation: s,
     dir: d,
     loop: _
-  }), /* @__PURE__ */ b(j.div, I({
+  }), /* @__PURE__ */ m(j.div, I({
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
@@ -813,20 +813,20 @@ const Or = [
     ref: n
   }))));
 }), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = Mr(Fr, t), a = r.disabled || o, c = xe(t), s = Ee(t), u = S(null), _ = L(n, u), l = r.value === i.value, f = S(!1);
+  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = kr(Fr, t), a = r.disabled || o, c = xe(t), s = Ee(t), u = A(null), _ = L(n, u), l = r.value === i.value, f = A(!1);
   return T(() => {
-    const p = (m) => {
-      Or.includes(m.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__ */ b(hr, I({
+  }, []), /* @__PURE__ */ m(gr, I({
     asChild: !0
   }, c, {
     focusable: !a,
     active: l
-  }), /* @__PURE__ */ b(Nr, I({
+  }), /* @__PURE__ */ m(Nr, I({
     disabled: a,
     required: r.required,
     checked: l
@@ -844,10 +844,10 @@ const Or = [
   })));
 }), Dr = /* @__PURE__ */ R((e, n) => {
   const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
-  return /* @__PURE__ */ b(Er, I({}, i, o, {
+  return /* @__PURE__ */ m(Er, I({}, i, o, {
     ref: n
   }));
-}), Gr = kr, zr = Lr, Ur = Dr;
+}), Gr = Mr, Ur = Lr, qr = Dr;
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -888,7 +888,7 @@ var Pe = { exports: {} };
   })();
 })(Pe);
 var Br = Pe.exports;
-const Vr = /* @__PURE__ */ jr(Br), qr = {
+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",
@@ -908,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"
-}, C = Vr.bind(qr);
+}, C = zr.bind(Vr);
 function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -950,20 +950,20 @@ var Oe = { exports: {} };
 })(Oe);
 var Hr = Oe.exports;
 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"
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, Wr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -1074,7 +1074,7 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
   }), u = C(`${H}-placeholder`, {
     [`${H}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ M(Le, { children: [
+  return /* @__PURE__ */ k(Le, { children: [
     /* @__PURE__ */ v(
       "img",
       {
@@ -1100,9 +1100,9 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
     title: u,
     value: _
   } = e;
-  return /* @__PURE__ */ M("div", { className: C(`${N}-container`), ref: n, children: [
-    /* @__PURE__ */ M(
-      zr,
+  return /* @__PURE__ */ k("div", { className: C(`${N}-container`), ref: n, children: [
+    /* @__PURE__ */ k(
+      Ur,
       {
         className: C(N),
         "data-testid": t,
@@ -1112,8 +1112,8 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
         value: _,
         children: [
           c && /* @__PURE__ */ v("span", { className: C(`${N}-image-container`), children: rt(c) ? /* @__PURE__ */ v(tt, { ...c, "data-testid": t && `${t}-image` }) : oe(c, e) }),
-          /* @__PURE__ */ M("span", { className: C(`${N}-content`), children: [
-            /* @__PURE__ */ M("span", { className: C(`${N}-top-container`), children: [
+          /* @__PURE__ */ k("span", { className: C(`${N}-content`), children: [
+            /* @__PURE__ */ k("span", { className: C(`${N}-top-container`), children: [
               typeof u == "string" ? /* @__PURE__ */ v(
                 fe,
                 {
@@ -1124,7 +1124,7 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
                   children: u
                 }
               ) : oe(u, e),
-              /* @__PURE__ */ v("span", { className: C(`${N}-radio`), children: /* @__PURE__ */ v(Ur, { className: C(`${N}-indicator`) }) })
+              /* @__PURE__ */ v("span", { className: C(`${N}-radio`), children: /* @__PURE__ */ v(qr, { className: C(`${N}-indicator`) }) })
             ] }),
             o && /* @__PURE__ */ v("span", { className: C(`${N}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ v(
               fe,
@@ -1143,7 +1143,7 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
   ] });
 }, de = R(nt);
 de.displayName = "RadioCardItem";
-const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radio-card-group", at = ({
+const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radio-card-group", at = ({
   "data-testid": e,
   "aria-labelledby": n,
   children: t,
@@ -1156,7 +1156,7 @@ const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
   ...u
 }, _) => {
   const l = P.toArray(t).filter(ot);
-  return /* @__PURE__ */ M("div", { className: C(o, `${Y}__container`), ref: _, children: [
+  return /* @__PURE__ */ k("div", { className: C(o, `${Y}__container`), ref: _, children: [
     r && /* @__PURE__ */ v(
       Ke,
       {
@@ -1167,7 +1167,7 @@ const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
         children: `${u.required ? "* " : ""}${r}`
       }
     ),
-    (!!(i != null && i.length) || l.length) && /* @__PURE__ */ M(
+    (!!(i != null && i.length) || l.length) && /* @__PURE__ */ k(
       Gr,
       {
         ...u,