twenty-ui 2.41.0 → 2.43.0

package/dist/primitives/data-display.mjs

@@ -1,27 +1,12 @@
-import { t as s } from "../Pill-abKRH4XK.js";
-import { S as o, _ as t, a as e, b as l, c as r, d as n, f as p, g as m, h as C, i as I, l as c, m as T, n as S, o as _, p as d, r as y, s as A, t as D, u as h, v as k, x as u, y as E } from "../data-display-ByvqdkPn.js";
+import { t as r } from "../Pill-DaFEFIOT.js";
+import { t as o } from "../Avatar-BSHgTxt-.js";
+import { a as m, i, n as p, r as l, t as A } from "../data-display-z9gKjkPS.js";
 export {
-  l as AVATAR_PROPERTIES_BY_SIZE,
-  o as AnimatedCheckmark,
-  u as Avatar,
-  E as AvatarGroup,
-  k as AvatarOrIcon,
-  t as Checkmark,
-  m as Chip,
-  T as ColorSample,
-  d as CommandBlock,
-  p as EllipsisDisplay,
-  n as JsonDisplay,
-  C as LINK_CHIP_CLICK_OUTSIDE_ID,
-  h as LinkChip,
-  c as NotificationCounter,
-  r as NumberDisplay,
-  s as Pill,
-  _ as SelectDisplay,
-  e as Status,
-  I as StyledTintedIconTileContainer,
-  A as Tag,
-  y as TextDisplay,
-  D as TintedIconTile,
-  S as getIconTileColorShades
+  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/primitives/feedback/index.d.ts

@@ -1,31 +1,6 @@
-export { AnimatedPlaceholder } from './AnimatedPlaceholder/AnimatedPlaceholder';
-export { BACKGROUND } from './AnimatedPlaceholder/constants/Background';
-export { DARK_BACKGROUND } from './AnimatedPlaceholder/constants/DarkBackground';
-export { DARK_MOVING_IMAGE } from './AnimatedPlaceholder/constants/DarkMovingImage';
-export { MOVING_IMAGE } from './AnimatedPlaceholder/constants/MovingImage';
-export type { AnimatedPlaceholderType } from './AnimatedPlaceholder/types/AnimatedPlaceholderType';
 export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
-export type { CalloutVariant, CalloutProps } from './Callout/Callout';
-export { Callout } from './Callout/Callout';
 export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar';
-export { AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, AnimatedPlaceholderEmptySubTitle, } from './EmptyPlaceholderStyled/EmptyPlaceholderStyled';
-export { AnimatedPlaceholderErrorContainer, AnimatedPlaceholderErrorTextContainer, AnimatedPlaceholderErrorTitle, AnimatedPlaceholderErrorSubTitle, } from './ErrorPlaceholderStyled/ErrorPlaceholderStyled';
-export type { InfoAccent, InfoProps } from './Info/Info';
-export { Info } from './Info/Info';
-export { InlineBanner } from './InlineBanner/InlineBanner';
 export { Loader } from './Loader/Loader';
 export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export { ProgressBar } from './ProgressBar/ProgressBar';
-export type { SidePanelInformationBannerProps } from './SidePanelInformationBanner/SidePanelInformationBanner';
-export { SidePanelInformationBanner } from './SidePanelInformationBanner/SidePanelInformationBanner';
-export { useToast } from './Toast/hooks/useToast';
-export { Toast } from './Toast/Toast';
-export { ToastProvider } from './Toast/ToastProvider';
-export type { ToastNotification } from './Toast/types/ToastNotification';
-export type { ToastOptions } from './Toast/types/ToastOptions';
-export type { ToastProps } from './Toast/types/ToastProps';
-export type { ToastProviderProps } from './Toast/types/ToastProviderProps';
-export type { ToastVariant } from './Toast/types/ToastVariant';
-export { Toaster } from './Toaster/Toaster';
-export type { ToasterProps } from './Toaster/types/ToasterProps';

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-4lAWCmbk.cjs"),e=require("../feedback-62S0e8tP.cjs");exports.AnimatedPlaceholder=e.AnimatedPlaceholder;exports.AnimatedPlaceholderEmptyContainer=e.AnimatedPlaceholderEmptyContainer;exports.AnimatedPlaceholderEmptySubTitle=e.AnimatedPlaceholderEmptySubTitle;exports.AnimatedPlaceholderEmptyTextContainer=e.AnimatedPlaceholderEmptyTextContainer;exports.AnimatedPlaceholderEmptyTitle=e.AnimatedPlaceholderEmptyTitle;exports.AnimatedPlaceholderErrorContainer=e.AnimatedPlaceholderErrorContainer;exports.AnimatedPlaceholderErrorSubTitle=e.AnimatedPlaceholderErrorSubTitle;exports.AnimatedPlaceholderErrorTextContainer=e.AnimatedPlaceholderErrorTextContainer;exports.AnimatedPlaceholderErrorTitle=e.AnimatedPlaceholderErrorTitle;exports.BACKGROUND=e.BACKGROUND;exports.Banner=e.Banner;exports.Callout=e.Callout;exports.CircularProgressBar=e.CircularProgressBar;exports.DARK_BACKGROUND=e.DARK_BACKGROUND;exports.DARK_MOVING_IMAGE=e.DARK_MOVING_IMAGE;exports.Info=e.Info;exports.InlineBanner=e.InlineBanner;exports.Loader=r.Loader;exports.MOVING_IMAGE=e.MOVING_IMAGE;exports.ProgressBar=e.ProgressBar;exports.SidePanelInformationBanner=e.SidePanelInformationBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Loader-Z6_7AA-x.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

@@ -1,29 +1,9 @@
-import { n as e } from "../Pill-abKRH4XK.js";
-import { C as o, S as s, _ as t, a as n, b as l, c as i, d, f as m, g as A, h as P, i as c, l as h, m as E, n as T, o as C, p, r as B, s as I, t as u, u as G, v as f, w as y, x as _, y as x } from "../feedback-Cu7U-W9T.js";
+import { t as o } from "../Loader-X1LymYkw.js";
+import { n as s, t } from "../ProgressBar-RWLNIkzm.js";
+import { t as e } from "../feedback-BvpEL2-w.js";
 export {
-  l as AnimatedPlaceholder,
-  p as AnimatedPlaceholderEmptyContainer,
-  E as AnimatedPlaceholderEmptySubTitle,
-  P as AnimatedPlaceholderEmptyTextContainer,
-  A as AnimatedPlaceholderEmptyTitle,
-  h as AnimatedPlaceholderErrorContainer,
-  G as AnimatedPlaceholderErrorSubTitle,
-  d as AnimatedPlaceholderErrorTextContainer,
-  m as AnimatedPlaceholderErrorTitle,
-  y as BACKGROUND,
-  x as Banner,
-  f as Callout,
-  t as CircularProgressBar,
-  o as DARK_BACKGROUND,
-  s as DARK_MOVING_IMAGE,
-  i as Info,
-  I as InlineBanner,
-  e as Loader,
-  _ as MOVING_IMAGE,
-  C as ProgressBar,
-  n as SidePanelInformationBanner,
-  B as Toast,
-  T as ToastProvider,
-  u as Toaster,
-  c as useToast
+  s as Banner,
+  e as CircularProgressBar,
+  o as Loader,
+  t as ProgressBar
 };

package/dist/primitives/index.d.ts

@@ -2,7 +2,6 @@ export * from './accessibility';
 export * from './data-display';
 export * from './feedback';
 export * from './input';
-export * from './json-visualizer';
 export * from './layout';
 export * from './navigation';
 export * from './surfaces';

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

@@ -1,2 +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, nativeButton, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+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/types/ButtonProps.d.ts

@@ -3,7 +3,7 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 import { ButtonColor } from './ButtonColor';
 import { ButtonSize } from './ButtonSize';
 import { ButtonVariant } from './ButtonVariant';
-export type ButtonProps = Omit<ButtonPrimitive.Props, 'color'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
+export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' | 'role'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
     variant?: ButtonVariant;
     color?: ButtonColor;
     size?: ButtonSize;

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

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

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

@@ -1,3 +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'>;
+export type ButtonGroupProps = useRender.ComponentProps<'div'> & Pick<ButtonProps, 'variant' | 'size' | 'color'> & {
+    attached?: boolean;
+    framed?: boolean;
+};

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

@@ -1,29 +1,2 @@
-import { ReactNode } from 'react';
-import { IconComponent } from '../../../icon';
-type SegmentedControlOptionBase<Value extends string> = {
-    disabled?: boolean;
-    value: Value;
-};
-type SegmentedControlOptionWithLabel<Value extends string> = SegmentedControlOptionBase<Value> & {
-    Icon?: IconComponent;
-    ariaLabel?: string;
-    label: NonNullable<ReactNode>;
-};
-type SegmentedControlOptionIconOnly<Value extends string> = SegmentedControlOptionBase<Value> & {
-    Icon: IconComponent;
-    ariaLabel: string;
-    label?: never;
-};
-export type SegmentedControlOption<Value extends string> = SegmentedControlOptionWithLabel<Value> | SegmentedControlOptionIconOnly<Value>;
-type SegmentedControlItemWidth = 'content' | 'equal';
-export type SegmentedControlProps<Value extends string> = {
-    ariaLabel: string;
-    itemWidth?: SegmentedControlItemWidth;
-    onChange: (value: Value) => void;
-    options: SegmentedControlOption<Value>[];
-    role?: 'group' | 'tablist';
-    value: Value;
-    width?: number | string;
-};
-export declare const SegmentedControl: <Value extends string>({ ariaLabel, itemWidth, onChange, options, role, value, width, }: SegmentedControlProps<Value>) => import("react").JSX.Element;
-export {};
+import { SegmentedControlProps } from './types/SegmentedControlProps';
+export declare const SegmentedControl: <TValue extends string>({ className, itemWidth, options, ...props }: SegmentedControlProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/SegmentedControl/types/SegmentedControlOption.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type SegmentedControlOption<TValue extends string = string> = {
+    disabled?: boolean;
+    value: TValue;
+} & ({
+    label: NonNullable<ReactNode>;
+    startIcon?: ReactNode;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    startIcon: NonNullable<ReactNode>;
+    'aria-label': string;
+});

package/dist/primitives/input/SegmentedControl/types/SegmentedControlProps.d.ts

@@ -0,0 +1,10 @@
+import { RadioGroupProps } from '../../RadioGroup/types/RadioGroupProps';
+import { SegmentedControlOption } from './SegmentedControlOption';
+export type SegmentedControlProps<TValue extends string = string> = Omit<RadioGroupProps<TValue>, 'aria-label' | 'aria-labelledby' | 'children' | 'role'> & {
+    itemWidth?: 'content' | 'equal';
+    options: readonly SegmentedControlOption<TValue>[];
+} & ({
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+});

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

@@ -1,7 +1,3 @@
-export { AnimatedButton } from './AnimatedButton/AnimatedButton';
-export type { AnimatedButtonProps } from './AnimatedButton/types/AnimatedButtonProps';
-export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton';
-export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton';
 export { Button } from './Button/Button';
 export type { ButtonColor } from './Button/types/ButtonColor';
 export type { ButtonProps } from './Button/types/ButtonProps';
@@ -9,66 +5,24 @@ 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 { CardPicker } from './CardPicker/CardPicker';
-export type { CardPickerProps } from './CardPicker/types/CardPickerProps';
 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 { CodeEditor } from './CodeEditor/CodeEditor';
-export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
-export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
-export type { CoreEditorHeaderProps } from './CodeEditorHeader/CodeEditorHeader';
-export { CoreEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
-export { ColorPickerButton } from './ColorPickerButton/ColorPickerButton';
-export type { ColorSchemeSegmentProps, ColorSchemeCardProps, } from './ColorSchemeCard/ColorSchemeCard';
-export { ColorSchemeCard } from './ColorSchemeCard/ColorSchemeCard';
-export type { ColorSchemePickerProps } from './ColorSchemePicker/ColorSchemePicker';
-export { ColorSchemePicker } from './ColorSchemePicker/ColorSchemePicker';
 export { Field } from './Field/Field';
-export type { FloatingButtonSize, FloatingButtonPosition, FloatingButtonProps, } from './FloatingButton/FloatingButton';
-export { FloatingButton } from './FloatingButton/FloatingButton';
-export type { FloatingButtonGroupProps } from './FloatingButtonGroup/FloatingButtonGroup';
-export { FloatingButtonGroup } from './FloatingButtonGroup/FloatingButtonGroup';
-export type { FloatingIconButtonSize, FloatingIconButtonPosition, FloatingIconButtonProps, } from './FloatingIconButton/FloatingIconButton';
-export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton';
-export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export { IconButton } from './IconButton/IconButton';
-export type { IconButtonAccent } from './IconButton/types/IconButtonAccent';
-export type { IconButtonPosition } from './IconButton/types/IconButtonPosition';
-export type { IconButtonProps } from './IconButton/types/IconButtonProps';
-export type { IconButtonSize } from './IconButton/types/IconButtonSize';
-export type { IconButtonVariant } from './IconButton/types/IconButtonVariant';
-export type { IconButtonGroupProps } from './IconButtonGroup/IconButtonGroup';
-export { IconButtonGroup } from './IconButtonGroup/IconButtonGroup';
-export type { IconButtonWithTooltipProps } from './IconButtonWithTooltip/IconButtonWithTooltip';
-export { IconButtonWithTooltip } from './IconButtonWithTooltip/IconButtonWithTooltip';
-export { IconListViewGrip } from './IconListViewGrip/IconListViewGrip';
 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 { InputHint } from './InputHint/InputHint';
-export { InputLabel } from './InputLabel/InputLabel';
-export type { InsideButtonProps } from './InsideButton/InsideButton';
-export { InsideButton } from './InsideButton/InsideButton';
-export type { LightIconButtonAccent, LightIconButtonSize, LightIconButtonProps, } from './LightIconButton/LightIconButton';
-export { LightIconButton } from './LightIconButton/LightIconButton';
-export type { LightIconButtonGroupProps } from './LightIconButtonGroup/LightIconButtonGroup';
-export { LightIconButtonGroup } from './LightIconButtonGroup/LightIconButtonGroup';
 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 { RoundedIconButtonSize } from './RoundedIconButton/RoundedIconButton';
-export { RoundedIconButton } from './RoundedIconButton/RoundedIconButton';
-export type { SearchInputProps } from './SearchInput/SearchInput';
-export { SearchInput } from './SearchInput/SearchInput';
-export type { SegmentedControlOption, SegmentedControlProps, } from './SegmentedControl/SegmentedControl';
 export { SegmentedControl } from './SegmentedControl/SegmentedControl';
+export type { SegmentedControlOption } from './SegmentedControl/types/SegmentedControlOption';
+export type { SegmentedControlProps } from './SegmentedControl/types/SegmentedControlProps';
 export { Select } from './Select/Select';
 export type { SelectGroupLabelProps } from './Select/types/SelectGroupLabelProps';
 export type { SelectGroupProps } from './Select/types/SelectGroupProps';
@@ -89,8 +43,6 @@ 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 type { TabContentProps } from './TabButton/TabButton';
-export { StyledTabContainer, TabContent, TabButton, } from './TabButton/TabButton';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
 export type { ColorScheme } from './types/ColorScheme';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Button-DDrUyVB1.cjs"),t=require("../input-B1qr987z.cjs");exports.AnimatedButton=t.AnimatedButton;exports.AnimatedLightIconButton=t.AnimatedLightIconButton;exports.BASE_CODE_EDITOR_THEME_ID=t.BASE_CODE_EDITOR_THEME_ID;exports.Button=o.Button;exports.ButtonGroup=t.ButtonGroup;exports.CardPicker=t.CardPicker;exports.Checkbox=t.Checkbox;exports.CodeEditor=t.CodeEditor;exports.ColorPickerButton=t.ColorPickerButton;exports.ColorSchemeCard=t.ColorSchemeCard;exports.ColorSchemePicker=t.ColorSchemePicker;exports.CoreEditorHeader=t.CoreEditorHeader;exports.Field=t.Field;exports.FloatingButton=t.FloatingButton;exports.FloatingButtonGroup=t.FloatingButtonGroup;exports.FloatingIconButton=t.FloatingIconButton;exports.FloatingIconButtonGroup=t.FloatingIconButtonGroup;exports.IconButton=t.IconButton;exports.IconButtonGroup=t.IconButtonGroup;exports.IconButtonWithTooltip=t.IconButtonWithTooltip;exports.IconListViewGrip=t.IconListViewGrip;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.InputHint=t.InputHint;exports.InputLabel=t.InputLabel;exports.InsideButton=t.InsideButton;exports.LightIconButton=t.LightIconButton;exports.LightIconButtonGroup=t.LightIconButtonGroup;exports.Radio=t.Radio;exports.RadioGroup=t.RadioGroup;exports.RoundedIconButton=t.RoundedIconButton;exports.SearchInput=t.SearchInput;exports.SegmentedControl=t.SegmentedControl;exports.Select=t.Select;exports.Slider=t.Slider;exports.StyledTabContainer=t.StyledTabContainer;exports.Switch=t.Switch;exports.TabButton=t.TabButton;exports.TabContent=t.TabContent;exports.Textarea=t.Textarea;exports.getBaseCodeEditorTheme=t.getBaseCodeEditorTheme;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Input-CFXY05bj.cjs"),e=require("../input-NBD4DP8j.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.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

@@ -1,45 +1,17 @@
-import { t as o } from "../Button-u4e3zI-a.js";
-import { A as n, B as s, C as e, D as r, E as i, F as u, I as c, L as d, M as B, N as I, O as p, P as l, R as C, S as h, T as m, _ as g, a as S, b as E, c as T, d as G, f as b, g as F, h as L, i as k, j as R, k as _, l as x, m as A, n as D, o as P, p as f, r as w, s as H, t as O, u as y, v as M, w as j, x as v, y as z, z as N } from "../input-DOIOurw8.js";
+import { a as o, i as t, o as s, t as r } from "../Input-DHfmRBq5.js";
+import { a as i, c as p, i as n, l as u, n as d, o as l, r as m, s as c, t as S } from "../input-C8IiOA9Q.js";
 export {
-  s as AnimatedButton,
-  N as AnimatedLightIconButton,
-  l as BASE_CODE_EDITOR_THEME_ID,
-  o as Button,
-  C as ButtonGroup,
-  c as CardPicker,
-  u as Checkbox,
-  B as CodeEditor,
-  _ as ColorPickerButton,
-  p as ColorSchemeCard,
-  r as ColorSchemePicker,
-  R as CoreEditorHeader,
-  i as Field,
-  m as FloatingButton,
-  j as FloatingButtonGroup,
-  e as FloatingIconButton,
-  h as FloatingIconButtonGroup,
-  v as IconButton,
-  z as IconButtonGroup,
-  M as IconButtonWithTooltip,
-  g as IconListViewGrip,
-  F as Input,
-  L as InputGroup,
-  A as InputHint,
-  f as InputLabel,
-  E as InsideButton,
-  n as LightIconButton,
-  b as LightIconButtonGroup,
-  d as Radio,
-  G as RadioGroup,
-  y as RoundedIconButton,
-  x as SearchInput,
-  T as SegmentedControl,
-  H as Select,
-  P as Slider,
-  k as StyledTabContainer,
-  S as Switch,
-  D as TabButton,
-  w as TabContent,
-  O as Textarea,
-  I as getBaseCodeEditorTheme
+  s as Button,
+  u as ButtonGroup,
+  p as Checkbox,
+  c as Field,
+  r as Input,
+  l as InputGroup,
+  o as Radio,
+  i as RadioGroup,
+  n as SegmentedControl,
+  m as Select,
+  d as Slider,
+  t as Switch,
+  S as Textarea
 };

package/dist/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/ResizeHandle/ResizeHandle.d.ts

@@ -1,9 +1,2 @@
-import { CSSProperties } from 'react';
-type ResizeHandleProps = {
-    onPointerDown?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerMove?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerUp?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    style?: CSSProperties;
-};
-export declare const ResizeHandle: ({ onPointerDown, onPointerMove, onPointerUp, style, }: ResizeHandleProps) => import("react").JSX.Element;
-export {};
+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>>;

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

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

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

@@ -0,0 +1,3 @@
+export declare const ResizableDemo: ({ axis }: {
+    axis?: "x" | "y";
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare const withMockPointerCapture: ({ handle, run, }: {
+    handle: HTMLElement;
+    run: () => Promise<void>;
+}) => Promise<void>;

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

@@ -0,0 +1,6 @@
+export declare const RESIZE_HANDLE_DEFAULTS: {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+};

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

@@ -0,0 +1,19 @@
+import { KeyboardEvent, PointerEvent } from 'react';
+type UseResizeHandleInteractionArgs = {
+    axis: 'x' | 'y';
+    value: number;
+    onValueChange: (value: number) => void;
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+};
+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;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+export {};

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

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+export type ResizeHandleProps = useRender.ComponentProps<'div'> & {
+    axis?: 'x' | 'y';
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+};

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

@@ -1,18 +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 type { ResizeHandleProps } from './ResizeHandle/types/ResizeHandleProps';
 export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../useResizeHandle-BsV5UEJk.cjs"),t=require("../HorizontalSeparator-BWu4LVEU.cjs"),e=require("../layout-BN3KI-Wu.cjs");exports.AnimatedCircleLoading=e.AnimatedCircleLoading;exports.AnimatedContainer=e.AnimatedContainer;exports.AnimatedEaseIn=e.AnimatedEaseIn;exports.AnimatedEaseInOut=e.AnimatedEaseInOut;exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AnimatedRotate=e.AnimatedRotate;exports.AutogrowWrapper=e.AutogrowWrapper;exports.HorizontalSeparator=t.HorizontalSeparator;exports.ResizeHandle=n.ResizeHandle;exports.Section=e.Section;exports.SectionAlignment=e.SectionAlignment;exports.SectionFontColor=e.SectionFontColor;exports.TextDirectionProvider=e.TextDirectionProvider;exports.useResizeHandle=n.useResizeHandle;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../HorizontalSeparator-vJLHHlc4.cjs"),e=require("../layout-BgAfeZsL.cjs"),i=require("../ResizeHandle-cll01qBQ.cjs");exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.HorizontalSeparator=r.HorizontalSeparator;exports.ResizeHandle=i.ResizeHandle;exports.TextDirectionProvider=e.TextDirectionProvider;

package/dist/primitives/layout.mjs

@@ -1,20 +1,9 @@
-import { n as e, t } from "../useResizeHandle-CCRiw9Fi.js";
-import { t as o } from "../HorizontalSeparator-p1xF1-ka.js";
-import { a as s, c as r, d, f as m, i as A, l, n as p, o as c, r as f, s as C, t as u, u as S } from "../layout-LzKpLxiO.js";
+import { t as o } from "../HorizontalSeparator-JwV0dB5W.js";
+import { n as a, t as e } from "../layout-D-XbKoLM.js";
+import { t as n } from "../ResizeHandle-DN1bRxQb.js";
 export {
-  m as AnimatedCircleLoading,
-  d as AnimatedContainer,
-  S as AnimatedEaseIn,
-  l as AnimatedEaseInOut,
-  r as AnimatedExpandableContainer,
-  C as AnimatedIconCrossfade,
-  c as AnimatedRotate,
-  s as AutogrowWrapper,
+  a as AnimatedExpandableContainer,
   o as HorizontalSeparator,
-  e as ResizeHandle,
-  p as Section,
-  f as SectionAlignment,
-  A as SectionFontColor,
-  u as TextDirectionProvider,
-  t as useResizeHandle
+  n as ResizeHandle,
+  e as TextDirectionProvider
 };

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, hotkeys, 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, 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

@@ -34,6 +34,7 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     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.

package/dist/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/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/primitives/navigation/Tabs/types/TabsTabProps.d.ts

@@ -6,6 +6,8 @@ export type TabsTabProps = TabsPrimitive.Tab.Props & {
     startIcon?: ReactNode;
     /** Content rendered after the label, such as a count. */
     badge?: ReactNode;
+    endIcon?: ReactNode;
+    highlighted?: boolean;
     /** Visual size of the tab. */
     size?: TabsSize;
 };

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

@@ -1,6 +1,4 @@
 export { ClickToActionLink } from './ClickToActionLink/ClickToActionLink';
-export { ContactLink } from './ContactLink/ContactLink';
-export { GithubVersionLink } from './GithubVersionLink/GithubVersionLink';
 export { CAL_LINK } from './Link/constants/Cal';
 export { GITHUB_LINK } from './Link/constants/GithubLink';
 export { TWENTY_PRICING_LINK } from './Link/constants/TwentyPricingLink';
@@ -10,45 +8,9 @@ export type { ListItemDescriptionPlacement } from './ListItem/types/ListItemDesc
 export type { ListItemIndicator } from './ListItem/types/ListItemIndicator';
 export type { ListItemProps } from './ListItem/types/ListItemProps';
 export type { ListItemState } from './ListItem/types/ListItemState';
-export type { ColorLabels } from './MenuItem/constants/DefaultColorLabels';
-export { DEFAULT_COLOR_LABELS } from './MenuItem/constants/DefaultColorLabels';
-export type { MenuItemIconButton, MenuItemProps } from './MenuItem/MenuItem';
-export { MenuItemLeftContent, StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, MenuItem, } from './MenuItem/MenuItem';
-export type { MenuItemAccent } from './MenuItem/types/MenuItemAccent';
-export type { MenuItemDraggableGripMode } from './MenuItem/types/MenuItemDraggableGripMode';
-export type { MenuItemAvatarProps } from './MenuItemAvatar/MenuItemAvatar';
-export { MenuItemAvatar } from './MenuItemAvatar/MenuItemAvatar';
-export type { MenuItemDraggableProps } from './MenuItemDraggable/MenuItemDraggable';
-export { MenuItemDraggable } from './MenuItemDraggable/MenuItemDraggable';
-export type { MenuItemHotKeysProps } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemHotKeys } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemMultiSelect } from './MenuItemMultiSelect/MenuItemMultiSelect';
-export { MenuItemMultiSelectAvatar } from './MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar';
-export { MenuItemMultiSelectTag } from './MenuItemMultiSelectTag/MenuItemMultiSelectTag';
-export type { MenuItemNavigateProps } from './MenuItemNavigate/MenuItemNavigate';
-export { MenuItemNavigate } from './MenuItemNavigate/MenuItemNavigate';
-export { StyledMenuItemSelect, MenuItemSelect, } from './MenuItemSelect/MenuItemSelect';
-export { MenuItemSelectAvatar } from './MenuItemSelectAvatar/MenuItemSelectAvatar';
-export { MenuItemSelectColor } from './MenuItemSelectColor/MenuItemSelectColor';
-export { MenuItemSelectTag } from './MenuItemSelectTag/MenuItemSelectTag';
-export type { MenuItemSuggestionProps } from './MenuItemSuggestion/MenuItemSuggestion';
-export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion';
-export type { MenuItemSwitchProps } from './MenuItemSwitch/MenuItemSwitch';
-export { MenuItemSwitch } from './MenuItemSwitch/MenuItemSwitch';
-export type { MenuPickerProps } from './MenuPicker/MenuPicker';
-export { MenuPicker } from './MenuPicker/MenuPicker';
-export { NavigationBar } from './NavigationBar/NavigationBar';
-export { NavigationBarItem } from './NavigationBarItem/NavigationBarItem';
-export { RawLink } from './RawLink/RawLink';
-export { RoundedLink } from './RoundedLink/RoundedLink';
-export { LinkType } from './SocialLink/LinkType';
-export { SocialLink } from './SocialLink/SocialLink';
-export type { SocialLinkProvider } from './SocialLink/socialLinkProviders';
-export { SOCIAL_LINK_PROVIDERS } from './SocialLink/socialLinkProviders';
 export { Tabs } from './Tabs/Tabs';
 export type { TabsListProps } from './Tabs/types/TabsListProps';
 export type { TabsPanelProps } from './Tabs/types/TabsPanelProps';
 export type { TabsRootProps } from './Tabs/types/TabsRootProps';
 export type { TabsSize } from './Tabs/types/TabsSize';
 export type { TabsTabProps } from './Tabs/types/TabsTabProps';
-export { UndecoratedLink } from './UndecoratedLink/UndecoratedLink';