twenty-ui 2.45.0 → 2.46.0

package/dist/primitives/input/Field/types/FieldControlProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldControlProps = FieldPrimitive.Control.Props;

package/dist/primitives/input/Field/types/FieldDescriptionProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldDescriptionProps = FieldPrimitive.Description.Props;

package/dist/primitives/input/Field/types/FieldErrorProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldErrorProps = FieldPrimitive.Error.Props;

package/dist/primitives/input/Field/types/FieldItemProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldItemProps = FieldPrimitive.Item.Props;

package/dist/primitives/input/Field/types/FieldLabelProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldLabelProps = FieldPrimitive.Label.Props;

package/dist/primitives/input/Field/types/FieldRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldRootProps = FieldPrimitive.Root.Props;

package/dist/primitives/input/Field/types/FieldValidityProps.d.ts

@@ -0,0 +1,2 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+export type FieldValidityProps = FieldPrimitive.Validity.Props;

package/dist/primitives/input/Input/types/InputProps.d.ts

@@ -1,6 +1,5 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { InputSize } from '../../types/InputSize';
 export type InputProps = Omit<InputPrimitive.Props, 'size'> & {
-    /** Visual size of the input. Inside an `InputGroup`, the group's size applies. */
     size?: InputSize;
 };

package/dist/primitives/input/InputGroup/types/InputGroupProps.d.ts

