@kjaniec-dev/ui 0.5.0 → 0.7.0

package/dist/index.d.cts

@@ -69,6 +69,13 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
     error?: boolean;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+interface TextFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Input>, "error"> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     /** Append a red required marker. */
@@ -86,6 +93,13 @@ interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     error?: boolean;
 }
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+interface SelectFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Select>, "error"> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}
+declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<HTMLSelectElement>>;
 
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -95,6 +109,12 @@ interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+interface CheckboxFieldProps extends React.ComponentPropsWithoutRef<typeof Checkbox> {
+    label: React.ReactNode;
+    hint?: string;
+    error?: string;
+}
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLInputElement>>;
 
 interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -233,6 +253,28 @@ interface PaginationProps {
 }
 declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): react_jsx_runtime.JSX.Element;
 
+interface BottomNavigationItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon: React.ReactNode;
+    active?: boolean;
+    badge?: React.ReactNode;
+}
+interface BottomNavigationProps extends React.HTMLAttributes<HTMLElement> {
+    items: BottomNavigationItem[];
+    /** Mode for displaying labels:
+     * - 'always': Always show labels for all items.
+     * - 'active': Only show label for the active item, hiding others.
+     * - 'never': Hide all labels (only show icons).
+     */
+    showLabels?: "always" | "active" | "never";
+    /** If true, uses fixed positioning at the bottom of the viewport with backdrop-blur. */
+    fixed?: boolean;
+}
+declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<HTMLElement>>;
+
 /** Rounded, bordered wrapper around a <Table>. */
 declare const TableWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
@@ -314,6 +356,9 @@ interface DataTableColumn<T> {
     header: React.ReactNode;
     accessor: (row: T) => React.ReactNode;
     className?: string;
+    align?: "left" | "center" | "right";
+    sortable?: boolean;
+    sortKey?: string;
 }
 interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
     columns: DataTableColumn<T>[];
@@ -323,10 +368,155 @@ interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
     emptyTitle?: string;
     emptyDescription?: string;
     emptyAction?: React.ReactNode;
-}
-declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+    getRowKey?: (row: T, index: number) => React.Key;
+    onRowClick?: (row: T) => void;
+    toolbar?: React.ReactNode;
+    pagination?: React.ReactNode;
+    selectedRows?: Set<React.Key>;
+    onSelectionChange?: (selectedKeys: Set<React.Key>) => void;
+    sortBy?: string;
+    sortDirection?: "asc" | "desc";
+    onSort?: (sortKey: string, direction: "asc" | "desc") => void;
+}
+declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, DataTable, type DataTableColumn, type DataTableProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Field, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    children: React.ReactNode;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    message: string;
+    onRetry?: () => void;
+    retryLabel?: string;
+}
+declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "text" | "circular" | "rectangular";
+    width?: string | number;
+    height?: string | number;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DashboardShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar?: React.ReactNode;
+    topbar?: React.ReactNode;
+    children: React.ReactNode;
+    sidebarWidth?: string;
+    contentWidth?: "default" | "wide" | "full";
+    stickyTopbar?: boolean;
+    mobileSidebar?: React.ReactNode;
+}
+declare const DashboardShell: React.ForwardRefExoticComponent<DashboardShellProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SettingsLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+}
+declare const SettingsLayout: React.ForwardRefExoticComponent<SettingsLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DetailPageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    backHref?: string;
+    backLabel?: string;
+    onBackClick?: () => void;
+    actions?: React.ReactNode;
+    aside?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const DetailPageLayout: React.ForwardRefExoticComponent<DetailPageLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    searchQuery?: string;
+    onSearchChange?: (query: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+}
+declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    tone?: "danger" | "primary" | "success";
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ConfirmDialog {
+    var displayName: string;
+}
+
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    width?: string;
+    side?: "right" | "left";
+}
+declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+}
+
+interface CommandPaletteItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    category?: string;
+    shortcut?: string[];
+    action: () => void;
+    icon?: React.ReactNode;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    items: CommandPaletteItem[];
+    placeholder?: string;
+}
+declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+declare namespace CommandPalette {
+    var displayName: string;
+}
+
+interface SidebarNavItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    active?: boolean;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+}
+interface SidebarNavGroup {
+    title?: string;
+    items: SidebarNavItem[];
+}
+interface SidebarNavProps extends React.HTMLAttributes<HTMLDivElement> {
+    groups: SidebarNavGroup[];
+    currentHref?: string;
+}
+declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): react_jsx_runtime.JSX.Element;
+declare namespace SidebarNav {
+    var displayName: string;
+}
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };

package/dist/index.d.ts

@@ -69,6 +69,13 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
     error?: boolean;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+interface TextFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Input>, "error"> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     /** Append a red required marker. */
@@ -86,6 +93,13 @@ interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
     error?: boolean;
 }
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+interface SelectFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Select>, "error"> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+}
+declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<HTMLSelectElement>>;
 
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -95,6 +109,12 @@ interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+interface CheckboxFieldProps extends React.ComponentPropsWithoutRef<typeof Checkbox> {
+    label: React.ReactNode;
+    hint?: string;
+    error?: string;
+}
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLInputElement>>;
 
 interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
