@purpurds/radio-card-group 5.11.0 → 5.11.2

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

@@ -1,11 +1,11 @@
-import { jsx as v, jsxs as k, Fragment as Le } from "react/jsx-runtime";
+import { jsx as v, jsxs as k, Fragment as De } from "react/jsx-runtime";
 import * as _e from "react";
-import S, { useCallback as M, createContext as ae, useMemo as U, createElement as m, useContext as be, forwardRef as R, Children as P, isValidElement as q, cloneElement as Z, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as A, useState as F, useReducer as Ue } from "react";
-import { flushSync as qe } from "react-dom";
-function je(e) {
+import N, { useCallback as M, createContext as ae, useMemo as U, createElement as b, useContext as me, forwardRef as C, Children as P, isValidElement as q, cloneElement as Z, Fragment as Ge, useEffect as T, useLayoutEffect as Ue, useRef as I, useState as F, useReducer as qe } from "react";
+import { flushSync as je } from "react-dom";
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} };
+var be = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var me = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(me);
-var Be = me.exports;
-const ze = /* @__PURE__ */ je(Be), z = {
+})(be);
+var ze = be.exports;
+const Ve = /* @__PURE__ */ Be(ze), z = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,7 +58,7 @@ const ze = /* @__PURE__ */ je(Be), z = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, Ve = {
+}, He = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,17 +67,17 @@ const ze = /* @__PURE__ */ je(Be), z = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, V = "purpur-heading", Ke = ({
+}, V = "purpur-heading", $e = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   negative: i = !1,
   tag: r,
-  variant: a = Ve.TITLE100,
+  variant: a = He.TITLE100,
   ...c
 }) => {
-  const s = r, u = ze([
+  const s = r, u = Ve([
     t,
     z[V],
     z[`${V}--${a}`],
@@ -88,32 +88,32 @@ const ze = /* @__PURE__ */ je(Be), z = {
   ]);
   return /* @__PURE__ */ v(s, { ...c, className: u, "data-testid": e, children: n });
 };
-function I() {
-  return I = Object.assign ? Object.assign.bind() : function(e) {
+$e.displayName = "Heading";
+function A() {
+  return A = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, I.apply(this, arguments);
+  }, A.apply(this, arguments);
 }
 function x(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), t === !1 || !i.defaultPrevented)
-      return n == null ? void 0 : n(i);
+    if (e == null || e(i), t === !1 || !i.defaultPrevented) return n == null ? void 0 : n(i);
   };
 }
-function He(e, n) {
+function Ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function $e(...e) {
+function he(...e) {
   return (n) => e.forEach(
-    (t) => He(t, n)
+    (t) => Ke(t, n)
   );
 }
 function L(...e) {
-  return M($e(...e), e);
+  return M(he(...e), e);
 }
 function J(e, n = []) {
   let t = [];
@@ -123,22 +123,20 @@ function J(e, n = []) {
       ...t,
       a
     ];
-    function u(l) {
-      const { scope: f, children: p, ...d } = l, b = (f == null ? void 0 : f[e][s]) || c, g = U(
+    function u(p) {
+      const { scope: f, children: l, ...d } = p, m = (f == null ? void 0 : f[e][s]) || c, g = U(
         () => d,
         Object.values(d)
       );
-      return /* @__PURE__ */ m(b.Provider, {
+      return /* @__PURE__ */ b(m.Provider, {
         value: g
-      }, p);
+      }, l);
     }
-    function _(l, f) {
-      const p = (f == null ? void 0 : f[e][s]) || c, d = be(p);
-      if (d)
-        return d;
-      if (a !== void 0)
-        return a;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+    function _(p, f) {
+      const l = (f == null ? void 0 : f[e][s]) || c, d = me(l);
+      if (d) return d;
+      if (a !== void 0) return a;
+      throw new Error(`\`${p}\` must be used within \`${r}\``);
     }
     return u.displayName = r + "Provider", [
       u,
@@ -170,8 +168,7 @@ function J(e, n = []) {
 }
 function Ye(...e) {
   const n = e[0];
-  if (e.length === 1)
-    return n;
+  if (e.length === 1) return n;
   const t = () => {
     const o = e.map(
       (i) => ({
@@ -181,10 +178,10 @@ function Ye(...e) {
     );
     return function(r) {
       const a = o.reduce((c, { useScope: s, scopeName: u }) => {
-        const l = s(r)[`__scope${u}`];
+        const p = s(r)[`__scope${u}`];
         return {
           ...c,
-          ...l
+          ...p
         };
       }, {});
       return U(
@@ -209,28 +206,28 @@ function O() {
     return e;
   }, O.apply(this, arguments);
 }
-const W = /* @__PURE__ */ R((e, n) => {
+const W = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e, i = P.toArray(t), r = i.find(Xe);
   if (r) {
     const a = r.props.children, c = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ q(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ m(ie, O({}, o, {
+    return /* @__PURE__ */ b(ie, O({}, o, {
       ref: n
     }), /* @__PURE__ */ q(a) ? /* @__PURE__ */ Z(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ m(ie, O({}, o, {
+  return /* @__PURE__ */ b(ie, O({}, o, {
     ref: n
   }), t);
 });
 W.displayName = "Slot";
-const ie = /* @__PURE__ */ R((e, n) => {
+const ie = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ q(t) ? /* @__PURE__ */ Z(t, {
     ...Ze(o, t.props),
-    ref: n ? $e(n, t.ref) : t.ref
+    ref: n ? he(n, t.ref) : t.ref
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
 ie.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ m(De, null, e);
+const We = ({ children: e }) => /* @__PURE__ */ b(Ge, null, e);
 function Xe(e) {
   return /* @__PURE__ */ q(e) && e.type === We;
 }
@@ -273,11 +270,11 @@ const Je = [
   "svg",
   "ul"
 ], j = Je.reduce((e, n) => {
-  const t = /* @__PURE__ */ R((o, i) => {
+  const t = /* @__PURE__ */ C((o, i) => {
     const { asChild: r, ...a } = o, c = r ? W : n;
     return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(c, O({}, a, {
+    }, []), /* @__PURE__ */ b(c, O({}, a, {
       ref: i
     }));
   });
@@ -292,34 +289,33 @@ function Qe(e) {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
-  }), a = (p) => {
-    const { scope: d, children: b } = p, g = S.useRef(null), $ = S.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ S.createElement(i, {
+  }), a = (l) => {
+    const { scope: d, children: m } = l, g = N.useRef(null), $ = N.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ N.createElement(i, {
       scope: d,
       itemMap: $,
       collectionRef: g
-    }, b);
-  }, c = e + "CollectionSlot", s = /* @__PURE__ */ S.forwardRef((p, d) => {
-    const { scope: b, children: g } = p, $ = r(c, b), h = L(d, $.collectionRef);
-    return /* @__PURE__ */ S.createElement(W, {
+    }, m);
+  }, c = e + "CollectionSlot", s = /* @__PURE__ */ N.forwardRef((l, d) => {
+    const { scope: m, children: g } = l, $ = r(c, m), h = L(d, $.collectionRef);
+    return /* @__PURE__ */ N.createElement(W, {
       ref: h
     }, g);
-  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", l = /* @__PURE__ */ S.forwardRef((p, d) => {
-    const { scope: b, children: g, ...$ } = p, h = S.useRef(null), B = L(d, h), E = r(u, b);
-    return S.useEffect(() => (E.itemMap.set(h, {
+  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", p = /* @__PURE__ */ N.forwardRef((l, d) => {
+    const { scope: m, children: g, ...$ } = l, h = N.useRef(null), B = L(d, h), E = r(u, m);
+    return N.useEffect(() => (E.itemMap.set(h, {
       ref: h,
       ...$
-    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ S.createElement(W, {
+    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ N.createElement(W, {
       [_]: "",
       ref: B
     }, g);
   });
-  function f(p) {
-    const d = r(e + "CollectionConsumer", p);
-    return S.useCallback(() => {
+  function f(l) {
+    const d = r(e + "CollectionConsumer", l);
+    return N.useCallback(() => {
       const g = d.collectionRef.current;
-      if (!g)
-        return [];
+      if (!g) return [];
       const $ = Array.from(g.querySelectorAll(`[${_}]`));
       return Array.from(d.itemMap.values()).sort(
         (E, Q) => $.indexOf(E.ref.current) - $.indexOf(Q.ref.current)
@@ -333,13 +329,13 @@ function Qe(e) {
     {
       Provider: a,
       Slot: s,
-      ItemSlot: l
+      ItemSlot: p
     },
     f,
     o
   ];
 }
-const X = globalThis != null && globalThis.document ? Ge : () => {
+const X = globalThis != null && globalThis.document ? Ue : () => {
 }, er = _e.useId || (() => {
 });
 let rr = 0;
@@ -353,8 +349,8 @@ function tr(e) {
     e
   ]), n ? `radix-${n}` : "";
 }
-function ue(e) {
-  const n = A(e);
+function se(e) {
+  const n = I(e);
   return T(() => {
     n.current = e;
   }), U(
@@ -365,17 +361,16 @@ function ue(e) {
     []
   );
 }
-function he({ prop: e, defaultProp: n, onChange: t = () => {
+function ge({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, i] = nr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : o, c = ue(t), s = M((u) => {
+  }), r = e !== void 0, a = r ? e : o, c = se(t), s = M((u) => {
     if (r) {
-      const l = typeof u == "function" ? u(e) : u;
-      l !== e && c(l);
-    } else
-      i(u);
+      const p = typeof u == "function" ? u(e) : u;
+      p !== e && c(p);
+    } else i(u);
   }, [
     r,
     e,
@@ -388,7 +383,7 @@ function he({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function nr({ defaultProp: e, onChange: n }) {
-  const t = F(e), [o] = t, i = A(o), r = ue(n);
+  const t = F(e), [o] = t, i = I(o), r = se(n);
   return T(() => {
     i.current !== o && (r(o), i.current = o);
   }, [
@@ -398,43 +393,43 @@ function nr({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 const or = /* @__PURE__ */ ae(void 0);
-function ge(e) {
-  const n = be(or);
+function ve(e) {
+  const n = me(or);
   return e || n || "ltr";
 }
 const re = "rovingFocusGroup.onEntryFocus", ar = {
   bubbles: !1,
   cancelable: !0
-}, se = "RovingFocusGroup", [ce, ve, ir] = Qe(se), [cr, ye] = J(se, [
+}, de = "RovingFocusGroup", [ce, ye, ir] = Qe(de), [cr, Re] = J(de, [
   ir
-]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ m(ce.Provider, {
+]), [ur, sr] = cr(de), dr = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ b(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ m(ce.Slot, {
+}, /* @__PURE__ */ b(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ m(pr, O({}, e, {
+}, /* @__PURE__ */ b(pr, O({}, e, {
   ref: n
-}))))), pr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = A(null), f = L(n, l), p = ge(r), [d = null, b] = he({
+}))))), pr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, p = I(null), f = L(n, p), l = ve(r), [d = null, m] = ge({
     prop: a,
     defaultProp: c,
     onChange: s
-  }), [g, $] = F(!1), h = ue(u), B = ve(t), E = A(!1), [Q, pe] = F(0);
+  }), [g, $] = F(!1), h = se(u), B = ye(t), E = I(!1), [Q, le] = F(0);
   return T(() => {
-    const y = l.current;
+    const y = p.current;
     if (y)
       return y.addEventListener(re, h), () => y.removeEventListener(re, h);
   }, [
     h
-  ]), /* @__PURE__ */ m(ur, {
+  ]), /* @__PURE__ */ b(ur, {
     scope: t,
     orientation: o,
-    dir: p,
+    dir: l,
     loop: i,
     currentTabStopId: d,
     onItemFocus: M(
-      (y) => b(y),
+      (y) => m(y),
       [
-        b
+        m
       ]
     ),
     onItemShiftTab: M(
@@ -442,18 +437,18 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       []
     ),
     onFocusableItemAdd: M(
-      () => pe(
+      () => le(
         (y) => y + 1
       ),
       []
     ),
     onFocusableItemRemove: M(
-      () => pe(
+      () => le(
         (y) => y - 1
       ),
       []
     )
-  }, /* @__PURE__ */ m(j.div, O({
+  }, /* @__PURE__ */ b(j.div, O({
     tabIndex: g || Q === 0 ? -1 : 0,
     "data-orientation": o
   }, _, {
@@ -466,24 +461,24 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       E.current = !0;
     }),
     onFocus: x(e.onFocus, (y) => {
-      const we = !E.current;
-      if (y.target === y.currentTarget && we && !g) {
-        const le = new CustomEvent(re, ar);
-        if (y.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
+      const ke = !E.current;
+      if (y.target === y.currentTarget && ke && !g) {
+        const fe = new CustomEvent(re, ar);
+        if (y.currentTarget.dispatchEvent(fe), !fe.defaultPrevented) {
           const ee = B().filter(
             (w) => w.focusable
-          ), ke = ee.find(
-            (w) => w.active
           ), Me = ee.find(
+            (w) => w.active
+          ), Fe = ee.find(
             (w) => w.id === d
-          ), Fe = [
-            ke,
+          ), Le = [
             Me,
+            Fe,
             ...ee
           ].filter(Boolean).map(
             (w) => w.ref.current
           );
-          Ce(Fe);
+          Ce(Le);
         }
       }
       E.current = !1;
@@ -493,21 +488,21 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       () => $(!1)
     )
   })));
-}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: i = !1, tabStopId: r, ...a } = e, c = tr(), s = r || c, u = sr(lr, t), _ = u.currentTabStopId === s, l = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: p } = u;
+}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: i = !1, tabStopId: r, ...a } = e, c = tr(), s = r || c, u = sr(lr, t), _ = u.currentTabStopId === s, p = ye(t), { onFocusableItemAdd: f, onFocusableItemRemove: l } = u;
   return T(() => {
     if (o)
-      return f(), () => p();
+      return f(), () => l();
   }, [
     o,
     f,
-    p
-  ]), /* @__PURE__ */ m(ce.ItemSlot, {
+    l
+  ]), /* @__PURE__ */ b(ce.ItemSlot, {
     scope: t,
     id: s,
     focusable: o,
     active: i
-  }, /* @__PURE__ */ m(j.span, O({
+  }, /* @__PURE__ */ b(j.span, O({
     tabIndex: _ ? 0 : -1,
     "data-orientation": u.orientation
   }, a, {
@@ -524,20 +519,18 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
         u.onItemShiftTab();
         return;
       }
-      if (d.target !== d.currentTarget)
-        return;
-      const b = mr(d, u.orientation, u.dir);
-      if (b !== void 0) {
+      if (d.target !== d.currentTarget) return;
+      const m = br(d, u.orientation, u.dir);
+      if (m !== void 0) {
         d.preventDefault();
-        let $ = l().filter(
+        let $ = p().filter(
           (h) => h.focusable
         ).map(
           (h) => h.ref.current
         );
-        if (b === "last")
-          $.reverse();
-        else if (b === "prev" || b === "next") {
-          b === "prev" && $.reverse();
+        if (m === "last") $.reverse();
+        else if (m === "prev" || m === "next") {
+          m === "prev" && $.reverse();
           const h = $.indexOf(d.currentTarget);
           $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
         }
@@ -557,11 +550,11 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function br(e, n) {
+function mr(e, n) {
   return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function mr(e, n, t) {
-  const o = br(e.key, t);
+function br(e, n, t) {
+  const o = mr(e.key, t);
   if (!(n === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
@@ -574,8 +567,7 @@ function mr(e, n, t) {
 function Ce(e) {
   const n = document.activeElement;
   for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n))
-      return;
+    if (t === n || (t.focus(), document.activeElement !== n)) return;
 }
 function $r(e, n) {
   return e.map(
@@ -592,8 +584,7 @@ function vr(e) {
         height: e.offsetHeight
       });
       const o = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
-          return;
+        if (!Array.isArray(i) || !i.length) return;
         const r = i[0];
         let a, c;
         if ("borderBoxSize" in r) {
@@ -616,7 +607,7 @@ function vr(e) {
   ]), n;
 }
 function yr(e) {
-  const n = A({
+  const n = I({
     value: e,
     previous: e
   });
@@ -624,23 +615,23 @@ function yr(e) {
     e
   ]);
 }
-function Cr(e, n) {
-  return Ue((t, o) => {
+function Rr(e, n) {
+  return qe((t, o) => {
     const i = n[t][o];
     return i ?? t;
   }, e);
 }
-const Re = (e) => {
-  const { present: n, children: t } = e, o = Rr(n), i = typeof t == "function" ? t({
+const Ie = (e) => {
+  const { present: n, children: t } = e, o = Cr(n), i = typeof t == "function" ? t({
     present: o.isPresent
   }) : P.only(t), r = L(o.ref, i.ref);
   return typeof t == "function" || o.isPresent ? /* @__PURE__ */ Z(i, {
     ref: r
   }) : null;
 };
-Re.displayName = "Presence";
-function Rr(e) {
-  const [n, t] = F(), o = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [c, s] = Cr(a, {
+Ie.displayName = "Presence";
+function Cr(e) {
+  const [n, t] = F(), o = I({}), i = I(e), r = I("none"), a = e ? "mounted" : "unmounted", [c, s] = Rr(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -654,28 +645,28 @@ function Rr(e) {
     }
   });
   return T(() => {
-    const u = K(o.current);
+    const u = H(o.current);
     r.current = c === "mounted" ? u : "none";
   }, [
     c
   ]), X(() => {
     const u = o.current, _ = i.current;
     if (_ !== e) {
-      const f = r.current, p = K(u);
-      e ? s("MOUNT") : p === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+      const f = r.current, l = H(u);
+      e ? s("MOUNT") : l === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== l ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [
     e,
     s
   ]), X(() => {
     if (n) {
-      const u = (l) => {
-        const p = K(o.current).includes(l.animationName);
-        l.target === n && p && qe(
+      const u = (p) => {
+        const l = H(o.current).includes(p.animationName);
+        p.target === n && l && je(
           () => s("ANIMATION_END")
         );
-      }, _ = (l) => {
-        l.target === n && (r.current = K(o.current));
+      }, _ = (p) => {
+        p.target === n && (r.current = H(o.current));
       };
       return n.addEventListener("animationstart", _), n.addEventListener("animationcancel", u), n.addEventListener("animationend", u), () => {
         n.removeEventListener("animationstart", _), n.removeEventListener("animationcancel", u), n.removeEventListener("animationend", u);
@@ -695,34 +686,34 @@ function Rr(e) {
     }, [])
   };
 }
-function K(e) {
+function H(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Ae = "Radio", [Ar, Se] = J(Ae), [Sr, Ir] = Ar(Ae), Nr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: c = "on", onCheck: s, ...u } = e, [_, l] = F(null), f = L(
+const Ne = "Radio", [Ir, Ae] = J(Ne), [Nr, Ar] = Ir(Ne), Sr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: c = "on", onCheck: s, ...u } = e, [_, p] = F(null), f = L(
     n,
-    (b) => l(b)
-  ), p = A(!1), d = _ ? !!_.closest("form") : !0;
-  return /* @__PURE__ */ m(Sr, {
+    (m) => p(m)
+  ), l = I(!1), d = _ ? !!_.closest("form") : !0;
+  return /* @__PURE__ */ b(Nr, {
     scope: t,
     checked: i,
     disabled: a
-  }, /* @__PURE__ */ m(j.button, I({
+  }, /* @__PURE__ */ b(j.button, A({
     type: "button",
     role: "radio",
     "aria-checked": i,
-    "data-state": Ie(i),
+    "data-state": Se(i),
     "data-disabled": a ? "" : void 0,
     disabled: a,
     value: c
   }, u, {
     ref: f,
-    onClick: x(e.onClick, (b) => {
-      i || s == null || s(), d && (p.current = b.isPropagationStopped(), p.current || b.stopPropagation());
+    onClick: x(e.onClick, (m) => {
+      i || s == null || s(), d && (l.current = m.isPropagationStopped(), l.current || m.stopPropagation());
     })
-  })), d && /* @__PURE__ */ m(Pr, {
+  })), d && /* @__PURE__ */ b(Pr, {
     control: _,
-    bubbles: !p.current,
+    bubbles: !l.current,
     name: o,
     value: c,
     checked: i,
@@ -732,31 +723,31 @@ const Ae = "Radio", [Ar, Se] = J(Ae), [Sr, Ir] = Ar(Ae), Nr = /* @__PURE__ */ R(
       transform: "translateX(-100%)"
     }
   }));
-}), xr = "RadioIndicator", Er = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Ir(xr, t);
-  return /* @__PURE__ */ m(Re, {
+}), xr = "RadioIndicator", Er = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Ar(xr, t);
+  return /* @__PURE__ */ b(Ie, {
     present: o || r.checked
-  }, /* @__PURE__ */ m(j.span, I({
-    "data-state": Ie(r.checked),
+  }, /* @__PURE__ */ b(j.span, A({
+    "data-state": Se(r.checked),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
     ref: n
   })));
 }), Pr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = A(null), a = yr(t), c = vr(n);
+  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = I(null), a = yr(t), c = vr(n);
   return T(() => {
-    const s = r.current, u = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(u, "checked").set;
-    if (a !== t && l) {
+    const s = r.current, u = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(u, "checked").set;
+    if (a !== t && p) {
       const f = new Event("click", {
         bubbles: o
       });
-      l.call(s, t), s.dispatchEvent(f);
+      p.call(s, t), s.dispatchEvent(f);
     }
   }, [
     a,
     t,
     o
-  ]), /* @__PURE__ */ m("input", I({
+  ]), /* @__PURE__ */ b("input", A({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: t
@@ -773,7 +764,7 @@ const Ae = "Radio", [Ar, Se] = J(Ae), [Sr, Ir] = Ar(Ae), Nr = /* @__PURE__ */ R(
     }
   }));
 };
-function Ie(e) {
+function Se(e) {
   return e ? "checked" : "unchecked";
 }
 const Or = [
@@ -781,29 +772,29 @@ const Or = [
   "ArrowDown",
   "ArrowLeft",
   "ArrowRight"
-], Ne = "RadioGroup", [Tr, pt] = J(Ne, [
-  ye,
-  Se
-]), xe = ye(), Ee = Se(), [wr, kr] = Tr(Ne), Mr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: l, ...f } = e, p = xe(t), d = ge(u), [b, g] = he({
+], xe = "RadioGroup", [Tr, pt] = J(xe, [
+  Re,
+  Ae
+]), Ee = Re(), Pe = Ae(), [wr, kr] = Tr(xe), Mr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: p, ...f } = e, l = Ee(t), d = ve(u), [m, g] = ge({
     prop: r,
     defaultProp: i,
-    onChange: l
+    onChange: p
   });
-  return /* @__PURE__ */ m(wr, {
+  return /* @__PURE__ */ b(wr, {
     scope: t,
     name: o,
     required: a,
     disabled: c,
-    value: b,
+    value: m,
     onValueChange: g
-  }, /* @__PURE__ */ m(hr, I({
+  }, /* @__PURE__ */ b(hr, A({
     asChild: !0
-  }, p, {
+  }, l, {
     orientation: s,
     dir: d,
     loop: _
-  }), /* @__PURE__ */ m(j.div, I({
+  }), /* @__PURE__ */ b(j.div, A({
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
@@ -812,46 +803,46 @@ const Or = [
   }, f, {
     ref: n
   }))));
-}), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = kr(Fr, t), a = r.disabled || o, c = xe(t), s = Ee(t), u = A(null), _ = L(n, u), l = r.value === i.value, f = A(!1);
+}), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = kr(Fr, t), a = r.disabled || o, c = Ee(t), s = Pe(t), u = I(null), _ = L(n, u), p = r.value === i.value, f = I(!1);
   return T(() => {
-    const p = (b) => {
-      Or.includes(b.key) && (f.current = !0);
+    const l = (m) => {
+      Or.includes(m.key) && (f.current = !0);
     }, d = () => f.current = !1;
-    return document.addEventListener("keydown", p), document.addEventListener("keyup", d), () => {
-      document.removeEventListener("keydown", p), document.removeEventListener("keyup", d);
+    return document.addEventListener("keydown", l), document.addEventListener("keyup", d), () => {
+      document.removeEventListener("keydown", l), document.removeEventListener("keyup", d);
     };
-  }, []), /* @__PURE__ */ m(gr, I({
+  }, []), /* @__PURE__ */ b(gr, A({
     asChild: !0
   }, c, {
     focusable: !a,
-    active: l
-  }), /* @__PURE__ */ m(Nr, I({
+    active: p
+  }), /* @__PURE__ */ b(Sr, A({
     disabled: a,
     required: r.required,
-    checked: l
+    checked: p
   }, s, i, {
     name: r.name,
     ref: _,
     onCheck: () => r.onValueChange(i.value),
-    onKeyDown: x((p) => {
-      p.key === "Enter" && p.preventDefault();
+    onKeyDown: x((l) => {
+      l.key === "Enter" && l.preventDefault();
     }),
     onFocus: x(i.onFocus, () => {
-      var p;
-      f.current && ((p = u.current) === null || p === void 0 || p.click());
+      var l;
+      f.current && ((l = u.current) === null || l === void 0 || l.click());
     })
   })));
-}), Dr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
-  return /* @__PURE__ */ m(Er, I({}, i, o, {
+}), Dr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeRadioGroup: t, ...o } = e, i = Pe(t);
+  return /* @__PURE__ */ b(Er, A({}, i, o, {
     ref: n
   }));
 }), Gr = Mr, Ur = Lr, qr = Dr;
 function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Pe = { exports: {} };
+var Oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -886,8 +877,8 @@ var Pe = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Pe);
-var Br = Pe.exports;
+})(Oe);
+var Br = Oe.exports;
 const zr = /* @__PURE__ */ jr(Br), Vr = {
   "purpur-radio-card-group": "_purpur-radio-card-group_19msf_1",
   "purpur-radio-card-group--vertical": "_purpur-radio-card-group--vertical_19msf_5",
@@ -908,11 +899,11 @@ const zr = /* @__PURE__ */ jr(Br), Vr = {
   "purpur-radio-card-group__item-image-placeholder": "_purpur-radio-card-group__item-image-placeholder_19msf_167",
   "purpur-radio-card-group__item-image-placeholder--loaded": "_purpur-radio-card-group__item-image-placeholder--loaded_19msf_172",
   "purpur-radio-card-group__item-children": "_purpur-radio-card-group__item-children_19msf_175"
-}, C = zr.bind(Vr);
-function Kr(e) {
+}, R = zr.bind(Vr);
+function Hr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Oe = { exports: {} };
+var Te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -947,9 +938,9 @@ var Oe = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Oe);
-var Hr = Oe.exports;
-const Yr = /* @__PURE__ */ Kr(Hr), D = {
+})(Te);
+var Kr = Te.exports;
+const Yr = /* @__PURE__ */ Hr(Kr), D = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -975,10 +966,10 @@ const Yr = /* @__PURE__ */ Kr(Hr), D = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, G = "purpur-paragraph", fe = ({
+}, G = "purpur-paragraph", ue = ({
   ["data-testid"]: e,
   children: n,
-  className: t = "",
+  className: t,
   disabled: o,
   enableHyphenation: i = !1,
   negative: r = !1,
@@ -997,10 +988,11 @@ const Yr = /* @__PURE__ */ Kr(Hr), D = {
   ]);
   return /* @__PURE__ */ v("p", { ...c, className: s, "data-testid": e, children: n });
 };
+ue.displayName = "Paragraph";
 function Xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Te = { exports: {} };
+var we = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1035,18 +1027,18 @@ var Te = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Te);
-var Zr = Te.exports;
-const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
-  "purpur-skeleton": "_purpur-skeleton_93tal_1",
+})(we);
+var Zr = we.exports;
+const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_cil8l_1", te = {
+  "purpur-skeleton": "_purpur-skeleton_cil8l_2",
   loading: Qr,
-  "purpur-skeleton--default": "_purpur-skeleton--default_93tal_24",
-  "purpur-skeleton--negative": "_purpur-skeleton--negative_93tal_30",
-  "purpur-skeleton--xs": "_purpur-skeleton--xs_93tal_36",
-  "purpur-skeleton--sm": "_purpur-skeleton--sm_93tal_39",
-  "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
-  "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
-  "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
+  "purpur-skeleton--default": "_purpur-skeleton--default_cil8l_25",
+  "purpur-skeleton--negative": "_purpur-skeleton--negative_cil8l_31",
+  "purpur-skeleton--xs": "_purpur-skeleton--xs_cil8l_37",
+  "purpur-skeleton--sm": "_purpur-skeleton--sm_cil8l_40",
+  "purpur-skeleton--md": "_purpur-skeleton--md_cil8l_43",
+  "purpur-skeleton--lg": "_purpur-skeleton--lg_cil8l_46",
+  "purpur-skeleton--full": "_purpur-skeleton--full_cil8l_49"
 }, ne = "purpur-skeleton", et = ({
   className: e,
   ["data-testid"]: n,
@@ -1062,19 +1054,19 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
     te[`${ne}--${t}`]
   ]);
   return /* @__PURE__ */ v("div", { className: a, style: o, "data-testid": n, ...r });
-}, H = "purpur-radio-card-group__item-image", rt = (e) => !!(e != null && e.src) && !!e.altText, tt = ({
+}, K = "purpur-radio-card-group__item-image", rt = (e) => !!(e != null && e.src) && !!e.altText, tt = ({
   src: e,
   altText: n,
   noPlaceholder: t,
   loading: o = "lazy",
   ["data-testid"]: i
 }) => {
-  const [r, a] = F(!1), c = () => a(!0), s = C(H, {
-    [`${H}--loaded`]: r
-  }), u = C(`${H}-placeholder`, {
-    [`${H}-placeholder--loaded`]: r
+  const [r, a] = F(!1), c = () => a(!0), s = R(K, {
+    [`${K}--loaded`]: r
+  }), u = R(`${K}-placeholder`, {
+    [`${K}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ k(Le, { children: [
+  return /* @__PURE__ */ k(De, { children: [
     /* @__PURE__ */ v(
       "img",
       {
@@ -1088,62 +1080,61 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
     ),
     !t && /* @__PURE__ */ v(et, { className: u })
   ] });
-}, N = "purpur-radio-card-group__item", oe = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, nt = (e, n) => {
+}, S = "purpur-radio-card-group__item", oe = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, nt = ({ title: e, ...n }, t) => {
   const {
-    ["data-testid"]: t,
-    body: o,
-    children: i,
-    disabled: r,
-    id: a,
-    image: c,
-    required: s,
-    title: u,
+    ["data-testid"]: o,
+    body: i,
+    children: r,
+    disabled: a,
+    id: c,
+    image: s,
+    required: u,
     value: _
-  } = e;
-  return /* @__PURE__ */ k("div", { className: C(`${N}-container`), ref: n, children: [
+  } = n, p = { title: e, ...n };
+  return /* @__PURE__ */ k("div", { className: R(`${S}-container`), ref: t, children: [
     /* @__PURE__ */ k(
       Ur,
       {
-        className: C(N),
-        "data-testid": t,
-        disabled: r,
-        id: a,
-        required: s,
+        className: R(S),
+        "data-testid": o,
+        disabled: a,
+        id: c,
+        required: u,
         value: _,
         children: [
-          c && /* @__PURE__ */ v("span", { className: C(`${N}-image-container`), children: rt(c) ? /* @__PURE__ */ v(tt, { ...c, "data-testid": t && `${t}-image` }) : oe(c, e) }),
-          /* @__PURE__ */ k("span", { className: C(`${N}-content`), children: [
-            /* @__PURE__ */ k("span", { className: C(`${N}-top-container`), children: [
-              typeof u == "string" ? /* @__PURE__ */ v(
-                fe,
+          s && /* @__PURE__ */ v("span", { className: R(`${S}-image-container`), children: rt(s) ? /* @__PURE__ */ v(tt, { ...s, "data-testid": o && `${o}-image` }) : oe(s, p) }),
+          /* @__PURE__ */ k("span", { className: R(`${S}-content`), children: [
+            /* @__PURE__ */ k("span", { className: R(`${S}-top-container`), children: [
+              typeof e == "string" ? /* @__PURE__ */ v(
+                ue,
                 {
-                  className: C(`${N}-title`),
-                  "data-testid": t && `${t}-title`,
+                  className: R(`${S}-title`),
+                  "data-testid": o && `${o}-title`,
                   variant: "paragraph-100",
-                  disabled: r,
-                  children: u
+                  disabled: a,
+                  children: e
                 }
-              ) : oe(u, e),
-              /* @__PURE__ */ v("span", { className: C(`${N}-radio`), children: /* @__PURE__ */ v(qr, { className: C(`${N}-indicator`) }) })
+              ) : oe(e, p),
+              /* @__PURE__ */ v("span", { className: R(`${S}-radio`), children: /* @__PURE__ */ v(qr, { className: R(`${S}-indicator`) }) })
             ] }),
-            o && /* @__PURE__ */ v("span", { className: C(`${N}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ v(
-              fe,
+            i && /* @__PURE__ */ v("span", { className: R(`${S}-bottom-container`), children: typeof i == "string" ? /* @__PURE__ */ v(
+              ue,
               {
-                "data-testid": t && `${t}-body`,
+                "data-testid": o && `${o}-body`,
                 variant: "paragraph-100",
-                disabled: r,
-                children: o
+                disabled: a,
+                children: i
               }
-            ) : oe(o, e) })
+            ) : oe(i, p) })
           ] })
         ]
       }
     ),
-    i
+    r
   ] });
-}, de = R(nt);
-de.displayName = "RadioCardItem";
-const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radio-card-group", at = ({
+}, pe = C(nt);
+pe.displayName = "RadioCardItem";
+const ot = (e) => q(e) && (e == null ? void 0 : e.type) === pe, lt = ["horizontal", "vertical"], ft = ["right", "left"], Y = "purpur-radio-card-group", at = ({
   "data-testid": e,
   "aria-labelledby": n,
   children: t,
@@ -1155,10 +1146,10 @@ const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
   radioPosition: s = "right",
   ...u
 }, _) => {
-  const l = P.toArray(t).filter(ot);
-  return /* @__PURE__ */ k("div", { className: C(o, `${Y}__container`), ref: _, children: [
+  const p = P.toArray(t).filter(ot);
+  return /* @__PURE__ */ k("div", { className: R(o, `${Y}__container`), ref: _, children: [
     r && /* @__PURE__ */ v(
-      Ke,
+      $e,
       {
         "data-testid": e ? `${e}-label` : void 0,
         id: `${u.id}-label`,
@@ -1167,12 +1158,12 @@ const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
         children: `${u.required ? "* " : ""}${r}`
       }
     ),
-    (!!(i != null && i.length) || l.length) && /* @__PURE__ */ k(
+    (!!(i != null && i.length) || p.length) && /* @__PURE__ */ k(
       Gr,
       {
         ...u,
         "aria-labelledby": n || (r ? `${u.id}-label` : void 0),
-        className: C(
+        className: R(
           Y,
           `${Y}--${c}`,
           `${Y}--radio-${s}`
@@ -1181,7 +1172,7 @@ const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
         loop: a,
         children: [
           i == null ? void 0 : i.map((f) => /* @__PURE__ */ v(
-            de,
+            pe,
             {
               ...f,
               disabled: f.disabled || u.disabled,
@@ -1190,17 +1181,19 @@ const ot = (e) => q(e) && (e == null ? void 0 : e.type) === de, Y = "purpur-radi
             f.id
           )),
           P.map(
-            l,
+            p,
             (f) => Z(f, { disabled: f.props.disabled || u.disabled })
           )
         ]
       }
     )
   ] });
-}, it = R(at);
+}, it = C(at);
 it.displayName = "RadioCardGroup";
 export {
+  lt as ORIENTATION,
+  ft as RADIO_POSITION,
   it as RadioCardGroup,
-  de as RadioCardItem
+  pe as RadioCardItem
 };
 //# sourceMappingURL=radio-card-group.es.js.map