canny-ui-react 6.0.0 → 6.1.1

package/dist/components/Accordion/Accordion.d.ts

@@ -1,11 +1,33 @@
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import type { Direction } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
-type RootSingle = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+interface AccordionRootBase extends Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange' | 'dir'> {
+    /** Disable every item. */
+    disabled?: boolean;
+    /** Reading direction. */
+    dir?: Direction;
+    /** Layout axis. Default: `vertical`. */
+    orientation?: 'horizontal' | 'vertical';
+}
+type RootSingle = AccordionRootBase & {
     type: 'single';
+    /** Controlled open item. */
+    value?: string;
+    /** Uncontrolled initial open item. */
+    defaultValue?: string;
+    /** Fires when the open item changes. */
+    onValueChange?: (value: string) => void;
+    /** Allow closing the open item by clicking it again. */
+    collapsible?: boolean;
 };
-type RootMultiple = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+type RootMultiple = AccordionRootBase & {
     type: 'multiple';
+    /** Controlled set of open items. */
+    value?: string[];
+    /** Uncontrolled initial set of open items. */
+    defaultValue?: string[];
+    /** Fires when the open set changes. */
+    onValueChange?: (value: string[]) => void;
 };
 export type AccordionProps = (RootSingle | RootMultiple) & {
     variant?: 'plain' | 'bordered' | 'separated';
@@ -16,29 +38,14 @@ export type AccordionProps = (RootSingle | RootMultiple) & {
      */
     sx?: SxProp;
 };
-export declare const Accordion: import("react").ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    type: "single";
-} & {
-    variant?: "plain" | "bordered" | "separated";
-    /**
-     * One-off CSS, same as `Box`'s `sx`: each value may be a scalar or a
-     * responsive breakpoint map (`{ base, sm, md, lg, xl }`). Scalar-only sx
-     * merges into inline style; responsive sx injects a scoped class.
-     */
-    sx?: SxProp;
-}) | (Omit<AccordionPrimitive.AccordionMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    type: "multiple";
-} & {
-    variant?: "plain" | "bordered" | "separated";
-    /**
-     * One-off CSS, same as `Box`'s `sx`: each value may be a scalar or a
-     * responsive breakpoint map (`{ base, sm, md, lg, xl }`). Scalar-only sx
-     * merges into inline style; responsive sx injects a scoped class.
-     */
-    sx?: SxProp;
-})) & import("react").RefAttributes<HTMLDivElement>>;
-export type AccordionItemProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
-export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
+    /** Value identifying this item. */
+    value: string;
+    /** Disables just this item. */
+    disabled?: boolean;
+}
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface AccordionTriggerProps extends ComponentPropsWithoutRef<'button'> {
     /** Optional leading icon in the trigger row. */
     icon?: ReactNode;
@@ -46,6 +53,9 @@ export interface AccordionTriggerProps extends ComponentPropsWithoutRef<'button'
     hideIndicator?: boolean;
 }
 export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export type AccordionContentProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
-export declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionContentProps extends ComponentPropsWithoutRef<'div'> {
+    /** Keep mounted while collapsed (useful for animations). */
+    forceMount?: true;
+}
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Button/ToggleButtonGroup.d.ts

