@purpurds/radio-card-group 8.8.0 → 8.9.0

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

@@ -1,25 +1,19 @@
-import { jsx as l, jsxs as A, Fragment as ze } from "react/jsx-runtime";
+import { jsx as d, jsxs as E, Fragment as ze } from "react/jsx-runtime";
 import * as s from "react";
-import O, { useState as Ue, forwardRef as le, isValidElement as je, Children as ne, cloneElement as Ve } from "react";
+import P, { useState as Ue, forwardRef as le, isValidElement as je, Children as ne, cloneElement as Ve } from "react";
 import "react-dom";
 function Ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var ae;
+var oe = { exports: {} }, ae;
 function Be() {
   return ae || (ae = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
-        for (var r = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (r = o(r, a(u)));
+        for (var r = "", o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          u && (r = i(r, a(u)));
         }
         return r;
       }
@@ -32,20 +26,20 @@ function Be() {
           return n.apply(null, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var o = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = o(i, u));
-        return i;
+          t.call(r, u) && r[u] && (o = i(o, u));
+        return o;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function i(r, o) {
+        return o ? r ? r + " " + o : r + o : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(oe)), oe.exports;
 }
 var We = Be();
-const qe = /* @__PURE__ */ Ke(We), k = {
+const He = /* @__PURE__ */ Ke(We), F = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -65,33 +59,33 @@ const qe = /* @__PURE__ */ Ke(We), k = {
   "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
   "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
-}, He = {
+}, qe = {
   TITLE100: "title-100"
 }, D = "purpur-heading", fe = ({
   children: e,
   className: t = "",
   enableHyphenation: n = !1,
   negative: a = !1,
-  tag: o,
-  variant: r = He.TITLE100,
-  ...i
+  tag: i,
+  variant: r = qe.TITLE100,
+  ...o
 }) => {
-  const u = o, p = qe([
+  const u = i, p = He([
     t,
-    k[D],
-    k[`${D}--${r}`],
+    F[D],
+    F[`${D}--${r}`],
     {
-      [k[`${D}--hyphens`]]: n,
-      [k[`${D}--negative`]]: a
+      [F[`${D}--hyphens`]]: n,
+      [F[`${D}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ l(u, { className: p, ...i, children: e });
+  return /* @__PURE__ */ d(u, { className: p, ...o, children: e });
 };
 fe.displayName = "Heading";
-function w(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), n === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
+function A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(i) {
+    if (e?.(i), n === !1 || !i.defaultPrevented)
+      return t?.(i);
   };
 }
 function ie(e, t) {
@@ -99,96 +93,94 @@ function ie(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function _e(...e) {
+function me(...e) {
   return (t) => {
     let n = !1;
-    const a = e.map((o) => {
-      const r = ie(o, t);
+    const a = e.map((i) => {
+      const r = ie(i, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let o = 0; o < a.length; o++) {
-          const r = a[o];
-          typeof r == "function" ? r() : ie(e[o], null);
+        for (let i = 0; i < a.length; i++) {
+          const r = a[i];
+          typeof r == "function" ? r() : ie(e[i], null);
         }
       };
   };
 }
 function T(...e) {
-  return s.useCallback(_e(...e), e);
+  return s.useCallback(me(...e), e);
 }
 function j(e, t = []) {
   let n = [];
-  function a(r, i) {
-    const u = s.createContext(i), p = n.length;
-    n = [...n, i];
-    const c = (f) => {
-      var y;
-      const { scope: g, children: d, ...m } = f, h = ((y = g == null ? void 0 : g[e]) == null ? void 0 : y[p]) || u, v = s.useMemo(() => m, Object.values(m));
-      return /* @__PURE__ */ l(h.Provider, { value: v, children: d });
+  function a(r, o) {
+    const u = s.createContext(o), p = n.length;
+    n = [...n, o];
+    const c = (l) => {
+      const { scope: g, children: m, ..._ } = l, h = g?.[e]?.[p] || u, v = s.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ d(h.Provider, { value: v, children: m });
     };
     c.displayName = r + "Provider";
-    function _(f, g) {
-      var h;
-      const d = ((h = g == null ? void 0 : g[e]) == null ? void 0 : h[p]) || u, m = s.useContext(d);
-      if (m) return m;
-      if (i !== void 0) return i;
-      throw new Error(`\`${f}\` must be used within \`${r}\``);
+    function f(l, g) {
+      const m = g?.[e]?.[p] || u, _ = s.useContext(m);
+      if (_) return _;
+      if (o !== void 0) return o;
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
-    return [c, _];
+    return [c, f];
   }
-  const o = () => {
-    const r = n.map((i) => s.createContext(i));
+  const i = () => {
+    const r = n.map((o) => s.createContext(o));
     return function(u) {
-      const p = (u == null ? void 0 : u[e]) || r;
+      const p = u?.[e] || r;
       return s.useMemo(
         () => ({ [`__scope${e}`]: { ...u, [e]: p } }),
         [u, p]
       );
     };
   };
-  return o.scopeName = e, [a, Ye(o, ...t)];
+  return i.scopeName = e, [a, Ye(i, ...t)];
 }
 function Ye(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
-    const a = e.map((o) => ({
-      useScope: o(),
-      scopeName: o.scopeName
+    const a = e.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
     }));
     return function(r) {
-      const i = a.reduce((u, { useScope: p, scopeName: c }) => {
-        const f = p(r)[`__scope${c}`];
-        return { ...u, ...f };
+      const o = a.reduce((u, { useScope: p, scopeName: c }) => {
+        const l = p(r)[`__scope${c}`];
+        return { ...u, ...l };
       }, {});
-      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: o }), [o]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
 // @__NO_SIDE_EFFECTS__
 function Y(e) {
-  const t = /* @__PURE__ */ Xe(e), n = s.forwardRef((a, o) => {
-    const { children: r, ...i } = a, u = s.Children.toArray(r), p = u.find(Je);
+  const t = /* @__PURE__ */ Xe(e), n = s.forwardRef((a, i) => {
+    const { children: r, ...o } = a, u = s.Children.toArray(r), p = u.find(Je);
     if (p) {
-      const c = p.props.children, _ = u.map((f) => f === p ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : f);
-      return /* @__PURE__ */ l(t, { ...i, ref: o, children: s.isValidElement(c) ? s.cloneElement(c, void 0, _) : null });
+      const c = p.props.children, f = u.map((l) => l === p ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : l);
+      return /* @__PURE__ */ d(t, { ...o, ref: i, children: s.isValidElement(c) ? s.cloneElement(c, void 0, f) : null });
     }
-    return /* @__PURE__ */ l(t, { ...i, ref: o, children: r });
+    return /* @__PURE__ */ d(t, { ...o, ref: i, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
 function Xe(e) {
   const t = s.forwardRef((n, a) => {
-    const { children: o, ...r } = n;
-    if (s.isValidElement(o)) {
-      const i = er(o), u = Qe(r, o.props);
-      return o.type !== s.Fragment && (u.ref = a ? _e(a, i) : i), s.cloneElement(o, u);
+    const { children: i, ...r } = n;
+    if (s.isValidElement(i)) {
+      const o = er(i), u = Qe(r, i.props);
+      return i.type !== s.Fragment && (u.ref = a ? me(a, o) : o), s.cloneElement(i, u);
     }
-    return s.Children.count(o) > 1 ? s.Children.only(null) : null;
+    return s.Children.count(i) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
@@ -199,17 +191,16 @@ function Je(e) {
 function Qe(e, t) {
   const n = { ...t };
   for (const a in t) {
-    const o = e[a], r = t[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...u) => {
-      r(...u), o(...u);
-    } : o && (n[a] = o) : a === "style" ? n[a] = { ...o, ...r } : a === "className" && (n[a] = [o, r].filter(Boolean).join(" "));
+    const i = e[a], r = t[a];
+    /^on[A-Z]/.test(a) ? i && r ? n[a] = (...u) => {
+      r(...u), i(...u);
+    } : i && (n[a] = i) : a === "style" ? n[a] = { ...i, ...r } : a === "className" && (n[a] = [i, r].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
 function er(e) {
-  var a, o;
-  let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var rr = [
   "a",
@@ -229,53 +220,53 @@ var rr = [
   "svg",
   "ul"
 ], M = rr.reduce((e, t) => {
-  const n = /* @__PURE__ */ Y(`Primitive.${t}`), a = s.forwardRef((o, r) => {
-    const { asChild: i, ...u } = o, p = i ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(p, { ...u, ref: r });
+  const n = /* @__PURE__ */ Y(`Primitive.${t}`), a = s.forwardRef((i, r) => {
+    const { asChild: o, ...u } = i, p = o ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(p, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${t}`, { ...e, [t]: a };
 }, {});
 function tr(e) {
-  const t = e + "CollectionProvider", [n, a] = j(t), [o, r] = n(
+  const t = e + "CollectionProvider", [n, a] = j(t), [i, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (h) => {
-    const { scope: v, children: y } = h, b = O.useRef(null), C = O.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ l(o, { scope: v, itemMap: C, collectionRef: b, children: y });
+  ), o = (h) => {
+    const { scope: v, children: b } = h, y = P.useRef(null), S = P.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d(i, { scope: v, itemMap: S, collectionRef: y, children: b });
   };
-  i.displayName = t;
-  const u = e + "CollectionSlot", p = /* @__PURE__ */ Y(u), c = O.forwardRef(
+  o.displayName = t;
+  const u = e + "CollectionSlot", p = /* @__PURE__ */ Y(u), c = P.forwardRef(
     (h, v) => {
-      const { scope: y, children: b } = h, C = r(u, y), N = T(v, C.collectionRef);
-      return /* @__PURE__ */ l(p, { ref: N, children: b });
+      const { scope: b, children: y } = h, S = r(u, b), N = T(v, S.collectionRef);
+      return /* @__PURE__ */ d(p, { ref: N, children: y });
     }
   );
   c.displayName = u;
-  const _ = e + "CollectionItemSlot", f = "data-radix-collection-item", g = /* @__PURE__ */ Y(_), d = O.forwardRef(
+  const f = e + "CollectionItemSlot", l = "data-radix-collection-item", g = /* @__PURE__ */ Y(f), m = P.forwardRef(
     (h, v) => {
-      const { scope: y, children: b, ...C } = h, N = O.useRef(null), P = T(v, N), x = r(_, y);
-      return O.useEffect(() => (x.itemMap.set(N, { ref: N, ...C }), () => void x.itemMap.delete(N))), /* @__PURE__ */ l(g, { [f]: "", ref: P, children: b });
+      const { scope: b, children: y, ...S } = h, N = P.useRef(null), O = T(v, N), x = r(f, b);
+      return P.useEffect(() => (x.itemMap.set(N, { ref: N, ...S }), () => void x.itemMap.delete(N))), /* @__PURE__ */ d(g, { [l]: "", ref: O, children: y });
     }
   );
-  d.displayName = _;
-  function m(h) {
+  m.displayName = f;
+  function _(h) {
     const v = r(e + "CollectionConsumer", h);
-    return O.useCallback(() => {
-      const b = v.collectionRef.current;
-      if (!b) return [];
-      const C = Array.from(b.querySelectorAll(`[${f}]`));
+    return P.useCallback(() => {
+      const y = v.collectionRef.current;
+      if (!y) return [];
+      const S = Array.from(y.querySelectorAll(`[${l}]`));
       return Array.from(v.itemMap.values()).sort(
-        (x, F) => C.indexOf(x.ref.current) - C.indexOf(F.ref.current)
+        (x, k) => S.indexOf(x.ref.current) - S.indexOf(k.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
   return [
-    { Provider: i, Slot: c, ItemSlot: d },
-    m,
+    { Provider: o, Slot: c, ItemSlot: m },
+    _,
     a
   ];
 }
-var U = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var U = globalThis?.document ? s.useLayoutEffect : () => {
 }, nr = s[" useId ".trim().toString()] || (() => {
 }), or = 0;
 function ar(e) {
@@ -288,37 +279,34 @@ function J(e) {
   const t = s.useRef(e);
   return s.useEffect(() => {
     t.current = e;
-  }), s.useMemo(() => (...n) => {
-    var a;
-    return (a = t.current) == null ? void 0 : a.call(t, ...n);
-  }, []);
+  }), s.useMemo(() => (...n) => t.current?.(...n), []);
 }
-function me({
+function _e({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   }
 }) {
-  const [a, o] = ir({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : a, u = J(n), p = s.useCallback(
+  const [a, i] = ir({ defaultProp: t, onChange: n }), r = e !== void 0, o = r ? e : a, u = J(n), p = s.useCallback(
     (c) => {
       if (r) {
-        const f = typeof c == "function" ? c(e) : c;
-        f !== e && u(f);
+        const l = typeof c == "function" ? c(e) : c;
+        l !== e && u(l);
       } else
-        o(c);
+        i(c);
     },
-    [r, e, o, u]
+    [r, e, i, u]
   );
-  return [i, p];
+  return [o, p];
 }
 function ir({
   defaultProp: e,
   onChange: t
 }) {
-  const n = s.useState(e), [a] = n, o = s.useRef(a), r = J(t);
+  const n = s.useState(e), [a] = n, i = s.useRef(a), r = J(t);
   return s.useEffect(() => {
-    o.current !== a && (r(a), o.current = a);
-  }, [a, o, r]), n;
+    i.current !== a && (r(a), i.current = a);
+  }, [a, i, r]), n;
 }
 var ur = s.createContext(void 0);
 function ge(e) {
@@ -329,76 +317,76 @@ var B = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, V
   V,
   [cr]
 ), [dr, lr] = pr(V), ye = s.forwardRef(
-  (e, t) => /* @__PURE__ */ l(X.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(X.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(fr, { ...e, ref: t }) }) })
+  (e, t) => /* @__PURE__ */ d(X.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(X.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(fr, { ...e, ref: t }) }) })
 );
 ye.displayName = V;
 var fr = s.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: a,
-    loop: o = !1,
+    loop: i = !1,
     dir: r,
-    currentTabStopId: i,
+    currentTabStopId: o,
     defaultCurrentTabStopId: u,
     onCurrentTabStopIdChange: p,
     onEntryFocus: c,
-    preventScrollOnEntryFocus: _ = !1,
-    ...f
-  } = e, g = s.useRef(null), d = T(t, g), m = ge(r), [h = null, v] = me({
-    prop: i,
+    preventScrollOnEntryFocus: f = !1,
+    ...l
+  } = e, g = s.useRef(null), m = T(t, g), _ = ge(r), [h = null, v] = _e({
+    prop: o,
     defaultProp: u,
     onChange: p
-  }), [y, b] = s.useState(!1), C = J(c), N = he(n), P = s.useRef(!1), [x, F] = s.useState(0);
+  }), [b, y] = s.useState(!1), S = J(c), N = he(n), O = s.useRef(!1), [x, k] = s.useState(0);
   return s.useEffect(() => {
     const R = g.current;
     if (R)
-      return R.addEventListener(B, C), () => R.removeEventListener(B, C);
-  }, [C]), /* @__PURE__ */ l(
+      return R.addEventListener(B, S), () => R.removeEventListener(B, S);
+  }, [S]), /* @__PURE__ */ d(
     dr,
     {
       scope: n,
       orientation: a,
-      dir: m,
-      loop: o,
+      dir: _,
+      loop: i,
       currentTabStopId: h,
       onItemFocus: s.useCallback(
         (R) => v(R),
         [v]
       ),
-      onItemShiftTab: s.useCallback(() => b(!0), []),
+      onItemShiftTab: s.useCallback(() => y(!0), []),
       onFocusableItemAdd: s.useCallback(
-        () => F((R) => R + 1),
+        () => k((R) => R + 1),
         []
       ),
       onFocusableItemRemove: s.useCallback(
-        () => F((R) => R - 1),
+        () => k((R) => R - 1),
         []
       ),
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ d(
         M.div,
         {
-          tabIndex: y || x === 0 ? -1 : 0,
+          tabIndex: b || x === 0 ? -1 : 0,
           "data-orientation": a,
-          ...f,
-          ref: d,
+          ...l,
+          ref: m,
           style: { outline: "none", ...e.style },
-          onMouseDown: w(e.onMouseDown, () => {
-            P.current = !0;
+          onMouseDown: A(e.onMouseDown, () => {
+            O.current = !0;
           }),
-          onFocus: w(e.onFocus, (R) => {
-            const ke = !P.current;
-            if (R.target === R.currentTarget && ke && !y) {
+          onFocus: A(e.onFocus, (R) => {
+            const Fe = !O.current;
+            if (R.target === R.currentTarget && Fe && !b) {
               const te = new CustomEvent(B, sr);
               if (R.currentTarget.dispatchEvent(te), !te.defaultPrevented) {
-                const K = N().filter((E) => E.focusable), De = K.find((E) => E.active), Ge = K.find((E) => E.id === h), Le = [De, Ge, ...K].filter(
+                const K = N().filter((w) => w.focusable), De = K.find((w) => w.active), Ge = K.find((w) => w.id === h), Le = [De, Ge, ...K].filter(
                   Boolean
-                ).map((E) => E.ref.current);
-                Se(Le, _);
+                ).map((w) => w.ref.current);
+                Ce(Le, f);
               }
             }
-            P.current = !1;
+            O.current = !1;
           }),
-          onBlur: w(e.onBlur, () => b(!1))
+          onBlur: A(e.onBlur, () => y(!1))
         }
       )
     }
@@ -408,49 +396,49 @@ var fr = s.forwardRef((e, t) => {
     const {
       __scopeRovingFocusGroup: n,
       focusable: a = !0,
-      active: o = !1,
+      active: i = !1,
       tabStopId: r,
-      ...i
-    } = e, u = ar(), p = r || u, c = lr(be, n), _ = c.currentTabStopId === p, f = he(n), { onFocusableItemAdd: g, onFocusableItemRemove: d } = c;
+      ...o
+    } = e, u = ar(), p = r || u, c = lr(be, n), f = c.currentTabStopId === p, l = he(n), { onFocusableItemAdd: g, onFocusableItemRemove: m } = c;
     return s.useEffect(() => {
       if (a)
-        return g(), () => d();
-    }, [a, g, d]), /* @__PURE__ */ l(
+        return g(), () => m();
+    }, [a, g, m]), /* @__PURE__ */ d(
       X.ItemSlot,
       {
         scope: n,
         id: p,
         focusable: a,
-        active: o,
-        children: /* @__PURE__ */ l(
+        active: i,
+        children: /* @__PURE__ */ d(
           M.span,
           {
-            tabIndex: _ ? 0 : -1,
+            tabIndex: f ? 0 : -1,
             "data-orientation": c.orientation,
-            ...i,
+            ...o,
             ref: t,
-            onMouseDown: w(e.onMouseDown, (m) => {
-              a ? c.onItemFocus(p) : m.preventDefault();
+            onMouseDown: A(e.onMouseDown, (_) => {
+              a ? c.onItemFocus(p) : _.preventDefault();
             }),
-            onFocus: w(e.onFocus, () => c.onItemFocus(p)),
-            onKeyDown: w(e.onKeyDown, (m) => {
-              if (m.key === "Tab" && m.shiftKey) {
+            onFocus: A(e.onFocus, () => c.onItemFocus(p)),
+            onKeyDown: A(e.onKeyDown, (_) => {
+              if (_.key === "Tab" && _.shiftKey) {
                 c.onItemShiftTab();
                 return;
               }
-              if (m.target !== m.currentTarget) return;
-              const h = gr(m, c.orientation, c.dir);
+              if (_.target !== _.currentTarget) return;
+              const h = gr(_, c.orientation, c.dir);
               if (h !== void 0) {
-                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
-                m.preventDefault();
-                let y = f().filter((b) => b.focusable).map((b) => b.ref.current);
-                if (h === "last") y.reverse();
+                if (_.metaKey || _.ctrlKey || _.altKey || _.shiftKey) return;
+                _.preventDefault();
+                let b = l().filter((y) => y.focusable).map((y) => y.ref.current);
+                if (h === "last") b.reverse();
                 else if (h === "prev" || h === "next") {
-                  h === "prev" && y.reverse();
-                  const b = y.indexOf(m.currentTarget);
-                  y = c.loop ? hr(y, b + 1) : y.slice(b + 1);
+                  h === "prev" && b.reverse();
+                  const y = b.indexOf(_.currentTarget);
+                  b = c.loop ? hr(b, y + 1) : b.slice(y + 1);
                 }
-                setTimeout(() => Se(y));
+                setTimeout(() => Ce(b));
               }
             })
           }
@@ -460,7 +448,7 @@ var fr = s.forwardRef((e, t) => {
   }
 );
 Re.displayName = be;
-var _r = {
+var mr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -470,15 +458,15 @@ var _r = {
   PageDown: "last",
   End: "last"
 };
-function mr(e, t) {
+function _r(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
 function gr(e, t, n) {
-  const a = mr(e.key, n);
+  const a = _r(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
-    return _r[a];
+    return mr[a];
 }
-function Se(e, t = !1) {
+function Ce(e, t = !1) {
   const n = document.activeElement;
   for (const a of e)
     if (a === n || (a.focus({ preventScroll: t }), document.activeElement !== n)) return;
@@ -492,17 +480,17 @@ function br(e) {
   return U(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
-      const a = new ResizeObserver((o) => {
-        if (!Array.isArray(o) || !o.length)
+      const a = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
           return;
-        const r = o[0];
-        let i, u;
+        const r = i[0];
+        let o, u;
         if ("borderBoxSize" in r) {
           const p = r.borderBoxSize, c = Array.isArray(p) ? p[0] : p;
-          i = c.inlineSize, u = c.blockSize;
+          o = c.inlineSize, u = c.blockSize;
         } else
-          i = e.offsetWidth, u = e.offsetHeight;
-        n({ width: i, height: u });
+          o = e.offsetWidth, u = e.offsetHeight;
+        n({ width: o, height: u });
       });
       return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
     } else
@@ -513,16 +501,16 @@ function Rr(e) {
   const t = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function Sr(e, t) {
+function Cr(e, t) {
   return s.useReducer((n, a) => t[n][a] ?? n, e);
 }
-var Ce = (e) => {
-  const { present: t, children: n } = e, a = Cr(t), o = typeof n == "function" ? n({ present: a.isPresent }) : s.Children.only(n), r = T(a.ref, Nr(o));
-  return typeof n == "function" || a.isPresent ? s.cloneElement(o, { ref: r }) : null;
+var Se = (e) => {
+  const { present: t, children: n } = e, a = Sr(t), i = typeof n == "function" ? n({ present: a.isPresent }) : s.Children.only(n), r = T(a.ref, Nr(i));
+  return typeof n == "function" || a.isPresent ? s.cloneElement(i, { ref: r }) : null;
 };
-Ce.displayName = "Presence";
-function Cr(e) {
-  const [t, n] = s.useState(), a = s.useRef({}), o = s.useRef(e), r = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, p] = Sr(i, {
+Se.displayName = "Presence";
+function Sr(e) {
+  const [t, n] = s.useState(), a = s.useRef({}), i = s.useRef(e), r = s.useRef("none"), o = e ? "mounted" : "unmounted", [u, p] = Cr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -539,27 +527,27 @@ function Cr(e) {
     const c = G(a.current);
     r.current = u === "mounted" ? c : "none";
   }, [u]), U(() => {
-    const c = a.current, _ = o.current;
-    if (_ !== e) {
-      const g = r.current, d = G(c);
-      e ? p("MOUNT") : d === "none" || (c == null ? void 0 : c.display) === "none" ? p("UNMOUNT") : p(_ && g !== d ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    const c = a.current, f = i.current;
+    if (f !== e) {
+      const g = r.current, m = G(c);
+      e ? p("MOUNT") : m === "none" || c?.display === "none" ? p("UNMOUNT") : p(f && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [e, p]), U(() => {
     if (t) {
       let c;
-      const _ = t.ownerDocument.defaultView ?? window, f = (d) => {
-        const h = G(a.current).includes(d.animationName);
-        if (d.target === t && h && (p("ANIMATION_END"), !o.current)) {
+      const f = t.ownerDocument.defaultView ?? window, l = (m) => {
+        const h = G(a.current).includes(m.animationName);
+        if (m.target === t && h && (p("ANIMATION_END"), !i.current)) {
           const v = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", c = _.setTimeout(() => {
+          t.style.animationFillMode = "forwards", c = f.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, g = (d) => {
-        d.target === t && (r.current = G(a.current));
+      }, g = (m) => {
+        m.target === t && (r.current = G(a.current));
       };
-      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        _.clearTimeout(c), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
+        f.clearTimeout(c), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
       };
     } else
       p("ANIMATION_END");
@@ -571,54 +559,53 @@ function Cr(e) {
   };
 }
 function G(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
+  return e?.animationName || "none";
 }
 function Nr(e) {
-  var a, o;
-  let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Q = "Radio", [Ir, Ne] = j(Q), [Ar, wr] = Ir(Q), Ie = s.forwardRef(
+var Q = "Radio", [Ir, Ne] = j(Q), [Er, Ar] = Ir(Q), Ie = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
       name: a,
-      checked: o = !1,
+      checked: i = !1,
       required: r,
-      disabled: i,
+      disabled: o,
       value: u = "on",
       onCheck: p,
       form: c,
-      ..._
-    } = e, [f, g] = s.useState(null), d = T(t, (v) => g(v)), m = s.useRef(!1), h = f ? c || !!f.closest("form") : !0;
-    return /* @__PURE__ */ A(Ar, { scope: n, checked: o, disabled: i, children: [
-      /* @__PURE__ */ l(
+      ...f
+    } = e, [l, g] = s.useState(null), m = T(t, (v) => g(v)), _ = s.useRef(!1), h = l ? c || !!l.closest("form") : !0;
+    return /* @__PURE__ */ E(Er, { scope: n, checked: i, disabled: o, children: [
+      /* @__PURE__ */ d(
         M.button,
         {
           type: "button",
           role: "radio",
-          "aria-checked": o,
-          "data-state": Ee(o),
-          "data-disabled": i ? "" : void 0,
-          disabled: i,
+          "aria-checked": i,
+          "data-state": we(i),
+          "data-disabled": o ? "" : void 0,
+          disabled: o,
           value: u,
-          ..._,
-          ref: d,
-          onClick: w(e.onClick, (v) => {
-            o || p == null || p(), h && (m.current = v.isPropagationStopped(), m.current || v.stopPropagation());
+          ...f,
+          ref: m,
+          onClick: A(e.onClick, (v) => {
+            i || p?.(), h && (_.current = v.isPropagationStopped(), _.current || v.stopPropagation());
           })
         }
       ),
-      h && /* @__PURE__ */ l(
-        Er,
+      h && /* @__PURE__ */ d(
+        wr,
         {
-          control: f,
-          bubbles: !m.current,
+          control: l,
+          bubbles: !_.current,
           name: a,
           value: u,
-          checked: o,
+          checked: i,
           required: r,
-          disabled: i,
+          disabled: o,
           form: c,
           style: { transform: "translateX(-100%)" }
         }
@@ -627,36 +614,36 @@ var Q = "Radio", [Ir, Ne] = j(Q), [Ar, wr] = Ir(Q), Ie = s.forwardRef(
   }
 );
 Ie.displayName = Q;
-var Ae = "RadioIndicator", we = s.forwardRef(
+var Ee = "RadioIndicator", Ae = s.forwardRef(
   (e, t) => {
-    const { __scopeRadio: n, forceMount: a, ...o } = e, r = wr(Ae, n);
-    return /* @__PURE__ */ l(Ce, { present: a || r.checked, children: /* @__PURE__ */ l(
+    const { __scopeRadio: n, forceMount: a, ...i } = e, r = Ar(Ee, n);
+    return /* @__PURE__ */ d(Se, { present: a || r.checked, children: /* @__PURE__ */ d(
       M.span,
       {
-        "data-state": Ee(r.checked),
+        "data-state": we(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
-        ...o,
+        ...i,
         ref: t
       }
     ) });
   }
 );
-we.displayName = Ae;
-var Er = (e) => {
-  const { control: t, checked: n, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = Rr(n), u = br(t);
+Ae.displayName = Ee;
+var wr = (e) => {
+  const { control: t, checked: n, bubbles: a = !0, ...i } = e, r = s.useRef(null), o = Rr(n), u = br(t);
   return s.useEffect(() => {
-    const p = r.current, c = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(c, "checked").set;
-    if (i !== n && f) {
+    const p = r.current, c = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(c, "checked").set;
+    if (o !== n && l) {
       const g = new Event("click", { bubbles: a });
-      f.call(p, n), p.dispatchEvent(g);
+      l.call(p, n), p.dispatchEvent(g);
     }
-  }, [i, n, a]), /* @__PURE__ */ l(
+  }, [o, n, a]), /* @__PURE__ */ d(
     "input",
     {
       type: "radio",
       "aria-hidden": !0,
       defaultChecked: n,
-      ...o,
+      ...i,
       tabIndex: -1,
       ref: r,
       style: {
@@ -670,56 +657,56 @@ var Er = (e) => {
     }
   );
 };
-function Ee(e) {
+function we(e) {
   return e ? "checked" : "unchecked";
 }
-var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup", [Pr] = j(ee, [
+var Pr = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup", [Or] = j(ee, [
   ve,
   Ne
-]), Oe = ve(), Pe = Ne(), [xr, Tr] = Pr(ee), xe = s.forwardRef(
+]), Pe = ve(), Oe = Ne(), [xr, Tr] = Or(ee), xe = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: n,
       name: a,
-      defaultValue: o,
+      defaultValue: i,
       value: r,
-      required: i = !1,
+      required: o = !1,
       disabled: u = !1,
       orientation: p,
       dir: c,
-      loop: _ = !0,
-      onValueChange: f,
+      loop: f = !0,
+      onValueChange: l,
       ...g
-    } = e, d = Oe(n), m = ge(c), [h, v] = me({
+    } = e, m = Pe(n), _ = ge(c), [h, v] = _e({
       prop: r,
-      defaultProp: o,
-      onChange: f
+      defaultProp: i,
+      onChange: l
     });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ d(
       xr,
       {
         scope: n,
         name: a,
-        required: i,
+        required: o,
         disabled: u,
         value: h,
         onValueChange: v,
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ d(
           vr,
           {
             asChild: !0,
-            ...d,
+            ...m,
             orientation: p,
-            dir: m,
-            loop: _,
-            children: /* @__PURE__ */ l(
+            dir: _,
+            loop: f,
+            children: /* @__PURE__ */ d(
               M.div,
               {
                 role: "radiogroup",
-                "aria-required": i,
+                "aria-required": o,
                 "aria-orientation": p,
                 "data-disabled": u ? "" : void 0,
-                dir: m,
+                dir: _,
                 ...g,
                 ref: t
               }
@@ -733,38 +720,37 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup",
 xe.displayName = ee;
 var Te = "RadioGroupItem", $e = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: a, ...o } = e, r = Tr(Te, n), i = r.disabled || a, u = Oe(n), p = Pe(n), c = s.useRef(null), _ = T(t, c), f = r.value === o.value, g = s.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: a, ...i } = e, r = Tr(Te, n), o = r.disabled || a, u = Pe(n), p = Oe(n), c = s.useRef(null), f = T(t, c), l = r.value === i.value, g = s.useRef(!1);
     return s.useEffect(() => {
-      const d = (h) => {
-        Or.includes(h.key) && (g.current = !0);
-      }, m = () => g.current = !1;
-      return document.addEventListener("keydown", d), document.addEventListener("keyup", m), () => {
-        document.removeEventListener("keydown", d), document.removeEventListener("keyup", m);
+      const m = (h) => {
+        Pr.includes(h.key) && (g.current = !0);
+      }, _ = () => g.current = !1;
+      return document.addEventListener("keydown", m), document.addEventListener("keyup", _), () => {
+        document.removeEventListener("keydown", m), document.removeEventListener("keyup", _);
       };
-    }, []), /* @__PURE__ */ l(
+    }, []), /* @__PURE__ */ d(
       yr,
       {
         asChild: !0,
         ...u,
-        focusable: !i,
-        active: f,
-        children: /* @__PURE__ */ l(
+        focusable: !o,
+        active: l,
+        children: /* @__PURE__ */ d(
           Ie,
           {
-            disabled: i,
+            disabled: o,
             required: r.required,
-            checked: f,
+            checked: l,
             ...p,
-            ...o,
+            ...i,
             name: r.name,
-            ref: _,
-            onCheck: () => r.onValueChange(o.value),
-            onKeyDown: w((d) => {
-              d.key === "Enter" && d.preventDefault();
+            ref: f,
+            onCheck: () => r.onValueChange(i.value),
+            onKeyDown: A((m) => {
+              m.key === "Enter" && m.preventDefault();
             }),
-            onFocus: w(o.onFocus, () => {
-              var d;
-              g.current && ((d = c.current) == null || d.click());
+            onFocus: A(i.onFocus, () => {
+              g.current && c.current?.click();
             })
           }
         )
@@ -775,30 +761,25 @@ var Te = "RadioGroupItem", $e = s.forwardRef(
 $e.displayName = Te;
 var $r = "RadioGroupIndicator", Me = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, ...a } = e, o = Pe(n);
-    return /* @__PURE__ */ l(we, { ...o, ...a, ref: t });
+    const { __scopeRadioGroup: n, ...a } = e, i = Oe(n);
+    return /* @__PURE__ */ d(Ae, { ...i, ...a, ref: t });
   }
 );
 Me.displayName = $r;
-var Mr = xe, Fr = $e, kr = Me;
+var Mr = xe, kr = $e, Fr = Me;
 function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var W = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
 var ue;
 function Gr() {
   return ue || (ue = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
-        for (var r = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (r = o(r, a.call(this, u)));
+        for (var r = "", o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          u && (r = i(r, a.call(this, u)));
         }
         return r;
       }
@@ -811,13 +792,13 @@ function Gr() {
           return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var o = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
-        return i;
+          t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        return o;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function i(r, o) {
+        return o ? r ? r + " " + o : r + o : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
@@ -844,25 +825,19 @@ const zr = /* @__PURE__ */ Dr(Lr), Ur = {
   "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 = zr.bind(Ur);
+}, C = zr.bind(Ur);
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var se = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var ce;
+var se = { exports: {} }, ce;
 function Vr() {
   return ce || (ce = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
-        for (var r = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (r = o(r, a.call(this, u)));
+        for (var r = "", o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          u && (r = i(r, a.call(this, u)));
         }
         return r;
       }
@@ -875,13 +850,13 @@ function Vr() {
           return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var o = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
-        return i;
+          t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        return o;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function i(r, o) {
+        return o ? r ? r + " " + o : r + o : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
@@ -903,43 +878,37 @@ const Br = /* @__PURE__ */ jr(Kr), Wr = {
   "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"
-}, qr = Br.bind(Wr), Hr = {
+}, Hr = Br.bind(Wr), qr = {
   PARAGRAPH100: "paragraph-100"
 }, $ = "purpur-paragraph", Z = ({
   children: e,
   className: t,
   disabled: n,
   enableHyphenation: a = !1,
-  negative: o = !1,
-  variant: r = Hr.PARAGRAPH100,
-  ...i
+  negative: i = !1,
+  variant: r = qr.PARAGRAPH100,
+  ...o
 }) => {
-  const u = qr(t, $, `${$}--${r}`, {
+  const u = Hr(t, $, `${$}--${r}`, {
     [`${$}--hyphens`]: a,
     [`${$}--disabled`]: n,
-    [`${$}--negative`]: o
+    [`${$}--negative`]: i
   });
-  return /* @__PURE__ */ l("p", { ...i, className: u, children: e });
+  return /* @__PURE__ */ d("p", { ...o, className: u, children: e });
 };
 Z.displayName = "Paragraph";
 function Yr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var pe = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var de;
+var pe = { exports: {} }, de;
 function Xr() {
   return de || (de = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
-        for (var r = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (r = o(r, a.call(this, u)));
+        for (var r = "", o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          u && (r = i(r, a.call(this, u)));
         }
         return r;
       }
@@ -952,13 +921,13 @@ function Xr() {
           return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var o = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
-        return i;
+          t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        return o;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function i(r, o) {
+        return o ? r ? r + " " + o : r + o : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
@@ -975,38 +944,38 @@ const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_rzc29_1", et = {
   "purpur-skeleton--md": "_purpur-skeleton--md_rzc29_42",
   "purpur-skeleton--lg": "_purpur-skeleton--lg_rzc29_45",
   "purpur-skeleton--full": "_purpur-skeleton--full_rzc29_48"
-}, rt = Jr.bind(et), q = "purpur-skeleton", Fe = ({
+}, rt = Jr.bind(et), H = "purpur-skeleton", ke = ({
   className: e,
   radius: t = "xs",
   negative: n = !1,
   ...a
 }) => {
-  const o = rt(
+  const i = rt(
     e,
-    q,
-    `${q}--${n ? "negative" : "default"}`,
-    `${q}--${t}`
+    H,
+    `${H}--${n ? "negative" : "default"}`,
+    `${H}--${t}`
   );
-  return /* @__PURE__ */ l("div", { className: o, ...a });
+  return /* @__PURE__ */ d("div", { className: i, ...a });
 };
-Fe.displayName = "Skeleton";
-const L = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.src) && !!e.altText, nt = ({
+ke.displayName = "Skeleton";
+const L = "purpur-radio-card-group__item-image", tt = (e) => !!e?.src && !!e.altText, nt = ({
   src: e,
   altText: t,
   noPlaceholder: n,
   loading: a = "lazy",
-  ["data-testid"]: o
+  ["data-testid"]: i
 }) => {
-  const [r, i] = Ue(!1), u = () => i(!0), p = S(L, {
+  const [r, o] = Ue(!1), u = () => o(!0), p = C(L, {
     [`${L}--loaded`]: r
-  }), c = S(`${L}-placeholder`, {
+  }), c = C(`${L}-placeholder`, {
     [`${L}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ A(ze, { children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ E(ze, { children: [
+    /* @__PURE__ */ d(
       "img",
       {
-        "data-testid": o,
+        "data-testid": i,
         className: p,
         src: e,
         alt: t,
@@ -1014,45 +983,45 @@ const L = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
         onLoad: u
       }
     ),
-    !n && /* @__PURE__ */ l(Fe, { className: c })
+    !n && /* @__PURE__ */ d(ke, { className: c })
   ] });
-}, I = "purpur-radio-card-group__item", H = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, re = le(
+}, I = "purpur-radio-card-group__item", q = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, re = le(
   ({ title: e, ...t }, n) => {
-    const { ["data-testid"]: a, body: o, children: r, disabled: i, id: u, image: p, value: c } = t, _ = { ...t };
-    return /* @__PURE__ */ A("div", { className: S(`${I}-container`), ref: n, children: [
-      /* @__PURE__ */ A(
-        Fr,
+    const { ["data-testid"]: a, body: i, children: r, disabled: o, id: u, image: p, value: c } = t, f = { ...t };
+    return /* @__PURE__ */ E("div", { className: C(`${I}-container`), ref: n, children: [
+      /* @__PURE__ */ E(
+        kr,
         {
-          className: S(I),
+          className: C(I),
           "data-testid": a,
-          disabled: i,
+          disabled: o,
           id: u,
           value: c,
           children: [
-            p && /* @__PURE__ */ l("span", { className: S(`${I}-image-container`), children: tt(p) ? /* @__PURE__ */ l(nt, { ...p, "data-testid": a && `${a}-image` }) : H(p, _) }),
-            /* @__PURE__ */ A("span", { className: S(`${I}-content`), children: [
-              /* @__PURE__ */ A("span", { className: S(`${I}-top-container`), children: [
-                typeof e == "string" ? /* @__PURE__ */ l(
+            p && /* @__PURE__ */ d("span", { className: C(`${I}-image-container`), children: tt(p) ? /* @__PURE__ */ d(nt, { ...p, "data-testid": a && `${a}-image` }) : q(p, f) }),
+            /* @__PURE__ */ E("span", { className: C(`${I}-content`), children: [
+              /* @__PURE__ */ E("span", { className: C(`${I}-top-container`), children: [
+                typeof e == "string" ? /* @__PURE__ */ d(
                   Z,
                   {
-                    className: S(`${I}-title`),
+                    className: C(`${I}-title`),
                     "data-testid": a && `${a}-title`,
                     variant: "paragraph-100",
-                    disabled: i,
+                    disabled: o,
                     children: e
                   }
-                ) : H(e, _),
-                /* @__PURE__ */ l("span", { className: S(`${I}-radio`), children: /* @__PURE__ */ l(kr, { className: S(`${I}-indicator`) }) })
+                ) : q(e, f),
+                /* @__PURE__ */ d("span", { className: C(`${I}-radio`), children: /* @__PURE__ */ d(Fr, { className: C(`${I}-indicator`) }) })
               ] }),
-              o && /* @__PURE__ */ l("span", { className: S(`${I}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ l(
+              i && /* @__PURE__ */ d("span", { className: C(`${I}-bottom-container`), children: typeof i == "string" ? /* @__PURE__ */ d(
                 Z,
                 {
                   "data-testid": a && `${a}-body`,
                   variant: "paragraph-100",
-                  disabled: i,
-                  children: o
+                  disabled: o,
+                  children: i
                 }
-              ) : H(o, _) })
+              ) : q(i, f) })
             ] })
           ]
         }
@@ -1062,41 +1031,41 @@ const L = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
   }
 );
 re.displayName = "RadioCardItem";
-const ot = (e) => je(e) && (e == null ? void 0 : e.type) === re, pt = ["horizontal", "vertical"], dt = ["right", "left"], z = "purpur-radio-card-group", at = le(
+const ot = (e) => je(e) && e?.type === re, pt = ["horizontal", "vertical"], dt = ["right", "left"], z = "purpur-radio-card-group", at = le(
   ({
     "data-testid": e,
     "aria-labelledby": t,
     children: n,
     className: a,
-    items: o,
+    items: i,
     heading: r,
-    headingTag: i = "h2",
+    headingTag: o = "h2",
     loop: u = !0,
     orientation: p = "vertical",
     radioPosition: c = "right",
-    ..._
-  }, f) => {
+    ...f
+  }, l) => {
     const g = ne.toArray(n).filter(ot);
-    return /* @__PURE__ */ A("div", { className: S(a, `${z}__container`), ref: f, children: [
-      r && /* @__PURE__ */ A(
+    return /* @__PURE__ */ E("div", { className: C(a, `${z}__container`), ref: l, children: [
+      r && /* @__PURE__ */ E(
         fe,
         {
           "data-testid": e ? `${e}-heading` : void 0,
-          id: `${_.id}-heading`,
-          tag: i,
+          id: `${f.id}-heading`,
+          tag: o,
           variant: "subsection-100",
           children: [
-            _.required && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "* " }),
+            f.required && /* @__PURE__ */ d("span", { "aria-hidden": !0, children: "* " }),
             r
           ]
         }
       ),
-      (!!(o != null && o.length) || g.length) && /* @__PURE__ */ A(
+      (!!i?.length || g.length) && /* @__PURE__ */ E(
         Mr,
         {
-          ..._,
-          "aria-labelledby": t || (r ? `${_.id}-heading` : void 0),
-          className: S(
+          ...f,
+          "aria-labelledby": t || (r ? `${f.id}-heading` : void 0),
+          className: C(
             z,
             `${z}--${p}`,
             `${z}--radio-${c}`
@@ -1104,18 +1073,18 @@ const ot = (e) => je(e) && (e == null ? void 0 : e.type) === re, pt = ["horizont
           "data-testid": e,
           loop: u,
           children: [
-            o == null ? void 0 : o.map((d) => /* @__PURE__ */ l(
+            i?.map((m) => /* @__PURE__ */ d(
               re,
               {
-                ...d,
-                disabled: d.disabled || _.disabled,
+                ...m,
+                disabled: m.disabled || f.disabled,
                 "data-testid": e ? `${e}-item` : void 0
               },
-              d.id
+              m.id
             )),
             ne.map(
               g,
-              (d) => Ve(d, { disabled: d.props.disabled || _.disabled })
+              (m) => Ve(m, { disabled: m.props.disabled || f.disabled })
             )
           ]
         }