@optiaxiom/react 1.2.5 → 1.3.0

package/dist/unstable.d.ts

@@ -1,13 +1,11 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, FocusEventHandler, ChangeEventHandler } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, a as ExtendProps, D as DialogContent, M as MenuListbox, g as PopoverContent, b as ResponsiveArray, P as Popover, f as DropdownMenuSub, d as ButtonProps } from './PopoverContent-D7WFp-Jh.js';
+import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, f as PopoverContent, O as OverlayListbox, d as ButtonProps } from './PopoverContent-D6Cc7TfW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
-import * as _radix_ui_react_separator from '@radix-ui/react-separator';
-import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1 } from '@tanstack/table-core';
-import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixPopover from '@radix-ui/react-popover';
 import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import * as RadixDialog from '@radix-ui/react-dialog';
 
@@ -181,212 +179,121 @@ declare const Clock: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
 
-type CommandProps<Item> = {
-    children?: ReactNode;
+type CommandOption = {
     /**
-     * Return true/false for filtering items with the given search input.
+     * Images, icons, or avatars to be displayed before the item label.
      */
-    defaultFilter?: (item: Item, inputValue: string) => boolean;
+    addon?: ReactNode;
     /**
-     * The initial items we want to render in uncontrolled mode.
+     * Additional description on second line after the label.
      */
-    defaultItems?: Item[] | readonly Item[];
+    description?: string;
     /**
-     * The input value in controlled mode.
+     * Secondary text displayed next to the label.
      */
-    inputValue?: string;
+    detail?: (context: {
+        inputValue: string | undefined;
+    }) => string;
     /**
-     * Return true if items need to be marked as disabled and skipped from keyboard navigation.
+     * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
      */
-    isItemDisabled?: (item: Item, index: number) => boolean;
+    disabledReason?: (() => string) | string;
     /**
-     * Return true if item need to be marked as selected.
+     * Handler that is called when an item is selected either via keyboard or mouse.
      */
-    isItemSelected?: (item: Item, index: number) => boolean;
+    execute?: (context: {
+        inputValue: string | undefined;
+    }) => void;
     /**
-     * The items we want to render in controlled mode.
+     * Group item belongs to.
      */
-    items?: Item[] | readonly Item[];
+    group?: Group$1;
     /**
-     * Return a string representation of items if they are objects.
+     * Return a unique key for each item (otherwise label is used).
      */
-    itemToLabel?: (item: Item) => string;
-    itemToSubItems?: (value: Item) => Item[] | undefined;
+    key?: string;
     /**
-     * Handler that is called when input value changes.
+     * Additional text to use for filtering items based on input value.
      */
-    onInputValueChange?: (inputValue: string) => void;
+    keywords?: string;
     /**
-     * Handler that is called when an item is selected either via keyboard or mouse.
+     * Return a string representation of item.
+     */
+    label: ((context: {
+        inputValue: string | undefined;
+    }) => string) | string;
+    /**
+     * Render a link with the given value as the `href` attribute.
+     */
+    link?: string;
+    /**
+     * Whether item is multi-selectable.
+     */
+    multi?: boolean;
+    /**
+     * @private
+     */
+    parentOption?: CommandOption;
+    /**
+     * Return true if item needs to be marked as selected.
+     */
+    selected?: (() => boolean) | boolean;
+    /**
+     * An array of sub items that will be displayed in a nested menu.
+     */
+    subOptions?: CommandOption[];
+    /**
+     * Override the default filtering logic and fully control when an item is
+     * visible based on the current inputValue.
      */
-    onItemSelect?: (value: Item) => void;
+    visible?: ((context: {
+        inputValue: string | undefined;
+    }) => boolean | undefined) | boolean;
+};
+type Group$1 = {
+    hidden?: boolean;
+    name: string;
+    separator?: boolean;
 };
-declare function Command<Item>({ children, defaultFilter, defaultItems, inputValue: inputValueProp, isItemDisabled, isItemSelected, items: itemsProp, itemToLabel, itemToSubItems, onInputValueChange, onItemSelect, }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace Command {
-    var displayName: string;
-}
 
-type ComboboxProps<Item> = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Command<Item>>, {
-    children: ReactNode;
+type CommandProps = {
+    children?: ReactNode;
     /**
-     * The initial open state in uncontrolled mode.
+     * Custom empty state content.
      */
-    defaultOpen?: boolean;
+    empty?: ReactNode;
     /**
-     * Handler that is called when the open state changes.
+     * The input value in controlled mode.
      */
-    onOpenChange?: (open: boolean) => void;
+    inputValue?: string;
     /**
-     * The open state in controlled mode.
+     * Whether to show loading spinner inside the menu.
      */
-    open?: boolean;
-}>, "itemToSubItems">;
-declare function Combobox<Item>({ children, defaultOpen, onOpenChange, open: openProp, ...props }: ComboboxProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
+    loading?: boolean;
+    /**
+     * Handler that is called when an item is hovered via mouse.
+     */
+    onHover?: (item: CommandOption) => void;
+    /**
+     * Handler that is called when input value changes.
+     */
+    onInputValueChange?: (inputValue: string) => void;
+    /**
+     * Handler that is called when an item is selected either via keyboard or mouse.
+     */
+    onSelect?: (item: CommandOption, context: {
+        close: boolean;
+    }) => void;
+    /**
+     * The items we want to render.
+     */
+    options: CommandOption[] | readonly CommandOption[];
+};
+declare function Command({ children, empty, inputValue: inputValueProp, loading, onHover, onInputValueChange, onSelect: onItemSelect, options, }: CommandProps): react_jsx_runtime.JSX.Element;
+declare namespace Command {
     var displayName: string;
 }
 
-declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxDialogContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW">, "size">;
-declare const ComboboxDialogContent: react.ForwardRefExoticComponent<ComboboxDialogContentProps & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxPopoverContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof PopoverContent>, "size">;
-declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<ComboboxPopoverContentProps & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent> | ComponentPropsWithoutRef<typeof ComboboxPopoverContent>;
-declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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 ComboboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
-    appearance?: "number" | "default" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    disabled?: boolean;
-    error?: boolean;
-}>, "size"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxListbox: react.ForwardRefExoticComponent<Omit<{
-    children?: ((item: any) => react.ReactNode) | react.ReactNode;
-    empty?: react.ReactNode;
-    loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    orientation?: ("vertical" | "horizontal" | {
-        readonly base?: "vertical" | "horizontal" | undefined;
-        readonly sm?: "vertical" | "horizontal" | undefined;
-        readonly md?: "vertical" | "horizontal" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
@@ -416,7 +323,7 @@ declare const CommandItem: react.ForwardRefExoticComponent<{
     /**
      * The exact item object from the collection.
      */
-    item: unknown;
+    item: CommandOption;
     /**
      * Whether to override the default selected state.
      */
@@ -426,21 +333,29 @@ declare const CommandItem: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const CommandListbox: react.ForwardRefExoticComponent<{
-    children?: ((item: any) => ReactNode) | ReactNode;
+declare const ListboxItemized: react.ForwardRefExoticComponent<{
+    children?: ((item: any, index: number) => ReactNode) | ReactNode;
     /**
      * Custom empty state content.
      */
     empty?: ReactNode;
+    highlightedItem?: any;
+    items: any[] | readonly any[];
+    itemToKey: (item: any) => string;
     /**
      * Whether to show loading spinner inside the menu.
      */
     loading?: boolean;
+    onPlacedChange?: (placed: boolean) => void;
+    placed?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type CommandListboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof ListboxItemized>, "highlightedItem" | "items" | "itemToKey" | "onPlacedChange" | "placed">;
+declare const CommandListbox: react.ForwardRefExoticComponent<CommandListboxProps & react.RefAttributes<HTMLDivElement>>;
+
 declare const DataTable: react.ForwardRefExoticComponent<{
     /**
      * Pass the table instance returned from `useReactTable()` hook.
@@ -466,7 +381,10 @@ declare const DataTableBody: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DataTableFooter: react.ForwardRefExoticComponent<{
-    pageSizeOptions?: string[];
+    pageSizeOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
     showPageSizeOptions?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -932,10 +850,6 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    minW?: "0" | "trigger" | undefined;
-    side?: ("top" | "left" | "right" | "bottom") | undefined;
-    sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -948,9 +862,13 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
+    minW?: "0" | "trigger" | undefined;
+    side?: ("top" | "left" | "right" | "bottom") | undefined;
+    sideOffset?: number | undefined;
+    align?: ("center" | "end" | "start") | undefined;
+    withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
-    withArrow?: boolean | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
     holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
     max?: Date;
@@ -1416,10 +1334,6 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    minW?: "0" | "trigger" | undefined;
-    side?: ("top" | "left" | "right" | "bottom") | undefined;
-    sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -1432,9 +1346,13 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
+    minW?: "0" | "trigger" | undefined;
+    side?: ("top" | "left" | "right" | "bottom") | undefined;
+    sideOffset?: number | undefined;
+    align?: ("center" | "end" | "start") | undefined;
+    withArrow?: boolean | undefined;
     onOpenAutoFocus?: ((event: Event) => void) | undefined;
     onCloseAutoFocus?: ((event: Event) => void) | undefined;
-    withArrow?: boolean | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
     holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
     max?: Date;
@@ -1492,33 +1410,240 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-type DropdownMenuComboboxProps<Item> = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof DropdownMenuSub>, ComponentPropsWithoutRef<typeof Command<Item>>>, "itemToSubItems">;
-declare function DropdownMenuCombobox<Item>({ children, defaultOpen, onItemSelect, onOpenChange, open: openProp, ...props }: DropdownMenuComboboxProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenuCombobox {
+declare const Highlight: react.ForwardRefExoticComponent<{
+    children?: (chunk: ReactElement) => ReactNode;
+    content?: string;
+    query?: RegExp | RegExp[] | string | string[];
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const InlineInput: react.ForwardRefExoticComponent<{
+    defaultValue?: string;
+    disabled?: boolean;
+    label: string;
+    multiline?: boolean;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    appearance?: never;
+    label: string;
+    size?: never;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Layout: react.ForwardRefExoticComponent<{
+    header?: ReactNode;
+    sidebar?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type MenuOption = CommandOption;
+type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Command>, {
+    children: ReactNode;
+    defaultInputVisible?: boolean;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+    placeholder?: string;
+    size?: "lg" | "sm";
+}>, "onSelect">;
+declare function Menu({ children, defaultInputVisible, defaultOpen, inputValue: inputValueProp, onInputValueChange, onOpenChange, open: openProp, options: optionsProp, placeholder, size: sizeProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+declare namespace Menu {
     var displayName: string;
 }
 
-declare const DropdownMenuComboboxContent: react.ForwardRefExoticComponent<Omit<{
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
-    children?: react.ReactNode;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "sm" | "md" | "xs" | "lg" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
-    size?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "xl" | "full" | "2xs" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
+type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "minW" | "size" | "transitionType" | "withArrow">;
+declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
+    hasCustomAnchor?: boolean;
+} & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Pill: react.ForwardRefExoticComponent<{
+    size?: "sm" | "xs" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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>>;
+
+type Group = {
+    /**
+     * Whether the group label should be hidden or not.
+     */
+    hidden?: boolean;
+    /**
+     * The label group.
+     */
+    label: string;
+    /**
+     * Whether to display a separator before this group.
+     */
+    separator?: boolean;
+};
+type SelectOption = {
+    /**
+     * Addons such as avatars or icons to show beside each item label.
+     */
+    addon?: ReactNode;
+    /**
+     * Override the ARIA label of the current element.
+     */
+    ["aria-label"]?: string;
+    /**
+     * Description to show under each item label.
+     */
+    description?: string;
+    /**
+     * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
+     */
+    disabledReason?: string;
+    /**
+     * Provide an optional group that item belongs to.
+     */
+    group?: Group;
+    /**
+     * String representation of items.
+     */
+    label: string;
+    /**
+     * Return a unique key for each item.
+     */
+    value: string;
+};
+
+type SelectProps = {
+    children?: ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: string;
+    /**
+     * Whether the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: boolean;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLElement>;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+    /**
+     * The select items/options we want to render.
+     */
+    options: readonly SelectOption[] | SelectOption[];
+    required?: boolean;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: string;
+};
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof OverlayListbox>, "maxH" | "minW"> & {
+    children?: ((item: any) => ReactNode) | ReactNode;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
+    placeholder?: string;
+}>, "disabled">;
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "defaultInputVisible" | "size">;
+declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
+declare namespace Spotlight {
+    var displayName: string;
+}
+
+declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
+    key?: react.Key | null | undefined;
+    asChild?: boolean | undefined;
+    children?: react.ReactNode;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "xl" | "inherit" | "3xl" | "2xl" | "4xl" | undefined;
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
+    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
+    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
+    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
+    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
     overflowX?: "auto" | "hidden" | "visible" | undefined;
     hidden?: boolean | undefined | undefined;
     overflowY?: "auto" | "hidden" | "visible" | undefined;
@@ -1610,7 +1735,11 @@ declare const DropdownMenuComboboxContent: react.ForwardRefExoticComponent<Omit<
         readonly sm?: "center" | undefined;
         readonly md?: "center" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    maxH?: (("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>) & ("sm" | "md" | "xs" | "lg" | "full")) | undefined;
     maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
         readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
         readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
@@ -1636,6 +1765,7 @@ declare const DropdownMenuComboboxContent: react.ForwardRefExoticComponent<Omit<
     autoFocus?: boolean | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     id?: string | undefined | undefined;
@@ -1885,7 +2015,6 @@ declare const DropdownMenuComboboxContent: react.ForwardRefExoticComponent<Omit<
     onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    minW?: "0" | "trigger" | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
         originalEvent: PointerEvent;
@@ -1898,344 +2027,13 @@ declare const DropdownMenuComboboxContent: react.ForwardRefExoticComponent<Omit<
     }> | CustomEvent<{
         originalEvent: FocusEvent;
     }>) => void) | undefined;
+    side?: ("top" | "left" | "right" | "bottom") | undefined;
+    sideOffset?: number | undefined;
+    align?: ("center" | "end" | "start") | undefined;
+    onOpenAutoFocus?: ((event: Event) => void) | undefined;
+    onCloseAutoFocus?: ((event: Event) => void) | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
-    appearance?: "number" | "default" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    disabled?: boolean;
-    error?: boolean;
-}>, "size"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const DropdownMenuComboboxListbox: react.ForwardRefExoticComponent<Omit<{
-    children?: ((item: any) => react.ReactNode) | react.ReactNode;
-    empty?: react.ReactNode;
-    loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DropdownMenuComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const Highlight: react.ForwardRefExoticComponent<{
-    children?: (chunk: ReactElement) => ReactNode;
-    content?: string;
-    query?: RegExp | RegExp[] | string | string[];
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const InlineInput: react.ForwardRefExoticComponent<{
-    defaultValue?: string;
-    disabled?: boolean;
-    label: string;
-    multiline?: boolean;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    value?: string;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    appearance?: never;
-    label: string;
-    size?: never;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Layout: react.ForwardRefExoticComponent<{
-    header?: ReactNode;
-    sidebar?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const Pill: react.ForwardRefExoticComponent<{
-    size?: "sm" | "xs" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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>>;
-
-type SelectProps<Item> = (NoInfer<Item> extends string ? {
-    defaultValue?: NoInfer<Item>;
-    itemToValue?: (item: NoInfer<Item>) => NoInfer<Item> | undefined;
-    onValueChange?: (value: NoInfer<Item>) => void;
-    value?: NoInfer<Item>;
-} : {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: string;
-    /**
-     * Return a unique key for each item.
-     */
-    itemToValue: (item: NoInfer<Item>) => string | undefined;
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * The selected value in controlled mode.
-     */
-    value?: string;
-}) & {
-    children?: ReactNode;
-    /**
-     * The initial open state in uncontrolled mode.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Whether the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Return true if items need to be marked as disabled and skipped from keyboard navigation.
-     */
-    isItemDisabled?: (item: NoInfer<Item>, index: number) => boolean;
-    /**
-     * The select items/options we want to render.
-     */
-    items: Item[] | readonly Item[];
-    /**
-     * Return a string representation of items if they are objects.
-     */
-    itemToLabel?: (item: NoInfer<Item>) => string;
-    name?: string;
-    onBlur?: FocusEventHandler<HTMLElement>;
-    onChange?: ChangeEventHandler<HTMLSelectElement>;
-    /**
-     * Handler that is called when the open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The open state in controlled mode.
-     */
-    open?: boolean;
-    required?: boolean;
-};
-declare const Select: (<Item>(props: SelectProps<Item>) => null | ReactElement<SelectProps<Item>>) & {
-    displayName: string;
-};
-
-type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
-    children?: ((item: any) => ReactNode) | ReactNode;
-    /**
-     * Whether to show loading spinner inside the menu.
-     */
-    loading?: boolean;
-}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
-declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SelectItem: react.ForwardRefExoticComponent<{
-    /**
-     * The exact item element from the collection.
-     */
-    item: unknown;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SelectRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<{
-    item: unknown;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    orientation?: ("vertical" | "horizontal" | {
-        readonly base?: "vertical" | "horizontal" | undefined;
-        readonly sm?: "vertical" | "horizontal" | undefined;
-        readonly md?: "vertical" | "horizontal" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
-    placeholder?: string;
-}>, "disabled">;
-declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SpotlightProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
-    children: ReactNode;
-    defaultOpen?: boolean;
-    onInputValueChange?: (inputValue: string) => void;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-};
-declare function Spotlight<Item>({ children, defaultOpen, onOpenChange, open: openProp, ...props }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace Spotlight {
-    var displayName: string;
-}
-
-type SpotlightContentProps = ComponentPropsWithoutRef<typeof DialogContent | typeof PopoverContent>;
-declare const SpotlightContent: react.ForwardRefExoticComponent<SpotlightContentProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
-    appearance?: "number" | "default" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    disabled?: boolean;
-    error?: boolean;
-}>, "size"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightListbox: react.ForwardRefExoticComponent<Omit<{
-    children?: ((item: any) => react.ReactNode) | react.ReactNode;
-    empty?: react.ReactNode;
-    loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightSub: react.ForwardRefExoticComponent<Omit<{
-    item: unknown;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const SpotlightSubItem: react.ForwardRefExoticComponent<Omit<{
-    item: unknown;
-    selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     hotkey?: string;
 } & Omit<{
@@ -2272,7 +2070,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "addonAfter" | "addonBefore" | "icon" | "loading" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;
@@ -2311,4 +2109,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxListbox, ComboboxRadioItem, ComboboxSeparator, ComboboxTrigger, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, DropdownMenuCombobox, DropdownMenuComboboxContent, DropdownMenuComboboxInput, DropdownMenuComboboxListbox, DropdownMenuComboboxTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Pill, PillGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightListbox, SpotlightRadioItem, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, type MenuOption, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };