@vesture/react 0.2.2 → 0.2.4

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode, HTMLAttributes, ReactElement, MutableRefObject, AnchorHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode, HTMLAttributes, ReactElement, MutableRefObject, AnchorHTMLAttributes, CSSProperties } from 'react';
 import { Placement } from '@floating-ui/react';
 export { defaultThemeClass, defaultThemeVars, vars } from '@vesture/tokens';
 
@@ -34,6 +34,7 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
 
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label?: ReactNode;
+    indeterminate?: boolean;
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
@@ -424,6 +425,7 @@ interface NumberInputProps {
     id?: string;
     name?: string;
     className?: string;
+    style?: CSSProperties;
     "aria-label"?: string;
     "aria-labelledby"?: string;
 }
@@ -438,14 +440,16 @@ interface SliderProps {
     max?: number;
     step?: number;
     disabled?: boolean;
+    id?: string;
     className?: string;
+    style?: CSSProperties;
     /** Label for the single thumb, or the [start, end] thumbs in range mode. */
     "aria-label"?: string | [string, string];
     /** Formats the value shown to assistive tech and in the value label, e.g. `(v) => \`$\${v}\`` */
     formatValue?: (value: number) => string;
 }
 
-declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, disabled, className, formatValue, ...rest }: SliderProps): ReactElement;
+declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, disabled, id, className, style, formatValue, ...rest }: SliderProps): ReactElement;
 
 interface ComboboxOption {
     value: string;
@@ -476,4 +480,30 @@ interface ComboboxProps {
 
 declare function Combobox({ options, multiple, value: controlledValue, defaultValue, onChange, onInputChange, filterOptions, placeholder, noOptionsMessage, disabled, invalid, loading, id, className, ...rest }: ComboboxProps): ReactElement;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, Card, type CardElevation, type CardProps, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DataGrid, type DataGridColumn, type DataGridProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Divider, type DividerOrientation, type DividerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, type SliderValue, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastContextValue, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, useToast };
+interface TreeNode<T = unknown> {
+    id: string;
+    label: ReactNode;
+    children?: TreeNode<T>[];
+    /** Supports lazy-loaded nodes where `children` is undefined until loaded. */
+    hasChildren?: boolean;
+    data?: T;
+}
+type TreeViewSelectable = "none" | "single" | "multi";
+interface TreeViewProps<T = unknown> {
+    nodes: TreeNode<T>[];
+    expanded?: Set<string>;
+    defaultExpanded?: Set<string>;
+    onExpandedChange?: (expanded: Set<string>) => void;
+    selected?: Set<string>;
+    defaultSelected?: Set<string>;
+    onSelectedChange?: (selected: Set<string>) => void;
+    selectable?: TreeViewSelectable;
+    /** Called when a node with hasChildren: true and children: undefined is expanded. */
+    onLoadChildren?: (node: TreeNode<T>) => Promise<TreeNode<T>[]>;
+    height?: number;
+    rowHeight?: number;
+}
+
+declare function TreeView<T = unknown>({ nodes, expanded: controlledExpanded, defaultExpanded, onExpandedChange, selected: controlledSelected, defaultSelected, onSelectedChange, selectable, onLoadChildren, height, rowHeight, }: TreeViewProps<T>): ReactElement;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, Card, type CardElevation, type CardProps, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DataGrid, type DataGridColumn, type DataGridProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Divider, type DividerOrientation, type DividerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, type SliderValue, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastContextValue, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, type TreeNode, TreeView, type TreeViewProps, type TreeViewSelectable, useToast };