@@ -2,7 +2,6 @@ import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { InputSize } from '../../types/InputSize';
 export type InputGroupProps = useRender.ComponentProps<'div'> & {
-    /** Visual size of the group and its input. */
     size?: InputSize;
     /** Content rendered before the input, such as a prefix or an icon. */
     startElement?: ReactNode;

package/dist/primitives/input/Slider/types/SliderRootProps.d.ts

@@ -1,5 +1,5 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
-export type SliderRootProps<TValue extends number | readonly number[] = number> = SliderPrimitive.Root.Props<TValue> & {
+export type SliderRootProps<TValue extends number | readonly number[] = number | readonly number[]> = SliderPrimitive.Root.Props<TValue> & {
     /** Color of the indicator and thumbs. */
     color?: 'accent' | 'success';
 };

package/dist/primitives/input/Switch/Switch.d.ts

@@ -1,2 +1,4 @@
-import { SwitchProps } from './types/SwitchProps';
-export declare const Switch: ({ size, className, children, ...props }: SwitchProps) => import("react").JSX.Element;
+export declare const Switch: (({ children, ...props }: import('..').SwitchProps) => import("react").JSX.Element) & {
+    Root: ({ size, className, ...props }: import('..').SwitchRootProps) => import("react").JSX.Element;
+    Thumb: ({ className, ...props }: import('..').SwitchThumbProps) => import("react").JSX.Element;
+};

package/dist/primitives/input/Switch/internal/SwitchComponent.d.ts

@@ -0,0 +1,2 @@
+import { SwitchProps } from '../types/SwitchProps';
+export declare const SwitchComponent: ({ children, ...props }: SwitchProps) => import("react").JSX.Element;

package/dist/primitives/input/Switch/internal/SwitchRoot.d.ts

@@ -0,0 +1,2 @@
+import { SwitchRootProps } from '../types/SwitchRootProps';
+export declare const SwitchRoot: ({ size, className, ...props }: SwitchRootProps) => import("react").JSX.Element;

package/dist/primitives/input/Switch/internal/SwitchThumb.d.ts

@@ -0,0 +1,2 @@
+import { SwitchThumbProps } from '../types/SwitchThumbProps';
+export declare const SwitchThumb: ({ className, ...props }: SwitchThumbProps) => import("react").JSX.Element;

package/dist/primitives/input/Switch/types/SwitchProps.d.ts

@@ -1,6 +1,2 @@
-import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
-import { SwitchSize } from './SwitchSize';
-export type SwitchProps = SwitchPrimitive.Root.Props & {
-    /** Visual size of the switch. */
-    size?: SwitchSize;
-};
+import { SwitchRootProps } from './SwitchRootProps';
+export type SwitchProps = SwitchRootProps;

package/dist/primitives/input/Switch/types/SwitchRootProps.d.ts

@@ -0,0 +1,5 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+import { SwitchSize } from './SwitchSize';
+export type SwitchRootProps = SwitchPrimitive.Root.Props & {
+    size?: SwitchSize;
+};

package/dist/primitives/input/Switch/types/SwitchThumbProps.d.ts

@@ -0,0 +1,2 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+export type SwitchThumbProps = SwitchPrimitive.Thumb.Props;

package/dist/primitives/input/Textarea/internal/TextareaControl.d.ts

@@ -0,0 +1,11 @@
+import { Input as InputPrimitive } from '@base-ui/react/input';
+import { ComponentPropsWithRef } from 'react';
+import { TextareaProps } from '../types/TextareaProps';
+type TextareaControlProps = {
+    controlProps: ComponentPropsWithRef<'textarea'>;
+    nativeProps: ComponentPropsWithRef<'textarea'>;
+    state: InputPrimitive.State;
+    render: TextareaProps['render'];
+};
+export declare const TextareaControl: ({ controlProps, nativeProps, state, render, }: TextareaControlProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export {};

package/dist/primitives/input/Textarea/internal/observeTextareaWidth.d.ts

@@ -0,0 +1 @@
+export declare const observeTextareaWidth: (textarea: HTMLTextAreaElement) => (() => void) | undefined;

package/dist/primitives/input/Textarea/types/TextareaProps.d.ts

@@ -1,21 +1,15 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { useRender } from '@base-ui/react/use-render';
 import { InputSize } from '../../types/InputSize';
-export type TextareaProps = Omit<useRender.ComponentProps<'textarea'>, 'className'> & {
+export type TextareaProps = Omit<useRender.ComponentProps<'textarea', InputPrimitive.State, useRender.ElementProps<'textarea'>>, 'className'> & {
     /**
      * CSS class applied to the textarea, or a function that returns a class
      * based on the input state.
      */
     className?: string | ((state: InputPrimitive.State) => string | undefined);
-    /** Called with the new value when the textarea value changes. */
     onValueChange?: (value: string, eventDetails: InputPrimitive.ChangeEventDetails) => void;
     /** Visual size of the textarea. */
     size?: InputSize;
-    /** Grows the textarea with its content instead of showing a scrollbar. */
     autoResize?: boolean;
-    /**
-     * Maximum number of rows the textarea grows to when `autoResize` is set.
-     * Longer content scrolls.
-     */
     maxRows?: number;
 };

package/dist/primitives/input/index.d.ts

@@ -1,5 +1,14 @@
+export { Autocomplete } from './Autocomplete/Autocomplete';
+export type { AutocompleteEmptyProps } from './Autocomplete/types/AutocompleteEmptyProps';
+export type { AutocompleteInputGroupProps } from './Autocomplete/types/AutocompleteInputGroupProps';
+export type { AutocompleteInputProps } from './Autocomplete/types/AutocompleteInputProps';
+export type { AutocompleteItemProps } from './Autocomplete/types/AutocompleteItemProps';
+export type { AutocompleteListProps } from './Autocomplete/types/AutocompleteListProps';
+export type { AutocompletePopupProps } from './Autocomplete/types/AutocompletePopupProps';
+export type { AutocompleteRootProps } from './Autocomplete/types/AutocompleteRootProps';
 export { Button } from './Button/Button';
 export type { ButtonColor } from './Button/types/ButtonColor';
+export type { ButtonLoadingPosition } from './Button/types/ButtonLoadingPosition';
 export type { ButtonProps } from './Button/types/ButtonProps';
 export type { ButtonSize } from './Button/types/ButtonSize';
 export type { ButtonVariant } from './Button/types/ButtonVariant';
@@ -7,11 +16,20 @@ export { ButtonGroup } from './ButtonGroup/ButtonGroup';
 export type { ButtonGroupProps } from './ButtonGroup/types/ButtonGroupProps';
 export { Checkbox } from './Checkbox/Checkbox';
 export type { CheckboxColor } from './Checkbox/types/CheckboxColor';
+export type { CheckboxIndicatorProps } from './Checkbox/types/CheckboxIndicatorProps';
 export type { CheckboxProps } from './Checkbox/types/CheckboxProps';
+export type { CheckboxRootProps } from './Checkbox/types/CheckboxRootProps';
 export type { CheckboxShape } from './Checkbox/types/CheckboxShape';
 export type { CheckboxSize } from './Checkbox/types/CheckboxSize';
 export type { CheckboxVariant } from './Checkbox/types/CheckboxVariant';
 export { Field } from './Field/Field';
+export type { FieldControlProps } from './Field/types/FieldControlProps';
+export type { FieldDescriptionProps } from './Field/types/FieldDescriptionProps';
+export type { FieldErrorProps } from './Field/types/FieldErrorProps';
+export type { FieldItemProps } from './Field/types/FieldItemProps';
+export type { FieldLabelProps } from './Field/types/FieldLabelProps';
+export type { FieldRootProps } from './Field/types/FieldRootProps';
+export type { FieldValidityProps } from './Field/types/FieldValidityProps';
 export { Input } from './Input/Input';
 export type { InputProps } from './Input/types/InputProps';
 export { InputGroup } from './InputGroup/InputGroup';
@@ -44,7 +62,9 @@ export type { SliderTrackProps } from './Slider/types/SliderTrackProps';
 export type { SliderValueProps } from './Slider/types/SliderValueProps';
 export { Switch } from './Switch/Switch';
 export type { SwitchProps } from './Switch/types/SwitchProps';
+export type { SwitchRootProps } from './Switch/types/SwitchRootProps';
 export type { SwitchSize } from './Switch/types/SwitchSize';
+export type { SwitchThumbProps } from './Switch/types/SwitchThumbProps';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
 export type { InputSize } from './types/InputSize';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Switch-CFCj3OQZ.cjs"),e=require("../input-CRiX4eQH.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.NumberStepper=e.NumberStepper;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=t.Switch;exports.Textarea=e.Textarea;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button-DkijwPOi.cjs"),r=require("../Input-W2vWPc9r.cjs"),u=require("../InputGroup-DEozqrQd.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-DSvyF-Tb.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=r.Input;exports.InputGroup=u.InputGroup;exports.NumberStepper=e.NumberStepper;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,18 +1,22 @@
-import { a as t, n as o, r, t as s } from "../Switch-BQp0t6JZ.js";
-import { a as p, c as u, i, l as n, n as m, o as d, r as l, s as S, t as c, u as x } from "../input-C50264Jb.js";
+import { t as o } from "../Button-DQUIhQAm.js";
+import { t as r } from "../Input-D3-FH2Zz.js";
+import { t as s } from "../InputGroup-wM9PT12U.js";
+import { t as m } from "../Switch-DOd0gh7W.js";
+import { a as u, c as n, d, i as l, l as c, n as f, o as S, r as x, s as G, t as b, u as h } from "../input-CmZ5aC9o.js";
 export {
-  t as Button,
-  x as ButtonGroup,
-  n as Checkbox,
-  u as Field,
+  d as Autocomplete,
+  o as Button,
+  h as ButtonGroup,
+  c as Checkbox,
+  n as Field,
   r as Input,
-  o as InputGroup,
-  S as NumberStepper,
-  d as Radio,
-  p as RadioGroup,
-  i as SegmentedControl,
-  l as Select,
-  m as Slider,
-  s as Switch,
-  c as Textarea
+  s as InputGroup,
+  G as NumberStepper,
+  S as Radio,
+  u as RadioGroup,
+  l as SegmentedControl,
+  x as Select,
+  f as Slider,
+  m as Switch,
+  b as Textarea
 };

package/dist/primitives/layout/Collapsible/Collapsible.d.ts

@@ -1,13 +1,5 @@
-import { AnimationDuration } from '../../../theme';
-import { AnimationDimension } from './types/AnimationDimension';
-import { AnimationDurations } from './types/AnimationDurations';
-type CollapsibleProps = {
-    children: React.ReactNode;
-    isExpanded: boolean;
-    dimension?: AnimationDimension;
-    animationDurations?: AnimationDurations;
-    containAnimation?: boolean;
-    duration?: AnimationDuration;
+export declare const Collapsible: {
+    Root: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Panel: ({ dimension, containAnimation, duration, className, ...props }: import('..').CollapsiblePanelProps) => import("react").JSX.Element;
 };
-export declare const Collapsible: ({ children, isExpanded, dimension, animationDurations, containAnimation, duration, }: CollapsibleProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/layout/Collapsible/internal/CollapsiblePanel.d.ts

@@ -0,0 +1,2 @@
+import { CollapsiblePanelProps } from '../types/CollapsiblePanelProps';
+export declare const CollapsiblePanel: ({ dimension, containAnimation, duration, className, ...props }: CollapsiblePanelProps) => import("react").JSX.Element;

package/dist/primitives/layout/Collapsible/types/CollapsiblePanelProps.d.ts

@@ -0,0 +1,8 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+import { AnimationDuration } from '../../../../theme';
+import { AnimationDimension } from './AnimationDimension';
+export type CollapsiblePanelProps = CollapsiblePrimitive.Panel.Props & {
+    dimension?: AnimationDimension;
+    containAnimation?: boolean;
+    duration?: AnimationDuration;
+};

package/dist/primitives/layout/Collapsible/types/CollapsiblePanelState.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsiblePanelState = CollapsiblePrimitive.Panel.State;

package/dist/primitives/layout/Collapsible/types/CollapsibleRootChangeEventDetails.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleRootChangeEventDetails = CollapsiblePrimitive.Root.ChangeEventDetails;

package/dist/primitives/layout/Collapsible/types/CollapsibleRootChangeEventReason.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleRootChangeEventReason = CollapsiblePrimitive.Root.ChangeEventReason;

package/dist/primitives/layout/Collapsible/types/CollapsibleRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleRootProps = CollapsiblePrimitive.Root.Props;

package/dist/primitives/layout/Collapsible/types/CollapsibleRootState.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleRootState = CollapsiblePrimitive.Root.State;

package/dist/primitives/layout/Collapsible/types/CollapsibleTriggerProps.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleTriggerProps = CollapsiblePrimitive.Trigger.Props;

package/dist/primitives/layout/Collapsible/types/CollapsibleTriggerState.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+export type CollapsibleTriggerState = CollapsiblePrimitive.Trigger.State;

package/dist/primitives/layout/DirectionProvider/DirectionProvider.d.ts

@@ -0,0 +1,2 @@
+import { DirectionProviderProps } from './types/DirectionProviderProps';
+export declare const DirectionProvider: ({ direction, children, }: DirectionProviderProps) => import("react").JSX.Element;

package/dist/primitives/layout/DirectionProvider/types/DirectionProviderProps.d.ts

@@ -0,0 +1,2 @@
+import { DirectionProvider } from '@base-ui/react/direction-provider';
+export type DirectionProviderProps = DirectionProvider.Props;

package/dist/primitives/layout/ResizeHandle/ResizeHandle.d.ts

@@ -1,2 +1,2 @@
 import { ResizeHandleProps } from './types/ResizeHandleProps';
-export declare const ResizeHandle: ({ axis, value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, className, children, render, ref, ...props }: ResizeHandleProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ResizeHandle: ({ axis: requestedAxis, direction, edge, placement, scale, dragThreshold, value: controlledValue, defaultValue, onValueChange, onValueCommitted, onResizeStart, onResizeEnd, onActivate, min, max, step, disabled, className, children, render, ref, ...props }: ResizeHandleProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/layout/ResizeHandle/__stories__/ControlledResizeHandlePanel.d.ts

@@ -0,0 +1,2 @@
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+export declare const ControlledResizeHandlePanel: ({ onValueChange, onValueCommitted, ...props }: ResizeHandleProps) => import("react").JSX.Element;

package/dist/primitives/layout/ResizeHandle/__stories__/DisablingResizeHandle.d.ts

@@ -0,0 +1,2 @@
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+export declare const DisablingResizeHandle: (props: ResizeHandleProps) => import("react").JSX.Element;

package/dist/primitives/layout/ResizeHandle/__stories__/ResizeHandlePanelDemo.d.ts

@@ -0,0 +1,2 @@
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+export declare const ResizeHandlePanelDemo: ({ edge, placement, min, max, value: initialSize, }: Pick<ResizeHandleProps, "edge" | "placement" | "min" | "max" | "value">) => import("react").JSX.Element;

package/dist/primitives/layout/ResizeHandle/__stories__/UnmountingResizeHandle.d.ts

@@ -0,0 +1,2 @@
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+export declare const UnmountingResizeHandle: ({ onValueChange, onValueCommitted, ...props }: ResizeHandleProps) => import("react").JSX.Element;

package/dist/primitives/layout/ResizeHandle/__stories__/playCancelledResize.d.ts

@@ -0,0 +1,6 @@
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+export declare const playCancelledResize: ({ canvasElement, args, cancellation, }: {
+    canvasElement: HTMLElement;
+    args: ResizeHandleProps;
+    cancellation: "pointerCancel" | "lostPointerCapture" | "Escape";
+}) => Promise<void>;

package/dist/primitives/layout/ResizeHandle/internal/ResizeGesture.d.ts

@@ -0,0 +1,12 @@
+export type ResizeGesture = {
+    pointerId: number;
+    target: HTMLDivElement;
+    axis: 'x' | 'y';
+    startPosition: number;
+    startValue: number;
+    currentValue: number;
+    multiplier: number;
+    threshold: number;
+    hasStarted: boolean;
+    removeEscapeKeyListener: () => void;
+};

package/dist/primitives/layout/ResizeHandle/internal/ResizeHandleDefaults.constant.d.ts

@@ -3,4 +3,6 @@ export declare const RESIZE_HANDLE_DEFAULTS: {
     min: number;
     max: number;
     step: number;
+    dragThreshold: number;
+    edgeDragThreshold: number;
 };

package/dist/primitives/layout/ResizeHandle/internal/ResizeHandleEdges.constant.d.ts

@@ -0,0 +1,18 @@
+export declare const RESIZE_HANDLE_EDGES: {
+    readonly left: {
+        readonly axis: "x";
+        readonly direction: "reverse";
+    };
+    readonly right: {
+        readonly axis: "x";
+        readonly direction: "normal";
+    };
+    readonly top: {
+        readonly axis: "y";
+        readonly direction: "reverse";
+    };
+    readonly bottom: {
+        readonly axis: "y";
+        readonly direction: "normal";
+    };
+};

package/dist/primitives/layout/ResizeHandle/internal/useResizeHandleInteraction.d.ts

@@ -1,19 +1,18 @@
-import { KeyboardEvent, PointerEvent } from 'react';
-type UseResizeHandleInteractionArgs = {
-    axis: 'x' | 'y';
-    value: number;
+import { KeyboardEvent } from 'react';
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+type UseResizeHandleInteractionArgs = Required<Pick<ResizeHandleProps, 'axis' | 'value' | 'min' | 'max' | 'step' | 'disabled'>> & Pick<ResizeHandleProps, 'direction' | 'onValueCommitted' | 'onResizeStart' | 'onResizeEnd' | 'onActivate'> & {
     onValueChange: (value: number) => void;
-    min: number;
-    max: number;
-    step: number;
-    disabled: boolean;
+    scale: number | (() => number);
+    dragThreshold: number;
 };
-export declare const useResizeHandleInteraction: ({ axis, value, onValueChange, min, max, step, disabled, }: UseResizeHandleInteractionArgs) => {
-    onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
-    onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
-    onPointerUp: (event: PointerEvent<HTMLDivElement>) => void;
-    onPointerCancel: (event: PointerEvent<HTMLDivElement>) => void;
-    onLostPointerCapture: (event: PointerEvent<HTMLDivElement>) => void;
+export declare const useResizeHandleInteraction: ({ axis, direction, value, onValueChange, onValueCommitted, onResizeStart, onResizeEnd, onActivate, scale, dragThreshold, min, max, step, disabled, }: UseResizeHandleInteractionArgs) => {
     onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    onMouseDown: (event: import('react').MouseEvent<HTMLDivElement>) => void;
+    onPointerDown: (event: import('react').PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: import('react').PointerEvent<HTMLDivElement>) => void;
+    onPointerUp: (event: import('react').PointerEvent<HTMLDivElement>) => void;
+    onPointerCancel: (event: import('react').PointerEvent<HTMLDivElement>) => void;
+    onLostPointerCapture: (event: import('react').PointerEvent<HTMLDivElement>) => void;
+    onClick: (event: import('react').MouseEvent<HTMLDivElement>) => void;
 };
 export {};

package/dist/primitives/layout/ResizeHandle/internal/useResizeHandlePointerInteraction.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, PointerEvent } from 'react';
+import { ResizeHandleProps } from '../types/ResizeHandleProps';
+type UseResizeHandlePointerInteractionArgs = Required<Pick<ResizeHandleProps, 'axis' | 'value' | 'min' | 'max' | 'disabled'>> & Pick<ResizeHandleProps, 'onValueCommitted' | 'onResizeStart' | 'onResizeEnd' | 'onActivate'> & {
+    isReversed: boolean;
+    onValueChange: (value: number) => void;
+    scale: number | (() => number);
+    dragThreshold: number;
+};
+export declare const useResizeHandlePointerInteraction: ({ axis, isReversed, value, onValueChange, onValueCommitted, onResizeStart, onResizeEnd, onActivate, scale, dragThreshold, min, max, disabled, }: UseResizeHandlePointerInteractionArgs) => {
+    onMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
+    onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerUp: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerCancel: (event: PointerEvent<HTMLDivElement>) => void;
+    onLostPointerCapture: (event: PointerEvent<HTMLDivElement>) => void;
+    onClick: (event: MouseEvent<HTMLDivElement>) => void;
+    isPointerActive: () => boolean;
+};
+export {};

package/dist/primitives/layout/ResizeHandle/types/ResizeHandleProps.d.ts

@@ -1,11 +1,31 @@
 import { useRender } from '@base-ui/react/use-render';
-export type ResizeHandleProps = useRender.ComponentProps<'div'> & {
+type ResizeHandlePositionProps = {
+    edge: 'left' | 'right' | 'top' | 'bottom';
+    placement?: 'inline' | 'edge' | 'gap';
+    axis?: never;
+    direction?: never;
+} | {
+    edge?: never;
+    placement?: 'inline' | 'gap';
     axis?: 'x' | 'y';
+    direction?: 'normal' | 'reverse';
+};
+export type ResizeHandleProps = useRender.ComponentProps<'div'> & ResizeHandlePositionProps & {
+    scale?: number | (() => number);
+    dragThreshold?: number;
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
+    onValueCommitted?: (value: number) => void;
+    onResizeStart?: (value: number) => void;
+    onResizeEnd?: (details: {
+        cancelled: boolean;
+        value: number;
+    }) => void;
+    onActivate?: () => void;
     min?: number;
     max?: number;
     step?: number;
     disabled?: boolean;
 };
+export {};

package/dist/primitives/layout/Separator/Separator.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorProps } from './types/SeparatorProps';
+export declare const Separator: ({ className, ...props }: SeparatorProps) => import("react").JSX.Element;

package/dist/primitives/layout/Separator/types/SeparatorProps.d.ts

@@ -0,0 +1,3 @@
+import { Separator } from '@base-ui/react/separator';
+import { ComponentProps } from 'react';
+export type SeparatorProps = ComponentProps<typeof Separator>;

package/dist/primitives/layout/index.d.ts

@@ -1,8 +1,16 @@
 export { Collapsible } from './Collapsible/Collapsible';
 export type { AnimationDimension } from './Collapsible/types/AnimationDimension';
-export type { AnimationDurationObject } from './Collapsible/types/AnimationDurationObject';
-export type { AnimationDurations } from './Collapsible/types/AnimationDurations';
-export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
+export type { CollapsiblePanelProps } from './Collapsible/types/CollapsiblePanelProps';
+export type { CollapsiblePanelState } from './Collapsible/types/CollapsiblePanelState';
+export type { CollapsibleRootChangeEventDetails } from './Collapsible/types/CollapsibleRootChangeEventDetails';
+export type { CollapsibleRootChangeEventReason } from './Collapsible/types/CollapsibleRootChangeEventReason';
+export type { CollapsibleRootProps } from './Collapsible/types/CollapsibleRootProps';
+export type { CollapsibleRootState } from './Collapsible/types/CollapsibleRootState';
+export type { CollapsibleTriggerProps } from './Collapsible/types/CollapsibleTriggerProps';
+export type { CollapsibleTriggerState } from './Collapsible/types/CollapsibleTriggerState';
+export { DirectionProvider } from './DirectionProvider/DirectionProvider';
+export type { DirectionProviderProps } from './DirectionProvider/types/DirectionProviderProps';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
 export type { ResizeHandleProps } from './ResizeHandle/types/ResizeHandleProps';
-export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';
+export { Separator } from './Separator/Separator';
+export type { SeparatorProps } from './Separator/types/SeparatorProps';

package/dist/primitives/layout.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../HorizontalSeparator-vJLHHlc4.cjs"),e=require("../layout-DniJJ8Mx.cjs"),o=require("../ResizeHandle-CI-VTVOi.cjs");exports.Collapsible=e.Collapsible;exports.HorizontalSeparator=r.HorizontalSeparator;exports.ResizeHandle=o.ResizeHandle;exports.TextDirectionProvider=e.TextDirectionProvider;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Separator-UJVlrTzw.cjs"),e=require("../layout-d4uPminV.cjs"),i=require("../ResizeHandle-BGboQXCx.cjs");exports.Collapsible=e.Collapsible;exports.DirectionProvider=e.DirectionProvider;exports.ResizeHandle=i.ResizeHandle;exports.Separator=r.Separator;

package/dist/primitives/layout.mjs

@@ -1,9 +1,9 @@
-import { t as r } from "../HorizontalSeparator-JwV0dB5W.js";
-import { n as a, t as e } from "../layout-BEC7fKLU.js";
-import { t as m } from "../ResizeHandle-CGYGfOVF.js";
+import { t as o } from "../Separator-0LzwPfOn.js";
+import { n as a, t as e } from "../layout-xYrynD7_.js";
+import { t as m } from "../ResizeHandle-X2NdHzqt.js";
 export {
   a as Collapsible,
-  r as HorizontalSeparator,
+  e as DirectionProvider,
   m as ResizeHandle,
-  e as TextDirectionProvider
+  o as Separator
 };

package/dist/primitives/navigation/Breadcrumb/internal/BreadcrumbItemContent.d.ts

@@ -2,5 +2,5 @@ import { BreadcrumbItem } from '../types/BreadcrumbItem';
 type BreadcrumbItemContentProps = BreadcrumbItem & {
     current: boolean;
 };
-export declare const BreadcrumbItemContent: ({ children, href, render, title, current, }: BreadcrumbItemContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const BreadcrumbItemContent: ({ children, href, render, title, current, className, ref, "aria-current": ariaCurrent, ...props }: BreadcrumbItemContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export {};

package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbItem.d.ts

@@ -1,2 +1,5 @@
 import { useRender } from '@base-ui/react/use-render';
-export type BreadcrumbItem = Pick<useRender.ComponentProps<'a'>, 'children' | 'href' | 'render' | 'title'>;
+import { Ref } from 'react';
+export type BreadcrumbItem = Omit<useRender.ComponentProps<'a', Record<string, never>, useRender.ElementProps<'a'>>, 'ref'> & {
+    ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;
+};

package/dist/primitives/navigation/ListItem/ListItem.d.ts

@@ -1,2 +1,2 @@
 import { ListItemProps } from './types/ListItemProps';
-export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/navigation/ListItem/__stories__/ListItemMenuExample.d.ts

@@ -0,0 +1,6 @@
+import { ListItemProps } from '../types/ListItemProps';
+type ListItemMenuExampleProps = {
+    onClick?: ListItemProps['onClick'];
+};
+export declare const ListItemMenuExample: ({ onClick }: ListItemMenuExampleProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts

@@ -1,11 +1,12 @@
 import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { useRender } from '@base-ui/react/use-render';
-import { ReactNode } from 'react';
+import { DOMAttributes, ReactNode, Ref } from 'react';
 import { ListItemColor } from './ListItemColor';
 import { ListItemDescriptionPlacement } from './ListItemDescriptionPlacement';
 import { ListItemIndicator } from './ListItemIndicator';
 import { ListItemState } from './ListItemState';
-export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color'> & {
+export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color' | 'ref' | keyof DOMAttributes<HTMLDivElement>> & DOMAttributes<HTMLElement> & {
+    ref?: Ref<HTMLElement>;
     /** Color of the text and icons. `danger` marks a destructive action. */
     color?: ListItemColor;
     /**
@@ -15,7 +16,6 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     selected?: boolean;
     /** Applies the highlighted style, for example to the focused item of a list. */
     focused?: boolean;
-    /** Prevents clicks and applies the disabled style. */
     disabled?: boolean;
     /**
      * Selection indicator: a check icon after the content or a checkbox before

package/dist/primitives/navigation.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-B2HOeN2h.cjs"),e=require("../navigation-B9YTBTaa.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-fFbJhi6M.cjs"),e=require("../navigation-DOSnqFwk.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;

package/dist/primitives/navigation.mjs

@@ -1,5 +1,5 @@
-import { t } from "../ListItem-D8BQRK1W.js";
-import { n as a, t as o } from "../navigation-CQUyRKgk.js";
+import { t } from "../ListItem-BVJEFywj.js";
+import { n as a, t as o } from "../navigation-DK1z9KJj.js";
 export {
   a as Breadcrumb,
   t as ListItem,