twenty-ui 2.45.0 → 2.47.0

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

@@ -1,5 +1,56 @@
+export { Autocomplete } from './Autocomplete/Autocomplete';
+export type { AutocompleteArrowProps } from './Autocomplete/types/AutocompleteArrowProps';
+export type { AutocompleteArrowState } from './Autocomplete/types/AutocompleteArrowState';
+export type { AutocompleteBackdropProps } from './Autocomplete/types/AutocompleteBackdropProps';
+export type { AutocompleteBackdropState } from './Autocomplete/types/AutocompleteBackdropState';
+export type { AutocompleteClearProps } from './Autocomplete/types/AutocompleteClearProps';
+export type { AutocompleteClearState } from './Autocomplete/types/AutocompleteClearState';
+export type { AutocompleteCollectionProps } from './Autocomplete/types/AutocompleteCollectionProps';
+export type { AutocompleteCollectionState } from './Autocomplete/types/AutocompleteCollectionState';
+export type { AutocompleteEmptyProps } from './Autocomplete/types/AutocompleteEmptyProps';
+export type { AutocompleteEmptyState } from './Autocomplete/types/AutocompleteEmptyState';
+export type { AutocompleteFilter } from './Autocomplete/types/AutocompleteFilter';
+export type { AutocompleteFilterOptions } from './Autocomplete/types/AutocompleteFilterOptions';
+export type { AutocompleteGroupLabelProps } from './Autocomplete/types/AutocompleteGroupLabelProps';
+export type { AutocompleteGroupLabelState } from './Autocomplete/types/AutocompleteGroupLabelState';
+export type { AutocompleteGroupProps } from './Autocomplete/types/AutocompleteGroupProps';
+export type { AutocompleteGroupState } from './Autocomplete/types/AutocompleteGroupState';
+export type { AutocompleteIconProps } from './Autocomplete/types/AutocompleteIconProps';
+export type { AutocompleteIconState } from './Autocomplete/types/AutocompleteIconState';
+export type { AutocompleteInputGroupProps } from './Autocomplete/types/AutocompleteInputGroupProps';
+export type { AutocompleteInputGroupState } from './Autocomplete/types/AutocompleteInputGroupState';
+export type { AutocompleteInputProps } from './Autocomplete/types/AutocompleteInputProps';
+export type { AutocompleteInputState } from './Autocomplete/types/AutocompleteInputState';
+export type { AutocompleteItemProps } from './Autocomplete/types/AutocompleteItemProps';
+export type { AutocompleteItemState } from './Autocomplete/types/AutocompleteItemState';
+export type { AutocompleteListProps } from './Autocomplete/types/AutocompleteListProps';
+export type { AutocompleteListState } from './Autocomplete/types/AutocompleteListState';
+export type { AutocompletePopupProps } from './Autocomplete/types/AutocompletePopupProps';
+export type { AutocompletePopupState } from './Autocomplete/types/AutocompletePopupState';
+export type { AutocompletePortalProps } from './Autocomplete/types/AutocompletePortalProps';
+export type { AutocompletePortalState } from './Autocomplete/types/AutocompletePortalState';
+export type { AutocompletePositionerProps } from './Autocomplete/types/AutocompletePositionerProps';
+export type { AutocompletePositionerState } from './Autocomplete/types/AutocompletePositionerState';
+export type { AutocompleteRootActions } from './Autocomplete/types/AutocompleteRootActions';
+export type { AutocompleteRootChangeEventDetails } from './Autocomplete/types/AutocompleteRootChangeEventDetails';
+export type { AutocompleteRootChangeEventReason } from './Autocomplete/types/AutocompleteRootChangeEventReason';
+export type { AutocompleteRootHighlightEventDetails } from './Autocomplete/types/AutocompleteRootHighlightEventDetails';
+export type { AutocompleteRootHighlightEventReason } from './Autocomplete/types/AutocompleteRootHighlightEventReason';
+export type { AutocompleteRootProps } from './Autocomplete/types/AutocompleteRootProps';
+export type { AutocompleteRootState } from './Autocomplete/types/AutocompleteRootState';
+export type { AutocompleteRowProps } from './Autocomplete/types/AutocompleteRowProps';
+export type { AutocompleteRowState } from './Autocomplete/types/AutocompleteRowState';
+export type { AutocompleteSeparatorProps } from './Autocomplete/types/AutocompleteSeparatorProps';
+export type { AutocompleteSeparatorState } from './Autocomplete/types/AutocompleteSeparatorState';
+export type { AutocompleteStatusProps } from './Autocomplete/types/AutocompleteStatusProps';
+export type { AutocompleteStatusState } from './Autocomplete/types/AutocompleteStatusState';
+export type { AutocompleteTriggerProps } from './Autocomplete/types/AutocompleteTriggerProps';
+export type { AutocompleteTriggerState } from './Autocomplete/types/AutocompleteTriggerState';
+export type { AutocompleteValueProps } from './Autocomplete/types/AutocompleteValueProps';
+export type { AutocompleteValueState } from './Autocomplete/types/AutocompleteValueState';
 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,33 +58,96 @@ 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';
 export type { InputGroupProps } from './InputGroup/types/InputGroupProps';
-export { NumberStepper } from './NumberStepper/NumberStepper';
-export type { NumberStepperProps } from './NumberStepper/types/NumberStepperProps';
+export { NumberField } from './NumberField/NumberField';
+export type { NumberFieldDecrementProps } from './NumberField/types/NumberFieldDecrementProps';
+export type { NumberFieldDecrementState } from './NumberField/types/NumberFieldDecrementState';
+export type { NumberFieldGroupProps } from './NumberField/types/NumberFieldGroupProps';
+export type { NumberFieldGroupState } from './NumberField/types/NumberFieldGroupState';
+export type { NumberFieldIncrementProps } from './NumberField/types/NumberFieldIncrementProps';
+export type { NumberFieldIncrementState } from './NumberField/types/NumberFieldIncrementState';
+export type { NumberFieldInputProps } from './NumberField/types/NumberFieldInputProps';
+export type { NumberFieldInputState } from './NumberField/types/NumberFieldInputState';
+export type { NumberFieldRootChangeEventDetails } from './NumberField/types/NumberFieldRootChangeEventDetails';
+export type { NumberFieldRootChangeEventReason } from './NumberField/types/NumberFieldRootChangeEventReason';
+export type { NumberFieldRootCommitEventDetails } from './NumberField/types/NumberFieldRootCommitEventDetails';
+export type { NumberFieldRootCommitEventReason } from './NumberField/types/NumberFieldRootCommitEventReason';
+export type { NumberFieldRootProps } from './NumberField/types/NumberFieldRootProps';
+export type { NumberFieldRootState } from './NumberField/types/NumberFieldRootState';
+export type { NumberFieldScrubAreaCursorProps } from './NumberField/types/NumberFieldScrubAreaCursorProps';
+export type { NumberFieldScrubAreaCursorState } from './NumberField/types/NumberFieldScrubAreaCursorState';
+export type { NumberFieldScrubAreaProps } from './NumberField/types/NumberFieldScrubAreaProps';
+export type { NumberFieldScrubAreaState } from './NumberField/types/NumberFieldScrubAreaState';
 export { Radio } from './Radio/Radio';
+export type { RadioIndicatorProps } from './Radio/types/RadioIndicatorProps';
+export type { RadioIndicatorState } from './Radio/types/RadioIndicatorState';
 export type { RadioProps } from './Radio/types/RadioProps';
+export type { RadioRootProps } from './Radio/types/RadioRootProps';
+export type { RadioRootState } from './Radio/types/RadioRootState';
 export { RadioGroup } from './RadioGroup/RadioGroup';
+export type { RadioGroupChangeEventDetails } from './RadioGroup/types/RadioGroupChangeEventDetails';
+export type { RadioGroupChangeEventReason } from './RadioGroup/types/RadioGroupChangeEventReason';
 export type { RadioGroupProps } from './RadioGroup/types/RadioGroupProps';
-export { SegmentedControl } from './SegmentedControl/SegmentedControl';
-export type { SegmentedControlOption } from './SegmentedControl/types/SegmentedControlOption';
-export type { SegmentedControlProps } from './SegmentedControl/types/SegmentedControlProps';
+export type { RadioGroupState } from './RadioGroup/types/RadioGroupState';
 export { Select } from './Select/Select';
+export type { SelectArrowProps } from './Select/types/SelectArrowProps';
+export type { SelectArrowState } from './Select/types/SelectArrowState';
+export type { SelectBackdropProps } from './Select/types/SelectBackdropProps';
+export type { SelectBackdropState } from './Select/types/SelectBackdropState';
 export type { SelectGroupLabelProps } from './Select/types/SelectGroupLabelProps';
+export type { SelectGroupLabelState } from './Select/types/SelectGroupLabelState';
 export type { SelectGroupProps } from './Select/types/SelectGroupProps';
+export type { SelectGroupState } from './Select/types/SelectGroupState';
+export type { SelectIconProps } from './Select/types/SelectIconProps';
+export type { SelectIconState } from './Select/types/SelectIconState';
+export type { SelectItemIndicatorProps } from './Select/types/SelectItemIndicatorProps';
+export type { SelectItemIndicatorState } from './Select/types/SelectItemIndicatorState';
 export type { SelectItemProps } from './Select/types/SelectItemProps';
+export type { SelectItemState } from './Select/types/SelectItemState';
+export type { SelectItemTextProps } from './Select/types/SelectItemTextProps';
+export type { SelectItemTextState } from './Select/types/SelectItemTextState';
+export type { SelectLabelProps } from './Select/types/SelectLabelProps';
+export type { SelectLabelState } from './Select/types/SelectLabelState';
+export type { SelectListProps } from './Select/types/SelectListProps';
+export type { SelectListState } from './Select/types/SelectListState';
 export type { SelectPopupProps } from './Select/types/SelectPopupProps';
+export type { SelectPopupState } from './Select/types/SelectPopupState';
+export type { SelectPortalProps } from './Select/types/SelectPortalProps';
+export type { SelectPortalState } from './Select/types/SelectPortalState';
+export type { SelectPositionerProps } from './Select/types/SelectPositionerProps';
+export type { SelectPositionerState } from './Select/types/SelectPositionerState';
+export type { SelectRootActions } from './Select/types/SelectRootActions';
+export type { SelectRootChangeEventDetails } from './Select/types/SelectRootChangeEventDetails';
+export type { SelectRootChangeEventReason } from './Select/types/SelectRootChangeEventReason';
 export type { SelectRootProps } from './Select/types/SelectRootProps';
+export type { SelectRootState } from './Select/types/SelectRootState';
+export type { SelectScrollDownArrowProps } from './Select/types/SelectScrollDownArrowProps';
+export type { SelectScrollDownArrowState } from './Select/types/SelectScrollDownArrowState';
+export type { SelectScrollUpArrowProps } from './Select/types/SelectScrollUpArrowProps';
+export type { SelectScrollUpArrowState } from './Select/types/SelectScrollUpArrowState';
 export type { SelectSeparatorProps } from './Select/types/SelectSeparatorProps';
+export type { SelectSeparatorState } from './Select/types/SelectSeparatorState';
 export type { SelectTriggerProps } from './Select/types/SelectTriggerProps';
+export type { SelectTriggerState } from './Select/types/SelectTriggerState';
 export type { SelectValueProps } from './Select/types/SelectValueProps';
+export type { SelectValueState } from './Select/types/SelectValueState';
 export { Slider } from './Slider/Slider';
 export type { SliderControlProps } from './Slider/types/SliderControlProps';
 export type { SliderIndicatorProps } from './Slider/types/SliderIndicatorProps';
@@ -44,7 +158,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 r=require("../Button-COxEKIHL.cjs"),u=require("../Input-DvL77rvu.cjs"),t=require("../Radio-D_YUizSv.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-Bnu5kNjg.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,18 +1,21 @@
-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 } from "../Button-Cs07psdD.js";
+import { t as r } from "../Input-DZWl81G_.js";
+import { n as e, r as i, t as m } from "../Radio-BMoQHDe7.js";
+import { t as u } from "../Switch-DOd0gh7W.js";
+import { a as c, c as d, i as f, n as l, o as x, r as G, s as S, t as b } from "../input-vl6yK36n.js";
 export {
+  d as Autocomplete,
   t as Button,
-  x as ButtonGroup,
-  n as Checkbox,
-  u as Field,
+  S as ButtonGroup,
+  x as Checkbox,
+  c 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
+  e as InputGroup,
+  i as NumberField,
+  m as Radio,
+  f as RadioGroup,
+  G as Select,
+  l as Slider,
+  u 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-CNlQ4TEE.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-Bjg4R0c-.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/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/Tabs/Tabs.d.ts

@@ -1,6 +1,7 @@
 export declare const Tabs: {
     Root: ({ className, ...props }: import('..').TabsRootProps) => import("react").JSX.Element;
-    List: ({ className, children, onKeyDown, loopFocus, ...props }: import('..').TabsListProps) => import("react").JSX.Element;
+    List: ({ className, onKeyDown, loopFocus, ...props }: import('..').TabsListProps) => import("react").JSX.Element;
     Tab: ({ className, children, startIcon, endIcon, badge, highlighted, size, ...props }: import('..').TabsTabProps) => import("react").JSX.Element;
+    Indicator: ({ className, ...props }: import('..').TabsIndicatorProps) => import("react").JSX.Element;
     Panel: ({ className, ...props }: import('..').TabsPanelProps) => import("react").JSX.Element;
 };

package/dist/primitives/navigation/Tabs/internal/TabsIndicator.d.ts

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

package/dist/primitives/navigation/Tabs/internal/TabsList.d.ts

@@ -1,2 +1,2 @@
 import { TabsListProps } from '../types/TabsListProps';
-export declare const TabsList: ({ className, children, onKeyDown, loopFocus, ...props }: TabsListProps) => import("react").JSX.Element;
+export declare const TabsList: ({ className, onKeyDown, loopFocus, ...props }: TabsListProps) => import("react").JSX.Element;

package/dist/primitives/navigation/Tabs/types/TabsIndicatorProps.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsIndicatorProps = TabsPrimitive.Indicator.Props;

package/dist/primitives/navigation/Tabs/types/TabsIndicatorState.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsIndicatorState = TabsPrimitive.Indicator.State;

package/dist/primitives/navigation/Tabs/types/TabsListState.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsListState = TabsPrimitive.List.State;

package/dist/primitives/navigation/Tabs/types/TabsPanelMetadata.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsPanelMetadata = TabsPrimitive.Panel.Metadata;

package/dist/primitives/navigation/Tabs/types/TabsPanelState.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsPanelState = TabsPrimitive.Panel.State;

package/dist/primitives/navigation/Tabs/types/TabsRootChangeEventDetails.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsRootChangeEventDetails = TabsPrimitive.Root.ChangeEventDetails;

package/dist/primitives/navigation/Tabs/types/TabsRootChangeEventReason.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsRootChangeEventReason = TabsPrimitive.Root.ChangeEventReason;