twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/primitives/data-display/Avatar/types/AvatarShape.d.ts

@@ -0,0 +1 @@
+export type AvatarShape = 'square' | 'rounded-square' | 'circle';

package/dist/primitives/data-display/Chip/Chip.d.ts

@@ -0,0 +1,2 @@
+import { ChipProps } from './types/ChipProps';
+export declare const Chip: ({ children, size, variant, color, shape, weight, disabled, onClick, clickable, nativeButton, startElement, endElement, endElementDivider, maxWidth, tooltipLabel, tooltipPlace, alwaysShowTooltip, isLabelHidden, forceEmptyText, emptyLabel, className, style, render, ref, ...props }: ChipProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Chip/types/ChipProps.d.ts

@@ -0,0 +1,25 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
+import { ChipSize } from './ChipSize';
+import { ChipVariant } from './ChipVariant';
+export type ChipProps = Omit<useRender.ComponentProps<'div'>, 'color'> & {
+    size?: ChipSize;
+    variant?: ChipVariant;
+    color?: 'primary' | 'secondary';
+    shape?: 'square' | 'round';
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    clickable?: boolean;
+    nativeButton?: boolean;
+    startElement?: ReactNode;
+    endElement?: ReactNode;
+    endElementDivider?: boolean;
+    maxWidth?: number;
+    tooltipLabel?: string;
+    tooltipPlace?: TooltipSide;
+    alwaysShowTooltip?: boolean;
+    isLabelHidden?: boolean;
+    forceEmptyText?: boolean;
+    emptyLabel?: string;
+};

package/dist/primitives/data-display/Chip/types/ChipSize.d.ts

@@ -0,0 +1 @@
+export type ChipSize = 'sm' | 'md';

package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts

@@ -0,0 +1 @@
+export type ChipVariant = 'solid' | 'soft' | 'ghost';

package/dist/{data-display → primitives/data-display}/ColorSample/ColorSample.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 export type ColorSampleVariant = 'circle' | 'default' | 'pipeline';
 type StyledColorSampleProps = {
     colorName: ThemeColor;

package/dist/{data-display → primitives/data-display}/Pill/Pill.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 type PillProps = {
     className?: string;
     label?: string;

package/dist/primitives/data-display/Status/Status.d.ts

@@ -0,0 +1,2 @@
+import { StatusProps } from './types/StatusProps';
+export declare const Status: ({ children, color, loading, weight, disabled, nativeButton, onClick, className, style, render, ref, ...props }: StatusProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Status/types/StatusProps.d.ts

@@ -0,0 +1,23 @@
+import { useRender } from '@base-ui/react/use-render';
+import { HTMLAttributes, MouseEventHandler, RefAttributes } from 'react';
+import { ThemeColor } from '../../../../theme';
+type StatusOwnProps = {
+    color: ThemeColor;
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    loading?: boolean;
+};
+type StatusStaticProps = Omit<useRender.ComponentProps<'span'>, 'color' | 'onClick'> & {
+    onClick?: undefined;
+    nativeButton?: true;
+};
+type StatusButtonProps = Omit<useRender.ComponentProps<'button'>, 'color' | 'onClick'> & {
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    nativeButton?: true;
+};
+type StatusCustomProps = Omit<HTMLAttributes<HTMLElement>, 'color'> & RefAttributes<HTMLElement> & {
+    nativeButton: false;
+    render: NonNullable<useRender.ComponentProps<'span'>['render']>;
+};
+export type StatusProps = StatusOwnProps & (StatusStaticProps | StatusButtonProps | StatusCustomProps);
+export {};

package/dist/primitives/data-display/Tag/Tag.d.ts

@@ -0,0 +1,2 @@
+import { TagProps } from './types/TagProps';
+export declare const Tag: ({ children, color, weight, variant, startIcon, preventShrink, preventPadding, borderStyle, disabled, nativeButton, onClick, className, style, render, ref, ...props }: TagProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Tag/types/TagColor.d.ts

@@ -0,0 +1,2 @@
+import { ThemeColor } from '../../../../theme';
+export type TagColor = ThemeColor | 'transparent';

package/dist/primitives/data-display/Tag/types/TagProps.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { TagColor } from './TagColor';
+export type TagProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+    color: TagColor;
+    weight?: 'regular' | 'medium';
+    disabled?: boolean;
+    nativeButton?: boolean;
+    variant?: 'solid' | 'soft' | 'outline' | 'ghost';
+    startIcon?: ReactNode;
+    preventShrink?: boolean;
+    preventPadding?: boolean;
+    borderStyle?: 'solid' | 'dashed';
+};

package/dist/primitives/data-display/index.d.ts

@@ -0,0 +1,17 @@
+export { Avatar } from './Avatar/Avatar';
+export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
+export type { AvatarProps } from './Avatar/types/AvatarProps';
+export type { AvatarShape } from './Avatar/types/AvatarShape';
+export type { AvatarSize } from './Avatar/types/AvatarSize';
+export { Chip } from './Chip/Chip';
+export type { ChipProps } from './Chip/types/ChipProps';
+export type { ChipSize } from './Chip/types/ChipSize';
+export type { ChipVariant } from './Chip/types/ChipVariant';
+export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
+export { ColorSample } from './ColorSample/ColorSample';
+export { Pill } from './Pill/Pill';
+export { Status } from './Status/Status';
+export type { StatusProps } from './Status/types/StatusProps';
+export { Tag } from './Tag/Tag';
+export type { TagColor } from './Tag/types/TagColor';
+export type { TagProps } from './Tag/types/TagProps';

package/dist/primitives/data-display.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-BJ3K8Mdc.cjs"),a=require("../Avatar-BGFK0_a_.cjs"),e=require("../data-display-QOdhAohf.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=r.Pill;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -0,0 +1,12 @@
+import { t as r } from "../Pill-DaFEFIOT.js";
+import { t as o } from "../Avatar-C_TzSJBe.js";
+import { a as m, i, n as p, r as l, t as A } from "../data-display-YQG01UPq.js";
+export {
+  m as AVATAR_PROPERTIES_BY_SIZE,
+  o as Avatar,
+  i as Chip,
+  l as ColorSample,
+  r as Pill,
+  p as Status,
+  A as Tag
+};

package/dist/{feedback → primitives/feedback}/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 type LoaderProps = {
     color?: ThemeColor;
 };

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

@@ -0,0 +1,6 @@
+export type { BannerColor, BannerVariant } from './Banner/Banner';
+export { Banner } from './Banner/Banner';
+export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar';
+export { Loader } from './Loader/Loader';
+export type { ProgressBarProps } from './ProgressBar/ProgressBar';
+export { ProgressBar } from './ProgressBar/ProgressBar';

package/dist/primitives/feedback.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Loader-CHKTYJo7.cjs"),r=require("../ProgressBar-DwJQXHwg.cjs"),a=require("../feedback-CH2UC0Fv.cjs");exports.Banner=r.Banner;exports.CircularProgressBar=a.CircularProgressBar;exports.Loader=e.Loader;exports.ProgressBar=r.ProgressBar;

package/dist/primitives/feedback.mjs

@@ -0,0 +1,9 @@
+import { t as o } from "../Loader-DbOLVUcK.js";
+import { n as s, t } from "../ProgressBar-RWLNIkzm.js";
+import { t as e } from "../feedback-BvpEL2-w.js";
+export {
+  s as Banner,
+  e as CircularProgressBar,
+  o as Loader,
+  t as ProgressBar
+};

package/dist/primitives/index.d.ts

@@ -0,0 +1,8 @@
+export * from './accessibility';
+export * from './data-display';
+export * from './feedback';
+export * from './input';
+export * from './layout';
+export * from './navigation';
+export * from './surfaces';
+export * from './typography';

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './types/ButtonProps';
+export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, soon, soonLabel, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/primitives/input/Button/internal/ButtonHotKeys.d.ts

@@ -0,0 +1,5 @@
+type ButtonHotkeysProps = {
+    hotkeys: string[];
+};
+export declare const ButtonHotkeys: ({ hotkeys }: ButtonHotkeysProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/input/Button/types/ButtonColor.d.ts

@@ -0,0 +1 @@
+export type ButtonColor = 'neutral' | 'accent' | 'danger' | 'success';

package/dist/primitives/input/Button/types/ButtonProps.d.ts

@@ -0,0 +1,18 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ButtonColor } from './ButtonColor';
+import { ButtonSize } from './ButtonSize';
+import { ButtonVariant } from './ButtonVariant';
+export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' | 'role'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    loading?: boolean;
+    elevated?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    hotkeys?: string[];
+    soon?: boolean;
+    soonLabel?: string;
+};

package/dist/primitives/input/Button/types/ButtonSize.d.ts

@@ -0,0 +1 @@
+export type ButtonSize = 'sm' | 'md';

package/dist/primitives/input/Button/types/ButtonVariant.d.ts

@@ -0,0 +1 @@
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';

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

@@ -0,0 +1,2 @@
+import { ButtonGroupProps } from './types/ButtonGroupProps';
+export declare const ButtonGroup: ({ attached, framed, className, children, variant, size, color, render, ref, ...props }: ButtonGroupProps) => import("react").JSX.Element;

package/dist/primitives/input/ButtonGroup/internal/ButtonGroupContext.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../Button/types/ButtonProps';
+export declare const ButtonGroupContext: import('react').Context<Pick<ButtonProps, "size" | "color" | "variant"> | null>;

package/dist/primitives/input/ButtonGroup/types/ButtonGroupProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ButtonProps } from '../../Button/types/ButtonProps';
+export type ButtonGroupProps = useRender.ComponentProps<'div'> & Pick<ButtonProps, 'variant' | 'size' | 'color'> & {
+    attached?: boolean;
+    framed?: boolean;
+};

package/dist/{input → primitives/input}/Checkbox/types/CheckboxProps.d.ts

@@ -4,9 +4,17 @@ import { CheckboxShape } from './CheckboxShape';
 import { CheckboxSize } from './CheckboxSize';
 import { CheckboxVariant } from './CheckboxVariant';
 export type CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'color'> & {
+    /** Visual size of the checkbox. */
     size?: CheckboxSize;
+    /** Visual style of the box: filled, outlined, or tinted. */
     variant?: CheckboxVariant;
+    /** Corner shape of the box. */
     shape?: CheckboxShape;
+    /** Color used while the checkbox is checked or indeterminate. */
     color?: CheckboxColor;
+    /**
+     * Adds padding around the box and a hover background. Disable it for a
+     * compact checkbox inside another interactive element.
+     */
     hoverable?: boolean;
 };

package/dist/{input → primitives/input}/Input/types/InputProps.d.ts

@@ -1,5 +1,6 @@
 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/{input → primitives/input}/InputGroup/types/InputGroupProps.d.ts

@@ -2,7 +2,10 @@ 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;
+    /** Content rendered after the input, such as a suffix or a button. */
     endElement?: ReactNode;
 };

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

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

package/dist/primitives/input/Radio/types/RadioProps.d.ts

@@ -0,0 +1,5 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+export type RadioProps<TValue = string> = RadioPrimitive.Root.Props<TValue> & {
+    /** Visual size of the radio. */
+    size?: 'sm' | 'md';
+};

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

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

package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+export type RadioGroupProps<TValue = string> = RadioGroupPrimitive.Props<TValue>;

package/dist/{input → primitives/input}/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 type SegmentedControlOptionBase<Value extends string> = {
     disabled?: boolean;
     value: Value;

package/dist/{input → primitives/input}/Select/types/SelectPopupProps.d.ts

@@ -1,4 +1,8 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
 export type SelectPopupProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'alignItemWithTrigger' | 'anchor'> & {
+    /**
+     * Element the popup is portaled into. Defaults to the theme's portal
+     * container.
+     */
     container?: SelectPrimitive.Portal.Props['container'];
 };

package/dist/{input → primitives/input}/Select/types/SelectTriggerProps.d.ts

@@ -1,5 +1,6 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
 import { InputSize } from '../../types/InputSize';
 export type SelectTriggerProps = SelectPrimitive.Trigger.Props & {
+    /** Visual size of the trigger. */
     size?: InputSize;
 };

package/dist/{input → primitives/input}/Slider/types/SliderRootProps.d.ts

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

package/dist/{input → primitives/input}/Switch/types/SwitchProps.d.ts

@@ -1,5 +1,6 @@
 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;
 };

package/dist/{input → primitives/input}/Textarea/types/TextareaProps.d.ts

@@ -2,9 +2,20 @@ 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'> & {
+    /**
+     * 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

@@ -0,0 +1,49 @@
+export { Button } from './Button/Button';
+export type { ButtonColor } from './Button/types/ButtonColor';
+export type { ButtonProps } from './Button/types/ButtonProps';
+export type { ButtonSize } from './Button/types/ButtonSize';
+export type { ButtonVariant } from './Button/types/ButtonVariant';
+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 { CheckboxProps } from './Checkbox/types/CheckboxProps';
+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 { Input } from './Input/Input';
+export type { InputProps } from './Input/types/InputProps';
+export { InputGroup } from './InputGroup/InputGroup';
+export type { InputGroupProps } from './InputGroup/types/InputGroupProps';
+export { Radio } from './Radio/Radio';
+export type { RadioProps } from './Radio/types/RadioProps';
+export { RadioGroup } from './RadioGroup/RadioGroup';
+export type { RadioGroupProps } from './RadioGroup/types/RadioGroupProps';
+export type { SegmentedControlOption, SegmentedControlProps, } from './SegmentedControl/SegmentedControl';
+export { SegmentedControl } from './SegmentedControl/SegmentedControl';
+export { Select } from './Select/Select';
+export type { SelectGroupLabelProps } from './Select/types/SelectGroupLabelProps';
+export type { SelectGroupProps } from './Select/types/SelectGroupProps';
+export type { SelectItemProps } from './Select/types/SelectItemProps';
+export type { SelectPopupProps } from './Select/types/SelectPopupProps';
+export type { SelectRootProps } from './Select/types/SelectRootProps';
+export type { SelectSeparatorProps } from './Select/types/SelectSeparatorProps';
+export type { SelectTriggerProps } from './Select/types/SelectTriggerProps';
+export type { SelectValueProps } from './Select/types/SelectValueProps';
+export { Slider } from './Slider/Slider';
+export type { SliderControlProps } from './Slider/types/SliderControlProps';
+export type { SliderIndicatorProps } from './Slider/types/SliderIndicatorProps';
+export type { SliderLabelProps } from './Slider/types/SliderLabelProps';
+export type { SliderRootProps } from './Slider/types/SliderRootProps';
+export type { SliderThumbProps } from './Slider/types/SliderThumbProps';
+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 { SwitchSize } from './Switch/types/SwitchSize';
+export { Textarea } from './Textarea/Textarea';
+export type { TextareaProps } from './Textarea/types/TextareaProps';
+export type { ColorScheme } from './types/ColorScheme';
+export type { InputSize } from './types/InputSize';
+export type { SelectOption } from './types/SelectOption';

package/dist/{input → primitives/input}/types/SelectOption.d.ts

@@ -1,7 +1,9 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
+import { ReactNode } from 'react';
 export type SelectOption<Value extends string | number | boolean | null = string> = {
     Icon?: IconComponent | null;
+    LeftComponent?: ReactNode;
     iconThemeColor?: ThemeColor | null;
     label: string;
     fullLabel?: string;

package/dist/primitives/input.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Switch-DuoJ4ytC.cjs"),e=require("../input-CAX9aS7C.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=e.Input;exports.InputGroup=e.InputGroup;exports.Radio=t.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;

package/dist/primitives/input.mjs

@@ -0,0 +1,17 @@
+import { n as o, r as t, t as s } from "../Switch-BvVP6vjR.js";
+import { a as e, c as i, i as n, l as p, n as u, o as d, r as l, s as m, t as c, u as S } from "../input-C2q7tGPj.js";
+export {
+  t as Button,
+  S as ButtonGroup,
+  p as Checkbox,
+  i as Field,
+  m as Input,
+  d as InputGroup,
+  o as Radio,
+  e as RadioGroup,
+  n as SegmentedControl,
+  l as Select,
+  u as Slider,
+  s as Switch,
+  c as Textarea
+};

package/dist/{layout → primitives/layout}/AnimatedExpandableContainer/AnimatedExpandableContainer.d.ts

@@ -1,3 +1,4 @@
+import { AnimationDuration } from '../../../theme';
 import { AnimationDimension } from './types/AnimationDimension';
 import { AnimationDurations } from './types/AnimationDurations';
 import { AnimationMode } from './types/AnimationMode';
@@ -9,6 +10,7 @@ type AnimatedExpandableContainerProps = {
     mode?: AnimationMode;
     containAnimation?: boolean;
     initial?: boolean;
+    duration?: AnimationDuration;
 };
-export declare const AnimatedExpandableContainer: ({ children, isExpanded, dimension, animationDurations, containAnimation, }: AnimatedExpandableContainerProps) => import("react").JSX.Element;
+export declare const AnimatedExpandableContainer: ({ children, isExpanded, dimension, animationDurations, containAnimation, duration, }: AnimatedExpandableContainerProps) => import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextDirectionProviderProps = {
+    direction: 'ltr' | 'rtl';
+    children: ReactNode;
+};
+export declare const TextDirectionProvider: ({ direction, children, }: TextDirectionProviderProps) => import("react").JSX.Element;
+export {};

package/dist/{layout → primitives/layout}/index.d.ts

@@ -1,17 +1,10 @@
-export { AnimatedCircleLoading } from './AnimatedCircleLoading/AnimatedCircleLoading';
-export { AnimatedContainer } from './AnimatedContainer/AnimatedContainer';
-export { AnimatedEaseIn } from './AnimatedEaseIn/AnimatedEaseIn';
-export { AnimatedEaseInOut } from './AnimatedEaseInOut/AnimatedEaseInOut';
 export { AnimatedExpandableContainer } from './AnimatedExpandableContainer/AnimatedExpandableContainer';
 export type { AnimationDimension } from './AnimatedExpandableContainer/types/AnimationDimension';
 export type { AnimationDurationObject } from './AnimatedExpandableContainer/types/AnimationDurationObject';
 export type { AnimationDurations } from './AnimatedExpandableContainer/types/AnimationDurations';
 export type { AnimationMode } from './AnimatedExpandableContainer/types/AnimationMode';
 export type { AnimationSize } from './AnimatedExpandableContainer/types/AnimationSize';
-export { AnimatedIconCrossfade } from './AnimatedIconCrossfade/AnimatedIconCrossfade';
-export { AnimatedRotate } from './AnimatedRotate/AnimatedRotate';
-export { AutogrowWrapper } from './AutogrowWrapper/AutogrowWrapper';
 export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
 export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
-export { SectionAlignment, SectionFontColor, Section } from './Section/Section';
+export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../HorizontalSeparator-vJLHHlc4.cjs"),e=require("../layout-BgAfeZsL.cjs"),r=require("../ResizeHandle-IVbYS3b8.cjs");exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.HorizontalSeparator=i.HorizontalSeparator;exports.ResizeHandle=r.ResizeHandle;exports.TextDirectionProvider=e.TextDirectionProvider;exports.useResizeHandle=r.useResizeHandle;

package/dist/primitives/layout.mjs

@@ -0,0 +1,10 @@
+import { t as a } from "../HorizontalSeparator-JwV0dB5W.js";
+import { n as o, t } from "../layout-D-XbKoLM.js";
+import { n, t as s } from "../ResizeHandle-BWfY2ONo.js";
+export {
+  o as AnimatedExpandableContainer,
+  a as HorizontalSeparator,
+  s as ResizeHandle,
+  t as TextDirectionProvider,
+  n as useResizeHandle
+};

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

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

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

@@ -0,0 +1,6 @@
+type ListItemPickerExampleProps = {
+    multiple?: boolean;
+    onSelectionChange?: (selection: string[]) => void;
+};
+export declare const ListItemPickerExample: ({ multiple, onSelectionChange, }: ListItemPickerExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,45 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } 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'> & {
+    /** Color of the text and icons. `danger` marks a destructive action. */
+    color?: ListItemColor;
+    /**
+     * Whether the item is selected. Shows the check or checkbox indicator when
+     * `indicator` is set.
+     */
+    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
+     * it.
+     */
+    indicator?: ListItemIndicator;
+    /** Icon rendered before the content. */
+    startIcon?: ReactNode;
+    /** Icon rendered after the content. */
+    endIcon?: ReactNode;
+    /** Supporting text, placed according to `descriptionPlacement`. */
+    description?: ReactNode;
+    /**
+     * Where the description renders: inline after the content or at the end of
+     * the row.
+     */
+    descriptionPlacement?: ListItemDescriptionPlacement;
+    /** Trailing content, such as buttons, rendered after the content. */
+    actions?: ReactNode;
+    actionsVisibility?: 'hover' | 'always';
+    /**
+     * Keyboard shortcut keys displayed at the end of the row. Registering the
+     * shortcut is up to the application.
+     */
+    hotkeys?: string[];
+    /** Shows a chevron indicating that the item opens a submenu. */
+    hasSubmenu?: boolean;
+};

package/dist/{navigation → primitives/navigation}/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 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;
-    Tab: ({ className, children, startIcon, badge, size, ...props }: import('..').TabsTabProps) => import("react").JSX.Element;
+    Tab: ({ className, children, startIcon, endIcon, badge, highlighted, size, ...props }: import('..').TabsTabProps) => import("react").JSX.Element;
     Panel: ({ className, ...props }: import('..').TabsPanelProps) => import("react").JSX.Element;
 };

package/dist/{navigation → primitives/navigation}/Tabs/internal/TabsTab.d.ts

@@ -1,2 +1,2 @@
 import { TabsTabProps } from '../types/TabsTabProps';
-export declare const TabsTab: ({ className, children, startIcon, badge, size, ...props }: TabsTabProps) => import("react").JSX.Element;
+export declare const TabsTab: ({ className, children, startIcon, endIcon, badge, highlighted, size, ...props }: TabsTabProps) => import("react").JSX.Element;

package/dist/{navigation → primitives/navigation}/Tabs/types/TabsTabProps.d.ts

@@ -2,7 +2,12 @@ import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { ReactNode } from 'react';
 import { TabsSize } from './TabsSize';
 export type TabsTabProps = TabsPrimitive.Tab.Props & {
+    /** Icon rendered before the label. */
     startIcon?: ReactNode;
+    /** Content rendered after the label, such as a count. */
     badge?: ReactNode;
+    endIcon?: ReactNode;
+    highlighted?: boolean;
+    /** Visual size of the tab. */
     size?: TabsSize;
 };