@cube-dev/ui-kit 0.80.2 → 0.82.0

package/es/utils/react/useIsDarwin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.2
+ * @cube-dev/ui-kit v0.82.0
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.80.2';
+    const version = '0.82.0';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.80.2",
+  "version": "0.82.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/GridProvider.d.ts

@@ -7,4 +7,4 @@ export interface CubeGridProviderProps {
     width?: Styles['width'];
     initialWidth?: Styles['width'];
 }
-export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<unknown>>;
+export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/fields/ComboBox/ComboBox.d.ts

@@ -1,44 +1,115 @@
-import { ForwardedRef, ReactElement, RefObject } from 'react';
-import { AriaComboBoxProps, AriaTextFieldProps } from 'react-aria';
-import { Section as BaseSection } from 'react-stately';
+import { Key } from '@react-types/shared';
+import React, { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
+import { Section as BaseSection, Item } from 'react-stately';
 import { FieldBaseProps } from '../../../shared';
-import { Item } from '../../Item';
-import type { KeyboardDelegate, LoadingState } from '@react-types/shared';
-import type { CubeSelectBaseProps } from '../Select';
+import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
-export type MenuTriggerAction = 'focus' | 'input' | 'manual';
-export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, Omit<AriaComboBoxProps<T>, 'errorMessage'>, Omit<AriaTextFieldProps, 'errorMessage'>, FieldBaseProps {
-    defaultSelectedKey?: string | null;
+export type PopoverTriggerAction = 'focus' | 'input' | 'manual';
+export interface CubeComboBoxProps<T> extends BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, FieldBaseProps {
+    /** The selected key in controlled mode */
     selectedKey?: string | null;
-    onSelectionChange?: (selectedKey: string | null) => void;
-    onInputChange?: (inputValue: string) => void;
+    /** The default selected key in uncontrolled mode */
+    defaultSelectedKey?: string | null;
+    /** Callback fired when selection changes */
+    onSelectionChange?: (key: string | null) => void;
+    /** The input value in controlled mode */
     inputValue?: string;
+    /** The default input value in uncontrolled mode */
+    defaultInputValue?: string;
+    /** Callback fired when input value changes */
+    onInputChange?: (value: string) => void;
+    /** Placeholder text for the input */
     placeholder?: string;
-    icon?: ReactElement;
-    multiLine?: boolean;
-    autoComplete?: string;
-    wrapperRef?: RefObject<HTMLDivElement>;
-    inputRef?: RefObject<HTMLInputElement>;
-    /** The ref for the list box popover. */
-    popoverRef?: RefObject<HTMLDivElement>;
-    /** The ref for the list box. */
-    listBoxRef?: RefObject<HTMLElement>;
-    /** An optional keyboard delegate implementation, to override the default. */
-    keyboardDelegate?: KeyboardDelegate;
-    loadingState?: LoadingState;
+    /** Whether the input should have autofocus */
+    autoFocus?: boolean;
+    /** Callback fired when focus enters the component (input, trigger, or popover). Does not receive event object. */
+    onFocus?: () => void;
+    /** Callback fired when focus leaves the component entirely. Does not receive event object. */
+    onBlur?: () => void;
+    /** Callback fired when a key is pressed on the input */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Popover trigger behavior: 'focus', 'input', or 'manual'. Defaults to 'input' */
+    popoverTrigger?: PopoverTriggerAction;
+    /** Items for the listbox (alternative to children) */
+    items?: Iterable<T>;
+    /** Children for the listbox (static items or render function) */
+    children?: ReactNode | ((item: T) => ReactElement);
     /**
-     * The filter function used to determine if a option should be included in the combo box list.
-     * Has no effect when `items` is provided.
+     * Custom filter function for determining if an option should be included.
+     * Pass `false` to disable internal filtering completely.
      */
-    filter?: FilterFn;
-    size?: 'small' | 'medium' | 'large' | (string & {});
-    suffixPosition?: 'before' | 'after';
-    menuTrigger?: MenuTriggerAction;
+    filter?: FilterFn | false;
+    /** Whether to allow entering custom values that are not in the predefined options */
     allowsCustomValue?: boolean;
-    /** Whether the combo box is clearable using ESC keyboard button or clear button inside the input */
+    /** Whether to commit custom value on blur in allowsCustomValue mode (default: true) */
+    shouldCommitOnBlur?: boolean;
+    /** Whether to clear selection and input on blur (default: false, only applies to non-custom-value mode) */
+    clearOnBlur?: boolean;
+    /** Whether the combobox is clearable using ESC key or clear button */
     isClearable?: boolean;
     /** Callback called when the clear button is pressed */
     onClear?: () => void;
+    /** Left input icon */
+    icon?: ReactElement;
+    /** Input decoration before the main input */
+    prefix?: ReactNode;
+    /** Input decoration after the main input */
+    suffix?: ReactNode;
+    /** Whether to hide the trigger button */
+    hideTrigger?: boolean;
+    /** Size of the combobox */
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    /** Ref for accessing the input element */
+    inputRef?: RefObject<HTMLInputElement>;
+    /** Ref for accessing the wrapper element */
+    wrapperRef?: RefObject<HTMLDivElement>;
+    /** Ref for accessing the listbox element */
+    listBoxRef?: RefObject<HTMLDivElement>;
+    /** Ref for accessing the popover element */
+    popoverRef?: RefObject<HTMLDivElement>;
+    /** Ref for accessing the trigger button element */
+    triggerRef?: RefObject<HTMLButtonElement>;
+    /** Custom styles for the input */
+    inputStyles?: Styles;
+    /** Custom styles for the trigger button */
+    triggerStyles?: Styles;
+    /** Custom styles for the field wrapper */
+    fieldStyles?: Styles;
+    /** Custom styles for the listbox */
+    listBoxStyles?: Styles;
+    /** Custom styles for the popover overlay */
+    overlayStyles?: Styles;
+    /** Custom styles for individual options */
+    optionStyles?: Styles;
+    /** Custom styles for sections */
+    sectionStyles?: Styles;
+    /** Custom styles for section headings */
+    headingStyles?: Styles;
+    /** Whether the combobox is disabled */
+    isDisabled?: boolean;
+    /** Whether the combobox is in loading state */
+    isLoading?: boolean;
+    /** Validation state of the combobox */
+    validationState?: 'valid' | 'invalid';
+    /** Keys of disabled items */
+    disabledKeys?: Iterable<Key>;
+    /** Whether to flip the popover placement */
+    shouldFlip?: boolean;
+    /** Placement direction for the popover */
+    direction?: 'bottom' | 'top';
+    /** Offset for the popover */
+    overlayOffset?: number;
+    /** Whether the combobox is read-only */
+    isReadOnly?: boolean;
+    /** Suffix position goes before or after the validation and loading statuses */
+    suffixPosition?: 'before' | 'after';
+    /**
+     * Sort selected item to the top when the popover opens.
+     * Only works when using the `items` prop (data-driven mode).
+     * Ignored when using JSX children.
+     * @default true when items are provided, false when using JSX children
+     */
+    sortSelectedToTop?: boolean;
 }
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement>;

package/types/components/fields/ComboBox/index.d.ts

@@ -1 +1,2 @@
-export * from './ComboBox';
+export { ComboBox } from './ComboBox';
+export type { CubeComboBoxProps } from './ComboBox';

package/types/components/fields/FilterListBox/FilterListBox.d.ts

@@ -4,6 +4,7 @@ import { Section as BaseSection, Item } from 'react-stately';
 import { Styles } from '../../../tasty';
 import { CubeItemProps } from '../../Item';
 import { CubeListBoxProps } from '../ListBox/ListBox';
+import type { Collection, Node } from '@react-types/shared';
 import type { FieldBaseProps } from '../../../shared';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
 export interface CubeFilterListBoxProps<T> extends CubeListBoxProps<T>, FieldBaseProps {
@@ -64,6 +65,12 @@ export interface CubeFilterListBoxProps<T> extends CubeListBoxProps<T>, FieldBas
      * Use with `searchValue` for controlled search input.
      */
     onSearchChange?: (value: string) => void;
+    /**
+     * Pre-built collection to use instead of creating a new one.
+     * Used internally by FilterPicker to avoid duplicate collection creation.
+     * @internal
+     */
+    _internalCollection?: Collection<Node<any>>;
 }
 export declare const FilterListBox: (<T>(props: CubeFilterListBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement>;

package/types/components/fields/FilterPicker/FilterPicker.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, MutableRefObject, ReactElement, ReactNode } from 'react';
+import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { Section as BaseSection, ListState } from 'react-stately';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { CubeItemButtonProps } from '../../actions';
@@ -47,13 +47,20 @@ export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>
         selectionMode?: 'single' | 'multiple';
     }) => ReactNode) | false;
     /** Ref to access internal ListBox state (from FilterListBox) */
-    listStateRef?: MutableRefObject<ListState<T>>;
+    listStateRef?: RefObject<ListState<T>>;
     /** Additional modifiers for styling the FilterPicker */
     mods?: Record<string, boolean>;
     /** Whether the filter picker is clearable using a clear button in the rightIcon slot */
     isClearable?: boolean;
     /** Callback called when the clear button is pressed */
     onClear?: () => void;
+    /**
+     * Sort selected items to the top when the popover opens.
+     * Only works when using the `items` prop (data-driven mode).
+     * Ignored when using JSX children.
+     * @default true when items are provided, false when using JSX children
+     */
+    sortSelectedToTop?: boolean;
 }
 export declare const FilterPicker: (<T>(props: CubeFilterPickerProps<T> & {
     ref?: ForwardedRef<HTMLElement>;

package/types/components/fields/LegacyComboBox/LegacyComboBox.d.ts

@@ -0,0 +1,49 @@
+import { ForwardedRef, ReactElement, RefObject } from 'react';
+import { AriaComboBoxProps, AriaTextFieldProps } from 'react-aria';
+import { Section as BaseSection } from 'react-stately';
+import { FieldBaseProps } from '../../../shared';
+import { Item } from '../../Item';
+import type { KeyboardDelegate, LoadingState } from '@react-types/shared';
+import type { CubeSelectBaseProps } from '../Select';
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export type MenuTriggerAction = 'focus' | 'input' | 'manual';
+export interface CubeLegacyComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, Omit<AriaComboBoxProps<T>, 'errorMessage'>, Omit<AriaTextFieldProps, 'errorMessage'>, FieldBaseProps {
+    defaultSelectedKey?: string | null;
+    selectedKey?: string | null;
+    onSelectionChange?: (selectedKey: string | null) => void;
+    onInputChange?: (inputValue: string) => void;
+    inputValue?: string;
+    placeholder?: string;
+    icon?: ReactElement;
+    multiLine?: boolean;
+    autoComplete?: string;
+    wrapperRef?: RefObject<HTMLDivElement>;
+    inputRef?: RefObject<HTMLInputElement>;
+    /** The ref for the list box popover. */
+    popoverRef?: RefObject<HTMLDivElement>;
+    /** The ref for the list box. */
+    listBoxRef?: RefObject<HTMLElement>;
+    /** An optional keyboard delegate implementation, to override the default. */
+    keyboardDelegate?: KeyboardDelegate;
+    loadingState?: LoadingState;
+    /**
+     * The filter function used to determine if a option should be included in the combo box list.
+     * Has no effect when `items` is provided.
+     */
+    filter?: FilterFn;
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    suffixPosition?: 'before' | 'after';
+    menuTrigger?: MenuTriggerAction;
+    allowsCustomValue?: boolean;
+    /** Whether the combo box is clearable using ESC keyboard button or clear button inside the input */
+    isClearable?: boolean;
+    /** Callback called when the clear button is pressed */
+    onClear?: () => void;
+}
+export declare const LegacyComboBox: (<T>(props: CubeLegacyComboBoxProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement) & {
+    Item: typeof Item;
+    Section: typeof BaseSection;
+};
+export {};

package/types/components/fields/LegacyComboBox/index.d.ts

@@ -0,0 +1 @@
+export * from './LegacyComboBox';

package/types/components/fields/ListBox/ListBox.d.ts

@@ -57,6 +57,11 @@ export interface CubeListBoxProps<T> extends AriaListBoxProps<T>, CollectionBase
     mods?: Record<string, boolean>;
     /** Size variant of the ListBox */
     size?: 'medium' | 'large';
+    /**
+     * When `true`, clicking an already-selected item keeps it selected instead of toggling it off.
+     * Useful when embedding ListBox inside components like ComboBox.
+     */
+    disableSelectionToggle?: boolean;
     /**
      * Whether to use virtual focus for keyboard navigation.
      * When true, DOM focus stays outside individual option elements (useful for searchable lists).

package/types/components/fields/Select/Select.d.ts

@@ -61,7 +61,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     size?: 'small' | 'medium' | 'large' | (string & {});
     placeholder?: string;
 }
-export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, minWidth, size, triggerRef, ...otherProps }: {
+export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, updatePosition, minWidth, size, triggerRef, isDisabled, ...otherProps }: {
     [x: string]: any;
     state: any;
     popoverRef: any;
@@ -72,9 +72,11 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     overlayProps: any;
     shouldUseVirtualFocus?: boolean | undefined;
     placement: any;
+    updatePosition: any;
     minWidth: any;
     size?: string | undefined;
     triggerRef: any;
+    isDisabled: any;
 }): import("react/jsx-runtime").JSX.Element;
 type SectionComponent = typeof BaseSection;
 declare const SelectSectionComponent: SectionComponent;

package/types/components/fields/Switch/Switch.d.ts

@@ -3,8 +3,9 @@ import { FieldBaseProps } from '../../../shared';
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps, AriaSwitchProps {
     inputStyles?: Styles;
+    fieldStyles?: Styles;
     isLoading?: boolean;
-    size?: 'large' | 'small';
+    size?: 'large' | 'medium' | 'small';
 }
 /**
  * Switches allow users to turn an individual option on or off.

package/types/components/fields/index.d.ts

@@ -12,6 +12,7 @@ export * from './Slider';
 export * from './Switch/Switch';
 export * from './Select';
 export * from './ComboBox';
+export * from './LegacyComboBox';
 export * from './ListBox';
 export * from './FilterListBox';
 export * from './FilterPicker';

package/types/components/helpers/DisplayTransition/DisplayTransition.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, RefCallback } from 'react';
+type Phase = 'enter' | 'entered' | 'exit' | 'unmounted';
+export type DisplayTransitionProps = {
+    /** Desired visibility (driver). */
+    isShown: boolean;
+    /** Times enter->entered and exit->unmounted. 0 => immediate. If undefined, uses native transition events. */
+    duration?: number;
+    /** Fires after enter settles or after exit completes (unmount). */
+    onRest?: (transition: 'enter' | 'exit') => void;
+    /** Keep calling children during "unmounted" (you decide what to render). */
+    exposeUnmounted?: boolean;
+    /** If false and initially shown, start at "entered" (no first-mount animation/SSR pop). */
+    animateOnMount?: boolean;
+    /** Respect prefers-reduced-motion by collapsing duration to 0. */
+    respectReducedMotion?: boolean;
+    /** Render-prop gets { phase, isShown, ref }. Bind ref to the transitioned element for native event detection. */
+    children: (props: {
+        phase: Phase;
+        isShown: boolean;
+        ref: RefCallback<HTMLElement>;
+    }) => ReactNode;
+};
+export declare function DisplayTransition({ isShown: targetShown, duration, onRest, exposeUnmounted, animateOnMount, respectReducedMotion, children, }: DisplayTransitionProps): ReactNode;
+export {};

package/types/components/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './DisplayTransition/DisplayTransition';

package/types/components/layout/Prefix.d.ts

@@ -4,4 +4,4 @@ export interface CubePrefixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];
 }
-export declare const Prefix: import("react").ForwardRefExoticComponent<CubePrefixProps & import("react").RefAttributes<unknown>>;
+export declare const Prefix: import("react").ForwardRefExoticComponent<CubePrefixProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/layout/Suffix.d.ts

@@ -4,4 +4,4 @@ export interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];
 }
-export declare const Suffix: import("react").ForwardRefExoticComponent<CubeSuffixProps & import("react").RefAttributes<unknown>>;
+export declare const Suffix: import("react").ForwardRefExoticComponent<CubeSuffixProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/overlays/Tooltip/TooltipTrigger.d.ts

@@ -39,6 +39,11 @@ export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
      * By default, opens for both focus and hover. Can be made to open only for focus.
      */
     trigger?: 'focus';
+    /**
+     * When true, FocusableProvider won't be applied to the trigger.
+     * Useful when trigger already handles focus or uses render props pattern.
+     */
+    disableFocusableProvider?: boolean;
 }
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing

package/types/components/overlays/Tooltip/context.d.ts

@@ -1,10 +1,12 @@
-import React, { HTMLAttributes, RefObject } from 'react';
+import React, { HTMLAttributes, RefCallback, RefObject } from 'react';
 import { TooltipTriggerState } from 'react-stately';
 import { PlacementAxis } from '../../../shared';
 import { Props } from '../../../tasty';
+type Phase = 'enter' | 'entered' | 'exit' | 'unmounted';
 interface TooltipContextProps {
     state?: TooltipTriggerState;
     ref?: RefObject<HTMLDivElement>;
+    transitionRef?: RefCallback<HTMLDivElement>;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;
     overlayProps?: Props;
@@ -12,6 +14,9 @@ interface TooltipContextProps {
     minOffset?: string | number;
     isMaterial?: boolean;
     isLight?: boolean;
+    phase?: Phase;
+    isShown?: boolean;
+    updatePosition?: () => void;
 }
 export declare const TooltipContext: React.Context<TooltipContextProps>;
 export {};

package/types/components/portal/Portal.d.ts

@@ -22,4 +22,4 @@ import { PortalProps } from './types';
  *  </div>
  * ```
  */
-export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -28,6 +28,8 @@ export { ResizablePanel } from './components/layout/ResizablePanel';
 export type { CubeResizablePanelProps } from './components/layout/ResizablePanel';
 export { Root } from './components/Root';
 export type { CubeRootProps } from './components/Root';
+export { DisplayTransition } from './components/helpers/DisplayTransition/DisplayTransition';
+export type { DisplayTransitionProps } from './components/helpers/DisplayTransition/DisplayTransition';
 export type { NavigationAdapter, NavigateLike, Path, To, NavigateArg, NavigateOptions, RelativeRoutingType, } from './providers/navigation.types';
 export { defaultNavigationAdapter } from './providers/navigationAdapter.default';
 export { PrismCode } from './components/content/PrismCode/PrismCode';

package/types/utils/react/index.d.ts

@@ -5,7 +5,7 @@ export { mergeProps } from './mergeProps';
 export { modAttrs } from '../../tasty';
 export { useSlotProps, SlotProvider, ClearSlots } from './Slots';
 export { useLayoutEffect } from './useLayoutEffect';
-export { useCombinedRefs } from './useCombinedRefs';
+export { useCombinedRefs, mergeRefs } from './useCombinedRefs';
 export { wrapNodeIfPlain } from './wrapNodeIfPlain';
 export { useViewportSize } from './useViewportSize';
 export { useQaProps } from './useQaProps';

package/types/utils/react/useCombinedRefs.d.ts

@@ -1,2 +1,3 @@
-import { RefObject } from 'react';
-export declare function useCombinedRefs(...refs: any[]): RefObject<any>;
+import { Ref, RefObject } from 'react';
+export declare function mergeRefs<T>(...refs: Array<Ref<T> | undefined>): (value: T | null) => void;
+export declare function useCombinedRefs<T>(...refs: Array<Ref<T> | undefined>): RefObject<T>;