@protonradio/proton-ui 0.11.34 → 0.12.1

package/dist/index.d.ts

@@ -1,13 +1,11 @@
 import { AriaAttributes } from 'react';
-import { AriaDialogProps } from '@react-aria/dialog';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { Selection as Selection_2 } from '@react-types/shared';
 
 /**
  * A controlled ActionMenu to display a menu of actions.
@@ -16,7 +14,7 @@ import { Selection as Selection_2 } from '@react-types/shared';
  * API:
  *  - {@link ActionMenuProps}
  */
-export declare const ActionMenu: ({ isOpen, actions, children, showCancel, cancelButtonText, selectionMode, selectedKeys, disabledKeys, onSelectionChange, onClose, title, "data-testid": testId, }: ActionMenuProps) => JSX_2.Element;
+export declare const ActionMenu: ({ isOpen, actions, children, showCancel, cancelButtonText, selectionMode, selectedKeys, disabledKeys, onSelectionChange, onClose, title, "data-testid": testId, }: ActionMenuProps) => JSX.Element | null;
 
 export declare interface ActionMenuAction {
     key: string;
@@ -51,9 +49,9 @@ declare interface ActionMenuProps {
     /** The callback function to close the menu */
     onClose?: () => void;
     /** The callback function to change the selection
-     * - type {@link Selection}
+     * - type {@link ActionMenuSelection}
      */
-    onSelectionChange?: (keys: Selection_2) => void;
+    onSelectionChange?: (keys: ActionMenuSelection) => void;
     /** The selection mode of the menu
      * @default "single"
      */
@@ -66,6 +64,9 @@ declare interface ActionMenuProps {
     title?: string;
 }
 
+/** Keys passed to `onSelectionChange` (Set of item keys, or `"all"`). */
+export declare type ActionMenuSelection = "all" | Set<string>;
+
 export declare type ActionMenuSelectionMode = "single" | "multiple" | "none";
 
 /**
@@ -73,11 +74,10 @@ export declare type ActionMenuSelectionMode = "single" | "multiple" | "none";
  *
  * API:
  *  - {@link BadgeProps}
- *  - extends {@link React.HTMLAttributes}
  */
-export declare const Badge: ({ variant, children, ...props }: BadgeProps) => JSX_2.Element;
+export declare const Badge: ({ variant, children, "data-testid": dataTestId, }: BadgeProps) => JSX.Element;
 
-declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+declare interface BadgeProps {
     /**
      * The content to display within the badge.
      */
@@ -87,6 +87,10 @@ declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
      * - type {@link BadgeVariant}
      */
     variant?: BadgeVariant;
+    /**
+     * The test id for the badge.
+     */
+    "data-testid"?: string;
 }
 
 export declare type BadgeVariant = "primary" | "secondary" | "transparent" | "success" | "warning" | "danger";
@@ -101,7 +105,7 @@ export declare const BadgeVariants: Record<BadgeVariant, BadgeVariant>;
  *  - extends {@link BannerIconProps}
  */
 export declare const Banner: {
-    ({ variant, rounded, icon, compact, children, "data-testid": dataTestId, }: BannerProps): JSX_2.Element;
+    ({ variant, rounded, icon, compact, children, "data-testid": dataTestId, }: BannerProps): JSX.Element;
     displayName: string;
     /**
      * Renders an h3 styled banner.
@@ -110,7 +114,7 @@ export declare const Banner: {
         ({ children, "data-testid": dataTestId, }: {
             children: ReactNode;
             "data-testid"?: string;
-        }): JSX_2.Element;
+        }): JSX.Element;
         displayName: string;
     };
     /**
@@ -120,7 +124,7 @@ export declare const Banner: {
         ({ children, "data-testid": dataTestId, }: {
             children: ReactNode;
             "data-testid"?: string;
-        }): JSX_2.Element;
+        }): JSX.Element;
         displayName: string;
     };
     /**
@@ -130,7 +134,7 @@ export declare const Banner: {
      *  - {@link BannerIconProps}
      */
     Icon: {
-        ({ icon, "data-testid": dataTestId }: BannerIconProps): JSX_2.Element;
+        ({ icon, "data-testid": dataTestId }: BannerIconProps): JSX.Element | null;
         displayName: string;
     };
     /**
@@ -138,7 +142,7 @@ export declare const Banner: {
      * - @prop buttonProps {@link ButtonProps}
      */
     Action: {
-        ({ children, ...buttonProps }: ButtonProps): JSX_2.Element;
+        ({ children, ...buttonProps }: ButtonProps): JSX.Element;
         displayName: string;
     };
     /**
@@ -147,7 +151,7 @@ export declare const Banner: {
     Actions: {
         ({ children }: {
             children: ReactNode;
-        }): JSX_2.Element;
+        }): JSX.Element;
         displayName: string;
     };
 };
@@ -349,26 +353,32 @@ export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttribut
  * API:
  *  - {@link ButtonGroupProps}
  */
-export declare function ButtonGroup(props: ButtonGroupProps): JSX_2.Element;
+export declare function ButtonGroup({ name, value, defaultValue, onChange, children, "data-testid": testId, }: ButtonGroupProps): JSX.Element;
 
 export declare namespace ButtonGroup {
     var displayName: string;
-    var Option: (props: ButtonGroupOptionProps) => JSX_2.Element;
+    var Option: ({ value, children, "data-testid": testId, }: ButtonGroupOptionProps) => JSX.Element;
 }
 
 declare interface ButtonGroupOptionProps {
     /**
      * The value of this option. When this option is selected, this value will
-     * become the ButtonGroup's new `selectedValue`.
+     * become the ButtonGroup's new `value`.
      */
     value: string;
     /**
      * The text or component to be rendered as this option's content.
      */
-    children: React.ReactNode;
+    children: ReactNode;
+    /** The test ID for this option. */
+    "data-testid"?: string;
 }
 
 declare interface ButtonGroupProps {
+    /**
+     * The name of the ButtonGroup.
+     */
+    name?: string;
     /**
      * The value of the currently selected option in the ButtonGroup. Providing
      * this prop causes the component to become controlled.
@@ -385,7 +395,9 @@ declare interface ButtonGroupProps {
     /**
      * The ButtonGroup.Option elements to be rendered as the selectable values.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
+    /** The test ID for the component. */
+    "data-testid"?: string;
 }
 
 declare interface ButtonProps {
@@ -435,7 +447,7 @@ export declare const ButtonVariants: Record<ButtonVariant, ButtonVariant>;
  *  - {@link ButtonWithSelectProps}
  *  - extends {@link ButtonProps}
  */
-export declare function ButtonWithSelect({ items, defaultValue, children, onSelectionChange, disabledKeys, selectedKey, icon, variant, fullWidth, onPress, ...buttonProps }: ButtonWithSelectProps): JSX_2.Element;
+export declare function ButtonWithSelect({ items, defaultValue, children, onSelectionChange, disabledKeys, selectedKey, icon, variant, fullWidth, onPress, ...buttonProps }: ButtonWithSelectProps): JSX.Element;
 
 export declare namespace ButtonWithSelect {
     var displayName: string;
@@ -475,7 +487,7 @@ export declare const calculateAriaRowIndex: (rowIndex: number, isHeaderHidden?:
  * API:
  *  - {@link CheckboxInputProps}
  */
-export declare const CheckboxInput: default_2.ForwardRefExoticComponent<CheckboxInputProps & default_2.RefAttributes<HTMLInputElement>>;
+export declare const CheckboxInput: ForwardRefExoticComponent<CheckboxInputProps & RefAttributes<HTMLInputElement>>;
 
 declare interface CheckboxInputProps {
     /**
@@ -487,9 +499,9 @@ declare interface CheckboxInputProps {
      */
     defaultChecked?: boolean;
     /** The error attribute of the checkbox input. */
-    error?: default_2.ReactNode | string;
+    error?: ReactNode | string;
     /** The description attribute of the checkbox input. */
-    description?: default_2.ReactNode | string;
+    description?: ReactNode | string;
     /** The test id attribute of the checkbox input. */
     "data-testid"?: string;
     /**
@@ -516,7 +528,7 @@ declare interface CheckboxInputProps {
     /** The name attribute of the checkbox input. */
     name: string;
     /** The label attribute of the checkbox input. */
-    label?: string | default_2.ReactNode;
+    label?: string | ReactNode;
     /**
      * The value attribute of the checkbox input (for form submission).
      * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value
@@ -615,7 +627,7 @@ declare interface CheckboxRadioGroupProps {
  * API:
  *  - {@link CopyInputProps}
  */
-export declare function CopyInput({ name, value, isDisabled, onError, onSuccess, }: CopyInputProps): JSX_2.Element;
+export declare function CopyInput({ name, value, isDisabled, onError, onSuccess, }: CopyInputProps): JSX.Element;
 
 declare interface CopyInputProps {
     /** The name of the input field */
@@ -639,7 +651,7 @@ declare interface CopyInputProps {
  * @note Row memoization is enabled by default. Rows only re-render when row data or index changes.
  */
 export declare const DataTable: {
-    <T>({ columns, data, loading, tombstoneComponent, error, name, onRowClick, emptyMessage, errorMessage, loadingRows, "data-testid": testId, memoize, sortableColumns, sortedBy, sortDirection, onSort, }: DataTableProps<T>): JSX_2.Element;
+    <T>({ columns, data, loading, tombstoneComponent, error, name, onRowClick, emptyMessage, errorMessage, loadingRows, "data-testid": testId, memoize, sortableColumns, sortedBy, sortDirection, onSort, }: DataTableProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -673,20 +685,6 @@ declare interface DataTableRowProps<T> {
     dataTestId?: string;
 }
 
-/**
- * Intended use in overlay containers such as modals or popovers.
- *
- * API:
- *  - {@link DialogProps}
- *  - extends {@link AriaDialogProps}
- */
-export declare function Dialog({ title, children, ...props }: DialogProps): JSX_2.Element;
-
-declare interface DialogProps extends AriaDialogProps {
-    title?: React.ReactNode;
-    children: React.ReactNode;
-}
-
 /**
  * Elevation component creates a visual elevation effect using the theme-aware background color.
  *
@@ -697,7 +695,7 @@ declare interface DialogProps extends AriaDialogProps {
  * API:
  *  - {@link ElevationProps}
  */
-export declare const Elevation: ({ children, hasPrimaryGradient, "data-testid": dataTestId, }: ElevationProps) => JSX_2.Element;
+export declare const Elevation: ({ children, hasPrimaryGradient, "data-testid": dataTestId, }: ElevationProps) => JSX.Element;
 
 declare interface ElevationProps {
     /**
@@ -722,7 +720,7 @@ declare interface ElevationProps {
  * API:
  *  - {@link ImageBackgroundProps}
  */
-export declare function ImageBackground({ image, imageUrl, onLoad, }: ImageBackgroundProps): JSX_2.Element;
+export declare function ImageBackground({ image, imageUrl, onLoad, }: ImageBackgroundProps): JSX.Element;
 
 declare interface ImageBackgroundProps {
     /**
@@ -792,7 +790,7 @@ declare interface MenuProps {
  * API:
  *  - {@link MenuProps}
  */
-export declare function MenuTrigger({ renderTrigger, size, title, items, disabled, onClose, triggerTestId, menuTestId, onSelectionChange, selectedKey, disabledKeys, }: MenuProps): JSX_2.Element;
+export declare function MenuTrigger({ renderTrigger, size, title, items, disabled, onClose, triggerTestId, menuTestId, onSelectionChange, selectedKey, disabledKeys, }: MenuProps): JSX.Element;
 
 export declare namespace MenuTrigger {
     var displayName: string;
@@ -804,36 +802,36 @@ export declare interface MenuTriggerProps {
     setIsOpen: (isOpen: boolean) => void;
 }
 
-export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, "data-testid": dataTestId, }: ModalProps) => JSX_2.Element) & {
+export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, "data-testid": dataTestId, }: ModalProps) => JSX.Element | null) & {
     /**
      * Renders a h2 styled title
      * */
     Title: ({ children }: {
         children: React.ReactNode;
-    }) => JSX_2.Element;
+    }) => JSX.Element;
     /**
      * Renders a h3 styled subtitle
      * */
     Subtitle: ({ children }: {
         children: React.ReactNode;
-    }) => JSX_2.Element;
+    }) => JSX.Element;
     /**
      * Renders a div styled body
      * */
     Body: ({ children }: {
         children: React.ReactNode;
-    }) => JSX_2.Element;
+    }) => JSX.Element;
     /**
      * Renders a Proton Button action
      * - @prop buttonProps {@link ButtonProps}
      * */
-    Action: (buttonProps: ButtonProps) => JSX_2.Element;
+    Action: (buttonProps: ButtonProps) => JSX.Element;
     /**
      * Renders a group of Proton Buttons
      * */
     Actions: ({ children }: {
         children: React.ReactNode;
-    }) => JSX_2.Element;
+    }) => JSX.Element;
 };
 
 declare interface ModalProps {
@@ -907,6 +905,23 @@ declare interface OTPInputProps {
     value?: string;
 }
 
+/**
+ * Applies a floating background to the content.
+ * Intended use in overlay containers such as modals, tooltips, or popovers.
+ *
+ * API:
+ *  - {@link OverlayProps}
+ */
+export declare const Overlay: ForwardRefExoticComponent<OverlayProps & RefAttributes<HTMLDivElement>>;
+
+declare interface OverlayProps {
+    children?: ReactNode;
+    /**
+     * Optional arrow element.
+     */
+    arrow?: ReactNode;
+}
+
 /**
  * A popover component that handles positioning and supports controlled and uncontrolled modes.
  *
@@ -916,28 +931,31 @@ declare interface OTPInputProps {
  * API:
  *  - {@link PopoverProps}
  */
-export declare function Popover({ trigger, children, open, isDisabled, defaultOpen, onOpenChange, side, align, arrow, constrainWidth, "data-testid": testId, }: PopoverProps): JSX_2.Element;
+export declare function Popover({ trigger, children, open, isDisabled, defaultOpen, onOpenChange, side, align, arrow, constrainWidth, "data-testid": testId, }: PopoverProps): JSX.Element;
 
 export declare namespace Popover {
     var displayName: string;
 }
 
-export declare type PopoverAlign = "start" | "center" | "end";
+/** Radix `Popover.Content` `align`*/
+export declare type PopoverAlign = RadixAlign;
 
 declare interface PopoverProps {
     /**
      * Popover alignment
      * {@link PopoverAlign}
+     * @default "center"
      */
     align?: PopoverAlign;
     /**
      * Show an arrow pointing to the trigger.
+     * @default false
      */
     arrow?: boolean;
     /**
      * The content of the popover.
      */
-    children: default_2.ReactNode;
+    children: ReactNode;
     /**
      * Constrain the width of the popover to the width of the trigger.
      */
@@ -966,15 +984,17 @@ declare interface PopoverProps {
     /**
      * The trigger element for the popover.
      */
-    trigger: default_2.ReactNode;
+    trigger: ReactNode;
     /**
      * Popover side placement
      * {@link PopoverSide}
+     * @default "top"
      */
     side?: PopoverSide;
 }
 
-export declare type PopoverSide = "top" | "right" | "bottom" | "left";
+/** Radix `Popover.Content` `side` */
+export declare type PopoverSide = RadixSide;
 
 declare type ProtonColorScale = {
     SUPER_DARK: string;
@@ -1005,13 +1025,13 @@ declare type ProtonPalette = {
 declare interface ProtonStyleSheet {
     "--proton-control__background-color": string;
     "--proton-control__background-color-light": string;
+    "--proton-control__elevation-color": string;
     "--proton-control__text-color": string;
     "--proton-control__title-color": string;
     "--proton-control__border-color": string;
     "--proton-control__shadow-color": string;
     "--proton-control__hover-color": string;
     "--proton-control__border-radius": string;
-    "--proton-control__interactive-color": string;
     "--proton-color__primary": string;
     "--proton-color__primary-light": string;
     "--proton-color__primary-super-light": string;
@@ -1043,72 +1063,23 @@ declare interface ProtonStyleSheet {
 
 declare type ProtonTheme = (typeof THEMES)[keyof typeof THEMES];
 
-declare interface ResponsiveTooltipProps {
-    /**
-     * The trigger element (wrapped by tooltip, or passed as trigger to popover).
-     */
-    children: ReactNode;
-    /**
-     * The content to display in the tooltip/popover.
-     */
-    content: string | ReactNode;
+/** Radix `Popover.Content` `align`*/
+declare type RadixAlign = "start" | "center" | "end";
+
+/** Radix `Popover.Content` `side` */
+declare type RadixSide = "top" | "right" | "bottom" | "left";
+
+declare interface ResponsiveTooltipProps extends Omit<TooltipProps, "placement">, Omit<PopoverProps, "trigger" | "children" | "side"> {
     /**
      * Placement/side of the tooltip/popover.
      * @default "top"
      */
-    placement?: TooltipPlacement | PopoverSide;
-    /**
-     * Alignment for popover
-     * @note only used when rendered as popover, ignored for tooltip
-     * @default "center"
-     */
-    align?: PopoverAlign;
-    /**
-     * Show an arrow pointing to the trigger.
-     * @default true for tooltip, false for popover
-     */
-    arrow?: boolean;
-    /**
-     * Delay before showing
-     * @note only used for tooltip, ignored for popover
-     * @default 100
-     */
-    delay?: number;
-    /**
-     * Whether the tooltip/popover is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Control open state (controlled mode).
-     * @note only used when rendered as Popover
-     */
-    open?: boolean;
-    /**
-     * Default open state (uncontrolled mode).
-     */
-    defaultOpen?: boolean;
-    /**
-     * Callback when open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Constrain width to trigger (only used for popover).
-     */
-    constrainWidth?: boolean;
-    /**
-     * Disable trigger click feature (only used for tooltip).
-     * This is useful when using an info only Tooltip that might wrap a clickable element.
-     */
-    disableTriggerClick?: boolean;
+    placement?: TooltipPlacement;
     /**
-     * Force a specific component type (useful for testing or edge cases).
+     * Force a specific component type.
      * @default "auto"
      */
     forceComponent?: "tooltip" | "popover" | "auto";
-    /**
-     * Test ID.
-     */
-    "data-testid"?: string;
 }
 
 /**
@@ -1145,7 +1116,7 @@ declare interface ScreenOverlayProps {
  *  - {@link SearchInputProps}
  *  - extends {@link BaseInputProps}
  */
-export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, isDisabled, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
+export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, isDisabled, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX.Element;
 
 declare interface SearchInputProps extends Omit<BaseInputProps, "prefix" | "suffix" | "value" | "onChange" | "description" | "descriptionPosition" | "label"> {
     /** The initial value of the input. */
@@ -1167,7 +1138,7 @@ declare interface SearchInputProps extends Omit<BaseInputProps, "prefix" | "suff
  * API:
  *  - {@link SelectProps}
  */
-export declare function Select({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, defaultSelectedKey, onOpen, onClose, items, isRounded, "data-testid": testId, }: SelectProps): JSX_2.Element;
+export declare function Select({ label, name, isDisabled, disabledKeys, selectedKey, onSelectionChange, defaultSelectedKey, onOpen, onClose, items, isRounded, "data-testid": testId, }: SelectProps): JSX.Element;
 
 export declare namespace Select {
     var displayName: string;
@@ -1240,7 +1211,7 @@ declare type SortingConfig = {
  * API:
  *  - {@link SwitchProps}
  */
-export declare function Switch(props: SwitchProps): JSX_2.Element;
+export declare function Switch({ defaultOn, isOn: controlledIsOn, isDisabled, onChange, label, children, "data-testid": testId, }: SwitchProps): JSX.Element;
 
 declare interface SwitchProps {
     /**
@@ -1268,6 +1239,8 @@ declare interface SwitchProps {
      * The text or component to be rendered as the Switch's description.
      */
     children?: React.ReactNode;
+    /** The test ID for the switch. */
+    "data-testid"?: string;
 }
 
 /**
@@ -1357,19 +1330,19 @@ declare interface SwitchProps {
  * @see {@link DataTableRow} for an example of a memoized custom row implementation
  */
 export declare const Table: {
-    ({ children, name }: TableProps): JSX_2.Element;
+    ({ children, name }: TableProps): JSX.Element;
     displayName: string;
 } & {
     /** Table header: {@link CompoundHeaderProps} */
-    Header: (_: TableHeaderProps) => any;
+    Header: (_: TableHeaderProps) => null;
     /** Table column: {@link CompoundColumnProps} */
-    Column: (_: TableColumnProps) => any;
+    Column: (_: TableColumnProps) => null;
     /** Table body: {@link CompoundBodyProps} */
-    Body: (_: TableBodyProps) => any;
+    Body: (_: TableBodyProps) => null;
     /** Table row: {@link CompoundRowProps} */
-    Row: (_: TableRowProps) => any;
+    Row: (_: TableRowProps) => null;
     /** Table cell: {@link CompoundCellProps} */
-    Cell: (_: TableCellProps) => any;
+    Cell: (_: TableCellProps) => null;
 };
 
 /**
@@ -1378,7 +1351,7 @@ export declare const Table: {
  * @see {@link TableBodyProps}
  */
 export declare const TableBody: {
-    ({ children }: TableBodyProps_2): JSX_2.Element;
+    ({ children }: TableBodyProps_2): JSX.Element;
     displayName: string;
 };
 
@@ -1397,11 +1370,11 @@ declare interface TableBodyProps_2 {
  * @see {@link TableCellProps}
  */
 export declare const TableCell: {
-    ({ columnIndex, children, columnSpan, dataTestId, textAlign, }: TableCellProps_2): JSX_2.Element;
+    ({ columnIndex, children, columnSpan, dataTestId, textAlign, }: TableCellProps_2): JSX.Element;
     displayName: string;
 };
 
-declare const TableCellCompound: (_: TableCellProps) => any;
+declare const TableCellCompound: (_: TableCellProps) => null;
 
 declare type TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;
 
@@ -1426,7 +1399,7 @@ declare interface TableCellProps_2 {
     textAlign?: "left" | "center" | "right";
 }
 
-declare const TableColumnCompound: (_: TableColumnProps) => any;
+declare const TableColumnCompound: (_: TableColumnProps) => null;
 
 declare type TableColumnElement = ReactElement<TableColumnProps, typeof TableColumnCompound>;
 
@@ -1442,7 +1415,7 @@ declare interface TableColumnProps {
  * @see {@link TableHeaderProps}
  */
 export declare const TableHeader: {
-    ({ children, isHidden }: TableHeaderProps_2): JSX_2.Element;
+    ({ children, isHidden }: TableHeaderProps_2): JSX.Element;
     displayName: string;
 };
 
@@ -1452,7 +1425,7 @@ export declare const TableHeader: {
  * @see {@link TableHeaderCellProps}
  */
 export declare const TableHeaderCell: {
-    ({ children, colIndex, ariaSort, "data-testid": testId, }: TableHeaderCellProps): JSX_2.Element;
+    ({ children, colIndex, ariaSort, "data-testid": testId, }: TableHeaderCellProps): JSX.Element;
     displayName: string;
 };
 
@@ -1486,7 +1459,7 @@ declare interface TableHeaderProps_2 {
  * @see {@link TableHeaderRowProps}
  */
 export declare const TableHeaderRow: {
-    ({ children, ariaRowIndex, }: TableHeaderRowProps): JSX_2.Element;
+    ({ children, ariaRowIndex, }: TableHeaderRowProps): JSX.Element;
     displayName: string;
 };
 
@@ -1513,7 +1486,7 @@ declare interface TableProps {
  * @see {@link TableRootProps}
  */
 export declare const TableRoot: {
-    ({ children, name, rowCount, colCount, "data-testid": testId, }: TableRootProps): JSX_2.Element;
+    ({ children, name, rowCount, colCount, "data-testid": testId, }: TableRootProps): JSX.Element;
     displayName: string;
 };
 
@@ -1536,11 +1509,11 @@ declare interface TableRootProps {
  * @see {@link TableRowProps}
  */
 export declare const TableRow: {
-    ({ ariaRowIndex, onClick, children, dataTestId, }: TableRowProps_2): JSX_2.Element;
+    ({ ariaRowIndex, onClick, children, dataTestId, }: TableRowProps_2): JSX.Element;
     displayName: string;
 };
 
-declare const TableRowCompound: (_: TableRowProps) => any;
+declare const TableRowCompound: (_: TableRowProps) => null;
 
 declare type TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;
 
@@ -1568,7 +1541,7 @@ declare interface TableRowProps_2 {
  * API:
  *  - {@link TextCountdownProps}
  */
-export declare function TextCountdown({ initialDurationSeconds, durationSeconds, children, label, showTimer, "data-testid": testId, }: TextCountdownProps): JSX_2.Element;
+export declare function TextCountdown({ initialDurationSeconds, durationSeconds, children, label, showTimer, "data-testid": testId, }: TextCountdownProps): JSX.Element;
 
 export declare namespace TextCountdown {
     var displayName: string;
@@ -1608,7 +1581,7 @@ declare interface TextCountdownProps {
  * API:
  *  - {@link TextEllipsisProps}
  */
-export declare const TextEllipsis: ({ children, maxWidth, singleLine, lines, title, "data-testid": testId, }: TextEllipsisProps) => JSX_2.Element;
+export declare const TextEllipsis: ({ children, maxWidth, singleLine, lines, title, "data-testid": testId, }: TextEllipsisProps) => JSX.Element;
 
 declare interface TextEllipsisProps {
     /**
@@ -1647,7 +1620,7 @@ declare interface TextEllipsisProps {
  * API:
  *  - {@link TextEmphasisProps}
  */
-export declare const TextEmphasis: ({ to, children, tooltipProps, "data-testid": testId, }: TextEmphasisProps) => JSX_2.Element;
+export declare const TextEmphasis: ({ to, children, tooltipProps, "data-testid": testId, }: TextEmphasisProps) => JSX.Element;
 
 declare interface TextEmphasisProps {
     /**
@@ -1696,7 +1669,7 @@ declare const THEMES: {
  * API:
  *  - {@link TombstoneProps}
  */
-export declare const Tombstone: ({ width, height, borderRadius, }: TombstoneProps) => JSX_2.Element;
+export declare const Tombstone: ({ width, height, borderRadius, }: TombstoneProps) => JSX.Element;
 
 declare interface TombstoneProps {
     /**
@@ -1718,24 +1691,24 @@ declare interface TombstoneProps {
 
 /**
  * A responsive component that automatically renders as Tooltip on desktop
- * and Popover on mobile/touch devices.
- *
- * **Client/Server Rendering:**
- * To ensure proper hydration in SSR environments, this component
- * matches the server render by defaulting to Tooltip until client-side detection
- * completes. This prevents hydration mismatches while maintaining correct
- * behavior after the initial render.
+ * and Popover on mobile devices.
  *
  * API:
  *  - {@link ResponsiveTooltipProps}
+ *  - @extends {@link TooltipProps}
+ *  - @extends {@link PopoverProps}
  */
-export declare function Tooltip({ children, content, placement, align, arrow, delay, isDisabled, open, defaultOpen, onOpenChange, constrainWidth, disableTriggerClick, forceComponent, "data-testid": testId, }: ResponsiveTooltipProps): JSX_2.Element;
+export declare function Tooltip({ children, content, placement, align, arrow, delay, isDisabled, open, defaultOpen, onOpenChange, constrainWidth, disableTriggerClick, forceComponent, "data-testid": testId, }: ResponsiveTooltipProps): JSX.Element | null;
 
 export declare namespace Tooltip {
     var displayName: string;
 }
 
-export declare type TooltipPlacement = "top" | "bottom" | "left" | "right";
+/** Radix `Tooltip.Content` `align` */
+export declare type TooltipAlign = RadixAlign;
+
+/** Radix `Tooltip.Content` `side` */
+export declare type TooltipPlacement = RadixSide;
 
 declare interface TooltipProps {
     /**
@@ -1746,20 +1719,27 @@ declare interface TooltipProps {
     /**
      * The children to display in the tooltip.
      */
-    children: default_2.ReactNode;
+    children: ReactNode;
     /**
      * The content to display in the tooltip. Zero-length titles string are never displayed.
      */
-    content: string | default_2.ReactNode;
+    content: string | ReactNode;
     /**
      * A test ID.
      */
     "data-testid"?: string;
     /**
-     * The placement of the tooltip.
-     * @default "bottom"
+     * Side of the trigger to place the tooltip.
+     * @see {@link TooltipPlacement}
+     * @default "top"
      */
     placement?: TooltipPlacement;
+    /**
+     * Alignment along the side.
+     * @see {@link TooltipAlign}
+     * @default "center"
+     */
+    align?: TooltipAlign;
     /**
      * Whether to disable the trigger click feature.
      * This is useful when using an info only Tooltip that might wrap a clickable element.
@@ -1793,7 +1773,7 @@ export declare const useTheme: () => ThemeContextType;
  * API:
  *  - {@link WaveformProps}
  */
-export declare function Waveform({ data: waveformData, resolution, startDuration, endDuration, currentTime, showTimestamps, totalDuration, disabled, disabledMessage, onClick, "data-testid": testId, }: WaveformProps): JSX_2.Element;
+export declare function Waveform({ data: waveformData, resolution, startDuration, endDuration, currentTime, showTimestamps, totalDuration, disabled, disabledMessage, onClick, "data-testid": testId, }: WaveformProps): JSX.Element;
 
 declare interface WaveformProps {
     /**