@spear-ai/spectral 1.3.67 → 1.4.0

package/dist/MultiSelect/MultiSelectBase.js

@@ -139,29 +139,13 @@ const ve = [
       if (t.length === 0)
         return /* @__PURE__ */ s("span", { className: "text-input-text-placeholder", children: o });
       const e = t.slice(0, m), n = t.length - m;
-      return /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-1", children: [
+      return /* @__PURE__ */ a("div", { className: "flex items-center gap-1 flex-wrap", children: [
         e.map((r) => {
           const c = i.find((C) => C.value === r);
-          return c ? /* @__PURE__ */ a(
-            "span",
-            {
-              className: "bg-input-bg--selected text-input-text inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs",
-              children: [
-                c.label,
-                /* @__PURE__ */ s(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: (C) => oe(r, C),
-                    className: "hover:text-danger focus:outline-none",
-                    "aria-label": `Remove ${c.label}`,
-                    children: /* @__PURE__ */ s(K, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            r
-          ) : null;
+          return c ? /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1 px-2 py-1 bg-input-bg--selected text-input-text rounded-md text-xs", children: [
+            c.label,
+            /* @__PURE__ */ s("button", { type: "button", onClick: (C) => oe(r, C), className: "hover:text-danger focus:outline-none", "aria-label": `Remove ${c.label}`, children: /* @__PURE__ */ s(K, { className: "h-3 w-3" }) })
+          ] }, r) : null;
         }),
         n > 0 && /* @__PURE__ */ a("span", { className: "text-input-text-secondary text-xs", children: [
           "+",
@@ -176,24 +160,15 @@ const ve = [
         {
           type: "button",
           className: p(
-            "hover:bg-input-bg--hover focus:bg-input-bg--hover flex w-full items-center gap-3 px-3 py-2 text-left text-sm focus:outline-none",
-            "disabled:cursor-not-allowed disabled:opacity-50",
+            "w-full flex items-center gap-3 px-3 py-2 text-sm text-left hover:bg-input-bg--hover focus:bg-input-bg--hover focus:outline-none",
+            "disabled:opacity-50 disabled:cursor-not-allowed",
             n === se && "bg-input-bg--hover",
             r && "text-input-text font-medium"
           ),
           onClick: () => N(e.value),
           disabled: e.disabled,
           children: [
-            /* @__PURE__ */ s(
-              "div",
-              {
-                className: p(
-                  "border-input-border flex h-4 w-4 items-center justify-center rounded border",
-                  r && "bg-primary border-primary"
-                ),
-                children: r && /* @__PURE__ */ s(he, { className: "h-3 w-3 text-white" })
-              }
-            ),
+            /* @__PURE__ */ s("div", { className: p("flex items-center justify-center w-4 h-4 border border-input-border rounded", r && "bg-primary border-primary"), children: r && /* @__PURE__ */ s(he, { className: "h-3 w-3 text-white" }) }),
             /* @__PURE__ */ s("span", { children: e.label })
           ]
         },
@@ -205,126 +180,82 @@ const ve = [
       "--multiselect-dropdown-max-height": "20rem"
     });
     return /* @__PURE__ */ a("div", { className: "w-full", "data-testid": "multiselect-root", children: [
-      /* @__PURE__ */ a(
-        "div",
-        {
-          ref: ee,
-          className: "relative",
-          "data-testid": "multiselect-wrapper",
-          onKeyDown: g ? ne : void 0,
-          children: [
-            /* @__PURE__ */ a(
-              "button",
-              {
-                ref: Q,
-                type: "button",
-                id: E,
-                name: L,
-                className: Ce(u, g, U),
-                onClick: le,
-                disabled: k,
-                "aria-label": X || z,
-                "aria-describedby": p(re && M, J),
-                "aria-expanded": g,
-                "aria-haspopup": "listbox",
-                "data-state": u,
-                style: ce(),
-                ..._,
-                children: [
-                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: de() }),
-                  /* @__PURE__ */ a("div", { className: "ml-2 flex items-center gap-2", children: [
-                    t.length > 0 && /* @__PURE__ */ s(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: (e) => {
-                          e.stopPropagation(), $();
-                        },
-                        className: "text-input-icon hover:text-input-icon--hover focus:outline-none",
-                        "aria-label": "Clear all selections",
-                        children: /* @__PURE__ */ s(K, { className: S })
-                      }
-                    ),
-                    /* @__PURE__ */ s(
-                      ye,
-                      {
-                        className: p(
-                          we,
-                          "text-input-icon transition-transform duration-200",
-                          g && "rotate-180"
-                        )
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: Se(g), "data-testid": "multiselect-dropdown", children: /* @__PURE__ */ a("div", { className: "p-1", children: [
-              V && /* @__PURE__ */ a("div", { className: "relative mb-2", children: [
-                /* @__PURE__ */ s(Ne, { className: p(S, "text-input-icon absolute top-1/2 left-3 -translate-y-1/2") }),
-                /* @__PURE__ */ s(
-                  "input",
+      /* @__PURE__ */ a("div", { ref: ee, className: "relative", "data-testid": "multiselect-wrapper", onKeyDown: g ? ne : void 0, children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ref: Q,
+            type: "button",
+            id: E,
+            name: L,
+            className: Ce(u, g, U),
+            onClick: le,
+            disabled: k,
+            "aria-label": X || z,
+            "aria-describedby": p(re && M, J),
+            "aria-expanded": g,
+            "aria-haspopup": "listbox",
+            "data-state": u,
+            style: ce(),
+            ..._,
+            children: [
+              /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: de() }),
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 ml-2", children: [
+                t.length > 0 && /* @__PURE__ */ s(
+                  "button",
                   {
-                    ref: R,
-                    type: "text",
-                    className: "border-input-border bg-input-bg focus:border-input-border--focus w-full rounded-md border py-2 pr-3 pl-9 text-sm focus:ring-1 focus:ring-black focus:outline-none",
-                    placeholder: f,
-                    value: w,
-                    onChange: ie,
-                    "aria-label": "Search options"
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation(), $();
+                    },
+                    className: "text-input-icon hover:text-input-icon--hover focus:outline-none",
+                    "aria-label": "Clear all selections",
+                    children: /* @__PURE__ */ s(K, { className: S })
                   }
-                )
-              ] }),
-              /* @__PURE__ */ s("div", { className: "max-h-64 overflow-y-auto", role: "listbox", "aria-multiselectable": "true", children: te ? /* @__PURE__ */ a("div", { className: "text-input-text-secondary flex items-center justify-center gap-2 py-6 text-sm", children: [
-                /* @__PURE__ */ s(fe, { className: p(S, "animate-spin") }),
-                y
-              ] }) : h.length === 0 ? /* @__PURE__ */ s("div", { className: "text-input-text-secondary py-6 text-center text-sm", children: D }) : /* @__PURE__ */ a(ue, { children: [
-                G && /* @__PURE__ */ a("div", { className: "mb-1", children: [
-                  /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      className: "text-input-text-secondary hover:bg-input-bg--hover focus:bg-input-bg--hover flex w-full items-center gap-3 px-3 py-2 text-sm font-medium focus:outline-none",
-                      onClick: ae,
-                      children: T
-                    }
-                  ),
-                  /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" })
-                ] }),
-                x.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: x.ungrouped.map((e, n) => A(e, n)) }),
-                Object.entries(x.groups).map(([e, n]) => /* @__PURE__ */ a("div", { className: "mb-1", children: [
-                  (x.ungrouped.length > 0 || Object.keys(x.groups).indexOf(e) > 0) && /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
-                  /* @__PURE__ */ s("div", { className: "text-input-text-secondary px-3 py-1 text-xs font-semibold tracking-wide uppercase", children: e }),
-                  n.map((r, c) => A(r, h.indexOf(r)))
-                ] }, e)),
-                H && t.length > 0 && /* @__PURE__ */ a("div", { className: "mt-1", children: [
-                  /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
-                  /* @__PURE__ */ s(
-                    "button",
-                    {
-                      type: "button",
-                      className: "text-danger hover:bg-danger-50 focus:bg-danger-50 flex w-full items-center gap-3 px-3 py-2 text-sm font-medium focus:outline-none",
-                      onClick: $,
-                      children: B
-                    }
-                  )
-                ] })
-              ] }) })
-            ] }) })
-          ]
-        }
-      ),
-      u === "error" && d && /* @__PURE__ */ s(
-        "p",
-        {
-          id: M,
-          className: "text-danger-500 mt-1.5 text-sm",
-          "data-testid": "multiselect-error-message",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: d
-        }
-      )
+                ),
+                /* @__PURE__ */ s(ye, { className: p(we, "text-input-icon transition-transform duration-200", g && "rotate-180") })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: Se(g), "data-testid": "multiselect-dropdown", children: /* @__PURE__ */ a("div", { className: "p-1", children: [
+          V && /* @__PURE__ */ a("div", { className: "relative mb-2", children: [
+            /* @__PURE__ */ s(Ne, { className: p(S, "absolute left-3 top-1/2 -translate-y-1/2 text-input-icon") }),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: R,
+                type: "text",
+                className: "w-full pl-9 pr-3 py-2 text-sm border border-input-border rounded-md bg-input-bg focus:border-input-border--focus focus:outline-none focus:ring-1 focus:ring-black",
+                placeholder: f,
+                value: w,
+                onChange: ie,
+                "aria-label": "Search options"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: "max-h-64 overflow-y-auto", role: "listbox", "aria-multiselectable": "true", children: te ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-input-text-secondary", children: [
+            /* @__PURE__ */ s(fe, { className: p(S, "animate-spin") }),
+            y
+          ] }) : h.length === 0 ? /* @__PURE__ */ s("div", { className: "py-6 text-center text-sm text-input-text-secondary", children: D }) : /* @__PURE__ */ a(ue, { children: [
+            G && /* @__PURE__ */ a("div", { className: "mb-1", children: [
+              /* @__PURE__ */ s("button", { type: "button", className: "w-full flex items-center gap-3 px-3 py-2 text-sm font-medium text-input-text-secondary hover:bg-input-bg--hover focus:bg-input-bg--hover focus:outline-none", onClick: ae, children: T }),
+              /* @__PURE__ */ s("div", { className: "mx-3 my-1 h-px bg-input-border" })
+            ] }),
+            x.ungrouped.length > 0 && /* @__PURE__ */ s("div", { className: "mb-1", children: x.ungrouped.map((e, n) => A(e, n)) }),
+            Object.entries(x.groups).map(([e, n]) => /* @__PURE__ */ a("div", { className: "mb-1", children: [
+              (x.ungrouped.length > 0 || Object.keys(x.groups).indexOf(e) > 0) && /* @__PURE__ */ s("div", { className: "mx-3 my-1 h-px bg-input-border" }),
+              /* @__PURE__ */ s("div", { className: "px-3 py-1 text-xs font-semibold text-input-text-secondary uppercase tracking-wide", children: e }),
+              n.map((r, c) => A(r, h.indexOf(r)))
+            ] }, e)),
+            H && t.length > 0 && /* @__PURE__ */ a("div", { className: "mt-1", children: [
+              /* @__PURE__ */ s("div", { className: "mx-3 my-1 h-px bg-input-border" }),
+              /* @__PURE__ */ s("button", { type: "button", className: "w-full flex items-center gap-3 px-3 py-2 text-sm font-medium text-danger hover:bg-danger-50 focus:bg-danger-50 focus:outline-none", onClick: $, children: B })
+            ] })
+          ] }) })
+        ] }) })
+      ] }),
+      u === "error" && d && /* @__PURE__ */ s("p", { id: M, className: "mt-1.5 text-sm text-danger-500", "data-testid": "multiselect-error-message", "aria-live": "polite", "aria-atomic": "true", children: d })
     ] });
   }
 );

package/dist/MultiSelect/MutiSelect.d.ts

@@ -3,13 +3,13 @@ export interface MultiSelectProps extends Omit<MultiSelectBaseProps, 'onChange'
     onSearchChange?: (search: string) => void;
     onValueChange: (value: string[]) => void;
     options: Array<{
-        readonly label: string;
-        readonly value: string;
-        readonly group?: string;
+        label: string;
+        value: string;
+        group?: string;
     }>;
-    readonly loading?: boolean;
-    readonly emptyText?: string;
-    readonly sortAlphabetically?: boolean;
+    loading?: boolean;
+    emptyText?: string;
+    sortAlphabetically?: boolean;
 }
 export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=MutiSelect.d.ts.map

package/dist/MultiSelect/MutiSelect.js

@@ -3,27 +3,15 @@ import "../styles/main.css";
 import { jsx as m } from "react/jsx-runtime";
 import { MultiSelectBase as p } from "./MultiSelectBase.js";
 import { forwardRef as u } from "react";
-const f = u(
-  ({ onValueChange: t, options: a, loading: l = !1, emptyText: o = "No matches found.", state: s, ...r }, i) => {
-    const d = a.map((e) => ({
-      label: e.label,
-      value: e.value,
-      group: e.group,
-      disabled: !1
-    }));
-    return /* @__PURE__ */ m(
-      p,
-      {
-        ref: i,
-        onChange: t,
-        options: d,
-        state: l ? "loading" : s,
-        emptyMessage: o,
-        ...r
-      }
-    );
-  }
-);
+const f = u(({ onValueChange: t, options: a, loading: l = !1, emptyText: o = "No matches found.", state: s, ...r }, i) => {
+  const d = a.map((e) => ({
+    label: e.label,
+    value: e.value,
+    group: e.group,
+    disabled: !1
+  }));
+  return /* @__PURE__ */ m(p, { ref: i, onChange: t, options: d, state: l ? "loading" : s, emptyMessage: o, ...r });
+});
 f.displayName = "MultiSelect";
 export {
   f as MultiSelect

package/dist/Popover.js

@@ -218,14 +218,7 @@ function $(e) {
   return e ? "open" : "closed";
 }
 var ce = F, pe = y, ie = D, le = M, ue = T;
-const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e }), Ae = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", ...e }), xe = ({
-  align: e = "center",
-  className: n,
-  side: r = "bottom",
-  sideOffset: a = 4,
-  width: o = "w-fit",
-  ...t
-}) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
+const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e }), Ae = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", ...e }), xe = ({ align: e = "center", className: n, side: r = "bottom", sideOffset: a = 4, width: o = "w-fit", ...t }) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
   ue,
   {
     align: e,
@@ -237,7 +230,7 @@ const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e })
       "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
       "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 h-fit",
       "max-h-[var(--radix-popover-content-max-height)] origin-[--radix-popover-content-transform-origin] rounded-lg border-none p-4",
-      "w-[var(--popover-width)] shadow-md outline-none",
+      "shadow-md outline-none w-[var(--popover-width)]",
       n
     ),
     style: {

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -3,19 +3,19 @@ import { ReactNode } from 'react';
 export type RadioButtonGroupProps = {
     value?: string;
     onValueChange?: (value: string) => void;
-    readonly children: ReactNode;
+    children: ReactNode;
     className?: string;
-    readonly isKeptActive?: boolean;
-    readonly expanded?: boolean;
-    readonly asChild?: boolean;
+    isKeptActive?: boolean;
+    expanded?: boolean;
+    asChild?: boolean;
 };
 export type RadioButtonGroupItemProps = AsChildProp & {
-    readonly value: string;
-    readonly children: ReactNode;
+    value: string;
+    children: ReactNode;
     className?: string;
     disabled?: boolean;
     onSelect?: (value: string) => void;
 };
-export declare const RadioButtonGroupBase: ({ value, onValueChange, children, className, isKeptActive, expanded, }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, onSelect, }: RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupBase: ({ value, onValueChange, children, className, isKeptActive, expanded }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, onSelect }: RadioButtonGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioButtonGroupBase.d.ts.map

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

@@ -4,33 +4,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { Slot as x } from "../primitives/slot.js";
 import { cn as c } from "../utils/twUtils.js";
 import { createContext as h, useContext as w } from "react";
-const g = h(null), R = ({
-  value: e,
-  onValueChange: n,
-  children: i,
-  className: o,
-  isKeptActive: r = !1,
-  expanded: t = !1
-}) => /* @__PURE__ */ s(g.Provider, { value: { value: e, onValueChange: n, isKeptActive: r, expanded: t }, children: /* @__PURE__ */ s(
-  "div",
-  {
-    role: "radiogroup",
-    "data-expanded": t,
-    className: c(
-      "flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md",
-      "data-[expanded=true]:w-full",
-      o
-    ),
-    children: i
-  }
-) }), _ = ({
-  value: e,
-  children: n,
-  className: i,
-  disabled: o = !1,
-  asChild: r = !1,
-  onSelect: t
-}) => {
+const g = h(null), R = ({ value: e, onValueChange: n, children: i, className: o, isKeptActive: r = !1, expanded: t = !1 }) => /* @__PURE__ */ s(g.Provider, { value: { value: e, onValueChange: n, isKeptActive: r, expanded: t }, children: /* @__PURE__ */ s("div", { role: "radiogroup", "data-expanded": t, className: c("flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md", "data-[expanded=true]:w-full", o), children: i }) }), _ = ({ value: e, children: n, className: i, disabled: o = !1, asChild: r = !1, onSelect: t }) => {
   const a = w(g);
   if (!a)
     throw new Error("RadioButtonGroupItem must be used within a RadioButtonGroup");

package/dist/RadioButtonGroup.d.ts

@@ -3,5 +3,5 @@ import { ComponentProps } from 'react';
 export type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
 export type RadioButtonGroupItemProps = RadioButtonGroupItemPropsBase;
 export declare const RadioButtonGroup: ({ className, children, ...props }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, onSelect, }: RadioButtonGroupItemPropsBase) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonGroupItem: ({ value, children, className, disabled, asChild, onSelect }: RadioButtonGroupItemPropsBase) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioButtonGroup.d.ts.map

package/dist/RadioButtonGroup.js

@@ -3,17 +3,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { RadioButtonGroupItem as n, RadioButtonGroupBase as u } from "./RadioButtonGroup/RadioButtonGroupBase.js";
 import { cn as m } from "./utils/twUtils.js";
 import "react";
-const s = ({ className: t, children: o, ...r }) => /* @__PURE__ */ e(
-  u,
-  {
-    className: m(
-      "flex h-fit w-fit items-center rounded-md px-2 whitespace-nowrap [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md",
-      t
-    ),
-    ...r,
-    children: o
-  }
-), f = n;
+const s = ({ className: t, children: o, ...r }) => /* @__PURE__ */ e(u, { className: m("flex h-fit w-fit items-center whitespace-nowrap rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md px-2", t), ...r, children: o }), f = n;
 export {
   s as RadioButtonGroup,
   f as RadioButtonGroupItem

package/dist/RadioGroup.d.ts

@@ -3,31 +3,31 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 type RadioGroupVariant = 'default' | 'tiles' | 'unstyled';
 export type RadioGroupProps = Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> & {
     onValueChange: (selected: string) => void;
-    readonly selected?: string;
-    readonly name: string;
-    readonly required?: boolean;
-    readonly orientation?: 'horizontal' | 'vertical';
-    readonly variant?: RadioGroupVariant;
+    selected?: string;
+    name: string;
+    required?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    variant?: RadioGroupVariant;
     className?: string;
-    readonly disabled?: boolean | readonly string[];
+    disabled?: boolean | string[];
     itemClassName?: string;
 };
 export interface RadioGroupItemProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
     className?: string;
-    readonly children?: ReactNode;
-    readonly id?: string;
-    readonly value: string;
-    readonly description?: string | ReactNode;
+    children?: ReactNode;
+    id?: string;
+    value: string;
+    description?: string | ReactNode;
 }
 declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "onChange" | "disabled"> & {
     onValueChange: (selected: string) => void;
-    readonly selected?: string;
-    readonly name: string;
-    readonly required?: boolean;
-    readonly orientation?: "horizontal" | "vertical";
-    readonly variant?: RadioGroupVariant;
+    selected?: string;
+    name: string;
+    required?: boolean;
+    orientation?: "horizontal" | "vertical";
+    variant?: RadioGroupVariant;
     className?: string;
-    readonly disabled?: boolean | readonly string[];
+    disabled?: boolean | string[];
     itemClassName?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: import('react').ForwardRefExoticComponent<RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;