@optiaxiom/react 0.5.3 → 0.5.4

package/dist/unstable.d.ts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
-import { UseComboboxProps, UseSelectProps } from 'downshift';
-import { S as Sprinkles, B as BoxProps, L as Link, T as Transition } from './Link-kkRSxd5_.js';
+import { S as Sprinkles, B as BoxProps, L as Link, D as DialogContent, P as PopoverContent, M as MenuListbox } from './PopoverContent-C6I-rB7-.js';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
-import * as RadixPopover from '@radix-ui/react-popover';
-import * as RadixDialog from '@radix-ui/react-dialog';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as RadixPopover from '@radix-ui/react-popover';
 import { TableOptions, Column } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
+import * as RadixDialog from '@radix-ui/react-dialog';
 
 type AutocompleteProps<Item> = {
     children?: ReactNode;
@@ -22,12 +22,15 @@ type AutocompleteProps<Item> = {
     open?: boolean;
     value?: Item | null;
 } & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
-declare function Autocomplete<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onValueChange, open, value, ...props }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Autocomplete<Item>({ children, defaultOpen, defaultValue, disabled, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onValueChange, open, value, }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Autocomplete {
     var displayName: string;
 }
 
-declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -39,7 +42,21 @@ declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<Omit<react
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const AutocompleteRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -49,32 +66,28 @@ declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & {
-    item: unknown;
-} & react.RefAttributes<HTMLLIElement>>;
-
-declare const AutocompleteItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
-
-declare const AutocompleteList: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & {
@@ -128,11 +141,14 @@ declare namespace BreadcrumbSeparator {
 type CommandProps<Item> = {
     children: ReactNode;
     inputValue?: string;
+    itemToSubItems?: (value: Item) => Item[] | null;
     onInputValueChange?: (inputValue: string) => void;
     onItemSelect?: (value: Item) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
     value?: Item[] | Set<Item>;
-} & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
-declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, value: valueProp, }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+} & Pick<UseComboboxProps<Item>, "inputId" | "isItemDisabled" | "items" | "itemToKey" | "itemToString" | "selectedItem" | "stateReducer">;
+declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Command {
     var displayName: string;
 }
@@ -149,7 +165,13 @@ declare namespace Combobox {
     var displayName: string;
 }
 
-declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -159,62 +181,79 @@ declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Om
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & {
-    active?: boolean;
-    item: unknown;
-} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxContent: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "transitionType" | "withCloseButton"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-    withCloseButton?: boolean;
-} & {
-    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> | Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
+type ComboboxContentProps = ComponentPropsWithoutRef<typeof DialogContent | typeof PopoverContent>;
+declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
-    enableExitAnimation?: boolean;
-} & {
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-}, never> & {
-    withArrow?: boolean;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref">) & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ComboboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ComboboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ComboboxListbox: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -224,22 +263,14 @@ declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.Deta
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & {
-    active?: boolean;
-    item: unknown;
-} & react.RefAttributes<HTMLLIElement>>;
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
+declare const ComboboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxList: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
-
-declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -249,10 +280,10 @@ declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -282,90 +313,42 @@ declare const ComboboxValue: react.ForwardRefExoticComponent<Omit<Omit<react.Det
     placeholder?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const CommandCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}, never> & {
-    active?: boolean;
-    item: unknown;
-} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
-
-declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const CommandFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}, never> & {
+} & Sprinkles, never> & {
     active?: boolean;
     item: unknown;
-} & react.RefAttributes<HTMLLIElement>>;
-
-declare const CommandItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
-
-declare const CommandList: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+} & react.RefAttributes<HTMLDivElement>>;
 
-declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    orientation?: ("vertical" | "horizontal" | {
-        readonly base?: "vertical" | "horizontal" | undefined;
-        readonly sm?: "vertical" | "horizontal" | undefined;
-        readonly md?: "vertical" | "horizontal" | undefined;
-        readonly lg?: "vertical" | "horizontal" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+declare const CommandListbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
 type DataTableProps<TData> = TableOptions<TData>;
 declare const DataTable: <TData>({ columns, data, ...props }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
@@ -432,19 +415,35 @@ declare namespace Select {
     var displayName: string;
 }
 
-declare const SelectContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const SelectContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     loading?: boolean;
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const SelectRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -454,21 +453,14 @@ declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & {
-    item: unknown;
-} & react.RefAttributes<HTMLLIElement>>;
-
-declare const SelectItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
-
-declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -478,10 +470,10 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -518,30 +510,13 @@ type SpotlightProps<Item> = {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
 } & ComponentPropsWithoutRef<typeof Command<Item>>;
-declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
 }
 
-declare const SpotlightContent: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "transitionType" | "withCloseButton"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-    withCloseButton?: boolean;
-} & {
-    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> | Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
-    enableExitAnimation?: boolean;
-} & {
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-}, never> & {
-    withArrow?: boolean;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref">) & react.RefAttributes<HTMLDivElement>>;
+type SpotlightContentProps = ComponentPropsWithoutRef<typeof DialogContent | typeof PopoverContent>;
+declare const SpotlightContent: react.ForwardRefExoticComponent<SpotlightContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const SpotlightEmpty: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -552,19 +527,45 @@ declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightList: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -574,20 +575,33 @@ declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<reac
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & {
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
     active?: boolean;
     item: unknown;
-} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const SpotlightScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightSub: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SpotlightList: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+declare const SpotlightSubItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+} & Sprinkles, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -661,4 +675,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandSeparator, DataTable, DataTableHeader, Highlight, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightList, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxListbox, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightList, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };