@optiaxiom/react 0.8.1 → 0.9.0

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 { ReactNode, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef, ReactElement } from 'react';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-CmbFiQwF.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-CmbFiQwF.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 RadixTooltip from '@radix-ui/react-tooltip';
 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;
@@ -37,7 +38,21 @@ declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<N
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type AlertDialogProps = ComponentPropsWithoutRef<typeof RadixAlertDialog.Root>;
+type AlertDialogProps = {
+    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 AlertDialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertDialog {
     var displayName: string;
@@ -46,7 +61,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 +70,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 +85,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 +94,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 const AlertDialogContent: react.ForwardRefExoticComponent<{
+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;
+
+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;
@@ -106,22 +127,19 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<
     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 const AlertDialogTitle: react.ForwardRefExoticComponent<{
+declare const AlertDialogHeader: 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";
-}, never> & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 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 +149,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;
@@ -146,13 +163,6 @@ declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNull
     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 AnimatePresence({ children, }: {
-    children?: false | ReactElement;
-}): false | react_jsx_runtime.JSX.Element | undefined;
-declare namespace AnimatePresence {
-    var displayName: string;
-}
-
 declare const mapFallbackToIcon: {
     team: react_jsx_runtime.JSX.Element;
     user: react_jsx_runtime.JSX.Element;
@@ -161,9 +171,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 +189,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;
@@ -191,6 +212,17 @@ declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastPro
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
 
+type TooltipProviderProps = ExtendProps<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, {
+    /**
+     * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
+     */
+    disableHoverableContent?: boolean;
+}>;
+declare function TooltipProvider({ disableHoverableContent, ...props }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipProvider {
+    var displayName: string;
+}
+
 type AxiomProviderProps = {
     children?: ReactNode;
     /**
@@ -202,9 +234,9 @@ type AxiomProviderProps = {
     /**
      * Props for the `TooltipProvider` component
      *
-     * {@link https://www.radix-ui.com/primitives/docs/components/tooltip#provider Documentation}
+     * {@link https://optimizely-axiom.github.io/optiaxiom/components/tooltip/ Documentation}
      */
-    tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
+    tooltip?: Omit<ComponentPropsWithoutRef<typeof TooltipProvider>, "children">;
 };
 interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
 }
@@ -227,6 +259,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 +282,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 +319,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 after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the button 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 after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the button 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 +375,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 +413,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 +448,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 +457,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>>;
@@ -409,6 +482,11 @@ declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     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 const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
+
 declare const DialogHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -427,7 +505,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 +514,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 +574,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 +583,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 +632,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 +641,44 @@ 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>, "maxH" | "minW"> & {
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: boolean;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -603,18 +707,28 @@ declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNul
     className?: string;
 }>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MenuSubProps = ComponentPropsWithoutRef<typeof RadixMenu.Sub>;
+type MenuSubProps = {
+    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 DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
 declare namespace DropdownMenuSub {
     var displayName: string;
 }
 
-declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<{
-    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<MenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
@@ -631,7 +745,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 +754,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 +834,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 +848,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 +859,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 +906,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 +941,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 +1059,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 after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the item 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 after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content inside the item 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 +1146,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 +1155,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 +1224,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 +1256,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 +1265,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 +1280,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 +1320,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 +1329,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" | {
@@ -1138,14 +1357,14 @@ declare const Sidenav: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type SidenavAccountItemProps = BoxProps<"div", {
-    avatar: ReactNode;
     name?: string;
     organization?: string;
+    src?: string;
 }>;
 declare const SidenavAccountItem: react.ForwardRefExoticComponent<{
-    avatar: ReactNode;
     name?: string;
     organization?: string;
+    src?: string;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1154,17 +1373,17 @@ declare const SidenavAccountItem: react.ForwardRefExoticComponent<{
 declare const SidenavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type SidenavItemProps = ButtonProps<typeof Button, {
     active?: boolean;
@@ -1176,7 +1395,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 +1404,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 +1421,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;
@@ -1221,17 +1436,13 @@ declare const SidenavToggle: react.ForwardRefExoticComponent<Omit<SidenavToggleP
 declare const Skeleton: react.ForwardRefExoticComponent<{
     children?: ReactElement;
     /**
-     * Render skeleton as a circle if `true`. Will set the width to be the same as the height.
+     * Render skeleton as a circle if `true`.
      */
     circle?: boolean;
-    /**
-     * Control the height of the skeleton - or both width and height if `circle` is also set to true.
-     */
-    h?: Sprinkles["h"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "h"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
 declare const Spinner: react.ForwardRefExoticComponent<{
     appearance?: "default" | "inverse";
@@ -1243,6 +1454,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;
@@ -1251,9 +1465,7 @@ declare const Switch: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
 } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const Tabs: react.ForwardRefExoticComponent<{
-    appearance?: "primary" | "secondary";
-} & Omit<NonNullable<Sprinkles & {
+declare const Tabs: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -1268,26 +1480,27 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
+declare const TabsTrigger: react.ForwardRefExoticComponent<{
+    /**
+     * Display content inside the button after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the button before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Display an icon before or after the button content.
+     */
+    icon?: ReactNode;
+    /**
+     * Control whether to show the icon before or after the button content.
+     */
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    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 & {
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, never> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
@@ -1340,17 +1553,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 +1575,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 +1593,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 +1602,64 @@ 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 TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     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<{
+type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "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>>;
-
-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>>;
+}>, "asChild">;
+declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    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 };
+declare function TransitionGroup({ children, open, }: {
+    children?: false | ReactElement;
+    open?: boolean;
+}): false | react_jsx_runtime.JSX.Element | undefined;
+declare namespace TransitionGroup {
+    var displayName: string;
+}
+
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AlertTitle, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogForm, 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, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractSprinkles, layers_css as layers, sprinklesMerge };