@onesaz/ui 0.3.18 → 0.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -293,6 +293,8 @@ interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
293
293
  declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
294
294
 
295
295
  interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
296
+ /** Renders a dash instead of a checkmark — useful for "select some" states */
297
+ indeterminate?: boolean;
296
298
  }
297
299
  declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
298
300
 
@@ -796,6 +798,10 @@ interface ComboboxSharedProps<T extends ComboboxOptionInput = ComboboxOptionInpu
796
798
  endAdornment?: React.ReactNode;
797
799
  /** Click handler for the end adornment — renders it as a button when provided */
798
800
  onEndAdornmentClick?: (e: React.MouseEvent) => void;
801
+ /** Enable virtual rendering for large option lists */
802
+ virtual?: boolean;
803
+ /** Height of each option item in pixels (used for virtual rendering) */
804
+ virtualItemHeight?: number;
799
805
  }
800
806
  interface ComboboxSingleProps<T extends ComboboxOptionInput = ComboboxOptionInput> extends ComboboxSharedProps<T> {
801
807
  value?: T | null;
@@ -981,10 +987,12 @@ declare namespace DataGrid {
981
987
  interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
982
988
  /** Whether the list has dividers between items */
983
989
  dividers?: boolean;
984
- /** Padding for each list item */
990
+ /** Compact mode reduces item padding */
985
991
  dense?: boolean;
986
- /** Whether items are clickable (adds hover styles) */
992
+ /** Whether items are clickable (adds hover styles to all children) */
987
993
  clickable?: boolean;
994
+ /** Removes the list container's vertical padding */
995
+ disablePadding?: boolean;
988
996
  }
989
997
  declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
990
998
  interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
@@ -992,16 +1000,37 @@ interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
992
1000
  selected?: boolean;
993
1001
  /** Whether this item is disabled */
994
1002
  disabled?: boolean;
995
- /** Whether this item is clickable */
1003
+ /** @deprecated Prefer using ListItemButton for interactive items */
996
1004
  clickable?: boolean;
997
1005
  /** Leading element (icon, avatar, etc.) */
998
1006
  leading?: React.ReactNode;
999
1007
  /** Trailing element (icon, action, etc.) */
1000
1008
  trailing?: React.ReactNode;
1001
- /** Secondary action element */
1009
+ /** Secondary action element (absolutely positioned at end) */
1002
1010
  secondaryAction?: React.ReactNode;
1011
+ /** Indents the item to align with items that have a leading icon/avatar */
1012
+ inset?: boolean;
1013
+ /** Removes left and right padding */
1014
+ disableGutters?: boolean;
1015
+ /** Vertical alignment for multi-line content */
1016
+ alignItems?: 'center' | 'flex-start';
1003
1017
  }
1004
1018
  declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
1019
+ interface ListItemButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
1020
+ /** Whether this item is selected/active */
1021
+ selected?: boolean;
1022
+ /** Compact mode — reduces padding */
1023
+ dense?: boolean;
1024
+ /** Removes left and right padding */
1025
+ disableGutters?: boolean;
1026
+ /** Adds a bottom border to act as a divider */
1027
+ divider?: boolean;
1028
+ /** Vertical alignment for multi-line content */
1029
+ alignItems?: 'center' | 'flex-start';
1030
+ /** Auto-focuses this element on mount */
1031
+ autoFocus?: boolean;
1032
+ }
1033
+ declare const ListItemButton: React.ForwardRefExoticComponent<ListItemButtonProps & React.RefAttributes<HTMLButtonElement>>;
1005
1034
  interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
1006
1035
  /** Primary text */
1007
1036
  primary?: React.ReactNode;
@@ -1009,6 +1038,12 @@ interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
1009
1038
  secondary?: React.ReactNode;
1010
1039
  /** Whether to prevent text wrapping */
1011
1040
  noWrap?: boolean;
1041
+ /** Indents text to align with items that have a leading icon/avatar */
1042
+ inset?: boolean;
1043
+ /** Additional props forwarded to the primary text element */
1044
+ primaryTypographyProps?: React.HTMLAttributes<HTMLParagraphElement>;
1045
+ /** Additional props forwarded to the secondary text element */
1046
+ secondaryTypographyProps?: React.HTMLAttributes<HTMLParagraphElement>;
1012
1047
  }
1013
1048
  declare const ListItemText: React.ForwardRefExoticComponent<ListItemTextProps & React.RefAttributes<HTMLDivElement>>;
1014
1049
  interface ListItemIconProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -1018,15 +1053,33 @@ interface ListItemAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
1018
1053
  }
1019
1054
  declare const ListItemAvatar: React.ForwardRefExoticComponent<ListItemAvatarProps & React.RefAttributes<HTMLDivElement>>;
1020
1055
  interface ListSubheaderProps extends React.HTMLAttributes<HTMLLIElement> {
1021
- /** Whether the subheader is sticky */
1056
+ /** Disables sticky positioning (sticky is on by default) */
1057
+ disableSticky?: boolean;
1058
+ /** Removes left and right padding */
1059
+ disableGutters?: boolean;
1060
+ /** @deprecated Use disableSticky instead */
1022
1061
  sticky?: boolean;
1023
1062
  }
1024
1063
  declare const ListSubheader: React.ForwardRefExoticComponent<ListSubheaderProps & React.RefAttributes<HTMLLIElement>>;
1025
1064
  interface ListDividerProps extends React.HTMLAttributes<HTMLLIElement> {
1026
- /** Whether the divider is inset (indented) */
1065
+ /** Whether the divider is inset (indented to align with item text) */
1027
1066
  inset?: boolean;
1028
1067
  }
1029
1068
  declare const ListDivider: React.ForwardRefExoticComponent<ListDividerProps & React.RefAttributes<HTMLLIElement>>;
1069
+ interface VirtualListProps<T = unknown> {
1070
+ /** Array of items to render */
1071
+ items: T[];
1072
+ /** Fixed height of each row in pixels */
1073
+ itemHeight?: number;
1074
+ /** Height of the scrollable container in pixels */
1075
+ height?: number;
1076
+ /** Number of extra items to render beyond the visible area */
1077
+ overscan?: number;
1078
+ /** Render function called for each item */
1079
+ renderItem: (item: T, index: number) => React.ReactNode;
1080
+ className?: string;
1081
+ }
1082
+ declare function VirtualList<T = unknown>({ items, itemHeight, height, overscan, renderItem, className, }: VirtualListProps<T>): react_jsx_runtime.JSX.Element;
1030
1083
 
1031
1084
  interface BarChartProps {
1032
1085
  /** Chart data */
@@ -1786,4 +1839,4 @@ declare const RailPanelItem: React.ForwardRefExoticComponent<RailPanelItemProps
1786
1839
 
1787
1840
  declare const Playground: () => react_jsx_runtime.JSX.Element;
1788
1841
 
1789
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AreaChart, type AreaChartProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartProps, Box, type BoxProps, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, type ColumnGroupModel, type ColumnVisibilityModel, Combobox, type ComboboxMultipleProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, DataGrid, type DataGridProps, DataGrid as DataGridV0, DialogNamespace as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, FormControl, type FormControlProps, FormGroup, type FormGroupProps, FormHelperText, type FormHelperTextProps, FormLabel, type FormLabelProps, Grid, type GridColDef, type GridProps, type GridRenderCellParams, type GridRenderHeaderParams, type GridRowSelectionModel, type GridSpanParams, type GridValueFormatterParams, type GridValueGetterParams, H1, H2, H3, H4, H5, H6, HStack, IconButton, type IconButtonProps, IconRail, IconRailContent, type IconRailContentProps, IconRailFooter, type IconRailFooterProps, IconRailHeader, type IconRailHeaderProps, IconRailItem, type IconRailItemProps, type IconRailProps, Input, InputAdornment, type InputAdornmentProps, type InputProps, Label, type LabelProps, LineChart, type LineChartProps, LinearProgress, type LinearProgressProps, List, ListDivider, type ListDividerProps, ListItem, ListItemAvatar, type ListItemAvatarProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MultiProgressDonut, type MultiProgressDonutProps, NativeSelect, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps, PackedBubbleChart, type PackedBubbleChartProps, type PackedBubbleDataItem, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, type PaginationModel, PaginationNext, PaginationPrevious, type PaginationProps, PieChart, type PieChartProps, type PinnedColumnsModel, type PinnedRowsModel, Playground, Progress, ProgressCard, type ProgressCardProps, ProgressDonut, type ProgressDonutProps, type ProgressProps, RadarChart, type RadarChartProps, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, RailPanel, RailPanelGroup, type RailPanelGroupProps, RailPanelItem, type RailPanelItemProps, type RailPanelProps, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, SelectNamespace as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarRail, type SidebarRailProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonCard, type SkeletonCardProps, type SkeletonProps, SkeletonTableRow, type SkeletonTableRowProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TopBar, TopBarBrand, type TopBarBrandProps, TopBarDivider, type TopBarDividerProps, TopBarNav, TopBarNavItem, type TopBarNavItemProps, type TopBarNavProps, type TopBarProps, TopBarSection, type TopBarSectionProps, Typography, type TypographyProps, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, type UnderlineTabsTriggerProps, VStack, VerticalTabs, VerticalTabsContent, VerticalTabsGroupLabel, type VerticalTabsGroupLabelProps, VerticalTabsList, VerticalTabsTrigger, type VerticalTabsTriggerProps, cn, useFormControl, useSidebar, useSidebarRail, useTheme };
1842
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AreaChart, type AreaChartProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartProps, Box, type BoxProps, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, type ColumnGroupModel, type ColumnVisibilityModel, Combobox, type ComboboxMultipleProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, DataGrid, type DataGridProps, DataGrid as DataGridV0, DialogNamespace as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, FormControl, type FormControlProps, FormGroup, type FormGroupProps, FormHelperText, type FormHelperTextProps, FormLabel, type FormLabelProps, Grid, type GridColDef, type GridProps, type GridRenderCellParams, type GridRenderHeaderParams, type GridRowSelectionModel, type GridSpanParams, type GridValueFormatterParams, type GridValueGetterParams, H1, H2, H3, H4, H5, H6, HStack, IconButton, type IconButtonProps, IconRail, IconRailContent, type IconRailContentProps, IconRailFooter, type IconRailFooterProps, IconRailHeader, type IconRailHeaderProps, IconRailItem, type IconRailItemProps, type IconRailProps, Input, InputAdornment, type InputAdornmentProps, type InputProps, Label, type LabelProps, LineChart, type LineChartProps, LinearProgress, type LinearProgressProps, List, ListDivider, type ListDividerProps, ListItem, ListItemAvatar, type ListItemAvatarProps, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MultiProgressDonut, type MultiProgressDonutProps, NativeSelect, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps, PackedBubbleChart, type PackedBubbleChartProps, type PackedBubbleDataItem, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, type PaginationModel, PaginationNext, PaginationPrevious, type PaginationProps, PieChart, type PieChartProps, type PinnedColumnsModel, type PinnedRowsModel, Playground, Progress, ProgressCard, type ProgressCardProps, ProgressDonut, type ProgressDonutProps, type ProgressProps, RadarChart, type RadarChartProps, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, RailPanel, RailPanelGroup, type RailPanelGroupProps, RailPanelItem, type RailPanelItemProps, type RailPanelProps, RangeSlider, type RangeSliderProps, ScatterChart, type ScatterChartProps, SelectNamespace as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarRail, type SidebarRailProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, Skeleton, SkeletonAvatar, type SkeletonAvatarProps, SkeletonCard, type SkeletonCardProps, type SkeletonProps, SkeletonTableRow, type SkeletonTableRowProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TopBar, TopBarBrand, type TopBarBrandProps, TopBarDivider, type TopBarDividerProps, TopBarNav, TopBarNavItem, type TopBarNavItemProps, type TopBarNavProps, type TopBarProps, TopBarSection, type TopBarSectionProps, Typography, type TypographyProps, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, type UnderlineTabsTriggerProps, VStack, VerticalTabs, VerticalTabsContent, VerticalTabsGroupLabel, type VerticalTabsGroupLabelProps, VerticalTabsList, VerticalTabsTrigger, type VerticalTabsTriggerProps, VirtualList, type VirtualListProps, cn, useFormControl, useSidebar, useSidebarRail, useTheme };