art-bd-ui 1.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,1418 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ComponentProps, FC, ReactElement, ReactNode, MouseEvent, ElementType, useEffect, Ref, RefCallback, SetStateAction, RefObject } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as class_variance_authority from 'class-variance-authority';
+import { VariantProps } from 'class-variance-authority';
+import { DynamicIcon } from 'lucide-react/dynamic';
+import { Root } from '@radix-ui/react-toggle';
+import { Root as Root$1, Item } from '@radix-ui/react-toggle-group';
+import { Root as Root$2 } from '@radix-ui/react-checkbox';
+import { Root as Root$3 } from '@radix-ui/react-label';
+import { Root as Root$4, Item as Item$1 } from '@radix-ui/react-radio-group';
+import { Root as Root$5, Content, Group, Item as Item$2, Label as Label$1, ScrollDownButton, ScrollUpButton, Separator as Separator$1, Trigger, Value } from '@radix-ui/react-select';
+import { Root as Root$6 } from '@radix-ui/react-switch';
+import { Root as Root$7, Image, Fallback } from '@radix-ui/react-avatar';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { Root as Root$8, Trigger as Trigger$1, Close, Content as Content$1, Description, Title } from '@radix-ui/react-dialog';
+import { Drawer as Drawer$1 } from 'vaul';
+import { Root as Root$9, Trigger as Trigger$2, Content as Content$2, Anchor } from '@radix-ui/react-popover';
+import * as _radix_ui_react_toast from '@radix-ui/react-toast';
+import { Root as Root$a } from '@radix-ui/react-toast';
+import { Root as Root$b, Provider, Trigger as Trigger$3, Content as Content$3 } from '@radix-ui/react-tooltip';
+import { DayPicker } from 'react-day-picker';
+import { Command as Command$1 } from 'cmdk';
+import { Root as Root$c, Portal, Trigger as Trigger$4, Content as Content$4, Group as Group$1, Label as Label$2, Item as Item$3, CheckboxItem, RadioGroup as RadioGroup$1, RadioItem, Separator as Separator$2, Sub, SubTrigger, SubContent } from '@radix-ui/react-dropdown-menu';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import { Root as Root$d } from '@radix-ui/react-progress';
+import { Root as Root$e } from '@radix-ui/react-separator';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+declare const breakpoints: readonly ["initial", "xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof breakpoints)[number];
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+
+declare const widths: readonly ["full", "1/2", "1/3", "1/4", "auto"];
+declare const minWidths: readonly ["0", "full", "min", "max"];
+declare const maxWidths: readonly ["0", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "full", "screen-sm", "screen-md", "screen-lg", "screen-xl"];
+type Width = (typeof widths)[number];
+type MinWidth = (typeof minWidths)[number];
+type MaxWidth = (typeof maxWidths)[number];
+declare const heights: readonly ["auto", "full", "screen"];
+declare const minHeights: readonly ["0", "full", "screen"];
+declare const maxHeights: readonly ["0", "full", "screen"];
+type Height = (typeof heights)[number];
+type MinHeight = (typeof minHeights)[number];
+type MaxHeight = (typeof maxHeights)[number];
+declare const paddings: readonly ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12"];
+declare const margins: readonly ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12"];
+type Padding = (typeof paddings)[number];
+type Margin = (typeof margins)[number];
+declare const positions: readonly ["static", "relative", "absolute", "fixed", "sticky"];
+type Position = (typeof positions)[number];
+declare const displays: readonly ["block", "inline", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "flow-root", "contents", "hidden"];
+type Display = (typeof displays)[number];
+declare const overflows: readonly ["auto", "hidden", "scroll", "visible"];
+type Overflow = (typeof overflows)[number];
+declare const gaps: readonly [0, 1, 2, 3, 4, 5, 6, 8, 10, 12];
+type Gap = (typeof gaps)[number];
+declare const flexDirections: readonly ["row", "col", "row-reverse", "col-reverse"];
+type FlexDirection = (typeof flexDirections)[number];
+declare const alignItems: readonly ["start", "center", "end", "stretch", "baseline"];
+type AlignItems = (typeof alignItems)[number];
+declare const justifyContent: readonly ["start", "center", "end", "between", "around", "evenly"];
+type JustifyContent = (typeof justifyContent)[number];
+declare const flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
+type FlexWrap = (typeof flexWrap)[number];
+declare const gridColumns: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
+type GridColumns = (typeof gridColumns)[number];
+declare const gridRows: readonly ["1", "2", "3", "4", "5", "6", "none"];
+type GridRows = (typeof gridRows)[number];
+declare const gridFlow: readonly ["row", "col", "dense", "row-dense", "col-dense"];
+type GridFlow = (typeof gridFlow)[number];
+
+type OwnBoxProps = {
+    as?: "div" | "span";
+    asChild?: boolean;
+    width?: Responsive<Width>;
+    minWidth?: Responsive<MinWidth>;
+    maxWidth?: Responsive<MaxWidth>;
+    height?: Responsive<Height>;
+    minHeight?: Responsive<MinHeight>;
+    maxHeight?: Responsive<MaxHeight>;
+    p?: Responsive<Padding>;
+    px?: Responsive<Padding>;
+    py?: Responsive<Padding>;
+    pt?: Responsive<Padding>;
+    pr?: Responsive<Padding>;
+    pb?: Responsive<Padding>;
+    pl?: Responsive<Padding>;
+    m?: Responsive<Margin>;
+    mx?: Responsive<Margin>;
+    my?: Responsive<Margin>;
+    mt?: Responsive<Margin>;
+    mr?: Responsive<Margin>;
+    mb?: Responsive<Margin>;
+    ml?: Responsive<Margin>;
+    position?: Responsive<Position>;
+    display?: Responsive<Display>;
+    overflow?: Responsive<Overflow>;
+    overflowX?: Responsive<Overflow>;
+    overflowY?: Responsive<Overflow>;
+};
+type BoxDivProps = {
+    as?: "div";
+} & PropsOf<"div">;
+type BoxSpanProps = {
+    as: "span";
+} & PropsOf<"span">;
+type BoxProps = OwnBoxProps & (BoxDivProps | BoxSpanProps);
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+
+type InheritedBoxProps$1 = Omit<BoxProps, "display">;
+type OwFlexProps = {
+    direction?: Responsive<FlexDirection>;
+    align?: Responsive<AlignItems>;
+    justify?: Responsive<JustifyContent>;
+    wrap?: Responsive<FlexWrap>;
+    gap?: Responsive<Gap>;
+    gapX?: Responsive<Gap>;
+    gapY?: Responsive<Gap>;
+    inline?: boolean;
+};
+type FlexProps = InheritedBoxProps$1 & OwFlexProps;
+declare const Flex: react.ForwardRefExoticComponent<InheritedBoxProps$1 & OwFlexProps & react.RefAttributes<HTMLDivElement>>;
+
+type InheritedBoxProps = Omit<BoxProps, "display">;
+type OwnGridProps = {
+    columns?: Responsive<GridColumns>;
+    rows?: Responsive<GridRows>;
+    justify?: Responsive<JustifyContent>;
+    align?: Responsive<AlignItems>;
+    flow?: Responsive<GridFlow>;
+    gap?: Responsive<Gap>;
+    gapX?: Responsive<Gap>;
+    gapY?: Responsive<Gap>;
+    inline?: boolean;
+};
+type GridProps = InheritedBoxProps & OwnGridProps;
+declare const Grid: react.ForwardRefExoticComponent<InheritedBoxProps & OwnGridProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const iconVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconProps extends ComponentPropsWithoutRef<typeof DynamicIcon>, VariantProps<typeof iconVariants> {
+    disabled?: boolean;
+}
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    loading?: boolean;
+    leftIcon?: IconProps["name"];
+    rightIcon?: IconProps["name"];
+};
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const iconButtonVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type IconButtonProps = Omit<ButtonProps, "leftIcon" | "rightIcon" | "size"> & VariantProps<typeof iconButtonVariants> & {
+    icon: IconProps["name"];
+    tooltip?: string;
+};
+declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleProps = ComponentProps<typeof Root> & VariantProps<typeof toggleVariants>;
+declare const Toggle: FC<ToggleProps>;
+
+type ToggleGroupProps = ComponentProps<typeof Root$1> & VariantProps<typeof toggleVariants>;
+declare const ToggleGroup: FC<ToggleGroupProps>;
+type ToggleGroupItemProps = ComponentProps<typeof Item> & VariantProps<typeof toggleVariants>;
+declare const ToggleGroupItem: FC<ToggleGroupItemProps>;
+
+declare const checkboxVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CheckboxProps = ComponentProps<typeof Root$2> & VariantProps<typeof checkboxVariants> & {
+    indeterminate?: boolean;
+};
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputProps = ComponentProps<"input"> & VariantProps<typeof inputVariants>;
+declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const labelVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    weight?: "default" | "bold" | "light" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type LabelProps = ComponentProps<typeof Root$3> & VariantProps<typeof labelVariants>;
+declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLLabelElement>>;
+
+type RadioGroupProps = ComponentProps<typeof Root$4>;
+declare const RadioGroup: FC<RadioGroupProps>;
+type RadioGroupItemProps = ComponentProps<typeof Item$1>;
+declare const RadioGroupItem: FC<RadioGroupItemProps>;
+
+type SelectProps = ComponentProps<typeof Root$5>;
+declare const Select: FC<SelectProps>;
+type SelectGroupProps = ComponentProps<typeof Group>;
+declare const SelectGroup: FC<SelectGroupProps>;
+type SelectValueProps = ComponentProps<typeof Value>;
+declare const SelectValue: FC<SelectValueProps>;
+type SelectTriggerProps = ComponentProps<typeof Trigger> & {
+    size?: "sm" | "default";
+};
+declare const SelectTrigger: FC<SelectTriggerProps>;
+type SelectScrollUpButtonProps = ComponentProps<typeof ScrollUpButton>;
+declare const SelectScrollUpButton: FC<SelectScrollUpButtonProps>;
+type SelectScrollDownButtonProps = ComponentProps<typeof ScrollDownButton>;
+declare const SelectScrollDownButton: FC<SelectScrollDownButtonProps>;
+type SelectContentProps = ComponentProps<typeof Content> & {
+    position?: "popper" | "item-aligned";
+};
+declare const SelectContent: FC<SelectContentProps>;
+type SelectLabelProps = ComponentProps<typeof Label$1>;
+declare const SelectLabel: FC<SelectLabelProps>;
+type SelectItemProps = ComponentProps<typeof Item$2>;
+declare const SelectItem: FC<SelectItemProps>;
+type SelectSeparatorProps = ComponentProps<typeof Separator$1>;
+declare const SelectSeparator: FC<SelectSeparatorProps>;
+
+declare const switchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SwitchProps = ComponentProps<typeof Root$6> & VariantProps<typeof switchVariants> & {
+    thumbClassName?: string;
+};
+declare const Switch: FC<SwitchProps>;
+
+declare const textareaVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextareaProps = ComponentProps<"textarea"> & VariantProps<typeof textareaVariants>;
+declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
+
+type AvatarProps = ComponentProps<typeof Root$7>;
+declare const Avatar: FC<AvatarProps>;
+type AvatarImageProps = ComponentProps<typeof Image>;
+declare const AvatarImage: FC<AvatarImageProps>;
+type AvatarFallbackProps = ComponentProps<typeof Fallback>;
+declare const AvatarFallback: FC<AvatarFallbackProps>;
+
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+type DialogProps = ComponentProps<typeof Root$8>;
+declare const Dialog: FC<DialogProps>;
+type DialogTriggerProps = ComponentProps<typeof Trigger$1>;
+declare const DialogTrigger: FC<DialogTriggerProps>;
+type DialogCloseProps = ComponentProps<typeof Close>;
+declare const DialogClose: FC<DialogCloseProps>;
+type DialogContentProps = ComponentProps<typeof Content$1>;
+declare const DialogContent: FC<DialogContentProps>;
+type DialogHeaderProps = ComponentProps<"div">;
+declare const DialogHeader: FC<DialogHeaderProps>;
+type DialogFooterProps = ComponentProps<"div">;
+declare const DialogFooter: FC<DialogFooterProps>;
+type DialogTitleProps = ComponentProps<typeof Title>;
+declare const DialogTitle: FC<DialogTitleProps>;
+type DialogDescriptionProps = ComponentProps<typeof Description>;
+declare const DialogDescription: FC<DialogDescriptionProps>;
+
+type DrawerProps = ComponentProps<typeof Drawer$1.Root>;
+declare const Drawer: FC<DrawerProps>;
+type DrawerCloseProps = ComponentProps<typeof Drawer$1.Close>;
+declare const DrawerClose: FC<DrawerCloseProps>;
+type DrawerContentProps = ComponentProps<typeof Drawer$1.Content>;
+declare const DrawerContent: FC<DrawerContentProps>;
+type DrawerHeaderProps = ComponentProps<"div">;
+declare const DrawerHeader: FC<DrawerHeaderProps>;
+type DrawerFooterProps = ComponentProps<"div">;
+declare const DrawerFooter: FC<DrawerFooterProps>;
+type DrawerTitleProps = ComponentProps<typeof Drawer$1.Title>;
+declare const DrawerTitle: FC<DrawerTitleProps>;
+type DrawerDescriptionProps = ComponentProps<typeof Drawer$1.Description>;
+declare const DrawerDescription: FC<DrawerDescriptionProps>;
+
+declare const popoverContentVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type PopoverProps = ComponentProps<typeof Root$9>;
+declare const Popover: FC<PopoverProps>;
+type PopoverTriggerProps = ComponentProps<typeof Trigger$2>;
+declare const PopoverTrigger: FC<PopoverTriggerProps>;
+type PopoverContentProps = ComponentProps<typeof Content$2> & VariantProps<typeof popoverContentVariants> & {
+    arrow?: boolean;
+    withClose?: boolean;
+};
+declare const PopoverContent: FC<PopoverContentProps>;
+type PopoverAnchorProps = ComponentProps<typeof Anchor>;
+declare const PopoverAnchor: FC<PopoverAnchorProps>;
+
+type SheetProps = ComponentProps<typeof Root$8>;
+declare const Sheet: FC<SheetProps>;
+type SheetCloseProps = ComponentProps<typeof Close>;
+declare const SheetClose: FC<SheetCloseProps>;
+declare const contentVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SheetContentProps = ComponentProps<typeof Content$1> & VariantProps<typeof contentVariants>;
+declare const SheetContent: FC<SheetContentProps>;
+type SheetHeaderProps = ComponentProps<"div">;
+declare const SheetHeader: FC<SheetHeaderProps>;
+type SheetFooterProps = ComponentProps<"div">;
+declare const SheetFooter: FC<SheetFooterProps>;
+type SheetTitleProps = ComponentProps<typeof Title>;
+declare const SheetTitle: FC<SheetTitleProps>;
+type SheetDescriptionProps = ComponentProps<typeof Description>;
+declare const SheetDescription: FC<SheetDescriptionProps>;
+
+declare const ToastProvider: react.FC<_radix_ui_react_toast.ToastProviderProps>;
+declare const ToastViewport: react.ForwardRefExoticComponent<Omit<_radix_ui_react_toast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref"> & react.RefAttributes<HTMLOListElement>>;
+declare const toastVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToastProps = ComponentProps<typeof Root$a> & VariantProps<typeof toastVariants>;
+declare const Toast: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: react.ForwardRefExoticComponent<Omit<_radix_ui_react_toast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: react.ForwardRefExoticComponent<Omit<_radix_ui_react_toast.ToastCloseProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: react.ForwardRefExoticComponent<Omit<_radix_ui_react_toast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: react.ForwardRefExoticComponent<Omit<_radix_ui_react_toast.ToastDescriptionProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type ToastActionElement = ReactElement<typeof ToastAction>;
+
+type TooltipProviderProps = ComponentProps<typeof Provider>;
+declare const TooltipProvider: FC<TooltipProviderProps>;
+type TooltipTriggerProps = ComponentProps<typeof Trigger$3>;
+declare const TooltipTrigger: FC<TooltipTriggerProps>;
+type TooltipContentProps = ComponentProps<typeof Content$3> & {
+    arrow?: boolean;
+};
+declare const TooltipContent: FC<TooltipContentProps>;
+type TooltipProps = ComponentProps<typeof Root$b> & ComponentProps<typeof Provider>;
+declare const Tooltip: FC<TooltipProps>;
+
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+declare const Heading: react.ForwardRefExoticComponent<{
+    level?: HeadingLevel;
+    asChild?: boolean;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & VariantProps<(props?: ({
+    level?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
+    color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const Text: react.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    type?: "body" | "small" | "tiny" | null | undefined;
+    weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
+    color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
+    truncate?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLSpanElement>>;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: react.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: react.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: react.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare const Badge: FC<BadgeProps>;
+
+type CalendarProps = react.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+type CommandProps = ComponentProps<typeof Command$1>;
+declare const Command: FC<CommandProps>;
+type CommandDialogProps = ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+};
+declare const CommandDialog: FC<CommandDialogProps>;
+type CommandInputProps = ComponentProps<typeof Command$1.Input>;
+declare const CommandInput: FC<CommandInputProps>;
+type CommandListProps = ComponentProps<typeof Command$1.List>;
+declare const CommandList: FC<CommandListProps>;
+type CommandEmptyProps = ComponentProps<typeof Command$1.Empty>;
+declare const CommandEmpty: FC<CommandEmptyProps>;
+type CommandGroupProps = ComponentProps<typeof Command$1.Group>;
+declare const CommandGroup: FC<CommandGroupProps>;
+type CommandSeparatorProps = ComponentProps<typeof Command$1.Separator>;
+declare const CommandSeparator: FC<CommandSeparatorProps>;
+type CommandItemProps = ComponentProps<typeof Command$1.Item>;
+declare const CommandItem: FC<CommandItemProps>;
+type CommandShortcutProps = ComponentProps<"span">;
+declare const CommandShortcut: FC<CommandShortcutProps>;
+
+declare const cellVariants$1: (props?: ({
+    align?: "center" | "right" | "left" | null | undefined;
+    sticky?: "right" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TableCellProps = ComponentProps<"td"> & VariantProps<typeof cellVariants$1>;
+declare const TableCell: FC<TableCellProps>;
+
+declare const rowVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TableRowProps = ComponentProps<"tr"> & VariantProps<typeof rowVariants>;
+declare const TableRow: FC<TableRowProps>;
+
+declare const cellVariants: (props?: ({
+    align?: "center" | "right" | "left" | null | undefined;
+    sticky?: "right" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TableHeadProps = ComponentProps<"th"> & VariantProps<typeof cellVariants>;
+declare const TableHead: FC<TableHeadProps>;
+
+type TableHeaderProps = ComponentProps<"thead">;
+declare const TableHeader: FC<TableHeaderProps>;
+
+type TableBodyProps = ComponentProps<"tbody">;
+declare const TableBody: FC<TableBodyProps>;
+
+type TableFooterProps = ComponentProps<"tfoot">;
+declare const TableFooter: FC<TableFooterProps>;
+
+type TableCaptionProps = ComponentProps<"caption">;
+declare const TableCaption: FC<TableCaptionProps>;
+
+type TableProps = ComponentProps<"table"> & {
+    stickyHeader?: boolean;
+    grid?: boolean;
+};
+declare const Table: FC<TableProps>;
+type TableContainerProps = ComponentProps<"div">;
+declare const TableContainer: FC<TableContainerProps>;
+
+type OwnTableCellProps = {
+    columnId?: string;
+    sticky?: "left" | "right";
+    variant?: "body" | "header";
+};
+type CellProps = Omit<ComponentProps<typeof TableCell>, keyof OwnTableCellProps> & OwnTableCellProps;
+
+type RowId = string | number;
+interface RowData {
+    [key: string]: any;
+}
+type PartialColumns<T> = Partial<Record<NestedKeys<T>, number>>;
+type CustomColumn = string & {};
+type Column<T extends RowData = RowData> = Pick<CellProps, "align" | "style"> & {
+    id: NestedKeys<T> | CustomColumn;
+    label: ReactNode;
+    sortable?: boolean;
+    children?: Column[] | undefined;
+};
+type ColumnRenderer<T extends RowData = RowData> = FC<{
+    row: T;
+    dataKey: string;
+    value: any;
+    index: number;
+}>;
+type RowRenderer<T extends RowData = RowData> = FC<{
+    row: T;
+}>;
+type DataTableProps<T extends RowData = RowData> = {
+    columns: Column<T>[];
+    rows: T[];
+    rowId?: RowId | ((rowData: T) => RowId);
+    rowDataKeys?: NestedKeys<T>[];
+    isLoading?: boolean;
+    isError?: boolean;
+    errorFallback?: ReactNode;
+    emptyFallback?: ReactNode;
+    loadingFallback?: ReactNode;
+    rowRenderer?: RowRenderer<T>;
+    columnRenderers?: Partial<Record<NestedKeys<T>, ColumnRenderer<T>>>;
+    stickyHeader?: boolean;
+    stickyColumnsLeft?: number;
+    stickyColumnsRight?: number;
+    sortBy?: Column["id"];
+    sortDirection?: "asc" | "desc";
+    onSortChange?: (columnId: Column["id"], e: MouseEvent<unknown>) => void;
+    selectedRows?: RowId[];
+    onSelect?: (newSelectedRows: RowId[], rowId?: RowId) => void;
+    colSpan?: Record<string, PartialColumns<T>>;
+    rowSpan?: Record<string, PartialColumns<T>>;
+};
+declare const DataTable: {
+    <T extends RowData>({ columns, rows, rowId, rowDataKeys, isLoading, isError, errorFallback, emptyFallback, loadingFallback, columnRenderers, rowRenderer, stickyHeader, stickyColumnsLeft, stickyColumnsRight, sortBy, sortDirection, onSortChange, selectedRows, onSelect, colSpan, rowSpan, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    Row: FC<react.ClassAttributes<HTMLTableRowElement> & react.HTMLAttributes<HTMLTableRowElement> & class_variance_authority.VariantProps<(props?: ({
+        selected?: boolean | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string>>;
+    Cell: FC<CellProps>;
+};
+
+type DatePickerProps = {
+    date?: Date;
+    onChange?: (newDate?: Date) => void;
+    placeholder?: string;
+};
+declare const DatePicker: FC<DatePickerProps>;
+
+type DropdownMenuProps = ComponentProps<typeof Root$c>;
+declare const DropdownMenu: FC<DropdownMenuProps>;
+type DropdownMenuPortalProps = ComponentProps<typeof Portal>;
+declare const DropdownMenuPortal: FC<DropdownMenuPortalProps>;
+type DropdownMenuTriggerProps = ComponentProps<typeof Trigger$4>;
+declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
+type DropdownMenuContentProps = ComponentProps<typeof Content$4> & {
+    sideOffset?: number;
+};
+declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
+type DropdownMenuGroupProps = ComponentProps<typeof Group$1>;
+declare const DropdownMenuGroup: FC<DropdownMenuGroupProps>;
+type DropdownMenuItemProps = ComponentProps<typeof Item$3> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
+type DropdownMenuCheckboxItemProps = ComponentProps<typeof CheckboxItem>;
+declare const DropdownMenuCheckboxItem: FC<DropdownMenuCheckboxItemProps>;
+type DropdownMenuRadioGroupProps = ComponentProps<typeof RadioGroup$1>;
+declare const DropdownMenuRadioGroup: FC<DropdownMenuRadioGroupProps>;
+type DropdownMenuRadioItemProps = ComponentProps<typeof RadioItem>;
+declare const DropdownMenuRadioItem: FC<DropdownMenuRadioItemProps>;
+type DropdownMenuLabelProps = ComponentProps<typeof Label$2> & {
+    inset?: boolean;
+};
+declare const DropdownMenuLabel: FC<DropdownMenuLabelProps>;
+type DropdownMenuSeparatorProps = ComponentProps<typeof Separator$2>;
+declare const DropdownMenuSeparator: FC<DropdownMenuSeparatorProps>;
+type DropdownMenuShortcutProps = ComponentProps<"span">;
+declare const DropdownMenuShortcut: FC<DropdownMenuShortcutProps>;
+type DropdownMenuSubProps = ComponentProps<typeof Sub>;
+declare const DropdownMenuSub: FC<DropdownMenuSubProps>;
+type DropdownMenuSubTriggerProps = ComponentProps<typeof SubTrigger> & {
+    inset?: boolean;
+};
+declare const DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps>;
+type DropdownMenuSubContentProps = ComponentProps<typeof SubContent>;
+declare const DropdownMenuSubContent: FC<DropdownMenuSubContentProps>;
+
+declare const linkVariants: (props?: ({
+    underline?: "none" | "hover" | "always" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type LinkProps<TTag extends ElementType = "a", TContainer extends ElementType = typeof Slot> = {
+    tagName?: TTag;
+    as?: TContainer;
+} & VariantProps<typeof linkVariants> & PropsOf<TTag> & Omit<PropsOf<TContainer>, "asChild">;
+declare const Link: <TTag extends ElementType = "a", TContainer extends ElementType = react.ForwardRefExoticComponent<_radix_ui_react_slot.SlotProps & react.RefAttributes<HTMLElement>>>(props: {
+    tagName?: TTag | undefined;
+    as?: TContainer | undefined;
+} & VariantProps<(props?: ({
+    underline?: "none" | "hover" | "always" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & react.PropsWithoutRef<react.ComponentProps<TTag>> & Omit<react.PropsWithoutRef<react.ComponentProps<TContainer>>, "asChild"> & {
+    ref?: react.Ref<unknown> | undefined;
+}) => react.ReactElement | null;
+
+type PaginationProps = ComponentProps<"nav">;
+declare const Pagination: FC<PaginationProps>;
+type PaginationContentProps = ComponentProps<"ul">;
+declare const PaginationContent: FC<PaginationContentProps>;
+type PaginationItemProps = ComponentProps<"li">;
+declare const PaginationItem: FC<PaginationItemProps>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ComponentProps<typeof Button>, "size"> & ComponentProps<"a">;
+declare const PaginationLink: FC<PaginationLinkProps>;
+type PaginationPreviousProps = ComponentProps<typeof PaginationLink>;
+declare const PaginationPrevious: FC<PaginationPreviousProps>;
+type PaginationNextProps = ComponentProps<typeof PaginationLink>;
+declare const PaginationNext: FC<PaginationNextProps>;
+type PaginationEllipsisProps = ComponentProps<"span">;
+declare const PaginationEllipsis: FC<PaginationEllipsisProps>;
+
+type ProgressProps = ComponentProps<typeof Root$d>;
+declare const Progress: FC<ProgressProps>;
+
+type SeparatorProps = ComponentProps<typeof Root$e>;
+declare const Separator: FC<SeparatorProps>;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function SidebarRail({ className, ...props }: ComponentProps<"button">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset({ className, ...props }: ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroup({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: ComponentProps<"button"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenu({ className, ...props }: ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, ...props }: react.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, ...props }: react.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: react.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: react.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+type EmptyStateProps = PropsOf<typeof Flex>;
+declare const EmptyState: react.ForwardRefExoticComponent<Omit<{
+    p?: Responsive<Padding> | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: react.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: react.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    children?: react.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCut?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+    onFocus?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+    onChange?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onInput?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onReset?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+    onLoad?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onError?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onAbort?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptied?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEnded?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPause?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlay?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlaying?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgress?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onResize?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeked?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeking?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalled?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspend?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaiting?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onDrag?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnd?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnter?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExit?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeave?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOver?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStart?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDrop?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onDropCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+    onSelect?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+    onScroll?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+    onWheel?: react.WheelEventHandler<HTMLDivElement> | react.WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | react.WheelEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLDivElement> | react.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | react.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+    as?: "div" | "span" | undefined;
+    asChild?: boolean | undefined;
+    width?: Responsive<Width> | undefined;
+    minWidth?: Responsive<MinWidth> | undefined;
+    maxWidth?: Responsive<MaxWidth> | undefined;
+    height?: Responsive<Height> | undefined;
+    minHeight?: Responsive<MinHeight> | undefined;
+    maxHeight?: Responsive<MaxHeight> | undefined;
+    px?: Responsive<Padding> | undefined;
+    py?: Responsive<Padding> | undefined;
+    pt?: Responsive<Padding> | undefined;
+    pr?: Responsive<Padding> | undefined;
+    pb?: Responsive<Padding> | undefined;
+    pl?: Responsive<Padding> | undefined;
+    m?: Responsive<Margin> | undefined;
+    mx?: Responsive<Margin> | undefined;
+    my?: Responsive<Margin> | undefined;
+    mt?: Responsive<Margin> | undefined;
+    mr?: Responsive<Margin> | undefined;
+    mb?: Responsive<Margin> | undefined;
+    ml?: Responsive<Margin> | undefined;
+    position?: Responsive<Position> | undefined;
+    overflow?: Responsive<Overflow> | undefined;
+    overflowX?: Responsive<Overflow> | undefined;
+    overflowY?: Responsive<Overflow> | undefined;
+} & {
+    direction?: Responsive<FlexDirection>;
+    align?: Responsive<AlignItems>;
+    justify?: Responsive<JustifyContent>;
+    wrap?: Responsive<FlexWrap>;
+    gap?: Responsive<Gap>;
+    gapX?: Responsive<Gap>;
+    gapY?: Responsive<Gap>;
+    inline?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
+    Image: FC<Omit<{
+        p?: Responsive<Padding> | undefined;
+        slot?: string | undefined | undefined;
+        style?: react.CSSProperties | undefined;
+        title?: string | undefined | undefined;
+        key?: react.Key | null | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: react.AriaRole | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: react.ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onCut?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onPaste?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | react.ClipboardEventHandler<HTMLSpanElement> | undefined;
+        onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | react.CompositionEventHandler<HTMLSpanElement> | undefined;
+        onFocus?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+        onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+        onBlur?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+        onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | react.FocusEventHandler<HTMLSpanElement> | undefined;
+        onChange?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onChangeCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onBeforeInput?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onInput?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onInputCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onReset?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onResetCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onSubmit?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onInvalid?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | react.FormEventHandler<HTMLSpanElement> | undefined;
+        onLoad?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onError?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | react.KeyboardEventHandler<HTMLSpanElement> | undefined;
+        onAbort?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onCanPlay?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onDurationChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEmptied?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEncrypted?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEnded?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadedData?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadStart?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPause?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPlay?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPlaying?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onProgress?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onRateChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onResize?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSeeked?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSeeking?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onStalled?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSuspend?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onWaiting?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onAuxClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onContextMenu?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onDrag?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragEnd?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragEnter?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragExit?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragLeave?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragOver?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragStart?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDrop?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onDropCapture?: react.DragEventHandler<HTMLDivElement> | react.DragEventHandler<HTMLSpanElement> | undefined;
+        onMouseDown?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseMove?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseOut?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseOver?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseUp?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | react.MouseEventHandler<HTMLSpanElement> | undefined;
+        onSelect?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | react.ReactEventHandler<HTMLSpanElement> | undefined;
+        onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchMove?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchStart?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | react.TouchEventHandler<HTMLSpanElement> | undefined;
+        onPointerDown?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerMove?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerUp?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerOver?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerOut?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | react.PointerEventHandler<HTMLSpanElement> | undefined;
+        onScroll?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+        onScrollCapture?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | react.UIEventHandler<HTMLSpanElement> | undefined;
+        onWheel?: react.WheelEventHandler<HTMLDivElement> | react.WheelEventHandler<HTMLSpanElement> | undefined;
+        onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | react.WheelEventHandler<HTMLSpanElement> | undefined;
+        onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | react.AnimationEventHandler<HTMLSpanElement> | undefined;
+        onToggle?: react.ToggleEventHandler<HTMLDivElement> | react.ToggleEventHandler<HTMLSpanElement> | undefined;
+        onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | react.ToggleEventHandler<HTMLSpanElement> | undefined;
+        onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | react.TransitionEventHandler<HTMLSpanElement> | undefined;
+        as?: "div" | "span" | undefined;
+        asChild?: boolean | undefined;
+        width?: Responsive<Width> | undefined;
+        minWidth?: Responsive<MinWidth> | undefined;
+        maxWidth?: Responsive<MaxWidth> | undefined;
+        height?: Responsive<Height> | undefined;
+        minHeight?: Responsive<MinHeight> | undefined;
+        maxHeight?: Responsive<MaxHeight> | undefined;
+        px?: Responsive<Padding> | undefined;
+        py?: Responsive<Padding> | undefined;
+        pt?: Responsive<Padding> | undefined;
+        pr?: Responsive<Padding> | undefined;
+        pb?: Responsive<Padding> | undefined;
+        pl?: Responsive<Padding> | undefined;
+        m?: Responsive<Margin> | undefined;
+        mx?: Responsive<Margin> | undefined;
+        my?: Responsive<Margin> | undefined;
+        mt?: Responsive<Margin> | undefined;
+        mr?: Responsive<Margin> | undefined;
+        mb?: Responsive<Margin> | undefined;
+        ml?: Responsive<Margin> | undefined;
+        position?: Responsive<Position> | undefined;
+        overflow?: Responsive<Overflow> | undefined;
+        overflowX?: Responsive<Overflow> | undefined;
+        overflowY?: Responsive<Overflow> | undefined;
+    } & {
+        direction?: Responsive<FlexDirection>;
+        align?: Responsive<AlignItems>;
+        justify?: Responsive<JustifyContent>;
+        wrap?: Responsive<FlexWrap>;
+        gap?: Responsive<Gap>;
+        gapX?: Responsive<Gap>;
+        gapY?: Responsive<Gap>;
+        inline?: boolean;
+    } & react.RefAttributes<HTMLDivElement>, "ref">>;
+    Title: FC<Omit<{
+        level?: 2 | 1 | 3 | 4 | 5 | 6;
+        asChild?: boolean;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & class_variance_authority.VariantProps<(props?: ({
+        level?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+        weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
+        align?: "center" | "right" | "left" | null | undefined;
+        color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLHeadingElement>, "ref">>;
+    Description: FC<Omit<{
+        asChild?: boolean;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & class_variance_authority.VariantProps<(props?: ({
+        type?: "body" | "small" | "tiny" | null | undefined;
+        weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
+        align?: "center" | "right" | "left" | null | undefined;
+        color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
+        truncate?: boolean | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLSpanElement>, "ref">>;
+    Action: FC<Omit<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">>;
+};
+
+type SkeletonProps = ComponentProps<"div">;
+declare const Skeleton: FC<SkeletonProps>;
+
+type StatusControllerProps = {
+    loading?: boolean;
+    error?: boolean;
+    empty?: boolean;
+    loadingFallback?: ReactNode;
+    errorFallback?: ReactNode;
+    emptyFallback?: ReactNode;
+    children: ReactNode;
+};
+declare const StatusController: FC<StatusControllerProps>;
+
+declare const useFirstMountState: () => boolean;
+
+declare const useUpdateEffect: typeof useEffect;
+
+declare function useForkRef<Instance>(...refs: Array<Ref<Instance> | undefined>): RefCallback<Instance> | null;
+
+declare const useStateRef: <T = HTMLElement>(defaultValue?: T) => readonly [T | null, (newNode: T) => void];
+
+declare const useControlled: <V = any, D = V>(controlledValue: V, defaultValue: D) => readonly [V extends undefined ? D : Exclude<V, undefined>, (nextValue: SetStateAction<D>) => void, boolean];
+
+declare const usePrevious: <T>(value: T) => T | undefined;
+
+declare const useLatest: <T>(value: T) => RefObject<T>;
+
+declare const useScrollState: (containerRef: RefObject<HTMLElement | null>) => {
+    isScrolledToLeftCorner: boolean;
+    isScrolledToRightCorner: boolean;
+    isScrolledToTopCorner: boolean;
+    isScrolledToBottomCorner: boolean;
+};
+
+/**
+ * Creates function that execute callback functions together so that they are invoked in sequence
+ * with the same set of arguments.
+ *
+ * @param {...Function} callbacks - A series of callback functions to chain together.
+ *
+ * @example
+ * const sum = (a, b) => console.log(`${a} + ${b} = ${a + b}`);
+ * const multiply = (a, b) => console.log(`${a} * ${b} = ${a * b}`);
+ * const log = (...args) => console.log(`I received following arguments: ${args.join(', ')}`);
+ *
+ * const chained = chain(sum, multiply, log);
+ * chained(1, 2);   // Logs:
+ *                  // "1 + 2 = 3"
+ *                  // "1 * 2 = 2"
+ *                  // "I received following arguments: 1, 2"
+ */
+declare function chain(...callbacks: any[]): (...args: any[]) => void;
+
+interface Props {
+    [key: string]: any;
+}
+type TupleTypes<T> = {
+    [P in keyof T]: T[P];
+} extends {
+    [key: number]: infer V;
+} ? V : never;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+/**
+ * Merges multiple props objects together. Event handlers are chained,
+ * classNames are combined, all other props, the last prop object overrides all previous ones.
+ * @param args - Multiple sets of props to merge together.
+ */
+declare function mergeProps<T extends Props[]>(...args: T): UnionToIntersection<TupleTypes<T>>;
+
+declare function assignRef(ref: Ref<any>, value: any): void;
+declare function mergeRefs(...refs: Ref<any>[]): (value: any) => void;
+
+declare const toggle: <T>(arr: T[], item: T, getValue?: (item: T) => any) => T[];
+
+declare const addIf: <T>(condition: boolean, props: T, empty?: T) => T;
+
+interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+declare const DEFAULT_RECT: Rect;
+declare const getBoundingRect: (node: HTMLElement) => Rect;
+
+export { Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Box, Button, Calendar, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_RECT, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, Flex, Grid, Heading, Icon, IconButton, Input, Label, Link, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusController, Switch, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addIf, assignRef, badgeVariants, buttonVariants, chain, getBoundingRect, mergeProps, mergeRefs, toggle, toggleVariants, useControlled, useFirstMountState, useForkRef, useLatest, usePrevious, useScrollState, useSidebar, useStateRef, useUpdateEffect };
+export type { BoxProps, ButtonProps, CalendarProps, CheckboxProps, Column, ColumnRenderer, DataTableProps, DialogProps, EmptyStateProps, FlexProps, GridProps, IconButtonProps, IconProps, InputProps, LabelProps, LinkProps, PopoverAnchorProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, Rect, RowData, RowId, RowRenderer, StatusControllerProps, SwitchProps, TextareaProps, ToastActionElement, ToastProps, TooltipContentProps, TooltipProps, TooltipTriggerProps };