@onesaz/ui 0.4.0 → 0.4.2

package/dist/index.d.ts

@@ -428,34 +428,45 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
+type BadgeColor = 'default' | 'success' | 'warning' | 'error' | 'destructive';
+type BadgeVariant = 'contained' | 'outlined' | 'text';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info';
+    color?: BadgeColor;
+    variant?: BadgeVariant;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'destructive';
+type ChipVariant = 'filled' | 'outlined';
+type ChipSize = 'small' | 'medium';
+interface ChipProps extends React.HTMLAttributes<HTMLElement> {
     /** The text content of the chip */
     label?: string;
     /** Visual style variant */
-    variant?: 'filled' | 'outlined';
+    variant?: ChipVariant;
     /** Color scheme */
-    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    color?: ChipColor;
     /** Size of the chip */
-    size?: 'small' | 'medium';
+    size?: ChipSize;
     /** Icon element displayed before the label */
     icon?: React.ReactNode;
     /** Avatar element displayed before the label */
     avatar?: React.ReactNode;
-    /** If provided, renders a delete icon and calls this on click */
-    onDelete?: (event: React.MouseEvent) => void;
+    /** If provided, renders a delete icon and calls this on click.
+     *  Also triggered by pressing Delete or Backspace when the chip is focused. */
+    onDelete?: (event: React.SyntheticEvent) => void;
     /** Custom delete icon */
     deleteIcon?: React.ReactNode;
-    /** Whether the chip is clickable */
+    /** Makes the chip act as a button (adds role, cursor, keyboard support) */
     clickable?: boolean;
     /** Whether the chip is disabled */
     disabled?: boolean;
+    /** Render as a link chip — sets the underlying element to <a> */
+    href?: string;
+    /** HTML element or React component to render as. Overrides href-based inference. */
+    component?: React.ElementType;
 }
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
 
 interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
@@ -560,20 +571,21 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
 
+type AlertVariant = 'default' | 'success' | 'warning' | 'error';
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "info" | "success" | "warning" | "error" | "destructive";
-    duration?: number | null;
+    variant?: AlertVariant;
+    /** Renders a close button; called when clicked. */
     onClose?: () => void;
+    /** Override the default icon. Pass `null` to hide it. */
+    icon?: React.ReactNode | null;
 }
-declare const Alert: React.FC<AlertProps>;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    hasDescription?: boolean;
-    variant?: string;
 }
-declare const AlertTitle: React.FC<AlertTitleProps>;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
-declare const AlertDescription: React.FC<AlertDescriptionProps>;
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1681,6 +1693,82 @@ declare const DropdownMenuShortcut: {
     displayName: string;
 };
 
+interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the backdrop is visible */
+    open: boolean;
+    /** Makes the backdrop fully transparent — still captures clicks/events */
+    invisible?: boolean;
+    /** Duration of the fade transition in ms @default 225 */
+    transitionDuration?: number;
+    /** Keep the element in the DOM when closed (avoids remount cost) @default false */
+    keepMounted?: boolean;
+    /** Render inline instead of in a portal @default false */
+    disablePortal?: boolean;
+    /** Lock body scroll when open @default true */
+    disableScrollLock?: boolean;
+}
+declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;
+
+type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
+interface SnackbarOrigin {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+}
+interface SnackbarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    message?: React.ReactNode;
+    action?: React.ReactNode;
+}
+declare const SnackbarContent: React.ForwardRefExoticComponent<SnackbarContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SnackbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClose'> {
+    /** Whether the snackbar is visible */
+    open: boolean;
+    /** Simple text/node — used when no children provided */
+    message?: React.ReactNode;
+    /** Action element rendered inside SnackbarContent */
+    action?: React.ReactNode;
+    /** Ms before auto-close. null to disable. @default 6000 */
+    autoHideDuration?: number | null;
+    /** Fired when the snackbar wants to close */
+    onClose?: (event: React.SyntheticEvent | Event | null, reason: SnackbarCloseReason) => void;
+    /** Position on screen @default { vertical: 'bottom', horizontal: 'left' } */
+    anchorOrigin?: SnackbarOrigin;
+    /** Transition duration in ms @default 225 */
+    transitionDuration?: number;
+    /** Don't pause timer when window loses focus */
+    disableWindowBlurListener?: boolean;
+    /** Render inline instead of in a portal */
+    disablePortal?: boolean;
+    /** Use <Alert> or any custom content */
+    children?: React.ReactNode;
+}
+declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+interface EnqueueOptions {
+    /** Wraps the message in an <Alert> with this variant */
+    variant?: AlertVariant;
+    autoHideDuration?: number | null;
+    anchorOrigin?: SnackbarOrigin;
+    /** Action rendered inside plain SnackbarContent (ignored when variant is set) */
+    action?: React.ReactNode;
+    onClose?: () => void;
+}
+interface SnackbarContextValue {
+    enqueueSnackbar: (message: React.ReactNode, options?: EnqueueOptions) => string;
+    closeSnackbar: (key: string) => void;
+}
+interface SnackbarProviderProps {
+    children: React.ReactNode;
+    /** Default anchor position @default { vertical: 'bottom', horizontal: 'left' } */
+    anchorOrigin?: SnackbarOrigin;
+    /** Default auto-hide duration in ms @default 5000 */
+    autoHideDuration?: number | null;
+    /** Max snackbars shown at once @default 3 */
+    maxSnack?: number;
+    /** Transition duration in ms @default 225 */
+    transitionDuration?: number;
+}
+declare function SnackbarProvider({ children, anchorOrigin, autoHideDuration, maxSnack, transitionDuration, }: SnackbarProviderProps): react_jsx_runtime.JSX.Element;
+declare const useSnackbar: () => SnackbarContextValue;
+
 declare const Drawer: React.FC<DialogPrimitive.DialogProps>;
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1905,4 +1993,4 @@ declare const RailPanelItem: React.ForwardRefExoticComponent<RailPanelItemProps
 
 declare const Playground: () => react_jsx_runtime.JSX.Element;
 
-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, BottomNavigation, BottomNavigationAction, type BottomNavigationActionProps, type BottomNavigationProps, Box, type BoxProps, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, 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, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, type DataListProps, DataListValue, type DataListValueProps, 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 };
+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, Backdrop, type BackdropProps, Badge, type BadgeProps, BarChart, type BarChartProps, BottomNavigation, BottomNavigationAction, type BottomNavigationActionProps, type BottomNavigationProps, Box, type BoxProps, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, 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, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, type DataListProps, DataListValue, type DataListValueProps, 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, type EnqueueOptions, 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, Snackbar, type SnackbarCloseReason, SnackbarContent, type SnackbarContentProps, type SnackbarOrigin, type SnackbarProps, SnackbarProvider, type SnackbarProviderProps, 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, useSnackbar, useTheme };