@optiaxiom/react 1.3.5 → 1.4.0

package/dist/unstable.d.ts

@@ -1,13 +1,11 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, FocusEventHandler, ChangeEventHandler } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, f as ListboxItemized, P as Popover, b as ResponsiveArray, a as ExtendProps, D as DialogContent, g as PopoverContent, M as ModalListbox, d as ButtonProps } from './PopoverContent-CtWreUDC.js';
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, ReactElement } from 'react';
+import { B as BoxProps, S as Sprinkles, v as Link, E as ExcludeProps, e as Checkbox, K as Text, f as Box, H as HeadingProps, I as Input, x as ListboxItemized, c as ExtendProps, p as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-BsSSg661.js';
+export { C as Calendar, d as CalendarProps } from './Link-BsSSg661.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react_day_picker from 'react-day-picker';
-import { Matcher, DateRange } from 'react-day-picker';
-import { Table as Table$1 } from '@tanstack/table-core';
 import { Header } from '@tanstack/react-table';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
-import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
+import * as RadixPopover from '@radix-ui/react-popover';
+import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
 type BreadcrumbProps = BoxProps<"nav">;
@@ -49,61 +47,12 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
-type CalendarProps = BoxProps<"div", {
+type CardProps = BoxProps<"div", {
     /**
-     * Apply the `holiday` modifier to the matching days.
-     */
-    holiday?: Matcher | Matcher[];
-    /**
-     * The latest date that is allowed.
-     */
-    max?: Date;
-    /**
-     * The earliest date that is allowed.
-     */
-    min?: Date;
-    onHeightChange?: (height: number) => void;
-    step?: number | string;
-    /**
-     * The today’s date. Default is the current date.
-     */
-    today?: Date;
-    type?: "date" | "datetime-local";
-    /**
-     * Apply the `weekend` modifier to the matching days.
-     */
-    weekend?: Matcher | Matcher[];
-} & ({
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: DateRange | null;
-    mode: "range";
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: DateRange | null) => void;
-    /**
-     * The selected value in controlled mode.
-     */
-    value?: DateRange | null;
-} | {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: Date | null;
-    mode?: "single";
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: Date | null) => void;
-    /**
-     * The selected value in controlled mode.
+     * The orientation/layout of the elements inside the card.
      */
-    value?: Date | null;
-})>;
-declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
-
+    orientation?: "horizontal" | "vertical";
+}>;
 declare const Card: react.ForwardRefExoticComponent<{
     /**
      * The orientation/layout of the elements inside the card.
@@ -114,6 +63,7 @@ declare const Card: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type CardActionProps = BoxProps<"div">;
 declare const CardAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -122,11 +72,13 @@ declare const CardAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 declare const CardCheckbox: react.ForwardRefExoticComponent<CardCheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
+type CardContentProps = BoxProps<"div">;
 declare const CardContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type CardDescriptionProps = ComponentPropsWithRef<typeof Text>;
 declare const CardDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
@@ -137,11 +89,13 @@ declare const CardDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     ref?: ((instance: HTMLParagraphElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLParagraphElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
 
+type CardImageProps = BoxProps<"img">;
 declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
 
+type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
 declare const CardLink: react.ForwardRefExoticComponent<Omit<{
     appearance?: "default" | "inverse" | "subtle" | undefined;
 } & {
@@ -153,6 +107,7 @@ declare const CardLink: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
 
+type CardOverflowProps = ComponentPropsWithRef<typeof Box>;
 declare const CardOverflow: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -160,6 +115,7 @@ declare const CardOverflow: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNu
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+type CardTitleProps = HeadingProps<"h2">;
 declare const CardTitle: react.ForwardRefExoticComponent<Omit<{
     level?: "1" | "2" | "3" | "4";
 }, never> & Omit<{
@@ -170,16 +126,6 @@ declare const CardTitle: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Clock: react.ForwardRefExoticComponent<{
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    step?: number | string;
-    value?: string;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
-
 type CommandOption = {
     /**
      * Images, icons, or avatars to be displayed before the item label.
@@ -208,7 +154,7 @@ type CommandOption = {
     /**
      * Group item belongs to.
      */
-    group?: Group$1;
+    group?: CommandOptionGroup;
     /**
      * Return a unique key for each item (otherwise label is used).
      */
@@ -243,6 +189,10 @@ type CommandOption = {
      * An array of sub items that will be displayed in a nested menu.
      */
     subOptions?: CommandOption[];
+    /**
+     * Allow filtering through sub-options independent of the parent menu.
+     */
+    subOptionsInputVisible?: boolean;
     /**
      * Override the default filtering logic and fully control when an item is
      * visible based on the current inputValue.
@@ -251,7 +201,7 @@ type CommandOption = {
         inputValue: string | undefined;
     }) => boolean | undefined) | boolean;
 };
-type Group$1 = {
+type CommandOptionGroup = {
     hidden?: boolean;
     name: string;
     separator?: boolean;
@@ -296,6 +246,7 @@ declare namespace Command {
     var displayName: string;
 }
 
+type CommandInputProps = ComponentPropsWithoutRef<typeof Input>;
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
@@ -321,7 +272,7 @@ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const CommandItem: react.ForwardRefExoticComponent<{
+type CommandItemProps = BoxProps<"div", {
     /**
      * The exact item object from the collection.
      */
@@ -330,49 +281,27 @@ declare const CommandItem: react.ForwardRefExoticComponent<{
      * Whether to override the default selected state.
      */
     selected?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CommandListboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof ListboxItemized>, "highlightedItem" | "items" | "itemToKey" | "onPlacedChange" | "placed">;
-declare const CommandListbox: react.ForwardRefExoticComponent<CommandListboxProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const DataTable: react.ForwardRefExoticComponent<{
-    /**
-     * Pass the table instance returned from `useReactTable()` hook.
-     */
-    table: Table$1<any>;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DataTableBody: react.ForwardRefExoticComponent<{
+}>;
+declare const CommandItem: react.ForwardRefExoticComponent<{
     /**
-     * The estimated height of rows in pixels when virtualization is enabled.
+     * The exact item object from the collection.
      */
-    estimatedRowHeight?: number;
+    item: CommandOption;
     /**
-     * Indicates if the table is loading
+     * Whether to override the default selected state.
      */
-    loading?: boolean;
+    selected?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DataTableFooter: react.ForwardRefExoticComponent<{
-    pageSizeOptions?: Array<{
-        label: string;
-        value: string;
-    }>;
-    showPageSizeOptions?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type CommandListboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof ListboxItemized>, "highlightedItem" | "items" | "itemToKey" | "onPlacedChange">;
+declare const CommandListbox: react.ForwardRefExoticComponent<CommandListboxProps & react.RefAttributes<HTMLDivElement>>;
 
+type DataTableHeaderCellProps = BoxProps<"th", {
+    header: Header<unknown, unknown>;
+}>;
 declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     header: Header<unknown, unknown>;
 } & Omit<NonNullable<Sprinkles & {
@@ -380,1031 +309,11 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
-    holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
-    max?: Date;
-    min?: Date;
-    onHeightChange?: (height: number) => void;
-    step?: number | string;
-    today?: Date;
-    type?: "date" | "datetime-local";
-    weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
-} & ({
-    defaultValue?: react_day_picker.DateRange | null;
-    mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | null) => void;
-    value?: react_day_picker.DateRange | null;
-} | {
-    defaultValue?: Date | null;
-    mode?: "single";
-    onValueChange?: (value: Date | null) => void;
-    value?: Date | null;
-})) & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "holiday" | "weekend"> & {
-    type?: "date" | "datetime-local";
-} & Omit<Omit<Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
-    appearance?: "number" | "default" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    htmlSize?: number;
-} & Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    disabled?: boolean;
-    error?: boolean;
-}>, "size"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type"> & react.RefAttributes<HTMLInputElement>>;
-
-type DatePickerProps = ComponentPropsWithRef<typeof Popover> & {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: Date | null;
-    disabled?: boolean;
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: Date | null) => void;
-    step?: "60" | "300" | "900";
-    type?: "date" | "datetime-local";
-    /**
-     * The selected value in controlled mode.
-     */
-    value?: Date | null;
-};
-declare function DatePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, step, type, value: valueProp, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
-declare namespace DatePicker {
-    var displayName: string;
-}
-
-declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
-    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
-    overflowX?: "auto" | "hidden" | "visible" | undefined;
-    hidden?: boolean | undefined | undefined;
-    overflowY?: "auto" | "hidden" | "visible" | undefined;
-    pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
-    whiteSpace?: "nowrap" | undefined;
-    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "1" | "2" | undefined;
-    borderB?: "0" | "1" | "2" | undefined;
-    borderL?: "0" | "1" | "2" | undefined;
-    borderR?: "0" | "1" | "2" | undefined;
-    borderT?: "0" | "1" | "2" | undefined;
-    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    overflow?: "auto" | "hidden" | "visible" | undefined;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
-    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
-        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
-    flex?: ("1" | "auto" | "none" | "initial" | {
-        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
-    flexWrap?: ("nowrap" | "wrap" | {
-        readonly base?: "nowrap" | "wrap" | undefined;
-        readonly sm?: "nowrap" | "wrap" | undefined;
-        readonly md?: "nowrap" | "wrap" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    placeItems?: ("center" | {
-        readonly base?: "center" | undefined;
-        readonly sm?: "center" | undefined;
-        readonly md?: "center" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    asChild?: boolean | undefined;
-    className?: string | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    key?: react.Key | null | undefined;
-    align?: ("end" | "start" | "center") | 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;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | 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;
-    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;
-    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 | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | 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 | "false" | "true") | 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?: ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    minW?: "0" | "trigger" | undefined;
-    withArrow?: boolean | undefined;
-    side?: ("top" | "right" | "bottom" | "left") | undefined;
-    sideOffset?: number | undefined;
-    alignOffset?: number | undefined;
-    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
-    onPointerDownOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => void) | undefined;
-    onFocusOutside?: ((event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onInteractOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onOpenAutoFocus?: ((event: Event) => void) | undefined;
-    onCloseAutoFocus?: ((event: Event) => void) | undefined;
-} & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
-    holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
-    max?: Date;
-    min?: Date;
-    onHeightChange?: (height: number) => void;
-    step?: number | string;
-    today?: Date;
-    type?: "date" | "datetime-local";
-    weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
-} & ({
-    defaultValue?: react_day_picker.DateRange | null;
-    mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | null) => void;
-    value?: react_day_picker.DateRange | null;
-} | {
-    defaultValue?: Date | null;
-    mode?: "single";
-    onValueChange?: (value: Date | null) => void;
-    value?: Date | null;
-})) & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "today" | "weekend"> & {
-    /**
-     * Display content inside the popover after the calendar.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the popover before the calendar.
-     */
-    addonBefore?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
-
-declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    format?: (date: Date) => string;
-    placeholder?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: DateRange | null;
-    disabled?: boolean;
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: DateRange | null) => void;
-    /**
-     * The selected value in controlled mode.
-     */
-    value?: DateRange | null;
-};
-declare function DateRangePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
-declare namespace DateRangePicker {
-    var displayName: string;
-}
-
-declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
-    size?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
-    overflowX?: "auto" | "hidden" | "visible" | undefined;
-    hidden?: boolean | undefined | undefined;
-    overflowY?: "auto" | "hidden" | "visible" | undefined;
-    pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
-    whiteSpace?: "nowrap" | undefined;
-    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "1" | "2" | undefined;
-    borderB?: "0" | "1" | "2" | undefined;
-    borderL?: "0" | "1" | "2" | undefined;
-    borderR?: "0" | "1" | "2" | undefined;
-    borderT?: "0" | "1" | "2" | undefined;
-    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    overflow?: "auto" | "hidden" | "visible" | undefined;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
-    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
-        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
-    flex?: ("1" | "auto" | "none" | "initial" | {
-        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
-    flexWrap?: ("nowrap" | "wrap" | {
-        readonly base?: "nowrap" | "wrap" | undefined;
-        readonly sm?: "nowrap" | "wrap" | undefined;
-        readonly md?: "nowrap" | "wrap" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    placeItems?: ("center" | {
-        readonly base?: "center" | undefined;
-        readonly sm?: "center" | undefined;
-        readonly md?: "center" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    asChild?: boolean | undefined;
-    className?: string | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    key?: react.Key | null | undefined;
-    align?: ("end" | "start" | "center") | 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;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | 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;
-    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;
-    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 | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | 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 | "false" | "true") | 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?: ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    minW?: "0" | "trigger" | undefined;
-    withArrow?: boolean | undefined;
-    side?: ("top" | "right" | "bottom" | "left") | undefined;
-    sideOffset?: number | undefined;
-    alignOffset?: number | undefined;
-    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
-    onPointerDownOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => void) | undefined;
-    onFocusOutside?: ((event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onInteractOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onOpenAutoFocus?: ((event: Event) => void) | undefined;
-    onCloseAutoFocus?: ((event: Event) => void) | undefined;
-} & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
-    holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
-    max?: Date;
-    min?: Date;
-    onHeightChange?: (height: number) => void;
-    step?: number | string;
-    today?: Date;
-    type?: "date" | "datetime-local";
-    weekend?: react_day_picker.Matcher | react_day_picker.Matcher[];
-} & ({
-    defaultValue?: react_day_picker.DateRange | null;
-    mode: "range";
-    onValueChange?: (value: react_day_picker.DateRange | null) => void;
-    value?: react_day_picker.DateRange | null;
-} | {
-    defaultValue?: Date | null;
-    mode?: "single";
-    onValueChange?: (value: Date | null) => void;
-    value?: Date | null;
-})) & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue">) & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "holiday" | "today" | "weekend"> & {
-    /**
-     * Display content inside the popover after the calendar.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the popover before the calendar.
-     */
-    addonBefore?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
-
-declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    format?: (date: DateRange) => string;
-    placeholder?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
-
+type HighlightProps = BoxProps<"div", {
+    children?: (chunk: ReactElement) => ReactNode;
+    content?: string;
+    query?: RegExp | RegExp[] | string | string[];
+}>;
 declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     content?: string;
@@ -1414,6 +323,15 @@ declare const Highlight: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
+type InlineInputProps = BoxProps<"div", {
+    defaultValue?: string;
+    disabled?: boolean;
+    label: string;
+    multiline?: boolean;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+}>;
 declare const InlineInput: react.ForwardRefExoticComponent<{
     defaultValue?: string;
     disabled?: boolean;
@@ -1427,24 +345,10 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    appearance?: never;
-    label: string;
-    size?: never;
-} & react.RefAttributes<HTMLButtonElement>>;
-
+type LayoutProps = BoxProps<"div", {
+    header?: ReactNode;
+    sidebar?: ReactNode;
+}>;
 declare const Layout: react.ForwardRefExoticComponent<{
     header?: ReactNode;
     sidebar?: ReactNode;
@@ -1456,11 +360,11 @@ declare const Layout: react.ForwardRefExoticComponent<{
 type MenuOption = CommandOption;
 type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Command>, {
     children: ReactNode;
-    defaultInputVisible?: boolean;
     /**
      * The initial open state in uncontrolled mode.
      */
     defaultOpen?: boolean;
+    initialInputVisible?: boolean;
     /**
      * Handler that is called when the open state changes.
      */
@@ -1472,7 +376,7 @@ type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Comman
     placeholder?: string;
     size?: "lg" | "sm";
 }>, "onSelect">;
-declare function Menu({ children, defaultInputVisible, defaultOpen, inputValue: inputValueProp, onInputValueChange, onOpenChange, open: openProp, options: optionsProp, placeholder, size: sizeProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+declare function Menu({ children, defaultOpen, initialInputVisible, inputValue: inputValueProp, onInputValueChange, onOpenChange, open: openProp, options: optionsProp, placeholder, size: sizeProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 declare namespace Menu {
     var displayName: string;
 }
@@ -1480,6 +384,7 @@ declare namespace Menu {
 type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "minW" | "size" | "transitionType" | "withArrow">;
 declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
+type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
 declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
     hasCustomAnchor?: boolean;
 } & Omit<{
@@ -1499,8 +404,16 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const pill: (props?: {
+    size?: "xs" | "sm" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type PillVariants = RecipeVariants<typeof pill>;
+
+type PillProps = BoxProps<"button", PillVariants>;
 declare const Pill: react.ForwardRefExoticComponent<{
     size?: "xs" | "sm" | undefined;
 } & Omit<NonNullable<Sprinkles & {
@@ -1508,6 +421,7 @@ declare const Pill: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type PillGroupProps = ComponentPropsWithRef<typeof Flex>;
 declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1517,521 +431,18 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omi
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type Group = {
-    /**
-     * Whether the group label should be hidden or not.
-     */
-    hidden?: boolean;
-    /**
-     * The label group.
-     */
-    label: string;
-    /**
-     * Whether to display a separator before this group.
-     */
-    separator?: boolean;
-};
-type SelectOption = {
-    /**
-     * Addons such as avatars or icons to show beside each item label.
-     */
-    addon?: ReactNode;
-    /**
-     * Override the ARIA label of the current element.
-     */
-    ["aria-label"]?: string;
-    /**
-     * Description to show under each item label.
-     */
-    description?: string;
-    /**
-     * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
-     */
-    disabledReason?: string;
-    /**
-     * Provide an optional group that item belongs to.
-     */
-    group?: Group;
-    /**
-     * String representation of items.
-     */
-    label: string;
-    /**
-     * Return a unique key for each item.
-     */
-    value: string;
-};
-
-type SelectProps = {
-    children?: ReactNode;
-    /**
-     * The initial open state in uncontrolled mode.
-     */
-    defaultOpen?: boolean;
-    /**
-     * The initial selected value in uncontrolled mode.
-     */
-    defaultValue?: string;
-    /**
-     * Whether the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether to show loading spinner inside the menu.
-     */
-    loading?: boolean;
-    name?: string;
-    onBlur?: FocusEventHandler<HTMLElement>;
-    onChange?: ChangeEventHandler<HTMLSelectElement>;
-    /**
-     * Handler that is called when the open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Handler that is called when the selected value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * The open state in controlled mode.
-     */
-    open?: boolean;
-    /**
-     * The select items/options we want to render.
-     */
-    options: readonly SelectOption[] | SelectOption[];
-    required?: boolean;
-    /**
-     * The selected value in controlled mode.
-     */
-    value?: string;
-};
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
-
-type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
-    children?: ((item: SelectOption) => ReactNode) | ReactNode;
-}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
-declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
-    placeholder?: string;
-}>, "disabled">;
-declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "defaultInputVisible" | "size">;
+type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "initialInputVisible" | "size">;
 declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
 }
 
-declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
-    animation?: "ping" | "pulse" | "spin" | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontSize?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | undefined;
-    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
-    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
-    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
-    objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
-    overflowX?: "auto" | "hidden" | "visible" | undefined;
-    hidden?: boolean | undefined | undefined;
-    overflowY?: "auto" | "hidden" | "visible" | undefined;
-    pointerEvents?: "auto" | "none" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
-    whiteSpace?: "nowrap" | undefined;
-    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
-    border?: "0" | "1" | "2" | undefined;
-    borderB?: "0" | "1" | "2" | undefined;
-    borderL?: "0" | "1" | "2" | undefined;
-    borderR?: "0" | "1" | "2" | undefined;
-    borderT?: "0" | "1" | "2" | undefined;
-    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
-    overflow?: "auto" | "hidden" | "visible" | undefined;
-    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none" | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
-    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
-        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
-    flex?: ("1" | "auto" | "none" | "initial" | {
-        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
-    flexWrap?: ("nowrap" | "wrap" | {
-        readonly base?: "nowrap" | "wrap" | undefined;
-        readonly sm?: "nowrap" | "wrap" | undefined;
-        readonly md?: "nowrap" | "wrap" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    gridColumn?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    gridTemplateColumns?: ("1" | "2" | "3" | "4" | {
-        readonly base?: "1" | "2" | "3" | "4" | undefined;
-        readonly sm?: "1" | "2" | "3" | "4" | undefined;
-        readonly md?: "1" | "2" | "3" | "4" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "2" | "3" | "4" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    placeItems?: ("center" | {
-        readonly base?: "center" | undefined;
-        readonly sm?: "center" | undefined;
-        readonly md?: "center" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: (("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>) & ("xs" | "sm" | "md" | "lg" | "full")) | undefined;
-    maxW?: ("xs" | "sm" | "md" | "lg" | "full" | {
-        readonly base?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly sm?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-        readonly md?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "xs" | "sm" | "md" | "lg" | "full" | null>;
-    h?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
-    asChild?: boolean | undefined;
-    className?: string | undefined;
-    slot?: string | undefined | undefined;
-    style?: react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
-    key?: react.Key | null | undefined;
-    align?: ("end" | "start" | "center") | 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;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | 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;
-    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;
-    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 | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | 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 | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | 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 | "false" | "true") | 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> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    side?: ("top" | "right" | "bottom" | "left") | undefined;
-    sideOffset?: number | undefined;
-    alignOffset?: number | undefined;
-    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
-    onPointerDownOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => void) | undefined;
-    onFocusOutside?: ((event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onInteractOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => void) | undefined;
-    onOpenAutoFocus?: ((event: Event) => void) | undefined;
-    onCloseAutoFocus?: ((event: Event) => void) | undefined;
-} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type SpotlightContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
+declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+type SpotlightTriggerProps = ButtonProps<typeof MenuTrigger, {
+    hotkey?: string;
+}>;
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     hotkey?: string;
 } & Omit<{
@@ -2070,44 +481,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Table: react.ForwardRefExoticComponent<{
-    layout?: "auto" | "fixed" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const TableAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
-
-declare const TableCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
-
-declare const TableHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
-
-declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
-
-declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DataTableHeaderCell, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
-export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, MenuOption };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Spotlight, SpotlightContent, SpotlightTrigger };
+export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardContentProps, CardDescriptionProps, CardImageProps, CardLinkProps, CardOverflowProps, CardProps, CardTitleProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };