adminium 1.0.1 → 1.0.3

package/dist/index.d.cts

@@ -1,21 +1,509 @@
 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, Accordion as Accordion$1, Collapsible as Collapsible$1, Tabs as Tabs$1, ContextMenu as ContextMenu$1, Label as Label$1, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1, Select as Select$1, Progress as Progress$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 { Command as Command$1 } from 'cmdk';
+import * as RechartsPrimitive from 'recharts';
+import { RowData, Table, SortingState, ColumnFiltersState, Row, Cell, Column, HeaderGroup, Header } from '@tanstack/react-table';
+import { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DayPicker } from 'react-day-picker';
+export { DateRange } from 'react-day-picker';
+import { DateValue, DateFieldProps, DateInputProps as DateInputProps$1, DateSegmentProps, TimeValue, TimeFieldProps } from 'react-aria-components';
+import { OTPInput } from 'input-otp';
+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 function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+type CommandDialogProps = React$1.ComponentProps<typeof Dialog> & {
+    className?: string;
+};
+declare function CommandDialog({ children, className, ...props }: CommandDialogProps): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+interface CommandCheckProps extends React$1.SVGProps<SVGSVGElement> {
+    icon?: LucideIcon;
+}
+declare function CommandCheck({ icon: Icon, className, ...props }: CommandCheckProps): 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 const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = {
+    [k in string]: {
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare function useChart(): ChartContextProps;
+declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): react_jsx_runtime.JSX.Element;
+declare function ChartStyle({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+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 KanbanMoveEvent {
+    event: DragEndEvent;
+    activeContainer: string;
+    activeIndex: number;
+    overContainer: string;
+    overIndex: number;
+}
+interface KanbanRootProps<T> {
+    value: Record<string, T[]>;
+    onValueChange: (value: Record<string, T[]>) => void;
+    getItemValue: (item: T) => string;
+    children: React$1.ReactNode;
+    className?: string;
+    onMove?: (event: KanbanMoveEvent) => void;
+}
+declare function Kanban<T>({ value, onValueChange, getItemValue, children, className, onMove, }: KanbanRootProps<T>): react_jsx_runtime.JSX.Element;
+interface KanbanBoardProps {
+    className?: string;
+    children: React$1.ReactNode;
+}
+declare function KanbanBoard({ children, className }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+interface KanbanColumnProps {
+    value: string;
+    className?: string;
+    children: React$1.ReactNode;
+    disabled?: boolean;
+}
+declare function KanbanColumn({ value, className, children, disabled, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
+interface KanbanColumnHandleProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React$1.ReactNode;
+    cursor?: boolean;
+}
+declare function KanbanColumnHandle({ asChild, className, children, cursor, }: KanbanColumnHandleProps): react_jsx_runtime.JSX.Element;
+interface KanbanItemProps {
+    value: string;
+    asChild?: boolean;
+    className?: string;
+    children: React$1.ReactNode;
+    disabled?: boolean;
+}
+declare function KanbanItem({ value, asChild, className, children, disabled, }: KanbanItemProps): react_jsx_runtime.JSX.Element;
+interface KanbanItemHandleProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React$1.ReactNode;
+    cursor?: boolean;
+}
+declare function KanbanItemHandle({ asChild, className, children, cursor, }: KanbanItemHandleProps): react_jsx_runtime.JSX.Element;
+interface KanbanColumnContentProps {
+    value: string;
+    className?: string;
+    children: React$1.ReactNode;
+}
+declare function KanbanColumnContent({ value, className, children, }: KanbanColumnContentProps): react_jsx_runtime.JSX.Element;
+interface KanbanOverlayProps {
+    className?: string;
+    children?: React$1.ReactNode | ((params: {
+        value: UniqueIdentifier;
+        variant: "column" | "item";
+    }) => React$1.ReactNode);
+}
+declare function KanbanOverlay({ children, className }: KanbanOverlayProps): react_jsx_runtime.JSX.Element;
+
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     dotClassName?: string;
@@ -26,10 +514,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 +531,109 @@ 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;
+declare const accordionRootVariants: (props?: ({
+    variant?: "default" | "outline" | "solid" | 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;
-    asChild?: boolean;
+declare function Accordion(props: React$1.ComponentProps<typeof Accordion$1.Root> & VariantProps<typeof accordionRootVariants> & {
+    indicator?: "arrow" | "plus" | "none";
 }): react_jsx_runtime.JSX.Element;
-interface ButtonArrowProps extends React$1.SVGProps<SVGSVGElement> {
-    icon?: LucideIcon;
+declare function AccordionItem(props: React$1.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger(props: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent(props: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
+
+interface AccordionMenuClassNames {
+    root?: string;
+    group?: string;
+    label?: string;
+    separator?: string;
+    item?: string;
+    sub?: string;
+    subTrigger?: string;
+    subContent?: string;
+    subWrapper?: string;
+    indicator?: string;
 }
-declare function ButtonArrow({ icon: Icon, className, ...props }: ButtonArrowProps): react_jsx_runtime.JSX.Element;
+interface AccordionMenuProps {
+    selectedValue?: string;
+    matchPath?: (href: string) => boolean;
+    classNames?: AccordionMenuClassNames;
+    onItemClick?: (value: string, event: React$1.MouseEvent) => void;
+}
+declare function AccordionMenu({ className, matchPath, classNames, children, selectedValue, onItemClick, ...props }: React$1.ComponentPropsWithoutRef<typeof Accordion$1.Root> & AccordionMenuProps): react_jsx_runtime.JSX.Element;
+type AccordionMenuGroupProps = React$1.ComponentPropsWithoutRef<"div">;
+declare function AccordionMenuGroup({ children, className, ...props }: AccordionMenuGroupProps): react_jsx_runtime.JSX.Element;
+type AccordionMenuLabelProps = React$1.ComponentPropsWithoutRef<"div">;
+declare function AccordionMenuLabel({ children, className, ...props }: AccordionMenuLabelProps): react_jsx_runtime.JSX.Element;
+type AccordionMenuSeparatorProps = React$1.ComponentPropsWithoutRef<"div">;
+declare function AccordionMenuSeparator({ className, ...props }: AccordionMenuSeparatorProps): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function AccordionMenuItem({ className, children, variant, asChild, onClick, ...props }: React$1.ComponentPropsWithoutRef<typeof Accordion$1.Item> & VariantProps<typeof itemVariants> & {
+    onClick?: React$1.MouseEventHandler<HTMLElement>;
+}): react_jsx_runtime.JSX.Element;
+declare function AccordionMenuSub({ className, children, ...props }: React$1.ComponentPropsWithoutRef<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionMenuSubTrigger({ className, children, }: React$1.ComponentPropsWithoutRef<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
+type AccordionMenuSubContentProps = ((React$1.ComponentPropsWithoutRef<typeof Accordion$1.Content> & {
+    type: "single";
+    collapsible: boolean;
+    defaultValue?: string;
+}) | (React$1.ComponentPropsWithoutRef<typeof Accordion$1.Content> & {
+    type: "multiple";
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+})) & {
+    parentValue: string;
+};
+declare function AccordionMenuSubContent({ className, children, type, collapsible, defaultValue, parentValue, ...props }: AccordionMenuSubContentProps): react_jsx_runtime.JSX.Element;
+type AccordionMenuIndicatorProps = React$1.ComponentPropsWithoutRef<"span">;
+declare function AccordionMenuIndicator({ className, ...props }: AccordionMenuIndicatorProps): react_jsx_runtime.JSX.Element;
+
+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;
+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 function Collapsible({ ...props }: React$1.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ className, children, ...props }: React$1.ComponentProps<typeof Collapsible$1.CollapsibleContent>): 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 +649,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 +680,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 +697,320 @@ 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 function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Root>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Group>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Sub>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Content>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Item> & {
+    inset?: boolean;
+    variant?: "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
+
+declare function DateField<T extends DateValue>({ className, children, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function TimeField<T extends TimeValue>({ className, children, ...props }: TimeFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function DateSegment({ className, ...props }: DateSegmentProps): react_jsx_runtime.JSX.Element;
+declare const dateInputStyles = "relative inline-flex items-center overflow-hidden whitespace-nowrap data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+interface DateInputProps extends DateInputProps$1, VariantProps<typeof inputVariants> {
+    className?: string;
+}
+declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, "children">): 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 function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentProps<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare const radioGroupVariants: (props?: ({
+    variant?: "primary" | "mono" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function RadioGroup({ className, variant, size, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root> & VariantProps<typeof radioGroupVariants>): react_jsx_runtime.JSX.Element;
+declare const radioItemVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function RadioGroupItem({ className, size, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item> & VariantProps<typeof radioItemVariants>): react_jsx_runtime.JSX.Element;
+
+declare function Slider({ className, children, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SliderThumb({ className, ...props }: React$1.ComponentProps<typeof Slider$1.Thumb>): react_jsx_runtime.JSX.Element;
+
+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 const textareaVariants: (props?: ({
+    variant?: "md" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Textarea({ className, variant, ...props }: React$1.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants>): 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 Progress({ className, indicatorClassName, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root> & {
+    indicatorClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ProgressCircle({ className, indicatorClassName, trackClassName, value, size, strokeWidth, children, ...props }: React$1.ComponentProps<"div"> & {
+    value?: number;
+    size?: number;
+    strokeWidth?: number;
+    indicatorClassName?: string;
+    trackClassName?: string;
+    children?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function ProgressRadial({ className, value, size, strokeWidth, startAngle, endAngle, showLabel, trackClassName, indicatorClassName, children, ...props }: React$1.ComponentProps<"div"> & {
+    value?: number;
+    size?: number;
+    strokeWidth?: number;
+    startAngle?: number;
+    endAngle?: number;
+    showLabel?: boolean;
+    indicatorClassName?: string;
+    trackClassName?: string;
+    children?: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function PaginationItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+interface TimelineItemProps {
+    icon: LucideIcon;
+    line: boolean;
+    children: ReactNode;
+    removeSpace?: boolean;
+    className?: string;
+}
+declare const TimelineItem: React$1.ForwardRefExoticComponent<TimelineItemProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const kbdVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "md" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Kbd({ className, variant, size, ...props }: React$1.ComponentProps<"kbd"> & VariantProps<typeof kbdVariants>): react_jsx_runtime.JSX.Element;
+
+interface CodeProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof codeVariants> {
+    asChild?: boolean;
+    showCopyButton?: boolean;
+    copyText?: string;
+}
+declare const codeVariants: (props?: ({
+    variant?: "default" | "outline" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Code({ className, variant, size, asChild, showCopyButton, copyText, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
+
 declare function useIsMobile(): boolean;
 
 declare function useCopyToClipboard({ timeout, onCopy, }?: {
@@ -145,4 +1031,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 { Accordion, AccordionContent, AccordionItem, AccordionMenu, type AccordionMenuClassNames, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, 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, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, 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, DateField, DateInput, type DateInputProps, DateSegment, 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, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup, RadioGroupItem, 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, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, type TimelineItemProps, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };