@purpurds/radio-card-group 5.31.0 → 5.32.0

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

@@ -1,6 +1,6 @@
 import { jsx as y, jsxs as k, Fragment as Le } from "react/jsx-runtime";
 import * as fe 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 N, { useCallback as w, createContext as oe, 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 Be(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 c = arguments[a];
-        c && (r = i(r, n(c)));
+        var u = arguments[a];
+        u && (r = i(r, o(u)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -31,8 +31,8 @@ var me = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var c in r)
-        o.call(r, c) && r[c] && (a = i(a, c));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
       return a;
     }
     function i(r, a) {
@@ -69,61 +69,61 @@ const Ve = /* @__PURE__ */ Be(ze), B = {
   SUBSECTION100: "subsection-100"
 }, z = "purpur-heading", be = ({
   ["data-testid"]: e,
-  children: o,
+  children: n,
   className: t = "",
-  enableHyphenation: n = !1,
+  enableHyphenation: o = !1,
   negative: i = !1,
   tag: r,
   variant: a = He.TITLE100,
-  ...c
+  ...u
 }) => {
-  const s = r, u = Ve([
+  const s = r, c = Ve([
     t,
     B[z],
     B[`${z}--${a}`],
     {
-      [B[`${z}--hyphens`]]: n,
+      [B[`${z}--hyphens`]]: o,
       [B[`${z}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ y(s, { ...c, className: u, "data-testid": e, children: o });
+  return /* @__PURE__ */ y(s, { ...u, className: c, "data-testid": e, children: n });
 };
 be.displayName = "Heading";
 function v() {
   return v = Object.assign ? Object.assign.bind() : function(e) {
-    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]);
+    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]);
     }
     return e;
   }, v.apply(null, arguments);
 }
-function x(e, o, { checkForDefaultPrevented: t = !0 } = {}) {
+function x(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), t === !1 || !i.defaultPrevented) return o == null ? void 0 : o(i);
+    if (e == null || e(i), t === !1 || !i.defaultPrevented) return n == null ? void 0 : n(i);
   };
 }
-function Ke(e, o) {
-  typeof e == "function" ? e(o) : e != null && (e.current = o);
+function Ke(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function $e(...e) {
-  return (o) => e.forEach(
-    (t) => Ke(t, o)
+  return (n) => e.forEach(
+    (t) => Ke(t, n)
   );
 }
 function F(...e) {
   return w($e(...e), e);
 }
-function Z(e, o = []) {
+function Z(e, n = []) {
   let t = [];
-  function n(r, a) {
-    const c = /* @__PURE__ */ ne(a), s = t.length;
+  function o(r, a) {
+    const u = /* @__PURE__ */ oe(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]) || c, g = G(
+    function c(p) {
+      const { scope: f, children: l, ...d } = p, m = (f == null ? void 0 : f[e][s]) || u, g = G(
         () => d,
         Object.values(d)
       );
@@ -132,60 +132,60 @@ function Z(e, o = []) {
       }, l);
     }
     function _(p, f) {
-      const l = (f == null ? void 0 : f[e][s]) || c, d = _e(l);
+      const l = (f == null ? void 0 : f[e][s]) || u, d = _e(l);
       if (d) return d;
       if (a !== void 0) return a;
       throw new Error(`\`${p}\` must be used within \`${r}\``);
     }
-    return u.displayName = r + "Provider", [
-      u,
+    return c.displayName = r + "Provider", [
+      c,
       _
     ];
   }
   const i = () => {
-    const r = t.map((a) => /* @__PURE__ */ ne(a));
-    return function(c) {
-      const s = (c == null ? void 0 : c[e]) || r;
+    const r = t.map((a) => /* @__PURE__ */ oe(a));
+    return function(u) {
+      const s = (u == null ? void 0 : u[e]) || r;
       return G(
         () => ({
           [`__scope${e}`]: {
-            ...c,
+            ...u,
             [e]: s
           }
         }),
         [
-          c,
+          u,
           s
         ]
       );
     };
   };
   return i.scopeName = e, [
-    n,
-    Ye(i, ...o)
+    o,
+    Ye(i, ...n)
   ];
 }
 function Ye(...e) {
-  const o = e[0];
-  if (e.length === 1) return o;
+  const n = e[0];
+  if (e.length === 1) return n;
   const t = () => {
-    const n = e.map(
+    const o = e.map(
       (i) => ({
         useScope: i(),
         scopeName: i.scopeName
       })
     );
     return function(r) {
-      const a = n.reduce((c, { useScope: s, scopeName: u }) => {
-        const p = s(r)[`__scope${u}`];
+      const a = o.reduce((u, { useScope: s, scopeName: c }) => {
+        const p = s(r)[`__scope${c}`];
         return {
-          ...c,
+          ...u,
           ...p
         };
       }, {});
       return G(
         () => ({
-          [`__scope${o.scopeName}`]: a
+          [`__scope${n.scopeName}`]: a
         }),
         [
           a
@@ -193,26 +193,26 @@ function Ye(...e) {
       );
     };
   };
-  return t.scopeName = o.scopeName, t;
+  return t.scopeName = n.scopeName, t;
 }
-const Y = /* @__PURE__ */ I((e, o) => {
-  const { children: t, ...n } = e, i = P.toArray(t), r = i.find(Xe);
+const Y = /* @__PURE__ */ I((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(ae, v({}, n, {
-      ref: o
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ X(a, void 0, c) : null);
+    const a = r.props.children, u = 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({}, o, {
+      ref: n
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ b(ae, v({}, n, {
-    ref: o
+  return /* @__PURE__ */ b(ae, v({}, o, {
+    ref: n
   }), t);
 });
 Y.displayName = "Slot";
-const ae = /* @__PURE__ */ I((e, o) => {
-  const { children: t, ...n } = e;
+const ae = /* @__PURE__ */ I((e, n) => {
+  const { children: t, ...o } = e;
   return /* @__PURE__ */ U(t) ? /* @__PURE__ */ X(t, {
-    ...Ze(n, t.props),
-    ref: o ? $e(o, t.ref) : t.ref
+    ...Ze(o, t.props),
+    ref: n ? $e(n, t.ref) : t.ref
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
 ae.displayName = "SlotClone";
@@ -220,18 +220,18 @@ const We = ({ children: e }) => /* @__PURE__ */ b(Ge, null, e);
 function Xe(e) {
   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 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] = {
+  for (const o in n) {
+    const i = e[o], r = n[o];
+    /^on[A-Z]/.test(o) ? i && r ? t[o] = (...u) => {
+      r(...u), i(...u);
+    } : i && (t[o] = i) : o === "style" ? t[o] = {
       ...i,
       ...r
-    } : n === "className" && (t[n] = [
+    } : o === "className" && (t[o] = [
       i,
       r
     ].filter(Boolean).join(" "));
@@ -258,22 +258,22 @@ const Je = [
   "span",
   "svg",
   "ul"
-], q = Je.reduce((e, o) => {
-  const t = /* @__PURE__ */ I((n, i) => {
-    const { asChild: r, ...a } = n, c = r ? Y : o;
+], q = Je.reduce((e, n) => {
+  const t = /* @__PURE__ */ I((o, i) => {
+    const { asChild: r, ...a } = o, u = r ? Y : n;
     return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ b(c, v({}, a, {
+    }, []), /* @__PURE__ */ b(u, v({}, 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] = Z(o), [i, r] = t(o, {
+  const n = e + "CollectionProvider", [t, o] = Z(n), [i, r] = t(n, {
     collectionRef: {
       current: null
     },
@@ -285,13 +285,13 @@ function Qe(e) {
       itemMap: $,
       collectionRef: g
     }, m);
-  }, c = e + "CollectionSlot", s = /* @__PURE__ */ N.forwardRef((l, d) => {
-    const { scope: m, children: g } = l, $ = r(c, m), h = F(d, $.collectionRef);
+  }, u = e + "CollectionSlot", s = /* @__PURE__ */ N.forwardRef((l, d) => {
+    const { scope: m, children: g } = l, $ = r(u, m), h = F(d, $.collectionRef);
     return /* @__PURE__ */ N.createElement(Y, {
       ref: h
     }, g);
-  }), 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);
+  }), c = 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(c, m);
     return N.useEffect(() => (E.itemMap.set(h, {
       ref: h,
       ...$
@@ -321,7 +321,7 @@ function Qe(e) {
       ItemSlot: p
     },
     f,
-    n
+    o
   ];
 }
 const W = globalThis != null && globalThis.document ? Ue : () => {
@@ -329,89 +329,89 @@ const W = globalThis != null && globalThis.document ? Ue : () => {
 });
 let rr = 0;
 function tr(e) {
-  const [o, t] = fe.useState(er());
+  const [n, t] = fe.useState(er());
   return W(() => {
     t(
-      (n) => n ?? String(rr++)
+      (o) => o ?? String(rr++)
     );
   }, [
     e
-  ]), o ? `radix-${o}` : "";
+  ]), n ? `radix-${n}` : "";
 }
-function ue(e) {
-  const o = A(e);
+function ce(e) {
+  const n = A(e);
   return T(() => {
-    o.current = e;
+    n.current = e;
   }), G(
     () => (...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 he({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [n, i] = or({
-    defaultProp: o,
+  const [o, i] = nr({
+    defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : n, c = ue(t), s = w((u) => {
+  }), r = e !== void 0, a = r ? e : o, u = ce(t), s = w((c) => {
     if (r) {
-      const p = typeof u == "function" ? u(e) : u;
-      p !== e && c(p);
-    } else i(u);
+      const p = typeof c == "function" ? c(e) : c;
+      p !== e && u(p);
+    } else i(c);
   }, [
     r,
     e,
     i,
-    c
+    u
   ]);
   return [
     a,
     s
   ];
 }
-function or({ defaultProp: e, onChange: o }) {
-  const t = M(e), [n] = t, i = A(n), r = ue(o);
+function nr({ defaultProp: e, onChange: n }) {
+  const t = M(e), [o] = t, i = A(o), r = ce(n);
   return T(() => {
-    i.current !== n && (r(n), i.current = n);
+    i.current !== o && (r(o), i.current = o);
   }, [
-    n,
+    o,
     i,
     r
   ]), t;
 }
-const nr = /* @__PURE__ */ ne(void 0);
+const or = /* @__PURE__ */ oe(void 0);
 function ge(e) {
-  const o = _e(nr);
-  return e || o || "ltr";
+  const n = _e(or);
+  return e || n || "ltr";
 }
 const ee = "rovingFocusGroup.onEntryFocus", ar = {
   bubbles: !1,
   cancelable: !0
-}, se = "RovingFocusGroup", [ie, ve, ir] = Qe(se), [cr, ye] = Z(se, [
+}, se = "RovingFocusGroup", [ie, ve, ir] = Qe(se), [ur, ye] = Z(se, [
   ir
-]), [ur, sr] = cr(se), dr = /* @__PURE__ */ I((e, o) => /* @__PURE__ */ b(ie.Provider, {
+]), [cr, sr] = ur(se), dr = /* @__PURE__ */ I((e, n) => /* @__PURE__ */ b(ie.Provider, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ b(ie.Slot, {
   scope: e.__scopeRovingFocusGroup
 }, /* @__PURE__ */ b(pr, v({}, e, {
-  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({
+  ref: n
+}))))), pr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: u, onCurrentTabStopIdChange: s, onEntryFocus: c, ..._ } = e, p = A(null), f = F(n, p), l = ge(r), [d = null, m] = he({
     prop: a,
-    defaultProp: c,
+    defaultProp: u,
     onChange: s
-  }), [g, $] = M(!1), h = ue(u), j = ve(t), E = A(!1), [J, pe] = M(0);
+  }), [g, $] = M(!1), h = ce(c), 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, {
+  ]), /* @__PURE__ */ b(cr, {
     scope: t,
-    orientation: n,
+    orientation: o,
     dir: l,
     loop: i,
     currentTabStopId: d,
@@ -439,7 +439,7 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
     )
   }, /* @__PURE__ */ b(q.div, v({
     tabIndex: g || J === 0 ? -1 : 0,
-    "data-orientation": n
+    "data-orientation": o
   }, _, {
     ref: f,
     style: {
@@ -477,39 +477,39 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
       () => $(!1)
     )
   })));
-}), 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;
+}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: i = !1, tabStopId: r, ...a } = e, u = tr(), s = r || u, c = sr(lr, t), _ = c.currentTabStopId === s, p = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: l } = c;
   return T(() => {
-    if (n)
+    if (o)
       return f(), () => l();
   }, [
-    n,
+    o,
     f,
     l
   ]), /* @__PURE__ */ b(ie.ItemSlot, {
     scope: t,
     id: s,
-    focusable: n,
+    focusable: o,
     active: i
   }, /* @__PURE__ */ b(q.span, v({
     tabIndex: _ ? 0 : -1,
-    "data-orientation": u.orientation
+    "data-orientation": c.orientation
   }, a, {
-    ref: o,
+    ref: n,
     onMouseDown: x(e.onMouseDown, (d) => {
-      n ? u.onItemFocus(s) : d.preventDefault();
+      o ? c.onItemFocus(s) : d.preventDefault();
     }),
     onFocus: x(
       e.onFocus,
-      () => u.onItemFocus(s)
+      () => c.onItemFocus(s)
     ),
     onKeyDown: x(e.onKeyDown, (d) => {
       if (d.key === "Tab" && d.shiftKey) {
-        u.onItemShiftTab();
+        c.onItemShiftTab();
         return;
       }
       if (d.target !== d.currentTarget) return;
-      const m = br(d, u.orientation, u.dir);
+      const m = br(d, c.orientation, c.dir);
       if (m !== void 0) {
         d.preventDefault();
         let $ = p().filter(
@@ -521,7 +521,7 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
         else if (m === "prev" || m === "next") {
           m === "prev" && $.reverse();
           const h = $.indexOf(d.currentTarget);
-          $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
+          $ = c.loop ? $r($, h + 1) : $.slice(h + 1);
         }
         setTimeout(
           () => Re($)
@@ -539,88 +539,88 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function mr(e, o) {
-  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function mr(e, n) {
+  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function br(e, o, t) {
-  const n = mr(e.key, t);
-  if (!(o === "vertical" && [
+function br(e, n, t) {
+  const o = mr(e.key, t);
+  if (!(n === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
-  ].includes(n)) && !(o === "horizontal" && [
+  ].includes(o)) && !(n === "horizontal" && [
     "ArrowUp",
     "ArrowDown"
-  ].includes(n)))
-    return _r[n];
+  ].includes(o)))
+    return _r[o];
 }
 function Re(e) {
-  const o = document.activeElement;
+  const n = document.activeElement;
   for (const t of e)
-    if (t === o || (t.focus(), document.activeElement !== o)) return;
+    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;
 function vr(e) {
-  const [o, t] = M(void 0);
+  const [n, t] = M(void 0);
   return W(() => {
     if (e) {
       t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
-      const n = new ResizeObserver((i) => {
+      const o = new ResizeObserver((i) => {
         if (!Array.isArray(i) || !i.length) return;
         const r = i[0];
-        let a, c;
+        let a, u;
         if ("borderBoxSize" in r) {
-          const s = r.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
-          a = u.inlineSize, c = u.blockSize;
+          const s = r.borderBoxSize, c = Array.isArray(s) ? s[0] : s;
+          a = c.inlineSize, u = c.blockSize;
         } else
-          a = e.offsetWidth, c = e.offsetHeight;
+          a = e.offsetWidth, u = e.offsetHeight;
         t({
           width: a,
-          height: c
+          height: u
         });
       });
-      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 = A({
+  const n = A({
     value: e,
     previous: e
   });
-  return G(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
+  return G(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
-function Rr(e, o) {
-  return qe((t, n) => {
-    const i = o[t][n];
+function Rr(e, n) {
+  return qe((t, o) => {
+    const i = n[t][o];
     return i ?? t;
   }, e);
 }
 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, {
+  const { present: n, children: t } = e, o = Cr(n), i = typeof t == "function" ? t({
+    present: o.isPresent
+  }) : P.only(t), r = F(o.ref, i.ref);
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ X(i, {
     ref: r
   }) : null;
 };
 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, {
+  const [n, t] = M(), o = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [u, s] = Rr(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -634,53 +634,53 @@ function Cr(e) {
     }
   });
   return T(() => {
-    const u = V(n.current);
-    r.current = c === "mounted" ? u : "none";
+    const c = V(o.current);
+    r.current = u === "mounted" ? c : "none";
   }, [
-    c
+    u
   ]), W(() => {
-    const u = n.current, _ = i.current;
+    const c = o.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"), i.current = e;
+      const f = r.current, l = V(c);
+      e ? s("MOUNT") : l === "none" || (c == null ? void 0 : c.display) === "none" ? s("UNMOUNT") : s(_ && f !== l ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [
     e,
     s
   ]), W(() => {
-    if (o) {
-      const u = (p) => {
-        const l = V(n.current).includes(p.animationName);
-        p.target === o && l && je(
+    if (n) {
+      const c = (p) => {
+        const l = V(o.current).includes(p.animationName);
+        p.target === n && l && je(
           () => s("ANIMATION_END")
         );
       }, _ = (p) => {
-        p.target === o && (r.current = V(n.current));
+        p.target === n && (r.current = V(o.current));
       };
-      return o.addEventListener("animationstart", _), o.addEventListener("animationcancel", u), o.addEventListener("animationend", u), () => {
-        o.removeEventListener("animationstart", _), o.removeEventListener("animationcancel", u), o.removeEventListener("animationend", u);
+      return n.addEventListener("animationstart", _), n.addEventListener("animationcancel", c), n.addEventListener("animationend", c), () => {
+        n.removeEventListener("animationstart", _), n.removeEventListener("animationcancel", c), n.removeEventListener("animationend", c);
       };
     } else
       s("ANIMATION_END");
   }, [
-    o,
+    n,
     s
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
-    ].includes(c),
-    ref: w((u) => {
-      u && (n.current = getComputedStyle(u)), t(u);
+    ].includes(u),
+    ref: w((c) => {
+      c && (o.current = getComputedStyle(c)), t(c);
     }, [])
   };
 }
 function V(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-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,
+const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: u = "on", onCheck: s, ...c } = e, [_, p] = M(null), f = F(
+    n,
     (m) => p(m)
   ), l = A(!1), d = _ ? !!_.closest("form") : !0;
   return /* @__PURE__ */ b(Ar, {
@@ -694,8 +694,8 @@ const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I(
     "data-state": Ne(i),
     "data-disabled": a ? "" : void 0,
     disabled: a,
-    value: c
-  }, u, {
+    value: u
+  }, c, {
     ref: f,
     onClick: x(e.onClick, (m) => {
       i || s == null || s(), d && (l.current = m.isPropagationStopped(), l.current || m.stopPropagation());
@@ -703,8 +703,8 @@ const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I(
   })), d && /* @__PURE__ */ b(Pr, {
     control: _,
     bubbles: !l.current,
-    name: n,
-    value: c,
+    name: o,
+    value: u,
     checked: i,
     required: r,
     disabled: a,
@@ -712,30 +712,30 @@ const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I(
       transform: "translateX(-100%)"
     }
   }));
-}), xr = "RadioIndicator", Er = /* @__PURE__ */ I((e, o) => {
-  const { __scopeRadio: t, forceMount: n, ...i } = e, r = Nr(xr, t);
+}), xr = "RadioIndicator", Er = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Nr(xr, t);
   return /* @__PURE__ */ b(Ce, {
-    present: n || r.checked
+    present: o || r.checked
   }, /* @__PURE__ */ b(q.span, v({
     "data-state": Ne(r.checked),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
-    ref: o
+    ref: n
   })));
 }), Pr = (e) => {
-  const { control: o, checked: t, bubbles: n = !0, ...i } = e, r = A(null), a = yr(t), c = vr(o);
+  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = A(null), a = yr(t), u = vr(n);
   return T(() => {
-    const s = r.current, u = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(u, "checked").set;
+    const s = r.current, c = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(c, "checked").set;
     if (a !== t && p) {
       const f = new Event("click", {
-        bubbles: n
+        bubbles: o
       });
       p.call(s, t), s.dispatchEvent(f);
     }
   }, [
     a,
     t,
-    n
+    o
   ]), /* @__PURE__ */ b("input", v({
     type: "radio",
     "aria-hidden": !0,
@@ -745,7 +745,7 @@ const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I(
     ref: r,
     style: {
       ...e.style,
-      ...c,
+      ...u,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -764,17 +764,17 @@ const Tr = [
 ], Se = "RadioGroup", [Or, dt] = Z(Se, [
   ye,
   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({
+]), xe = ye(), Ee = Ae(), [kr, wr] = Or(Se), Mr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: u = !1, orientation: s, dir: c, loop: _ = !0, onValueChange: p, ...f } = e, l = xe(t), d = ge(c), [m, g] = he({
     prop: r,
     defaultProp: i,
     onChange: p
   });
   return /* @__PURE__ */ b(kr, {
     scope: t,
-    name: n,
+    name: o,
     required: a,
-    disabled: c,
+    disabled: u,
     value: m,
     onValueChange: g
   }, /* @__PURE__ */ b(hr, v({
@@ -787,13 +787,13 @@ const Tr = [
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
-    "data-disabled": c ? "" : void 0,
+    "data-disabled": u ? "" : void 0,
     dir: d
   }, f, {
-    ref: o
+    ref: n
   }))));
-}), 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);
+}), Fr = "RadioGroupItem", Dr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = wr(Fr, t), a = r.disabled || o, u = xe(t), s = Ee(t), c = A(null), _ = F(n, c), p = r.value === i.value, f = A(!1);
   return T(() => {
     const l = (m) => {
       Tr.includes(m.key) && (f.current = !0);
@@ -803,7 +803,7 @@ const Tr = [
     };
   }, []), /* @__PURE__ */ b(gr, v({
     asChild: !0
-  }, c, {
+  }, u, {
     focusable: !a,
     active: p
   }), /* @__PURE__ */ b(Sr, v({
@@ -819,13 +819,13 @@ const Tr = [
     }),
     onFocus: x(i.onFocus, () => {
       var l;
-      f.current && ((l = u.current) === null || l === void 0 || l.click());
+      f.current && ((l = c.current) === null || l === void 0 || l.click());
     })
   })));
-}), Lr = /* @__PURE__ */ I((e, o) => {
-  const { __scopeRadioGroup: t, ...n } = e, i = Ee(t);
-  return /* @__PURE__ */ b(Er, v({}, i, n, {
-    ref: o
+}), Lr = /* @__PURE__ */ I((e, n) => {
+  const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
+  return /* @__PURE__ */ b(Er, v({}, i, o, {
+    ref: n
   }));
 }), Gr = Mr, Ur = Dr, qr = Lr;
 function jr(e) {
@@ -839,15 +839,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 c = arguments[a];
-        c && (r = i(r, n.call(this, c)));
+        var u = arguments[a];
+        u && (r = i(r, o.call(this, u)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -857,8 +857,8 @@ var Pe = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var c in r)
-        o.call(r, c) && r[c] && (a = i(a, this && this[c] || c));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, this && this[u] || u));
       return a;
     }
     function i(r, a) {
@@ -900,15 +900,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 c = arguments[a];
-        c && (r = i(r, n(c)));
+        var u = arguments[a];
+        u && (r = i(r, o(u)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -918,8 +918,8 @@ var Te = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var c in r)
-        o.call(r, c) && r[c] && (a = i(a, c));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
       return a;
     }
     function i(r, a) {
@@ -955,15 +955,15 @@ const Yr = /* @__PURE__ */ Hr(Kr), D = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, L = "purpur-paragraph", ce = ({
+}, L = "purpur-paragraph", ue = ({
   ["data-testid"]: e,
-  children: o,
+  children: n,
   className: t,
-  disabled: n,
+  disabled: o,
   enableHyphenation: i = !1,
   negative: r = !1,
   variant: a = Wr.PARAGRAPH100,
-  ...c
+  ...u
 }) => {
   const s = Yr([
     t,
@@ -971,13 +971,13 @@ const Yr = /* @__PURE__ */ Hr(Kr), D = {
     D[`${L}--${a}`],
     {
       [D[`${L}--hyphens`]]: i,
-      [D[`${L}--disabled`]]: n,
+      [D[`${L}--disabled`]]: o,
       [D[`${L}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ y("p", { ...c, className: s, "data-testid": e, children: o });
+  return /* @__PURE__ */ y("p", { ...u, className: s, "data-testid": e, children: n });
 };
-ce.displayName = "Paragraph";
+ue.displayName = "Paragraph";
 function Xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -989,15 +989,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 c = arguments[a];
-        c && (r = i(r, n(c)));
+        var u = arguments[a];
+        u && (r = i(r, o(u)));
       }
       return r;
     }
-    function n(r) {
+    function o(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -1007,8 +1007,8 @@ var Oe = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var a = "";
-      for (var c in r)
-        o.call(r, c) && r[c] && (a = i(a, c));
+      for (var u in r)
+        n.call(r, u) && r[u] && (a = i(a, u));
       return a;
     }
     function i(r, a) {
@@ -1030,9 +1030,9 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", re = {
   "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
 }, te = "purpur-skeleton", ke = ({
   className: e,
-  ["data-testid"]: o,
+  ["data-testid"]: n,
   radius: t = "xs",
-  style: n,
+  style: o,
   negative: i = !1,
   ...r
 }) => {
@@ -1042,19 +1042,19 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", re = {
     re[`${te}--${i ? "negative" : "default"}`],
     re[`${te}--${t}`]
   ]);
-  return /* @__PURE__ */ y("div", { className: a, style: n, "data-testid": o, ...r });
+  return /* @__PURE__ */ y("div", { className: a, style: o, "data-testid": n, ...r });
 };
 ke.displayName = "Skeleton";
 const H = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.src) && !!e.altText, rt = ({
   src: e,
-  altText: o,
+  altText: n,
   noPlaceholder: t,
-  loading: n = "lazy",
+  loading: o = "lazy",
   ["data-testid"]: i
 }) => {
-  const [r, a] = M(!1), c = () => a(!0), s = C(H, {
+  const [r, a] = M(!1), u = () => a(!0), s = C(H, {
     [`${H}--loaded`]: r
-  }), u = C(`${H}-placeholder`, {
+  }), c = C(`${H}-placeholder`, {
     [`${H}-placeholder--loaded`]: r
   });
   return /* @__PURE__ */ k(Le, { children: [
@@ -1064,59 +1064,59 @@ const H = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
         "data-testid": i,
         className: s,
         src: e,
-        alt: o,
-        loading: n,
-        onLoad: c
+        alt: n,
+        loading: o,
+        onLoad: u
       }
     ),
-    !t && /* @__PURE__ */ y(ke, { className: u })
+    !t && /* @__PURE__ */ y(ke, { className: c })
   ] });
-}, S = "purpur-radio-card-group__item", oe = (e, { disabled: o }) => typeof e == "function" ? e({ disabled: o }) : e, tt = ({ title: e, ...o }, t) => {
+}, S = "purpur-radio-card-group__item", ne = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, tt = ({ title: e, ...n }, t) => {
   const {
-    ["data-testid"]: n,
+    ["data-testid"]: o,
     body: i,
     children: r,
     disabled: a,
-    id: c,
+    id: u,
     image: s,
-    required: u,
+    required: c,
     value: _
-  } = o, p = { title: e, ...o };
+  } = n, p = { title: e, ...n };
   return /* @__PURE__ */ k("div", { className: C(`${S}-container`), ref: t, children: [
     /* @__PURE__ */ k(
       Ur,
       {
         className: C(S),
-        "data-testid": n,
+        "data-testid": o,
         disabled: a,
-        id: c,
-        required: u,
+        id: u,
+        required: c,
         value: _,
         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) }),
+          s && /* @__PURE__ */ y("span", { className: C(`${S}-image-container`), children: et(s) ? /* @__PURE__ */ y(rt, { ...s, "data-testid": o && `${o}-image` }) : ne(s, p) }),
           /* @__PURE__ */ k("span", { className: C(`${S}-content`), children: [
             /* @__PURE__ */ k("span", { className: C(`${S}-top-container`), children: [
               typeof e == "string" ? /* @__PURE__ */ y(
-                ce,
+                ue,
                 {
                   className: C(`${S}-title`),
-                  "data-testid": n && `${n}-title`,
+                  "data-testid": o && `${o}-title`,
                   variant: "paragraph-100",
                   disabled: a,
                   children: e
                 }
-              ) : oe(e, p),
+              ) : ne(e, p),
               /* @__PURE__ */ y("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ y(qr, { className: C(`${S}-indicator`) }) })
             ] }),
             i && /* @__PURE__ */ y("span", { className: C(`${S}-bottom-container`), children: typeof i == "string" ? /* @__PURE__ */ y(
-              ce,
+              ue,
               {
-                "data-testid": n && `${n}-body`,
+                "data-testid": o && `${o}-body`,
                 variant: "paragraph-100",
                 disabled: a,
                 children: i
               }
-            ) : oe(i, p) })
+            ) : ne(i, p) })
           ] })
         ]
       }
@@ -1125,38 +1125,38 @@ const H = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
   ] });
 }, de = I(tt);
 de.displayName = "RadioCardItem";
-const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizontal", "vertical"], lt = ["right", "left"], K = "purpur-radio-card-group", nt = ({
+const nt = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizontal", "vertical"], lt = ["right", "left"], K = "purpur-radio-card-group", ot = ({
   "data-testid": e,
-  "aria-labelledby": o,
+  "aria-labelledby": n,
   children: t,
-  className: n,
+  className: o,
   items: i,
   label: r,
   loop: a = !0,
-  orientation: c = "vertical",
+  orientation: u = "vertical",
   radioPosition: s = "right",
-  ...u
+  ...c
 }, _) => {
-  const p = P.toArray(t).filter(ot);
-  return /* @__PURE__ */ k("div", { className: C(n, `${K}__container`), ref: _, children: [
+  const p = P.toArray(t).filter(nt);
+  return /* @__PURE__ */ k("div", { className: C(o, `${K}__container`), ref: _, children: [
     r && /* @__PURE__ */ y(
       be,
       {
         "data-testid": e ? `${e}-label` : void 0,
-        id: `${u.id}-label`,
+        id: `${c.id}-label`,
         tag: "h2",
         variant: "subsection-100",
-        children: `${u.required ? "* " : ""}${r}`
+        children: `${c.required ? "* " : ""}${r}`
       }
     ),
     (!!(i != null && i.length) || p.length) && /* @__PURE__ */ k(
       Gr,
       {
-        ...u,
-        "aria-labelledby": o || (r ? `${u.id}-label` : void 0),
+        ...c,
+        "aria-labelledby": n || (r ? `${c.id}-label` : void 0),
         className: C(
           K,
-          `${K}--${c}`,
+          `${K}--${u}`,
           `${K}--radio-${s}`
         ),
         "data-testid": e,
@@ -1166,20 +1166,20 @@ const ot = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizonta
             de,
             {
               ...f,
-              disabled: f.disabled || u.disabled,
+              disabled: f.disabled || c.disabled,
               "data-testid": e ? `${e}-item` : void 0
             },
             f.id
           )),
           P.map(
             p,
-            (f) => X(f, { disabled: f.props.disabled || u.disabled })
+            (f) => X(f, { disabled: f.props.disabled || c.disabled })
           )
         ]
       }
     )
   ] });
-}, at = I(nt);
+}, at = I(ot);
 at.displayName = "RadioCardGroup";
 export {
   pt as RADIO_CARD_GROUP_ORIENTATION,