adminium 1.0.1 → 1.0.2

package/dist/index.d.ts

@@ -1,21 +1,378 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
+import { ReactNode, CSSProperties, HTMLAttributes, RefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Tabs as Tabs$1, Label as Label$1, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1, Select as Select$1 } from 'radix-ui';
 import { LucideIcon } from 'lucide-react';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { RowData, Table, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ClassValue } from 'clsx';
 
+declare const alertVariants: (props?: ({
+    variant?: "secondary" | "primary" | "mono" | "destructive" | "success" | "info" | "warning" | null | undefined;
+    icon?: "primary" | "destructive" | "success" | "info" | "warning" | null | undefined;
+    appearance?: "stroke" | "outline" | "solid" | "light" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    close?: boolean;
+    onClose?: () => void;
+}
+interface AlertIconProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+declare function Alert({ className, variant, size, icon, appearance, close, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function AlertIcon({ children, className, ...props }: AlertIconProps): react_jsx_runtime.JSX.Element;
+declare function AlertToolbar({ children, className, ...props }: AlertIconProps): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function AlertContent({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariantConfig: {
+    readonly variant: {
+        readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90";
+        readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
+        readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90";
+        readonly success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600";
+        readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90";
+        readonly outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent";
+        readonly dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground";
+        readonly ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground";
+        readonly dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground";
+        readonly foreground: "";
+        readonly inverse: "";
+    };
+    readonly appearance: {
+        readonly default: "";
+        readonly ghost: "";
+    };
+    readonly underline: {
+        readonly solid: "";
+        readonly dashed: "";
+    };
+    readonly underlined: {
+        readonly solid: "";
+        readonly dashed: "";
+    };
+    readonly size: {
+        readonly lg: "h-10 rounded-md px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4";
+        readonly md: "h-8.5 rounded-md px-3 gap-1.5 text-[0.8125rem] leading-[var(--text-sm--line-height)] [&_svg:not([class*=size-])]:size-4";
+        readonly sm: "h-7 rounded-md px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5";
+        readonly icon: "size-8.5 rounded-md [&_svg:not([class*=size-])]:size-4 shrink-0";
+    };
+    readonly autoHeight: {
+        readonly true: "";
+        readonly false: "";
+    };
+    readonly shape: {
+        readonly default: "";
+        readonly circle: "rounded-full";
+    };
+    readonly mode: {
+        readonly default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+        readonly icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shrink-0";
+        readonly link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent";
+        readonly input: "\n            justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background\n            focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30\n            [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px]\n            [[data-state=open]>&]:ring-ring/30\n            aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20\n            in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10  dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20\n          ";
+    };
+    readonly placeholder: {
+        readonly true: "text-muted-foreground";
+        readonly false: "";
+    };
+};
+declare const buttonVariants: (props?: ({
+    readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "inverse" | "foreground" | "success" | "dim" | null | undefined;
+    readonly appearance?: "default" | "ghost" | null | undefined;
+    readonly underline?: "dashed" | "solid" | null | undefined;
+    readonly underlined?: "dashed" | "solid" | null | undefined;
+    readonly size?: "icon" | "md" | "sm" | "lg" | null | undefined;
+    readonly autoHeight?: boolean | null | undefined;
+    readonly shape?: "circle" | "default" | null | undefined;
+    readonly mode?: "input" | "link" | "default" | "icon" | null | undefined;
+    readonly placeholder?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, selected, variant, shape, appearance, mode, size, autoHeight, underlined, underline, asChild, placeholder, loading, children, disabled, onClick, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    selected?: boolean;
+    asChild?: boolean;
+    loading?: boolean;
+}): react_jsx_runtime.JSX.Element;
+interface ButtonArrowProps extends React$1.SVGProps<SVGSVGElement> {
+    icon?: LucideIcon;
+}
+declare function ButtonArrow({ icon: Icon, className, ...props }: ButtonArrowProps): react_jsx_runtime.JSX.Element;
+
+declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
+declare const AlertDialogHeader: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const AlertDialogFooter: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, variant, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
+
+declare const dialogContentVariants: (props?: ({
+    variant?: "default" | "fullscreen" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, overlay, variant, "aria-describedby": ariaDescribedBy, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & VariantProps<typeof dialogContentVariants> & {
+    showCloseButton?: boolean;
+    overlay?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const DialogHeader: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const DialogFooter: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare const DialogBody: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
+
+declare const Drawer: ({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>) => react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare const DrawerHeader: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const DrawerFooter: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentProps<typeof Dialog$1.Content>, VariantProps<typeof sheetVariants> {
+    overlay?: boolean;
+    close?: boolean;
+}
+declare function SheetContent({ side, overlay, close, className, children, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & SheetContentProps): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SheetBody({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
 declare const avatarStatusVariants: (props?: ({
     variant?: "online" | "offline" | "busy" | "away" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
 declare function AvatarIndicator({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare function AvatarStatus({ className, variant, ...props }: React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof avatarStatusVariants>): react_jsx_runtime.JSX.Element;
 
+type AnimationType = "default" | "flip" | "reveal";
+interface AvatarGroupProps {
+    children: React$1.ReactNode;
+    className?: string;
+    tooltipClassName?: string;
+    animation?: AnimationType;
+}
+interface AvatarGroupItemProps {
+    children: React$1.ReactNode;
+    className?: string;
+    tooltipClassName?: string;
+    animation?: AnimationType;
+}
+interface AvatarGroupTooltipProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function AvatarGroup({ children, className, tooltipClassName, animation, }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroupItem({ children, className, tooltipClassName, animation: itemAnimation, }: AvatarGroupItemProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroupTooltip({ children, className, }: AvatarGroupTooltipProps): react_jsx_runtime.JSX.Element;
+
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        headerTitle?: string;
+        headerClassName?: string;
+        cellClassName?: string;
+        skeleton?: ReactNode;
+        expandedContent?: (row: TData) => ReactNode;
+    }
+}
+type DataGridApiFetchParams = {
+    pageIndex: number;
+    pageSize: number;
+    sorting?: SortingState;
+    filters?: ColumnFiltersState;
+    searchQuery?: string;
+};
+type DataGridApiResponse<T> = {
+    data: T[];
+    empty: boolean;
+    pagination: {
+        total: number;
+        page: number;
+    };
+};
+interface DataGridContextProps<TData extends object> {
+    props: DataGridProps<TData>;
+    table: Table<TData>;
+    recordCount: number;
+    isLoading: boolean;
+}
+type DataGridRequestParams = {
+    pageIndex: number;
+    pageSize: number;
+    sorting?: SortingState;
+    columnFilters?: ColumnFiltersState;
+};
+interface DataGridProps<TData extends object> {
+    className?: string;
+    table?: Table<TData>;
+    recordCount: number;
+    children?: ReactNode;
+    onRowClick?: (row: TData) => void;
+    isLoading?: boolean;
+    loadingMode?: "skeleton" | "spinner";
+    loadingMessage?: ReactNode | string;
+    emptyMessage?: ReactNode | string;
+    tableLayout?: {
+        dense?: boolean;
+        cellBorder?: boolean;
+        rowBorder?: boolean;
+        rowRounded?: boolean;
+        stripped?: boolean;
+        headerBackground?: boolean;
+        headerBorder?: boolean;
+        headerSticky?: boolean;
+        width?: "auto" | "fixed";
+        columnsVisibility?: boolean;
+        columnsResizable?: boolean;
+        columnsPinnable?: boolean;
+        columnsMovable?: boolean;
+        columnsDraggable?: boolean;
+        rowsDraggable?: boolean;
+    };
+    tableClassNames?: {
+        base?: string;
+        header?: string;
+        headerRow?: string;
+        headerSticky?: string;
+        body?: string;
+        bodyRow?: string;
+        footer?: string;
+        edgeCell?: string;
+    };
+}
+declare function useDataGrid(): DataGridContextProps<any>;
+declare function DataGridProvider<TData extends object>({ children, table, ...props }: DataGridProps<TData> & {
+    table: Table<TData>;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGrid<TData extends object>({ children, table, ...props }: DataGridProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataGridContainer({ children, className, border, }: {
+    children: ReactNode;
+    className?: string;
+    border?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DataGridTableBase({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableHead({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableHeadRow<TData>({ children, headerGroup, }: {
+    children: ReactNode;
+    headerGroup: HeaderGroup<TData>;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableHeadRowCell<TData>({ children, header, dndRef, dndStyle, }: {
+    children: ReactNode;
+    header: Header<TData, unknown>;
+    dndRef?: React$1.Ref<HTMLTableCellElement>;
+    dndStyle?: CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableHeadRowCellResize<TData>({ header, }: {
+    header: Header<TData, unknown>;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableRowSpacer(): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBody({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBodyRowSkeleton({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBodyRowSkeletonCell<TData>({ children, column, }: {
+    children: ReactNode;
+    column: Column<TData>;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBodyRow<TData>({ children, row, dndRef, dndStyle, }: {
+    children: ReactNode;
+    row: Row<TData>;
+    dndRef?: React$1.Ref<HTMLTableRowElement>;
+    dndStyle?: CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBodyRowExpanded<TData>({ row }: {
+    row: Row<TData>;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableBodyRowCell<TData>({ children, cell, dndRef, dndStyle, }: {
+    children: ReactNode;
+    cell: Cell<TData, unknown>;
+    dndRef?: React$1.Ref<HTMLTableCellElement>;
+    dndStyle?: CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableEmpty(): react_jsx_runtime.JSX.Element;
+declare function DataGridTableLoader(): react_jsx_runtime.JSX.Element;
+declare function DataGridTableRowSelect<TData>({ row, size, }: {
+    row: Row<TData>;
+    size?: "sm" | "md" | "lg";
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTableRowSelectAll({ size }: {
+    size?: "sm" | "md" | "lg";
+}): react_jsx_runtime.JSX.Element;
+declare function DataGridTable<TData>(): react_jsx_runtime.JSX.Element;
+
+interface DataGridColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    title?: string;
+    icon?: ReactNode;
+    pinnable?: boolean;
+    filter?: ReactNode;
+    visibility?: boolean;
+}
+declare function DataGridColumnHeader<TData, TValue>({ column, title, icon, className, filter, visibility, }: DataGridColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface DataGridPaginationProps {
+    sizes?: number[];
+    sizesInfo?: string;
+    sizesLabel?: string;
+    sizesDescription?: string;
+    sizesSkeleton?: ReactNode;
+    more?: boolean;
+    moreLimit?: number;
+    info?: string;
+    infoSkeleton?: ReactNode;
+    className?: string;
+}
+declare function DataGridPagination(props: DataGridPaginationProps): react_jsx_runtime.JSX.Element;
+
+declare function DataGridColumnVisibility<TData>({ table, trigger, }: {
+    table: Table<TData>;
+    trigger: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     dotClassName?: string;
@@ -26,10 +383,10 @@ interface BadgeButtonProps extends React$1.ButtonHTMLAttributes<HTMLDivElement>,
 }
 type BadgeDotProps = React$1.HTMLAttributes<HTMLSpanElement>;
 declare const badgeVariants: (props?: ({
-    variant?: "primary" | "secondary" | "success" | "warning" | "info" | "outline" | "destructive" | null | undefined;
-    appearance?: "default" | "outline" | "light" | "ghost" | null | undefined;
+    variant?: "outline" | "secondary" | "primary" | "destructive" | "success" | "info" | "warning" | null | undefined;
+    appearance?: "default" | "ghost" | "outline" | "light" | null | undefined;
     disabled?: boolean | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xs" | null | undefined;
     shape?: "circle" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const badgeButtonVariants: (props?: ({
@@ -43,25 +400,47 @@ declare function BadgeButton({ className, variant, asChild, ...props }: React$1.
 }): react_jsx_runtime.JSX.Element;
 declare function BadgeDot({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "success" | "outline" | "destructive" | "ghost" | "mono" | "dashed" | "dim" | "foreground" | "inverse" | null | undefined;
-    appearance?: "default" | "ghost" | null | undefined;
-    underline?: "dashed" | "solid" | null | undefined;
-    underlined?: "dashed" | "solid" | null | undefined;
-    size?: "lg" | "md" | "sm" | "icon" | null | undefined;
-    autoHeight?: boolean | null | undefined;
-    shape?: "circle" | "default" | null | undefined;
-    mode?: "input" | "link" | "default" | "icon" | null | undefined;
-    placeholder?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, selected, variant, shape, appearance, mode, size, autoHeight, underlined, underline, asChild, placeholder, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    selected?: boolean;
+declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav"> & {
+    separator?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
-interface ButtonArrowProps extends React$1.SVGProps<SVGSVGElement> {
-    icon?: LucideIcon;
-}
-declare function ButtonArrow({ icon: Icon, className, ...props }: ButtonArrowProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: React$1.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
+declare const BreadcrumbEllipsis: ({ className, ...props }: React$1.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
+
+declare const tabsListVariantConfig: {
+    readonly variant: {
+        readonly default: "bg-accent p-1";
+        readonly button: "";
+        readonly line: "border-b border-border";
+    };
+    readonly shape: {
+        readonly default: "";
+        readonly pill: "";
+    };
+    readonly size: {
+        readonly lg: "gap-2.5";
+        readonly md: "gap-2";
+        readonly sm: "gap-1.5";
+        readonly xs: "gap-1";
+    };
+};
+declare const tabsListVariants: (props?: ({
+    readonly variant?: "button" | "line" | "default" | null | undefined;
+    readonly shape?: "default" | "pill" | null | undefined;
+    readonly size?: "md" | "sm" | "lg" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsContentVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, variant, shape, size, ...props }: React$1.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, variant, ...props }: React$1.ComponentProps<typeof Tabs$1.Content> & VariantProps<typeof tabsContentVariants>): react_jsx_runtime.JSX.Element;
 
 declare const cardVariants: (props?: ({
     variant?: "default" | "accent" | null | undefined;
@@ -77,7 +456,7 @@ declare function CardTitle({ className, ...props }: React$1.HTMLAttributes<HTMLH
 declare function CardDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 declare const checkboxVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Checkbox({ className, size, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root> & VariantProps<typeof checkboxVariants>): react_jsx_runtime.JSX.Element;
 
@@ -108,15 +487,15 @@ declare const Icons: {
 };
 
 declare const inputVariants: (props?: ({
-    variant?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "md" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const inputAddonVariants: (props?: ({
-    variant?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "md" | "sm" | "lg" | null | undefined;
     mode?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const inputGroupVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const inputWrapperVariants: (props?: ({
-    variant?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "md" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Input({ className, type, variant, ...props }: React$1.ComponentProps<"input"> & VariantProps<typeof inputVariants>): react_jsx_runtime.JSX.Element;
 declare function InputAddon({ className, variant, mode, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputAddonVariants>): react_jsx_runtime.JSX.Element;
@@ -125,6 +504,205 @@ declare function InputWrapper({ className, variant, ...props }: React$1.Componen
 
 declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+
+declare const labelVariants: (props?: ({
+    variant?: "secondary" | "primary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Label({ className, variant, ...props }: React$1.ComponentProps<typeof Label$1.Root> & VariantProps<typeof labelVariants>): react_jsx_runtime.JSX.Element;
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, required, children, ...props }: React.ComponentProps<typeof Label> & {
+    required?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare const switchShapes: {
+    readonly pill: "rounded-full";
+    readonly square: "rounded-md";
+};
+declare const switchSizes: {
+    readonly xs: "h-4 w-7";
+    readonly sm: "h-5 w-8";
+    readonly md: "h-6 w-10";
+    readonly lg: "h-8 w-14";
+    readonly xl: "h-9 w-16";
+};
+/**
+ * CVA variants for the switch track (root element).
+ * Handles shape (pill/square), size (xs/sm/md/lg/xl), and permanent mode styling.
+ * Includes focus-visible ring, disabled opacity, and form validation error states.
+ */
+declare const switchVariants: (props?: ({
+    shape?: "square" | "pill" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xs" | "xl" | null | undefined;
+    permanent?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * CVA variants for on/off indicator labels inside the switch track.
+ * In non-permanent mode, the active indicator slides in and the inactive one
+ * becomes invisible. In permanent mode, both labels stay visible and stationary.
+ */
+declare const switchIndicatorVariants: (props?: ({
+    state?: "off" | "on" | null | undefined;
+    permanent?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Wrapper component that provides SwitchContext and a positioned container
+ * for the Switch and optional SwitchIndicator siblings.
+ *
+ * @param permanent - When true, both on/off indicator labels remain visible
+ *   at all times instead of toggling visibility based on the checked state.
+ *
+ * @example
+ * ```tsx
+ * <SwitchWrapper permanent>
+ *   <Switch id="toggle" size="xl" />
+ *   <SwitchIndicator state="on">On</SwitchIndicator>
+ *   <SwitchIndicator state="off">Off</SwitchIndicator>
+ * </SwitchWrapper>
+ * ```
+ */
+declare function SwitchWrapper({ className, children, permanent, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
+    permanent?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Toggle switch built on Radix UI Switch primitive.
+ * Must be used inside a SwitchWrapper for context access.
+ *
+ * @param shape - Track shape: "pill" (rounded) or "square" (slightly rounded).
+ * @param size - Switch dimensions: "xs" | "sm" | "md" | "lg" | "xl".
+ * @param thumbClassName - Optional additional classes for the thumb element.
+ *
+ * @example
+ * ```tsx
+ * <SwitchWrapper>
+ *   <Switch id="notifications" shape="pill" size="md" />
+ * </SwitchWrapper>
+ * ```
+ */
+declare function Switch({ className, thumbClassName, shape, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & VariantProps<typeof switchVariants> & {
+    thumbClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Label overlay displayed inside the switch track to indicate on/off state.
+ * Must be placed as a sibling of Switch inside a SwitchWrapper.
+ * Uses CSS peer selectors to show/hide based on the Switch checked state.
+ *
+ * @param state - Which state this indicator represents: "on" or "off".
+ *
+ * @example
+ * ```tsx
+ * <SwitchWrapper>
+ *   <Switch id="toggle" size="lg" />
+ *   <SwitchIndicator state="on">On</SwitchIndicator>
+ *   <SwitchIndicator state="off">Off</SwitchIndicator>
+ * </SwitchWrapper>
+ * ```
+ */
+declare function SwitchIndicator({ className, state, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof switchIndicatorVariants>): react_jsx_runtime.JSX.Element;
+
+declare function ScrollArea({ className, viewportClassName, children, viewportRef, ...props }: React$1.ComponentProps<typeof ScrollArea$1.Root> & {
+    viewportRef?: React$1.Ref<HTMLDivElement>;
+    viewportClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+type ScrollspyProps = {
+    children: ReactNode;
+    targetRef?: RefObject<HTMLElement | HTMLDivElement | Document | null | undefined>;
+    onUpdate?: (id: string) => void;
+    offset?: number;
+    smooth?: boolean;
+    className?: string;
+    dataAttribute?: string;
+    history?: boolean;
+    throttleTime?: number;
+};
+declare function Scrollspy({ children, targetRef, onUpdate, className, offset, smooth, dataAttribute, history, }: ScrollspyProps): react_jsx_runtime.JSX.Element;
+
+declare function AspectRatio(props: React$1.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
+
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const headings: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly h6: "h6";
+};
+declare function Toolbar({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function ToolbarHeading({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function ToolbarTitle({ className, as: Component, ...props }: React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as?: keyof typeof headings;
+}): react_jsx_runtime.JSX.Element;
+declare function ToolbarDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function ToolbarActions({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Select: ({ indicatorPosition, indicatorVisibility, indicator, ...props }: {
+    indicatorPosition?: "left" | "right";
+    indicatorVisibility?: boolean;
+    indicator?: ReactNode;
+} & React$1.ComponentProps<typeof Select$1.Root>) => react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
+declare const selectTriggerVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SelectTriggerProps extends React$1.ComponentProps<typeof Select$1.Trigger>, VariantProps<typeof selectTriggerVariants> {
+}
+declare function SelectTrigger({ className, children, size, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectIndicator({ children, className, ...props }: React$1.ComponentProps<typeof Select$1.ItemIndicator>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function useIsMobile(): boolean;
 
 declare function useCopyToClipboard({ timeout, onCopy, }?: {
@@ -145,4 +723,4 @@ declare function useMounted(): boolean;
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Avatar, AvatarFallback, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, Icons, Input, InputAddon, InputGroup, InputWrapper, Skeleton, avatarStatusVariants, badgeVariants, buttonVariants, cn, inputAddonVariants, inputVariants, useCopyToClipboard, useIsMobile, useMounted };
+export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, headings, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };