@enonic/ui 1.6.0 → 1.7.0

package/dist/types/components/tab/tab.d.ts

@@ -77,25 +77,97 @@ export type TabListOverflowProps = {
     minTabWidth?: string;
     children?: ReactNode;
 } & ComponentPropsWithoutRef<'div'>;
-export declare const Tab: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabRootProps> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
-}> & {
-    Root: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabRootProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    List: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabListProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    ListOverflow: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabListOverflowProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    Trigger: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabTriggerProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    DefaultTrigger: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabDefaultTriggerProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    Content: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TabContentProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
+export declare const Tab: import('react').ForwardRefExoticComponent<{
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** When 'automatic', tabs activate on focus. When 'manual', tabs activate on Enter/Space */
+    activationMode?: "automatic" | "manual";
+    /**
+     * Whether the selected trigger receives focus on initial mount and value changes.
+     *
+     * Set to `false` to keep focus on an external control that drives the tab selection.
+     * Keyboard navigation inside the list (arrows, Home, End) still moves focus either way.
+     *
+     * With `false`, an external value change is not announced to screen readers — focus does
+     * not move and `Tab.Content` is not a live region, so the consumer must announce it.
+     *
+     * @default true
+     */
+    autoFocusTrigger?: boolean;
+    /** Content */
+    children?: ReactNode;
+} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Root: import('react').ForwardRefExoticComponent<{
+        /** Controlled value */
+        value?: string;
+        /** Default value for uncontrolled mode */
+        defaultValue?: string;
+        /** Callback when value changes */
+        onValueChange?: (value: string) => void;
+        /** When 'automatic', tabs activate on focus. When 'manual', tabs activate on Enter/Space */
+        activationMode?: "automatic" | "manual";
+        /**
+         * Whether the selected trigger receives focus on initial mount and value changes.
+         *
+         * Set to `false` to keep focus on an external control that drives the tab selection.
+         * Keyboard navigation inside the list (arrows, Home, End) still moves focus either way.
+         *
+         * With `false`, an external value change is not announced to screen readers — focus does
+         * not move and `Tab.Content` is not a live region, so the consumer must announce it.
+         *
+         * @default true
+         */
+        autoFocusTrigger?: boolean;
+        /** Content */
+        children?: ReactNode;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & import('react').RefAttributes<HTMLDivElement>>;
+    List: import('react').ForwardRefExoticComponent<{
+        /** Whether keyboard navigation loops */
+        loop?: boolean;
+        /** Content (Tab.Trigger components) */
+        children?: ReactNode;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    ListOverflow: import('react').ForwardRefExoticComponent<{
+        /** Overrides the localized accessible name for the scroll-left button. */
+        scrollLeftLabel?: string;
+        /** Overrides the localized accessible name for the scroll-right button. */
+        scrollRightLabel?: string;
+        /** Minimum width for each tab (CSS value, e.g. '6rem', '120px'). Defaults to '6.25rem'. */
+        minTabWidth?: string;
+        children?: ReactNode;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<{
+        /** Value that identifies this tab */
+        value: string;
+        /** Whether this tab is disabled */
+        disabled?: boolean;
+        /** Content */
+        children?: ReactNode;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value"> & import('react').RefAttributes<HTMLButtonElement>>;
+    DefaultTrigger: import('react').ForwardRefExoticComponent<{
+        /** Value that identifies this tab */
+        value: string;
+        /** Whether this tab is disabled */
+        disabled?: boolean;
+        /** Icon displayed on the left */
+        icon?: LucideIcon;
+        /** Count displayed as badge on the right */
+        count?: string | number;
+        /** Shows error indicator on the right (takes precedence over count) */
+        error?: boolean;
+        /** Label content */
+        children?: ReactNode;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "value"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<{
+        /** Value that matches the corresponding Tab.Trigger */
+        value: string;
+        /** Keep content in DOM even when inactive */
+        forceMount?: boolean;
+        /** Content */
+        children?: ReactNode;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/types/components/tag/tag.d.ts

@@ -17,22 +17,31 @@ export type TagLabelProps = {
     as?: 'span' | 'button';
 } & ComponentPropsWithoutRef<'button'>;
 export type TagRemoveProps = Omit<IconButtonProps, 'icon'>;
-export declare const Tag: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagProps> & {
-    ref?: import('preact').Ref<HTMLElement> | undefined;
-}> & {
-    Root: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagProps> & {
-        ref?: import('preact').Ref<HTMLElement> | undefined;
-    }>;
-    Handle: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagHandleProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    Prefix: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagPrefixProps> & {
-        ref?: import('preact').Ref<HTMLSpanElement> | undefined;
-    }>;
-    Label: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagLabelProps> & {
-        ref?: import('preact').Ref<HTMLElement> | undefined;
-    }>;
-    Remove: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TagRemoveProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+export declare const Tag: import('react').ForwardRefExoticComponent<{
+    /** `li` inside a list of tags, `span` anywhere else. */
+    as?: "span" | "li";
+    /** Red text and border, nothing more: the message is the caller's to attach, as `title` or `aria-describedby`. */
+    error?: boolean;
+    /** Mutes the chip and disables its handle, remove button and label button. */
+    disabled?: boolean;
+    /** Being dragged: a grabbing cursor and a ring; the drag itself is the caller's. */
+    dragging?: boolean;
+} & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+    Root: import('react').ForwardRefExoticComponent<{
+        /** `li` inside a list of tags, `span` anywhere else. */
+        as?: "span" | "li";
+        /** Red text and border, nothing more: the message is the caller's to attach, as `title` or `aria-describedby`. */
+        error?: boolean;
+        /** Mutes the chip and disables its handle, remove button and label button. */
+        disabled?: boolean;
+        /** Being dragged: a grabbing cursor and a ring; the drag itself is the caller's. */
+        dragging?: boolean;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Handle: import('react').ForwardRefExoticComponent<TagHandleProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Prefix: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    Label: import('react').ForwardRefExoticComponent<{
+        /** `button` for a label that does something on click — a tag edited in place. */
+        as?: "span" | "button";
+    } & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Remove: import('react').ForwardRefExoticComponent<TagRemoveProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/types/components/textarea/textarea.d.ts

@@ -33,6 +33,37 @@ export type TextAreaProps = {
     autoSize?: boolean;
     className?: string;
 } & ComponentPropsWithoutRef<'textarea'>;
-export declare const TextArea: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TextAreaProps> & {
-    ref?: Ref<HTMLTextAreaElement> | undefined;
-}>;
+export declare const TextArea: import('react').ForwardRefExoticComponent<{
+    label?: string;
+    description?: ReactNode;
+    endAddon?: ReactNode;
+    error?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /**
+     * Indicates an in-flight async operation on the field. Forces read-only behavior,
+     * shows a progress cursor and an animated shimmer overlay, and suppresses the error display.
+     * Takes priority over `error`.
+     */
+    processing?: boolean;
+    /**
+     * Applies a one-shot attention-blink ring around the field (not the label/error). Pair with
+     * `useBlinkAttention` for the trigger logic.
+     */
+    highlight?: boolean;
+    /**
+     * Ref to the field's container element — the one that wears the blink ring. Pass the same ref
+     * to `useBlinkAttention` so the hook can restart the CSS animation directly via the DOM. When
+     * provided, `highlight` becomes optional; the hook drives the class on its own.
+     */
+    highlightRef?: Ref<HTMLDivElement>;
+    resizable?: boolean;
+    /**
+     * Enables automatic content-based sizing.
+     * Uses CSS `field-sizing: content` when supported, with a JS fallback for browsers that lack it (e.g. Firefox).
+     * In the JS fallback, manual resizing is disabled even if `resizable` is true.
+     * @see https://caniuse.com/mdn-css_properties_field-sizing
+     */
+    autoSize?: boolean;
+    className?: string;
+} & Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/time-picker/time-picker.d.ts

@@ -24,7 +24,7 @@ export type TimePickerTriggerProps = {
 } & Omit<ComponentPropsWithoutRef<'button'>, 'className' | 'children'>;
 export type TimePickerContentProps = {
     /** Optional reference to an anchor element for positioning (defaults to trigger) */
-    anchorRef?: RefObject<HTMLElement>;
+    anchorRef?: RefObject<HTMLElement | null>;
     className?: string;
     children?: ReactNode;
 } & FloatingProps & Omit<ComponentPropsWithoutRef<'div'>, 'className' | 'children'>;
@@ -57,26 +57,33 @@ export declare const TimePicker: {
         ({ value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen, onOpenChange, referenceDate: referenceDateProp, timezone, name, form, native, nativeInputProps, invalid, className, children, onKeyDown, ...props }: TimePickerRootProps): ReactElement;
         displayName: string;
     };
-    Trigger: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerTriggerProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    Content: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerContentProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    HourSelect: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerHourSelectProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    MinuteSelect: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerMinuteSelectProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+    Trigger: import('react').ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        children?: ReactNode;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "className"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<{
+        /** Optional reference to an anchor element for positioning (defaults to trigger) */
+        anchorRef?: RefObject<HTMLElement | null>;
+        className?: string;
+        children?: ReactNode;
+    } & FloatingProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "className"> & import('react').RefAttributes<HTMLDivElement>>;
+    HourSelect: import('react').ForwardRefExoticComponent<{
+        className?: string;
+        contentClassName?: string;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "className"> & import('react').RefAttributes<HTMLButtonElement>>;
+    MinuteSelect: import('react').ForwardRefExoticComponent<{
+        className?: string;
+        contentClassName?: string;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "className"> & import('react').RefAttributes<HTMLButtonElement>>;
     Timezone: {
         ({ className, ...props }: TimePickerTimezoneProps): ReactElement | null;
         displayName: string;
     };
-    NativeInput: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerNativeInputProps> & {
-        ref?: import('preact').Ref<HTMLInputElement> | undefined;
-    }>;
-    HiddenInput: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<TimePickerHiddenInputProps> & {
-        ref?: import('preact').Ref<HTMLInputElement> | undefined;
-    }>;
+    NativeInput: import('react').ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue" | "className" | "type"> & import('react').RefAttributes<HTMLInputElement>>;
+    HiddenInput: import('react').ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue" | "className" | "onChange" | "type"> & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/types/components/toast/toast.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { IconButtonProps } from '../icon-button';
-import { LinkProps } from '../link';
 export type ToastProps = {
     id?: string | number;
     open?: boolean;
@@ -8,7 +7,7 @@ export type ToastProps = {
     onOpenChange?: (open: boolean) => void;
     withClose?: boolean;
     children?: ReactNode;
-} & ComponentPropsWithoutRef<'div'>;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'id'>;
 declare const toastTones: readonly ["success", "info", "warning", "error"];
 export type ToastTone = (typeof toastTones)[number];
 export type ToastIconProps = {
@@ -19,36 +18,40 @@ export type ToastIconProps = {
     /** Additional CSS classes for the icon wrapper. */
     className?: string;
 };
-export declare const Toast: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToastProps> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
-}> & {
+export declare const Toast: import('react').ForwardRefExoticComponent<{
+    id?: string | number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    withClose?: boolean;
+    children?: ReactNode;
+} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id"> & import('react').RefAttributes<HTMLDivElement>> & {
     Icon: {
         ({ tone, children, className }: ToastIconProps): null;
         displayName: string;
     };
-    Title: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<{
+    Title: import('react').ForwardRefExoticComponent<{
         asChild?: boolean;
-    } & ComponentPropsWithoutRef<"h4">> & {
-        ref?: import('preact').Ref<HTMLHeadingElement> | undefined;
-    }>;
-    Description: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<{
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+    Description: import('react').ForwardRefExoticComponent<{
         asChild?: boolean;
-    } & ComponentPropsWithoutRef<"p">> & {
-        ref?: import('preact').Ref<HTMLParagraphElement> | undefined;
-    }>;
-    Link: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<LinkProps> & {
-        ref?: import('preact').Ref<HTMLAnchorElement> | undefined;
-    }>;
-    Button: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ComponentPropsWithoutRef<import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<import('../button').ButtonProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>>> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
-    Close: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<{
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Link: import('react').ForwardRefExoticComponent<{
+        href: string;
+        external?: boolean | "auto";
+        newTab?: boolean;
+        leftIcon?: import('../..').LucideIcon | boolean;
+        rightIcon?: import('../..').LucideIcon | boolean;
+    } & Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    Button: import('react').ForwardRefExoticComponent<Omit<{
+        startIcon?: import('../..').LucideIcon;
+        endIcon?: import('../..').LucideIcon;
+        label?: string;
+        disabled?: boolean;
+    } & import('../button').ButtonVariantsProps & import('../button').ButtonIconProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Close: import('react').ForwardRefExoticComponent<{
         asChild?: boolean;
         'aria-label'?: string;
-    } & Omit<IconButtonProps, "aria-label" | "icon">> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+    } & Omit<IconButtonProps, "aria-label" | "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/types/components/toggle/toggle.d.ts

@@ -8,6 +8,8 @@ export type ToggleVariantsProps = ButtonVariantsProps;
 export type ToggleVariant = ButtonVariant;
 export type ToggleSize = ButtonSize;
 export type ToggleIconProps = ButtonIconProps;
-export declare const Toggle: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToggleProps> & {
-    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-}>;
+export declare const Toggle: import('react').ForwardRefExoticComponent<{
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+} & Omit<ButtonProps, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/components/toggle-group/toggle-group.d.ts

@@ -47,14 +47,11 @@ export type ToggleGroupItemProps = {
     value: string;
     asChild?: boolean;
 } & Omit<ButtonProps, 'onClick' | 'aria-pressed' | 'aria-checked'>;
-export declare const ToggleGroup: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToggleGroupRootProps> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
-}> & {
-    Root: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToggleGroupRootProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    Item: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToggleGroupItemProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Root: import('react').ForwardRefExoticComponent<ToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<{
+        value: string;
+        asChild?: boolean;
+    } & Omit<ButtonProps, "aria-checked" | "aria-pressed" | "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/types/components/toolbar/toolbar-toggle-group.d.ts

@@ -44,17 +44,15 @@ export type ToolbarToggleItemProps = {
     value: string;
     asChild?: boolean;
 } & Omit<ButtonProps, 'onClick' | 'aria-pressed' | 'aria-checked'>;
-declare const ToolbarToggleItem: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarToggleItemProps> & {
-    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-}>;
-export declare const ToolbarToggleGroup: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarToggleGroupRootProps> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
-}> & {
-    Root: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarToggleGroupRootProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    Item: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarToggleItemProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+declare const ToolbarToggleItem: import('react').ForwardRefExoticComponent<{
+    value: string;
+    asChild?: boolean;
+} & Omit<ButtonProps, "aria-checked" | "aria-pressed" | "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ToolbarToggleGroup: import('react').ForwardRefExoticComponent<ToolbarToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Root: import('react').ForwardRefExoticComponent<ToolbarToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<{
+        value: string;
+        asChild?: boolean;
+    } & Omit<ButtonProps, "aria-checked" | "aria-pressed" | "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
 };
 export { ToolbarToggleItem };

package/dist/types/components/toolbar/toolbar.d.ts

@@ -119,26 +119,34 @@ export declare const Toolbar: {
         ({ defaultActive, onActiveChange, id, orientation, loop, children, }: ToolbarRootProps): ReactElement;
         displayName: string;
     };
-    Container: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarContainerProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    Item: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarItemProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    Separator: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToolbarSeparatorProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }>;
-    ToggleGroup: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<import('./toolbar-toggle-group').ToolbarToggleGroupRootProps> & {
-        ref?: import('preact').Ref<HTMLDivElement> | undefined;
-    }> & {
-        Root: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<import('./toolbar-toggle-group').ToolbarToggleGroupRootProps> & {
-            ref?: import('preact').Ref<HTMLDivElement> | undefined;
-        }>;
-        Item: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<import('./toolbar-toggle-group').ToolbarToggleItemProps> & {
-            ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-        }>;
+    Container: import('react').ForwardRefExoticComponent<{
+        /** Accessible label for the toolbar (required for screen readers) */
+        'aria-label': string;
+        className?: string;
+        children?: ReactNode;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<{
+        /** Unique ID for this item (auto-generated if not provided) */
+        id?: string;
+        /** Whether the item is disabled */
+        disabled?: boolean;
+        /** Render as a child element using Radix UI Slot */
+        asChild?: boolean;
+        className?: string;
+        children: ReactNode;
+    } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "id"> & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    ToggleGroup: import('react').ForwardRefExoticComponent<import('./toolbar-toggle-group').ToolbarToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Root: import('react').ForwardRefExoticComponent<import('./toolbar-toggle-group').ToolbarToggleGroupRootProps & import('react').RefAttributes<HTMLDivElement>>;
+        Item: import('react').ForwardRefExoticComponent<{
+            value: string;
+            asChild?: boolean;
+        } & Omit<import('..').ButtonProps, "aria-checked" | "aria-pressed" | "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
     };
-    ToggleItem: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<import('./toolbar-toggle-group').ToolbarToggleItemProps> & {
-        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
-    }>;
+    ToggleItem: import('react').ForwardRefExoticComponent<{
+        value: string;
+        asChild?: boolean;
+    } & Omit<import('..').ButtonProps, "aria-checked" | "aria-pressed" | "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/types/components/tooltip/tooltip.d.ts

@@ -9,5 +9,17 @@ export type TooltipProps = {
     asChild?: boolean;
     delay?: number;
     trigger?: TooltipTrigger;
+    /**
+     * Whether the child has logical focus while DOM focus stays on a container. Opens the tooltip as soon as it is
+     * true, even on mount, so pass it only while the container itself holds DOM focus.
+     */
+    virtualFocus?: boolean;
+    /** Keyboard opening delay in milliseconds. Hover uses delay; existing focus behavior defaults to immediate. */
+    focusDelay?: number;
+    /**
+     * Hide the tooltip and cancel pending opening without disabling its child. Re-enabling reopens it only for a
+     * focused trigger; a hovered one needs the pointer to leave and re-enter.
+     */
+    disabled?: boolean;
 };
-export declare function Tooltip({ className, children, value, side, asChild, delay, trigger, }: TooltipProps): ReactElement<TooltipProps>;
+export declare function Tooltip({ className, children, value, side, asChild, delay, trigger, virtualFocus, focusDelay, disabled, }: TooltipProps): ReactElement<TooltipProps>;