@optiaxiom/react 0.1.0 → 0.2.1

package/dist/unstable.d.ts

@@ -1,29 +1,34 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseComboboxProps } from 'downshift';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, d as PopoverContent, S as Sprinkles, L as Link, P as Popover, b as ButtonProps, c as Button } from './PopoverContent-SMPtGTQS.js';
-import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
-import '@radix-ui/react-popover';
-import '@vanilla-extract/sprinkles';
+import { ReactNode } from 'react';
+import { UseComboboxProps, UseSelectProps } from 'downshift';
+import { S as Sprinkles, B as BoxProps, L as Link } from './Link-Dc8ekUk0.js';
+import * as _radix_ui_react_popper from '@radix-ui/react-popper';
+import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
+import * as RadixSeparator from '@radix-ui/react-separator';
 
 type AutocompleteProps<Item> = {
     children?: ReactNode;
-    defaultValue?: Item;
+    defaultOpen?: boolean;
+    defaultValue?: Item | null;
     disabled?: boolean;
     onInputValueChange?: (inputValue: string) => void;
-    onValueChange?: (value: Item) => void;
-    value?: Item;
-} & Pick<UseComboboxProps<Item>, "initialHighlightedIndex" | "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
-declare function Autocomplete<Item>({ children, defaultValue, disabled, items, itemToKey, itemToString, onInputValueChange, onValueChange, value, ...props }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: Item | null) => void;
+    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 namespace Autocomplete {
     var displayName: string;
 }
 
-type AutocompleteContentProps = BoxProps<typeof PopoverContent, {
+declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
     loading?: boolean;
-}>;
-declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<AutocompleteContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteEmptyItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -35,15 +40,23 @@ declare const AutocompleteEmptyItem: react.ForwardRefExoticComponent<Omit<Omit<O
 declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    addonBefore?: ReactNode;
-} & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLLIElement>>;
 
-declare const AutocompleteItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | 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<SVGSVGElement> | null | undefined;
-}, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const AutocompleteItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
 
 type AutocompleteListProps = {
+    /**
+     * Render each item using a children render prop.
+     */
     children: (item: any) => ReactNode;
 };
 declare function AutocompleteList({ children }: AutocompleteListProps): react_jsx_runtime.JSX.Element;
@@ -51,9 +64,7 @@ declare namespace AutocompleteList {
     var displayName: string;
 }
 
-declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
-    onValueClear?: () => void;
-} & Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
+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<{
@@ -68,33 +79,8 @@ declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const Banner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    onClose?: () => void;
-} & {
-    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const BannerDescription: 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>>;
-
-declare const BannerTitle: 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>>;
-
 type BreadcrumbProps = BoxProps<"nav">;
 declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -121,7 +107,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     disabled?: boolean;
     external?: boolean;
 } & {
-    colorScheme?: "neutral" | "primary" | "secondary" | undefined;
+    appearance?: "default" | "inverse" | "subtle" | undefined;
 } & react.RefAttributes<HTMLAnchorElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -139,57 +125,13 @@ declare namespace BreadcrumbSeparator {
     var displayName: string;
 }
 
-type ComboBoxProps = BoxProps<typeof Popover, {
-    children: ReactNode;
-    defaultOpen?: boolean;
-    defaultValue?: string | string[];
-    mode?: "multiple" | "single";
-    onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: string | string[]) => void;
-    open?: boolean;
-    value?: string | string[];
-}>;
-declare function Combobox({ children, defaultOpen, defaultValue, mode, onOpenChange, onValueChange, open: openProp, value: valueProp, }: Partial<ComboBoxProps>): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
-
-declare const Command: react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxContentProps = BoxProps<typeof Command, {
-    emptyResult?: ReactNode;
-} & ComponentPropsWithRef<typeof PopoverContent>>;
-declare const ComboboxContent: react.ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
-    maxDisplayedItems?: number;
-    title?: string;
-} & Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
@@ -199,290 +141,83 @@ declare const ComboboxMultiTrigger: react.ForwardRefExoticComponent<{
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "title" | "asChild" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & {
-    maxDisplayedItems?: number;
-    title?: string;
-} & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
+    variant?: "outline" | "subtle" | "solid" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles, "size"> & {
+    onRemove?: () => void;
+} & {
+    size?: "md" | "lg" | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ComboboxSingleTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "title" | "asChild" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & {
-    maxDisplayedItems?: number;
-    title?: string;
-} & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
+type SelectProps<Item> = {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: Item | null;
     disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: Item | null) => void;
+    open?: boolean;
+    value?: Item | null;
+} & Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+declare function Select<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onOpenChange, onValueChange, open, value, ...props }: SelectProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
 
-declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+declare const SelectContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
+} & Sprinkles, never> & {
     loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "title" | "asChild" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles, never> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & {
-    maxDisplayedItems?: number;
-    title?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-declare const CommandCheckboxItem: react.ForwardRefExoticComponent<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<BoxProps<react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "value" | "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    value: string;
-} & react.RefAttributes<HTMLDivElement>>>, "onSelect"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
+    description?: react.ReactNode;
 } & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & {
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>>;
 
-declare const CommandFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const SelectItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "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<SVGSVGElement>>;
 
-declare const CommandGroup: react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+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>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLInputElement>>;
-
-declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "value" | "color" | "className" | "asChild"> & Omit<{
+declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    value: string;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const CommandList: react.ForwardRefExoticComponent<Omit<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    label?: string;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    onRemove?: () => void;
-} & {
-    size?: "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    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" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
     icon?: react.ReactNode;
@@ -492,81 +227,15 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<Ra
     colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
+    variant?: "outline" | "subtle" | "solid" | undefined;
 }, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    defaultExpanded?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-} & react.RefAttributes<HTMLElement>>;
-
-type SideNavProfileMenuProps = BoxProps<"div", {
-    avatar: ReactNode;
-    name?: string;
-    organization?: string;
-}>;
-declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const SelectValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    avatar: ReactNode;
-    name?: string;
-    organization?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type SideNavItemProps = ButtonProps<typeof Button, {
-    active?: boolean;
-    "aria-label": string;
-}>;
-declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "disabled" | "loading" | "addonBefore" | "addonAfter" | "appearance" | "icon" | "iconPosition"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
-    children?: react.ReactNode;
-    disabled?: boolean;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-    loading?: boolean;
-} & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
-    iconOnly?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & {
-    active?: boolean;
-    "aria-label": string;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type SideNavToggleProps = {
-    "aria-label"?: string;
-} & Omit<ComponentPropsWithRef<typeof SideNavItem>, "aria-label">;
-declare const SideNavToggle: react.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    placeholder?: string;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
     asChild?: boolean;
@@ -598,4 +267,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmptyItem, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Banner, BannerDescription, BannerTitle, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxContent, ComboboxMultiTrigger, ComboboxSingleTrigger, ComboboxTrigger, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Pill, SegmentedControl, SegmentedControlItem, SideNav, SideNavAccountItem, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, SideNavToggle, type SideNavToggleProps, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmptyItem, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };