@optiaxiom/react 0.8.2 → 0.9.0

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } 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-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 { 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, 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';
@@ -38,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;
@@ -113,20 +127,15 @@ 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;
@@ -154,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;
@@ -210,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;
     /**
@@ -221,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> {
 }
@@ -322,11 +335,11 @@ type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
     /**
-     * Display content inside the button but after `children`.
+     * Display content inside the button after `children`.
      */
     addonAfter?: ReactNode;
     /**
-     * Display content inside the button but before `children`.
+     * Display content inside the button before `children`.
      */
     addonBefore?: ReactNode;
     /**
@@ -340,11 +353,11 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProp
 }, P>>;
 declare const Button: react.ForwardRefExoticComponent<Omit<{
     /**
-     * Display content inside the button but after `children`.
+     * Display content inside the button after `children`.
      */
     addonAfter?: ReactNode;
     /**
-     * Display content inside the button but before `children`.
+     * Display content inside the button before `children`.
      */
     addonBefore?: ReactNode;
     /**
@@ -469,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;
@@ -654,7 +672,12 @@ declare namespace DropdownMenu {
     var displayName: string;
 }
 
-type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sticky" | "updatePositionStrategy">;
+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 & {
@@ -684,25 +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<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>>;
+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;
@@ -1034,11 +1060,11 @@ 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`.
+     * Display content inside the item after `children`.
      */
     addonAfter?: ReactNode;
     /**
-     * Display content inside the item but before `children`.
+     * Display content inside the item before `children`.
      */
     addonBefore?: ReactNode;
     /**
@@ -1054,11 +1080,11 @@ declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
 } & {
     /**
-     * Display content inside the item but after `children`.
+     * Display content inside the item after `children`.
      */
     addonAfter?: ReactNode;
     /**
-     * Display content inside the item but before `children`.
+     * Display content inside the item before `children`.
      */
     addonBefore?: ReactNode;
     /**
@@ -1331,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;
@@ -1347,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;
@@ -1410,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";
@@ -1443,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>>;
@@ -1460,24 +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;
-    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";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "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;
@@ -1586,12 +1609,18 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Tooltip: react.ForwardRefExoticComponent<Pick<{
+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;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<RadixTooltip.TooltipProps, never>, "delayDuration"> & {
+}>;
+declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipRoot {
+    var displayName: string;
+}
+
+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.
      */
@@ -1617,422 +1646,20 @@ declare const Tooltip: react.ForwardRefExoticComponent<Pick<{
      * The open state in controlled mode.
      */
     open?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, 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>>;
-
-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 {
+}>, "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, 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 };