@optiaxiom/react 0.1.0-next.8 → 0.1.0

package/dist/unstable.d.ts

@@ -0,0 +1,601 @@
+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';
+
+type AutocompleteProps<Item> = {
+    children?: ReactNode;
+    defaultValue?: Item;
+    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;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+
+type AutocompleteContentProps = BoxProps<typeof PopoverContent, {
+    loading?: boolean;
+}>;
+declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<AutocompleteContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const AutocompleteEmptyItem: 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<HTMLLIElement>>;
+
+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>>;
+
+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>>;
+
+type AutocompleteListProps = {
+    children: (item: any) => ReactNode;
+};
+declare function AutocompleteList({ children }: AutocompleteListProps): react_jsx_runtime.JSX.Element;
+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<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | undefined;
+}, never> & {
+    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;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbEllipsisProps = BoxProps<"span">;
+declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbEllipsis {
+    var displayName: string;
+}
+
+type BreadcrumbItemProps = BoxProps<"li">;
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+
+type BreadcrumbLinkProps = BoxProps<typeof Link>;
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    disabled?: boolean;
+    external?: boolean;
+} & {
+    colorScheme?: "neutral" | "primary" | "secondary" | 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;
+} & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
+
+type BreadcrumbPageProps = BoxProps<"span">;
+declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLSpanElement>>;
+
+type BreadcrumbSeparatorProps = BoxProps<"span">;
+declare function BreadcrumbSeparator({ asChild, children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
+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<{
+    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;
+    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>>;
+
+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;
+    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>>;
+
+declare const ComboboxTrigger: react.ForwardRefExoticComponent<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>>;
+
+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>;
+} & {
+    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>>;
+
+declare const CommandFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const 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<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & 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<{
+    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<{
+    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<{
+    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>>;
+
+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<{
+    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>>;
+
+declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableElement>>;
+
+declare const TableBody: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableHead: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    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 };