@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/index.d.ts

@@ -31,11 +31,370 @@ type Element_12xgc = JSX_1kxb["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function SidebarApp({ defaultOpen, variant, side, openOnHover, contained }: SidebarAppProps): Element_12xgc;
-import { VariantProps } from "class-variance-authority";
-import { HTMLAttributes } from "react";
-import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
+import { HTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
+type SizeVariant = "default" | "compact";
+interface SizeClasses {
+	/** The variant these classes belong to — handy for conditionals. */
+	variant: SizeVariant;
+	/** Bounded control height — buttons, inputs, select triggers, subtle tabs —
+	*  AND list/menu rows (select options, dropdown, checkbox and radio rows).
+	*  One token by design: a popup row lines up with the trigger that opened
+	*  it because they share this height. */
+	control: string;
+	/** `control` as a number, for consumers that need raw pixels. */
+	controlHeight: number;
+	/** Tab trigger height inside a padded segmented list. Sized so
+	*  `segmentPad` + `segmentItem` adds back up to the control height —
+	*  the segmented control's outer box stays on the same ladder. */
+	segmentItem: string;
+	/** Padding of the segmented list around its tabs. */
+	segmentPad: string;
+	/** Body text inside controls. */
+	text: string;
+	/** Horizontal padding of bounded controls (select trigger, inputs). */
+	px: string;
+	/** Horizontal padding of list/menu rows, which sit inside a padded popup
+	*  or group and need less inset than a bounded control. */
+	itemPx: string;
+	/** Gap between an icon / control glyph and its label, and between
+	*  neighbouring controls in a row (toolbars, filter bars, button
+	*  clusters). Density is spacing as much as control height, so the
+	*  compact step halves it. */
+	gap: string;
+	/** Glyph size in px: leading/trailing icons inside controls, and the
+	*  checkbox square / radio circle. */
+	icon: number;
+}
+declare const sizeMap: Record<SizeVariant, SizeClasses>;
+/** One role of the type scale: px per ladder step. */
+interface TypeScaleStep {
+	default: number;
+	compact: number;
+}
+/**
+* Role-based type scale, per ladder step (px values).
+*
+* The default column is the system as shipped; the compact column steps each
+* role down one notch so dense regions read as a smaller sibling of the same
+* hierarchy, not a squeezed copy. `body`, `caption`, and `subtitle` are what
+* the sized components already render through `SizeClasses.text` and their
+* compact conditionals; `display` and `title` are the page-level roles
+* for consumers composing their own screens.
+*/
+declare const typeScale: {
+	/** Page titles. */
+	readonly display: {
+		readonly default: 28;
+		readonly compact: 24;
+	};
+	/** Section headings, dialog titles. */
+	readonly title: {
+		readonly default: 16;
+		readonly compact: 15;
+	};
+	/** Card titles, chat bubbles, emphasized rows. */
+	readonly subtitle: {
+		readonly default: 14;
+		readonly compact: 13;
+	};
+	/** Control labels and body copy — `SizeClasses.text`. */
+	readonly body: {
+		readonly default: 13;
+		readonly compact: 12;
+	};
+	/** Secondary text: descriptions, meta rows, errors, eyebrows and group
+	*  labels (the former overline role — an uppercase or muted caption). */
+	readonly caption: {
+		readonly default: 12;
+		readonly compact: 11;
+	};
+};
+type TypeScaleRole = keyof typeof typeScale;
+/** The type scale resolved for the active ladder step (px per role):
+*  explicit override > surrounding SizeProvider > "default". */
+declare function useTypeScale(override?: SizeVariant | null): Record<TypeScaleRole, number>;
+interface SizeContextValue {
+	size: SizeVariant;
+	setSize: (size: SizeVariant) => void;
+	classes: SizeClasses;
+}
+/** Resolve the active size variant: explicit prop > provider > "default". */
+declare function useSizeVariant(override?: SizeVariant | null): SizeVariant;
+/** Resolve size classes: explicit prop > provider > "default". */
+declare function useSize(override?: SizeVariant | null): SizeClasses;
+declare function useSizeContext(): SizeContextValue;
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
 import { RefAttributes as RefAttributes_miuf56 } from "react";
+import { JSX as JSX_1kxb2 } from "react";
+interface FileThumbnailProps {
+	file: File;
+	/** Side length of the square thumbnail in pixels. */
+	size: number;
+	className?: string;
+}
+type Element_12xgc2 = JSX_1kxb2["Element"];
+declare function FileThumbnail({ file, size, className }: FileThumbnailProps): Element_12xgc2;
+type InputMessageStatus = "idle" | "streaming";
+interface InputMessageSlotContext {
+	/** Opens the native file picker via the hidden `<input type="file">`.
+	*  Pass `acceptOverride` (e.g. `"image/*"`) to scope the picker to a
+	*  subset of the component's accept types just for this invocation. */
+	openFilePicker: (acceptOverride?: string) => void;
+	/** Currently-attached files. */
+	files: File[];
+}
+type InputMessageSlot = ReactNode | ((ctx: InputMessageSlotContext) => ReactNode);
+/** A message held in the queue while the assistant is responding. Carries the
+*  trimmed text plus a snapshot of the files attached when it was queued, so
+*  double-click-to-edit can restore both. `id` is a stable key minted on enqueue. */
+interface QueuedMessage {
+	id: string;
+	text: string;
+	files: File[];
+}
+interface InputMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+	/** Step on the size ladder (see Sizes). Wins over the surrounding SizeProvider and propagates to the composer's rows, buttons and queued messages. */
+	size?: SizeVariant;
+	/** Controlled textarea value. Pair with `onValueChange`; omit both for an uncontrolled composer. */
+	value?: string;
+	/** Initial textarea value for an uncontrolled composer. Defaults to `""`. */
+	defaultValue?: string;
+	/** Called with the new value on every textarea change. */
+	onValueChange?: (value: string) => void;
+	/** Fires on Enter (without Shift) or send-button click, and when a queued message auto-dispatches. Receives the trimmed value, the attached files, and — for auto-dispatched queue items — `meta.queuedId`. Skipped when the value is empty and no files are attached. */
+	onSend?: (value: string, files: File[], meta?: {
+		queuedId?: string;
+	}) => void;
+	/** Placeholder shown when the value is empty. While a file is dragged over the component (and attachments are enabled) it swaps to "Drop files here to add to chat". Defaults to `"Ask me anything…"`. */
+	placeholder?: string;
+	/** Content rendered in the bottom-left action area. May be a render-fn that receives `{ openFilePicker, files }` — `openFilePicker(acceptOverride?)` opens the native file picker. */
+	leftSlot?: InputMessageSlot;
+	/** Content rendered in the bottom-right action area, before the built-in send button. Same render-fn shape as `leftSlot`. */
+	rightSlot?: InputMessageSlot;
+	/** Disables the textarea, send button, and drag-and-drop. Defaults to `false`. */
+	disabled?: boolean;
+	/** Minimum visible rows before the textarea grows. Defaults to 1. */
+	minRows?: number;
+	/** Maximum visible rows before the textarea starts to scroll. Defaults to 8. */
+	maxRows?: number;
+	/** When true, clicking anywhere on the surrounding container (outside of buttons / links / inputs) focuses the textarea. Defaults to `true`. */
+	clickToFocus?: boolean;
+	/** Accessible label for the send button. Defaults to `"Send"`. */
+	sendLabel?: string;
+	/** Controlled list of attached files. Pair with `onFilesChange` to enable drag-and-drop and the file-picker slot helper. */
+	files?: File[];
+	/** Initial attachments for an uncontrolled composer. Providing it (even as `[]`) enables attachment behavior on its own. */
+	defaultFiles?: File[];
+	/** Called when files are added (drag-drop or picker) or removed via the preview tile's × button. Duplicate drops of the same file (same name + size + lastModified) are silently de-duplicated. */
+	onFilesChange?: (files: File[]) => void;
+	/** Accepted MIME types as a comma-separated string. Used by both the file picker and the drag-and-drop filter. Defaults to `"image/png,image/jpeg,application/pdf"`. */
+	accept?: string;
+	/** Maximum number of attached files. Extra files beyond this limit are dropped. */
+	maxFiles?: number;
+	/** Side length (in pixels) of each preview tile. Images use object-cover; PDFs render the first page via pdfjs; other types fall back to a centered icon. Defaults to 80. */
+	filePreviewSize?: number;
+	/** Extra props forwarded to the underlying textarea (value, onChange, onKeyDown, disabled and placeholder are controlled by the component). */
+	textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onKeyDown" | "disabled" | "placeholder">;
+	/** Assistant response state. When `"streaming"`, the send button becomes a Stop control (empty draft) or a Queue action (non-empty draft). On the streaming→idle edge the next queued message auto-dispatches via `onSend`. Leave it and `defaultStatus` undefined for the send-immediately behavior. */
+	status?: InputMessageStatus;
+	/** Initial status for an uncontrolled composer — the component then owns the streaming flag, and Stop flips it to `"idle"` itself. */
+	defaultStatus?: InputMessageStatus;
+	/** Called whenever the status changes while it is uncontrolled (currently: the Stop control). */
+	onStatusChange?: (status: InputMessageStatus) => void;
+	/** Fires when the Stop control is pressed (streaming + empty draft). Halt the current response and set status to `"idle"` — that edge immediately dispatches the next queued message. */
+	onStop?: () => void;
+	/** Controlled queue of pending messages, rendered as reorderable rows above the textarea. Double-click (or Enter/F2) edits a row back into the composer; the × (or Delete) removes it; drag — or Alt+↑/↓ — reorders. Requires a status. */
+	queue?: QueuedMessage[];
+	/** Initial queue for an uncontrolled composer. Providing it (even as `[]`) enables the queue on its own, alongside `status` or `defaultStatus`. */
+	defaultQueue?: QueuedMessage[];
+	/** Called whenever the queue changes — enqueue, edit, delete, reorder, or auto-dispatch. Each QueuedMessage is `{ id, text, files }`. */
+	onQueueChange?: (queue: QueuedMessage[]) => void;
+	/** Render the built-in reorderable queue rows above the textarea. Set to false to suppress them and render the queue yourself — enqueue and auto-dispatch still run. Defaults to `true`. */
+	showQueue?: boolean;
+	/** Previously-sent messages, oldest first. With the textarea focused, ArrowUp (caret on the first line) recalls the previous message and walks backward; ArrowDown (caret on the last line) walks forward toward the in-progress draft. Editing or sending exits history mode. Defaults to `[]`. */
+	history?: string[];
+	/** Suggested prompt rendered as the placeholder (with a Tab keycap) while the draft is empty. Pressing Tab fills it into the composer — it doesn't send. Takes precedence over `placeholder`. */
+	placeholderSuggestion?: string;
+	/** Suggested prompts listed under the action bar while the draft is empty. ArrowDown moves a highlight into the list (focus stays in the textarea), ArrowUp walks back up and out, Enter or click fills the highlighted prompt. Escape drops the highlight; typing collapses the list. */
+	suggestions?: string[];
+	/** Extra classes for the composer surface. */
+	className?: string;
+}
+/**
+* Chat-style message composer with an auto-resizing textarea, flexible
+* left/right action slots, and a built-in send button on a Surface-2
+* substrate.
+*
+* The textarea grows from `minRows` to `maxRows` and then scrolls, Enter
+* sends while Shift+Enter breaks the line, and the whole panel is one
+* hairline ring that recolours in place for hover, focus and drag instead of
+* layering a second border. Attachments drop anywhere on the composer (or
+* come from `openFilePicker` in a slot) and preview as tiles — images
+* object-cover, PDFs render their first page. `suggestions` open a listbox
+* under the action bar that ↓/↑ walk without moving focus, and
+* `placeholderSuggestion` writes a ghost prompt with a Tab keycap. With a
+* `status` the send button morphs into Stop (empty draft) or Queue (draft
+* typed while streaming); queued rows reorder by drag or Alt+↑/↓, edit back
+* into the composer on double-click, and the head auto-dispatches on the
+* streaming→idle edge.
+*
+* Every controlled prop has an uncontrolled twin — `defaultValue`,
+* `defaultFiles`, `defaultQueue`, `defaultStatus` — so a composer can hold
+* its own draft, attachments and queue with no state in the caller.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const InputMessage: ForwardRefExoticComponent_tcubfn<InputMessageProps & RefAttributes_miuf56<HTMLDivElement>>;
+import { HTMLAttributes as HTMLAttributes2 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
+import { RefAttributes as RefAttributes_miuf562 } from "react";
+interface ThinkingIndicatorProps extends HTMLAttributes2<HTMLDivElement> {
+	/** The look: `shimmer` morphs a circle⇄infinity glyph beside a shimmering label (Fluid Functionalism's), `goo` melts three dots into one blob and splits them again beside a plain label. Defaults to `"shimmer"`. */
+	variant?: "shimmer" | "goo";
+	/** Show the glyph (or, for `goo`, the dots) before the label. Set to `false` for a text-only indicator (e.g. inline before a streamed reply). Defaults to `true`. */
+	showIcon?: boolean;
+	/** Step on the size ladder. Wins over the surrounding SizeProvider. Defaults to the provider's step, else `"default"`. */
+	size?: SizeVariant;
+}
+/**
+* Animated status indicator with morphing SVG and cycling text — the
+* assistant's working state.
+*
+* A glyph that morphs circle to infinity and back sits next to a shimmering
+* label that cycles Thinking, Moonwalking, Planning, Refining, each word
+* swapped on a spring. The row reserves the width of the longest word, so
+* nothing around it shifts while the words change. One static "Thinking…" is
+* announced to screen readers instead of a re-announcement every four
+* seconds, and reduced motion drops both the morph and the cycling for a
+* still glyph and label.
+*
+* `variant="goo"` swaps the glyph for three dots that melt into one blob and
+* split again through the goo filter (see Morph), beside a plain label;
+* reduced motion holds them split.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const ThinkingIndicator: ForwardRefExoticComponent_tcubfn2<ThinkingIndicatorProps & RefAttributes_miuf562<HTMLDivElement>>;
+import { ForwardRefExoticComponent, HTMLAttributes as HTMLAttributes3, ReactNode as ReactNode2, RefAttributes } from "react";
+type AccordionGroupSingleProps = {
+	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
+	type?: "single";
+	/** Controlled expanded value. */
+	value?: string;
+	/** Initially expanded item value — uncontrolled. */
+	defaultValue?: string;
+	/** Callback when expanded state changes. */
+	onValueChange?: (value: string) => void;
+	/** Allow collapsing all items when type is single. Defaults to `true`. */
+	collapsible?: boolean;
+};
+type AccordionGroupMultipleProps = {
+	/** Whether one or multiple items can be expanded. */
+	type: "multiple";
+	/** Controlled expanded values. */
+	value?: string[];
+	/** Initially expanded item values — uncontrolled. */
+	defaultValue?: string[];
+	/** Callback when expanded state changes. */
+	onValueChange?: (value: string[]) => void;
+};
+type AccordionGroupProps = HTMLAttributes3<HTMLDivElement> & {
+	children: ReactNode2;
+	/** Pins the group's rows to one step of the size ladder (default 36px,
+	*  compact 28px — see /docs/sizes). Omitted, they follow the surrounding
+	*  SizeProvider. */
+	size?: SizeVariant;
+	/** What an open item tints. "item" paints the row and its panel as one
+	*  block, and holds while it stays open. "trigger" scopes the fill to the
+	*  row and shows it on hover only, leaving the panel on the page's own
+	*  surface — the way a sidebar row highlights without colouring its
+	*  sub-tree. @default "item" */
+	highlight?: "trigger" | "item";
+} & (AccordionGroupSingleProps | AccordionGroupMultipleProps);
+declare const AccordionGroup: ForwardRefExoticComponent<AccordionGroupProps & RefAttributes<HTMLDivElement>>;
+interface AccordionProps extends HTMLAttributes3<HTMLDivElement> {
+	/** The accordion's items (`Accordion.Item`). */
+	children: ReactNode2;
+	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
+	type?: "single" | "multiple";
+	/** Allow collapsing all items when type is single. Defaults to `true` (Base UI's single mode is always collapsible). */
+	collapsible?: boolean;
+	/** Initially expanded item value(s) — uncontrolled. A string for `type="single"`, an array for `type="multiple"`. */
+	defaultValue?: string | string[];
+	/** Controlled expanded value(s). Pair with `onValueChange`. */
+	value?: string | string[];
+	/** Callback when expanded state changes. Receives a string in single mode, an array in multiple mode. */
+	onValueChange?: ((value: string) => void) | ((value: string[]) => void);
+	/** What an open item tints: `item` holds a block across the row and its panel, `trigger` scopes it to the row and shows it on hover. Same prop on `Accordion.Group` and on a standalone `Accordion.Item`. Defaults to `"item"`. */
+	highlight?: "trigger" | "item";
+	/** Pins the accordion's rows to one step of the size ladder (default 36px, compact 28px). Omitted, they follow the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+type AccordionComponent = ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>> & {
+	Group: typeof AccordionGroup;
+	Item: typeof AccordionItem;
+	Trigger: typeof AccordionTrigger;
+	Content: typeof AccordionContent;
+};
+/**
+* Collapsible sections with animated expand/collapse and fluid hover in
+* grouped mode.
+*
+* Accordion is the standalone form: every row carries its own hover fill.
+* Accordion.Group takes the same props and adds one magnetic highlight that
+* glides between rows, so give each item inside it an `index`. Built on Base
+* UI Accordion (WAI-ARIA wiring, keyboard navigation, focus management).
+* Uncontrolled through `defaultValue`, controlled through `value` +
+* `onValueChange`.
+*
+* The panel grows out of its row (see Morph): a shape drips from where the
+* row was pressed (its middle, from the keyboard), widens into the whole
+* item, and the content is revealed by a clip from the same shape. Under the
+* default `highlight="item"` that shape is the open tint, melted into the
+* row through a liquid goo neck; closing folds it back into the row. The
+* rows below ride the shape's bottom edge, so nothing jumps.
+*
+* Statics: Accordion.Group (the grouped root: type, collapsible,
+* defaultValue, value, onValueChange, highlight, size), Accordion.Item (value,
+* index, disabled), Accordion.Trigger (the row that toggles its item) and
+* Accordion.Content (the collapsible panel: `effect` — `'goo'` or a plain
+* `'morph'` — and the spring `tier`, `'slow'` or `'moderate'`).
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Accordion: AccordionComponent;
+interface AccordionItemProps extends HTMLAttributes3<HTMLDivElement> {
+	/** Unique identifier for this item. */
+	value: string;
+	/** Position index for fluid hover. Required inside `Accordion.Group`, omit for standalone. */
+	index?: number;
+	/** Whether this item is disabled. Defaults to `false`. */
+	disabled?: boolean;
+	/** Standalone equivalent of the group's prop: what an open item tints. Ignored inside a group, which decides for all its rows. Defaults to the standalone root's `highlight`, else `"item"`. */
+	highlight?: "trigger" | "item";
+	/** The item's `Accordion.Trigger` and `Accordion.Content`. */
+	children: ReactNode2;
+}
+declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends HTMLAttributes3<HTMLButtonElement> {
+	/** Trigger label content. */
+	children: ReactNode2;
+}
+declare const AccordionTrigger: ForwardRefExoticComponent<AccordionTriggerProps & RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends HTMLAttributes3<HTMLDivElement> {
+	/** Collapsible content. */
+	children: ReactNode2;
+	/** How the panel grows out of its row (see Morph): `goo` melts the open tint out of the row through a liquid neck, `morph` grows it without one. Defaults to `'goo'`. */
+	effect?: "goo" | "morph";
+	/** Spring tier the panel opens on; it closes on the tier's faster exit tween. Defaults to `'slow'`. */
+	tier?: "moderate" | "slow";
+}
+declare const AccordionContent: ForwardRefExoticComponent<AccordionContentProps & RefAttributes<HTMLDivElement>>;
+import { VariantProps } from "class-variance-authority";
+import { HTMLAttributes as HTMLAttributes4 } from "react";
+import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn3 } from "react";
+import { RefAttributes as RefAttributes_miuf563 } from "react";
 declare const badgeColors: {
 	readonly gray: "var(--badge-gray)";
 	readonly red: "var(--badge-red)";
@@ -65,7 +424,7 @@ type BadgeSizeCanonical = "default" | "compact";
 *  aliases, kept so existing call sites keep compiling. Aliases resolve onto
 *  the canonical ladder (sm → compact; md/lg → default). */
 type BadgeSize = BadgeSizeCanonical | "sm" | "md" | "lg";
-interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, Omit<VariantProps<typeof badgeVariants>, "size"> {
+interface BadgeProps extends Omit<HTMLAttributes4<HTMLSpanElement>, "color">, Omit<VariantProps<typeof badgeVariants>, "size"> {
 	/** Visual style. Solid uses a tinted background; dot shows a colored indicator. Defaults to `"solid"`. */
 	variant?: "solid" | "dot";
 	/** Step on the size ladder (see Sizes). Legacy sm/md/lg values resolve as aliases (sm → compact; md/lg → default). Defaults to the surrounding SizeProvider, else `"default"`. */
@@ -88,11 +447,11 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, Omi
 *
 * @example {@include ./examples.mdx}
 */
-declare const Badge: ForwardRefExoticComponent_tcubfn<BadgeProps & RefAttributes_miuf56<HTMLSpanElement>>;
+declare const Badge: ForwardRefExoticComponent_tcubfn3<BadgeProps & RefAttributes_miuf563<HTMLSpanElement>>;
 import { VariantProps as VariantProps2 } from "class-variance-authority";
-import { ButtonHTMLAttributes, ReactNode as ReactNode2 } from "react";
-import { ComponentType, ReactNode } from "react";
-import { JSX as JSX_1kxb2 } from "react";
+import { ButtonHTMLAttributes, ReactNode as ReactNode4 } from "react";
+import { ComponentType, ReactNode as ReactNode3 } from "react";
+import { JSX as JSX_1kxb3 } from "react";
 interface IconComponentProps {
 	size?: number | string;
 	strokeWidth?: number | string;
@@ -100,18 +459,18 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 type IconName = "chevron-right" | "chevron-down" | "x" | "copy" | "menu" | "dot" | "monitor" | "sun" | "moon" | "rectangle-horizontal" | "circle" | "square-library" | "clock" | "star" | "settings" | "plus" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "search" | "loader" | "users" | "lock" | "mail" | "bell" | "shield" | "palette" | "lightbulb" | "rocket" | "heart" | "paintbrush" | "brain" | "globe" | "user" | "image" | "link" | "check" | "rotate-ccw" | "play" | "pause" | "pipette" | "home" | "message-circle" | "inbox" | "pencil" | "scaling" | "skip-forward" | "corner-down-right" | "corner-down-left" | "panel-left" | "panel-left-dashed" | "panel-right" | "panel-right-dashed" | "chevrons-up-down" | "more-horizontal" | "more-vertical" | "calendar" | "folder" | "sliders-horizontal";
-type Element_12xgc2 = JSX_1kxb2["Element"];
+type Element_12xgc3 = JSX_1kxb3["Element"];
 /**
 * Swap some or all icons for components from another library.
 * Names left out of `icons` keep their default (Lucide) component.
 */
 declare function IconProvider({ children, icons }: {
-	children: ReactNode;
+	children: ReactNode3;
 	icons?: Partial<Record<IconName, IconComponent>>;
-}): Element_12xgc2;
+}): Element_12xgc3;
 import { ClassProp as ClassProp_wz9o0r2 } from "class-variance-authority/types";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
-import { RefAttributes as RefAttributes_miuf562 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn4 } from "react";
+import { RefAttributes as RefAttributes_miuf564 } from "react";
 declare const buttonVariants: (props?: ({
 	variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
 	size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
@@ -141,7 +500,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Vari
 	/** Disables the button. Defaults to `false`. */
 	disabled?: boolean;
 	/** The label. With `size="icon"` / `"icon-compact"`, the icon itself (give the button an `aria-label`). */
-	children?: ReactNode2;
+	children?: ReactNode4;
 }
 /**
 * Versatile button with variants, sizes, loading state, and icon support.
@@ -157,103 +516,12 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Vari
 *
 * @example {@include ./examples.mdx}
 */
-declare const Button2: ForwardRefExoticComponent_tcubfn2<ButtonProps & RefAttributes_miuf562<HTMLButtonElement>>;
-import { ForwardRefExoticComponent, HTMLAttributes as HTMLAttributes2, ReactNode as ReactNode3, RefAttributes } from "react";
-type SizeVariant = "default" | "compact";
-interface SizeClasses {
-	/** The variant these classes belong to — handy for conditionals. */
-	variant: SizeVariant;
-	/** Bounded control height — buttons, inputs, select triggers, subtle tabs —
-	*  AND list/menu rows (select options, dropdown, checkbox and radio rows).
-	*  One token by design: a popup row lines up with the trigger that opened
-	*  it because they share this height. */
-	control: string;
-	/** `control` as a number, for consumers that need raw pixels. */
-	controlHeight: number;
-	/** Tab trigger height inside a padded segmented list. Sized so
-	*  `segmentPad` + `segmentItem` adds back up to the control height —
-	*  the segmented control's outer box stays on the same ladder. */
-	segmentItem: string;
-	/** Padding of the segmented list around its tabs. */
-	segmentPad: string;
-	/** Body text inside controls. */
-	text: string;
-	/** Horizontal padding of bounded controls (select trigger, inputs). */
-	px: string;
-	/** Horizontal padding of list/menu rows, which sit inside a padded popup
-	*  or group and need less inset than a bounded control. */
-	itemPx: string;
-	/** Gap between an icon / control glyph and its label, and between
-	*  neighbouring controls in a row (toolbars, filter bars, button
-	*  clusters). Density is spacing as much as control height, so the
-	*  compact step halves it. */
-	gap: string;
-	/** Glyph size in px: leading/trailing icons inside controls, and the
-	*  checkbox square / radio circle. */
-	icon: number;
-}
-declare const sizeMap: Record<SizeVariant, SizeClasses>;
-/** One role of the type scale: px per ladder step. */
-interface TypeScaleStep {
-	default: number;
-	compact: number;
-}
-/**
-* Role-based type scale, per ladder step (px values).
-*
-* The default column is the system as shipped; the compact column steps each
-* role down one notch so dense regions read as a smaller sibling of the same
-* hierarchy, not a squeezed copy. `body`, `caption`, and `subtitle` are what
-* the sized components already render through `SizeClasses.text` and their
-* compact conditionals; `display` and `title` are the page-level roles
-* for consumers composing their own screens.
-*/
-declare const typeScale: {
-	/** Page titles. */
-	readonly display: {
-		readonly default: 28;
-		readonly compact: 24;
-	};
-	/** Section headings, dialog titles. */
-	readonly title: {
-		readonly default: 16;
-		readonly compact: 15;
-	};
-	/** Card titles, chat bubbles, emphasized rows. */
-	readonly subtitle: {
-		readonly default: 14;
-		readonly compact: 13;
-	};
-	/** Control labels and body copy — `SizeClasses.text`. */
-	readonly body: {
-		readonly default: 13;
-		readonly compact: 12;
-	};
-	/** Secondary text: descriptions, meta rows, errors, eyebrows and group
-	*  labels (the former overline role — an uppercase or muted caption). */
-	readonly caption: {
-		readonly default: 12;
-		readonly compact: 11;
-	};
-};
-type TypeScaleRole = keyof typeof typeScale;
-/** The type scale resolved for the active ladder step (px per role):
-*  explicit override > surrounding SizeProvider > "default". */
-declare function useTypeScale(override?: SizeVariant | null): Record<TypeScaleRole, number>;
-interface SizeContextValue {
-	size: SizeVariant;
-	setSize: (size: SizeVariant) => void;
-	classes: SizeClasses;
-}
-/** Resolve the active size variant: explicit prop > provider > "default". */
-declare function useSizeVariant(override?: SizeVariant | null): SizeVariant;
-/** Resolve size classes: explicit prop > provider > "default". */
-declare function useSize(override?: SizeVariant | null): SizeClasses;
-declare function useSizeContext(): SizeContextValue;
-import { JSX as JSX_1kxb3 } from "react";
+declare const Button2: ForwardRefExoticComponent_tcubfn4<ButtonProps & RefAttributes_miuf564<HTMLButtonElement>>;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent2, HTMLAttributes as HTMLAttributes5, ReactNode as ReactNode5, RefAttributes as RefAttributes2 } from "react";
+import { JSX as JSX_1kxb4 } from "react";
 type CardOrientation = "card" | "inline";
 type CardBorder = "none" | "outlined";
-interface CardGroupProps extends Omit<HTMLAttributes2<HTMLDivElement>, "onDrag"> {
+interface CardGroupProps extends Omit<HTMLAttributes5<HTMLDivElement>, "onDrag"> {
 	/** How each card lays its own content out.
 	*  "card" — stacked vertically (media/header on top). "inline" — a
 	*  horizontal row (leading media, trailing footer), like a Table row.
@@ -272,10 +540,10 @@ interface CardGroupProps extends Omit<HTMLAttributes2<HTMLDivElement>, "onDrag">
 	/** Enable the magnetic fluid-hover highlight. @default true */
 	fluidHover?: boolean;
 }
-declare const CardGroup: ForwardRefExoticComponent<CardGroupProps & RefAttributes<HTMLDivElement>>;
-interface CardProps extends Omit<HTMLAttributes2<HTMLDivElement>, "onClick"> {
+declare const CardGroup: ForwardRefExoticComponent2<CardGroupProps & RefAttributes2<HTMLDivElement>>;
+interface CardProps extends Omit<HTMLAttributes5<HTMLDivElement>, "onClick"> {
 	/** Compositional parts: Card.Image, Card.Media, Card.Header, Card.Content, Card.Footer. */
-	children?: ReactNode3;
+	children?: ReactNode5;
 	/** Makes the whole card a clickable target (stretched button); fluid hover previews it. */
 	onClick?: () => void;
 	/** Makes the whole card a link (stretched anchor). */
@@ -299,7 +567,7 @@ interface CardProps extends Omit<HTMLAttributes2<HTMLDivElement>, "onClick"> {
 	/** Injected by Card.Group — do not set by hand. */
 	index?: number;
 }
-type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>> & {
+type CardComponent = ForwardRefExoticComponent2<CardProps & RefAttributes2<HTMLDivElement>> & {
 	Group: typeof CardGroup;
 	Header: typeof CardHeader;
 	Title: typeof CardTitle;
@@ -338,53 +606,95 @@ type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDiv
 *
 * @example {@include ./examples.mdx}
 */
-declare const Card: CardComponent;
-declare const CardHeader: ForwardRefExoticComponent<HTMLAttributes2<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-declare const CardTitle: ForwardRefExoticComponent<HTMLAttributes2<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
-declare const CardDescription: ForwardRefExoticComponent<HTMLAttributes2<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>>;
-declare const CardAction: ForwardRefExoticComponent<HTMLAttributes2<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-declare const CardContent: ForwardRefExoticComponent<HTMLAttributes2<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-declare const CardFooter: ForwardRefExoticComponent<HTMLAttributes2<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-type CardLogo = string | [string, string];
-interface CardMediaProps {
-	logo?: CardLogo;
-	logoAlt?: string;
-	icon?: IconComponent;
-	size?: number;
-	className?: string;
-}
-type Element_12xgc3 = JSX_1kxb3["Element"];
-declare function CardMedia({ logo, logoAlt, icon: Icon, size, className }: CardMediaProps): Element_12xgc3 | null;
-interface CardImageProps {
-	src: string;
-	alt?: string;
-	className?: string;
-}
-declare function CardImage({ src, alt, className }: CardImageProps): Element_12xgc3;
-declare const CardEyebrow: ForwardRefExoticComponent<HTMLAttributes2<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
-interface CardFeatureProps {
-	icon?: IconComponent;
-	title: string;
-	description?: string;
-}
-declare function CardFeature({ icon: Icon, title, description }: CardFeatureProps): Element_12xgc3;
-type CardButtonVariant = "primary" | "secondary" | "ghost" | "link";
-interface CardButtonProps {
-	children: React.ReactNode3;
-	onClick?: () => void;
-	href?: string;
-	variant?: CardButtonVariant;
-	icon?: IconComponent;
-	iconPosition?: "start" | "end";
-	/** Opens the href in a new tab and appends an outward arrow glyph. */
-	external?: boolean;
-	disabled?: boolean;
-}
-declare function CardButton({ children, onClick, href, variant, icon: Icon, iconPosition, external, disabled }: CardButtonProps): Element_12xgc3;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent2, HTMLAttributes as HTMLAttributes3, ReactNode as ReactNode4, RefAttributes as RefAttributes2 } from "react";
-interface CheckboxGroupProps extends HTMLAttributes3<HTMLDivElement> {
-	/** CheckboxGroup.Item children. */
-	children: ReactNode4;
+declare const Card: CardComponent;
+declare const CardHeader: ForwardRefExoticComponent2<HTMLAttributes5<HTMLDivElement> & RefAttributes2<HTMLDivElement>>;
+declare const CardTitle: ForwardRefExoticComponent2<HTMLAttributes5<HTMLSpanElement> & RefAttributes2<HTMLSpanElement>>;
+declare const CardDescription: ForwardRefExoticComponent2<HTMLAttributes5<HTMLParagraphElement> & RefAttributes2<HTMLParagraphElement>>;
+declare const CardAction: ForwardRefExoticComponent2<HTMLAttributes5<HTMLDivElement> & RefAttributes2<HTMLDivElement>>;
+declare const CardContent: ForwardRefExoticComponent2<HTMLAttributes5<HTMLDivElement> & RefAttributes2<HTMLDivElement>>;
+declare const CardFooter: ForwardRefExoticComponent2<HTMLAttributes5<HTMLDivElement> & RefAttributes2<HTMLDivElement>>;
+type CardLogo = string | [string, string];
+interface CardMediaProps {
+	logo?: CardLogo;
+	logoAlt?: string;
+	icon?: IconComponent;
+	size?: number;
+	className?: string;
+}
+type Element_12xgc4 = JSX_1kxb4["Element"];
+declare function CardMedia({ logo, logoAlt, icon: Icon, size, className }: CardMediaProps): Element_12xgc4 | null;
+interface CardImageProps {
+	src: string;
+	alt?: string;
+	className?: string;
+}
+declare function CardImage({ src, alt, className }: CardImageProps): Element_12xgc4;
+declare const CardEyebrow: ForwardRefExoticComponent2<HTMLAttributes5<HTMLSpanElement> & RefAttributes2<HTMLSpanElement>>;
+interface CardFeatureProps {
+	icon?: IconComponent;
+	title: string;
+	description?: string;
+}
+declare function CardFeature({ icon: Icon, title, description }: CardFeatureProps): Element_12xgc4;
+type CardButtonVariant = "primary" | "secondary" | "ghost" | "link";
+interface CardButtonProps {
+	children: React.ReactNode5;
+	onClick?: () => void;
+	href?: string;
+	variant?: CardButtonVariant;
+	icon?: IconComponent;
+	iconPosition?: "start" | "end";
+	/** Opens the href in a new tab and appends an outward arrow glyph. */
+	external?: boolean;
+	disabled?: boolean;
+}
+declare function CardButton({ children, onClick, href, variant, icon: Icon, iconPosition, external, disabled }: CardButtonProps): Element_12xgc4;
+import { HTMLAttributes as HTMLAttributes6 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn5 } from "react";
+import { RefAttributes as RefAttributes_miuf565 } from "react";
+type CopyVariant = "icon" | "button";
+type CopyAlign = "right" | "left";
+interface CopyProps extends Omit<HTMLAttributes6<HTMLDivElement>, "children"> {
+	/** The text value to display and copy to clipboard. */
+	value: string;
+	/** Optional label displayed above the input. */
+	label?: string;
+	/** Callback fired after the value is successfully copied. */
+	onCopy?: () => void;
+	/** Disables the input and copy button. Defaults to `false`. */
+	disabled?: boolean;
+	/** Icon-only with tooltip, or button with visible label. Defaults to `"icon"`. */
+	variant?: CopyVariant;
+	/** Position of the copy action relative to the value. Defaults to `"right"`. */
+	align?: CopyAlign;
+	/** Pins the field to one step of the size ladder (default 36px, compact 28px — see Sizes). Omitted, it follows the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Extra classes for the wrapper around the label and the field. */
+	className?: string;
+}
+/**
+* Read-only input with a copy-to-clipboard button and animated check
+* feedback.
+*
+* The whole row is the button: click anywhere on it and the value goes to
+* the clipboard, the copy glyph's two sheets melt into a tinted disc (the
+* goo of Morph) behind a check that draws itself, and the tooltip flips to
+* "Copied" for 2 seconds; then the disc splits back into the glyph. The value is monospaced and
+* highlights on hover so it reads as one selectable token rather than a
+* text field, and the async Clipboard API falls back to an off-screen
+* textarea + `execCommand` where it is unavailable (insecure context,
+* permissions policy) — a failure animates a ✕ and says so. `variant`
+* switches between the icon-only affordance (with a tooltip) and a labelled
+* Copy button, `align` moves that action to the leading edge, and the field
+* follows the surrounding SizeProvider unless `size` pins it.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Copy: ForwardRefExoticComponent_tcubfn5<CopyProps & RefAttributes_miuf565<HTMLDivElement>>;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent3, HTMLAttributes as HTMLAttributes7, ReactNode as ReactNode6, RefAttributes as RefAttributes3 } from "react";
+interface CheckboxGroupProps extends HTMLAttributes7<HTMLDivElement> {
+	/** `Checkbox` rows. */
+	children: ReactNode6;
 	/** Set of checked item indices; drives the merged background across contiguous picks. Controlled — pair it with `onCheckedIndicesChange` (or per-item `onToggle`). */
 	checkedIndices?: Set<number>;
 	/** Checked indices on first render when uncontrolled (a Set or an array). Defaults to none. */
@@ -394,49 +704,61 @@ interface CheckboxGroupProps extends HTMLAttributes3<HTMLDivElement> {
 	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type CheckboxGroupComponent = ForwardRefExoticComponent2<CheckboxGroupProps & RefAttributes2<HTMLDivElement>> & {
-	Item: typeof CheckboxItem;
+declare const CheckboxGroup: ForwardRefExoticComponent3<CheckboxGroupProps & RefAttributes3<HTMLDivElement>>;
+interface CheckboxProps extends HTMLAttributes7<HTMLDivElement> {
+	/** Text label for the checkbox. */
+	label: string;
+	/** Whether the checkbox is checked (controlled). Defaults to the group's checked set inside a `Checkbox.Group`, else its own state. */
+	checked?: boolean;
+	/** Whether a standalone checkbox starts checked (uncontrolled). Defaults to `false`. */
+	defaultChecked?: boolean;
+	/** Called with the new state whenever the checkbox is toggled, in a group or not. */
+	onCheckedChange?: (checked: boolean) => void;
+	/** Called when the checkbox is toggled (a group's `onCheckedIndicesChange` fires too). */
+	onToggle?: () => void;
+	/** Position within a `Checkbox.Group`: the row's key in `checkedIndices`. Defaults to its order among the group's rows. */
+	index?: number;
+	/** Pins the checkbox to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider (a group's `size`). */
+	size?: SizeVariant;
+}
+type CheckboxComponent = ForwardRefExoticComponent3<CheckboxProps & RefAttributes3<HTMLDivElement>> & {
+	Group: typeof CheckboxGroup;
 };
 /**
-* Checkbox group with merged backgrounds for contiguous selections.
-*
-* Each row is a `CheckboxGroup.Item` with a stable `index`. Contiguous checked
-* rows share one background: a checked row's background grows out of its
-* center and melts into its neighbours, an unchecked one pinches off and
-* shrinks away (the liquid indicators in Morph). A fluid hover highlight melts
-* from row to row, and Arrow Up/Down,
-* Home and End move focus while Space or Enter toggles. The checked label
-* animates to semibold without shifting its width. The group is uncontrolled
-* with `defaultCheckedIndices`, or controlled with `checkedIndices` plus
-* `onCheckedIndicesChange` — FF's per-item `checked` / `onToggle` still work
-* and override the group state for their row.
+* Checkbox with a self-drawing check, alone or in a group with merged
+* backgrounds for contiguous picks.
+*
+* The whole row is the hit target; Space or Enter toggles it, the check mark
+* draws itself in, and the checked label animates to semibold without
+* shifting its width. A standalone checkbox keeps its own state from
+* `defaultChecked`, or is controlled with `checked`; `onCheckedChange`
+* reports every toggle.
+*
+* In a `Checkbox.Group`, contiguous checked rows share one background: a
+* checked row's background grows out of its center and melts into its
+* neighbours, an unchecked one pinches off and shrinks away (the liquid
+* indicators in Morph). A fluid hover highlight melts from row to row, and
+* Arrow Up/Down, Home and End move focus. The group numbers its rows in
+* order, so they need no `index`; pass one to key a row explicitly.
 *
 * Statics:
-* - `CheckboxGroup.Item` — one checkbox row: `label`, `index`, and optional
-*   `checked` / `onToggle`.
+* - `Checkbox.Group` — the list: uncontrolled with `defaultCheckedIndices`
+*   (a Set or an array of row indices), or controlled with `checkedIndices`
+*   plus `onCheckedIndicesChange`; `size` pins every row to one step of the
+*   size ladder. A row's own `checked` / `onToggle` still override the group
+*   for that row.
 *
 * @example {@include ./examples.mdx}
 */
-declare const CheckboxGroup: CheckboxGroupComponent;
-interface CheckboxItemProps extends HTMLAttributes3<HTMLDivElement> {
-	/** Text label for the checkbox. */
-	label: string;
-	/** Position index within the group. */
-	index: number;
-	/** Whether this item is checked. Defaults to the group's checked set. */
-	checked?: boolean;
-	/** Called when this item is toggled (the group's `onCheckedIndicesChange` fires too). */
-	onToggle?: () => void;
-}
-declare const CheckboxItem: ForwardRefExoticComponent2<CheckboxItemProps & RefAttributes2<HTMLDivElement>>;
-import { CSSProperties, ForwardRefExoticComponent as ForwardRefExoticComponent3, HTMLAttributes as HTMLAttributes4, ReactNode as ReactNode5, RefAttributes as RefAttributes3, RefObject as RefObject2 } from "react";
-import { JSX as JSX_1kxb4 } from "react";
+declare const Checkbox: CheckboxComponent;
+import { CSSProperties, ForwardRefExoticComponent as ForwardRefExoticComponent4, HTMLAttributes as HTMLAttributes8, ReactNode as ReactNode7, RefAttributes as RefAttributes4, RefObject as RefObject2 } from "react";
+import { JSX as JSX_1kxb5 } from "react";
 type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
-type Element_12xgc4 = JSX_1kxb4["Element"];
+type Element_12xgc5 = JSX_1kxb5["Element"];
 declare function ColorPickerPortalContainer({ value, children }: {
 	value: HTMLElement | null;
-	children: ReactNode5;
-}): Element_12xgc4;
+	children: ReactNode7;
+}): Element_12xgc5;
 interface ParsedColor {
 	h: number;
 	s: number;
@@ -450,7 +772,7 @@ interface ParsedColor {
 	hsl: string;
 	oklch: string;
 }
-interface ColorPickerProps extends Omit<HTMLAttributes4<HTMLDivElement>, "onChange" | "defaultValue"> {
+interface ColorPickerProps extends Omit<HTMLAttributes8<HTMLDivElement>, "onChange" | "defaultValue"> {
 	/** Controlled color value, in any of the supported formats. Omit it to let the picker keep its own state, seeded from `defaultValue`. */
 	value?: string;
 	/** Initial color when uncontrolled — any CSS color string, named colors included. Defaults to `"#6B97FF"`. */
@@ -505,7 +827,7 @@ interface ColorPickerPopoverProps extends ColorPickerProps {
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
 	tier?: "moderate" | "slow";
 }
-interface ColorSwatchProps extends Omit<HTMLAttributes4<HTMLButtonElement>, "color"> {
+interface ColorSwatchProps extends Omit<HTMLAttributes8<HTMLButtonElement>, "color"> {
 	/** The swatch color — any CSS color string. */
 	color: string;
 	/** Edge length in pixels. Defaults to `28`. */
@@ -526,9 +848,9 @@ interface ColorTileProps {
 	className?: string;
 	style?: CSSProperties;
 }
-declare function ColorTile({ color, size, className, style }: ColorTileProps): Element_12xgc4;
-declare const ColorSwatch: ForwardRefExoticComponent3<ColorSwatchProps & RefAttributes3<HTMLButtonElement>>;
-type ColorPickerComponent = ForwardRefExoticComponent3<ColorPickerProps & RefAttributes3<HTMLDivElement>> & {
+declare function ColorTile({ color, size, className, style }: ColorTileProps): Element_12xgc5;
+declare const ColorSwatch: ForwardRefExoticComponent4<ColorSwatchProps & RefAttributes4<HTMLButtonElement>>;
+type ColorPickerComponent = ForwardRefExoticComponent4<ColorPickerProps & RefAttributes4<HTMLDivElement>> & {
 	/** `ColorPickerPopover` — the same panel behind a trigger button. */
 	Popover: typeof ColorPickerPopover;
 };
@@ -563,9 +885,9 @@ type ColorPickerComponent = ForwardRefExoticComponent3<ColorPickerProps & RefAtt
 * @example {@include ./examples.mdx}
 */
 declare const ColorPicker: ColorPickerComponent;
-declare const ColorPickerPopover: ForwardRefExoticComponent3<ColorPickerPopoverProps & RefAttributes3<HTMLDivElement>>;
+declare const ColorPickerPopover: ForwardRefExoticComponent4<ColorPickerPopoverProps & RefAttributes4<HTMLDivElement>>;
 import { VariantProps as VariantProps3 } from "class-variance-authority";
-import { HTMLAttributes as HTMLAttributes5, InputHTMLAttributes as InputHTMLAttributes2, ReactNode as ReactNode6, RefObject as RefObject3 } from "react";
+import { HTMLAttributes as HTMLAttributes9, InputHTMLAttributes as InputHTMLAttributes2, ReactNode as ReactNode8, RefObject as RefObject3 } from "react";
 import { ClassProp as ClassProp_wz9o0r3 } from "class-variance-authority/types";
 /**
 * The ringed box of a text field. It steps from rest to a muted fill when lit
@@ -578,9 +900,9 @@ import { ClassProp as ClassProp_wz9o0r3 } from "class-variance-authority/types";
 declare const fieldVariants: (props?: ({
 	variant?: "borderless" | "bordered" | null | undefined;
 } & ClassProp_wz9o0r3) | undefined) => string;
-import { JSX as JSX_1kxb5 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn3 } from "react";
-import { RefAttributes as RefAttributes_miuf563 } from "react";
+import { JSX as JSX_1kxb6 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn6 } from "react";
+import { RefAttributes as RefAttributes_miuf566 } from "react";
 /** An object item: `value` and `label`, plus whatever the rows need. */
 interface ComboboxItemObject {
 	value: string;
@@ -591,7 +913,7 @@ type ComboboxItemData = string | ComboboxItemObject;
 type ComboboxValue<Multiple extends boolean> = Multiple extends true ? string[] : string;
 interface ComboboxProps {
 	/** `Combobox.Input` or `Combobox.Chips`, plus `Combobox.Content`. */
-	children: ReactNode6;
+	children: ReactNode8;
 	/** The options. A string is its own value and label; an object carries `value`, `label`, and whatever your rows need. */
 	items: readonly ComboboxItemData[];
 	/** Any number of picks. Values become `string[]`; use `Combobox.Chips` for the field. Defaults to `false`. */
@@ -607,7 +929,7 @@ interface ComboboxProps {
 	/** Adds a last row that creates the trimmed query whenever no label matches it exactly. Add the item to `items` and return it to select it. */
 	onCreate?: (query: string) => ComboboxItemData | void;
 	/** The create row's label. Defaults to ``(query) => `Create “${query}”` ``. */
-	createLabel?: (query: string) => ReactNode6;
+	createLabel?: (query: string) => ReactNode8;
 	/** Local addition: offer the create row with no callback — the component keeps the items it makes, so nothing outside has to hold the list. Defaults to `false`. */
 	creatable?: boolean;
 	/** Multiple only. Picked items leave the list, so it reads as what is left to add. Deselect from the chips. Defaults to `false`. */
@@ -621,7 +943,7 @@ interface ComboboxProps {
 	/** Pins field and popup to one step of the size ladder (default 36px, compact 28px — see the Sizes primitive). Omitted, both follow the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type Element_12xgc5 = JSX_1kxb5["Element"];
+type Element_12xgc6 = JSX_1kxb6["Element"];
 /**
 * Type to filter a list. 1 pick, or chips.
 *
@@ -631,7 +953,7 @@ type Element_12xgc5 = JSX_1kxb5["Element"];
 * (the input keeps focus while the arrows move a highlight through the rows),
 * the positioning and the hidden form input stay with Base UI. On top of that
 * sit the fluid-hover highlight, the merged selection background of
-* `CheckboxGroup`, and a list that oozes out of the field and back through the
+* `Checkbox.Group`, and a list that oozes out of the field and back through the
 * shared morph (see Morph), goo by default. `multiple` turns the picks into a
 * `string[]` and pairs with `Combobox.Chips`: one chip per pick, Backspace in
 * an empty field drops the last one. Uncontrolled with `defaultValue`, or
@@ -648,7 +970,7 @@ type Element_12xgc5 = JSX_1kxb5["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function Combobox({ children, items, multiple, value, defaultValue, onValueChange, filter, onCreate, createLabel, creatable, hideSelected, disabled, name, required, size }: ComboboxProps): Element_12xgc5;
+declare function Combobox({ children, items, multiple, value, defaultValue, onValueChange, filter, onCreate, createLabel, creatable, hideSelected, disabled, name, required, size }: ComboboxProps): Element_12xgc6;
 interface ComboboxFieldProps extends Omit<InputHTMLAttributes2<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange">, VariantProps3<typeof fieldVariants> {
 	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
 	variant?: "bordered" | "borderless" | null;
@@ -666,14 +988,14 @@ interface ComboboxFieldProps extends Omit<InputHTMLAttributes2<HTMLInputElement>
 	size?: SizeVariant;
 }
 type ComboboxInputProps = ComboboxFieldProps;
-declare const ComboboxInput: ForwardRefExoticComponent_tcubfn3<ComboboxFieldProps & RefAttributes_miuf563<HTMLInputElement>>;
+declare const ComboboxInput: ForwardRefExoticComponent_tcubfn6<ComboboxFieldProps & RefAttributes_miuf566<HTMLInputElement>>;
 type ComboboxChipsProps = ComboboxFieldProps;
-declare const ComboboxChips: ForwardRefExoticComponent_tcubfn3<ComboboxFieldProps & RefAttributes_miuf563<HTMLInputElement>>;
+declare const ComboboxChips: ForwardRefExoticComponent_tcubfn6<ComboboxFieldProps & RefAttributes_miuf566<HTMLInputElement>>;
 interface ComboboxContentProps {
 	/** Classes for the popup surface — merged after the radius and max-height. */
 	className?: string;
 	/** `Combobox.Empty` and `Combobox.List`. */
-	children: ReactNode6;
+	children: ReactNode8;
 	/** Side of the field the popup prefers. Defaults to `"bottom"`. */
 	side?: "top" | "bottom" | "left" | "right";
 	/** Alignment against the field. Defaults to `"start"`. */
@@ -689,15 +1011,15 @@ interface ComboboxContentProps {
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
 	tier?: "moderate" | "slow";
 }
-declare const ComboboxContent: ForwardRefExoticComponent_tcubfn3<ComboboxContentProps & RefAttributes_miuf563<HTMLDivElement>>;
+declare const ComboboxContent: ForwardRefExoticComponent_tcubfn6<ComboboxContentProps & RefAttributes_miuf566<HTMLDivElement>>;
 interface ComboboxListProps {
 	/** Classes for the rows' container. */
 	className?: string;
 	/** Render one row per matching item: `(item, index) => <Combobox.Item …/>`. Rows get their index from the list. */
-	children: (item: ComboboxItemData, index: number) => ReactNode6;
+	children: (item: ComboboxItemData, index: number) => ReactNode8;
 }
-declare const ComboboxList: ForwardRefExoticComponent_tcubfn3<ComboboxListProps & RefAttributes_miuf563<HTMLDivElement>>;
-interface ComboboxItemProps extends HTMLAttributes5<HTMLDivElement> {
+declare const ComboboxList: ForwardRefExoticComponent_tcubfn6<ComboboxListProps & RefAttributes_miuf566<HTMLDivElement>>;
+interface ComboboxItemProps extends HTMLAttributes9<HTMLDivElement> {
 	/** Leading icon in the row. */
 	icon?: IconComponent;
 	/** The item's value — a string item itself, or an object item's `value`. */
@@ -705,22 +1027,22 @@ interface ComboboxItemProps extends HTMLAttributes5<HTMLDivElement> {
 	/** Disables the row. Defaults to `false`. */
 	disabled?: boolean;
 	/** The row label. */
-	children?: ReactNode6;
+	children?: ReactNode8;
 }
-declare const ComboboxItem: ForwardRefExoticComponent_tcubfn3<ComboboxItemProps & RefAttributes_miuf563<HTMLDivElement>>;
-interface ComboboxEmptyProps extends HTMLAttributes5<HTMLDivElement> {
+declare const ComboboxItem: ForwardRefExoticComponent_tcubfn6<ComboboxItemProps & RefAttributes_miuf566<HTMLDivElement>>;
+interface ComboboxEmptyProps extends HTMLAttributes9<HTMLDivElement> {
 	/** Shown instead of the children when `hideSelected` has emptied the
 	*  list with nothing typed: every item is a chip already. */
-	allSelected?: ReactNode6;
+	allSelected?: ReactNode8;
 	/** Shown when nothing matches the query. */
-	children?: ReactNode6;
+	children?: ReactNode8;
 }
-declare const ComboboxEmpty: ForwardRefExoticComponent_tcubfn3<ComboboxEmptyProps & RefAttributes_miuf563<HTMLDivElement>>;
+declare const ComboboxEmpty: ForwardRefExoticComponent_tcubfn6<ComboboxEmptyProps & RefAttributes_miuf566<HTMLDivElement>>;
 import { Locale } from "date-fns";
-import { ReactNode as ReactNode7 } from "react";
+import { ReactNode as ReactNode9 } from "react";
 import { DayPickerProps } from "react-day-picker";
-import { JSX as JSX_1kxb6 } from "react";
-type Element_12xgc6 = JSX_1kxb6["Element"];
+import { JSX as JSX_1kxb7 } from "react";
+type Element_12xgc7 = JSX_1kxb7["Element"];
 /**
 * A calendar that scrolls through the months instead of paging, with month
 * and year columns to jump by.
@@ -752,18 +1074,18 @@ declare function Calendar({ locale, size, columnsSide, extraColumns, extraColumn
 	/** Which side of the days the month and year columns stand on; the month column keeps next to the days. Defaults to `'end'`. */
 	columnsSide?: "start" | "end";
 	/** More columns, given the layout's orientation — the date picker's hours and minutes. */
-	extraColumns?: (orientation: "vertical" | "horizontal") => ReactNode7;
+	extraColumns?: (orientation: "vertical" | "horizontal") => ReactNode9;
 	/** Which side of the days the extra columns stand on, outside the month and year columns when they share it. Defaults to `'end'`. */
 	extraColumnsSide?: "start" | "end";
 	/** Classes for the calendar's box. */
 	className?: string;
-}): Element_12xgc6;
+}): Element_12xgc7;
 type CalendarProps = Parameters<typeof Calendar>[0];
 import { Locale as Locale3 } from "date-fns";
 import { RefObject as RefObject4 } from "react";
 import { Matcher } from "react-day-picker";
 type HourCycle = "h11" | "h12" | "h23" | "h24";
-import { JSX as JSX_1kxb7 } from "react";
+import { JSX as JSX_1kxb8 } from "react";
 interface DatePickerProps {
 	/** The picked date (and time, with `withTime`); `null` when empty. */
 	value?: Date | null;
@@ -816,7 +1138,7 @@ interface DatePickerProps {
 	/** Classes for the field. */
 	className?: string;
 }
-type Element_12xgc7 = JSX_1kxb7["Element"];
+type Element_12xgc8 = JSX_1kxb8["Element"];
 /**
 * A date field that opens a scrolling calendar, with an optional time.
 *
@@ -838,11 +1160,11 @@ type Element_12xgc7 = JSX_1kxb7["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc7;
+declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc8;
 import { Locale as Locale4 } from "date-fns";
 import { RefObject as RefObject5 } from "react";
 import { DateRange, Matcher as Matcher2 } from "react-day-picker";
-import { JSX as JSX_1kxb8 } from "react";
+import { JSX as JSX_1kxb9 } from "react";
 interface DateRangePickerProps {
 	/** The picked range, react-day-picker's `{ from, to }`; `null` when empty. */
 	value?: DateRange | null;
@@ -887,7 +1209,7 @@ interface DateRangePickerProps {
 	/** Classes for the field. */
 	className?: string;
 }
-type Element_12xgc8 = JSX_1kxb8["Element"];
+type Element_12xgc9 = JSX_1kxb9["Element"];
 /**
 * A field for a span of days, picked with two clicks on a scrolling calendar.
 *
@@ -900,10 +1222,10 @@ type Element_12xgc8 = JSX_1kxb8["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc8;
+declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc9;
 import { Duration, Locale as Locale5 } from "date-fns";
 import { RefObject as RefObject6 } from "react";
-import { JSX as JSX_1kxb9 } from "react";
+import { JSX as JSX_1kxb10 } from "react";
 interface DurationPickerProps {
 	/** The picked duration, a date-fns `Duration` (`{ hours, minutes }`); `null` when empty. */
 	value?: Duration | null;
@@ -944,7 +1266,7 @@ interface DurationPickerProps {
 	/** Classes for the field. */
 	className?: string;
 }
-type Element_12xgc9 = JSX_1kxb9["Element"];
+type Element_12xgc10 = JSX_1kxb10["Element"];
 /**
 * A field for a length of time, in hours and minutes.
 *
@@ -955,10 +1277,10 @@ type Element_12xgc9 = JSX_1kxb9["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc9;
+declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc10;
 import { Locale as Locale6 } from "date-fns";
 import { RefObject as RefObject7 } from "react";
-import { JSX as JSX_1kxb10 } from "react";
+import { JSX as JSX_1kxb11 } from "react";
 interface MonthPickerProps {
 	/** The picked month as its first day; `null` when empty. */
 	value?: Date | null;
@@ -999,7 +1321,7 @@ interface MonthPickerProps {
 	/** Classes for the field. */
 	className?: string;
 }
-type Element_12xgc10 = JSX_1kxb10["Element"];
+type Element_12xgc11 = JSX_1kxb11["Element"];
 /**
 * A field for a month of a year: a billing period, a card's expiry.
 *
@@ -1010,10 +1332,10 @@ type Element_12xgc10 = JSX_1kxb10["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc10;
+declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc11;
 import { Locale as Locale7 } from "date-fns";
 import { RefObject as RefObject8 } from "react";
-import { JSX as JSX_1kxb11 } from "react";
+import { JSX as JSX_1kxb12 } from "react";
 interface TimePickerProps {
 	/** The picked time as `"HH:mm"` on a 24-hour clock (an `<input type="time">`'s value); `null` when empty. */
 	value?: string | null;
@@ -1054,7 +1376,7 @@ interface TimePickerProps {
 	/** Classes for the field. */
 	className?: string;
 }
-type Element_12xgc11 = JSX_1kxb11["Element"];
+type Element_12xgc12 = JSX_1kxb12["Element"];
 /**
 * A time-of-day field with scrolling hour and minute columns.
 *
@@ -1066,8 +1388,8 @@ type Element_12xgc11 = JSX_1kxb11["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc11;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent4, HTMLAttributes as HTMLAttributes6, InputHTMLAttributes as InputHTMLAttributes3, LabelHTMLAttributes, ReactNode as ReactNode8, RefAttributes as RefAttributes4 } from "react";
+declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc12;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent5, HTMLAttributes as HTMLAttributes10, InputHTMLAttributes as InputHTMLAttributes3, LabelHTMLAttributes, ReactNode as ReactNode10, RefAttributes as RefAttributes5 } from "react";
 interface InputProps extends Omit<InputHTMLAttributes3<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
 	/** Placeholder text. */
 	placeholder?: string;
@@ -1110,207 +1432,42 @@ interface InputProps extends Omit<InputHTMLAttributes3<HTMLInputElement>, "onCha
 *
 * @example {@include ./examples.mdx}
 */
-declare const Input2: ForwardRefExoticComponent4<InputProps & RefAttributes4<HTMLInputElement>>;
+declare const Input2: ForwardRefExoticComponent5<InputProps & RefAttributes5<HTMLInputElement>>;
 interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
 	/** Label text. */
-	children: ReactNode8;
+	children: ReactNode10;
 	/** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
 	invalid?: boolean;
 	/** Pins the label to one step of the size ladder. Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-declare const Label2: ForwardRefExoticComponent4<LabelProps & RefAttributes4<HTMLLabelElement>>;
-interface InputGroupProps extends HTMLAttributes6<HTMLDivElement> {
+declare const Label2: ForwardRefExoticComponent5<LabelProps & RefAttributes5<HTMLLabelElement>>;
+interface InputGroupProps extends HTMLAttributes10<HTMLDivElement> {
 	/** One or more InputGroup.Field children. */
-	children: ReactNode8;
+	children: ReactNode10;
 	/** Pins the group's fields to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type InputGroupComponent = ForwardRefExoticComponent4<InputGroupProps & RefAttributes4<HTMLDivElement>> & {
+type InputGroupComponent = ForwardRefExoticComponent5<InputGroupProps & RefAttributes5<HTMLDivElement>> & {
 	Field: typeof InputField;
 };
 declare const InputGroup: InputGroupComponent;
-interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "className"> {
-	/** Label text above the input. */
-	label: string;
-	/** Keep the label for assistive tech but don't render it — for inline fields (a toolbar search) where the placeholder carries the meaning. Defaults to `false`. */
-	labelHidden?: boolean;
-	/** Position index within the group (required for fluid hover). */
-	index: number;
-	/** Error message shown below the input. */
-	error?: string;
-	className?: string;
-}
-declare const InputField: ForwardRefExoticComponent4<InputFieldProps & RefAttributes4<HTMLDivElement>>;
-import { HTMLAttributes as HTMLAttributes7 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn4 } from "react";
-import { RefAttributes as RefAttributes_miuf564 } from "react";
-type InputCopyVariant = "icon" | "button";
-type InputCopyAlign = "right" | "left";
-interface InputCopyProps extends Omit<HTMLAttributes7<HTMLDivElement>, "children"> {
-	/** The text value to display and copy to clipboard. */
-	value: string;
-	/** Optional label displayed above the input. */
-	label?: string;
-	/** Callback fired after the value is successfully copied. */
-	onCopy?: () => void;
-	/** Disables the input and copy button. Defaults to `false`. */
-	disabled?: boolean;
-	/** Icon-only with tooltip, or button with visible label. Defaults to `"icon"`. */
-	variant?: InputCopyVariant;
-	/** Position of the copy action relative to the value. Defaults to `"right"`. */
-	align?: InputCopyAlign;
-	/** Pins the field to one step of the size ladder (default 36px, compact 28px — see Sizes). Omitted, it follows the surrounding SizeProvider. */
-	size?: SizeVariant;
-	/** Extra classes for the wrapper around the label and the field. */
-	className?: string;
-}
-/**
-* Read-only input with a copy-to-clipboard button and animated check
-* feedback.
-*
-* The whole row is the button: click anywhere on it and the value goes to
-* the clipboard, the copy glyph's two sheets melt into a tinted disc (the
-* goo of Morph) behind a check that draws itself, and the tooltip flips to
-* "Copied" for 2 seconds; then the disc splits back into the glyph. The value is monospaced and
-* highlights on hover so it reads as one selectable token rather than a
-* text field, and the async Clipboard API falls back to an off-screen
-* textarea + `execCommand` where it is unavailable (insecure context,
-* permissions policy) — a failure animates a ✕ and says so. `variant`
-* switches between the icon-only affordance (with a tooltip) and a labelled
-* Copy button, `align` moves that action to the leading edge, and the field
-* follows the surrounding SizeProvider unless `size` pins it.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const InputCopy: ForwardRefExoticComponent_tcubfn4<InputCopyProps & RefAttributes_miuf564<HTMLDivElement>>;
-import { HTMLAttributes as HTMLAttributes8, ReactNode as ReactNode9, TextareaHTMLAttributes } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn5 } from "react";
-import { RefAttributes as RefAttributes_miuf565 } from "react";
-import { JSX as JSX_1kxb12 } from "react";
-interface FileThumbnailProps {
-	file: File;
-	/** Side length of the square thumbnail in pixels. */
-	size: number;
-	className?: string;
-}
-type Element_12xgc12 = JSX_1kxb12["Element"];
-declare function FileThumbnail({ file, size, className }: FileThumbnailProps): Element_12xgc12;
-type InputMessageStatus = "idle" | "streaming";
-interface InputMessageSlotContext {
-	/** Opens the native file picker via the hidden `<input type="file">`.
-	*  Pass `acceptOverride` (e.g. `"image/*"`) to scope the picker to a
-	*  subset of the component's accept types just for this invocation. */
-	openFilePicker: (acceptOverride?: string) => void;
-	/** Currently-attached files. */
-	files: File[];
-}
-type InputMessageSlot = ReactNode9 | ((ctx: InputMessageSlotContext) => ReactNode9);
-/** A message held in the queue while the assistant is responding. Carries the
-*  trimmed text plus a snapshot of the files attached when it was queued, so
-*  double-click-to-edit can restore both. `id` is a stable key minted on enqueue. */
-interface QueuedMessage {
-	id: string;
-	text: string;
-	files: File[];
-}
-interface InputMessageProps extends Omit<HTMLAttributes8<HTMLDivElement>, "onChange" | "defaultValue"> {
-	/** Step on the size ladder (see Sizes). Wins over the surrounding SizeProvider and propagates to the composer's rows, buttons and queued messages. */
-	size?: SizeVariant;
-	/** Controlled textarea value. Pair with `onValueChange`; omit both for an uncontrolled composer. */
-	value?: string;
-	/** Initial textarea value for an uncontrolled composer. Defaults to `""`. */
-	defaultValue?: string;
-	/** Called with the new value on every textarea change. */
-	onValueChange?: (value: string) => void;
-	/** Fires on Enter (without Shift) or send-button click, and when a queued message auto-dispatches. Receives the trimmed value, the attached files, and — for auto-dispatched queue items — `meta.queuedId`. Skipped when the value is empty and no files are attached. */
-	onSend?: (value: string, files: File[], meta?: {
-		queuedId?: string;
-	}) => void;
-	/** Placeholder shown when the value is empty. While a file is dragged over the component (and attachments are enabled) it swaps to "Drop files here to add to chat". Defaults to `"Ask me anything…"`. */
-	placeholder?: string;
-	/** Content rendered in the bottom-left action area. May be a render-fn that receives `{ openFilePicker, files }` — `openFilePicker(acceptOverride?)` opens the native file picker. */
-	leftSlot?: InputMessageSlot;
-	/** Content rendered in the bottom-right action area, before the built-in send button. Same render-fn shape as `leftSlot`. */
-	rightSlot?: InputMessageSlot;
-	/** Disables the textarea, send button, and drag-and-drop. Defaults to `false`. */
-	disabled?: boolean;
-	/** Minimum visible rows before the textarea grows. Defaults to 1. */
-	minRows?: number;
-	/** Maximum visible rows before the textarea starts to scroll. Defaults to 8. */
-	maxRows?: number;
-	/** When true, clicking anywhere on the surrounding container (outside of buttons / links / inputs) focuses the textarea. Defaults to `true`. */
-	clickToFocus?: boolean;
-	/** Accessible label for the send button. Defaults to `"Send"`. */
-	sendLabel?: string;
-	/** Controlled list of attached files. Pair with `onFilesChange` to enable drag-and-drop and the file-picker slot helper. */
-	files?: File[];
-	/** Initial attachments for an uncontrolled composer. Providing it (even as `[]`) enables attachment behavior on its own. */
-	defaultFiles?: File[];
-	/** Called when files are added (drag-drop or picker) or removed via the preview tile's × button. Duplicate drops of the same file (same name + size + lastModified) are silently de-duplicated. */
-	onFilesChange?: (files: File[]) => void;
-	/** Accepted MIME types as a comma-separated string. Used by both the file picker and the drag-and-drop filter. Defaults to `"image/png,image/jpeg,application/pdf"`. */
-	accept?: string;
-	/** Maximum number of attached files. Extra files beyond this limit are dropped. */
-	maxFiles?: number;
-	/** Side length (in pixels) of each preview tile. Images use object-cover; PDFs render the first page via pdfjs; other types fall back to a centered icon. Defaults to 80. */
-	filePreviewSize?: number;
-	/** Extra props forwarded to the underlying textarea (value, onChange, onKeyDown, disabled and placeholder are controlled by the component). */
-	textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onKeyDown" | "disabled" | "placeholder">;
-	/** Assistant response state. When `"streaming"`, the send button becomes a Stop control (empty draft) or a Queue action (non-empty draft). On the streaming→idle edge the next queued message auto-dispatches via `onSend`. Leave it and `defaultStatus` undefined for the send-immediately behavior. */
-	status?: InputMessageStatus;
-	/** Initial status for an uncontrolled composer — the component then owns the streaming flag, and Stop flips it to `"idle"` itself. */
-	defaultStatus?: InputMessageStatus;
-	/** Called whenever the status changes while it is uncontrolled (currently: the Stop control). */
-	onStatusChange?: (status: InputMessageStatus) => void;
-	/** Fires when the Stop control is pressed (streaming + empty draft). Halt the current response and set status to `"idle"` — that edge immediately dispatches the next queued message. */
-	onStop?: () => void;
-	/** Controlled queue of pending messages, rendered as reorderable rows above the textarea. Double-click (or Enter/F2) edits a row back into the composer; the × (or Delete) removes it; drag — or Alt+↑/↓ — reorders. Requires a status. */
-	queue?: QueuedMessage[];
-	/** Initial queue for an uncontrolled composer. Providing it (even as `[]`) enables the queue on its own, alongside `status` or `defaultStatus`. */
-	defaultQueue?: QueuedMessage[];
-	/** Called whenever the queue changes — enqueue, edit, delete, reorder, or auto-dispatch. Each QueuedMessage is `{ id, text, files }`. */
-	onQueueChange?: (queue: QueuedMessage[]) => void;
-	/** Render the built-in reorderable queue rows above the textarea. Set to false to suppress them and render the queue yourself — enqueue and auto-dispatch still run. Defaults to `true`. */
-	showQueue?: boolean;
-	/** Previously-sent messages, oldest first. With the textarea focused, ArrowUp (caret on the first line) recalls the previous message and walks backward; ArrowDown (caret on the last line) walks forward toward the in-progress draft. Editing or sending exits history mode. Defaults to `[]`. */
-	history?: string[];
-	/** Suggested prompt rendered as the placeholder (with a Tab keycap) while the draft is empty. Pressing Tab fills it into the composer — it doesn't send. Takes precedence over `placeholder`. */
-	placeholderSuggestion?: string;
-	/** Suggested prompts listed under the action bar while the draft is empty. ArrowDown moves a highlight into the list (focus stays in the textarea), ArrowUp walks back up and out, Enter or click fills the highlighted prompt. Escape drops the highlight; typing collapses the list. */
-	suggestions?: string[];
-	/** Extra classes for the composer surface. */
-	className?: string;
-}
-/**
-* Chat-style message composer with an auto-resizing textarea, flexible
-* left/right action slots, and a built-in send button on a Surface-2
-* substrate.
-*
-* The textarea grows from `minRows` to `maxRows` and then scrolls, Enter
-* sends while Shift+Enter breaks the line, and the whole panel is one
-* hairline ring that recolours in place for hover, focus and drag instead of
-* layering a second border. Attachments drop anywhere on the composer (or
-* come from `openFilePicker` in a slot) and preview as tiles — images
-* object-cover, PDFs render their first page. `suggestions` open a listbox
-* under the action bar that ↓/↑ walk without moving focus, and
-* `placeholderSuggestion` writes a ghost prompt with a Tab keycap. With a
-* `status` the send button morphs into Stop (empty draft) or Queue (draft
-* typed while streaming); queued rows reorder by drag or Alt+↑/↓, edit back
-* into the composer on double-click, and the head auto-dispatches on the
-* streaming→idle edge.
-*
-* Every controlled prop has an uncontrolled twin — `defaultValue`,
-* `defaultFiles`, `defaultQueue`, `defaultStatus` — so a composer can hold
-* its own draft, attachments and queue with no state in the caller.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const InputMessage: ForwardRefExoticComponent_tcubfn5<InputMessageProps & RefAttributes_miuf565<HTMLDivElement>>;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent5, HTMLAttributes as HTMLAttributes9, ReactNode as ReactNode10, RefAttributes as RefAttributes5 } from "react";
-interface RadioGroupProps extends Omit<HTMLAttributes9<HTMLDivElement>, "onSelect" | "defaultValue"> {
-	/** RadioGroup.Item children. */
-	children: ReactNode10;
+interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "className"> {
+	/** Label text above the input. */
+	label: string;
+	/** Keep the label for assistive tech but don't render it — for inline fields (a toolbar search) where the placeholder carries the meaning. Defaults to `false`. */
+	labelHidden?: boolean;
+	/** Position index within the group (required for fluid hover). */
+	index: number;
+	/** Error message shown below the input. */
+	error?: string;
+	className?: string;
+}
+declare const InputField: ForwardRefExoticComponent5<InputFieldProps & RefAttributes5<HTMLDivElement>>;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent6, HTMLAttributes as HTMLAttributes11, ReactNode as ReactNode11, RefAttributes as RefAttributes6 } from "react";
+interface RadioGroupProps extends Omit<HTMLAttributes11<HTMLDivElement>, "onSelect" | "defaultValue"> {
+	/** `Radio` rows. */
+	children: ReactNode11;
 	/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
 	selectedIndex?: number;
 	/** Selected index on first render when uncontrolled. Defaults to no selection. */
@@ -1326,35 +1483,12 @@ interface RadioGroupProps extends Omit<HTMLAttributes9<HTMLDivElement>, "onSelec
 	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type RadioGroupComponent = ForwardRefExoticComponent5<RadioGroupProps & RefAttributes5<HTMLDivElement>> & {
-	Item: typeof RadioItem;
-};
-/**
-* Radio button group with fluid hover and animated selection.
-*
-* Each row is a `RadioGroup.Item` with a stable `index`. The selected
-* background melts to the chosen row, a fluid hover highlight melts between
-* rows (the liquid indicators in Morph), the dot scales in, and the label animates to semibold without shifting
-* its width. Arrow keys, Home and End move focus and select, with a roving
-* tabindex on the selected row. Select by index — uncontrolled with
-* `defaultSelectedIndex`, controlled with `selectedIndex` +
-* `onSelectedIndexChange` — or by item `value` (`defaultValue` / `value` +
-* `onValueChange`), which also renders Base UI radios for form integration.
-* FF's per-item `selected` / `onSelect` still work and override the group for
-* their row.
-*
-* Statics:
-* - `RadioGroup.Item` — one radio row: `label`, `index`, and optional `value`,
-*   `selected`, `onSelect`.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const RadioGroup: RadioGroupComponent;
-interface RadioItemProps extends HTMLAttributes9<HTMLDivElement> {
+declare const RadioGroup: ForwardRefExoticComponent6<RadioGroupProps & RefAttributes6<HTMLDivElement>>;
+interface RadioProps extends HTMLAttributes11<HTMLDivElement> {
 	/** Text label for the radio item. */
 	label: string;
-	/** Position index within the group. */
-	index: number;
+	/** Position within the `Radio.Group`: the row's `selectedIndex`. Defaults to its order among the group's rows. */
+	index?: number;
 	/** Whether this item is selected. Defaults to the group's selection. */
 	selected?: boolean;
 	/** Called when this item is selected (the group's change callbacks fire too). */
@@ -1362,21 +1496,44 @@ interface RadioItemProps extends HTMLAttributes9<HTMLDivElement> {
 	/** Optional value forwarded to the underlying Base UI primitive for form integration. */
 	value?: string;
 }
-declare const RadioItem: ForwardRefExoticComponent5<RadioItemProps & RefAttributes5<HTMLDivElement>>;
+type RadioComponent = ForwardRefExoticComponent6<RadioProps & RefAttributes6<HTMLDivElement>> & {
+	Group: typeof RadioGroup;
+};
+/**
+* Radio buttons with fluid hover and animated selection.
+*
+* Each `Radio` is one row of a `Radio.Group`. The selected background melts
+* to the chosen row, a fluid hover highlight melts between rows (the liquid
+* indicators in Morph), the dot scales in, and the label animates to
+* semibold without shifting its width. Arrow keys, Home and End move focus
+* and select, with a roving tabindex on the selected row. The group numbers
+* its rows in order, so they need no `index`. FF's per-row `selected` /
+* `onSelect` still work and override the group for their row.
+*
+* Statics:
+* - `Radio.Group` — the list. Select by index — uncontrolled with
+*   `defaultSelectedIndex`, controlled with `selectedIndex` +
+*   `onSelectedIndexChange` — or by row `value` (`defaultValue` / `value` +
+*   `onValueChange`), which also renders Base UI radios for form
+*   integration; `size` pins every row to one step of the size ladder.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Radio: RadioComponent;
 import { Autocomplete } from "@base-ui/react/autocomplete";
-import { HTMLAttributes as HTMLAttributes10, ReactNode as ReactNode12, RefObject as RefObject9 } from "react";
-import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactElement as ReactElement2, ReactNode as ReactNode11 } from "react";
+import { HTMLAttributes as HTMLAttributes12, ReactNode as ReactNode13, RefObject as RefObject9 } from "react";
+import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactElement as ReactElement2, ReactNode as ReactNode12 } from "react";
 interface SlotProps extends ButtonHTMLAttributes2<HTMLButtonElement> {
 	/** The element that becomes the control, e.g. a Button. */
 	render?: ReactElement2;
 	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
 	asChild?: boolean;
 	/** Control content when there is no render element. */
-	children?: ReactNode11;
+	children?: ReactNode12;
 }
 import { JSX as JSX_1kxb13 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn6 } from "react";
-import { RefAttributes as RefAttributes_miuf566 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn7 } from "react";
+import { RefAttributes as RefAttributes_miuf567 } from "react";
 /** One command: the label the query matches, plus what the row shows and does. */
 interface CommandItem {
 	label: string;
@@ -1399,10 +1556,10 @@ type CommandListRootProps = Omit<Autocomplete.Root.Props<CommandItem>, "items" |
 type Element_12xgc13 = JSX_1kxb13["Element"];
 /** Base UI's Autocomplete set up for command rows: it matches labels and keywords and hands its highlight to `CommandList`. */
 declare function CommandListRoot({ items,...props }: CommandListRootProps): Element_12xgc13;
-declare function CommandShortcut({ className,...props }: HTMLAttributes10<HTMLElement>): Element_12xgc13;
+declare function CommandShortcut({ className,...props }: HTMLAttributes12<HTMLElement>): Element_12xgc13;
 interface CommandListProps {
 	onPick: (item: CommandItem) => void;
-	emptyMessage: ReactNode12;
+	emptyMessage: ReactNode13;
 	className?: string;
 }
 /** The filtered rows (grouped or flat) under one fluid highlight, inside a ScrollArea. Goes inside `CommandListRoot`. */
@@ -1413,12 +1570,12 @@ interface CommandPaletteProps {
 	/** The search field's placeholder. Defaults to `'Type a command or search…'`. */
 	placeholder?: string;
 	/** Shown when nothing matches the query. Defaults to `'No results found.'`. */
-	emptyMessage?: ReactNode12;
+	emptyMessage?: ReactNode13;
 	/** Classes for the palette's box. */
 	className?: string;
 }
 declare function CommandPalette({ items, placeholder, emptyMessage, className }: CommandPaletteProps): Element_12xgc13;
-declare const CommandTrigger: ForwardRefExoticComponent_tcubfn6<SlotProps & RefAttributes_miuf566<HTMLButtonElement>>;
+declare const CommandTrigger: ForwardRefExoticComponent_tcubfn7<SlotProps & RefAttributes_miuf567<HTMLButtonElement>>;
 interface CommandContentProps extends CommandPaletteProps {
 	/** Accessible name of the panel. Defaults to `'Command menu'`. */
 	label?: string;
@@ -1431,7 +1588,7 @@ interface CommandContentProps extends CommandPaletteProps {
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
 	tier?: "moderate" | "slow";
 }
-declare const CommandContent: ForwardRefExoticComponent_tcubfn6<CommandContentProps & RefAttributes_miuf566<HTMLDivElement>>;
+declare const CommandContent: ForwardRefExoticComponent_tcubfn7<CommandContentProps & RefAttributes_miuf567<HTMLDivElement>>;
 interface CommandProps {
 	/** Controlled open state. */
 	open?: boolean;
@@ -1442,7 +1599,7 @@ interface CommandProps {
 	/** The key that toggles the palette with ⌘ (Ctrl elsewhere); `false` leaves the keyboard alone. Defaults to `'k'`. */
 	hotkey?: string | false;
 	/** The trigger and the panel: `Command.Trigger` plus a `Command.Content`. */
-	children?: ReactNode12;
+	children?: ReactNode13;
 }
 /**
 * A ⌘K command menu: a search field over grouped commands, grown out of
@@ -1541,14 +1698,14 @@ type Element_12xgc14 = JSX_1kxb14["Element"];
 */
 declare function Search2({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc14;
 import { VariantProps as VariantProps4 } from "class-variance-authority";
-import { HTMLAttributes as HTMLAttributes11, ReactNode as ReactNode13 } from "react";
+import { HTMLAttributes as HTMLAttributes13, ReactNode as ReactNode14 } from "react";
 import { JSX as JSX_1kxb15 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn7 } from "react";
-import { RefAttributes as RefAttributes_miuf567 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn8 } from "react";
+import { RefAttributes as RefAttributes_miuf568 } from "react";
 import { ClassProp as ClassProp_wz9o0r4 } from "class-variance-authority/types";
 interface SelectProps {
 	/** `Select.Trigger` and `Select.Content`. */
-	children: ReactNode13;
+	children: ReactNode14;
 	/** Controlled selected value. Pair with `onValueChange`. */
 	value?: string;
 	/** Uncontrolled default value — the select then keeps the selection itself. */
@@ -1590,7 +1747,7 @@ declare function Select({ children, value, defaultValue, onValueChange, disabled
 declare const triggerVariants: (props?: ({
 	variant?: "borderless" | "bordered" | null | undefined;
 } & ClassProp_wz9o0r4) | undefined) => string;
-interface SelectTriggerProps extends Omit<HTMLAttributes11<HTMLButtonElement>, "children">, VariantProps4<typeof triggerVariants> {
+interface SelectTriggerProps extends Omit<HTMLAttributes13<HTMLButtonElement>, "children">, VariantProps4<typeof triggerVariants> {
 	/** Visual style of the trigger. Defaults to `"bordered"`. */
 	variant?: "bordered" | "borderless";
 	/** Optional icon displayed before the value. */
@@ -1604,7 +1761,7 @@ interface SelectTriggerProps extends Omit<HTMLAttributes11<HTMLButtonElement>, "
 	/** Extra classes for the trigger button. */
 	className?: string;
 }
-declare const SelectTrigger: ForwardRefExoticComponent_tcubfn7<SelectTriggerProps & RefAttributes_miuf567<HTMLButtonElement>>;
+declare const SelectTrigger: ForwardRefExoticComponent_tcubfn8<SelectTriggerProps & RefAttributes_miuf568<HTMLButtonElement>>;
 interface SelectContentProps {
 	/** Where the menu grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
 	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | React.RefObject<HTMLElement | null>;
@@ -1617,10 +1774,10 @@ interface SelectContentProps {
 	/** Additional classes for the menu container. */
 	className?: string;
 	/** `Select.Item`, `Select.Group`, `Select.Label`, `Select.Separator`. */
-	children: ReactNode13;
+	children: ReactNode14;
 }
-declare const SelectContent: ForwardRefExoticComponent_tcubfn7<SelectContentProps & RefAttributes_miuf567<HTMLDivElement>>;
-interface SelectItemProps extends HTMLAttributes11<HTMLDivElement> {
+declare const SelectContent: ForwardRefExoticComponent_tcubfn8<SelectContentProps & RefAttributes_miuf568<HTMLDivElement>>;
+interface SelectItemProps extends HTMLAttributes13<HTMLDivElement> {
 	/** Optional icon displayed before the label. */
 	icon?: IconComponent;
 	/** Position index within the content — what fluid hover measures rows by. */
@@ -1630,21 +1787,21 @@ interface SelectItemProps extends HTMLAttributes11<HTMLDivElement> {
 	/** Disables this individual item. Defaults to `false`. */
 	disabled?: boolean;
 	/** The row label. A string label is also what the trigger shows for this value. */
-	children?: ReactNode13;
+	children?: ReactNode14;
 }
-declare const SelectItem: ForwardRefExoticComponent_tcubfn7<SelectItemProps & RefAttributes_miuf567<HTMLDivElement>>;
-declare function SelectGroup({ children, className,...props }: HTMLAttributes11<HTMLDivElement>): Element_12xgc15;
-declare const SelectLabel: ForwardRefExoticComponent_tcubfn7<HTMLAttributes11<HTMLDivElement> & RefAttributes_miuf567<HTMLDivElement>>;
-declare const SelectSeparator: ForwardRefExoticComponent_tcubfn7<HTMLAttributes11<HTMLDivElement> & RefAttributes_miuf567<HTMLDivElement>>;
-import { CSSProperties as CSSProperties2, HTMLAttributes as HTMLAttributes12 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn8 } from "react";
-import { RefAttributes as RefAttributes_miuf568 } from "react";
+declare const SelectItem: ForwardRefExoticComponent_tcubfn8<SelectItemProps & RefAttributes_miuf568<HTMLDivElement>>;
+declare function SelectGroup({ children, className,...props }: HTMLAttributes13<HTMLDivElement>): Element_12xgc15;
+declare const SelectLabel: ForwardRefExoticComponent_tcubfn8<HTMLAttributes13<HTMLDivElement> & RefAttributes_miuf568<HTMLDivElement>>;
+declare const SelectSeparator: ForwardRefExoticComponent_tcubfn8<HTMLAttributes13<HTMLDivElement> & RefAttributes_miuf568<HTMLDivElement>>;
+import { CSSProperties as CSSProperties2, HTMLAttributes as HTMLAttributes14 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn9 } from "react";
+import { RefAttributes as RefAttributes_miuf569 } from "react";
 type SliderValue = number | [number, number];
 type ValuePosition = "left" | "right" | "top" | "bottom" | "tooltip";
 /** Props of the compact engine — the feature-rich design (ranges, discrete
 *  step lists, value display) that renders the ladder's compact step. The
 *  public <Slider> accepts these plus `variant` and `size`. */
-interface SliderEngineProps extends Omit<HTMLAttributes12<HTMLDivElement>, "onChange" | "defaultValue"> {
+interface SliderEngineProps extends Omit<HTMLAttributes14<HTMLDivElement>, "onChange" | "defaultValue"> {
 	value: SliderValue;
 	onChange: (value: SliderValue) => void;
 	min?: number;
@@ -1672,7 +1829,7 @@ interface SliderEngineProps extends Omit<HTMLAttributes12<HTMLDivElement>, "onCh
 	thumbColor?: string;
 	thumbBorderColor?: string;
 }
-interface SliderComfortableProps extends Omit<HTMLAttributes12<HTMLDivElement>, "onChange" | "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragOver" | "onAnimationStart"> {
+interface SliderComfortableProps extends Omit<HTMLAttributes14<HTMLDivElement>, "onChange" | "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragOver" | "onAnimationStart"> {
 	value: number;
 	onChange: (value: number) => void;
 	min?: number;
@@ -1738,17 +1895,19 @@ interface SliderProps extends Omit<SliderEngineProps, "value" | "onChange"> {
 *
 * @example {@include ./examples.mdx}
 */
-declare const Slider: ForwardRefExoticComponent_tcubfn8<SliderProps & RefAttributes_miuf568<HTMLDivElement>>;
+declare const Slider: ForwardRefExoticComponent_tcubfn9<SliderProps & RefAttributes_miuf569<HTMLDivElement>>;
 /** @deprecated The comfortable design is now the ladder's default step —
 *  render <Slider> (optionally with `variant`) instead. */
-declare const SliderComfortable: ForwardRefExoticComponent_tcubfn8<SliderComfortableProps & RefAttributes_miuf568<HTMLDivElement>>;
+declare const SliderComfortable: ForwardRefExoticComponent_tcubfn9<SliderComfortableProps & RefAttributes_miuf569<HTMLDivElement>>;
 import { Transition } from "motion/react";
-import { HTMLAttributes as HTMLAttributes13 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn9 } from "react";
-import { RefAttributes as RefAttributes_miuf569 } from "react";
-interface SwitchProps extends HTMLAttributes13<HTMLDivElement> {
+import { ForwardRefExoticComponent as ForwardRefExoticComponent7, HTMLAttributes as HTMLAttributes15, ReactNode as ReactNode15, RefAttributes as RefAttributes7 } from "react";
+interface SwitchProps extends HTMLAttributes15<HTMLDivElement> {
 	/** Text label displayed next to the switch. */
 	label: string;
+	/** Secondary text under the label: what turning the switch on does. With one, the label stays at full contrast. */
+	description?: ReactNode15;
+	/** The side of the label the track sits on; `"end"` pushes it to the row's far edge, as in a settings list (always, inside a `Switch.Group`). Defaults to `"start"`. */
+	trackSide?: "start" | "end";
 	/** Whether the switch is on (controlled). Omit it to let the switch keep its own state, seeded from `defaultChecked`. */
 	checked?: boolean;
 	/** Whether the switch starts on when uncontrolled. Defaults to `false`. */
@@ -1764,6 +1923,9 @@ interface SwitchProps extends HTMLAttributes13<HTMLDivElement> {
 	/** Pins the switch to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */
 	size?: SizeVariant;
 }
+type SwitchComponent = ForwardRefExoticComponent7<SwitchProps & RefAttributes7<HTMLDivElement>> & {
+	Group: typeof SwitchGroup;
+};
 /**
 * Toggle switch with animated thumb and label.
 *
@@ -1778,128 +1940,29 @@ interface SwitchProps extends HTMLAttributes13<HTMLDivElement> {
 * Works controlled (`checked` + `onToggle`, exactly as upstream) or
 * uncontrolled (`defaultChecked`, with `onCheckedChange` reporting each
 * change). `size` pins it to one step of the size ladder; otherwise it
-* follows the surrounding SizeProvider.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const Switch: ForwardRefExoticComponent_tcubfn9<SwitchProps & RefAttributes_miuf569<HTMLDivElement>>;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent6, HTMLAttributes as HTMLAttributes14, ReactNode as ReactNode14, RefAttributes as RefAttributes6 } from "react";
-type AccordionGroupSingleProps = {
-	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
-	type?: "single";
-	/** Controlled expanded value. */
-	value?: string;
-	/** Initially expanded item value — uncontrolled. */
-	defaultValue?: string;
-	/** Callback when expanded state changes. */
-	onValueChange?: (value: string) => void;
-	/** Allow collapsing all items when type is single. Defaults to `true`. */
-	collapsible?: boolean;
-};
-type AccordionGroupMultipleProps = {
-	/** Whether one or multiple items can be expanded. */
-	type: "multiple";
-	/** Controlled expanded values. */
-	value?: string[];
-	/** Initially expanded item values — uncontrolled. */
-	defaultValue?: string[];
-	/** Callback when expanded state changes. */
-	onValueChange?: (value: string[]) => void;
-};
-type AccordionGroupProps = HTMLAttributes14<HTMLDivElement> & {
-	children: ReactNode14;
-	/** Pins the group's rows to one step of the size ladder (default 36px,
-	*  compact 28px — see /docs/sizes). Omitted, they follow the surrounding
-	*  SizeProvider. */
-	size?: SizeVariant;
-	/** What an open item tints. "item" paints the row and its panel as one
-	*  block, and holds while it stays open. "trigger" scopes the fill to the
-	*  row and shows it on hover only, leaving the panel on the page's own
-	*  surface — the way a sidebar row highlights without colouring its
-	*  sub-tree. @default "item" */
-	highlight?: "trigger" | "item";
-} & (AccordionGroupSingleProps | AccordionGroupMultipleProps);
-declare const AccordionGroup: ForwardRefExoticComponent6<AccordionGroupProps & RefAttributes6<HTMLDivElement>>;
-interface AccordionProps extends HTMLAttributes14<HTMLDivElement> {
-	/** The accordion's items (`Accordion.Item`). */
-	children: ReactNode14;
-	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
-	type?: "single" | "multiple";
-	/** Allow collapsing all items when type is single. Defaults to `true` (Base UI's single mode is always collapsible). */
-	collapsible?: boolean;
-	/** Initially expanded item value(s) — uncontrolled. A string for `type="single"`, an array for `type="multiple"`. */
-	defaultValue?: string | string[];
-	/** Controlled expanded value(s). Pair with `onValueChange`. */
-	value?: string | string[];
-	/** Callback when expanded state changes. Receives a string in single mode, an array in multiple mode. */
-	onValueChange?: ((value: string) => void) | ((value: string[]) => void);
-	/** What an open item tints: `item` holds a block across the row and its panel, `trigger` scopes it to the row and shows it on hover. Same prop on `Accordion.Group` and on a standalone `Accordion.Item`. Defaults to `"item"`. */
-	highlight?: "trigger" | "item";
-	/** Pins the accordion's rows to one step of the size ladder (default 36px, compact 28px). Omitted, they follow the surrounding SizeProvider. */
-	size?: SizeVariant;
-}
-type AccordionComponent = ForwardRefExoticComponent6<AccordionProps & RefAttributes6<HTMLDivElement>> & {
-	Group: typeof AccordionGroup;
-	Item: typeof AccordionItem;
-	Trigger: typeof AccordionTrigger;
-	Content: typeof AccordionContent;
-};
-/**
-* Collapsible sections with animated expand/collapse and fluid hover in
-* grouped mode.
-*
-* Accordion is the standalone form: every row carries its own hover fill.
-* Accordion.Group takes the same props and adds one magnetic highlight that
-* glides between rows, so give each item inside it an `index`. Built on Base
-* UI Accordion (WAI-ARIA wiring, keyboard navigation, focus management).
-* Uncontrolled through `defaultValue`, controlled through `value` +
-* `onValueChange`.
-*
-* The panel grows out of its row (see Morph): a shape drips from where the
-* row was pressed (its middle, from the keyboard), widens into the whole
-* item, and the content is revealed by a clip from the same shape. Under the
-* default `highlight="item"` that shape is the open tint, melted into the
-* row through a liquid goo neck; closing folds it back into the row. The
-* rows below ride the shape's bottom edge, so nothing jumps.
+* follows the surrounding SizeProvider. `description` adds a muted line under
+* the label and `trackSide="end"` moves the track to the row's far edge.
 *
-* Statics: Accordion.Group (the grouped root: type, collapsible,
-* defaultValue, value, onValueChange, highlight, size), Accordion.Item (value,
-* index, disabled), Accordion.Trigger (the row that toggles its item) and
-* Accordion.Content (the collapsible panel: `effect` — `'goo'` or a plain
-* `'morph'` — and the spring `tier`, `'slow'` or `'moderate'`).
+* Statics:
+* - `Switch.Group` — switches as a settings list in one outlined frame: each
+*   `Switch` inside becomes a row with its track at the far edge, hairlines
+*   divide the rows and a fluid hover highlight melts between them, dropping
+*   the hairlines it touches (as in an outlined Card.Group); a disabled row
+*   gets no highlight. Every switch keeps its own state. `size` pins every
+*   row; name the group with `aria-label` or `aria-labelledby`.
 *
 * @example {@include ./examples.mdx}
 */
-declare const Accordion: AccordionComponent;
-interface AccordionItemProps extends HTMLAttributes14<HTMLDivElement> {
-	/** Unique identifier for this item. */
-	value: string;
-	/** Position index for fluid hover. Required inside `Accordion.Group`, omit for standalone. */
-	index?: number;
-	/** Whether this item is disabled. Defaults to `false`. */
-	disabled?: boolean;
-	/** Standalone equivalent of the group's prop: what an open item tints. Ignored inside a group, which decides for all its rows. Defaults to the standalone root's `highlight`, else `"item"`. */
-	highlight?: "trigger" | "item";
-	/** The item's `Accordion.Trigger` and `Accordion.Content`. */
-	children: ReactNode14;
-}
-declare const AccordionItem: ForwardRefExoticComponent6<AccordionItemProps & RefAttributes6<HTMLDivElement>>;
-interface AccordionTriggerProps extends HTMLAttributes14<HTMLButtonElement> {
-	/** Trigger label content. */
-	children: ReactNode14;
-}
-declare const AccordionTrigger: ForwardRefExoticComponent6<AccordionTriggerProps & RefAttributes6<HTMLButtonElement>>;
-interface AccordionContentProps extends HTMLAttributes14<HTMLDivElement> {
-	/** Collapsible content. */
-	children: ReactNode14;
-	/** How the panel grows out of its row (see Morph): `goo` melts the open tint out of the row through a liquid neck, `morph` grows it without one. Defaults to `'goo'`. */
-	effect?: "goo" | "morph";
-	/** Spring tier the panel opens on; it closes on the tier's faster exit tween. Defaults to `'slow'`. */
-	tier?: "moderate" | "slow";
+declare const Switch: SwitchComponent;
+interface SwitchGroupProps extends HTMLAttributes15<HTMLFieldSetElement> {
+	/** `Switch` rows. */
+	children: ReactNode15;
+	/** Pins every row to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
 }
-declare const AccordionContent: ForwardRefExoticComponent6<AccordionContentProps & RefAttributes6<HTMLDivElement>>;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent7, HTMLAttributes as HTMLAttributes17, ReactNode as ReactNode16, RefAttributes as RefAttributes7 } from "react";
-import { HTMLAttributes as HTMLAttributes15, MutableRefObject, ReactElement as ReactElement3 } from "react";
+declare const SwitchGroup: ForwardRefExoticComponent7<SwitchGroupProps & RefAttributes7<HTMLFieldSetElement>>;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent8, HTMLAttributes as HTMLAttributes18, ReactNode as ReactNode17, RefAttributes as RefAttributes8 } from "react";
+import { HTMLAttributes as HTMLAttributes16, MutableRefObject, ReactElement as ReactElement3 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn10 } from "react";
 import { RefAttributes as RefAttributes_miuf5610 } from "react";
 declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
@@ -1953,7 +2016,7 @@ interface SidebarContextValue {
 	setIsResizing: React.Dispatch<React.SetStateAction<boolean>>;
 }
 declare function useSidebar(): SidebarContextValue;
-interface SidebarProviderProps extends HTMLAttributes15<HTMLDivElement> {
+interface SidebarProviderProps extends HTMLAttributes16<HTMLDivElement> {
 	defaultOpen?: boolean;
 	open?: boolean;
 	onOpenChange?: (open: boolean) => void;
@@ -1981,7 +2044,7 @@ type SidebarTriggerProps = ButtonProps;
 *  hover (a dashed glyph), and the hover zone reaches its far side when it
 *  sits beside the sidebar's edge. */
 declare const SidebarTrigger: ForwardRefExoticComponent_tcubfn10<ButtonProps & RefAttributes_miuf5610<HTMLButtonElement>>;
-interface SidebarRailProps extends HTMLAttributes15<HTMLButtonElement> {
+interface SidebarRailProps extends HTMLAttributes16<HTMLButtonElement> {
 	/** Pin the tooltip open/closed; `undefined` leaves it on hover. */
 	tooltipOpen?: boolean;
 }
@@ -1990,11 +2053,11 @@ interface SidebarRailProps extends HTMLAttributes15<HTMLButtonElement> {
 *  its tooltip explains both with the toggle keystroke. Hovering it
 *  brightens the edge border. */
 declare const SidebarRail: ForwardRefExoticComponent_tcubfn10<SidebarRailProps & RefAttributes_miuf5610<HTMLButtonElement>>;
-type SidebarInsetProps = HTMLAttributes15<HTMLElement>;
+type SidebarInsetProps = HTMLAttributes16<HTMLElement>;
 declare const SidebarInset: ForwardRefExoticComponent_tcubfn10<SidebarInsetProps & RefAttributes_miuf5610<HTMLElement>>;
 type SidebarInputProps = React.InputHTMLAttributes<HTMLInputElement>;
 declare const SidebarInput: ForwardRefExoticComponent_tcubfn10<SidebarInputProps & RefAttributes_miuf5610<HTMLInputElement>>;
-type SidebarSectionProps = HTMLAttributes15<HTMLDivElement>;
+type SidebarSectionProps = HTMLAttributes16<HTMLDivElement>;
 declare const SidebarHeader: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
 declare const SidebarFooter: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
 declare const SidebarSeparator: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
@@ -2008,12 +2071,12 @@ interface SidebarGroupProps extends SidebarSectionProps {
 	onOpenChange?: (open: boolean) => void;
 }
 declare const SidebarGroup: ForwardRefExoticComponent_tcubfn10<SidebarGroupProps & RefAttributes_miuf5610<HTMLDivElement>>;
-interface SidebarGroupLabelProps extends HTMLAttributes15<HTMLDivElement> {
+interface SidebarGroupLabelProps extends HTMLAttributes16<HTMLDivElement> {
 	render?: ReactElement3;
 	asChild?: boolean;
 }
 declare const SidebarGroupLabel: ForwardRefExoticComponent_tcubfn10<SidebarGroupLabelProps & RefAttributes_miuf5610<HTMLDivElement>>;
-interface SidebarGroupActionProps extends HTMLAttributes15<HTMLButtonElement> {
+interface SidebarGroupActionProps extends HTMLAttributes16<HTMLButtonElement> {
 	render?: ReactElement3;
 	asChild?: boolean;
 }
@@ -2021,11 +2084,11 @@ declare const SidebarGroupAction: ForwardRefExoticComponent_tcubfn10<SidebarGrou
 /** Header action cluster: 1–3 SidebarGroupActions laid out in a row over the
 *  group label's right edge. Use instead of a lone SidebarGroupAction when a
 *  section needs several controls. */
-type SidebarGroupActionsProps = HTMLAttributes15<HTMLDivElement>;
+type SidebarGroupActionsProps = HTMLAttributes16<HTMLDivElement>;
 declare const SidebarGroupActions: ForwardRefExoticComponent_tcubfn10<SidebarGroupActionsProps & RefAttributes_miuf5610<HTMLDivElement>>;
 declare const SidebarGroupContent: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
 import { VariantProps as VariantProps5 } from "class-variance-authority";
-import { AnchorHTMLAttributes, ButtonHTMLAttributes as ButtonHTMLAttributes3, HTMLAttributes as HTMLAttributes16, LiHTMLAttributes, ReactElement as ReactElement4 } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes as ButtonHTMLAttributes3, HTMLAttributes as HTMLAttributes17, LiHTMLAttributes, ReactElement as ReactElement4 } from "react";
 import { Context as Context_rri5bl2 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn11 } from "react";
 import { RefAttributes as RefAttributes_miuf5611 } from "react";
@@ -2036,7 +2099,7 @@ interface SidebarSelectionValue {
 	select: (value: string) => void;
 }
 declare const SidebarSelection: Context_rri5bl2<SidebarSelectionValue | null>;
-interface SidebarMenuProps extends HTMLAttributes16<HTMLUListElement> {
+interface SidebarMenuProps extends HTMLAttributes17<HTMLUListElement> {
 	/** Pins the menu's rows to one step of the size ladder. Omitted, they
 	*  follow the surrounding SizeProvider. */
 	size?: SizeVariant;
@@ -2088,7 +2151,7 @@ interface SidebarMenuActionProps extends ButtonHTMLAttributes3<HTMLButtonElement
 	asChild?: boolean;
 }
 declare const SidebarMenuAction: ForwardRefExoticComponent_tcubfn11<SidebarMenuActionProps & RefAttributes_miuf5611<HTMLButtonElement>>;
-interface SidebarMenuActionsProps extends HTMLAttributes16<HTMLDivElement> {
+interface SidebarMenuActionsProps extends HTMLAttributes17<HTMLDivElement> {
 	/** Hide the cluster until the row is hovered or focused. */
 	showOnHover?: boolean;
 }
@@ -2096,13 +2159,13 @@ interface SidebarMenuActionsProps extends HTMLAttributes16<HTMLDivElement> {
 *  positioning and publishes the whole count to the row, so the button
 *  reserves the exact gutter the cluster occupies. */
 declare const SidebarMenuActions: ForwardRefExoticComponent_tcubfn11<SidebarMenuActionsProps & RefAttributes_miuf5611<HTMLDivElement>>;
-type SidebarMenuBadgeProps = HTMLAttributes16<HTMLDivElement>;
+type SidebarMenuBadgeProps = HTMLAttributes17<HTMLDivElement>;
 declare const SidebarMenuBadge: ForwardRefExoticComponent_tcubfn11<SidebarMenuBadgeProps & RefAttributes_miuf5611<HTMLDivElement>>;
-interface SidebarMenuSkeletonProps extends HTMLAttributes16<HTMLDivElement> {
+interface SidebarMenuSkeletonProps extends HTMLAttributes17<HTMLDivElement> {
 	showIcon?: boolean;
 }
 declare const SidebarMenuSkeleton: ForwardRefExoticComponent_tcubfn11<SidebarMenuSkeletonProps & RefAttributes_miuf5611<HTMLDivElement>>;
-interface SidebarMenuSubProps extends HTMLAttributes16<HTMLUListElement> {
+interface SidebarMenuSubProps extends HTMLAttributes17<HTMLUListElement> {
 	/** Built-in measured-height collapse. Omitted, the sub-menu follows its
 	*  `collapsible` row's state, or stays visible without one. */
 	open?: boolean;
@@ -2118,7 +2181,7 @@ interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorEleme
 	asChild?: boolean;
 }
 declare const SidebarMenuSubButton: ForwardRefExoticComponent_tcubfn11<SidebarMenuSubButtonProps & RefAttributes_miuf5611<HTMLAnchorElement>>;
-interface SidebarProps extends Omit<HTMLAttributes17<HTMLDivElement>, "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration"> {
+interface SidebarProps extends Omit<HTMLAttributes18<HTMLDivElement>, "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration"> {
 	/** The edge it sits on; the shortcut key and the rail mirror it. Defaults to `'left'`. */
 	side?: "left" | "right";
 	/** `'sidebar'` sits flush with an inner border, `'floating'` lifts it onto its own card one surface level up, `'inset'` makes the main region the card. Defaults to `'sidebar'`. */
@@ -2140,9 +2203,9 @@ interface SidebarProps extends Omit<HTMLAttributes17<HTMLDivElement>, "defaultVa
 	/** Extra classes for the sidebar column (`h-full` pins it to a bounded frame). */
 	className?: string;
 	/** The sidebar's parts: `Sidebar.Header`, `Sidebar.Content`, `Sidebar.Footer`. */
-	children?: ReactNode16;
+	children?: ReactNode17;
 }
-type SidebarComponent = ForwardRefExoticComponent7<SidebarProps & RefAttributes7<HTMLDivElement>> & {
+type SidebarComponent = ForwardRefExoticComponent8<SidebarProps & RefAttributes8<HTMLDivElement>> & {
 	Provider: typeof SidebarProvider;
 	Trigger: typeof SidebarTrigger;
 	Rail: typeof SidebarRail;
@@ -2239,12 +2302,12 @@ type SidebarComponent = ForwardRefExoticComponent7<SidebarProps & RefAttributes7
 * @example {@include ./examples.mdx}
 */
 declare const Sidebar: SidebarComponent;
-interface SidebarContentProps extends HTMLAttributes17<HTMLDivElement> {
+interface SidebarContentProps extends HTMLAttributes18<HTMLDivElement> {
 	viewportClassName?: string;
 }
-declare const SidebarContent: ForwardRefExoticComponent7<SidebarContentProps & RefAttributes7<HTMLDivElement>>;
+declare const SidebarContent: ForwardRefExoticComponent8<SidebarContentProps & RefAttributes8<HTMLDivElement>>;
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent as ForwardRefExoticComponent8, ReactNode as ReactNode17, RefAttributes as RefAttributes8 } from "react";
+import { ComponentPropsWithoutRef, ForwardRefExoticComponent as ForwardRefExoticComponent9, ReactNode as ReactNode18, RefAttributes as RefAttributes9 } from "react";
 import { TabsListProps as TabsListProps_6iqhkk } from "@base-ui/react";
 interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "onValueChange" | "value" | "defaultValue" | "onSelect"> {
 	/** Controlled active tab value. Takes precedence over selectedIndex. */
@@ -2262,9 +2325,9 @@ interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.R
 	/** Pins the segmented control to one step of the size ladder (default 36px outer, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 	/** Tabs.List and Tabs.Panel children. */
-	children?: ReactNode17;
+	children?: ReactNode18;
 }
-type TabsComponent = ForwardRefExoticComponent8<TabsProps & RefAttributes8<HTMLDivElement>> & {
+type TabsComponent = ForwardRefExoticComponent9<TabsProps & RefAttributes9<HTMLDivElement>> & {
 	List: typeof TabsList;
 	Item: typeof TabItem;
 	Panel: typeof TabPanel;
@@ -2291,7 +2354,7 @@ type TabsComponent = ForwardRefExoticComponent8<TabsProps & RefAttributes8<HTMLD
 */
 declare const Tabs: TabsComponent;
 type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
-declare const TabsList: ForwardRefExoticComponent8<Omit<Omit<TabsListProps_6iqhkk, "ref"> & RefAttributes8<HTMLDivElement>, "ref"> & RefAttributes8<HTMLDivElement>>;
+declare const TabsList: ForwardRefExoticComponent9<Omit<Omit<TabsListProps_6iqhkk, "ref"> & RefAttributes9<HTMLDivElement>, "ref"> & RefAttributes9<HTMLDivElement>>;
 interface TabItemProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab> {
 	value: string;
 	icon?: IconComponent;
@@ -2299,15 +2362,15 @@ interface TabItemProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab
 	/** @internal Auto-assigned by TabsList. */
 	_index?: number;
 }
-declare const TabItem: ForwardRefExoticComponent8<TabItemProps & RefAttributes8<HTMLButtonElement>>;
+declare const TabItem: ForwardRefExoticComponent9<TabItemProps & RefAttributes9<HTMLButtonElement>>;
 interface TabPanelProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Panel> {
 	value: string;
 }
-declare const TabPanel: ForwardRefExoticComponent8<TabPanelProps & RefAttributes8<HTMLDivElement>>;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent9, HTMLAttributes as HTMLAttributes18, ReactNode as ReactNode18, RefAttributes as RefAttributes9 } from "react";
-interface TabsSubtleProps extends Omit<HTMLAttributes18<HTMLDivElement>, "onSelect"> {
+declare const TabPanel: ForwardRefExoticComponent9<TabPanelProps & RefAttributes9<HTMLDivElement>>;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent10, HTMLAttributes as HTMLAttributes19, ReactNode as ReactNode19, RefAttributes as RefAttributes10 } from "react";
+interface TabsSubtleProps extends Omit<HTMLAttributes19<HTMLDivElement>, "onSelect"> {
 	/** TabsSubtle.Item children, and optionally the TabsSubtle.Panel children they select. */
-	children: ReactNode18;
+	children: ReactNode19;
 	/** Index of the currently selected tab. Controlled — pair it with `onSelect`. */
 	selectedIndex?: number;
 	/** Selected tab on first render when uncontrolled. Defaults to `0`. */
@@ -2321,7 +2384,7 @@ interface TabsSubtleProps extends Omit<HTMLAttributes18<HTMLDivElement>, "onSele
 	/** Pins the tabs to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type TabsSubtleComponent = ForwardRefExoticComponent9<TabsSubtleProps & RefAttributes9<HTMLDivElement>> & {
+type TabsSubtleComponent = ForwardRefExoticComponent10<TabsSubtleProps & RefAttributes10<HTMLDivElement>> & {
 	Item: typeof TabsSubtleItem;
 	Panel: typeof TabsSubtlePanel;
 };
@@ -2348,7 +2411,7 @@ type TabsSubtleComponent = ForwardRefExoticComponent9<TabsSubtleProps & RefAttri
 * @example {@include ./examples.mdx}
 */
 declare const TabsSubtle: TabsSubtleComponent;
-interface TabsSubtleItemProps extends HTMLAttributes18<HTMLButtonElement> {
+interface TabsSubtleItemProps extends HTMLAttributes19<HTMLButtonElement> {
 	/** Icon displayed in the tab. */
 	icon?: IconComponent;
 	/** Text label for the tab. */
@@ -2356,8 +2419,8 @@ interface TabsSubtleItemProps extends HTMLAttributes18<HTMLButtonElement> {
 	/** Position index within the tab list. */
 	index: number;
 }
-declare const TabsSubtleItem: ForwardRefExoticComponent9<TabsSubtleItemProps & RefAttributes9<HTMLButtonElement>>;
-interface TabsSubtlePanelProps extends HTMLAttributes18<HTMLDivElement> {
+declare const TabsSubtleItem: ForwardRefExoticComponent10<TabsSubtleItemProps & RefAttributes10<HTMLButtonElement>>;
+interface TabsSubtlePanelProps extends HTMLAttributes19<HTMLDivElement> {
 	/** Index of this panel; rendered only when it matches the selected tab. */
 	index: number;
 	/** Currently selected tab index. Defaults to the enclosing TabsSubtle's selection. */
@@ -2365,10 +2428,11 @@ interface TabsSubtlePanelProps extends HTMLAttributes18<HTMLDivElement> {
 	/** Must match the TabsSubtle idPrefix. Defaults to the enclosing TabsSubtle's prefix. */
 	idPrefix?: string;
 	/** Panel content, only rendered when selected. */
-	children: ReactNode18;
+	children: ReactNode19;
 }
-declare const TabsSubtlePanel: ForwardRefExoticComponent9<TabsSubtlePanelProps & RefAttributes9<HTMLDivElement>>;
-import { HTMLAttributes as HTMLAttributes19, ReactNode as ReactNode19, RefObject as RefObject11 } from "react";
+declare const TabsSubtlePanel: ForwardRefExoticComponent10<TabsSubtlePanelProps & RefAttributes10<HTMLDivElement>>;
+import { ReactNode as ReactNode21 } from "react";
+import { HTMLAttributes as HTMLAttributes20, ReactNode as ReactNode20, RefObject as RefObject11 } from "react";
 /** What opened the overlay: the pressed trigger and the press point. */
 interface MorphOrigin {
 	trigger?: HTMLElement;
@@ -2388,7 +2452,7 @@ declare const useDialogState: () => {
 };
 declare const DialogTrigger: ForwardRefExoticComponent_tcubfn12<SlotProps & RefAttributes_miuf5612<HTMLButtonElement>>;
 declare const DialogClose: ForwardRefExoticComponent_tcubfn12<SlotProps & RefAttributes_miuf5612<HTMLButtonElement>>;
-interface DialogContentProps extends HTMLAttributes19<HTMLDivElement> {
+interface DialogContentProps extends HTMLAttributes20<HTMLDivElement> {
 	/** Width: 400, 540, or 880. Compact regions narrow each by 1 notch: 360,
 	*  480, 800. `xl` is the canvas for composed layouts — a sidebar beside a
 	*  panel — which usually pair it with `className="p-0"` and a fixed
@@ -2417,14 +2481,14 @@ interface DialogContentProps extends HTMLAttributes19<HTMLDivElement> {
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'slow'`. */
 	tier?: "moderate" | "slow";
 	/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
-	children?: ReactNode19;
+	children?: ReactNode20;
 }
 declare const DialogContent: ForwardRefExoticComponent_tcubfn12<DialogContentProps & RefAttributes_miuf5612<HTMLDivElement>>;
 type Element_12xgc16 = JSX_1kxb16["Element"];
-declare function DialogHeader({ className,...props }: HTMLAttributes19<HTMLDivElement>): Element_12xgc16;
-declare function DialogFooter({ className,...props }: HTMLAttributes19<HTMLDivElement>): Element_12xgc16;
-declare const DialogTitle: ForwardRefExoticComponent_tcubfn12<HTMLAttributes19<HTMLHeadingElement> & RefAttributes_miuf5612<HTMLHeadingElement>>;
-declare const DialogDescription: ForwardRefExoticComponent_tcubfn12<HTMLAttributes19<HTMLParagraphElement> & RefAttributes_miuf5612<HTMLParagraphElement>>;
+declare function DialogHeader({ className,...props }: HTMLAttributes20<HTMLDivElement>): Element_12xgc16;
+declare function DialogFooter({ className,...props }: HTMLAttributes20<HTMLDivElement>): Element_12xgc16;
+declare const DialogTitle: ForwardRefExoticComponent_tcubfn12<HTMLAttributes20<HTMLHeadingElement> & RefAttributes_miuf5612<HTMLHeadingElement>>;
+declare const DialogDescription: ForwardRefExoticComponent_tcubfn12<HTMLAttributes20<HTMLParagraphElement> & RefAttributes_miuf5612<HTMLParagraphElement>>;
 interface DialogStateProps {
 	open?: boolean;
 	defaultOpen?: boolean;
@@ -2435,7 +2499,7 @@ interface DialogStateProps {
 			trigger?: Element;
 			event?: Event;
 		}) => void;
-	}) => ReactNode19;
+	}) => ReactNode20;
 }
 /**
 * A dialog's open state, held here (not in Base UI's Root) because the morph
@@ -2453,7 +2517,7 @@ interface DialogProps {
 	/** Traps focus and locks page scroll while open. Defaults to `true`. */
 	modal?: boolean;
 	/** The trigger and the content — `Dialog.Trigger` plus a `Dialog.Content`. */
-	children?: ReactNode19;
+	children?: ReactNode20;
 }
 /**
 * 3 widths, grown out of whatever opened them.
@@ -2488,7 +2552,6 @@ interface DialogProps {
 * @example {@include ./examples.mdx}
 */
 declare function Dialog({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): Element_12xgc16;
-import { ReactNode as ReactNode20 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn13 } from "react";
 import { RefAttributes as RefAttributes_miuf5613 } from "react";
 import { JSX as JSX_1kxb17 } from "react";
@@ -2501,7 +2564,7 @@ interface AlertDialogProps {
 	/** Called when the dialog opens or closes. */
 	onOpenChange?: (open: boolean) => void;
 	/** The trigger and the content — `AlertDialog.Trigger` plus an `AlertDialog.Content`. */
-	children?: ReactNode20;
+	children?: ReactNode21;
 }
 type Element_12xgc17 = JSX_1kxb17["Element"];
 /**
@@ -2522,8 +2585,8 @@ type Element_12xgc17 = JSX_1kxb17["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function AlertDialog({ children, open, defaultOpen, onOpenChange }: AlertDialogProps): Element_12xgc17;
-import { ReactNode as ReactNode22, RefObject as RefObject12 } from "react";
-import { HTMLAttributes as HTMLAttributes20, ReactElement as ReactElement5, ReactNode as ReactNode21 } from "react";
+import { ReactNode as ReactNode23, RefObject as RefObject12 } from "react";
+import { HTMLAttributes as HTMLAttributes21, ReactElement as ReactElement5, ReactNode as ReactNode22 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn14 } from "react";
 import { RefAttributes as RefAttributes_miuf5614 } from "react";
 /** What MenuItem hands to the popup's primitive wrapper. `element` is the
@@ -2548,7 +2611,7 @@ interface MenuItemRenderOptions {
 	*  never sees a handler on the render element. */
 	onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 	element: ReactElement5;
-	children: ReactNode21;
+	children: ReactNode22;
 }
 interface DropdownContextValue {
 	registerItem: (index: number, element: HTMLElement | null) => void;
@@ -2578,7 +2641,7 @@ interface DropdownContextValue {
 declare function useDropdown(): DropdownContextValue;
 /** Null-safe context read for callers that render outside a provider. */
 declare function useDropdownMaybe(): DropdownContextValue | null;
-interface MenuItemProps extends HTMLAttributes20<HTMLDivElement> {
+interface MenuItemProps extends HTMLAttributes21<HTMLDivElement> {
 	/** Optional leading icon. When omitted, the row renders text-only with no
 	*  reserved icon column. */
 	icon?: IconComponent;
@@ -2621,7 +2684,7 @@ interface ContextMenuContentProps {
 	/** Extra classes for the menu surface — it is 14rem wide by default. */
 	className?: string;
 	/** `ContextMenu.Item` rows, plus `ContextMenu.Label` and `ContextMenu.Separator`. */
-	children?: ReactNode22;
+	children?: ReactNode23;
 }
 declare const ContextMenuContent: ForwardRefExoticComponent_tcubfn15<ContextMenuContentProps & RefAttributes_miuf5615<HTMLDivElement>>;
 interface ContextMenuProps {
@@ -2636,7 +2699,7 @@ interface ContextMenuProps {
 	/** Pins the rows to one step of the size ladder (default 36px, compact 28px — see Sizes). Omitted, they follow the surrounding SizeProvider. */
 	size?: SizeVariant;
 	/** The area and the menu — `ContextMenu.Trigger` plus a `ContextMenu.Content`. */
-	children?: ReactNode22;
+	children?: ReactNode23;
 }
 type Element_12xgc18 = JSX_1kxb18["Element"];
 /**
@@ -2667,8 +2730,8 @@ type Element_12xgc18 = JSX_1kxb18["Element"];
 declare function ContextMenu({ open, defaultOpen, onOpenChange, disabled, size, children }: ContextMenuProps): Element_12xgc18;
 import { MenuTriggerProps } from "@base-ui/react/menu";
 import { Menu as Menu2 } from "@base-ui/react/menu";
-import { ComponentProps, ForwardRefExoticComponent as ForwardRefExoticComponent10, HTMLAttributes as HTMLAttributes22, ReactNode as ReactNode23, RefAttributes as RefAttributes10, RefObject as RefObject14 } from "react";
-import { HTMLAttributes as HTMLAttributes21, InputHTMLAttributes as InputHTMLAttributes4 } from "react";
+import { ComponentProps, ForwardRefExoticComponent as ForwardRefExoticComponent11, HTMLAttributes as HTMLAttributes23, ReactNode as ReactNode24, RefAttributes as RefAttributes11, RefObject as RefObject14 } from "react";
+import { HTMLAttributes as HTMLAttributes22, InputHTMLAttributes as InputHTMLAttributes4 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn16 } from "react";
 import { RefAttributes as RefAttributes_miuf5616 } from "react";
 interface DropdownSearchProps extends Omit<InputHTMLAttributes4<HTMLInputElement>, "value" | "onChange" | "size" | "defaultValue"> {
@@ -2687,18 +2750,18 @@ interface DropdownSearchProps extends Omit<InputHTMLAttributes4<HTMLInputElement
 	autoFocus?: boolean;
 }
 declare const DropdownSearch: ForwardRefExoticComponent_tcubfn16<DropdownSearchProps & RefAttributes_miuf5616<HTMLInputElement>>;
-declare const DropdownEmpty: ForwardRefExoticComponent_tcubfn16<HTMLAttributes21<HTMLDivElement> & RefAttributes_miuf5616<HTMLDivElement>>;
+declare const DropdownEmpty: ForwardRefExoticComponent_tcubfn16<HTMLAttributes22<HTMLDivElement> & RefAttributes_miuf5616<HTMLDivElement>>;
 import { JSX as JSX_1kxb19 } from "react";
-interface DropdownProps extends HTMLAttributes22<HTMLDivElement> {
+interface DropdownProps extends HTMLAttributes23<HTMLDivElement> {
 	/** `Dropdown.Item` rows, plus `Dropdown.Label` and `Dropdown.Separator`. */
-	children: ReactNode23;
+	children: ReactNode24;
 	/** The checked row: drives the animated selected background and the rows' radio semantics. */
 	checkedIndex?: number;
 	/** Uncontrolled twin of `checkedIndex`: the panel owns the selection, so rows need no `checked` or `onSelect` of their own. */
 	defaultCheckedIndex?: number;
 	/** Called with the newly checked row, or `undefined` when nothing is checked. */
 	onCheckedIndexChange?: (index: number | undefined) => void;
-	/** Multiple selection: the checked rows. Rows become checkbox items and contiguous runs share one merged background (see CheckboxGroup). */
+	/** Multiple selection: the checked rows. Rows become checkbox items and contiguous runs share one merged background (see Checkbox.Group). */
 	checkedIndices?: number[];
 	/** Uncontrolled twin of `checkedIndices`: the panel toggles rows itself. */
 	defaultCheckedIndices?: number[];
@@ -2709,7 +2772,7 @@ interface DropdownProps extends HTMLAttributes22<HTMLDivElement> {
 	/** Extra classes for the panel surface — it is 18rem wide by default. */
 	className?: string;
 }
-type DropdownComponent = ForwardRefExoticComponent10<DropdownProps & RefAttributes10<HTMLDivElement>> & {
+type DropdownComponent = ForwardRefExoticComponent11<DropdownProps & RefAttributes11<HTMLDivElement>> & {
 	Menu2: typeof DropdownMenu;
 	Trigger: typeof DropdownTrigger;
 	Content: typeof DropdownContent;
@@ -2747,7 +2810,7 @@ type DropdownComponent = ForwardRefExoticComponent10<DropdownProps & RefAttribut
 declare const Dropdown: DropdownComponent;
 interface DropdownMenuProps {
 	/** `Dropdown.Trigger` and `Dropdown.Content`. */
-	children: ReactNode23;
+	children: ReactNode24;
 	/** Controlled open state. Pair with `onOpenChange`. */
 	open?: boolean;
 	/** Initial open state — uncontrolled. Defaults to `false`. */
@@ -2766,7 +2829,7 @@ declare const DropdownTrigger: Menu2.Trigger;
 type MenuPositionerProps = ComponentProps<typeof Menu2.Positioner>;
 interface DropdownContentProps {
 	/** `Dropdown.Item` rows, plus `Dropdown.Label`, `Dropdown.Separator`, `Dropdown.Search`, `Dropdown.Empty`. */
-	children: ReactNode23;
+	children: ReactNode24;
 	/** Extra classes for the popup surface. */
 	className?: string;
 	/** Index of the checked item. Drives the animated selected background and
@@ -2778,7 +2841,7 @@ interface DropdownContentProps {
 	onCheckedIndexChange?: (index: number | undefined) => void;
 	/** Multiple selection: the checked rows. Rows become checkbox items that
 	*  keep the menu open when toggled, and contiguous runs share one merged
-	*  background (see CheckboxGroup). */
+	*  background (see Checkbox.Group). */
 	checkedIndices?: number[];
 	/** Uncontrolled twin of `checkedIndices`: the popup toggles rows itself. */
 	defaultCheckedIndices?: number[];
@@ -2799,10 +2862,10 @@ interface DropdownContentProps {
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
 	tier?: "moderate" | "slow";
 }
-declare const DropdownContent: ForwardRefExoticComponent10<DropdownContentProps & RefAttributes10<HTMLDivElement>>;
-declare const DropdownLabel: ForwardRefExoticComponent10<HTMLAttributes22<HTMLDivElement> & RefAttributes10<HTMLDivElement>>;
-declare const DropdownSeparator: ForwardRefExoticComponent10<HTMLAttributes22<HTMLDivElement> & RefAttributes10<HTMLDivElement>>;
-import { HTMLAttributes as HTMLAttributes23, ReactNode as ReactNode24, RefObject as RefObject15 } from "react";
+declare const DropdownContent: ForwardRefExoticComponent11<DropdownContentProps & RefAttributes11<HTMLDivElement>>;
+declare const DropdownLabel: ForwardRefExoticComponent11<HTMLAttributes23<HTMLDivElement> & RefAttributes11<HTMLDivElement>>;
+declare const DropdownSeparator: ForwardRefExoticComponent11<HTMLAttributes23<HTMLDivElement> & RefAttributes11<HTMLDivElement>>;
+import { HTMLAttributes as HTMLAttributes24, ReactNode as ReactNode25, RefObject as RefObject15 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn17 } from "react";
 import { RefAttributes as RefAttributes_miuf5617 } from "react";
 import { JSX as JSX_1kxb20 } from "react";
@@ -2816,7 +2879,7 @@ interface PopoverTriggerProps extends SlotProps {
 }
 declare const PopoverTrigger: ForwardRefExoticComponent_tcubfn17<PopoverTriggerProps & RefAttributes_miuf5617<HTMLButtonElement>>;
 declare const PopoverClose: ForwardRefExoticComponent_tcubfn17<SlotProps & RefAttributes_miuf5617<HTMLButtonElement>>;
-interface PopoverContentProps extends HTMLAttributes23<HTMLDivElement> {
+interface PopoverContentProps extends HTMLAttributes24<HTMLDivElement> {
 	/** Side of the trigger the panel opens on; it flips when there is no room. Defaults to `'bottom'`. */
 	side?: "top" | "right" | "bottom" | "left";
 	/** Alignment along that side. Defaults to `'center'`, or `'start'` when the panel opens in place (`effect="morph"` with `hideSource`). */
@@ -2836,11 +2899,11 @@ interface PopoverContentProps extends HTMLAttributes23<HTMLDivElement> {
 	/** Classes for the panel's content box: padding, width, layout. */
 	className?: string;
 	/** The panel's content. Everything inside reads the popover's surface level as its substrate. */
-	children?: ReactNode24;
+	children?: ReactNode25;
 }
 declare const PopoverContent: ForwardRefExoticComponent_tcubfn17<PopoverContentProps & RefAttributes_miuf5617<HTMLDivElement>>;
-declare const PopoverTitle: ForwardRefExoticComponent_tcubfn17<HTMLAttributes23<HTMLHeadingElement> & RefAttributes_miuf5617<HTMLHeadingElement>>;
-declare const PopoverDescription: ForwardRefExoticComponent_tcubfn17<HTMLAttributes23<HTMLParagraphElement> & RefAttributes_miuf5617<HTMLParagraphElement>>;
+declare const PopoverTitle: ForwardRefExoticComponent_tcubfn17<HTMLAttributes24<HTMLHeadingElement> & RefAttributes_miuf5617<HTMLHeadingElement>>;
+declare const PopoverDescription: ForwardRefExoticComponent_tcubfn17<HTMLAttributes24<HTMLParagraphElement> & RefAttributes_miuf5617<HTMLParagraphElement>>;
 interface PopoverProps {
 	/** Controlled open state. Pair with `onOpenChange`. */
 	open?: boolean;
@@ -2851,7 +2914,7 @@ interface PopoverProps {
 	/** Trap focus and block page interaction while open. Defaults to `false`. */
 	modal?: boolean;
 	/** The trigger and the panel — `Popover.Trigger` plus a `Popover.Content`. */
-	children?: ReactNode24;
+	children?: ReactNode25;
 }
 type Element_12xgc20 = JSX_1kxb20["Element"];
 /**
@@ -2879,7 +2942,7 @@ type Element_12xgc20 = JSX_1kxb20["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Popover2({ open, defaultOpen, onOpenChange, modal, children }: PopoverProps): Element_12xgc20;
-import { AnchorHTMLAttributes as AnchorHTMLAttributes2, HTMLAttributes as HTMLAttributes24, ReactElement as ReactElement6, ReactNode as ReactNode25, RefObject as RefObject16 } from "react";
+import { AnchorHTMLAttributes as AnchorHTMLAttributes2, HTMLAttributes as HTMLAttributes25, ReactElement as ReactElement6, ReactNode as ReactNode26, RefObject as RefObject16 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn18 } from "react";
 import { RefAttributes as RefAttributes_miuf5618 } from "react";
 import { JSX as JSX_1kxb21 } from "react";
@@ -2893,10 +2956,10 @@ interface PreviewCardTriggerProps extends AnchorHTMLAttributes2<HTMLAnchorElemen
 	/** Extra classes for the link. */
 	className?: string;
 	/** The link's content. */
-	children?: ReactNode25;
+	children?: ReactNode26;
 }
 declare const PreviewCardTrigger: ForwardRefExoticComponent_tcubfn18<PreviewCardTriggerProps & RefAttributes_miuf5618<HTMLAnchorElement>>;
-interface PreviewCardContentProps extends HTMLAttributes24<HTMLDivElement> {
+interface PreviewCardContentProps extends HTMLAttributes25<HTMLDivElement> {
 	/** Side of the link the card opens on; it flips when there is no room. Defaults to `'bottom'`. */
 	side?: "top" | "right" | "bottom" | "left";
 	/** Alignment along that side. Defaults to `'center'`, or `'start'` when the card opens in place (`effect="morph"` with `hideSource`). */
@@ -2916,7 +2979,7 @@ interface PreviewCardContentProps extends HTMLAttributes24<HTMLDivElement> {
 	/** Classes for the card's content box: padding, width, layout. */
 	className?: string;
 	/** The card's content. Everything inside reads the card's surface level as its substrate. */
-	children?: ReactNode25;
+	children?: ReactNode26;
 }
 declare const PreviewCardContent: ForwardRefExoticComponent_tcubfn18<PreviewCardContentProps & RefAttributes_miuf5618<HTMLDivElement>>;
 interface PreviewCardProps {
@@ -2927,7 +2990,7 @@ interface PreviewCardProps {
 	/** Called when the card opens or closes. */
 	onOpenChange?: (open: boolean) => void;
 	/** The link and the card — `PreviewCard.Trigger` plus a `PreviewCard.Content`. */
-	children?: ReactNode25;
+	children?: ReactNode26;
 }
 type Element_12xgc21 = JSX_1kxb21["Element"];
 /**
@@ -2953,12 +3016,12 @@ type Element_12xgc21 = JSX_1kxb21["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function PreviewCard({ open, defaultOpen, onOpenChange, children }: PreviewCardProps): Element_12xgc21;
-import { HTMLAttributes as HTMLAttributes25, ReactNode as ReactNode26, RefObject as RefObject17 } from "react";
+import { HTMLAttributes as HTMLAttributes26, ReactNode as ReactNode27, RefObject as RefObject17 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn19 } from "react";
 import { RefAttributes as RefAttributes_miuf5619 } from "react";
 import { JSX as JSX_1kxb22 } from "react";
 type SheetSide = "top" | "right" | "bottom" | "left";
-interface SheetContentProps extends HTMLAttributes25<HTMLDivElement> {
+interface SheetContentProps extends HTMLAttributes26<HTMLDivElement> {
 	/** Where the sheet grows from (see Morph): its own edge, the pressed trigger, the press point, its center, another edge, or a ref to any element. Defaults to the sheet's `side`. */
 	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject17<HTMLElement | null>;
 	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
@@ -2972,10 +3035,10 @@ interface SheetContentProps extends HTMLAttributes25<HTMLDivElement> {
 	/** Classes for the sheet's content box: padding, layout. */
 	className?: string;
 	/** The sheet's content. Everything inside reads the sheet's surface level as its substrate. */
-	children?: ReactNode26;
+	children?: ReactNode27;
 }
 declare const SheetContent: ForwardRefExoticComponent_tcubfn19<SheetContentProps & RefAttributes_miuf5619<HTMLDivElement>>;
-declare const SheetIndent: ForwardRefExoticComponent_tcubfn19<HTMLAttributes25<HTMLDivElement> & RefAttributes_miuf5619<HTMLDivElement>>;
+declare const SheetIndent: ForwardRefExoticComponent_tcubfn19<HTMLAttributes26<HTMLDivElement> & RefAttributes_miuf5619<HTMLDivElement>>;
 interface SheetProps {
 	/** Controlled open state. */
 	open?: boolean;
@@ -2992,7 +3055,7 @@ interface SheetProps {
 	/** Traps focus and locks page scroll while open. Defaults to `true`. */
 	modal?: boolean;
 	/** The trigger and the content — `Sheet.Trigger` plus a `Sheet.Content`. */
-	children?: ReactNode26;
+	children?: ReactNode27;
 }
 type Element_12xgc22 = JSX_1kxb22["Element"];
 /**
@@ -3019,7 +3082,7 @@ type Element_12xgc22 = JSX_1kxb22["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal }: SheetProps): Element_12xgc22;
-import { ReactNode as ReactNode27 } from "react";
+import { ReactNode as ReactNode28 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn20 } from "react";
 import { RefAttributes as RefAttributes_miuf5620 } from "react";
 import { JSX as JSX_1kxb23 } from "react";
@@ -3086,7 +3149,7 @@ interface ToastProps {
 	/** Ms a toast stays; hovering pauses it. Defaults to `6000`. */
 	timeout?: number;
 	/** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. */
-	children?: ReactNode27;
+	children?: ReactNode28;
 }
 type Element_12xgc23 = JSX_1kxb23["Element"];
 /**
@@ -3116,15 +3179,15 @@ type Element_12xgc23 = JSX_1kxb23["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Toast({ position, limit, timeout, children }: ToastProps): Element_12xgc23;
-import { ReactNode as ReactNode28, RefObject as RefObject18 } from "react";
+import { ReactNode as ReactNode29, RefObject as RefObject18 } from "react";
 import { JSX as JSX_1kxb24 } from "react";
 type Element_12xgc24 = JSX_1kxb24["Element"];
 declare function TooltipPortalContainer({ value, children }: {
 	value: HTMLElement | null;
-	children: ReactNode28;
+	children: ReactNode29;
 }): Element_12xgc24;
 interface TooltipProviderProps {
-	children: ReactNode28;
+	children: ReactNode29;
 	/** Hover delay before tooltips open, in ms. Defaults to 200. */
 	delayDuration?: number;
 	/** After a tooltip closes, adjacent tooltips opened within this window
@@ -3139,7 +3202,7 @@ declare function TooltipProvider({ children, delayDuration, skipDelayDuration }:
 type TooltipSide = "top" | "right" | "bottom" | "left";
 interface TooltipProps {
 	/** The content displayed inside the tooltip. */
-	content: ReactNode28;
+	content: ReactNode29;
 	/** The trigger element. Must accept a ref. */
 	children: React.ReactElement;
 	/** Preferred side of the trigger to render the tooltip on. Defaults to `"top"`. */
@@ -3190,15 +3253,15 @@ interface TooltipProps {
 * @example {@include ./examples.mdx}
 */
 declare function Tooltip({ content, children, side, sideOffset, delayDuration, className, contentClassName, forceOpen, onOpenChange: onOpenChangeProp, followCursor, from, effect, tier }: TooltipProps): Element_12xgc24;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent11, HTMLAttributes as HTMLAttributes26, ReactNode as ReactNode29, RefAttributes as RefAttributes11, TdHTMLAttributes, ThHTMLAttributes } from "react";
-interface TableProps extends HTMLAttributes26<HTMLTableElement> {
+import { ForwardRefExoticComponent as ForwardRefExoticComponent12, HTMLAttributes as HTMLAttributes27, ReactNode as ReactNode30, RefAttributes as RefAttributes12, TdHTMLAttributes, ThHTMLAttributes } from "react";
+interface TableProps extends HTMLAttributes27<HTMLTableElement> {
 	/** `Table.Header` and `Table.Body` children. */
-	children: ReactNode29;
+	children: ReactNode30;
 	/** Pins the table's rows to one step of the size ladder (default 36px, compact 28px — see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */
 	size?: SizeVariant;
 }
 /** The root plus its compound parts, typed so `<Table.Row>` type-checks. */
-type TableComponent = ForwardRefExoticComponent11<TableProps & RefAttributes11<HTMLTableElement>> & {
+type TableComponent = ForwardRefExoticComponent12<TableProps & RefAttributes12<HTMLTableElement>> & {
 	Header: typeof TableHeader;
 	Body: typeof TableBody;
 	Row: typeof TableRow;
@@ -3224,46 +3287,26 @@ type TableComponent = ForwardRefExoticComponent11<TableProps & RefAttributes11<H
 * @example {@include ./examples.mdx}
 */
 declare const Table: TableComponent;
-declare const TableHeader: ForwardRefExoticComponent11<HTMLAttributes26<HTMLTableSectionElement> & RefAttributes11<HTMLTableSectionElement>>;
-declare const TableBody: ForwardRefExoticComponent11<HTMLAttributes26<HTMLTableSectionElement> & RefAttributes11<HTMLTableSectionElement>>;
-interface TableRowProps extends HTMLAttributes26<HTMLTableRowElement> {
+declare const TableHeader: ForwardRefExoticComponent12<HTMLAttributes27<HTMLTableSectionElement> & RefAttributes12<HTMLTableSectionElement>>;
+declare const TableBody: ForwardRefExoticComponent12<HTMLAttributes27<HTMLTableSectionElement> & RefAttributes12<HTMLTableSectionElement>>;
+interface TableRowProps extends HTMLAttributes27<HTMLTableRowElement> {
 	index?: number;
 }
-declare const TableRow: ForwardRefExoticComponent11<TableRowProps & RefAttributes11<HTMLTableRowElement>>;
-declare const TableHead: ForwardRefExoticComponent11<ThHTMLAttributes<HTMLTableCellElement> & RefAttributes11<HTMLTableCellElement>>;
-declare const TableCell: ForwardRefExoticComponent11<TdHTMLAttributes<HTMLTableCellElement> & RefAttributes11<HTMLTableCellElement>>;
-import { HTMLAttributes as HTMLAttributes27 } from "react";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn21 } from "react";
-import { RefAttributes as RefAttributes_miuf5621 } from "react";
-interface ThinkingIndicatorProps extends HTMLAttributes27<HTMLDivElement> {
-	/** The look: `shimmer` morphs a circle⇄infinity glyph beside a shimmering label (Fluid Functionalism's), `goo` melts three dots into one blob and splits them again beside a plain label. Defaults to `"shimmer"`. */
-	variant?: "shimmer" | "goo";
-	/** Show the glyph (or, for `goo`, the dots) before the label. Set to `false` for a text-only indicator (e.g. inline before a streamed reply). Defaults to `true`. */
-	showIcon?: boolean;
-	/** Step on the size ladder. Wins over the surrounding SizeProvider. Defaults to the provider's step, else `"default"`. */
-	size?: SizeVariant;
-}
-/**
-* Animated status indicator with morphing SVG and cycling text — the
-* assistant's working state.
-*
-* A glyph that morphs circle to infinity and back sits next to a shimmering
-* label that cycles Thinking, Moonwalking, Planning, Refining, each word
-* swapped on a spring. The row reserves the width of the longest word, so
-* nothing around it shifts while the words change. One static "Thinking…" is
-* announced to screen readers instead of a re-announcement every four
-* seconds, and reduced motion drops both the morph and the cycling for a
-* still glyph and label.
-*
-* `variant="goo"` swaps the glyph for three dots that melt into one blob and
-* split again through the goo filter (see Morph), beside a plain label;
-* reduced motion holds them split.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const ThinkingIndicator: ForwardRefExoticComponent_tcubfn21<ThinkingIndicatorProps & RefAttributes_miuf5621<HTMLDivElement>>;
+declare const TableRow: ForwardRefExoticComponent12<TableRowProps & RefAttributes12<HTMLTableRowElement>>;
+declare const TableHead: ForwardRefExoticComponent12<ThHTMLAttributes<HTMLTableCellElement> & RefAttributes12<HTMLTableCellElement>>;
+declare const TableCell: ForwardRefExoticComponent12<TdHTMLAttributes<HTMLTableCellElement> & RefAttributes12<HTMLTableCellElement>>;
+import { ReactNode as ReactNode31 } from "react";
 import { JSX as JSX_1kxb25 } from "react";
+type ShapeVariant = "pill" | "rounded";
 type Element_12xgc25 = JSX_1kxb25["Element"];
+declare function ShapeProvider({ children, defaultShape }: {
+	children: ReactNode31;
+	defaultShape?: ShapeVariant;
+}): Element_12xgc25;
+import { CnFunction } from "cn";
+declare const cn: CnFunction;
+import { JSX as JSX_1kxb26 } from "react";
+type Element_12xgc26 = JSX_1kxb26["Element"];
 /**
 * Source code in the theme's syntax colors, one surface step above whatever
 * it sits on.
@@ -3283,13 +3326,13 @@ declare function Code({ children, language, className }: {
 	language?: string;
 	/** Extra classes for the frame. */
 	className?: string;
-}): Element_12xgc25;
-import { ReactNode as ReactNode30 } from "react";
+}): Element_12xgc26;
+import { ReactNode as ReactNode32 } from "react";
 interface CraftProps {
 	/** The naive version: the same interface with the detail missing. */
-	bad: ReactNode30;
+	bad: ReactNode32;
 	/** The system's version, with the detail in place. */
-	good: ReactNode30;
+	good: ReactNode32;
 	/** What goes wrong on the bad side, in one line. */
 	badNote?: string;
 	/** What the good side does instead, in one line. */
@@ -3297,7 +3340,7 @@ interface CraftProps {
 	/** Classes for the root grid. */
 	className?: string;
 }
-import { ForwardRefExoticComponent as ForwardRefExoticComponent12, HTMLAttributes as HTMLAttributes28, ReactNode as ReactNode31, RefAttributes as RefAttributes12 } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent13, HTMLAttributes as HTMLAttributes28, ReactNode as ReactNode33, RefAttributes as RefAttributes13 } from "react";
 import { Transition as Transition2 } from "motion/react";
 import { Dispatch as Dispatch2, MutableRefObject as MutableRefObject2, RefObject as RefObject19, SetStateAction as SetStateAction2 } from "react";
 interface ItemRect {
@@ -3388,7 +3431,7 @@ declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject19<
 * item that is not grouped); then nothing is registered.
 */
 declare function useRegisterFluidHoverItem(registerItem: ((index: number, element: HTMLElement | null) => void) | undefined, index: number | undefined, ref: RefObject19<HTMLElement | null>): void;
-import { JSX as JSX_1kxb27 } from "react";
+import { JSX as JSX_1kxb28 } from "react";
 /** What the highlight reads off the hook: the highlighted index, the
 *  measured rects, whether they are current, and the pointer session. */
 type FluidHoverSource = Pick<UseFluidHoverReturn, "activeIndex" | "itemRects" | "isMeasured" | "sessionRef">;
@@ -3426,8 +3469,8 @@ type FluidHoverHighlightProps = (HighlightFromHook | HighlightFromRect) & {
 	*  underneath, not a hover change). The opacity fade is always 0.08s. */
 	transition?: Transition2 | false;
 };
-type Element_12xgc27 = JSX_1kxb27["Element"];
-declare function FluidHoverHighlight(props: FluidHoverHighlightProps): Element_12xgc27;
+type Element_12xgc28 = JSX_1kxb28["Element"];
+declare function FluidHoverHighlight(props: FluidHoverHighlightProps): Element_12xgc28;
 type FluidHoverAxis = "x" | "y" | "xy";
 interface FluidHoverItemProps extends HTMLAttributes28<HTMLButtonElement> {
 	/** Position in the list. Assigned automatically to direct children of `FluidHover`; pass it by hand for rows rendered inside a wrapper of your own. */
@@ -3435,7 +3478,7 @@ interface FluidHoverItemProps extends HTMLAttributes28<HTMLButtonElement> {
 	/** Skips the row: never lit, never the target of a gap click. It stays registered, so its neighbours keep their indices. Defaults to `false`. */
 	disabled?: boolean;
 	/** The row's content — a label, or an icon plus text, or (on `xy`) a title over a description. */
-	children?: ReactNode31;
+	children?: ReactNode33;
 	/** Classes for the row, merged over the per-axis defaults. */
 	className?: string;
 }
@@ -3445,7 +3488,7 @@ interface FluidHoverItemProps extends HTMLAttributes28<HTMLButtonElement> {
 * surrounding `FluidHover` for as long as it is mounted; outside one it is
 * just a button.
 */
-declare const FluidHoverItem: ForwardRefExoticComponent12<FluidHoverItemProps & RefAttributes12<HTMLButtonElement>>;
+declare const FluidHoverItem: ForwardRefExoticComponent13<FluidHoverItemProps & RefAttributes13<HTMLButtonElement>>;
 interface FluidHoverProps extends HTMLAttributes28<HTMLDivElement> {
 	/** Which way the list runs: `'y'` for lists, `'x'` for strips, `'xy'` for grids. Defaults to `'y'`, or `'xy'` when `columns` is above 1. */
 	axis?: FluidHoverAxis;
@@ -3454,7 +3497,7 @@ interface FluidHoverProps extends HTMLAttributes28<HTMLDivElement> {
 	/** Shorthand rows: one `FluidHover.Item` per string, indexed in order. Omit it and pass `FluidHover.Item` children instead. */
 	items?: string[];
 	/** Renders the content of a shorthand row. Defaults to the string itself. */
-	renderItem?: (item: string, index: number) => ReactNode31;
+	renderItem?: (item: string, index: number) => ReactNode33;
 	/** Rows to skip: never lit, never the target of a gap click. They stay registered, so their neighbours keep their indices. */
 	disabledIndices?: number[];
 	/** Whether a click that lands between rows goes to the lit one, so what is lit is what a click hits. `false` leaves empty space inert; `{ maxDistance }` routes only clicks within that many pixels of the lit row. Defaults to `true`. */
@@ -3466,9 +3509,9 @@ interface FluidHoverProps extends HTMLAttributes28<HTMLDivElement> {
 	/** Classes for the list container. Padding here is part of the list: a click in it still lands on the lit row. */
 	className?: string;
 	/** `FluidHover.Item` rows, when `items` is not enough. Direct Item children are indexed in order. */
-	children?: ReactNode31;
+	children?: ReactNode33;
 }
-type FluidHoverComponent = ForwardRefExoticComponent12<FluidHoverProps & RefAttributes12<HTMLDivElement>> & {
+type FluidHoverComponent = ForwardRefExoticComponent13<FluidHoverProps & RefAttributes13<HTMLDivElement>> & {
 	Item: typeof FluidHoverItem;
 };
 /**
@@ -3529,20 +3572,20 @@ type FluidHoverComponent = ForwardRefExoticComponent12<FluidHoverProps & RefAttr
 * @example {@include ./examples.mdx}
 */
 declare const FluidHover: FluidHoverComponent;
-import { ReactNode as ReactNode33 } from "react";
-import { ReactNode as ReactNode32 } from "react";
-import { JSX as JSX_1kxb28 } from "react";
+import { ReactNode as ReactNode35 } from "react";
+import { ReactNode as ReactNode34 } from "react";
+import { JSX as JSX_1kxb29 } from "react";
 interface MorphPartProps {
 	/** Pairs the part in the trigger with its twin in the overlay; unique within one overlay. */
 	id: string;
 	/** Classes for the part's box. */
 	className?: string;
 	/** The part's content: an image, a title. */
-	children?: ReactNode32;
+	children?: ReactNode34;
 }
-type Element_12xgc28 = JSX_1kxb28["Element"];
-declare function MorphPart({ id, className, children }: MorphPartProps): Element_12xgc28;
-import { JSX as JSX_1kxb29 } from "react";
+type Element_12xgc29 = JSX_1kxb29["Element"];
+declare function MorphPart({ id, className, children }: MorphPartProps): Element_12xgc29;
+import { JSX as JSX_1kxb30 } from "react";
 interface MorphProps {
 	/** Where the panel grows from: the pressed `'trigger'`, the press `'pointer'` (a circle; keyboard opens use the trigger's center), the panel's own `'center'`, or a viewport edge (`'top'`, `'right'`, `'bottom'`, `'left'`). Defaults to `'trigger'`. */
 	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left";
@@ -3563,9 +3606,9 @@ interface MorphProps {
 	/** Extra classes for the stage (trigger + panel). */
 	className?: string;
 	/** The panel's content. */
-	children?: ReactNode33;
+	children?: ReactNode35;
 }
-type Element_12xgc29 = JSX_1kxb29["Element"];
+type Element_12xgc30 = JSX_1kxb30["Element"];
 /**
 * Overlays grow out of whatever opened them. One progress value on a spring
 * tier carries the surface from its source to its own box, and every
@@ -3616,7 +3659,7 @@ type Element_12xgc29 = JSX_1kxb29["Element"];
 * ## Liquid indicators
 *
 * The same goo moves everything that travels between items: the active tab
-* of Tabs and TabsSubtle, the Switch thumb, RadioGroup's selection and the
+* of Tabs and TabsSubtle, the Switch thumb, Radio.Group's selection and the
 * fluid hover highlight of every list (Select, Dropdown, Combobox, Card,
 * Accordion, FluidHover). The indicator springs to its new item and leaves
 * a blob behind. The blob lingers for a third of the spring, then follows
@@ -3624,7 +3667,7 @@ type Element_12xgc29 = JSX_1kxb29["Element"];
 * stretched drop that lets go. A long move tears it into a drop and a
 * droplet that catches up and is absorbed.
 *
-* Merged selections (CheckboxGroup, a multiple Dropdown) melt the same way:
+* Merged selections (Checkbox.Group, a multiple Dropdown) melt the same way:
 * a checked row grows out of its center and flows into its checked
 * neighbours, and an unchecked one pinches off and shrinks away.
 *
@@ -3654,8 +3697,8 @@ type Element_12xgc29 = JSX_1kxb29["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function Morph2({ from, effect, tier, hideSource, open, defaultOpen, onOpenChange, label, className, children }: MorphProps): Element_12xgc29;
-import { ReactNode as ReactNode34 } from "react";
+declare function Morph2({ from, effect, tier, hideSource, open, defaultOpen, onOpenChange, label, className, children }: MorphProps): Element_12xgc30;
+import { ReactNode as ReactNode36 } from "react";
 declare const spring: {
 	readonly fast: {
 		readonly type: "spring";
@@ -3699,7 +3742,7 @@ declare const exitFallbackMs: (tier: {
 		visualDuration: number;
 	};
 }) => number;
-import { JSX as JSX_1kxb30 } from "react";
+import { JSX as JSX_1kxb31 } from "react";
 type SpringTier = keyof typeof spring;
 interface MotionProps {
 	/** Spring tier the children enter on (`spring.<tier>`); they leave on its `.exit` tween. `fast` for hover, fades and small toggles, `moderate` for dropdowns and tabs, `slow` for dialogs and large surfaces. Defaults to `'moderate'`. */
@@ -3717,9 +3760,9 @@ interface MotionProps {
 	/** Extra classes for the wrapper (stage + trigger column). */
 	className?: string;
 	/** The content that animates in and out. */
-	children: ReactNode34;
+	children: ReactNode36;
 }
-type Element_12xgc30 = JSX_1kxb30["Element"];
+type Element_12xgc31 = JSX_1kxb31["Element"];
 /**
 * Three spring speeds, exits a little faster than entrances, and one fluid
 * hover shared by every list. Pick a speed, wire it in — every component
@@ -3768,8 +3811,8 @@ type Element_12xgc30 = JSX_1kxb30["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function Motion({ tier, show, defaultShow, onShowChange, sameExit, reducedMotion, className, children }: MotionProps): Element_12xgc30;
-import { ComponentPropsWithoutRef as ComponentPropsWithoutRef2, ForwardRefExoticComponent as ForwardRefExoticComponent13, ReactNode as ReactNode35, RefAttributes as RefAttributes13 } from "react";
+declare function Motion({ tier, show, defaultShow, onShowChange, sameExit, reducedMotion, className, children }: MotionProps): Element_12xgc31;
+import { ComponentPropsWithoutRef as ComponentPropsWithoutRef2, ForwardRefExoticComponent as ForwardRefExoticComponent14, ReactNode as ReactNode37, RefAttributes as RefAttributes14 } from "react";
 import { ScrollAreaScrollbarProps as ScrollAreaScrollbarProps_g9nf4s } from "@base-ui/react";
 type Orientation = "vertical" | "horizontal" | "both";
 interface ScrollAreaProps extends ComponentPropsWithoutRef2<"div"> {
@@ -3780,7 +3823,7 @@ interface ScrollAreaProps extends ComponentPropsWithoutRef2<"div"> {
 	/** Classes for the outer container — set the height/width constraint here. */
 	className?: string;
 	/** The scrolling content. Give it an intrinsic size (`w-max`, `whitespace-nowrap`) to overflow horizontally. */
-	children?: ReactNode35;
+	children?: ReactNode37;
 }
 interface ScrollAreaStatics {
 	/** `ScrollBar` — one scrollbar, for composing a Base UI scroll area by hand. */
@@ -3807,11 +3850,11 @@ interface ScrollAreaStatics {
 *
 * @example {@include ./examples.mdx}
 */
-declare const ScrollArea: ForwardRefExoticComponent13<ScrollAreaProps & RefAttributes13<HTMLDivElement>> & ScrollAreaStatics;
-declare const ScrollBar: ForwardRefExoticComponent13<Omit<Omit<ScrollAreaScrollbarProps_g9nf4s, "ref"> & RefAttributes13<HTMLDivElement>, "ref"> & RefAttributes13<HTMLDivElement>>;
-import { ReactNode as ReactNode36 } from "react";
-import { JSX as JSX_1kxb31 } from "react";
-type Element_12xgc31 = JSX_1kxb31["Element"];
+declare const ScrollArea: ForwardRefExoticComponent14<ScrollAreaProps & RefAttributes14<HTMLDivElement>> & ScrollAreaStatics;
+declare const ScrollBar: ForwardRefExoticComponent14<Omit<Omit<ScrollAreaScrollbarProps_g9nf4s, "ref"> & RefAttributes14<HTMLDivElement>, "ref"> & RefAttributes14<HTMLDivElement>>;
+import { ReactNode as ReactNode38 } from "react";
+import { JSX as JSX_1kxb32 } from "react";
+type Element_12xgc32 = JSX_1kxb32["Element"];
 /**
 * Two component sizes: a 36px default and a 28px compact. An interface reads
 * as one product when its controls share a sizing rhythm — a button next to a
@@ -3824,8 +3867,8 @@ type Element_12xgc31 = JSX_1kxb31["Element"];
 * `SizeProvider` and every sized component inside follows — menus included,
 * since React context crosses portals. Precedence is explicit `size` prop on
 * the component > nearest `SizeProvider` > `'default'`. Button, Badge,
-* Select, Tabs, TabsSubtle, Dropdown, CheckboxGroup, RadioGroup, Input,
-* InputGroup, InputCopy, InputMessage, Table, Switch, Slider, Accordion, Card,
+* Select, Tabs, TabsSubtle, Dropdown, Checkbox, Radio, Input,
+* InputGroup, Copy, InputMessage, Table, Switch, Slider, Accordion, Card,
 * ColorPicker, ThinkingIndicator, Calendar and the date and time pickers all
 * take that per-component `size`. Type follows the ladder too: compact drops
 * each type role one notch.
@@ -3839,22 +3882,22 @@ type Element_12xgc31 = JSX_1kxb31["Element"];
 */
 declare function SizeProvider({ children, size, defaultSize }: {
 	/** The region whose controls follow the step — popups opened from inside it included. */
-	children: ReactNode36;
+	children: ReactNode38;
 	/** Controlled variant — pins every control in the subtree to one step, overriding internal state. `'default'` is 36px controls, `'compact'` is 28px. */
 	size?: "default" | "compact";
 	/** Uncontrolled initial variant, switchable via `useSizeContext().setSize`. Defaults to `'default'`. */
 	defaultSize?: "default" | "compact";
-}): Element_12xgc31;
-import { ComponentPropsWithoutRef as ComponentPropsWithoutRef3, ForwardRefExoticComponent as ForwardRefExoticComponent14, ReactNode as ReactNode38, RefAttributes as RefAttributes14 } from "react";
+}): Element_12xgc32;
+import { ComponentPropsWithoutRef as ComponentPropsWithoutRef3, ForwardRefExoticComponent as ForwardRefExoticComponent15, ReactNode as ReactNode40, RefAttributes as RefAttributes15 } from "react";
 declare function surfaceClasses(bgLevel: number, shadowLevel?: number): string;
-import { ReactNode as ReactNode37 } from "react";
-import { JSX as JSX_1kxb32 } from "react";
+import { ReactNode as ReactNode39 } from "react";
+import { JSX as JSX_1kxb33 } from "react";
 declare function useSurface(): number;
-type Element_12xgc32 = JSX_1kxb32["Element"];
+type Element_12xgc33 = JSX_1kxb33["Element"];
 declare function SurfaceProvider({ value, children }: {
 	value: number;
-	children: ReactNode37;
-}): Element_12xgc32;
+	children: ReactNode39;
+}): Element_12xgc33;
 interface ElevatedProps extends ComponentPropsWithoutRef3<"div"> {
 	/**
 	* Steps above the current substrate.
@@ -3880,7 +3923,7 @@ interface ElevatedProps extends ComponentPropsWithoutRef3<"div"> {
 	/** Merged after the surface classes; radius and padding go here. */
 	className?: string;
 	/** Content of the surface. Everything inside reads this surface's level as its substrate. */
-	children?: ReactNode38;
+	children?: ReactNode40;
 }
 interface ElevatedStatics {
 	/** `SurfaceProvider` — set the substrate for a subtree by hand. */
@@ -3912,15 +3955,5 @@ interface ElevatedStatics {
 *
 * @example {@include ./examples.mdx}
 */
-declare const Elevated: ForwardRefExoticComponent14<ElevatedProps & RefAttributes14<HTMLDivElement>> & ElevatedStatics;
-import { ReactNode as ReactNode39 } from "react";
-import { JSX as JSX_1kxb33 } from "react";
-type ShapeVariant = "pill" | "rounded";
-type Element_12xgc33 = JSX_1kxb33["Element"];
-declare function ShapeProvider({ children, defaultShape }: {
-	children: ReactNode39;
-	defaultShape?: ShapeVariant;
-}): Element_12xgc33;
-import { CnFunction } from "cn";
-declare const cn: CnFunction;
-export { useTypeScale, useToast, useSurface, useSizeVariant, useSizeContext, useSize, useSidebar, useRegisterFluidHoverItem, useFluidHover, useDropdownMaybe, useDropdown, useDialogState, typeScale, triggerVariants, surfaceClasses, spring, sizeMap, sidebarMenuButtonVariants, parseColor, exitFallbackMs, fieldVariants as comboboxFieldVariants, cn, buttonVariants, buildParsed, badgeVariants, badgeColors, ValuePosition, UseFluidHoverReturn, UseFluidHoverOptions, TypeScaleStep, TypeScaleRole, TooltipSide, TooltipProviderProps, TooltipProvider, TooltipProps, TooltipPortalContainer, Tooltip, ToastType, ToastTriggerProps, ToastTrigger, ToastProps, ToastPosition, ToastOptions, Toast, TimePickerProps, TimePicker, ThinkingIndicatorProps, ThinkingIndicator, TabsSubtleProps, TabsSubtlePanelProps, TabsSubtlePanel, TabsSubtleItemProps, TabsSubtleItem, TabsSubtle, TabsProps, TabsListProps, TabsList, Tabs, TableRowProps, TableRow, TableProps, TableHeader, TableHead, TableCell, TableBody, Table, TabPanelProps, TabPanel, TabItemProps, TabItem, SwitchProps, Switch, SurfaceProvider, SpringTier, SliderValue, SliderProps, SliderComfortableProps, SliderComfortable, Slider, SizeVariant, SizeProvider, SizeClasses, SidebarVariant, SidebarTriggerProps, SidebarTrigger, SidebarSide, SidebarSeparator, SidebarSelectionValue, SidebarSelection, SidebarSectionProps, SidebarRailProps, SidebarRail, SidebarProviderProps, SidebarProvider, SidebarProps, SidebarMenuSubProps, SidebarMenuSubItemProps, SidebarMenuSubItem, SidebarMenuSubButtonProps, SidebarMenuSubButton, SidebarMenuSub, SidebarMenuSkeletonProps, SidebarMenuSkeleton, SidebarMenuProps, SidebarMenuItemProps, SidebarMenuItem, SidebarMenuButtonProps, SidebarMenuButton, SidebarMenuBadgeProps, SidebarMenuBadge, SidebarMenuActions, SidebarMenuActionProps, SidebarMenuAction, SidebarMenu, SidebarInsetProps, SidebarInset, SidebarInputProps, SidebarInput, SidebarHeader, SidebarGroupLabelProps, SidebarGroupLabel, SidebarGroupContent, SidebarGroupActions, SidebarGroupActionProps, SidebarGroupAction, SidebarGroup, SidebarFooter, SidebarContextValue, SidebarContentProps, SidebarContent, SidebarCollapsible, SidebarAppProps, SidebarApp, Sidebar, SheetSide, SheetProps, SheetIndent, SheetContentProps, SheetContent, Sheet, ShapeProvider, SelectTriggerProps, SelectTrigger, SelectSeparator, SelectProps, SelectLabel, SelectItemProps, SelectItem, SelectGroup, SelectContentProps, SelectContent, Select, SearchProps, Search2 as Search, ScrollBar, ScrollAreaProps, ScrollArea, SIDEBAR_WIDTH_MOBILE, SIDEBAR_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_COOKIE_NAME, SIDEBAR_COOKIE_MAX_AGE, RadioItemProps, RadioItem, RadioGroupProps, RadioGroup, QueuedMessage, PreviewCardTriggerProps, PreviewCardTrigger, PreviewCardProps, PreviewCardContentProps, PreviewCardContent, PreviewCard, PopoverTriggerProps, PopoverTrigger, PopoverTitle, PopoverProps, PopoverDescription, PopoverContentProps, PopoverContent, PopoverClose, Popover2 as Popover, ParsedColor, MotionProps, Motion, MorphProps, MorphPart, Morph2 as Morph, MonthPickerProps, MonthPicker, MenuItemRenderOptions, MenuItem2 as MenuItem, LabelProps, Label2 as Label, ItemRect, InputProps, InputMessageStatus, InputMessageSlotContext, InputMessageProps, InputMessage, InputGroupProps, InputGroup, InputFieldProps, InputCopyVariant, InputCopyProps, InputCopyAlign, InputCopy, Input2 as Input, IconProvider, FluidHoverProps, FluidHoverItemProps, FluidHoverItem, FluidHoverHighlightProps, FluidHoverHighlight, FluidHoverAxis, FluidHover, FileThumbnail, ElevatedProps, Elevated, DurationPickerProps, DurationPicker, DropdownTriggerProps, DropdownTrigger, DropdownSeparator, DropdownSearchProps, DropdownSearch, DropdownProps, DropdownMenuProps, DropdownMenu, DropdownLabel, DropdownEmpty, DropdownContextValue, DropdownContentProps, DropdownContent, Dropdown, DialogSlotProps as DialogTriggerProps, DialogTrigger, DialogTitle, DialogState, DialogProps, DialogHeader, DialogFooter, DialogDescription, DialogContentProps, DialogContent, DialogSlotProps as DialogCloseProps, DialogClose, Dialog, DateRangePickerProps, DateRangePicker, DatePickerProps, DatePicker, CraftProps, ContextMenuProps, ContextMenuItemProps, ContextMenuItem, ContextMenuContentProps, ContextMenuContent, ContextMenu, CommandTrigger, CommandShortcut, CommandProps, CommandPaletteProps, CommandPalette, CommandListRoot, CommandList, CommandItems, CommandItem, CommandGroup, CommandContentProps, CommandContent, Command, ComboboxValue, ComboboxProps, ComboboxListProps, ComboboxList, ComboboxItemProps, ComboboxItemObject, ComboboxItemData, ComboboxItem, ComboboxInputProps, ComboboxInput, ComboboxEmptyProps, ComboboxEmpty, ComboboxContentProps, ComboboxContent, ComboboxChipsProps, ComboboxChips, Combobox, ColorTile, ColorSwatchProps, ColorSwatch, ColorPickerProps, ColorPickerPortalContainer, ColorPickerPopoverProps, ColorPickerPopover, ColorPicker, ColorFormat, Code, CheckboxItemProps, CheckboxItem, CheckboxGroupProps, CheckboxGroup, CardTitle, CardProps, CardMedia, CardLogo, CardImage, CardHeader, CardGroupProps, CardGroup, CardFooter, CardFeature, CardEyebrow, CardDescription, CardContent, CardButtonVariant, CardButtonProps, CardButton, CardAction, Card, CalendarProps, Calendar, ButtonSize, ButtonProps, Button2 as Button, BadgeSize, BadgeProps, BadgeColor, Badge, AlertDialogProps, AlertDialogContent, AlertDialog, AccordionTrigger, AccordionItem, AccordionGroup, AccordionContent, Accordion };
+declare const Elevated: ForwardRefExoticComponent15<ElevatedProps & RefAttributes15<HTMLDivElement>> & ElevatedStatics;
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogContent, AlertDialogProps, Badge, BadgeColor, BadgeProps, BadgeSize, Button2 as Button, ButtonProps, ButtonSize, Calendar, CalendarProps, Card, CardAction, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardDescription, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Code, ColorFormat, ColorPicker, ColorPickerPopover, ColorPickerPopoverProps, ColorPickerPortalContainer, ColorPickerProps, ColorSwatch, ColorSwatchProps, ColorTile, Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, Copy, CopyAlign, CopyProps, CopyVariant, CraftProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, Dropdown, DropdownContent, DropdownContentProps, DropdownContextValue, DropdownEmpty, DropdownLabel, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSearch, DropdownSearchProps, DropdownSeparator, DropdownTrigger, DropdownTriggerProps, DurationPicker, DurationPickerProps, Elevated, ElevatedProps, FileThumbnail, FluidHover, FluidHoverAxis, FluidHoverHighlight, FluidHoverHighlightProps, FluidHoverItem, FluidHoverItemProps, FluidHoverProps, IconProvider, Input2 as Input, InputFieldProps, InputGroup, InputGroupProps, InputMessage, InputMessageProps, InputMessageSlotContext, InputMessageStatus, InputProps, ItemRect, Label2 as Label, LabelProps, MenuItem2 as MenuItem, MenuItemRenderOptions, MonthPicker, MonthPickerProps, Morph2 as Morph, MorphPart, MorphProps, Motion, MotionProps, ParsedColor, Popover2 as Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverDescription, PopoverProps, PopoverTitle, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, QueuedMessage, Radio, RadioGroup, RadioGroupProps, RadioProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollAreaProps, ScrollBar, Search2 as Search, SearchProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, ShapeProvider, Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sidebar, SidebarApp, SidebarAppProps, SidebarCollapsible, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupActions, SidebarGroupContent, SidebarGroupLabel, SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuActions, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSectionProps, SidebarSelection, SidebarSelectionValue, SidebarSeparator, SidebarSide, SidebarTrigger, SidebarTriggerProps, SidebarVariant, SizeClasses, SizeProvider, SizeVariant, Slider, SliderComfortable, SliderComfortableProps, SliderProps, SliderValue, SpringTier, SurfaceProvider, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, TabItem, TabItemProps, TabPanel, TabPanelProps, Table, TableBody, TableCell, TableHead, TableHeader, TableProps, TableRow, TableRowProps, Tabs, TabsList, TabsListProps, TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtleItemProps, TabsSubtlePanel, TabsSubtlePanelProps, TabsSubtleProps, ThinkingIndicator, ThinkingIndicatorProps, TimePicker, TimePickerProps, Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, TypeScaleRole, TypeScaleStep, UseFluidHoverOptions, UseFluidHoverReturn, ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cn, fieldVariants as comboboxFieldVariants, exitFallbackMs, parseColor, sidebarMenuButtonVariants, sizeMap, spring, surfaceClasses, triggerVariants, typeScale, useDialogState, useDropdown, useDropdownMaybe, useFluidHover, useRegisterFluidHoverItem, useSidebar, useSize, useSizeContext, useSizeVariant, useSurface, useToast, useTypeScale };