@spear-ai/spectral 1.4.26 → 1.4.28

package/dist/RadioGroup.js

@@ -3,95 +3,95 @@ import "./styles/main.css";
 import { jsx as n, jsxs as N } from "react/jsx-runtime";
 import { Label as _ } from "./Label.js";
 import * as c from "react";
-import { createContext as Re, forwardRef as G, useMemo as ge, memo as he, useContext as Ie } from "react";
-import { c as K, P as S, b as w, u as P, e as Y } from "./index-CfypDjr2.js";
-import { c as we, u as j } from "./index-DvqEQspb.js";
-import { u as ye } from "./index-CDYW5LDR.js";
-import { u as Ce } from "./index-0ioNhtNM.js";
-import { u as Ee } from "./index-BRDfoF8s.js";
-import { u as Fe } from "./index-BZPx6jYI.js";
-import { P as Se } from "./index-DdOwqCfb.js";
+import { createContext as be, memo as Re, useMemo as ge, useContext as he } from "react";
+import { c as B, P as S, b as w, u as G, e as q } from "./index-CfypDjr2.js";
+import { c as Ie, u as Y } from "./index-DvqEQspb.js";
+import { u as we } from "./index-CDYW5LDR.js";
+import { u as ye } from "./index-0ioNhtNM.js";
+import { u as Ce } from "./index-BRDfoF8s.js";
+import { u as Ee } from "./index-BZPx6jYI.js";
+import { P as Fe } from "./index-DdOwqCfb.js";
 import { cn as F } from "./utils/twUtils.js";
-var O = "rovingFocusGroup.onEntryFocus", xe = { bubbles: !1, cancelable: !0 }, x = "RovingFocusGroup", [M, z, Ne] = we(x), [_e, H] = K(
+var L = "rovingFocusGroup.onEntryFocus", Se = { bubbles: !1, cancelable: !0 }, x = "RovingFocusGroup", [O, j, xe] = Ie(x), [Ne, z] = B(
   x,
-  [Ne]
-), [Ae, Ge] = _e(x), $ = c.forwardRef(
-  (e, t) => /* @__PURE__ */ n(M.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(M.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(Pe, { ...e, ref: t }) }) })
+  [xe]
+), [_e, Ae] = Ne(x), H = c.forwardRef(
+  (e, t) => /* @__PURE__ */ n(O.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(O.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(Ge, { ...e, ref: t }) }) })
 );