@@ -233,6 +253,28 @@ interface PaginationProps {
 }
 declare function Pagination({ page, pageCount, onPageChange, className }: PaginationProps): react_jsx_runtime.JSX.Element;
 
+interface BottomNavigationItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon: React.ReactNode;
+    active?: boolean;
+    badge?: React.ReactNode;
+}
+interface BottomNavigationProps extends React.HTMLAttributes<HTMLElement> {
+    items: BottomNavigationItem[];
+    /** Mode for displaying labels:
+     * - 'always': Always show labels for all items.
+     * - 'active': Only show label for the active item, hiding others.
+     * - 'never': Hide all labels (only show icons).
+     */
+    showLabels?: "always" | "active" | "never";
+    /** If true, uses fixed positioning at the bottom of the viewport with backdrop-blur. */
+    fixed?: boolean;
+}
+declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<HTMLElement>>;
+
 /** Rounded, bordered wrapper around a <Table>. */
 declare const TableWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
@@ -314,6 +356,9 @@ interface DataTableColumn<T> {
     header: React.ReactNode;
     accessor: (row: T) => React.ReactNode;
     className?: string;
+    align?: "left" | "center" | "right";
+    sortable?: boolean;
+    sortKey?: string;
 }
 interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
     columns: DataTableColumn<T>[];
@@ -323,10 +368,155 @@ interface DataTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
     emptyTitle?: string;
     emptyDescription?: string;
     emptyAction?: React.ReactNode;
-}
-declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+    getRowKey?: (row: T, index: number) => React.Key;
+    onRowClick?: (row: T) => void;
+    toolbar?: React.ReactNode;
+    pagination?: React.ReactNode;
+    selectedRows?: Set<React.Key>;
+    onSelectionChange?: (selectedKeys: Set<React.Key>) => void;
+    sortBy?: string;
+    sortDirection?: "asc" | "desc";
+    onSort?: (sortKey: string, direction: "asc" | "desc") => void;
+}
+declare function DataTable<T>({ className, columns, data, loading, error, emptyTitle, emptyDescription, emptyAction, getRowKey, onRowClick, toolbar, pagination, selectedRows, onSelectionChange, sortBy, sortDirection, onSort, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, DataTable, type DataTableColumn, type DataTableProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Field, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    children: React.ReactNode;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    message: string;
+    onRetry?: () => void;
+    retryLabel?: string;
+}
+declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "text" | "circular" | "rectangular";
+    width?: string | number;
+    height?: string | number;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DashboardShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar?: React.ReactNode;
+    topbar?: React.ReactNode;
+    children: React.ReactNode;
+    sidebarWidth?: string;
+    contentWidth?: "default" | "wide" | "full";
+    stickyTopbar?: boolean;
+    mobileSidebar?: React.ReactNode;
+}
+declare const DashboardShell: React.ForwardRefExoticComponent<DashboardShellProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SettingsLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+}
+declare const SettingsLayout: React.ForwardRefExoticComponent<SettingsLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+interface DetailPageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    backHref?: string;
+    backLabel?: string;
+    onBackClick?: () => void;
+    actions?: React.ReactNode;
+    aside?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const DetailPageLayout: React.ForwardRefExoticComponent<DetailPageLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    searchQuery?: string;
+    onSearchChange?: (query: string) => void;
+    searchPlaceholder?: string;
+    actions?: React.ReactNode;
+    filters?: React.ReactNode;
+}
+declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    tone?: "danger" | "primary" | "success";
+    loading?: boolean;
+}
+declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, tone, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ConfirmDialog {
+    var displayName: string;
+}
+
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    width?: string;
+    side?: "right" | "left";
+}
+declare function Drawer({ open, onClose, children, title, description, width, side, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+}
+
+interface CommandPaletteItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    category?: string;
+    shortcut?: string[];
+    action: () => void;
+    icon?: React.ReactNode;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    items: CommandPaletteItem[];
+    placeholder?: string;
+}
+declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+declare namespace CommandPalette {
+    var displayName: string;
+}
+
+interface SidebarNavItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    active?: boolean;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+}
+interface SidebarNavGroup {
+    title?: string;
+    items: SidebarNavItem[];
+}
+interface SidebarNavProps extends React.HTMLAttributes<HTMLDivElement> {
+    groups: SidebarNavGroup[];
+    currentHref?: string;
+}
+declare function SidebarNav({ className, groups, currentHref, ...props }: SidebarNavProps): react_jsx_runtime.JSX.Element;
+declare namespace SidebarNav {
+    var displayName: string;
+}
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FormField, type FormFieldProps, Hint, type HintProps, Input, type InputProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ToastOptions, ToastProvider, type ToastTone, Tooltip, type TooltipProps, badgeVariants, buttonVariants, cn, sliderThumbCSS, useToast };