@vela-ui/react/dist/components/dropdown.d.ts

Vela UI React components

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import { Text, ListBoxItemProps, SectionProps, SeparatorProps } from 'react-aria-components';

declare const dropdownItemVariants: tailwind_variants.TVReturnType<{
    variant: {
        default: string;
        destructive: string;
    };
    isFocused: {
        true: string;
    };
    isHovered: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
}, undefined, "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selection-mode]:pr-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
    variant: {
        default: string;
        destructive: string;
    };
    isFocused: {
        true: string;
    };
    isHovered: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        default: string;
        destructive: string;
    };
    isFocused: {
        true: string;
    };
    isHovered: {
        true: string;
    };
    isDisabled: {
        true: string;
    };
}, undefined, "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selection-mode]:pr-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
interface DropdownSectionProps<T> extends SectionProps<T> {
    title?: string;
}
declare function DropdownSection<T extends object>({ className, ...props }: DropdownSectionProps<T>): react_jsx_runtime.JSX.Element;
type DropdownItemProps<T> = ListBoxItemProps<T> & VariantProps<typeof dropdownItemVariants>;
declare function DropdownItem<T extends object>({ className, variant, ...props }: DropdownItemProps<T>): react_jsx_runtime.JSX.Element;
type DropdownLabelProps = Omit<React.ComponentProps<typeof Text>, "slot">;
declare function DropdownLabel({ className, ...props }: DropdownLabelProps): react_jsx_runtime.JSX.Element;
type DropdownDescriptionProps = Omit<React.ComponentProps<typeof Text>, "slot">;
declare function DropdownDescription({ className, ...props }: DropdownDescriptionProps): react_jsx_runtime.JSX.Element;
declare function DropdownSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;

export { DropdownDescription, type DropdownDescriptionProps, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, DropdownSection, type DropdownSectionProps, DropdownSeparator, dropdownItemVariants };