twenty-ui 2.50.0 → 2.51.3

package/dist/primitives/input/Autocomplete/types/AutocompleteItemProps.d.ts

@@ -1,3 +1,5 @@
 import { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
 import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
-export type AutocompleteItemProps = AutocompletePrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement'>;
+export type AutocompleteItemProps = AutocompletePrimitive.Item.Props & Pick<ListItemProps, 'startIcon' | 'endIcon' | 'description'> & {
+    descriptionPlacement?: Exclude<ListItemProps['descriptionPlacement'], 'below'>;
+};

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

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

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

@@ -1,5 +1,8 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { InputSize } from '../../types/InputSize';
+import { InputVariant } from '../../types/InputVariant';
 export type InputProps = Omit<InputPrimitive.Props, 'size'> & {
     size?: InputSize;
+    variant?: InputVariant;
+    hasFocusRing?: boolean;
 };

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

@@ -1,2 +1,2 @@
 import { InputGroupProps } from './types/InputGroupProps';
-export declare const InputGroup: ({ size, startElement, endElement, className, children, render, ref, ...props }: InputGroupProps) => import("react").JSX.Element;
+export declare const InputGroup: ({ size, hasFocusRing, startElement, endElement, className, children, render, ref, ...props }: InputGroupProps) => import("react").JSX.Element;

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

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 import { InputSize } from '../../types/InputSize';
 export type InputGroupProps = useRender.ComponentProps<'div'> & {
     size?: InputSize;
+    hasFocusRing?: boolean;
     /** 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. */

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

@@ -1,2 +1,2 @@
 import { TextareaProps } from './types/TextareaProps';
-export declare const Textarea: ({ size, autoResize, maxRows, className, style, ref, render, onChange, value, rows, ...props }: TextareaProps) => import("react").JSX.Element;
+export declare const Textarea: ({ size, variant, autoResize, maxRows, className, style, ref, render, onChange, value, rows, ...props }: TextareaProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { TextareaProps } from '../types/TextareaProps';
+type TextareaAutoResizeEffectProps = Pick<TextareaProps, 'autoResize' | 'value' | 'maxRows' | 'rows' | 'size' | 'variant' | 'form'> & {
+    textarea: HTMLTextAreaElement | null;
+    consumerBlockSize: CSSProperties['blockSize'];
+};
+export declare const TextareaAutoResizeEffect: ({ textarea, autoResize, value, maxRows, rows, size, variant, consumerBlockSize, form, }: TextareaAutoResizeEffectProps) => null;
+export {};

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

@@ -1,6 +1,7 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
 import { useRender } from '@base-ui/react/use-render';
 import { InputSize } from '../../types/InputSize';
+import { InputVariant } from '../../types/InputVariant';
 export type TextareaProps = Omit<useRender.ComponentProps<'textarea', InputPrimitive.State, useRender.ElementProps<'textarea'>>, 'className'> & {
     /**
      * CSS class applied to the textarea, or a function that returns a class
@@ -10,6 +11,7 @@ export type TextareaProps = Omit<useRender.ComponentProps<'textarea', InputPrimi
     onValueChange?: (value: string, eventDetails: InputPrimitive.ChangeEventDetails) => void;
     /** Visual size of the textarea. */
     size?: InputSize;
+    variant?: InputVariant;
     autoResize?: boolean;
     maxRows?: number;
 };

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

@@ -164,4 +164,5 @@ 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';
+export type { InputVariant } from './types/InputVariant';
 export type { SelectOption } from './types/SelectOption';

package/dist/primitives/input/types/InputVariant.d.ts

@@ -0,0 +1 @@
+export type InputVariant = 'default' | 'plain';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-iVyxlrwO.cjs"),u=require("../Input-DvL77rvu.cjs"),t=require("../Radio-sIYxZnR_.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-CWWp7cqL.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-iVyxlrwO.cjs"),u=require("../Input-D69M4UwD.cjs"),t=require("../Radio-CpQPRHXa.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-ExCbk62Y.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=t.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,21 +1,21 @@
 import { t } from "../Button-CU8BS-Yd.js";
-import { t as r } from "../Input-DZWl81G_.js";
-import { n as e, r as i, t as m } from "../Radio-BwBZ4e8g.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-k5cMhFI_.js";
+import { t as r } from "../Input-D1sIHUZ5.js";
+import { i, n as e, r as m, t as p } from "../Radio-VTjpEz8M.js";
+import { t as n } from "../Switch-DOd0gh7W.js";
+import { a as f, i as l, n as c, o as x, r as G, s as S, t as b } from "../input-DxoXgI5-.js";
 export {
-  d as Autocomplete,
+  S as Autocomplete,
   t as Button,
-  S as ButtonGroup,
-  x as Checkbox,
-  c as Field,
+  x as ButtonGroup,
+  f as Checkbox,
+  l as Field,
   r as Input,
   e as InputGroup,
-  i as NumberField,
-  m as Radio,
-  f as RadioGroup,
-  G as Select,
-  l as Slider,
-  u as Switch,
+  m as NumberField,
+  p as Radio,
+  G as RadioGroup,
+  i as Select,
+  c as Slider,
+  n as Switch,
   b as Textarea
 };

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, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ListItem: ({ color, selected, selectionAppearance, active, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, actionsPlacement, shortcut, shortcutJoinLabel, hasSubmenu, className, children, render, ref, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,7 @@
+type ListItemMultilineExampleProps = {
+    disabled?: boolean;
+    onOpen?: () => void;
+    onArchive?: () => void;
+};
+export declare const ListItemMultilineExample: ({ disabled, onOpen, onArchive, }: ListItemMultilineExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -1 +1 @@
-export type ListItemDescriptionPlacement = 'inline' | 'end';
+export type ListItemDescriptionPlacement = 'inline' | 'end' | 'below';

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

@@ -14,6 +14,8 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
      * `indicator` is set.
      */
     selected?: boolean;
+    active?: boolean;
+    selectionAppearance?: 'default' | 'accent';
     /** Applies the highlighted style, for example to the focused item of a list. */
     focused?: boolean;
     disabled?: boolean;
@@ -36,6 +38,7 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     /** Trailing content, such as buttons, rendered after the content. */
     actions?: ReactNode;
     actionsVisibility?: 'hover' | 'always';
+    actionsPlacement?: 'auto' | 'end';
     /**
      * Keyboard shortcut keys displayed at the end of the row. Registering the
      * shortcut is up to the application.

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

@@ -4,6 +4,7 @@ export type ListItemState = {
     color: ListItemColor;
     indicator: ListItemIndicator;
     selected: boolean;
+    active: boolean;
     highlighted: boolean;
     disabled: boolean;
 };

package/dist/primitives/navigation.cjs

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

package/dist/primitives/navigation.mjs

@@ -1,4 +1,4 @@
-import { t } from "../ListItem-C84ANa76.js";
+import { t } from "../ListItem-WLONJMo5.js";
 import { n as a, t as o } from "../navigation-BY8X2w04.js";
 export {
   a as Breadcrumb,

package/dist/primitives/surfaces/Card/Card.d.ts

@@ -1,5 +1,7 @@
 export declare const Card: {
     Root: ({ className, fullWidth, backgroundColor, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Action: ({ className, disabled, render, ref, ...props }: import('..').CardActionProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Control: ({ className, render, ref, ...props }: import('..').CardControlProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Header: ({ className, render, ref, ...props }: import('..').CardHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Content: ({ className, divider, render, ref, ...props }: import('..').CardContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
     Footer: ({ className, divider, render, ref, ...props }: import('..').CardFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/internal/CardAction.d.ts

@@ -0,0 +1,2 @@
+import { CardActionProps } from '../types/CardActionProps';
+export declare const CardAction: ({ className, disabled, render, ref, ...props }: CardActionProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/internal/CardControl.d.ts

@@ -0,0 +1,2 @@
+import { CardControlProps } from '../types/CardControlProps';
+export declare const CardControl: ({ className, render, ref, ...props }: CardControlProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Card/types/CardActionProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardActionProps = useRender.ComponentProps<'button'>;

package/dist/primitives/surfaces/Card/types/CardControlProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type CardControlProps = useRender.ComponentProps<'span'>;

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

@@ -26,7 +26,9 @@ export type { AlertDialogTriggerState } from './AlertDialog/types/AlertDialogTri
 export type { AlertDialogViewportProps } from './AlertDialog/types/AlertDialogViewportProps';
 export type { AlertDialogViewportState } from './AlertDialog/types/AlertDialogViewportState';
 export { Card } from './Card/Card';
+export type { CardActionProps } from './Card/types/CardActionProps';
 export type { CardContentProps } from './Card/types/CardContentProps';
+export type { CardControlProps } from './Card/types/CardControlProps';
 export type { CardFooterProps } from './Card/types/CardFooterProps';
 export type { CardHeaderProps } from './Card/types/CardHeaderProps';
 export type { CardRootProps } from './Card/types/CardRootProps';

package/dist/primitives/surfaces.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-DL3sfbuw.cjs"),r=require("../Popover-CneCJTvD.cjs"),e=require("../surfaces-q8voTXEJ.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.Tooltip;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-08dDawT_.cjs"),r=require("../Popover-CneCJTvD.cjs"),e=require("../surfaces-DtZwsfms.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.Tooltip;

package/dist/primitives/surfaces.mjs

@@ -1,6 +1,6 @@
-import { t as r } from "../Tooltip-6uS8_wdA.js";
+import { t as r } from "../Tooltip-C7zc16gI.js";
 import { t as a } from "../Popover-CWeCV7X9.js";
-import { n as m, r as p, t as s } from "../surfaces-vhSZBmbz.js";
+import { n as m, r as p, t as s } from "../surfaces-v0kQLZYO.js";
 export {
   p as AlertDialog,
   m as Card,

package/dist/primitives/typography/Heading/types/HeadingProps.d.ts

@@ -1,6 +1,8 @@
 import { useRender } from '@base-ui/react/use-render';
+import { TypographyColor } from '../../internal/TypographyColor';
+import { TypographyFontSize } from '../../internal/TypographyFontSize';
 export type HeadingProps = Omit<useRender.ComponentProps<'h2'>, 'color'> & {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    color?: 'primary' | 'secondary' | 'tertiary';
+    size?: Exclude<TypographyFontSize, 'xxs'>;
+    color?: Exclude<TypographyColor, 'light'>;
 };

package/dist/primitives/typography/OverflowingTextWithTooltip/types/OverflowingTextWithTooltipProps.d.ts

@@ -1,8 +1,9 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { TooltipSide } from '../../../surfaces/Tooltip/types/TooltipSide';
+import { TextTypographyProps } from '../../Text/internal/TextTypographyProps';
 import { TextTruncationProps } from '../../Text/internal/TextTruncationProps';
-export type OverflowingTextWithTooltipProps = Omit<useRender.ComponentProps<'div'>, 'children'> & TextTruncationProps & {
+export type OverflowingTextWithTooltipProps = Omit<useRender.ComponentProps<'div'>, 'children' | 'color'> & TextTypographyProps & TextTruncationProps & {
     isTooltipMultiline?: boolean;
     tooltipDelay?: number;
     tooltipPlace?: TooltipSide;

package/dist/primitives/typography/Text/Text.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from './types/TextProps';
-export declare const Text: ({ render, truncate, lineClamp, className, style, ref, ...props }: TextProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Text: ({ render, size, weight, color, truncate, lineClamp, className, style, ref, ...props }: TextProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/typography/Text/internal/TextTypographyProps.d.ts

@@ -0,0 +1,7 @@
+import { TypographyColor } from '../../internal/TypographyColor';
+import { TypographyFontSize } from '../../internal/TypographyFontSize';
+export type TextTypographyProps = {
+    size?: TypographyFontSize;
+    weight?: 'regular' | 'medium' | 'semibold';
+    color?: TypographyColor;
+};

package/dist/primitives/typography/Text/types/TextProps.d.ts

@@ -1,3 +1,4 @@
 import { useRender } from '@base-ui/react/use-render';
+import { TextTypographyProps } from '../internal/TextTypographyProps';
 import { TextTruncationProps } from '../internal/TextTruncationProps';
-export type TextProps = useRender.ComponentProps<'div'> & TextTruncationProps;
+export type TextProps = Omit<useRender.ComponentProps<'div'>, 'color'> & TextTypographyProps & TextTruncationProps;

package/dist/primitives/typography/internal/TypographyColor.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../../../theme';
+export type TypographyColor = keyof Pick<ThemeType['font']['color'], 'primary' | 'secondary' | 'tertiary' | 'light'>;

package/dist/primitives/typography/internal/TypographyFontSize.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../../../theme';
+export type TypographyFontSize = keyof ThemeType['font']['size'];

package/dist/primitives/typography.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-N8TELGPI.cjs"),e=require("../OverflowingTextWithTooltip-BQmpPObX.cjs"),o=require("../Heading-CHvEXL6n.cjs"),r=require("../typography-CWtuNruY.cjs");exports.Heading=o.Heading;exports.OverflowingTextTooltipModeProvider=r.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=r.formatShortcut;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-N8TELGPI.cjs"),e=require("../OverflowingTextWithTooltip-ClpPsdpP.cjs"),o=require("../Heading-CHvEXL6n.cjs"),r=require("../typography-B05olPwL.cjs");exports.Heading=o.Heading;exports.OverflowingTextTooltipModeProvider=r.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=r.formatShortcut;

package/dist/primitives/typography.mjs

@@ -1,7 +1,7 @@
 import { t } from "../Shortcut-Bp9iDdQg.js";
-import { r as i, t as e } from "../OverflowingTextWithTooltip-BtB9cGdJ.js";
+import { r as i, t as e } from "../OverflowingTextWithTooltip-D4eZc-7P.js";
 import { t as a } from "../Heading-Nj5BlPqB.js";
-import { n as p, t as s } from "../typography-BPdXzW2T.js";
+import { n as p, t as s } from "../typography-BwyZEDDi.js";
 export {
   a as Heading,
   p as OverflowingTextTooltipModeProvider,

package/dist/primitives.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./VisuallyHidden-B-n4x1KY.cjs"),q=require("./ProgressRing-g1nHGyUp.cjs"),d=require("./Loader-Bb72CUQ9.cjs"),_=require("./Shortcut-N8TELGPI.cjs"),p=require("./Button-iVyxlrwO.cjs"),t=require("./ProgressBar-CzGs7cuE.cjs"),g=require("./Tooltip-DL3sfbuw.cjs"),u=require("./OverflowingTextWithTooltip-BQmpPObX.cjs"),S=require("./Separator-UJVlrTzw.cjs"),T=require("./ListItem-C6Xl00m1.cjs"),P=require("./Popover-CneCJTvD.cjs"),b=require("./Input-DvL77rvu.cjs"),i=require("./Radio-sIYxZnR_.cjs"),h=require("./Heading-CHvEXL6n.cjs"),m=require("./Switch-Ck8QAAbb.cjs"),v=require("./accessibility-CByqtBhO.cjs"),r=require("./data-display-DdES9XqZ.cjs"),a=require("./feedback-DBRXDPSP.cjs"),e=require("./input-CWWp7cqL.cjs"),n=require("./layout-d4uPminV.cjs"),R=require("./ResizeHandle-B1MuHTNA.cjs"),l=require("./navigation-ByYN6NgX.cjs"),o=require("./surfaces-q8voTXEJ.cjs"),s=require("./typography-CWtuNruY.cjs");let B=require("@base-ui/react/progress");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=o.AlertDialog;exports.Autocomplete=e.Autocomplete;exports.Avatar=r.Avatar;exports.Badge=r.Badge;exports.Banner=t.Banner;exports.Breadcrumb=l.Breadcrumb;exports.Button=p.Button;exports.ButtonGroup=e.ButtonGroup;exports.Card=o.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.Collapsible=n.Collapsible;exports.ColorSample=r.ColorSample;exports.Dialog=o.Dialog;exports.DirectionProvider=n.DirectionProvider;exports.Field=e.Field;exports.Heading=h.Heading;exports.Input=b.Input;exports.InputGroup=i.InputGroup;exports.ListItem=T.ListItem;exports.Loader=d.Loader;exports.NumberField=i.NumberField;exports.OverflowingTextTooltipModeProvider=s.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=u.OverflowingTextWithTooltip;exports.Popover=P.Popover;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return B.Progress}});exports.ProgressBar=t.ProgressBar;exports.ProgressRing=q.ProgressRing;exports.Radio=i.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=R.ResizeHandle;exports.SKELETON_HEIGHT_SIZES=a.SKELETON_HEIGHT_SIZES;exports.Select=e.Select;exports.Separator=S.Separator;exports.Shortcut=_.Shortcut;exports.Skeleton=a.Skeleton;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=m.Switch;exports.Tabs=l.Tabs;exports.Tag=r.Tag;exports.Text=u.Text;exports.Textarea=e.Textarea;exports.Tooltip=g.Tooltip;exports.VisuallyHidden=c.VisuallyHidden;exports.formatShortcut=s.formatShortcut;exports.handleClickableElementKeyDown=v.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./VisuallyHidden-B-n4x1KY.cjs"),c=require("./ProgressRing-g1nHGyUp.cjs"),q=require("./Loader-Bb72CUQ9.cjs"),d=require("./Shortcut-N8TELGPI.cjs"),_=require("./Button-iVyxlrwO.cjs"),t=require("./ProgressBar-goqxS9NE.cjs"),p=require("./Tooltip-08dDawT_.cjs"),u=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),S=require("./Separator-UJVlrTzw.cjs"),g=require("./ListItem-B-SFWJZb.cjs"),T=require("./Popover-CneCJTvD.cjs"),P=require("./Input-D69M4UwD.cjs"),i=require("./Radio-CpQPRHXa.cjs"),b=require("./Skeleton-tXeIy4qq.cjs"),h=require("./Heading-CHvEXL6n.cjs"),m=require("./Switch-Ck8QAAbb.cjs"),v=require("./accessibility-CByqtBhO.cjs"),e=require("./data-display-DzHM5j7j.cjs"),R=require("./feedback-B50I0C35.cjs"),r=require("./input-ExCbk62Y.cjs"),a=require("./layout-d4uPminV.cjs"),B=require("./ResizeHandle-B1MuHTNA.cjs"),n=require("./navigation-ByYN6NgX.cjs"),o=require("./surfaces-DtZwsfms.cjs"),l=require("./typography-B05olPwL.cjs");let E=require("@base-ui/react/progress");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=o.AlertDialog;exports.Autocomplete=r.Autocomplete;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Banner=t.Banner;exports.Breadcrumb=n.Breadcrumb;exports.Button=_.Button;exports.ButtonGroup=r.ButtonGroup;exports.Card=o.Card;exports.Checkbox=r.Checkbox;exports.Chip=e.Chip;exports.Collapsible=a.Collapsible;exports.ColorSample=e.ColorSample;exports.Dialog=o.Dialog;exports.DirectionProvider=a.DirectionProvider;exports.Field=r.Field;exports.Heading=h.Heading;exports.Input=P.Input;exports.InputGroup=i.InputGroup;exports.ListItem=g.ListItem;exports.Loader=q.Loader;exports.NumberField=i.NumberField;exports.OverflowingTextTooltipModeProvider=l.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=u.OverflowingTextWithTooltip;exports.Popover=T.Popover;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return E.Progress}});exports.ProgressBar=t.ProgressBar;exports.ProgressRing=c.ProgressRing;exports.Radio=i.Radio;exports.RadioGroup=r.RadioGroup;exports.ResizeHandle=B.ResizeHandle;exports.SKELETON_HEIGHT_SIZES=R.SKELETON_HEIGHT_SIZES;exports.Select=i.Select;exports.Separator=S.Separator;exports.Shortcut=d.Shortcut;exports.Skeleton=b.Skeleton;exports.Slider=r.Slider;exports.Status=e.Status;exports.Switch=m.Switch;exports.Tabs=n.Tabs;exports.Tag=e.Tag;exports.Text=u.Text;exports.Textarea=r.Textarea;exports.Tooltip=p.Tooltip;exports.VisuallyHidden=s.VisuallyHidden;exports.formatShortcut=l.formatShortcut;exports.handleClickableElementKeyDown=v.handleClickableElementKeyDown;

package/dist/primitives.mjs

@@ -3,73 +3,74 @@ import { n as a } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
 import { t as m } from "./ProgressRing-8mYV9cxE.js";
 import { t as e } from "./Loader-DtHWQH8w.js";
 import { t as f } from "./Shortcut-Bp9iDdQg.js";
-import { t as l } from "./Button-CU8BS-Yd.js";
-import { n as u, t as S } from "./ProgressBar-D4tKQ7OA.js";
-import { t as g } from "./Tooltip-6uS8_wdA.js";
-import { r as E, t as P } from "./OverflowingTextWithTooltip-BtB9cGdJ.js";
+import { t as n } from "./Button-CU8BS-Yd.js";
+import { n as u, t as S } from "./ProgressBar-8pjpGrmZ.js";
+import { t as g } from "./Tooltip-C7zc16gI.js";
+import { r as E, t as P } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
 import { t as B } from "./Separator-0LzwPfOn.js";
-import { t as R } from "./ListItem-C84ANa76.js";
+import { t as R } from "./ListItem-WLONJMo5.js";
 import { t as v } from "./Popover-CWeCV7X9.js";
-import { t as A } from "./Input-DZWl81G_.js";
-import { n as H, r as _, t as w } from "./Radio-BwBZ4e8g.js";
-import { t as G } from "./Heading-Nj5BlPqB.js";
-import { t as k } from "./Switch-DOd0gh7W.js";
-import { t as y } from "./accessibility-C8Uz61XJ.js";
-import { a as K, i as N, n as V, o as Z, r as z, s as M, t as W } from "./data-display-CXw-mxeS.js";
-import { n as j, t as q } from "./feedback-BSOWDBI0.js";
-import { a as Q, c as U, i as X, n as $, o as oo, r as ro, s as to, t as ao } from "./input-k5cMhFI_.js";
-import { n as mo, t as io } from "./layout-xYrynD7_.js";
-import { t as po } from "./ResizeHandle-B30OYZxS.js";
-import { n as no, t as lo } from "./navigation-BY8X2w04.js";
-import { n as So, r as To, t as go } from "./surfaces-vhSZBmbz.js";
-import { n as Eo, t as Po } from "./typography-BPdXzW2T.js";
+import { t as A } from "./Input-D1sIHUZ5.js";
+import { i as H, n as _, r as w, t as D } from "./Radio-VTjpEz8M.js";
+import { t as O } from "./Skeleton-BbIF780H.js";
+import { t as L } from "./Heading-Nj5BlPqB.js";
+import { t as F } from "./Switch-DOd0gh7W.js";
+import { t as N } from "./accessibility-C8Uz61XJ.js";
+import { a as Z, i as z, n as M, o as W, r as Y, s as j, t as q } from "./data-display-DUMj_z1t.js";
+import { t as Q } from "./feedback-BQFSnMjh.js";
+import { a as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-DxoXgI5-.js";
+import { n as io, t as eo } from "./layout-xYrynD7_.js";
+import { t as fo } from "./ResizeHandle-B30OYZxS.js";
+import { n as no, t as uo } from "./navigation-BY8X2w04.js";
+import { n as To, r as go, t as co } from "./surfaces-v0kQLZYO.js";
+import { n as Po, t as ho } from "./typography-BwyZEDDi.js";
 export {
-  Z as AVATAR_PROPERTIES_BY_SIZE,
-  To as AlertDialog,
-  U as Autocomplete,
-  M as Avatar,
-  K as Badge,
+  W as AVATAR_PROPERTIES_BY_SIZE,
+  go as AlertDialog,
+  ao as Autocomplete,
+  j as Avatar,
+  Z as Badge,
   u as Banner,
   no as Breadcrumb,
-  l as Button,
-  to as ButtonGroup,
-  So as Card,
-  oo as Checkbox,
-  N as Chip,
-  mo as Collapsible,
-  z as ColorSample,
-  go as Dialog,
-  io as DirectionProvider,
-  Q as Field,
-  G as Heading,
+  n as Button,
+  ro as ButtonGroup,
+  To as Card,
+  X as Checkbox,
+  z as Chip,
+  io as Collapsible,
+  Y as ColorSample,
+  co as Dialog,
+  eo as DirectionProvider,
+  $ as Field,
+  L as Heading,
   A as Input,
-  H as InputGroup,
+  _ as InputGroup,
   R as ListItem,
   e as Loader,
-  _ as NumberField,
-  Eo as OverflowingTextTooltipModeProvider,
+  w as NumberField,
+  Po as OverflowingTextTooltipModeProvider,
   P as OverflowingTextWithTooltip,
   v as Popover,
   a as Progress,
   S as ProgressBar,
   m as ProgressRing,
-  w as Radio,
-  X as RadioGroup,
-  po as ResizeHandle,
-  j as SKELETON_HEIGHT_SIZES,
-  ro as Select,
+  D as Radio,
+  to as RadioGroup,
+  fo as ResizeHandle,
+  Q as SKELETON_HEIGHT_SIZES,
+  H as Select,
   B as Separator,
   f as Shortcut,
-  q as Skeleton,
-  $ as Slider,
-  V as Status,
-  k as Switch,
-  lo as Tabs,
-  W as Tag,
+  O as Skeleton,
+  oo as Slider,
+  M as Status,
+  F as Switch,
+  uo as Tabs,
+  q as Tag,
   E as Text,
-  ao as Textarea,
+  so as Textarea,
   g as Tooltip,
   r as VisuallyHidden,
-  Po as formatShortcut,
-  y as handleClickableElementKeyDown
+  ho as formatShortcut,
+  N as handleClickableElementKeyDown
 };

package/dist/{settings-XGSJtobU.js → settings-BTFAqYrD.js}

@@ -1,6 +1,6 @@
 import { t as I } from "./isDefined-fMi6eQ4r.js";
 import { t as w } from "./isRenderableSlot-DT_depzM.js";
-import { t as S } from "./ListItem-C84ANa76.js";
+import { t as S } from "./ListItem-WLONJMo5.js";
 import { t as g } from "./Switch-DOd0gh7W.js";
 import { useRender as u } from "@base-ui/react/use-render";
 import { useId as v } from "react";

package/dist/{settings-DT5bEO6A.cjs → settings-D_iT1ngl.cjs}

@@ -1 +1 @@
-const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-C6Xl00m1.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});
+const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-B-SFWJZb.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});