-$.displayName = x;
-var Pe = c.forwardRef((e, t) => {
+H.displayName = x;
+var Ge = c.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
     loop: a = !1,
     dir: s,
     currentTabStopId: i,
-    defaultCurrentTabStopId: v,
+    defaultCurrentTabStopId: m,
     onCurrentTabStopIdChange: b,
     onEntryFocus: f,
     preventScrollOnEntryFocus: d = !1,
     ...R
-  } = e, g = c.useRef(null), l = P(t, g), p = j(s), [m, u] = Y({
+  } = e, g = c.useRef(null), l = G(t, g), p = Y(s), [v, u] = q({
     prop: i,
-    defaultProp: v ?? null,
+    defaultProp: m ?? null,
     onChange: b,
     caller: x
-  }), [y, k] = c.useState(!1), I = Ce(f), C = z(o), D = c.useRef(!1), [fe, V] = c.useState(0);
+  }), [y, T] = c.useState(!1), I = ye(f), C = j(o), k = c.useRef(!1), [le, U] = c.useState(0);
   return c.useEffect(() => {
     const h = g.current;
     if (h)
-      return h.addEventListener(O, I), () => h.removeEventListener(O, I);
+      return h.addEventListener(L, I), () => h.removeEventListener(L, I);
   }, [I]), /* @__PURE__ */ n(
-    Ae,
+    _e,
     {
       scope: o,
       orientation: r,
       dir: p,
       loop: a,
-      currentTabStopId: m,
+      currentTabStopId: v,
       onItemFocus: c.useCallback(
         (h) => u(h),
         [u]
       ),
-      onItemShiftTab: c.useCallback(() => k(!0), []),
+      onItemShiftTab: c.useCallback(() => T(!0), []),
       onFocusableItemAdd: c.useCallback(
-        () => V((h) => h + 1),
+        () => U((h) => h + 1),
         []
       ),
       onFocusableItemRemove: c.useCallback(
-        () => V((h) => h - 1),
+        () => U((h) => h - 1),
         []
       ),
       children: /* @__PURE__ */ n(
         S.div,
         {
-          tabIndex: y || fe === 0 ? -1 : 0,
+          tabIndex: y || le === 0 ? -1 : 0,
           "data-orientation": r,
           ...R,
           ref: l,
           style: { outline: "none", ...e.style },
           onMouseDown: w(e.onMouseDown, () => {
-            D.current = !0;
+            k.current = !0;
           }),
           onFocus: w(e.onFocus, (h) => {
-            const pe = !D.current;
-            if (h.target === h.currentTarget && pe && !y) {
-              const q = new CustomEvent(O, xe);
-              if (h.currentTarget.dispatchEvent(q), !q.defaultPrevented) {
-                const L = C().filter((E) => E.focusable), me = L.find((E) => E.active), ve = L.find((E) => E.id === m), be = [me, ve, ...L].filter(
+            const fe = !k.current;
+            if (h.target === h.currentTarget && fe && !y) {
+              const V = new CustomEvent(L, Se);
+              if (h.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
+                const D = C().filter((E) => E.focusable), pe = D.find((E) => E.active), me = D.find((E) => E.id === v), ve = [pe, me, ...D].filter(
                   Boolean
                 ).map((E) => E.ref.current);
-                J(be, d);
+                X(ve, d);
               }
             }
-            D.current = !1;
+            k.current = !1;
           }),
-          onBlur: w(e.onBlur, () => k(!1))
+          onBlur: w(e.onBlur, () => T(!1))
         }
       )
     }
   );
-}), W = "RovingFocusGroupItem", X = c.forwardRef(
+}), $ = "RovingFocusGroupItem", W = c.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -99,13 +99,13 @@ var Pe = c.forwardRef((e, t) => {
       active: a = !1,
       tabStopId: s,
       children: i,
-      ...v
-    } = e, b = ye(), f = s || b, d = Ge(W, o), R = d.currentTabStopId === f, g = z(o), { onFocusableItemAdd: l, onFocusableItemRemove: p, currentTabStopId: m } = d;
+      ...m
+    } = e, b = we(), f = s || b, d = Ae($, o), R = d.currentTabStopId === f, g = j(o), { onFocusableItemAdd: l, onFocusableItemRemove: p, currentTabStopId: v } = d;
     return c.useEffect(() => {
       if (r)
         return l(), () => p();
     }, [r, l, p]), /* @__PURE__ */ n(
-      M.ItemSlot,
+      O.ItemSlot,
       {
         scope: o,
         id: f,
@@ -116,7 +116,7 @@ var Pe = c.forwardRef((e, t) => {
           {
             tabIndex: R ? 0 : -1,
             "data-orientation": d.orientation,
-            ...v,
+            ...m,
             ref: t,
             onMouseDown: w(e.onMouseDown, (u) => {
               r ? d.onItemFocus(f) : u.preventDefault();
@@ -128,7 +128,7 @@ var Pe = c.forwardRef((e, t) => {
                 return;
               }
               if (u.target !== u.currentTarget) return;
-              const y = De(u, d.orientation, d.dir);
+              const y = ke(u, d.orientation, d.dir);
               if (y !== void 0) {
                 if (u.metaKey || u.ctrlKey || u.altKey || u.shiftKey) return;
                 u.preventDefault();
@@ -137,20 +137,20 @@ var Pe = c.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && I.reverse();
                   const C = I.indexOf(u.currentTarget);
-                  I = d.loop ? Le(I, C + 1) : I.slice(C + 1);
+                  I = d.loop ? De(I, C + 1) : I.slice(C + 1);
                 }
-                setTimeout(() => J(I));
+                setTimeout(() => X(I));
               }
             }),
-            children: typeof i == "function" ? i({ isCurrentTabStop: R, hasTabStop: m != null }) : i
+            children: typeof i == "function" ? i({ isCurrentTabStop: R, hasTabStop: v != null }) : i
           }
         )
       }
     );
   }
 );
