dgz-ui/dist/types/ui/form/select.d.ts

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import * as React from 'react';
import * as SelectPrimitive from '@radix-ui/react-select';
import type { Option } from './react-select.tsx';
/**
 * Select primitives built on Radix Select for accessible dropdowns.
 */
declare const Select: React.FC<SelectPrimitive.SelectProps>;
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
/**
 * Props for SelectTrigger component.
 */
export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
    variant?: 'default' | 'failure';
};
/**
 * SelectTrigger - The trigger button for the Select.
 */
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
    variant?: "default" | "failure";
} & React.RefAttributes<HTMLButtonElement>>;
/**
 * SelectScrollUpButton - Scrolls the Select viewport up.
 */
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * SelectScrollDownButton - Scrolls the Select viewport down.
 */
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * SelectContent - Popup container for Select options.
 */
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * SelectLabel - Label for a group of Select items.
 */
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * SelectItem - A single option row within the Select.
 */
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * SelectSeparator - Visual separator within the list of Select options.
 */
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
export type VirtualizedSelectContentProps = Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, 'children'> & {
    itemHeight?: number;
    maxHeight?: number;
    options: Option[];
};
declare const VirtualizedSelectContent: React.ForwardRefExoticComponent<Omit<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
    itemHeight?: number;
    maxHeight?: number;
    options: Option[];
} & React.RefAttributes<HTMLDivElement>>;
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, VirtualizedSelectContent, };
//# sourceMappingURL=select.d.ts.map