@purpurds/radio-card-group 8.2.1 → 8.2.3

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

@@ -1,8 +1,8 @@
-import { jsx as f, Fragment as le, jsxs as N } from "react/jsx-runtime";
+import { jsx as l, jsxs as A, Fragment as ze } from "react/jsx-runtime";
 import * as s from "react";
-import A, { useState as je, forwardRef as fe, isValidElement as Ve, Children as ne, cloneElement as Ke } from "react";
+import O, { useState as Ue, forwardRef as le, isValidElement as je, Children as ne, cloneElement as Ve } from "react";
 import "react-dom";
-function Be(e) {
+function Ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -12,18 +12,18 @@ var oe = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var ae;
-function We() {
-  return ae || (ae = 1, function(e) {
+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 = a(r, o(u)));
+          u && (r = o(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -34,18 +34,18 @@ function We() {
           return r.toString();
         var i = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = a(i, u));
+          t.call(r, u) && r[u] && (i = o(i, u));
         return i;
       }
-      function a(r, i) {
+      function o(r, i) {
         return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(oe)), oe.exports;
+  })(oe)), oe.exports;
 }
-var qe = We();
-const He = /* @__PURE__ */ Be(qe), M = {
+var We = Be();
+const qe = /* @__PURE__ */ Ke(We), k = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -65,33 +65,33 @@ const He = /* @__PURE__ */ Be(qe), M = {
   "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"
-}, Ye = {
+}, He = {
   TITLE100: "title-100"
-}, F = "purpur-heading", _e = ({
+}, D = "purpur-heading", fe = ({
   children: e,
   className: t = "",
   enableHyphenation: n = !1,
-  negative: o = !1,
-  tag: a,
-  variant: r = Ye.TITLE100,
+  negative: a = !1,
+  tag: o,
+  variant: r = He.TITLE100,
   ...i
 }) => {
-  const u = a, c = He([
+  const u = o, p = qe([
     t,
-    M[F],
-    M[`${F}--${r}`],
+    k[D],
+    k[`${D}--${r}`],
     {
-      [M[`${F}--hyphens`]]: n,
-      [M[`${F}--negative`]]: o
+      [k[`${D}--hyphens`]]: n,
+      [k[`${D}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ f(u, { className: c, ...i, children: e });
+  return /* @__PURE__ */ l(u, { className: p, ...i, children: e });
 };
-_e.displayName = "Heading";
-function I(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(a) {
-    if (e == null || e(a), n === !1 || !a.defaultPrevented)
-      return t == null ? void 0 : t(a);
+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 ie(e, t) {
@@ -99,111 +99,117 @@ function ie(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function me(...e) {
+function _e(...e) {
   return (t) => {
     let n = !1;
-    const o = e.map((a) => {
-      const r = ie(a, t);
+    const a = e.map((o) => {
+      const r = ie(o, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let a = 0; a < o.length; a++) {
-          const r = o[a];
-          typeof r == "function" ? r() : ie(e[a], null);
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : ie(e[o], null);
         }
       };
   };
 }
-function P(...e) {
-  return s.useCallback(me(...e), e);
+function T(...e) {
+  return s.useCallback(_e(...e), e);
 }
-function U(e, t = []) {
+function j(e, t = []) {
   let n = [];
-  function o(r, i) {
-    const u = s.createContext(i), c = n.length;
+  function a(r, i) {
+    const u = s.createContext(i), p = n.length;
     n = [...n, i];
-    const p = (_) => {
+    const c = (f) => {
       var y;
-      const { scope: g, children: d, ...l } = _, h = ((y = g == null ? void 0 : g[e]) == null ? void 0 : y[c]) || u, v = s.useMemo(() => l, Object.values(l));
-      return /* @__PURE__ */ f(h.Provider, { value: v, children: d });
+      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 });
     };
-    p.displayName = r + "Provider";
-    function m(_, g) {
+    c.displayName = r + "Provider";
+    function _(f, g) {
       var h;
-      const d = ((h = g == null ? void 0 : g[e]) == null ? void 0 : h[c]) || u, l = s.useContext(d);
-      if (l) return l;
+      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(`\`${_}\` must be used within \`${r}\``);
+      throw new Error(`\`${f}\` must be used within \`${r}\``);
     }
-    return [p, m];
+    return [c, _];
   }
-  const a = () => {
+  const o = () => {
     const r = n.map((i) => s.createContext(i));
     return function(u) {
-      const c = (u == null ? void 0 : u[e]) || r;
+      const p = (u == null ? void 0 : u[e]) || r;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
-        [u, c]
+        () => ({ [`__scope${e}`]: { ...u, [e]: p } }),
+        [u, p]
       );
     };
   };
-  return a.scopeName = e, [o, Xe(a, ...t)];
+  return o.scopeName = e, [a, Ye(o, ...t)];
 }
-function Xe(...e) {
+function Ye(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
-    const o = e.map((a) => ({
-      useScope: a(),
-      scopeName: a.scopeName
+    const a = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
     }));
     return function(r) {
-      const i = o.reduce((u, { useScope: c, scopeName: p }) => {
-        const _ = c(r)[`__scope${p}`];
-        return { ...u, ..._ };
+      const i = a.reduce((u, { useScope: p, scopeName: c }) => {
+        const f = p(r)[`__scope${c}`];
+        return { ...u, ...f };
       }, {});
       return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
-var L = s.forwardRef((e, t) => {
-  const { children: n, ...o } = e, a = s.Children.toArray(n), r = a.find(Je);
-  if (r) {
-    const i = r.props.children, u = a.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
-    return /* @__PURE__ */ f(H, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
-  }
-  return /* @__PURE__ */ f(H, { ...o, ref: t, children: n });
-});
-L.displayName = "Slot";
-var H = s.forwardRef((e, t) => {
-  const { children: n, ...o } = e;
-  if (s.isValidElement(n)) {
-    const a = er(n), r = Qe(o, n.props);
-    return n.type !== s.Fragment && (r.ref = t ? me(t, a) : a), s.cloneElement(n, r);
-  }
-  return s.Children.count(n) > 1 ? s.Children.only(null) : null;
-});
-H.displayName = "SlotClone";
-var Ze = ({ children: e }) => /* @__PURE__ */ f(le, { children: e });
+// @__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);
+    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 });
+    }
+    return /* @__PURE__ */ l(t, { ...i, ref: o, 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);
+    }
+    return s.Children.count(o) > 1 ? s.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Ze = Symbol("radix.slottable");
 function Je(e) {
-  return s.isValidElement(e) && e.type === Ze;
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ze;
 }
 function Qe(e, t) {
   const n = { ...t };
-  for (const o in t) {
-    const a = e[o], r = t[o];
-    /^on[A-Z]/.test(o) ? a && r ? n[o] = (...u) => {
-      r(...u), a(...u);
-    } : a && (n[o] = a) : o === "style" ? n[o] = { ...a, ...r } : o === "className" && (n[o] = [a, r].filter(Boolean).join(" "));
+  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(" "));
   }
   return { ...e, ...n };
 }
 function er(e) {
-  var o, a;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+  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);
 }
 var rr = [
   "a",
@@ -222,138 +228,138 @@ var rr = [
   "span",
   "svg",
   "ul"
-], $ = rr.reduce((e, t) => {
-  const n = s.forwardRef((o, a) => {
-    const { asChild: r, ...i } = o, u = r ? L : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: a });
+], 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 });
   });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+  return a.displayName = `Primitive.${t}`, { ...e, [t]: a };
 }, {});
 function tr(e) {
-  const t = e + "CollectionProvider", [n, o] = U(t), [a, r] = n(
+  const t = e + "CollectionProvider", [n, a] = j(t), [o, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (d) => {
-    const { scope: l, children: h } = d, v = A.useRef(null), y = A.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ f(a, { scope: l, itemMap: y, collectionRef: v, children: h });
+  ), 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 });
   };
   i.displayName = t;
-  const u = e + "CollectionSlot", c = A.forwardRef(
-    (d, l) => {
-      const { scope: h, children: v } = d, y = r(u, h), b = P(l, y.collectionRef);
-      return /* @__PURE__ */ f(L, { ref: b, children: v });
+  const u = e + "CollectionSlot", p = /* @__PURE__ */ Y(u), c = O.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 });
     }
   );
   c.displayName = u;
-  const p = e + "CollectionItemSlot", m = "data-radix-collection-item", _ = A.forwardRef(
-    (d, l) => {
-      const { scope: h, children: v, ...y } = d, b = A.useRef(null), E = P(l, b), O = r(p, h);
-      return A.useEffect(() => (O.itemMap.set(b, { ref: b, ...y }), () => void O.itemMap.delete(b))), /* @__PURE__ */ f(L, { [m]: "", ref: E, children: v });
+  const _ = e + "CollectionItemSlot", f = "data-radix-collection-item", g = /* @__PURE__ */ Y(_), d = O.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 });
     }
   );
-  _.displayName = p;
-  function g(d) {
-    const l = r(e + "CollectionConsumer", d);
-    return A.useCallback(() => {
-      const v = l.collectionRef.current;
-      if (!v) return [];
-      const y = Array.from(v.querySelectorAll(`[${m}]`));
-      return Array.from(l.itemMap.values()).sort(
-        (O, x) => y.indexOf(O.ref.current) - y.indexOf(x.ref.current)
+  d.displayName = _;
+  function m(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 Array.from(v.itemMap.values()).sort(
+        (x, F) => C.indexOf(x.ref.current) - C.indexOf(F.ref.current)
       );
-    }, [l.collectionRef, l.itemMap]);
+    }, [v.collectionRef, v.itemMap]);
   }
   return [
-    { Provider: i, Slot: c, ItemSlot: _ },
-    g,
-    o
+    { Provider: i, Slot: c, ItemSlot: d },
+    m,
+    a
   ];
 }
-var z = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-}, nr = s.useId || (() => {
+var U = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+}, nr = s[" useId ".trim().toString()] || (() => {
 }), or = 0;
 function ar(e) {
   const [t, n] = s.useState(nr());
-  return z(() => {
-    n((o) => o ?? String(or++));
+  return U(() => {
+    n((a) => a ?? String(or++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Z(e) {
+function J(e) {
   const t = s.useRef(e);
   return s.useEffect(() => {
     t.current = e;
   }), s.useMemo(() => (...n) => {
-    var o;
-    return (o = t.current) == null ? void 0 : o.call(t, ...n);
+    var a;
+    return (a = t.current) == null ? void 0 : a.call(t, ...n);
   }, []);
 }
-function ge({
+function me({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   }
 }) {
-  const [o, a] = ir({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, u = Z(n), c = s.useCallback(
-    (p) => {
+  const [a, o] = ir({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : a, u = J(n), p = s.useCallback(
+    (c) => {
       if (r) {
-        const _ = typeof p == "function" ? p(e) : p;
-        _ !== e && u(_);
+        const f = typeof c == "function" ? c(e) : c;
+        f !== e && u(f);
       } else
-        a(p);
+        o(c);
     },
-    [r, e, a, u]
+    [r, e, o, u]
   );
-  return [i, c];
+  return [i, p];
 }
 function ir({
   defaultProp: e,
   onChange: t
 }) {
-  const n = s.useState(e), [o] = n, a = s.useRef(o), r = Z(t);
+  const n = s.useState(e), [a] = n, o = s.useRef(a), r = J(t);
   return s.useEffect(() => {
-    a.current !== o && (r(o), a.current = o);
-  }, [o, a, r]), n;
+    o.current !== a && (r(a), o.current = a);
+  }, [a, o, r]), n;
 }
 var ur = s.createContext(void 0);
-function he(e) {
+function ge(e) {
   const t = s.useContext(ur);
   return e || t || "ltr";
 }
-var K = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, j = "RovingFocusGroup", [Y, ve, cr] = tr(j), [pr, ye] = U(
-  j,
+var B = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, V = "RovingFocusGroup", [X, he, cr] = tr(V), [pr, ve] = j(
+  V,
   [cr]
-), [dr, lr] = pr(j), be = s.forwardRef(
-  (e, t) => /* @__PURE__ */ f(Y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(Y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(fr, { ...e, ref: t }) }) })
+), [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 }) }) })
 );
-be.displayName = j;
+ye.displayName = V;
 var fr = s.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
-    orientation: o,
-    loop: a = !1,
+    orientation: a,
+    loop: o = !1,
     dir: r,
     currentTabStopId: i,
     defaultCurrentTabStopId: u,
-    onCurrentTabStopIdChange: c,
-    onEntryFocus: p,
-    preventScrollOnEntryFocus: m = !1,
-    ..._
-  } = e, g = s.useRef(null), d = P(t, g), l = he(r), [h = null, v] = ge({
+    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,
     defaultProp: u,
-    onChange: c
-  }), [y, b] = s.useState(!1), E = Z(p), O = ve(n), x = s.useRef(!1), [De, re] = s.useState(0);
+    onChange: p
+  }), [y, b] = s.useState(!1), C = J(c), N = he(n), P = s.useRef(!1), [x, F] = s.useState(0);
   return s.useEffect(() => {
     const R = g.current;
     if (R)
-      return R.addEventListener(K, E), () => R.removeEventListener(K, E);
-  }, [E]), /* @__PURE__ */ f(
+      return R.addEventListener(B, C), () => R.removeEventListener(B, C);
+  }, [C]), /* @__PURE__ */ l(
     dr,
     {
       scope: n,
-      orientation: o,
-      dir: l,
-      loop: a,
+      orientation: a,
+      dir: m,
+      loop: o,
       currentTabStopId: h,
       onItemFocus: s.useCallback(
         (R) => v(R),
@@ -361,88 +367,88 @@ var fr = s.forwardRef((e, t) => {
       ),
       onItemShiftTab: s.useCallback(() => b(!0), []),
       onFocusableItemAdd: s.useCallback(
-        () => re((R) => R + 1),
+        () => F((R) => R + 1),
         []
       ),
       onFocusableItemRemove: s.useCallback(
-        () => re((R) => R - 1),
+        () => F((R) => R - 1),
         []
       ),
-      children: /* @__PURE__ */ f(
-        $.div,
+      children: /* @__PURE__ */ l(
+        M.div,
         {
-          tabIndex: y || De === 0 ? -1 : 0,
-          "data-orientation": o,
-          ..._,
+          tabIndex: y || x === 0 ? -1 : 0,
+          "data-orientation": a,
+          ...f,
           ref: d,
           style: { outline: "none", ...e.style },
-          onMouseDown: I(e.onMouseDown, () => {
-            x.current = !0;
+          onMouseDown: w(e.onMouseDown, () => {
+            P.current = !0;
           }),
-          onFocus: I(e.onFocus, (R) => {
-            const Ge = !x.current;
-            if (R.target === R.currentTarget && Ge && !y) {
-              const te = new CustomEvent(K, sr);
+          onFocus: w(e.onFocus, (R) => {
+            const ke = !P.current;
+            if (R.target === R.currentTarget && ke && !y) {
+              const te = new CustomEvent(B, sr);
               if (R.currentTarget.dispatchEvent(te), !te.defaultPrevented) {
-                const V = O().filter((w) => w.focusable), Le = V.find((w) => w.active), ze = V.find((w) => w.id === h), Ue = [Le, ze, ...V].filter(
+                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(
                   Boolean
-                ).map((w) => w.ref.current);
-                Se(Ue, m);
+                ).map((E) => E.ref.current);
+                Se(Le, _);
               }
             }
-            x.current = !1;
+            P.current = !1;
           }),
-          onBlur: I(e.onBlur, () => b(!1))
+          onBlur: w(e.onBlur, () => b(!1))
         }
       )
     }
   );
-}), Re = "RovingFocusGroupItem", Ce = s.forwardRef(
+}), be = "RovingFocusGroupItem", Re = s.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: n,
-      focusable: o = !0,
-      active: a = !1,
+      focusable: a = !0,
+      active: o = !1,
       tabStopId: r,
       ...i
-    } = e, u = ar(), c = r || u, p = lr(Re, n), m = p.currentTabStopId === c, _ = ve(n), { onFocusableItemAdd: g, onFocusableItemRemove: d } = p;
+    } = e, u = ar(), p = r || u, c = lr(be, n), _ = c.currentTabStopId === p, f = he(n), { onFocusableItemAdd: g, onFocusableItemRemove: d } = c;
     return s.useEffect(() => {
-      if (o)
+      if (a)
         return g(), () => d();
-    }, [o, g, d]), /* @__PURE__ */ f(
-      Y.ItemSlot,
+    }, [a, g, d]), /* @__PURE__ */ l(
+      X.ItemSlot,
       {
         scope: n,
-        id: c,
-        focusable: o,
-        active: a,
-        children: /* @__PURE__ */ f(
-          $.span,
+        id: p,
+        focusable: a,
+        active: o,
+        children: /* @__PURE__ */ l(
+          M.span,
           {
-            tabIndex: m ? 0 : -1,
-            "data-orientation": p.orientation,
+            tabIndex: _ ? 0 : -1,
+            "data-orientation": c.orientation,
             ...i,
             ref: t,
-            onMouseDown: I(e.onMouseDown, (l) => {
-              o ? p.onItemFocus(c) : l.preventDefault();
+            onMouseDown: w(e.onMouseDown, (m) => {
+              a ? c.onItemFocus(p) : m.preventDefault();
             }),
-            onFocus: I(e.onFocus, () => p.onItemFocus(c)),
-            onKeyDown: I(e.onKeyDown, (l) => {
-              if (l.key === "Tab" && l.shiftKey) {
-                p.onItemShiftTab();
+            onFocus: w(e.onFocus, () => c.onItemFocus(p)),
+            onKeyDown: w(e.onKeyDown, (m) => {
+              if (m.key === "Tab" && m.shiftKey) {
+                c.onItemShiftTab();
                 return;
               }
-              if (l.target !== l.currentTarget) return;
-              const h = gr(l, p.orientation, p.dir);
+              if (m.target !== m.currentTarget) return;
+              const h = gr(m, c.orientation, c.dir);
               if (h !== void 0) {
-                if (l.metaKey || l.ctrlKey || l.altKey || l.shiftKey) return;
-                l.preventDefault();
-                let y = _().filter((b) => b.focusable).map((b) => b.ref.current);
+                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();
                 else if (h === "prev" || h === "next") {
                   h === "prev" && y.reverse();
-                  const b = y.indexOf(l.currentTarget);
-                  y = p.loop ? hr(y, b + 1) : y.slice(b + 1);
+                  const b = y.indexOf(m.currentTarget);
+                  y = c.loop ? hr(y, b + 1) : y.slice(b + 1);
                 }
                 setTimeout(() => Se(y));
               }
@@ -453,7 +459,7 @@ var fr = s.forwardRef((e, t) => {
     );
   }
 );
-Ce.displayName = Re;
+Re.displayName = be;
 var _r = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -468,37 +474,37 @@ function mr(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
 function gr(e, t, n) {
-  const o = mr(e.key, n);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return _r[o];
+  const a = mr(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
+    return _r[a];
 }
 function Se(e, t = !1) {
   const n = document.activeElement;
-  for (const o of e)
-    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
+  for (const a of e)
+    if (a === n || (a.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
 function hr(e, t) {
-  return e.map((n, o) => e[(t + o) % e.length]);
+  return e.map((n, a) => e[(t + a) % e.length]);
 }
-var vr = be, yr = Ce;
+var vr = ye, yr = Re;
 function br(e) {
   const [t, n] = s.useState(void 0);
-  return z(() => {
+  return U(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
-      const o = new ResizeObserver((a) => {
-        if (!Array.isArray(a) || !a.length)
+      const a = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
           return;
-        const r = a[0];
+        const r = o[0];
         let i, u;
         if ("borderBoxSize" in r) {
-          const c = r.borderBoxSize, p = Array.isArray(c) ? c[0] : c;
-          i = p.inlineSize, u = p.blockSize;
+          const p = r.borderBoxSize, c = Array.isArray(p) ? p[0] : p;
+          i = c.inlineSize, u = c.blockSize;
         } else
           i = e.offsetWidth, u = e.offsetHeight;
         n({ width: i, height: u });
       });
-      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
     } else
       n(void 0);
   }, [e]), t;
@@ -507,16 +513,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 Cr(e, t) {
-  return s.useReducer((n, o) => t[n][o] ?? n, e);
+function Sr(e, t) {
+  return s.useReducer((n, a) => t[n][a] ?? n, e);
 }
-var Ne = (e) => {
-  const { present: t, children: n } = e, o = Sr(t), a = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), r = P(o.ref, Nr(a));
-  return typeof n == "function" || o.isPresent ? s.cloneElement(a, { ref: r }) : null;
+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;
 };
-Ne.displayName = "Presence";
-function Sr(e) {
-  const [t, n] = s.useState(), o = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, c] = Cr(i, {
+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, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -530,127 +536,127 @@ function Sr(e) {
     }
   });
   return s.useEffect(() => {
-    const p = k(o.current);
-    r.current = u === "mounted" ? p : "none";
-  }, [u]), z(() => {
-    const p = o.current, m = a.current;
-    if (m !== e) {
-      const g = r.current, d = k(p);
-      e ? c("MOUNT") : d === "none" || (p == null ? void 0 : p.display) === "none" ? c("UNMOUNT") : c(m && g !== d ? "ANIMATION_OUT" : "UNMOUNT"), a.current = 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;
     }
-  }, [e, c]), z(() => {
+  }, [e, p]), U(() => {
     if (t) {
-      let p;
-      const m = t.ownerDocument.defaultView ?? window, _ = (d) => {
-        const h = k(o.current).includes(d.animationName);
-        if (d.target === t && h && (c("ANIMATION_END"), !a.current)) {
+      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 v = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", p = m.setTimeout(() => {
+          t.style.animationFillMode = "forwards", c = _.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
       }, g = (d) => {
-        d.target === t && (r.current = k(o.current));
+        d.target === t && (r.current = G(a.current));
       };
-      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", _), t.addEventListener("animationend", _), () => {
-        m.clearTimeout(p), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", _), t.removeEventListener("animationend", _);
+      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);
       };
     } else
-      c("ANIMATION_END");
-  }, [t, c]), {
+      p("ANIMATION_END");
+  }, [t, p]), {
     isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: s.useCallback((p) => {
-      p && (o.current = getComputedStyle(p)), n(p);
+    ref: s.useCallback((c) => {
+      c && (a.current = getComputedStyle(c)), n(c);
     }, [])
   };
 }
-function k(e) {
+function G(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function Nr(e) {
-  var o, a;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+  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);
 }
-var J = "Radio", [Ir, Ie] = U(J), [wr, Ar] = Ir(J), we = s.forwardRef(
+var Q = "Radio", [Ir, Ne] = j(Q), [Ar, wr] = Ir(Q), Ie = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
-      name: o,
-      checked: a = !1,
+      name: a,
+      checked: o = !1,
       required: r,
       disabled: i,
       value: u = "on",
-      onCheck: c,
-      form: p,
-      ...m
-    } = e, [_, g] = s.useState(null), d = P(t, (v) => g(v)), l = s.useRef(!1), h = _ ? p || !!_.closest("form") : !0;
-    return /* @__PURE__ */ N(wr, { scope: n, checked: a, disabled: i, children: [
-      /* @__PURE__ */ f(
-        $.button,
+      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(
+        M.button,
         {
           type: "button",
           role: "radio",
-          "aria-checked": a,
-          "data-state": Oe(a),
+          "aria-checked": o,
+          "data-state": Ee(o),
           "data-disabled": i ? "" : void 0,
           disabled: i,
           value: u,
-          ...m,
+          ..._,
           ref: d,
-          onClick: I(e.onClick, (v) => {
-            a || c == null || c(), h && (l.current = v.isPropagationStopped(), l.current || v.stopPropagation());
+          onClick: w(e.onClick, (v) => {
+            o || p == null || p(), h && (m.current = v.isPropagationStopped(), m.current || v.stopPropagation());
           })
         }
       ),
-      h && /* @__PURE__ */ f(
+      h && /* @__PURE__ */ l(
         Er,
         {
-          control: _,
-          bubbles: !l.current,
-          name: o,
+          control: f,
+          bubbles: !m.current,
+          name: a,
           value: u,
-          checked: a,
+          checked: o,
           required: r,
           disabled: i,
-          form: p,
+          form: c,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-we.displayName = J;
-var Ae = "RadioIndicator", Ee = s.forwardRef(
+Ie.displayName = Q;
+var Ae = "RadioIndicator", we = s.forwardRef(
   (e, t) => {
-    const { __scopeRadio: n, forceMount: o, ...a } = e, r = Ar(Ae, n);
-    return /* @__PURE__ */ f(Ne, { present: o || r.checked, children: /* @__PURE__ */ f(
-      $.span,
+    const { __scopeRadio: n, forceMount: a, ...o } = e, r = wr(Ae, n);
+    return /* @__PURE__ */ l(Ce, { present: a || r.checked, children: /* @__PURE__ */ l(
+      M.span,
       {
-        "data-state": Oe(r.checked),
+        "data-state": Ee(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
-        ...a,
+        ...o,
         ref: t
       }
     ) });
   }
 );
-Ee.displayName = Ae;
+we.displayName = Ae;
 var Er = (e) => {
-  const { control: t, checked: n, bubbles: o = !0, ...a } = e, r = s.useRef(null), i = Rr(n), u = br(t);
+  const { control: t, checked: n, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = Rr(n), u = br(t);
   return s.useEffect(() => {
-    const c = r.current, p = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(p, "checked").set;
-    if (i !== n && _) {
-      const g = new Event("click", { bubbles: o });
-      _.call(c, n), c.dispatchEvent(g);
+    const p = r.current, c = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(c, "checked").set;
+    if (i !== n && f) {
+      const g = new Event("click", { bubbles: a });
+      f.call(p, n), p.dispatchEvent(g);
     }
-  }, [i, n, o]), /* @__PURE__ */ f(
+  }, [i, n, a]), /* @__PURE__ */ l(
     "input",
     {
       type: "radio",
       "aria-hidden": !0,
       defaultChecked: n,
-      ...a,
+      ...o,
       tabIndex: -1,
       ref: r,
       style: {
@@ -664,56 +670,56 @@ var Er = (e) => {
     }
   );
 };
-function Oe(e) {
+function Ee(e) {
   return e ? "checked" : "unchecked";
 }
-var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Pr, pt] = U(Q, [
-  ye,
-  Ie
-]), Pe = ye(), xe = Ie(), [xr, Tr] = Pr(Q), Te = s.forwardRef(
+var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup", [Pr] = j(ee, [
+  ve,
+  Ne
+]), Oe = ve(), Pe = Ne(), [xr, Tr] = Pr(ee), xe = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: n,
-      name: o,
-      defaultValue: a,
+      name: a,
+      defaultValue: o,
       value: r,
       required: i = !1,
       disabled: u = !1,
-      orientation: c,
-      dir: p,
-      loop: m = !0,
-      onValueChange: _,
+      orientation: p,
+      dir: c,
+      loop: _ = !0,
+      onValueChange: f,
       ...g
-    } = e, d = Pe(n), l = he(p), [h, v] = ge({
+    } = e, d = Oe(n), m = ge(c), [h, v] = me({
       prop: r,
-      defaultProp: a,
-      onChange: _
+      defaultProp: o,
+      onChange: f
     });
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ l(
       xr,
       {
         scope: n,
-        name: o,
+        name: a,
         required: i,
         disabled: u,
         value: h,
         onValueChange: v,
-        children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ l(
           vr,
           {
             asChild: !0,
             ...d,
-            orientation: c,
-            dir: l,
-            loop: m,
-            children: /* @__PURE__ */ f(
-              $.div,
+            orientation: p,
+            dir: m,
+            loop: _,
+            children: /* @__PURE__ */ l(
+              M.div,
               {
                 role: "radiogroup",
                 "aria-required": i,
-                "aria-orientation": c,
+                "aria-orientation": p,
                 "data-disabled": u ? "" : void 0,
-                dir: l,
+                dir: m,
                 ...g,
                 ref: t
               }
@@ -724,41 +730,41 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
     );
   }
 );
-Te.displayName = Q;
-var $e = "RadioGroupItem", Me = s.forwardRef(
+xe.displayName = ee;
+var Te = "RadioGroupItem", $e = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = Tr($e, n), i = r.disabled || o, u = Pe(n), c = xe(n), p = s.useRef(null), m = P(t, p), _ = r.value === a.value, g = s.useRef(!1);
+    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);
     return s.useEffect(() => {
       const d = (h) => {
         Or.includes(h.key) && (g.current = !0);
-      }, l = () => g.current = !1;
-      return document.addEventListener("keydown", d), document.addEventListener("keyup", l), () => {
-        document.removeEventListener("keydown", d), document.removeEventListener("keyup", l);
+      }, m = () => g.current = !1;
+      return document.addEventListener("keydown", d), document.addEventListener("keyup", m), () => {
+        document.removeEventListener("keydown", d), document.removeEventListener("keyup", m);
       };
-    }, []), /* @__PURE__ */ f(
+    }, []), /* @__PURE__ */ l(
       yr,
       {
         asChild: !0,
         ...u,
         focusable: !i,
-        active: _,
-        children: /* @__PURE__ */ f(
-          we,
+        active: f,
+        children: /* @__PURE__ */ l(
+          Ie,
           {
             disabled: i,
             required: r.required,
-            checked: _,
-            ...c,
-            ...a,
+            checked: f,
+            ...p,
+            ...o,
             name: r.name,
-            ref: m,
-            onCheck: () => r.onValueChange(a.value),
-            onKeyDown: I((d) => {
+            ref: _,
+            onCheck: () => r.onValueChange(o.value),
+            onKeyDown: w((d) => {
               d.key === "Enter" && d.preventDefault();
             }),
-            onFocus: I(a.onFocus, () => {
+            onFocus: w(o.onFocus, () => {
               var d;
-              g.current && ((d = p.current) == null || d.click());
+              g.current && ((d = c.current) == null || d.click());
             })
           }
         )
@@ -766,19 +772,19 @@ var $e = "RadioGroupItem", Me = s.forwardRef(
     );
   }
 );
-Me.displayName = $e;
-var $r = "RadioGroupIndicator", Fe = s.forwardRef(
+$e.displayName = Te;
+var $r = "RadioGroupIndicator", Me = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, ...o } = e, a = xe(n);
-    return /* @__PURE__ */ f(Ee, { ...a, ...o, ref: t });
+    const { __scopeRadioGroup: n, ...a } = e, o = Pe(n);
+    return /* @__PURE__ */ l(we, { ...o, ...a, ref: t });
   }
 );
-Fe.displayName = $r;
-var Mr = Te, Fr = Me, kr = Fe;
+Me.displayName = $r;
+var Mr = xe, Fr = $e, kr = Me;
 function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var B = { exports: {} };
+var W = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -786,17 +792,17 @@ var B = { exports: {} };
 */
 var ue;
 function Gr() {
-  return ue || (ue = 1, function(e) {
+  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 = a(r, o.call(this, u)));
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -807,15 +813,15 @@ function Gr() {
           return r.toString();
         var i = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
         return i;
       }
-      function a(r, i) {
+      function o(r, i) {
         return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(B)), B.exports;
+  })(W)), W.exports;
 }
 var Lr = Gr();
 const zr = /* @__PURE__ */ Dr(Lr), Ur = {
@@ -838,7 +844,7 @@ 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"
-}, C = zr.bind(Ur);
+}, S = zr.bind(Ur);
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -850,17 +856,17 @@ var se = { exports: {} };
 */
 var ce;
 function Vr() {
-  return ce || (ce = 1, function(e) {
+  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 = a(r, o.call(this, u)));
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -871,15 +877,15 @@ function Vr() {
           return r.toString();
         var i = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
         return i;
       }
-      function a(r, i) {
+      function o(r, i) {
         return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(se)), se.exports;
+  })(se)), se.exports;
 }
 var Kr = Vr();
 const Br = /* @__PURE__ */ jr(Kr), Wr = {
@@ -899,23 +905,23 @@ const Br = /* @__PURE__ */ jr(Kr), Wr = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, qr = Br.bind(Wr), Hr = {
   PARAGRAPH100: "paragraph-100"
-}, T = "purpur-paragraph", X = ({
+}, $ = "purpur-paragraph", Z = ({
   children: e,
   className: t,
   disabled: n,
-  enableHyphenation: o = !1,
-  negative: a = !1,
+  enableHyphenation: a = !1,
+  negative: o = !1,
   variant: r = Hr.PARAGRAPH100,
   ...i
 }) => {
-  const u = qr(t, T, `${T}--${r}`, {
-    [`${T}--hyphens`]: o,
-    [`${T}--disabled`]: n,
-    [`${T}--negative`]: a
+  const u = qr(t, $, `${$}--${r}`, {
+    [`${$}--hyphens`]: a,
+    [`${$}--disabled`]: n,
+    [`${$}--negative`]: o
   });
-  return /* @__PURE__ */ f("p", { ...i, className: u, children: e });
+  return /* @__PURE__ */ l("p", { ...i, className: u, children: e });
 };
-X.displayName = "Paragraph";
+Z.displayName = "Paragraph";
 function Yr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -927,17 +933,17 @@ var pe = { exports: {} };
 */
 var de;
 function Xr() {
-  return de || (de = 1, function(e) {
+  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 = a(r, o.call(this, u)));
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -948,15 +954,15 @@ function Xr() {
           return r.toString();
         var i = "";
         for (var u in r)
-          t.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+          t.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
         return i;
       }
-      function a(r, i) {
+      function o(r, i) {
         return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(pe)), pe.exports;
+  })(pe)), pe.exports;
 }
 var Zr = Xr();
 const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_rzc29_1", et = {
@@ -969,84 +975,84 @@ 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), W = "purpur-skeleton", ke = ({
+}, rt = Jr.bind(et), q = "purpur-skeleton", Fe = ({
   className: e,
   radius: t = "xs",
   negative: n = !1,
-  ...o
+  ...a
 }) => {
-  const a = rt(
+  const o = rt(
     e,
-    W,
-    `${W}--${n ? "negative" : "default"}`,
-    `${W}--${t}`
+    q,
+    `${q}--${n ? "negative" : "default"}`,
+    `${q}--${t}`
   );
-  return /* @__PURE__ */ f("div", { className: a, ...o });
+  return /* @__PURE__ */ l("div", { className: o, ...a });
 };
-ke.displayName = "Skeleton";
-const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.src) && !!e.altText, nt = ({
+Fe.displayName = "Skeleton";
+const L = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.src) && !!e.altText, nt = ({
   src: e,
   altText: t,
   noPlaceholder: n,
-  loading: o = "lazy",
-  ["data-testid"]: a
+  loading: a = "lazy",
+  ["data-testid"]: o
 }) => {
-  const [r, i] = je(!1), u = () => i(!0), c = C(D, {
-    [`${D}--loaded`]: r
-  }), p = C(`${D}-placeholder`, {
-    [`${D}-placeholder--loaded`]: r
+  const [r, i] = Ue(!1), u = () => i(!0), p = S(L, {
+    [`${L}--loaded`]: r
+  }), c = S(`${L}-placeholder`, {
+    [`${L}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ N(le, { children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ A(ze, { children: [
+    /* @__PURE__ */ l(
       "img",
       {
-        "data-testid": a,
-        className: c,
+        "data-testid": o,
+        className: p,
         src: e,
         alt: t,
-        loading: o,
+        loading: a,
         onLoad: u
       }
     ),
-    !n && /* @__PURE__ */ f(ke, { className: p })
+    !n && /* @__PURE__ */ l(Fe, { className: c })
   ] });
-}, S = "purpur-radio-card-group__item", q = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, ee = fe(
+}, I = "purpur-radio-card-group__item", H = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, re = le(
   ({ title: e, ...t }, n) => {
-    const { ["data-testid"]: o, body: a, children: r, disabled: i, id: u, image: c, value: p } = t, m = { ...t };
-    return /* @__PURE__ */ N("div", { className: C(`${S}-container`), ref: n, children: [
-      /* @__PURE__ */ 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,
         {
-          className: C(S),
-          "data-testid": o,
+          className: S(I),
+          "data-testid": a,
           disabled: i,
           id: u,
-          value: p,
+          value: c,
           children: [
-            c && /* @__PURE__ */ f("span", { className: C(`${S}-image-container`), children: tt(c) ? /* @__PURE__ */ f(nt, { ...c, "data-testid": o && `${o}-image` }) : q(c, m) }),
-            /* @__PURE__ */ N("span", { className: C(`${S}-content`), children: [
-              /* @__PURE__ */ N("span", { className: C(`${S}-top-container`), children: [
-                typeof e == "string" ? /* @__PURE__ */ f(
-                  X,
+            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(
+                  Z,
                   {
-                    className: C(`${S}-title`),
-                    "data-testid": o && `${o}-title`,
+                    className: S(`${I}-title`),
+                    "data-testid": a && `${a}-title`,
                     variant: "paragraph-100",
                     disabled: i,
                     children: e
                   }
-                ) : q(e, m),
-                /* @__PURE__ */ f("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ f(kr, { className: C(`${S}-indicator`) }) })
+                ) : H(e, _),
+                /* @__PURE__ */ l("span", { className: S(`${I}-radio`), children: /* @__PURE__ */ l(kr, { className: S(`${I}-indicator`) }) })
               ] }),
-              a && /* @__PURE__ */ f("span", { className: C(`${S}-bottom-container`), children: typeof a == "string" ? /* @__PURE__ */ f(
-                X,
+              o && /* @__PURE__ */ l("span", { className: S(`${I}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ l(
+                Z,
                 {
-                  "data-testid": o && `${o}-body`,
+                  "data-testid": a && `${a}-body`,
                   variant: "paragraph-100",
                   disabled: i,
-                  children: a
+                  children: o
                 }
-              ) : q(a, m) })
+              ) : H(o, _) })
             ] })
           ]
         }
@@ -1055,61 +1061,61 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
     ] });
   }
 );
-ee.displayName = "RadioCardItem";
-const ot = (e) => Ve(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizontal", "vertical"], lt = ["right", "left"], G = "purpur-radio-card-group", at = fe(
+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(
   ({
     "data-testid": e,
     "aria-labelledby": t,
     children: n,
-    className: o,
-    items: a,
+    className: a,
+    items: o,
     heading: r,
     headingTag: i = "h2",
     loop: u = !0,
-    orientation: c = "vertical",
-    radioPosition: p = "right",
-    ...m
-  }, _) => {
+    orientation: p = "vertical",
+    radioPosition: c = "right",
+    ..._
+  }, f) => {
     const g = ne.toArray(n).filter(ot);
-    return /* @__PURE__ */ N("div", { className: C(o, `${G}__container`), ref: _, children: [
-      r && /* @__PURE__ */ N(
-        _e,
+    return /* @__PURE__ */ A("div", { className: S(a, `${z}__container`), ref: f, children: [
+      r && /* @__PURE__ */ A(
+        fe,
         {
           "data-testid": e ? `${e}-heading` : void 0,
-          id: `${m.id}-heading`,
+          id: `${_.id}-heading`,
           tag: i,
           variant: "subsection-100",
           children: [
-            m.required && /* @__PURE__ */ f("span", { "aria-hidden": !0, children: "* " }),
+            _.required && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "* " }),
             r
           ]
         }
       ),
-      (!!(a != null && a.length) || g.length) && /* @__PURE__ */ N(
+      (!!(o != null && o.length) || g.length) && /* @__PURE__ */ A(
         Mr,
         {
-          ...m,
-          "aria-labelledby": t || (r ? `${m.id}-heading` : void 0),
-          className: C(
-            G,
-            `${G}--${c}`,
-            `${G}--radio-${p}`
+          ..._,
+          "aria-labelledby": t || (r ? `${_.id}-heading` : void 0),
+          className: S(
+            z,
+            `${z}--${p}`,
+            `${z}--radio-${c}`
           ),
           "data-testid": e,
           loop: u,
           children: [
-            a == null ? void 0 : a.map((d) => /* @__PURE__ */ f(
-              ee,
+            o == null ? void 0 : o.map((d) => /* @__PURE__ */ l(
+              re,
               {
                 ...d,
-                disabled: d.disabled || m.disabled,
+                disabled: d.disabled || _.disabled,
                 "data-testid": e ? `${e}-item` : void 0
               },
               d.id
             )),
             ne.map(
               g,
-              (d) => Ke(d, { disabled: d.props.disabled || m.disabled })
+              (d) => Ve(d, { disabled: d.props.disabled || _.disabled })
             )
           ]
         }
@@ -1119,9 +1125,9 @@ const ot = (e) => Ve(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizont
 );
 at.displayName = "RadioCardGroup";
 export {
-  dt as RADIO_CARD_GROUP_ORIENTATION,
-  lt as RADIO_POSITION,
+  pt as RADIO_CARD_GROUP_ORIENTATION,
+  dt as RADIO_POSITION,
   at as RadioCardGroup,
-  ee as RadioCardItem
+  re as RadioCardItem
 };
 //# sourceMappingURL=radio-card-group.es.js.map