-X.displayName = W;
-var Te = {
+W.displayName = $;
+var Pe = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -160,23 +160,23 @@ var Te = {
   PageDown: "last",
   End: "last"
 };
-function ke(e, t) {
+function Te(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function De(e, t, o) {
-  const r = ke(e.key, o);
+function ke(e, t, o) {
+  const r = Te(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return Te[r];
+    return Pe[r];
 }
-function J(e, t = !1) {
+function X(e, t = !1) {
   const o = document.activeElement;
   for (const r of e)
     if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function Le(e, t) {
+function De(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var Oe = $, Me = X, U = "Radio", [Be, Q] = K(U), [Ke, Ue] = Be(U), Z = c.forwardRef(
+var Le = H, Oe = W, K = "Radio", [Me, J] = B(K), [Be, Ke] = Me(K), Q = c.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: o,
@@ -184,36 +184,36 @@ var Oe = $, Me = X, U = "Radio", [Be, Q] = K(U), [Ke, Ue] = Be(U), Z = c.forward
       checked: a = !1,
       required: s,
       disabled: i,
-      value: v = "on",
+      value: m = "on",
       onCheck: b,
       form: f,
       ...d
-    } = e, [R, g] = c.useState(null), l = P(t, (u) => g(u)), p = c.useRef(!1), m = R ? f || !!R.closest("form") : !0;
-    return /* @__PURE__ */ N(Ke, { scope: o, checked: a, disabled: i, children: [
+    } = e, [R, g] = c.useState(null), l = G(t, (u) => g(u)), p = c.useRef(!1), v = R ? f || !!R.closest("form") : !0;
+    return /* @__PURE__ */ N(Be, { scope: o, checked: a, disabled: i, children: [
       /* @__PURE__ */ n(
         S.button,
         {
           type: "button",
           role: "radio",
           "aria-checked": a,
-          "data-state": re(a),
+          "data-state": te(a),
           "data-disabled": i ? "" : void 0,
           disabled: i,
-          value: v,
+          value: m,
           ...d,
           ref: l,
           onClick: w(e.onClick, (u) => {
-            a || b?.(), m && (p.current = u.isPropagationStopped(), p.current || u.stopPropagation());
+            a || b?.(), v && (p.current = u.isPropagationStopped(), p.current || u.stopPropagation());
           })
         }
       ),
-      m && /* @__PURE__ */ n(
-        te,
+      v && /* @__PURE__ */ n(
+        oe,
         {
           control: R,
           bubbles: !p.current,
           name: r,
-          value: v,
+          value: m,
           checked: a,
           required: s,
           disabled: i,
@@ -224,14 +224,14 @@ var Oe = $, Me = X, U = "Radio", [Be, Q] = K(U), [Ke, Ue] = Be(U), Z = c.forward
     ] });
   }
 );
-Z.displayName = U;
-var ee = "RadioIndicator", oe = c.forwardRef(
+Q.displayName = K;
+var Z = "RadioIndicator", ee = c.forwardRef(
   (e, t) => {
-    const { __scopeRadio: o, forceMount: r, ...a } = e, s = Ue(ee, o);
-    return /* @__PURE__ */ n(Se, { present: r || s.checked, children: /* @__PURE__ */ n(
+    const { __scopeRadio: o, forceMount: r, ...a } = e, s = Ke(Z, o);
+    return /* @__PURE__ */ n(Fe, { present: r || s.checked, children: /* @__PURE__ */ n(
       S.span,
       {
-        "data-state": re(s.checked),
+        "data-state": te(s.checked),
         "data-disabled": s.disabled ? "" : void 0,
         ...a,
         ref: t
@@ -239,8 +239,8 @@ var ee = "RadioIndicator", oe = c.forwardRef(
     ) });
   }
 );
-oe.displayName = ee;
-var Ve = "RadioBubbleInput", te = c.forwardRef(
+ee.displayName = Z;
+var Ue = "RadioBubbleInput", oe = c.forwardRef(
   ({
     __scopeRadio: e,
     control: t,
@@ -248,7 +248,7 @@ var Ve = "RadioBubbleInput", te = c.forwardRef(
     bubbles: r = !0,
     ...a
   }, s) => {
-    const i = c.useRef(null), v = P(i, s), b = Fe(o), f = Ee(t);
+    const i = c.useRef(null), m = G(i, s), b = Ee(o), f = Ce(t);
     return c.useEffect(() => {
       const d = i.current;
       if (!d) return;
@@ -268,7 +268,7 @@ var Ve = "RadioBubbleInput", te = c.forwardRef(
         defaultChecked: o,
         ...a,
         tabIndex: -1,
-        ref: v,
+        ref: m,
         style: {
           ...a.style,
           ...f,
@@ -281,14 +281,14 @@ var Ve = "RadioBubbleInput", te = c.forwardRef(
     );
   }
 );
-te.displayName = Ve;
-function re(e) {
+oe.displayName = Ue;
+function te(e) {
   return e ? "checked" : "unchecked";
 }
-var qe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], T = "RadioGroup", [Ye] = K(T, [
-  H,
-  Q
-]), ae = H(), ne = Q(), [je, ze] = Ye(T), se = c.forwardRef(
+var Ve = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], P = "RadioGroup", [qe] = B(P, [
+  z,
+  J
+]), re = z(), ae = J(), [Ye, je] = qe(P), ne = c.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: o,
@@ -296,29 +296,29 @@ var qe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], T = "RadioGroup",
       defaultValue: a,
       value: s,
       required: i = !1,
-      disabled: v = !1,
+      disabled: m = !1,
       orientation: b,
       dir: f,
       loop: d = !0,
       onValueChange: R,
       ...g
-    } = e, l = ae(o), p = j(f), [m, u] = Y({
+    } = e, l = re(o), p = Y(f), [v, u] = q({
       prop: s,
       defaultProp: a ?? null,
       onChange: R,
-      caller: T
+      caller: P
     });
     return /* @__PURE__ */ n(
-      je,
+      Ye,
       {
         scope: o,
         name: r,
         required: i,
-        disabled: v,
-        value: m,
+        disabled: m,
+        value: v,
         onValueChange: u,
         children: /* @__PURE__ */ n(
-          Oe,
+          Le,
           {
             asChild: !0,
             ...l,
@@ -331,7 +331,7 @@ var qe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], T = "RadioGroup",
                 role: "radiogroup",
                 "aria-required": i,
                 "aria-orientation": b,
-                "data-disabled": v ? "" : void 0,
+                "data-disabled": m ? "" : void 0,
                 dir: p,
                 ...g,
                 ref: t
@@ -343,26 +343,26 @@ var qe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], T = "RadioGroup",
     );
   }
 );
-se.displayName = T;
-var ie = "RadioGroupItem", ce = c.forwardRef(
+ne.displayName = P;
+var se = "RadioGroupItem", ie = c.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: o, disabled: r, ...a } = e, s = ze(ie, o), i = s.disabled || r, v = ae(o), b = ne(o), f = c.useRef(null), d = P(t, f), R = s.value === a.value, g = c.useRef(!1);
+    const { __scopeRadioGroup: o, disabled: r, ...a } = e, s = je(se, o), i = s.disabled || r, m = re(o), b = ae(o), f = c.useRef(null), d = G(t, f), R = s.value === a.value, g = c.useRef(!1);
     return c.useEffect(() => {
-      const l = (m) => {
-        qe.includes(m.key) && (g.current = !0);
+      const l = (v) => {
+        Ve.includes(v.key) && (g.current = !0);
       }, p = () => g.current = !1;
       return document.addEventListener("keydown", l), document.addEventListener("keyup", p), () => {
         document.removeEventListener("keydown", l), document.removeEventListener("keyup", p);
       };
     }, []), /* @__PURE__ */ n(
-      Me,
+      Oe,
       {
         asChild: !0,
-        ...v,
+        ...m,
         focusable: !i,
         active: R,
         children: /* @__PURE__ */ n(
-          Z,
+          Q,
           {
             disabled: i,
             required: s.required,
@@ -384,86 +384,115 @@ var ie = "RadioGroupItem", ce = c.forwardRef(
     );
   }
 );
-ce.displayName = ie;
-var He = "RadioGroupIndicator", ue = c.forwardRef(
+ie.displayName = se;
+var ze = "RadioGroupIndicator", ce = c.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: o, ...r } = e, a = ne(o);
-    return /* @__PURE__ */ n(oe, { ...a, ...r, ref: t });
+    const { __scopeRadioGroup: o, ...r } = e, a = ae(o);
+    return /* @__PURE__ */ n(ee, { ...a, ...r, ref: t });
   }
 );
-ue.displayName = He;
-var $e = se, de = ce, We = ue;
-const le = Re({
+ce.displayName = ze;
+var He = ne, ue = ie, $e = ce;
+const de = be({
   orientation: "vertical",
   variant: "default",
   disabledValues: [],
   groupDisabled: !1
-}), A = "pointer-events-none opacity-60", Xe = G(({ className: e, itemClassName: t, onValueChange: o, orientation: r = "vertical", disabled: a, selected: s, variant: i = "default", ...v }, b) => {
+}), A = "pointer-events-none opacity-60", We = ({
+  ref: e,
+  className: t,
+  itemClassName: o,
+  onValueChange: r,
+  orientation: a = "vertical",
+  disabled: s,
+  selected: i,
+  variant: m = "default",
+  ...b
+}) => {
   const f = ge(
     () => ({
-      orientation: r,
-      variant: i,
-      disabledValues: Array.isArray(a) ? a : [],
-      groupDisabled: typeof a == "boolean" ? a : !1,
-      itemClassName: t,
-      selected: s
+      orientation: a,
+      variant: m,
+      disabledValues: Array.isArray(s) ? s : [],
+      groupDisabled: typeof s == "boolean" ? s : !1,
+      itemClassName: o,
+      selected: i
     }),
-    [r, i, a, t, s]
+    [a, m, s, o, i]
   );
-  return /* @__PURE__ */ n(le.Provider, { value: f, children: /* @__PURE__ */ n(
-    $e,
+  return /* @__PURE__ */ n(de.Provider, { value: f, children: /* @__PURE__ */ n(
+    He,
     {
-      className: F("flex text-text-primary w-full", r === "vertical" ? "flex-col gap-4" : "flex-row gap-5", i === "unstyled" && "gap-2.5 w-fit", e),
+      className: F("text-text-primary flex w-full", a === "vertical" ? "flex-col gap-4" : "flex-row gap-5", m === "unstyled" && "w-fit gap-2.5", t),
       "data-testid": "spectral-radio-group",
       disabled: f.groupDisabled,
-      onValueChange: o,
-      ref: b,
-      value: s,
-      ...v
+      onValueChange: r,
+      ref: e,
+      value: i,
+      ...b
     }
   ) });
-});
-Xe.displayName = "RadioGroup";
-const B = he(
-  G(({ value: e, id: t, isDisabled: o, className: r, ...a }, s) => /* @__PURE__ */ n(
-    de,
+};
+We.displayName = "RadioGroup";
+const M = Re(
+  ({
+    ref: e,
+    value: t,
+    id: o,
+    isDisabled: r,
+    className: a,
+    ...s
+  }) => /* @__PURE__ */ n(
+    ue,
     {
-      ref: s,
+      ref: e,
       "data-testid": "spectral-radio-group-item",
       className: F(
-        "relative aspect-square h-4.5 w-4.5 rounded-full border-2 border-border-subtle bg-radio-bg ring-black transition-colors cursor-pointer",
-        "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "border-border-subtle bg-radio-bg relative aspect-square h-4.5 w-4.5 cursor-pointer rounded-full border-2 ring-black transition-colors",
+        "hover:border-radio-border--hover focus-visible:outline-accent focus-visible:outline-1 focus-visible:outline-offset-2",
         "[&[data-state=checked]]:border-radio-border--selected [&[data-state=checked]]:bg-radio-bg",
-        o && A,
-        r
+        r && A,
+        a
       ),
-      disabled: o,
-      value: e,
-      id: t,
-      ...a,
-      children: /* @__PURE__ */ n(We, { className: "after:absolute after:inset-0 after:m-auto after:content-[''] transition-colors after:h-2.5 after:w-2.5 after:rounded-full after:bg-radio-bg--selected" })
+      disabled: r,
+      value: t,
+      id: o,
+      ...s,
+      children: /* @__PURE__ */ n($e, { className: "after:bg-radio-bg--selected transition-colors after:absolute after:inset-0 after:m-auto after:h-2.5 after:w-2.5 after:rounded-full after:content-['']" })
     }
-  ))
+  )
 );
-B.displayName = "RadioButton";
-const Je = G(({ className: e, children: t, value: o, description: r, disabled: a, ...s }, i) => {
-  const { disabledValues: v, groupDisabled: b, itemClassName: f, variant: d, selected: R, orientation: g } = Ie(le), l = o.toString(), p = s.id?.toString() || l, m = b || v.includes(l) || !!a, u = R === l;
-  return d === "tiles" ? /* @__PURE__ */ n(_, { htmlFor: p, className: F("flex items-start p-4 rounded-xl border w-full border-border-subtle cursor-pointer", u && "border-tile-border--selected bg-tile-bg--selected", m && A, f, e), children: /* @__PURE__ */ N("div", { className: "flex w-full gap-4 items-start justify-between", children: [
-    /* @__PURE__ */ n("div", { className: "flex-shrink-0 mr-3 relative top-0.75", children: /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }) }),
-    /* @__PURE__ */ N("div", { className: "flex flex-col flex-grow", children: [
-      /* @__PURE__ */ n("div", { className: "font-bold", children: t }),
-      r && /* @__PURE__ */ n("div", { className: "text-sm mt-1", children: r })
+M.displayName = "RadioButton";
+const Xe = ({
+  ref: e,
+  className: t,
+  children: o,
+  value: r,
+  description: a,
+  disabled: s,
+  ...i
+}) => {
+  const { disabledValues: m, groupDisabled: b, itemClassName: f, variant: d, selected: R, orientation: g } = he(de), l = r.toString(), p = i.id?.toString() || l, v = b || m.includes(l) || !!s, u = R === l;
+  return d === "tiles" ? /* @__PURE__ */ n(_, { htmlFor: p, className: F("border-border-subtle flex w-full cursor-pointer items-start rounded-xl border p-4", u && "border-tile-border--selected bg-tile-bg--selected", v && A, f, t), children: /* @__PURE__ */ N("div", { className: "flex w-full items-start justify-between gap-4", children: [
+    /* @__PURE__ */ n("div", { className: "relative top-0.75 mr-3 flex-shrink-0", children: /* @__PURE__ */ n(M, { ref: e, value: l, id: p, isDisabled: v, ...i }) }),
+    /* @__PURE__ */ N("div", { className: "flex flex-grow flex-col", children: [
+      /* @__PURE__ */ n("div", { className: "font-bold", children: o }),
+      a && /* @__PURE__ */ n("div", { className: "mt-1 text-sm", children: a })
     ] })
-  ] }) }) : d === "unstyled" ? /* @__PURE__ */ n(de, { ref: i, value: l, id: p, disabled: m, asChild: !0, ...s, children: /* @__PURE__ */ n(_, { htmlFor: p, className: F("h-fit w-fit border-2 border-transparent rounded [&[data-state=checked]]:border-radio-border--selected flex", m && A, f, e), children: t }) }) : /* @__PURE__ */ N("div", { className: F("flex items-center", m && A, f, e, g), children: [
-    /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }),
-    t && /* @__PURE__ */ n(_, { className: F("text-md cursor-pointer font-normal", g === "vertical" ? "ml-2" : "ml-1"), htmlFor: p, children: t })
+  ] }) }) : d === "unstyled" ? /* @__PURE__ */ n(ue, { ref: e, value: l, id: p, disabled: v, asChild: !0, ...i, children: /* @__PURE__ */ n(_, { htmlFor: p, className: F("[&[data-state=checked]]:border-radio-border--selected flex h-fit w-fit rounded border-2 border-transparent", v && A, f, t), children: o }) }) : /* @__PURE__ */ N("div", { className: F("flex items-center", v && A, f, t, g), children: [
+    /* @__PURE__ */ n(M, { ref: e, value: l, id: p, isDisabled: v, ...i }),
+    o && /* @__PURE__ */ n(_, { className: F("text-md cursor-pointer font-normal", g === "vertical" ? "ml-2" : "ml-1"), htmlFor: p, children: o })
   ] });
-});
-Je.displayName = "RadioGroup.Item";
-const Qe = G(({ className: e, ...t }, o) => /* @__PURE__ */ n(_, { ref: o, "data-testid": "spectral-radio-group-label", className: F("block text-md font-medium", e), ...t }));
-Qe.displayName = "RadioGroup.Label";
+};
+Xe.displayName = "RadioGroup.Item";
+const Je = ({
+  ref: e,
+  className: t,
+  ...o
+}) => /* @__PURE__ */ n(_, { ref: e, "data-testid": "spectral-radio-group-label", className: F("text-md block font-medium", t), ...o });
+Je.displayName = "RadioGroup.Label";
 export {
-  Xe as RadioGroup,
-  Je as RadioGroupItem,
-  Qe as RadioGroupLabel
+  We as RadioGroup,
+  Xe as RadioGroupItem,
+  Je as RadioGroupLabel
 };

package/dist/Select.d.ts

@@ -1,5 +1,5 @@
 import { BaseFormFieldProps, BaseOption } from './utils/formFieldUtils';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
 type SelectOption = BaseOption;
 type Align = 'start' | 'center' | 'end';
 type Side = 'top' | 'bottom' | 'left' | 'right';
@@ -23,6 +23,11 @@ export interface SelectExtendedProps extends SelectProps {
     side?: Side;
     sideOffset?: number;
 }
-export declare const Select: import('react').ForwardRefExoticComponent<SelectExtendedProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Select: {
+    ({ ref, align, alignOffset, className, collisionPadding, defaultValue, emptyMessage, errorMessage, id, label, labelClassName, loadingMessage, name, onChange, options, placeholder, position, side, sideOffset, state, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: SelectExtendedProps & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=Select.d.ts.map