@optiaxiom/react 0.8.1 → 0.8.2

package/dist/index.d.ts

@@ -1,20 +1,18 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox, R as ResponsiveArray } from './PopoverContent-DWNFnl2l.js';
-export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DWNFnl2l.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-DXCbZf2h.js';
+export { c as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DXCbZf2h.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { createToaster } from '@optiaxiom/globals';
-export { createToaster, toaster } from '@optiaxiom/globals';
+export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
 import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
-import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
@@ -24,6 +22,9 @@ import * as RadixToggle from '@radix-ui/react-toggle';
 declare const Alert: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
+    /**
+     * Show a close button inside the alert and invoke this callback when the close button is clicked.
+     */
     onClose?: () => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -46,7 +47,6 @@ declare namespace AlertDialog {
 declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -56,13 +56,12 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -72,7 +71,6 @@ declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -82,20 +80,29 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
+    restProps: Omit<S, "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w")>;
+};
 
-declare const AlertDialogContent: react.ForwardRefExoticComponent<{
+declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
+
+declare const content: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DialogVariants = RecipeVariants<typeof content>;
+
+type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixAlertDialog.Content, DialogVariants>, "forceMount">;
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -107,6 +114,9 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDialogTitle: react.ForwardRefExoticComponent<{
+    /**
+     * We show an alert icon before the title by default but this can be replaced with any other icon.
+     */
     addonBefore?: ReactNode;
 } & Omit<{
     level?: "1" | "2" | "3" | "4" | "6" | "5";
@@ -121,7 +131,6 @@ declare const AlertDialogTitle: react.ForwardRefExoticComponent<{
 declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -131,13 +140,12 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -161,9 +169,17 @@ declare const Avatar: react.ForwardRefExoticComponent<{
     colorScheme?: "neutral" | "purple" | undefined;
     size?: "sm" | "md" | "xs" | "lg" | "xl" | "3xl" | undefined;
 } & {
+    /**
+     * The fallback icon to display when no name or image is given.
+     */
     fallback?: keyof typeof mapFallbackToIcon;
-    icon?: React.ReactNode;
+    /**
+     * Use name to generate initials to show inside the avatar.
+     */
     name?: string;
+    /**
+     * Render the image inside the avatar.
+     */
     src?: string;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -171,6 +187,9 @@ declare const Avatar: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
 declare const AvatarGroup: react.ForwardRefExoticComponent<{
+    /**
+     * Control the size of the avatars.
+     */
     size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -227,6 +246,9 @@ declare const Badge: react.ForwardRefExoticComponent<{
 declare const Banner: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
+    /**
+     * Show a close button inside the banner and invoke this callback when the close button is clicked.
+     */
     onClose?: () => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -247,15 +269,6 @@ declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNul
     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>>;
 
-declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
-    sprinkleProps: Pick<S, keyof S & ("p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w")>;
-};
-
-declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
-
-type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
-
 declare const buttonBase: (props?: {
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
@@ -293,24 +306,54 @@ declare const appearances: {
     };
 };
 type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<Omit<NonNullable<ButtonVariants>, "intent" | "variant"> & {
+    /**
+     * Control the appearance by selecting between the different button types.
+     */
     appearance?: keyof typeof appearances;
-    children?: ReactNode;
+    /**
+     * Whether the button is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Whether to show loading spinner inside the button.
+     */
     loading?: boolean;
 }, P>>;
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
+    /**
+     * Display content inside the button but after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the button but before `children`.
+     */
     addonBefore?: ReactNode;
-    children?: ReactNode;
+    /**
+     * Display an icon before or after the button content or omit `children` to only show the icon.
+     */
     icon?: ReactNode;
+    /**
+     * Control whether to show the icon before or after the button content.
+     */
     iconPosition?: "end" | "start";
 }, P>>;
 declare const Button: react.ForwardRefExoticComponent<Omit<{
+    /**
+     * Display content inside the button but after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the button but before `children`.
+     */
     addonBefore?: ReactNode;
-    children?: ReactNode;
+    /**
+     * Display an icon before or after the button content or omit `children` to only show the icon.
+     */
     icon?: ReactNode;
+    /**
+     * Control whether to show the icon before or after the button content.
+     */
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
@@ -319,24 +362,31 @@ declare const Button: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonGroup: react.ForwardRefExoticComponent<{
-    children: ReactNode;
+    /**
+     * The orientation/layout of the buttons inside the group.
+     */
     orientation?: "horizontal" | "vertical";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Checkbox: react.ForwardRefExoticComponent<{
+    /**
+     * Add helper text after the label.
+     */
     description?: ReactNode;
+    /**
+     * Display a partially checked icon instead of the regular checkmark.
+     */
     indeterminate?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -350,7 +400,21 @@ declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles &
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
-type DialogProps = Omit<ComponentPropsWithoutRef<typeof RadixDialog.Root>, "modal">;
+type DialogProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
 declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
 declare namespace Dialog {
     var displayName: string;
@@ -371,7 +435,6 @@ declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNull
 declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -381,21 +444,18 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-declare const DialogDescription: react.ForwardRefExoticComponent<{
-    description?: string;
-} & Omit<NonNullable<Sprinkles & {
+declare const DialogDescription: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
@@ -427,7 +487,6 @@ declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
 declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -437,18 +496,30 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Disclosure: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+declare const Disclosure: react.ForwardRefExoticComponent<{
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "open" | "defaultOpen" | "onOpenChange"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -485,7 +556,6 @@ declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNull
 declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -495,13 +565,12 @@ declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const DrawerContent: react.ForwardRefExoticComponent<{
     position?: "left" | "right" | "bottom" | undefined;
@@ -545,7 +614,6 @@ declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
 declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -555,26 +623,39 @@ declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
+type MenuProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * When enabled interaction with outside elements will be disabled and only dropdown content will be visible to screen readers.
+     */
+    modal?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
 declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 declare namespace DropdownMenu {
     var displayName: string;
 }
 
-declare const DropdownMenuContent: react.ForwardRefExoticComponent<{
-    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sticky" | "updatePositionStrategy">;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -609,11 +690,18 @@ declare namespace DropdownMenuSub {
     var displayName: string;
 }
 
-declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<{
-    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Pick<Omit<{
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "minW"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
 }>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
@@ -631,7 +719,6 @@ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNu
 declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -641,26 +728,42 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Field: react.ForwardRefExoticComponent<{
-    children: ReactNode;
+    /**
+     * Provide description and help text for the field.
+     */
     description?: ReactNode;
+    /**
+     * Display validation or other errors for the input.
+     */
     error?: ReactNode;
+    /**
+     * Display a help icon with additional context for the input.
+     */
     info?: ReactNode;
+    /**
+     * Override the default generated input ID used for associating the label to the input.
+     */
     inputId?: string;
+    /**
+     * The label of the field.
+     */
     label?: ReactNode;
+    /**
+     * Display an asterisk for required inputs.
+     */
     required?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const FieldLabel: react.ForwardRefExoticComponent<{
     info?: ReactNode;
@@ -705,7 +808,7 @@ declare const Text: react.ForwardRefExoticComponent<Omit<{
 
 type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
     /**
-     * Presets for each level of heading h1-h6.
+     * Switch between the different h1-h6 levels.
      */
     level?: keyof typeof mapLevelToTag;
 }, P>>;
@@ -719,7 +822,7 @@ declare const mapLevelToTag: {
 };
 declare const Heading: react.ForwardRefExoticComponent<Omit<{
     /**
-     * Presets for each level of heading h1-h6.
+     * Switch between the different h1-h6 levels.
      */
     level?: keyof typeof mapLevelToTag;
 }, never> & Omit<{
@@ -730,31 +833,26 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
-    keepOpenOnActivation?: boolean;
-}>;
-declare function HoverCard({ children, defaultOpen, keepOpenOnActivation, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
-declare namespace HoverCard {
-    var displayName: string;
-}
-
-declare const HoverCardContent: react.ForwardRefExoticComponent<{
-    withArrow?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
-
 declare const Indicator: react.ForwardRefExoticComponent<{
+    /**
+     * Set the content of the badge.
+     */
     content?: ReactNode;
+    /**
+     * Whether to show or hide badge.
+     */
     disabled?: boolean;
+    /**
+     * Whether to offset the badge and display slightly outside the content box.
+     */
     offset?: boolean;
+    /**
+     * Whether to show a ping animation for the badge.
+     */
     ping?: boolean;
+    /**
+     * Set which corner the badge is displayed.
+     */
     position?: "bottom-right" | "top-right";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -782,8 +880,17 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "xl" | undefined;
 } & {
+    /**
+     * Display content inside the input at the end.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the input at the start.
+     */
     addonBefore?: ReactNode;
+    /**
+     * Control the native input `size` attribute.
+     */
     htmlSize?: number;
 } & Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
@@ -808,13 +915,25 @@ declare const control: (props?: {
 type ControlVariants = RecipeVariants<typeof control>;
 
 type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
+    /**
+     * Whether the input is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Whether to show the input error state.
+     */
     error?: boolean;
 }, P>>;
 declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
 } & {
+    /**
+     * Whether the input is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Whether to show the input error state.
+     */
     error?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -914,17 +1033,41 @@ declare const item: (props?: {
 type ItemVariants = RecipeVariants<typeof item>;
 
 type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<ItemVariants & {
+    /**
+     * Display content inside the item but after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the item but before `children`.
+     */
     addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary label.
+     */
     description?: ReactNode;
+    /**
+     * Display an icon before the item content.
+     */
     icon?: ReactNode;
 }, P>>;
 declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
 } & {
+    /**
+     * Display content inside the item but after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the item but before `children`.
+     */
     addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary label.
+     */
     description?: ReactNode;
+    /**
+     * Display an icon before the item content.
+     */
     icon?: ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -977,7 +1120,6 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
 declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -987,28 +1129,62 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ModalLayer: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dismissable_layer.DismissableLayerProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
+    children?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type PaginationProps = BoxProps<"nav", {
+    /**
+     * The default active page in uncontrolled mode.
+     */
     defaultPage?: number;
+    /**
+     * Whether to disable all button.
+     */
     disabled?: boolean;
+    /**
+     * Handler that is called when the active page is changed.
+     */
     onPageChange?: (offset: number) => void;
+    /**
+     * The active page in controlled mode.
+     */
     page?: number;
+    /**
+     * The total number of pages to display.
+     */
     total: number;
 }>;
 declare const Pagination: react.ForwardRefExoticComponent<{
+    /**
+     * The default active page in uncontrolled mode.
+     */
     defaultPage?: number;
+    /**
+     * Whether to disable all button.
+     */
     disabled?: boolean;
+    /**
+     * Handler that is called when the active page is changed.
+     */
     onPageChange?: (offset: number) => void;
+    /**
+     * The active page in controlled mode.
+     */
     page?: number;
+    /**
+     * The total number of pages to display.
+     */
     total: number;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1022,7 +1198,25 @@ declare const Paper: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type PopoverProps = ComponentPropsWithoutRef<typeof RadixPopover.Root>;
+type PopoverProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * When enabled interaction with outside elements will be disabled and only popover content will be visible to screen readers.
+     */
+    modal?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
 declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 declare namespace Popover {
     var displayName: string;
@@ -1036,7 +1230,6 @@ declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sp
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1046,13 +1239,12 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1062,6 +1254,9 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const Radio: react.ForwardRefExoticComponent<{
+    /**
+     * Add helper text after the label.
+     */
     description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1099,7 +1294,6 @@ declare const SegmentedControl: react.ForwardRefExoticComponent<{
 declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1109,13 +1303,12 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Separator: react.ForwardRefExoticComponent<{
     orientation?: ("vertical" | "horizontal" | {
@@ -1176,7 +1369,6 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
 } & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1186,16 +1378,14 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1205,13 +1395,12 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "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" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SidenavToggleProps = Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label"> & {
     "aria-label"?: string;
@@ -1243,6 +1432,9 @@ declare const Spinner: react.ForwardRefExoticComponent<{
 declare const Switch: react.ForwardRefExoticComponent<{
     size?: "md" | "lg" | undefined;
 } & {
+    /**
+     * Add helper text after the label.
+     */
     description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1271,7 +1463,6 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
 declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1281,13 +1472,12 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
@@ -1340,17 +1530,19 @@ declare namespace ThemeProvider {
     var displayName: string;
 }
 
-declare const Toast: react.ForwardRefExoticComponent<{
+declare const root: (props?: {
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RootVariants = RecipeVariants<typeof root>;
+
+type ToastProps = ExcludeProps<BoxProps<typeof RadixToast.Root, RootVariants>, "forceMount" | "open">;
+declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLLIElement>>;
 
 declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1360,13 +1552,12 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "3" | "4" | undefined;
@@ -1379,7 +1570,6 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
 declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
@@ -1389,48 +1579,460 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     variant?: "outline" | "solid" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: react.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-}>, "children"> & Omit<NonNullable<Sprinkles & {
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
+declare const Tooltip: react.ForwardRefExoticComponent<Pick<{
     auto?: boolean;
-    delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
-}>;
-declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
-declare namespace TooltipRoot {
-    var displayName: string;
-}
-
-declare const Tooltip: react.ForwardRefExoticComponent<{
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<RadixTooltip.TooltipProps, never>, "delayDuration"> & {
     /**
      * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
      */
     auto?: boolean;
     children: ReactNode;
+    /**
+     * The tooltip content.
+     */
     content?: ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
     defaultOpen?: boolean;
-    delayDuration?: ComponentPropsWithRef<typeof TooltipRoot>["delayDuration"];
+    /**
+     * Whether to show or hide tooltip even if there's content.
+     */
     disabled?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
     open?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLButtonElement>>;
+}>, never> & Omit<Omit<{
+    key?: react.Key | null | undefined;
+    asChild?: boolean | undefined;
+    children?: ReactNode;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    size?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    borderColor?: "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "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;
+    empty?: "hidden" | undefined;
+    hidden?: boolean | undefined | undefined;
+    fontWeight?: "400" | "500" | "600" | "700" | undefined;
+    objectFit?: "none" | "contain" | "cover" | "fill" | undefined;
+    overflowX?: "hidden" | "auto" | "visible" | undefined;
+    overflowY?: "hidden" | "auto" | "visible" | undefined;
+    pointerEvents?: "none" | "auto" | undefined;
+    textAlign?: "center" | "end" | "start" | "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?: "hidden" | "auto" | "visible" | 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?: "sm" | "md" | "xs" | "lg" | "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?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
+        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
+    flex?: ("1" | "none" | "auto" | "initial" | {
+        readonly base?: "1" | "none" | "auto" | "initial" | undefined;
+        readonly sm?: "1" | "none" | "auto" | "initial" | undefined;
+        readonly md?: "1" | "none" | "auto" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "1" | "none" | "auto" | "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?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "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?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    h?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    className?: string | 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;
+    "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;
+    "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;
+    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;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onPointerDownOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => void) | undefined;
+    side?: ("left" | "right" | "bottom" | "top") | undefined;
+    sideOffset?: number | undefined;
+    align?: ("center" | "end" | "start") | undefined;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLButtonElement>>;
+
+type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const TooltipContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
+    auto?: boolean;
+}>;
+declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipRoot {
+    var displayName: string;
+}
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, ModalLayer, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };