@spear-ai/spectral 1.8.8 → 1.9.0

package/dist/MultiSelect/MultiSelectBase.js

@@ -1,6 +1,6 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as d, jsx as s, Fragment as ce } from "react/jsx-runtime";
+import { jsxs as c, jsx as s, Fragment as ce } from "react/jsx-runtime";
 import "../Icons/AnalyzeIcon.js";
 import "../Icons/AnnotationsIcon.js";
 import "../Icons/ApprovedIcon.js";
@@ -15,7 +15,7 @@ import { ChevronDownIcon as ue } from "../Icons/ChevronDownIcon.js";
 import "../Icons/ChevronUpIcon.js";
 import "../Icons/ClockIcon.js";
 import "../Icons/CloseCircleIcon.js";
-import { CloseIcon as Q } from "../Icons/CloseIcon.js";
+import { CloseIcon as W } from "../Icons/CloseIcon.js";
 import "../Icons/DashboardIcon.js";
 import "../Icons/DatabaseIcon.js";
 import "../Icons/DeleteIcon.js";
@@ -69,7 +69,7 @@ import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-import { R as be, T as ge, P as he, C as xe } from "../index-CXltlPV-.js";
+import { R as be, T as ge, P as he, C as xe } from "../index-Bv2OIg5P.js";
 import { ErrorMessage as ye } from "../utils/formFieldUtils.js";
 import { cn as y } from "../utils/twUtils.js";
 import { useId as ve, useState as V, useRef as we, useMemo as v, useCallback as w, useEffect as Ne } from "react";
@@ -87,7 +87,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
   g && "border-input-border--focus",
   Ce(b),
   m
-), Oe = () => y(
+), De = () => y(
   "z-50 max-h-80 overflow-hidden rounded-lg border border-input-border bg-input-bg shadow-lg",
   "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out",
   "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0",
@@ -95,33 +95,33 @@ const Ie = "h-4 w-4", Ce = (b) => ({
   "motion-safe:data-[side=bottom]:slide-in-from-top-2",
   "motion-safe:data-[side=top]:slide-in-from-bottom-2",
   "origin-(--radix-popover-content-transform-origin)"
-), De = (b, g, m, I, N, D, S, F, j) => {
-  const [t, c] = V(-1), r = v(() => {
+), Oe = (b, g, m, C, N, S, F, j, E) => {
+  const [t, d] = V(-1), r = v(() => {
     const o = [];
-    return S && o.push({ type: "search" }), F && o.push({ type: "select-all" }), b.forEach((p, f) => {
+    return F && o.push({ type: "search" }), j && o.push({ type: "select-all" }), b.forEach((p, f) => {
       p.disabled || o.push({ type: "option", index: f, value: p.value });
     }), o;
-  }, [b, S, F, j]), x = w(
+  }, [b, F, j, E]), x = w(
     (o) => {
       if (o < 0 || o >= r.length) return;
-      r[o].type === "search" && D.current?.focus();
+      r[o].type === "search" && S.current?.focus();
     },
-    [r, D]
-  ), E = w(
+    [r, S]
+  ), M = w(
     (o) => {
       const p = t >= 0 && t < r.length ? r[t] : null;
       if (o.key === " " && p?.type === "search" || o.key === "Enter" && p?.type === "search")
         return;
-      const a = {
+      const n = {
         ArrowDown: () => {
           o.preventDefault();
           const l = Math.min(t + 1, r.length - 1);
-          c(l), x(l);
+          d(l), x(l);
         },
         ArrowUp: () => {
           o.preventDefault();
           const l = Math.max(t - 1, 0);
-          c(l), x(l);
+          d(l), x(l);
         },
         Tab: () => {
           if (o.shiftKey)
@@ -130,107 +130,107 @@ const Ie = "h-4 w-4", Ce = (b) => ({
             else {
               o.preventDefault();
               const l = t - 1;
-              c(l), x(l);
+              d(l), x(l);
             }
           else if (t >= r.length - 1)
             m();
           else {
             o.preventDefault();
             const l = t + 1;
-            c(l), x(l);
+            d(l), x(l);
           }
         },
         Enter: () => {
           if (o.preventDefault(), t >= 0 && t < r.length) {
             const l = r[t];
-            l.type === "select-all" ? N() : l.type === "clear-all" ? g() : l.type === "option" && I(l.value);
+            l.type === "select-all" ? N() : l.type === "clear-all" ? g() : l.type === "option" && C(l.value);
           }
         },
         " ": () => {
           if (o.preventDefault(), t >= 0 && t < r.length) {
             const l = r[t];
-            l.type === "select-all" ? N() : l.type === "clear-all" ? g() : l.type === "option" && I(l.value);
+            l.type === "select-all" ? N() : l.type === "clear-all" ? g() : l.type === "option" && C(l.value);
           }
         },
         Escape: () => {
           o.preventDefault(), m();
         }
       }[o.key];
-      a && a();
+      n && n();
     },
-    [r, t, I, N, g, m, x]
-  ), M = w(
+    [r, t, C, N, g, m, x]
+  ), P = w(
     (o) => {
       if (t < 0 || t >= r.length) return !1;
       const p = r[t];
       return p.type === "option" && p.index === o;
     },
     [t, r]
-  ), z = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "search", [t, r]), P = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "select-all", [t, r]), C = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "clear-all", [t, r]);
+  ), K = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "search", [t, r]), L = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "select-all", [t, r]), k = v(() => t < 0 || t >= r.length ? !1 : r[t].type === "clear-all", [t, r]);
   return {
     focusedIndex: t,
-    setFocusedIndex: c,
-    handleKeyDown: E,
-    getOptionFocusIndex: M,
-    isSearchFocused: z,
-    isSelectAllFocused: P,
-    isClearAllFocused: C
+    setFocusedIndex: d,
+    handleKeyDown: M,
+    getOptionFocusIndex: P,
+    isSearchFocused: K,
+    isSelectAllFocused: L,
+    isClearAllFocused: k
   };
 }, Se = ({
   className: b,
   clearAllLabel: g = "Clear all",
   closeOnSelect: m = !1,
-  emptyMessage: I = "No options found",
+  emptyMessage: C = "No options found",
   errorMessage: N,
-  id: D,
-  label: S,
-  loadingMessage: F = "Loading options…",
-  maxCount: j = 3,
+  id: S,
+  label: F,
+  loadingMessage: j = "Loading options…",
+  maxCount: E = 3,
   name: t,
-  onChange: c,
+  onChange: d,
   options: r = [],
   placeholder: x = "Select options",
-  ref: E,
-  searchPlaceholder: M = "Search options…",
-  selectAllLabel: z = "Select all",
-  showClearAll: P = !0,
-  showSearch: C = !0,
+  ref: M,
+  searchPlaceholder: P = "Search options…",
+  selectAllLabel: K = "Select all",
+  showClearAll: L = !0,
+  showSearch: k = !0,
   showSelectAll: o = !0,
   sortAlphabetically: p = !1,
   state: f = "default",
-  value: a = [],
+  value: n = [],
   "aria-label": l,
-  "aria-describedby": W,
+  "aria-describedby": X,
   ...H
 }) => {
-  const X = ve(), K = D ?? `${t}-${X}`, _ = `${K}-listbox`, G = `${K}-error`, [h, L] = V(!1), [T, Y] = V(""), R = we(null), ee = H.disabled ?? f === "disabled", te = f === "loading", re = f === "error", k = v(() => {
-    let e = r.filter((n) => n.label.toLowerCase().includes(T.toLowerCase()));
-    return p && (e = [...e].sort((n, i) => n.label.localeCompare(i.label))), e;
-  }, [r, T, p]), O = v(() => {
-    const e = {}, n = [];
-    return k.forEach((i) => {
-      i.group ? (e[i.group] || (e[i.group] = []), e[i.group].push(i)) : n.push(i);
-    }), { groups: e, ungrouped: n, hasGroups: Object.keys(e).length > 0 };
-  }, [k]), $ = w(
+  const Y = ve(), z = S ?? `${t}-${Y}`, _ = `${z}-listbox`, G = `${z}-error`, [h, T] = V(!1), [$, ee] = V(""), B = we(null), U = H.disabled ?? f === "disabled", te = f === "loading", re = f === "error", D = v(() => {
+    let e = r.filter((a) => a.label.toLowerCase().includes($.toLowerCase()));
+    return p && (e = [...e].sort((a, i) => a.label.localeCompare(i.label))), e;
+  }, [r, $, p]), O = v(() => {
+    const e = {}, a = [];
+    return D.forEach((i) => {
+      i.group ? (e[i.group] || (e[i.group] = []), e[i.group].push(i)) : a.push(i);
+    }), { groups: e, ungrouped: a, hasGroups: Object.keys(e).length > 0 };
+  }, [D]), R = w(
     (e) => {
       if (r.find((u) => u.value === e)?.disabled) return;
-      const i = a.includes(e) ? a.filter((u) => u !== e) : [...a, e];
-      c(i), m && L(!1);
+      const i = n.includes(e) ? n.filter((u) => u !== e) : [...n, e];
+      d(i), m && T(!1);
     },
-    [r, a, c, m]
-  ), U = w(() => {
-    const e = r.filter((i) => !i.disabled).map((i) => i.value), n = e.every((i) => a.includes(i));
-    c(n ? [] : e);
-  }, [r, a, c]), Z = w(() => {
-    c([]);
-  }, [c]), q = v(() => r.filter((e) => !e.disabled).map((e) => e.value), [r]), ie = q.length > 0 && q.every((e) => a.includes(e)), { getOptionFocusIndex: se, handleKeyDown: oe, isSelectAllFocused: le, setFocusedIndex: A } = De(
-    k,
-    Z,
-    () => L(!1),
-    $,
-    U,
+    [r, n, d, m]
+  ), Z = w(() => {
+    const e = r.filter((i) => !i.disabled).map((i) => i.value), a = e.every((i) => n.includes(i));
+    d(a ? [] : e);
+  }, [r, n, d]), q = w(() => {
+    d([]);
+  }, [d]), J = v(() => r.filter((e) => !e.disabled).map((e) => e.value), [r]), ie = J.length > 0 && J.every((e) => n.includes(e)), { getOptionFocusIndex: se, handleKeyDown: oe, isSelectAllFocused: le, setFocusedIndex: A } = Oe(
+    D,
+    q,
+    () => T(!1),
     R,
-    C,
+    Z,
+    B,
+    k,
     o,
     !1
     // No separate clear-all button in dropdown
@@ -238,41 +238,44 @@ const Ie = "h-4 w-4", Ce = (b) => ({
   Ne(() => {
     A(h ? 0 : -1);
   }, [h, A]);
-  const ne = w((e) => {
-    Y(e.target.value);
-  }, []), ae = () => {
-    if (a.length === 0)
+  const ae = w((e) => {
+    ee(e.target.value);
+  }, []), ne = () => {
+    if (n.length === 0)
       return /* @__PURE__ */ s("span", { className: "text-input-text-placeholder flex min-h-8 items-center", children: x });
-    const e = a.slice(0, j), n = a.length - j;
-    return /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1 overflow-hidden", children: [
+    const e = n.slice(0, E), a = n.length - E;
+    return /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1 overflow-hidden", children: [
       e.map((i) => {
-        const u = r.find((B) => B.value === i);
-        return u ? /* @__PURE__ */ d("span", { className: "bg-input-bg--selected text-input-text inline-flex max-w-48 items-center gap-1 rounded-md px-2 py-1 text-xs", children: [
+        const u = r.find((I) => I.value === i);
+        return u ? /* @__PURE__ */ c("span", { className: "bg-input-bg--selected text-input-text inline-flex max-w-48 items-center gap-1 rounded-md px-2 py-1 text-xs", children: [
           /* @__PURE__ */ s("span", { className: "truncate", children: u.label }),
           /* @__PURE__ */ s(
             "button",
             {
-              "aria-label": "Remove" + u.label,
-              className: "hover:text-danger focus-visible:ring-accent cursor-pointer rounded-sm focus-visible:ring-2 focus-visible:ring-offset-1",
+              "aria-label": `Remove ${u.label}`,
+              className: "hover:text-danger cursor-pointer rounded-sm",
               "data-testid": "spectral-multiselect-remove-item-button",
-              onClick: (B) => {
-                B.stopPropagation(), $(i);
+              onClick: (I) => {
+                I.preventDefault(), I.stopPropagation(), R(i);
+              },
+              onPointerDown: (I) => {
+                I.stopPropagation();
               },
               type: "button",
-              children: /* @__PURE__ */ s(Q, { size: 12 })
+              children: /* @__PURE__ */ s(W, { size: 12 })
             }
           )
         ] }, i) : null;
       }),
-      n > 0 && /* @__PURE__ */ d("span", { className: "text-input-text-secondary flex items-center py-1 text-xs", children: [
+      a > 0 && /* @__PURE__ */ c("span", { className: "text-input-text-secondary flex items-center py-1 text-xs", children: [
         "+",
-        n,
+        a,
         " more"
       ] })
     ] });
-  }, J = (e, n) => {
-    const i = a.includes(e.value), u = se(n);
-    return /* @__PURE__ */ d(
+  }, Q = (e, a) => {
+    const i = n.includes(e.value), u = se(a);
+    return /* @__PURE__ */ c(
       "button",
       {
         className: y(
@@ -281,7 +284,7 @@ const Ie = "h-4 w-4", Ce = (b) => ({
           i && "text-input-text font-medium"
         ),
         disabled: e.disabled,
-        onClick: () => $(e.value),
+        onClick: () => R(e.value),
         type: "button",
         children: [
           /* @__PURE__ */ s("div", { "data-testid": "spectral-multiselect-selected-indicator", className: y("border-input-border flex h-4 w-4 items-center justify-center rounded border", i && "bg-primary border-primary"), children: i && /* @__PURE__ */ s(pe, { size: 12 }) }),
@@ -295,63 +298,62 @@ const Ie = "h-4 w-4", Ce = (b) => ({
     "--multiselect-trigger-height": "3rem",
     "--multiselect-dropdown-max-height": "20rem"
   });
-  return /* @__PURE__ */ d("div", { className: "w-full", "data-testid": "spectral-multiselect-root", children: [
-    /* @__PURE__ */ s(be, { open: h, onOpenChange: L, children: /* @__PURE__ */ d("div", { "data-testid": "spectral-multiselect-wrapper", onKeyDown: h ? oe : void 0, role: "none", children: [
-      /* @__PURE__ */ s(ge, { asChild: !0, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ c("div", { className: "w-full", "data-testid": "spectral-multiselect-root", children: [
+    /* @__PURE__ */ s(be, { open: h, onOpenChange: T, children: /* @__PURE__ */ c("div", { className: "relative", "data-testid": "spectral-multiselect-wrapper", onKeyDown: h ? oe : void 0, role: "none", children: [
+      /* @__PURE__ */ s(ge, { asChild: !0, children: /* @__PURE__ */ c(
         "button",
         {
           "aria-controls": h ? _ : void 0,
-          "aria-describedby": [re ? G : null, W].filter(Boolean).join(" ") || void 0,
+          "aria-describedby": [re ? G : null, X].filter(Boolean).join(" ") || void 0,
           "aria-expanded": h,
-          "aria-label": l ?? S,
+          "aria-label": l ?? F,
           className: ke(f, h, b),
           "data-state": f,
           "data-testid": "spectral-multiselect-trigger",
-          disabled: ee,
-          id: K,
+          disabled: U,
+          id: z,
           name: t,
-          ref: E,
+          ref: M,
           role: "combobox",
           style: de(),
           type: "button",
           ...H,
           children: [
-            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 overflow-hidden", "data-testid": "spectral-multiselect-selected-items", children: ae() }),
-            /* @__PURE__ */ d("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: [
-              P && a.length > 0 && /* @__PURE__ */ s(
-                "button",
-                {
-                  "aria-label": "Clear all selections",
-                  className: "text-input-icon hover:text-input-icon--hover focus-visible:ring-accent cursor-pointer rounded-sm focus-visible:ring-2 focus-visible:ring-offset-1",
-                  "data-testid": "spectral-multiselect-clear-all-button",
-                  onClick: (e) => {
-                    e.stopPropagation(), Z();
-                  },
-                  type: "button",
-                  children: /* @__PURE__ */ s(Q, { size: 12 })
-                }
-              ),
-              /* @__PURE__ */ s(ue, { className: y("text-input-icon transition-transform duration-200", h && "rotate-180"), size: 20 })
-            ] })
+            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 overflow-hidden", "data-testid": "spectral-multiselect-selected-items", children: ne() }),
+            /* @__PURE__ */ s("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: /* @__PURE__ */ s(ue, { className: y("text-input-icon transition-transform duration-200", h && "rotate-180"), size: 20 }) })
           ]
         }
       ) }),
+      L && n.length > 0 && /* @__PURE__ */ s(
+        "button",
+        {
+          "aria-label": "Clear all selections",
+          className: "text-input-icon hover:text-input-icon--hover focus-visible:ring-accent absolute top-1/2 right-10 z-10 -translate-y-1/2 cursor-pointer rounded-sm focus-visible:ring-2 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50",
+          "data-testid": "spectral-multiselect-clear-all-button",
+          disabled: U,
+          onClick: (e) => {
+            e.stopPropagation(), q(), document.getElementById(z)?.focus();
+          },
+          type: "button",
+          children: /* @__PURE__ */ s(W, { size: 12 })
+        }
+      ),
       /* @__PURE__ */ s(he, { children: /* @__PURE__ */ s(
         xe,
         {
           align: "start",
           avoidCollisions: !0,
-          className: Oe(),
+          className: De(),
           collisionPadding: 10,
           "data-testid": "spectral-multiselect-dropdown",
           onOpenAutoFocus: (e) => {
-            e.preventDefault(), C && R.current?.focus();
+            e.preventDefault(), k && B.current?.focus();
           },
           side: "bottom",
           sideOffset: 4,
           style: { width: "var(--radix-popover-trigger-width)" },
-          children: /* @__PURE__ */ d("div", { className: "p-1", children: [
-            C && /* @__PURE__ */ d("div", { className: "relative mb-2", children: [
+          children: /* @__PURE__ */ c("div", { className: "p-1", children: [
+            k && /* @__PURE__ */ c("div", { className: "relative mb-2", children: [
               /* @__PURE__ */ s(fe, { className: y(Ie, "text-input-icon absolute top-1/2 left-3 -translate-y-1/2") }),
               /* @__PURE__ */ s(
                 "input",
@@ -359,36 +361,36 @@ const Ie = "h-4 w-4", Ce = (b) => ({
                   "aria-label": "Search options",
                   className: "border-input-border bg-input-bg focus-visible:border-input-border--focus w-full rounded-md border py-2 pr-3 pl-9 text-sm focus-visible:ring-1 focus-visible:ring-black focus-visible:outline-none",
                   "data-testid": "spectral-multiselect-search-input",
-                  onChange: ne,
-                  placeholder: M,
-                  ref: R,
+                  onChange: ae,
+                  placeholder: P,
+                  ref: B,
                   type: "text",
-                  value: T
+                  value: $
                 }
               )
             ] }),
-            /* @__PURE__ */ s("div", { className: "max-h-64 overflow-y-auto", id: _, role: "listbox", "aria-multiselectable": "true", children: te ? /* @__PURE__ */ d("div", { "data-testid": "spectral-multiselect-loading", className: "text-input-text-secondary flex items-center justify-center gap-2 py-6 text-sm", children: [
+            /* @__PURE__ */ s("div", { className: "max-h-64 overflow-y-auto", id: _, role: "listbox", "aria-multiselectable": "true", children: te ? /* @__PURE__ */ c("div", { "data-testid": "spectral-multiselect-loading", className: "text-input-text-secondary flex items-center justify-center gap-2 py-6 text-sm", children: [
               /* @__PURE__ */ s(me, {}),
-              F
-            ] }) : k.length === 0 ? /* @__PURE__ */ s("div", { "data-testid": "spectral-multiselect-empty-message", className: "text-input-text-secondary py-6 text-center text-sm", children: I }) : /* @__PURE__ */ d(ce, { children: [
-              o && /* @__PURE__ */ d("div", { className: "mb-1", children: [
+              j
+            ] }) : D.length === 0 ? /* @__PURE__ */ s("div", { "data-testid": "spectral-multiselect-empty-message", className: "text-input-text-secondary py-6 text-center text-sm", children: C }) : /* @__PURE__ */ c(ce, { children: [
+              o && /* @__PURE__ */ c("div", { className: "mb-1", children: [
                 /* @__PURE__ */ s(
                   "button",
                   {
                     className: y("text-input-text-secondary hover:bg-input-bg--hover flex w-full items-center gap-3 px-3 py-2 text-sm font-medium focus:outline-none", le && "bg-input-bg--hover"),
                     "data-testid": "spectral-multiselect-select-all-button",
-                    onClick: U,
+                    onClick: Z,
                     type: "button",
-                    children: ie ? g : z
+                    children: ie ? g : K
                   }
                 ),
                 /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" })
               ] }),
-              O.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: O.ungrouped.map((e, n) => J(e, n)) }),
-              Object.entries(O.groups).map(([e, n]) => /* @__PURE__ */ d("div", { className: "mb-1", "data-testid": "spectral-multiselect-group", children: [
+              O.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: O.ungrouped.map((e, a) => Q(e, a)) }),
+              Object.entries(O.groups).map(([e, a]) => /* @__PURE__ */ c("div", { className: "mb-1", "data-testid": "spectral-multiselect-group", children: [
                 (O.ungrouped.length > 0 || Object.keys(O.groups).indexOf(e) > 0) && /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
                 /* @__PURE__ */ s("div", { "data-testid": "spectral-multiselect-group-name", className: "text-input-text-secondary px-3 py-1 text-xs font-semibold tracking-wide uppercase", children: e }),
-                n.map((i, u) => J(i, k.indexOf(i)))
+                a.map((i, u) => Q(i, D.indexOf(i)))
               ] }, e))
             ] }) })
           ] })

package/dist/Popover.js

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import { jsx as t } from "react/jsx-runtime";
-import { R as p, P as d, C as m, T as f, A as l } from "./index-CXltlPV-.js";
+import { R as p, P as d, C as m, T as f, A as l } from "./index-Bv2OIg5P.js";
 import { cn as c } from "./utils/twUtils.js";
 import "react";
 const x = ({ ...o }) => /* @__PURE__ */ t(p, { "data-slot": "popover", "data-testid": "spectral-popover", ...o }), b = ({ ...o }) => /* @__PURE__ */ t(f, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...o }), P = ({ align: o = "center", className: a, collisionPadding: r = 8, side: n = "bottom", sideOffset: i = 4, width: e = "w-fit", ...s }) => /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(

package/dist/RadioGroup.d.ts

@@ -21,7 +21,7 @@ export interface RadioGroupItemProps extends ComponentProps<typeof RadioGroupPri
     value: string;
 }
 declare const RadioGroup: {
-    ({ className, disabled, itemClassName, onValueChange, orientation, ref, selected, variant, ...props }: RadioGroupProps & {
+    (allProps: RadioGroupProps & {
         ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Root>>;
     }): ReactElement;
     displayName: string;