@@ -1,8 +1,43 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Root as RadixToggleGroup, Item as RadixToggleGroupItem } from '@radix-ui/react-toggle-group';
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { Direction } from '../../utils/primitiveProps';
 import type { ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from './Button.types';
-type GroupRootProps = ComponentPropsWithoutRef<typeof RadixToggleGroup>;
-type GroupItemProps = ComponentPropsWithoutRef<typeof RadixToggleGroupItem>;
+interface GroupRootBase extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'dir'> {
+    /** Disable every item in the group. */
+    disabled?: boolean;
+    /** Reading direction. */
+    dir?: Direction;
+    /** Layout axis. Default: `horizontal`. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Allow arrow-key navigation to wrap around. Default: true. */
+    loop?: boolean;
+    /** Keep at least one item pressed. */
+    rovingFocus?: boolean;
+}
+type GroupSingle = GroupRootBase & {
+    type?: 'single';
+    /** Controlled pressed value. */
+    value?: string;
+    /** Uncontrolled initial pressed value. */
+    defaultValue?: string;
+    /** Fires when the pressed value changes. */
+    onValueChange?: (value: string) => void;
+};
+type GroupMultiple = GroupRootBase & {
+    type: 'multiple';
+    /** Controlled set of pressed values. */
+    value?: string[];
+    /** Uncontrolled initial set of pressed values. */
+    defaultValue?: string[];
+    /** Fires when the pressed set changes. */
+    onValueChange?: (value: string[]) => void;
+};
+type GroupRootProps = GroupSingle | GroupMultiple;
+interface GroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'type'> {
+    /** Value identifying this item within the group. */
+    value: string;
+    /** Disables just this item. */
+    disabled?: boolean;
+}
 type GroupVariant = Extract<ButtonVariant, 'ghost' | 'outline' | 'soft' | 'dashed'>;
 export type ToggleButtonGroupProps = GroupRootProps & {
     variant?: GroupVariant;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,17 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { FormControlProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
-type CheckboxRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;
+export type CheckedState = boolean | 'indeterminate';
+interface CheckboxRootProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'type'>, FormControlProps {
+    /** Controlled checked state; `'indeterminate'` renders the dash. */
+    checked?: CheckedState;
+    /** Uncontrolled initial checked state. */
+    defaultChecked?: CheckedState;
+    /** Fires when the checked state changes. */
+    onCheckedChange?: (checked: CheckedState) => void;
+    /** Value submitted with the form when checked. Default: `'on'`. */
+    value?: string;
+}
 export interface CheckboxProps extends Omit<CheckboxRootProps, 'children'> {
     /** Label text or node rendered next to the box. */
     children?: ReactNode;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import * as RadixDialog from '@radix-ui/react-dialog';
+import type { FC, ReactNode } from 'react';
+import type { TriggerProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
 import type { CSSProperties } from 'react';
 export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -47,6 +47,8 @@ export interface DialogProps {
  */
 export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
 /** Trigger button to open a Dialog when wired with a controlled root. */
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type DialogTriggerProps = TriggerProps;
+export declare const DialogTrigger: FC<DialogTriggerProps>;
 /** Close button — typically used inside the body or footer. */
-export declare const DialogClose: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type DialogCloseProps = TriggerProps;
+export declare const DialogClose: FC<DialogCloseProps>;

package/dist/components/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import * as RadixDialog from '@radix-ui/react-dialog';
+import type { FC, ReactNode } from 'react';
+import type { TriggerProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
 import type { CSSProperties } from 'react';
 export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
@@ -49,5 +49,7 @@ export interface DrawerProps {
  *   </Drawer>
  */
 export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DrawerClose: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type DrawerTriggerProps = TriggerProps;
+export declare const DrawerTrigger: FC<DrawerTriggerProps>;
+export type DrawerCloseProps = TriggerProps;
+export declare const DrawerClose: FC<DrawerCloseProps>;

package/dist/components/Menu/Menu.d.ts

@@ -1,8 +1,10 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import type { ComponentPropsWithoutRef, FC, HTMLAttributes, ReactNode } from 'react';
+import type { OpenStateProps, PopperContentProps, TriggerProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
-export declare const Menu: import("react").FC<RadixMenu.DropdownMenuProps>;
-export declare const MenuTrigger: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type MenuProps = OpenStateProps;
+export declare const Menu: FC<MenuProps>;
+export type MenuTriggerProps = TriggerProps;
+export declare const MenuTrigger: FC<MenuTriggerProps>;
 export interface MenuContentProps extends ComponentPropsWithoutRef<'div'> {
     className?: string;
     /** Preferred side of the trigger to render against. */
@@ -65,7 +67,13 @@ export interface MenuCheckboxItemProps extends Omit<ComponentPropsWithoutRef<'di
     shortcut?: ReactNode;
 }
 export declare const MenuCheckboxItem: import("react").ForwardRefExoticComponent<MenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuRadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Controlled selected value. */
+    value?: string;
+    /** Fires when the selected value changes. */
+    onValueChange?: (value: string) => void;
+}
+export declare const MenuRadioGroup: FC<MenuRadioGroupProps>;
 export interface MenuRadioItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onSelect'> {
     /** The value of this radio item within its group. */
     value: string;
@@ -81,8 +89,18 @@ export declare const MenuRadioItem: import("react").ForwardRefExoticComponent<Me
 export interface MenuLabelProps extends ComponentPropsWithoutRef<'div'> {
 }
 export declare const MenuLabel: import("react").ForwardRefExoticComponent<MenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuSeparator: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuSub: import("react").FC<RadixMenu.DropdownMenuSubProps>;
+export type MenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+export declare const MenuSeparator: import("react").ForwardRefExoticComponent<MenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface MenuSubProps {
+    /** Controlled open state of the submenu. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Fires when the submenu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+}
+export declare const MenuSub: FC<MenuSubProps>;
 export interface MenuSubTriggerProps extends ComponentPropsWithoutRef<'div'> {
     /** Disable opening this submenu. */
     disabled?: boolean;
@@ -91,4 +109,5 @@ export interface MenuSubTriggerProps extends ComponentPropsWithoutRef<'div'> {
     icon?: ReactNode;
 }
 export declare const MenuSubTrigger: import("react").ForwardRefExoticComponent<MenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuSubContent: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type MenuSubContentProps = PopperContentProps;
+export declare const MenuSubContent: import("react").ForwardRefExoticComponent<PopperContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithoutRef } from 'react';
-import * as RadixPopover from '@radix-ui/react-popover';
+import type { ComponentPropsWithoutRef, FC, HTMLAttributes } from 'react';
+import type { AsChildProps, OpenStateProps, TriggerProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
 /**
  * Popover root. Controlled (`open` + `onOpenChange`) or uncontrolled.
@@ -13,10 +13,14 @@ import type { SxProp } from '../Layout/sx';
  *     </PopoverContent>
  *   </Popover>
  */
-export declare const Popover: import("react").FC<RadixPopover.PopoverProps>;
-export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PopoverClose: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopoverProps = OpenStateProps;
+export declare const Popover: FC<PopoverProps>;
+export type PopoverTriggerProps = TriggerProps;
+export declare const PopoverTrigger: FC<PopoverTriggerProps>;
+export type PopoverAnchorProps = HTMLAttributes<HTMLDivElement> & AsChildProps;
+export declare const PopoverAnchor: FC<PopoverAnchorProps>;
+export type PopoverCloseProps = TriggerProps;
+export declare const PopoverClose: FC<PopoverCloseProps>;
 export interface PopoverContentProps extends ComponentPropsWithoutRef<'div'> {
     className?: string;
     /** Render the small directional arrow on the popover. Default: false. */

package/dist/components/Radio/Radio.d.ts

@@ -1,8 +1,20 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixRadio from '@radix-ui/react-radio-group';
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { Direction, FormControlProps, ValueStateProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
-type RadioGroupProps = ComponentPropsWithoutRef<typeof RadixRadio.Root>;
-type RadioItemProps = ComponentPropsWithoutRef<typeof RadixRadio.Item>;
+interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'dir'>, ValueStateProps, FormControlProps {
+    /** Reading direction. */
+    dir?: Direction;
+    /** Allow arrow-key navigation to wrap around. Default: true. */
+    loop?: boolean;
+}
+interface RadioItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'type'> {
+    /** Value this item submits when selected. */
+    value: string;
+    /** Disables just this option. */
+    disabled?: boolean;
+    /** Marks the option required for form validation. */
+    required?: boolean;
+}
 export interface RadioGroupRootProps extends RadioGroupProps {
     /** Stack direction. Default: `'column'`. */
     orientation?: 'horizontal' | 'vertical';

package/dist/components/Select/Select.d.ts

@@ -1,9 +1,20 @@
-import type { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
-import * as RadixSelect from '@radix-ui/react-select';
+import type { ComponentPropsWithoutRef, CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import type { Direction, FormControlProps, ValueStateProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
 export type SelectColor = 'primary' | 'danger' | 'warning' | 'success';
 export type SelectSize = 'sm' | 'md' | 'lg';
-type SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;
+interface SelectRootProps extends ValueStateProps, FormControlProps {
+    /** Controlled open state of the dropdown. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Fires when the dropdown opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Reading direction. */
+    dir?: Direction;
+    /** Autocomplete hint forwarded to the hidden native select. */
+    autoComplete?: string;
+}
 export interface SelectProps extends SelectRootProps {
     /** Placeholder shown when nothing is selected. */
     placeholder?: string;
@@ -63,5 +74,6 @@ export declare const SelectGroup: import("react").ForwardRefExoticComponent<Sele
 export interface SelectLabelProps extends ComponentPropsWithoutRef<'div'> {
 }
 export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SelectSeparatorProps = HTMLAttributes<HTMLDivElement>;
+export declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,16 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixSwitch from '@radix-ui/react-switch';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { FormControlProps } from '../../utils/primitiveProps';
 import type { SxProp } from '../Layout/sx';
-type SwitchRootProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;
+interface SwitchRootProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'type'>, FormControlProps {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Uncontrolled initial checked state. */
+    defaultChecked?: boolean;
+    /** Fires when the checked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Value submitted with the form when checked. Default: `'on'`. */
+    value?: string;
+}
 export interface SwitchProps extends Omit<SwitchRootProps, 'children'> {
     children?: ReactNode;
     /**

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixTabs from '@radix-ui/react-tabs';
 import type { SxProp } from '../Layout/sx';
 export type TabsVariant = 'line' | 'pills' | 'segmented';
 export type TabsSize = 'sm' | 'md' | 'lg';
@@ -44,7 +43,11 @@ export interface TabsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'dir'>
     sx?: SxProp;
 }
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
+    /** Keep arrow-key navigation inside the list. Default: true. */
+    loop?: boolean;
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
 export interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
     /** Value identifying which panel this trigger activates. */
     value: string;
@@ -54,4 +57,10 @@ export interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
     badge?: ReactNode;
 }
 export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsContentProps extends ComponentPropsWithoutRef<'div'> {
+    /** Value of the trigger that reveals this panel. */
+    value: string;
+    /** Keep mounted while hidden (useful for forms and animations). */
+    forceMount?: true;
+}
+export declare const TabsContent: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
+import type { OpenStateProps, PopperContentProps, TriggerProps } from '../../utils/primitiveProps';
 import type { CSSProperties } from 'react';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
 import type { SxProp } from '../Layout/sx';
 /**
  * Tooltip provider — wrap your app once. Controls the global delay so the
@@ -12,7 +12,16 @@ import type { SxProp } from '../Layout/sx';
  *     <App />
  *   </TooltipProvider>
  */
-export declare const TooltipProvider: import("react").FC<RadixTooltip.TooltipProviderProps>;
+export interface TooltipProviderProps {
+    /** Delay before the first tooltip in a group opens, in ms. Default: 700. */
+    delayDuration?: number;
+    /** Window in which subsequent tooltips open instantly, in ms. Default: 300. */
+    skipDelayDuration?: number;
+    /** Prevent the content itself from keeping the tooltip open on hover. */
+    disableHoverableContent?: boolean;
+    children?: ReactNode;
+}
+export declare const TooltipProvider: FC<TooltipProviderProps>;
 export interface TooltipProps {
     /** The element that triggers the tooltip on hover/focus. */
     children: ReactNode;
@@ -51,6 +60,14 @@ export interface TooltipProps {
  *   </Tooltip>
  */
 export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TooltipRoot: import("react").FC<RadixTooltip.TooltipProps>;
-export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<RadixTooltip.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<RadixTooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TooltipRootProps extends Omit<OpenStateProps, 'modal'> {
+    /** Delay before opening, in ms. Overrides the provider default. */
+    delayDuration?: number;
+    /** Prevent the content itself from keeping the tooltip open on hover. */
+    disableHoverableContent?: boolean;
+}
+export declare const TooltipRoot: FC<TooltipRootProps>;
+export type TooltipTriggerProps = TriggerProps;
+export declare const TooltipTrigger: FC<TooltipTriggerProps>;
+export type TooltipContentProps = PopperContentProps;
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<PopperContentProps & import("react").RefAttributes<HTMLDivElement>>;