@salemcobalt/ui 0.2.0-rc.0 → 0.2.0-rc.10

package/dist/index.d.ts

@@ -1,9 +1,14 @@
 import * as react from 'react';
-import { ComponentPropsWithRef, ReactNode, ReactElement } from 'react';
+import { ComponentPropsWithRef, ReactNode, ReactElement, CSSProperties, MouseEvent, MouseEventHandler } from 'react';
 import { useRender } from '@base-ui/react/use-render';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import * as _base_ui_react from '@base-ui/react';
 import { Menu as Menu$1 } from '@base-ui/react/menu';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+import { Toolbar as Toolbar$1 } from '@base-ui/react/toolbar';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
 
 type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
 type ButtonSize = 'sm' | 'md' | 'lg';
@@ -20,9 +25,13 @@ interface ButtonProps extends ComponentPropsWithRef<'button'> {
     loading?: boolean | undefined;
     /** Stretches to the container. */
     fullWidth?: boolean | undefined;
+    /** A keyboard hint after the label: `shortcut={<Kbd>N</Kbd>}`. Hidden from assistive tech; announce the key with `aria-keyshortcuts="n"`. */
+    shortcut?: ReactNode | undefined;
+    /** Shows only `iconStart` (or `iconEnd`) in a square button; the label stays the accessible name and the shortcut hides. Toggles without remounting, e.g. when a header runs out of room. Pair with a Tooltip carrying the label. */
+    iconOnly?: boolean | undefined;
 }
 /** The one way to trigger an action. Renders a native `<button>`; `type` defaults to `button`. */
-declare function Button({ variant, size, iconStart, iconEnd, loading, fullWidth, type, className, children, onClick, ...rest }: ButtonProps): react.JSX.Element;
+declare function Button({ variant, size, iconStart, iconEnd, loading, fullWidth, shortcut, iconOnly, type, className, children, onClick, ...rest }: ButtonProps): react.JSX.Element;
 
 type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
 type BadgeVariant = 'soft' | 'solid' | 'outline';
@@ -42,7 +51,7 @@ declare function Badge({ tone, variant, size, dot, className, children, ...rest
 
 type CardVariant = 'outlined' | 'elevated' | 'filled';
 type CardPadding = 'none' | 'sm' | 'md' | 'lg';
-type CardElement = 'div' | 'article' | 'section' | 'li' | 'a' | 'button';
+type CardElement = 'div' | 'article' | 'section' | 'nav' | 'li' | 'a' | 'button';
 interface CardProps extends useRender.ComponentProps<'div'> {
     /** `outlined` hairline (default), `elevated` floats, `filled` is an inset region. */
     variant?: CardVariant | undefined;
@@ -52,7 +61,7 @@ interface CardProps extends useRender.ComponentProps<'div'> {
     interactive?: boolean | undefined;
     /** Accent border with a 1px inset, for the active row or chosen option. */
     selected?: boolean | undefined;
-    /** Element to render when `render` is not given. */
+    /** Element to render when `render` is not given. Use `nav` (with an `aria-label`) for a carded navigation landmark. */
     as?: CardElement | undefined;
 }
 /** A bordered surface that groups related content. Compose the inside with Stack and Inline. */
@@ -63,7 +72,7 @@ type SpacingSize = 'none' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '
 
 type StackAlign = 'stretch' | 'start' | 'center' | 'end';
 type StackJustify = 'start' | 'center' | 'end' | 'between';
-type StackElement = 'div' | 'section' | 'ul' | 'ol' | 'nav' | 'form';
+type StackElement = 'div' | 'section' | 'article' | 'ul' | 'ol' | 'li' | 'nav' | 'form' | 'fieldset' | 'header' | 'footer' | 'main' | 'aside' | 'dl';
 interface StackProps extends ComponentPropsWithRef<'div'> {
     /** Gap from the spacing scale. Default `sm` (12px). */
     gap?: SpacingSize | undefined;
@@ -71,7 +80,7 @@ interface StackProps extends ComponentPropsWithRef<'div'> {
     align?: StackAlign | undefined;
     /** Main-axis distribution. Default `start`. */
     justify?: StackJustify | undefined;
-    /** Element to render. Use `ul`/`ol` for lists so semantics survive the layout. */
+    /** Element to render. Use `ul`/`ol` for lists and `li` for an item that stacks its own content, so semantics survive the layout. */
     as?: StackElement | undefined;
     /** Lays out as `inline-flex`. */
     inline?: boolean | undefined;
@@ -369,7 +378,7 @@ declare function Stack({ gap, align, justify, as, inline, className, ...rest }:
 
 type InlineAlign = 'center' | 'start' | 'end' | 'baseline' | 'stretch';
 type InlineJustify = 'start' | 'center' | 'end' | 'between';
-type InlineElement = 'div' | 'span' | 'ul' | 'nav';
+type InlineElement = 'div' | 'span' | 'ul' | 'ol' | 'li' | 'nav' | 'header' | 'footer' | 'p' | 'label' | 'dd';
 interface InlineProps extends ComponentPropsWithRef<'div'> {
     /** Gap from the spacing scale. Default `xs` (8px). */
     gap?: SpacingSize | undefined;
@@ -379,7 +388,7 @@ interface InlineProps extends ComponentPropsWithRef<'div'> {
     justify?: InlineJustify | undefined;
     /** Wraps by default; `false` for toolbars that scroll. */
     wrap?: boolean | undefined;
-    /** Element to render. */
+    /** Element to render. Use `ul`/`ol` for a row of items and `li` for an item laid out as a row. */
     as?: InlineElement | undefined;
     children?: ReactNode | undefined;
 }
@@ -690,6 +699,7 @@ declare const Kbd: typeof KbdBase & {
 };
 
 type DialogSize = 'sm' | 'md' | 'lg';
+type DialogVariant = 'dialog' | 'sheet';
 interface DialogRootProps {
     /** Controlled open state. */
     open?: boolean | undefined;
@@ -702,27 +712,39 @@ interface DialogRootProps {
     children?: ReactNode | undefined;
 }
 /** Owns the open state. Wrap a `Dialog.Trigger` and a `Dialog.Content`. */
-declare function Root$1({ dismissible, onOpenChange, open, defaultOpen, children }: DialogRootProps): react.JSX.Element;
+declare function Root$5({ dismissible, onOpenChange, open, defaultOpen, children }: DialogRootProps): react.JSX.Element;
 interface DialogContentProps extends Omit<Dialog$1.Popup.Props, 'className'> {
-    /** `sm` 400px for yes/no, `md` 560px (default) for a short form, `lg` 720px rarely. */
+    /**
+     * Maximum width: `sm` 400px for yes/no, `md` 560px (default) for a short form, `lg` 720px rarely.
+     * Every size clamps to the viewport minus a 16px gutter, so a 390px phone gets a 358px dialog.
+     */
     size?: DialogSize | undefined;
+    /**
+     * `dialog` (default) centres the popup. `sheet` is the same on wide viewports but below 640px it
+     * becomes a bottom sheet: full width, rounded top, title and actions pinned while `Dialog.Body`
+     * scrolls, padding that clears the home indicator. Use it for forms and pickers opened from a list.
+     */
+    variant?: DialogVariant | undefined;
     className?: string | undefined;
 }
-/** Portal, backdrop and the popup. Focus moves inside on open and returns to the trigger on close. */
-declare function Content$1({ size, className, children, ...rest }: DialogContentProps): react.JSX.Element;
+/**
+ * Portal, backdrop and the popup. Focus moves inside on open and returns to the trigger on close.
+ * Menus, selects and tooltips opened from inside render above it (`--sc-z-dropdown` > `--sc-z-dialog`).
+ */
+declare function Content$2({ size, variant, className, children, ...rest }: DialogContentProps): react.JSX.Element;
 interface DialogTitleProps extends Omit<Dialog$1.Title.Props, 'className'> {
     className?: string | undefined;
 }
 /** Required. Labels the dialog; a question or a statement. Renders an `<h2>`. */
-declare function Title({ className, ...rest }: DialogTitleProps): react.JSX.Element;
+declare function Title$1({ className, ...rest }: DialogTitleProps): react.JSX.Element;
 interface DialogDescriptionProps extends Omit<Dialog$1.Description.Props, 'className'> {
     className?: string | undefined;
 }
 /** Optional, muted. Says what will happen. */
-declare function Description({ className, ...rest }: DialogDescriptionProps): react.JSX.Element;
+declare function Description$1({ className, ...rest }: DialogDescriptionProps): react.JSX.Element;
 type DialogBodyProps = ComponentPropsWithRef<'div'>;
-/** Free content between the description and the actions. */
-declare function Body({ className, ...rest }: DialogBodyProps): react.JSX.Element;
+/** Free content between the description and the actions. In a `sheet` it is the part that scrolls. */
+declare function Body$1({ className, ...rest }: DialogBodyProps): react.JSX.Element;
 type DialogActionsProps = Omit<InlineProps, 'justify'>;
 /** Right-aligned row of Buttons. Put the confirming action last. */
 declare function Actions({ className, ...rest }: DialogActionsProps): react.JSX.Element;
@@ -730,17 +752,17 @@ interface DialogCloseProps extends Omit<Dialog$1.Close.Props, 'className'> {
     className?: string | undefined;
 }
 /** With no children or `render`, the × in the corner. Otherwise wraps any Button: `<Dialog.Close render={<Button variant="secondary" />}>Cancel</Dialog.Close>`. */
-declare function Close({ className, children, render, ...rest }: DialogCloseProps): react.JSX.Element;
+declare function Close$1({ className, children, render, ...rest }: DialogCloseProps): react.JSX.Element;
 /** A modal that interrupts for a decision or a short form. Built on Base UI's Dialog. */
 declare const Dialog: {
-    Root: typeof Root$1;
+    Root: typeof Root$5;
     Trigger: Dialog$1.Trigger;
-    Content: typeof Content$1;
-    Title: typeof Title;
-    Description: typeof Description;
-    Body: typeof Body;
+    Content: typeof Content$2;
+    Title: typeof Title$1;
+    Description: typeof Description$1;
+    Body: typeof Body$1;
     Actions: typeof Actions;
-    Close: typeof Close;
+    Close: typeof Close$1;
 };
 
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'em';
@@ -762,10 +784,14 @@ declare function Icon({ size, title, className, children, ...rest }: IconProps):
 
 /** `archive` */
 declare function ArchiveIcon(props: IconGlyphProps): react.JSX.Element;
+/** `arrow-down` */
+declare function ArrowDownIcon(props: IconGlyphProps): react.JSX.Element;
 /** `arrow-left` */
 declare function ArrowLeftIcon(props: IconGlyphProps): react.JSX.Element;
 /** `arrow-right` */
 declare function ArrowRightIcon(props: IconGlyphProps): react.JSX.Element;
+/** `arrow-up` */
+declare function ArrowUpIcon(props: IconGlyphProps): react.JSX.Element;
 /** `bell` */
 declare function BellIcon(props: IconGlyphProps): react.JSX.Element;
 /** `briefcase` */
@@ -856,7 +882,7 @@ declare function WarningIcon(props: IconGlyphProps): react.JSX.Element;
 declare function XIcon(props: IconGlyphProps): react.JSX.Element;
 
 /** Every icon shipped by this package, as `<Name>Icon` components. */
-declare const iconNames: readonly ["archive", "arrow-left", "arrow-right", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
+declare const iconNames: readonly ["archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
 type IconName = (typeof iconNames)[number];
 
 type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
@@ -893,7 +919,8 @@ declare const Tooltip: typeof TooltipBase & {
     Provider: react.FC<_base_ui_react.TooltipProviderProps>;
 };
 
-interface IconButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label'> {
+type IconButtonDotTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
+interface IconButtonProps extends Omit<useRender.ComponentProps<'button'>, 'children' | 'aria-label'> {
     /** Required. The accessible name, and the tooltip text when `tooltip` is `true`. */
     label: string;
     /** The icon, usually a shipped `<Name>Icon`. It is decorative; `label` names the button. Optional only so a popup trigger can supply it through `render`. */
@@ -910,9 +937,15 @@ interface IconButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'childre
     round?: boolean | undefined;
     /** Shows a spinner, sets `aria-busy` and ignores clicks. */
     loading?: boolean | undefined;
+    /** A status dot in the top-left corner, ringed in `--sc-icon-button-dot-ring` (default `surface-default`). Decorative: put the status in `label` too ("Sweeps: paused"). */
+    dot?: IconButtonDotTone | undefined;
 }
-/** A square Button for one icon. Always named by `label`; use `tooltip` to show that name on hover. */
-declare function IconButton({ label, children, variant, size, tooltip, tooltipSide, round, loading, type, className, onClick, ...rest }: IconButtonProps): react.JSX.Element;
+/**
+ * A square Button for one icon. Always named by `label`; use `tooltip` to show that name on hover.
+ * Renders a `<button>` unless `render` gives another element: `render={<a href="/settings" />}` or a
+ * Next.js `<Link href="/settings" />` makes it a link with the same look and name.
+ */
+declare function IconButton({ label, children, variant, size, tooltip, tooltipSide, round, loading, dot, type, className, onClick, render, ref, ...rest }: IconButtonProps): react.JSX.Element;
 
 type MenuSide = 'top' | 'bottom' | 'left' | 'right';
 type MenuAlign = 'start' | 'center' | 'end';
@@ -931,7 +964,7 @@ interface MenuRootProps {
     children?: ReactNode | undefined;
 }
 /** Owns the open state. Wrap a `Menu.Trigger` and a `Menu.Content`. */
-declare function Root({ open, defaultOpen, onOpenChange, disabled, modal, children }: MenuRootProps): react.JSX.Element;
+declare function Root$4({ open, defaultOpen, onOpenChange, disabled, modal, children }: MenuRootProps): react.JSX.Element;
 interface MenuTriggerProps extends Omit<Menu$1.Trigger.Props, 'className'> {
     className?: string | undefined;
 }
@@ -939,7 +972,7 @@ interface MenuTriggerProps extends Omit<Menu$1.Trigger.Props, 'className'> {
  * Opens the menu. With no `render` it is a secondary Button with a chevron; pass any Button or
  * IconButton through `render`: `<Menu.Trigger render={<IconButton label="More" />}><MoreHorizontalIcon /></Menu.Trigger>`.
  */
-declare function Trigger({ render, className, children, ...rest }: MenuTriggerProps): react.JSX.Element;
+declare function Trigger$1({ render, className, children, ...rest }: MenuTriggerProps): react.JSX.Element;
 interface MenuContentProps extends Omit<Menu$1.Popup.Props, 'className'> {
     /** Side of the trigger the menu opens on; flips when there is no room. Default `bottom`. */
     side?: MenuSide | undefined;
@@ -950,7 +983,7 @@ interface MenuContentProps extends Omit<Menu$1.Popup.Props, 'className'> {
     className?: string | undefined;
 }
 /** Portal, positioner and the popup. Items go inside. */
-declare function Content({ side, align, sideOffset, className, children, ...rest }: MenuContentProps): react.JSX.Element;
+declare function Content$1({ side, align, sideOffset, className, children, ...rest }: MenuContentProps): react.JSX.Element;
 interface ItemSlots {
     /** A 16px icon before the label. */
     icon?: ReactNode | undefined;
@@ -1005,27 +1038,1691 @@ interface MenuGroupProps extends Omit<Menu$1.Group.Props, 'className'> {
     className?: string | undefined;
 }
 /** Labels a run of items. */
-declare function Group({ label, className, children, ...rest }: MenuGroupProps): react.JSX.Element;
+declare function Group$1({ label, className, children, ...rest }: MenuGroupProps): react.JSX.Element;
 interface MenuSeparatorProps extends Omit<Menu$1.Separator.Props, 'className'> {
     className?: string | undefined;
 }
 /** A hairline between runs of items. */
-declare function Separator({ className, ...rest }: MenuSeparatorProps): react.JSX.Element;
+declare function Separator$1({ className, ...rest }: MenuSeparatorProps): react.JSX.Element;
 /** A dropdown of actions on a trigger, with full keyboard support. Built on Base UI's Menu. */
 declare const Menu: {
-    Root: typeof Root;
-    Trigger: typeof Trigger;
-    Content: typeof Content;
+    Root: typeof Root$4;
+    Trigger: typeof Trigger$1;
+    Content: typeof Content$1;
     Item: typeof Item;
     LinkItem: typeof LinkItem;
     CheckboxItem: typeof CheckboxItem;
     RadioGroup: typeof RadioGroup;
     RadioItem: typeof RadioItem;
+    Group: typeof Group$1;
+    Separator: typeof Separator$1;
+};
+
+type ControlSize = 'sm' | 'md' | 'lg';
+/** Props shared by every labelled form control: Input, Textarea, Select. */
+interface FieldProps {
+    /** Required. The visible label; use `hideLabel` to keep it for assistive tech only. */
+    label: ReactNode;
+    /** Visually hides the label (a search box with an icon, a table filter). */
+    hideLabel?: boolean | undefined;
+    /** Help text under the control, wired with `aria-describedby`. */
+    description?: ReactNode | undefined;
+    /** The error message. When given the control is invalid and the message is announced. */
+    error?: ReactNode | undefined;
+    /** Marks the control invalid without a message. */
+    invalid?: boolean | undefined;
+    /** Shows a mark after the label and sets the native `required`. */
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    /** Identifies the value when a form is submitted. */
+    name?: string | undefined;
+    /** Control height: 32, 40 (default) or 48px. Compact density shrinks each by one step. */
+    size?: ControlSize | undefined;
+    /** Class on the wrapper, not the control. */
+    className?: string | undefined;
+}
+
+interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'name' | 'disabled' | 'required' | 'className'>, FieldProps {
+    /** A 16px icon inside the start edge, for search and URL fields. Decorative. */
+    iconStart?: ReactNode | undefined;
+    /** A 16px icon inside the end edge. Decorative; use an `IconButton` outside the field for an action. */
+    iconEnd?: ReactNode | undefined;
+    /** Called with the string value on every change, beside the native `onChange`. */
+    onValueChange?: ((value: string) => void) | undefined;
+}
+/**
+ * A labelled single-line text field. Renders a native `<input>` inside Base UI's Field, so every native
+ * attribute passes through: `type="date" | "time" | "number" | "url" | …` keep the same height and
+ * `iconStart` slot; `list="id"` with a `<datalist>` beside it gives native suggestions. Date and time
+ * fields show the browser's picker at the end edge, so leave `iconEnd` off those.
+ */
+declare function Input({ label, hideLabel, description, error, invalid, required, disabled, name, size, className, iconStart, iconEnd, onValueChange, ...rest }: InputProps): react.JSX.Element;
+
+type TextareaVariant = 'default' | 'code';
+interface TextareaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'name' | 'disabled' | 'required' | 'className'>, Omit<FieldProps, 'size'> {
+    /** Visible lines. Default 3. */
+    rows?: number | undefined;
+    /** `vertical` (default) lets the user drag it taller; `none` fixes the height. */
+    resize?: 'vertical' | 'none' | undefined;
+    /**
+     * `code` for Markdown, JSON and other source: monospace, `tab-size: 2`, spellcheck, autocorrect and
+     * autocapitalize off. Add the native `wrap="off"` to keep long lines on one line and scroll sideways.
+     */
+    variant?: TextareaVariant | undefined;
+    /** Called with the string value on every change, beside the native `onChange`. */
+    onValueChange?: ((value: string) => void) | undefined;
+}
+/** A labelled multi-line text field. Renders a native `<textarea>` inside Base UI's Field. */
+declare function Textarea({ label, hideLabel, description, error, invalid, required, disabled, name, className, rows, resize, variant, onValueChange, spellCheck, autoCorrect, autoCapitalize, ...rest }: TextareaProps): react.JSX.Element;
+
+interface SelectOption<Value extends string = string> {
+    value: Value;
+    label: ReactNode;
+    disabled?: boolean | undefined;
+}
+interface SelectGroup<Value extends string = string> {
+    /** Heading shown above the group's options. */
+    label: ReactNode;
+    options: SelectOption<Value>[];
+}
+interface SelectProps<Value extends string = string> extends FieldProps {
+    /** Flat options, or groups of options with a heading. */
+    options: Array<SelectOption<Value> | SelectGroup<Value>>;
+    /** Controlled value; `null` for none, which shows `placeholder`. No sentinel option needed. */
+    value?: Value | null | undefined;
+    /** Initial value when uncontrolled; `null` (default) for none. */
+    defaultValue?: Value | null | undefined;
+    /** Called with the chosen value, or `null` when the field is cleared. */
+    onValueChange?: ((value: Value | null) => void) | undefined;
+    /** Shown in the trigger while nothing is chosen. */
+    placeholder?: ReactNode | undefined;
+    /**
+     * Shows an × beside the chevron while a value is chosen; pressing it, or Backspace/Delete on the
+     * focused trigger, sets the value to `null` and calls `onValueChange(null)`.
+     */
+    clearable?: boolean | undefined;
+    /** Accessible name of the clear button. Default "Clear". */
+    clearLabel?: string | undefined;
+    /** Prevents choosing a different option. */
+    readOnly?: boolean | undefined;
+    /** Stretches the trigger to the container. */
+    fullWidth?: boolean | undefined;
+    id?: string | undefined;
+}
+/**
+ * A labelled single-choice dropdown. Built on Base UI's Select so the list is styled and keyboard
+ * complete; submits like a native select through `name`.
+ */
+declare function Select<Value extends string = string>({ label, hideLabel, description, error, invalid, required, disabled, name, size, className, options, value, defaultValue, onValueChange, placeholder, clearable, clearLabel, readOnly, fullWidth, id, }: SelectProps<Value>): react.JSX.Element;
+
+interface CheckboxProps extends Omit<Checkbox$1.Root.Props, 'className' | 'onCheckedChange' | 'render' | 'children'> {
+    /** Required. The visible label; clicking it toggles the box. */
+    label: ReactNode;
+    /** Help text under the label, wired with `aria-describedby`. */
+    description?: ReactNode | undefined;
+    /** Called with the next checked state. */
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+    className?: string | undefined;
+}
+/** A labelled checkbox. `indeterminate` shows a dash for "some of these". Built on Base UI's Checkbox. */
+declare function Checkbox({ label, description, onCheckedChange, className, disabled, ...rest }: CheckboxProps): react.JSX.Element;
+
+interface SwitchProps extends Omit<Switch$1.Root.Props, 'className' | 'onCheckedChange' | 'render' | 'children'> {
+    /** Required. The visible label; clicking it flips the switch. */
+    label: ReactNode;
+    /** Help text under the label, wired with `aria-describedby`. */
+    description?: ReactNode | undefined;
+    /** Called with the next checked state. */
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+    /** `end` (default) puts the switch before the label; `start` puts the label first and the switch at the row's end. */
+    labelPosition?: 'start' | 'end' | undefined;
+    className?: string | undefined;
+}
+/** A labelled on/off switch for settings that apply at once. Built on Base UI's Switch. */
+declare function Switch({ label, description, onCheckedChange, labelPosition, className, disabled, ...rest }: SwitchProps): react.JSX.Element;
+
+interface TabsRootProps extends Omit<Tabs$1.Root.Props, 'className' | 'value' | 'defaultValue' | 'onValueChange'> {
+    /** Controlled active tab. */
+    value?: string | undefined;
+    /** Initial active tab when uncontrolled. Defaults to the first enabled tab. */
+    defaultValue?: string | undefined;
+    /** Called with the value of the newly active tab. */
+    onValueChange?: ((value: string) => void) | undefined;
+    className?: string | undefined;
+}
+/** Owns the active tab. Wrap a `Tabs.List` and one `Tabs.Panel` per tab. */
+declare function Root$3({ className, onValueChange, ...rest }: TabsRootProps): react.JSX.Element;
+type TabsListVariant = 'line' | 'segmented';
+interface TabsListProps extends Omit<Tabs$1.List.Props, 'className'> {
+    /** Names the set of tabs for assistive tech: "Inbox sections". */
+    'aria-label': string;
+    /** Tabs share the width equally instead of sizing to their labels. */
+    fill?: boolean | undefined;
+    /** `line` (default): an accent underline on the active tab. `segmented`: a quiet segmented control, a sunken track with the active tab raised and no accent colour. */
+    variant?: TabsListVariant | undefined;
+    className?: string | undefined;
+}
+/** The row of tabs with the sliding indicator. Arrow keys move between tabs; Enter or Space activates. */
+declare function List({ fill, variant, className, children, ...rest }: TabsListProps): react.JSX.Element;
+interface TabsTabProps extends Omit<Tabs$1.Tab.Props, 'className' | 'value'> {
+    value: string;
+    /** A 16px icon before the label. */
+    icon?: ReactNode | undefined;
+    /** A count after the label, muted: `12`. */
+    count?: ReactNode | undefined;
+    className?: string | undefined;
+}
+/** One tab. */
+declare function Tab({ icon, count, className, children, ...rest }: TabsTabProps): react.JSX.Element;
+interface TabsPanelProps extends Omit<Tabs$1.Panel.Props, 'className' | 'value'> {
+    value: string;
+    className?: string | undefined;
+}
+/** The content of one tab. Unmounted while hidden unless `keepMounted`. */
+declare function Panel({ className, ...rest }: TabsPanelProps): react.JSX.Element;
+/** Switches between sections of one view. Built on Base UI's Tabs. */
+declare const Tabs: {
+    Root: typeof Root$3;
+    List: typeof List;
+    Tab: typeof Tab;
+    Panel: typeof Panel;
+};
+
+interface ToolbarRootProps extends Omit<Toolbar$1.Root.Props, 'className'> {
+    /** Required. Names the toolbar for assistive tech: "Inbox actions". */
+    'aria-label': string;
+    /** Wraps onto new lines on narrow widths (default). `false` keeps one line that overflows. */
+    wrap?: boolean | undefined;
+    /** Gap between items and groups. Default `xs`. */
+    gap?: SpacingSize | undefined;
+    className?: string | undefined;
+}
+/**
+ * A row of controls with one tab stop: Tab enters, arrow keys move between items, Tab leaves. Put every
+ * control through `Toolbar.Button` (`render={<IconButton … />}`) so it joins the roving focus.
+ */
+declare function Root$2({ wrap, gap, className, ...rest }: ToolbarRootProps): react.JSX.Element;
+interface ToolbarGroupProps extends Omit<Toolbar$1.Group.Props, 'className'> {
+    /** Names the group: "Playback". */
+    'aria-label'?: string | undefined;
+    /** Gap inside the group. Default `2xs`. */
+    gap?: SpacingSize | undefined;
+    className?: string | undefined;
+}
+/** Keeps related controls together with a tighter gap. */
+declare function Group({ gap, className, ...rest }: ToolbarGroupProps): react.JSX.Element;
+interface ToolbarSeparatorProps extends Omit<Toolbar$1.Separator.Props, 'className'> {
+    className?: string | undefined;
+}
+/** A hairline between groups. */
+declare function Separator({ className, ...rest }: ToolbarSeparatorProps): react.JSX.Element;
+interface ToolbarButtonProps extends Omit<Toolbar$1.Button.Props, 'className'> {
+    className?: string | undefined;
+}
+interface ToolbarLinkProps extends Omit<Toolbar$1.Link.Props, 'className'> {
+    className?: string | undefined;
+}
+interface ToolbarSpacerProps {
+    className?: string | undefined;
+}
+/** Pushes what follows to the far end. */
+declare function Spacer({ className }: ToolbarSpacerProps): react.JSX.Element;
+/** A horizontal container of controls. Built on Base UI's Toolbar. */
+declare const Toolbar: {
+    Root: typeof Root$2;
     Group: typeof Group;
     Separator: typeof Separator;
+    Button: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Link: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToolbarLinkProps, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+    Spacer: typeof Spacer;
+};
+
+type BannerTone = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+interface BannerProps extends ComponentPropsWithRef<'div'> {
+    /** Colour and default icon. `warning` and `danger` are announced as alerts; the rest as status. */
+    tone?: BannerTone | undefined;
+    /** Replaces the tone's icon; `false` removes it. */
+    icon?: ReactNode | false | undefined;
+    /** One Button, usually `variant="ghost" size="sm"`, at the end of the strip. */
+    action?: ReactNode | undefined;
+    /** Shows a close button that hides the banner. */
+    dismissible?: boolean | undefined;
+    /** Called when the close button is pressed. */
+    onDismiss?: (() => void) | undefined;
+    /** Controlled visibility when dismissible. */
+    open?: boolean | undefined;
+    /** Accessible name of the close button. Default "Dismiss". */
+    dismissLabel?: string | undefined;
+}
+/** A single-line status strip across the top of a view: paused, offline, "3 new since you looked". */
+declare function Banner({ tone, icon, action, dismissible, onDismiss, open, dismissLabel, role, className, children, ...rest }: BannerProps): react.JSX.Element | null;
+
+interface SpinnerProps extends ComponentPropsWithRef<'span'> {
+    /** `xs` 12, `sm` 14, `md` 16 (default), `lg` 20, `xl` 24, or `em` to follow the font size. */
+    size?: IconSize | undefined;
+    /** What is happening, announced once as a status. Default "Loading". */
+    label?: string | undefined;
+    /** Hides it from assistive tech when the text beside it already says what is happening. */
+    decorative?: boolean | undefined;
+}
+/** An indeterminate activity indicator in `currentColor`. Slows down, never stops, under reduced motion. */
+declare function Spinner({ size, label, decorative, className, ...rest }: SpinnerProps): react.JSX.Element;
+
+type ProgressTone = 'accent' | 'success' | 'warning' | 'danger' | 'neutral';
+type ProgressSize = 'sm' | 'md';
+type ProgressVariant = 'bar' | 'inline';
+interface ProgressProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    /** Current value. Omit or pass `null` while the amount of work is unknown (indeterminate). */
+    value?: number | null | undefined;
+    /** Default 100. Pass the total so `value` can be a count: `value={460} max={859}`. */
+    max?: number | undefined;
+    /** Default 0. */
+    min?: number | undefined;
+    /** What is happening: "Verifying". Visible, and names the bar for assistive tech. */
+    label?: ReactNode | undefined;
+    /** Detail at the end: "460 of 859 · 3 min elapsed". A string also becomes `aria-valuetext`. */
+    valueText?: ReactNode | undefined;
+    /** Shows the percentage when `valueText` is not given. */
+    showValue?: boolean | undefined;
+    /** Fill colour. Default `accent`; `success` when done, `danger` when it failed. */
+    tone?: ProgressTone | undefined;
+    /** Bar thickness: `sm` 4px, `md` 8px (default). Inline uses the text size. */
+    size?: ProgressSize | undefined;
+    /** `bar` (default) is label, value and a track; `inline` is a Spinner beside the text for toolbars and buttons. */
+    variant?: ProgressVariant | undefined;
+    /** Names the bar when there is no `label`. */
+    'aria-label'?: string | undefined;
+}
+/**
+ * Says that something is processing and, when known, how far along it is. Built on Base UI's Progress:
+ * `role="progressbar"` with the aria value attributes, or none while indeterminate.
+ */
+declare function Progress({ value, max, min, label, valueText, showValue, tone, size, variant, className, ...rest }: ProgressProps): react.JSX.Element;
+
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span' | 'p';
+type TextTone = 'default' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
+interface HeadingProps extends ComponentPropsWithRef<'h2'> {
+    /** The outline level, rendered as `h1`–`h6`. Default 2. */
+    level?: HeadingLevel | undefined;
+    /** Visual size from the type scale, independent of the level. Defaults by level: 3xl, 2xl, xl, lg, md, sm. */
+    size?: HeadingSize | undefined;
+    /** Render a different element and keep the look; `div`/`span` for a card title that is not an outline entry. */
+    as?: HeadingElement | undefined;
+    /** Colour. Default is the text colour. */
+    tone?: TextTone | undefined;
+    /** One line with an ellipsis. */
+    truncate?: boolean | undefined;
+}
+/** A heading from the type scale. `level` is the semantics, `size` the look; they are set separately on purpose. */
+declare function Heading({ level, size, as, tone, truncate, className, ...rest }: HeadingProps): react.DetailedReactHTMLElement<{
+    ref?: react.Ref<HTMLHeadingElement> | undefined;
+    key?: react.Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: react.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: react.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: react.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCopyCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCut?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCutCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPaste?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPasteCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEnd?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEndCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStart?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStartCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdate?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onFocus?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onFocusCapture?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlurCapture?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: react.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onChangeCapture?: react.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: react.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: react.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoad?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onError?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onErrorCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDownCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPress?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPressCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUp?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUpCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onAbort?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAbortCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlay?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThrough?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptied?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptiedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncrypted?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncryptedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEnded?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEndedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedData?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedDataCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadata?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStart?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStartCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPause?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPauseCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlay?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlaying?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgress?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgressCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeked?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeking?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalled?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalledCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspend?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspendCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdate?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdateCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaiting?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaitingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenu?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenuCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDrag?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnd?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEndCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnter?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnterCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExit?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExitCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeave?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeaveCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOver?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOverCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStart?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStartCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDrop?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDropCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDown?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDownCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseEnter?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMove?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMoveCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOut?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOutCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOver?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOverCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUp?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUpCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onSelect?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSelectCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancel?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancelCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEnd?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEndCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMove?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMoveCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStart?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStartCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDown?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDownCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMove?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMoveCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUp?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUpCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancel?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancelCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnter?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeave?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOver?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOverCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOut?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOutCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onScroll?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollCapture?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onWheel?: react.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onWheelCapture?: react.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStart?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStartCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEnd?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEndCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIteration?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEnd?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEndCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    className: string;
+    'data-size': HeadingSize;
+    'data-tone': TextTone;
+    'data-truncate': true | undefined;
+}, HTMLHeadingElement>;
+
+type TextSize = 'xs' | 'sm' | 'md' | 'lg';
+type TextWeight = 'regular' | 'medium' | 'semibold';
+type TextAlign = 'start' | 'center' | 'end';
+type TextElement = 'p' | 'span' | 'div' | 'label' | 'li' | 'dt' | 'dd' | 'strong' | 'em' | 'small' | 'time' | 'figcaption' | 'legend';
+interface TextProps extends ComponentPropsWithRef<'p'> {
+    /** Element to render. Default `p`; `span` inside other text. */
+    as?: TextElement | undefined;
+    /** `xs` 12 captions, `sm` 14 UI text (default), `md` body copy, `lg` lede. */
+    size?: TextSize | undefined;
+    /** Colour. `muted` for metadata, `subtle` for placeholders, status tones for inline status. */
+    tone?: TextTone | undefined;
+    weight?: TextWeight | undefined;
+    align?: TextAlign | undefined;
+    /** `true` keeps one line with an ellipsis; a number clamps to that many lines. */
+    truncate?: boolean | number | undefined;
+    /** Tabular figures, for numbers that line up in columns. */
+    numeric?: boolean | undefined;
+}
+/** Running text and labels from the type scale. Parents own spacing: Text has no margins. */
+declare function Text({ as, size, tone, weight, align, truncate, numeric, className, style, ...rest }: TextProps): ReactElement;
+
+/** The header checkbox: nothing, some or every row selected. */
+type RowSelectionHeaderState = 'none' | 'some' | 'all';
+
+interface RowSelection {
+    /** The selectable ids, in the order passed in. */
+    ids: readonly string[];
+    /** The selected ids; a subset of the ids passed in. */
+    selected: ReadonlySet<string>;
+    /** The selected ids in visible order. */
+    selectedIds: readonly string[];
+    count: number;
+    /** Where the next Shift range starts. */
+    anchor: string | null;
+    /** For the header checkbox. */
+    headerState: RowSelectionHeaderState;
+    isSelected: (id: string) => boolean;
+    toggle: (id: string) => void;
+    /** Every row from the anchor to `id`, inclusive, in the current order, takes `id`'s new state. */
+    toggleRange: (id: string) => void;
+    selectAll: () => void;
+    clear: () => void;
+}
+/**
+ * Selection state for a list of rows, by id. Pass the selectable ids in visible order (after filtering and
+ * sorting); when one disappears it leaves the selection and the rest stay. Hand the result to
+ * `Table.Root selection` for the checkbox column and keyboard, or read it for a bulk-action bar.
+ */
+declare function useRowSelection(ids: readonly string[]): RowSelection;
+
+type TableAlign = 'start' | 'center' | 'end';
+type TableDensity = 'comfortable' | 'compact';
+type TableSortDirection = 'ascending' | 'descending' | 'none';
+interface TableRootProps extends Omit<ComponentPropsWithRef<'table'>, 'style'> {
+    /** Column headers stay visible while the table scrolls. Give `maxHeight` to scroll inside the table; otherwise they stick to the page. */
+    stickyHeader?: boolean | undefined;
+    /** Limits the height and scrolls rows inside; pairs with `stickyHeader`. A CSS length. */
+    maxHeight?: string | undefined;
+    /** `compact` tightens row height and padding; `data-density="compact"` on an ancestor does the same. */
+    density?: TableDensity | undefined;
+    /** Hairlines between rows (default) or none. */
+    divided?: boolean | undefined;
+    /** `fixed` column widths from the first row, for truncating cells. Default `auto`. */
+    layout?: 'auto' | 'fixed' | undefined;
+    /** Style and class for the scrolling wrapper; `className` goes on the `<table>`. */
+    wrapperClassName?: string | undefined;
+    wrapperStyle?: CSSProperties | undefined;
+    style?: CSSProperties | undefined;
+    children?: ReactNode | undefined;
+    /**
+     * `useRowSelection(ids)`. Turns on the selection column parts (`Table.SelectionHeader`, `Table.SelectionCell`),
+     * modifier clicks on rows with a `selectionId`, and the keyboard: Cmd/Ctrl+A selects every row while focus
+     * is inside the table, Escape clears.
+     */
+    selection?: RowSelection | undefined;
+}
+/** A semantic `<table>` in a horizontally scrolling wrapper. Compose `Table.Head`, `Table.Body`, `Table.Row`, `Table.Header`, `Table.Cell`. */
+declare function Root$1({ stickyHeader, maxHeight, density, divided, layout, wrapperClassName, wrapperStyle, className, style, children, selection, onKeyDown, ...rest }: TableRootProps): react.JSX.Element;
+type TableCaptionProps = ComponentPropsWithRef<'caption'>;
+/** Names the table for assistive tech; visually a muted line above it. */
+declare function Caption({ className, ...rest }: TableCaptionProps): react.JSX.Element;
+type TableHeadProps = ComponentPropsWithRef<'thead'>;
+declare function Head({ className, ...rest }: TableHeadProps): react.JSX.Element;
+type TableBodyProps = ComponentPropsWithRef<'tbody'>;
+declare function Body({ className, ...rest }: TableBodyProps): react.JSX.Element;
+type TableFootProps = ComponentPropsWithRef<'tfoot'>;
+declare function Foot({ className, ...rest }: TableFootProps): react.JSX.Element;
+interface TableRowProps extends ComponentPropsWithRef<'tr'> {
+    /** Accent wash, for the current row. With `selectionId` it defaults to the row's selection. */
+    selected?: boolean | undefined;
+    /** Hover wash and pointer; make the primary cell a link or button for the real target. */
+    interactive?: boolean | undefined;
+    /**
+     * The row's id in `Table.Root selection`. Shift+click extends the range to this row and Cmd/Ctrl+click
+     * toggles it, unless the click is on a link, button or field inside the row; neither reaches `onClick`,
+     * so a plain click can still open the row.
+     */
+    selectionId?: string | undefined;
+}
+declare function Row({ selected, interactive, selectionId, className, onClick, onMouseDown, ...rest }: TableRowProps): react.JSX.Element;
+interface TableSelectionHeaderProps extends Omit<ComponentPropsWithRef<'th'>, 'children'> {
+    /** The checkbox's accessible name. Default "Select all rows". */
+    label?: string | undefined;
+}
+/**
+ * The selection column's header: a checkbox that is checked when every row is, mixed when some are, and
+ * selects every row (or, when all are selected, none). The whole cell is the hit area.
+ */
+declare function SelectionHeader({ label, className, onClick, ...rest }: TableSelectionHeaderProps): react.JSX.Element;
+interface TableSelectionCellProps extends Omit<ComponentPropsWithRef<'td'>, 'children'> {
+    /** Required. Names the row's checkbox: "Select Tailscale, Front End Engineer". */
+    label: string;
+}
+/**
+ * The row's checkbox, inside a `Table.Row selectionId`. Click or Space toggles; Shift+click or Shift+Space
+ * extends the range from the last toggled row. The whole cell is the hit area, and its clicks never reach the
+ * row's `onClick`.
+ */
+declare function SelectionCell({ label, className, onClick, onClickCapture, ...rest }: TableSelectionCellProps): react.JSX.Element;
+interface CellSlots {
+    /** Horizontal alignment. Default `start`; `end` for numbers. */
+    align?: TableAlign | undefined;
+    /** Tabular figures and end alignment. */
+    numeric?: boolean | undefined;
+    /** No wrapping. */
+    nowrap?: boolean | undefined;
+    /** One line with an ellipsis; needs `layout="fixed"` or a `width`. */
+    truncate?: boolean | undefined;
+    /** Column width as a CSS length, on headers. */
+    width?: string | undefined;
+}
+interface TableHeaderProps extends Omit<ComponentPropsWithRef<'th'>, 'align' | 'width'>, CellSlots {
+    /** Renders the label as a button that sorts the column. The table stays controlled: sort the rows yourself in `onSort`. */
+    sortable?: boolean | undefined;
+    /** The column's current sort, reflected as `aria-sort`. `none` (default) for every column but the sorted one. */
+    sortDirection?: TableSortDirection | undefined;
+    /** Called with the direction to apply: `ascending` first, then it toggles. */
+    onSort?: ((direction: Exclude<TableSortDirection, 'none'>) => void) | undefined;
+}
+/** A `<th>`; `scope` defaults to `col`, pass `row` for the first cell of a row. */
+declare function Header({ align, numeric, nowrap, truncate, width, sortable, sortDirection, onSort, scope, className, style, children, ...rest }: TableHeaderProps): react.JSX.Element;
+interface TableCellProps extends Omit<ComponentPropsWithRef<'td'>, 'align' | 'width'>, CellSlots {
+}
+declare function Cell({ align, numeric, nowrap, truncate, width, className, style, ...rest }: TableCellProps): react.JSX.Element;
+/** Rows of records with column headers. Native table elements, so screen readers get rows and columns. */
+declare const Table: {
+    Root: typeof Root$1;
+    Caption: typeof Caption;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Header: typeof Header;
+    Cell: typeof Cell;
+    SelectionHeader: typeof SelectionHeader;
+    SelectionCell: typeof SelectionCell;
+};
+
+interface SelectionBarProps {
+    /** How many rows are selected. The bar shows from 1 and leaves at 0. */
+    count: number;
+    /** Clears the selection (the Clear button). */
+    onClear: () => void;
+    /** The actions, each a `Toolbar.Button`: `<Toolbar.Button render={<Button size="sm" variant="secondary" />}>Close 3</Toolbar.Button>`. */
+    children?: ReactNode | undefined;
+    /** Names the toolbar. Default "Bulk actions". */
+    'aria-label'?: string | undefined;
+    /** The count text, visible and announced. Default `${count} selected`. */
+    countLabel?: ((count: number) => string) | undefined;
+    /** Default "Clear". */
+    clearLabel?: string | undefined;
+    /** Announced when the selection goes back to none. Default "Selection cleared". */
+    clearedMessage?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * A floating bar for bulk actions on selected rows, centred at the bottom of the viewport: the count, the actions
+ * and Clear, as one Toolbar (one tab stop, arrow keys inside). A polite status region announces the count as it
+ * changes. Put it after the table, at the end of the scrolling content: while it shows, it leaves a spacer as
+ * tall as itself there, so the last rows can scroll clear of it. When it leaves while holding focus (an action
+ * cleared the selection), focus goes back to where it came from, usually the last row checkbox.
+ */
+declare function SelectionBar({ count, onClear, children, 'aria-label': ariaLabel, countLabel, clearLabel, clearedMessage, className, }: SelectionBarProps): react.JSX.Element;
+
+type ToastTone = 'neutral' | 'success' | 'danger';
+interface ToastOptions {
+    /** Required. One line: "Closed 5 applications". */
+    title: ReactNode;
+    description?: ReactNode | undefined;
+    /** A coloured edge. Default `neutral`. */
+    tone?: ToastTone | undefined;
+    /** One action, usually Undo. It closes the toast after `onClick`. */
+    action?: {
+        label: string;
+        onClick: () => void;
+    } | undefined;
+    /** Milliseconds before it closes; paused while hovered or focused; `0` keeps it. Default: the Provider's. */
+    timeout?: number | undefined;
+    /** `high` announces assertively (errors). Default `low`, polite. */
+    priority?: 'low' | 'high' | undefined;
+}
+interface ToastProviderProps {
+    children?: ReactNode | undefined;
+    /** Default auto-close, in milliseconds. Default 6000. */
+    timeout?: number | undefined;
+    /** How many show at once; older ones close. Default 3. */
+    limit?: number | undefined;
+}
+/** Holds the toasts for `useToast()` below it and renders them, bottom-end, in the top layer. */
+declare function Provider({ children, timeout, limit }: ToastProviderProps): react.JSX.Element;
+interface ToastApi {
+    /** Shows a toast and returns its id. */
+    add: (options: ToastOptions) => string;
+    /** Closes one toast, or every toast without an id. */
+    close: (id?: string) => void;
+}
+/** Shows toasts from inside a `Toast.Provider`. */
+declare function useToast(): ToastApi;
+/**
+ * Short-lived status messages: "Closed 5 applications · Undo". Built on Base UI's Toast: announced through a
+ * polite region (`priority: 'high'` for errors), paused while hovered or focused, F6 moves focus to them.
+ */
+declare const Toast: {
+    Provider: typeof Provider;
 };
 
+type StatTrend = 'up' | 'down' | 'flat';
+type StatDeltaTone = 'positive' | 'negative' | 'neutral';
+type StatElement = 'div' | 'li' | 'article';
+type StatVariant = 'outlined' | 'filled' | 'plain';
+type StatSize = 'sm' | 'md';
+interface StatProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    /** What the number is: "Applications", "Reply rate". */
+    label: ReactNode;
+    /** The number, already formatted: "1,204", "37%". */
+    value: ReactNode;
+    /** The change beside the value: "+12", "−3.1 pts", "same as last week". */
+    delta?: ReactNode | undefined;
+    /** Colour of the delta: `positive` green, `negative` red, `neutral` muted (default). Say which is good; up is not always good. */
+    deltaTone?: StatDeltaTone | undefined;
+    /** Arrow before the delta. */
+    trend?: StatTrend | undefined;
+    /** Muted line under the value: "last 7 days", "of 2,000 budget". */
+    hint?: ReactNode | undefined;
+    /** A 20px icon in the corner. Decorative. */
+    icon?: ReactNode | undefined;
+    /** `outlined` surface (default), `filled` inset, `plain` no surface for a row of stats inside a Card. */
+    variant?: StatVariant | undefined;
+    /** `md` (default) or `sm` for dense rows. */
+    size?: StatSize | undefined;
+    /** Element to render; `li` in a list of stats. */
+    as?: StatElement | undefined;
+}
+/** One number with its label: a KPI tile. The value is text, so it reads as "Applications, 1,204, up 12". */
+declare function Stat({ label, value, delta, deltaTone, trend, hint, icon, variant, size, as, className, ...rest }: StatProps): react.DetailedReactHTMLElement<{
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    ref?: react.Ref<HTMLDivElement> | undefined;
+    key?: react.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: react.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    className: string;
+    'data-variant': StatVariant;
+    'data-size': StatSize;
+}, HTMLDivElement>;
+
+type ChipTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
+type ChipSize = 'sm' | 'md';
+interface ChipProps extends Omit<ComponentPropsWithRef<'span'>, 'onClick' | 'onRemove'> {
+    /** The chip text. Keep it to a word or three. */
+    children: ReactNode;
+    /** A 14px icon before the text. Decorative. */
+    icon?: ReactNode | undefined;
+    /** Colour. `neutral` (default) for filters, a status tone when the chip is the status. */
+    tone?: ChipTone | undefined;
+    /** `md` 32px (default) or `sm` 24px inside table rows and Card headers. */
+    size?: ChipSize | undefined;
+    /** Filled and `aria-pressed`. Use with `onClick` for a toggling filter chip. */
+    selected?: boolean | undefined;
+    /** Makes the chip a `<button>` that toggles; `selected` is reflected as `aria-pressed`. */
+    onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Adds a labelled × that calls this. Backspace or Delete on the focused chip (or on the ×) removes it
+     * too. Focus is yours to manage after removal: move it to the next chip or the filter input.
+     */
+    onRemove?: (() => void) | undefined;
+    /** Accessible name of the ×. Default "Remove" followed by the chip text when that text is a string. */
+    removeLabel?: string | undefined;
+    disabled?: boolean | undefined;
+}
+/**
+ * A small pill: an applied filter, a tag, a selectable option in a row of a few. `onClick` makes it a
+ * toggle button, `onRemove` adds the ×, and the two combine. Plain text otherwise.
+ */
+declare function Chip({ children, icon, tone, size, selected, onClick, onRemove, removeLabel, disabled, className, ...rest }: ChipProps): react.JSX.Element;
+
+interface DisclosureProps extends Omit<ComponentPropsWithRef<'details'>, 'open' | 'onToggle'> {
+    /** Required. The summary line, a verb phrase: "Show full description". */
+    summary: ReactNode;
+    /** Replaces `summary` while open: "Show less". */
+    summaryOpen?: ReactNode | undefined;
+    /** Controlled open state. */
+    open?: boolean | undefined;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean | undefined;
+    /** Called when the user toggles it. */
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /**
+     * While closed, shows this many lines of the content fading out, so a long description still reads
+     * as a teaser. Puts the summary line under the preview. Needs `::details-content` (2025 browsers);
+     * older ones show the summary alone.
+     */
+    previewLines?: number | undefined;
+    /** Puts the summary line above (default) or below the content. Defaults to `end` with `previewLines`. */
+    summaryPosition?: 'start' | 'end' | undefined;
+    children?: ReactNode | undefined;
+}
+/**
+ * A native `<details>` collapse with a styled summary. Works without JavaScript, is announced as a
+ * disclosure, and shares `name` with siblings for an exclusive group.
+ */
+declare function Disclosure({ summary, summaryOpen, open, defaultOpen, onOpenChange, previewLines, summaryPosition, className, style, children, ref, ...rest }: DisclosureProps): react.JSX.Element;
+
+type EmptyStateSize = 'sm' | 'md';
+type EmptyStateElement = 'div' | 'section' | 'li';
+interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /** Required. What is empty, as a short statement: "No applications yet". */
+    title: ReactNode;
+    /** One sentence on why, or what to do: "Postings you apply to show up here." */
+    description?: ReactNode | undefined;
+    /** A 24px icon in a muted circle above the title. Decorative. */
+    icon?: ReactNode | undefined;
+    /** The actions, usually one primary Button and at most one secondary. Rendered in an Inline. */
+    children?: ReactNode | undefined;
+    /** `md` (default) for a whole view or panel, `sm` inside a Card or a table body. */
+    size?: EmptyStateSize | undefined;
+    /** Element to render. Default `div`. */
+    as?: EmptyStateElement | undefined;
+}
+/**
+ * Centred placeholder for a view with nothing in it: an icon, a title, a sentence and the action that
+ * fills it. Say what is missing and the next step; never apologise.
+ */
+declare function EmptyState({ title, description, icon, children, size, as, className, ...rest }: EmptyStateProps): react.DetailedReactHTMLElement<{
+    slot?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    ref?: react.Ref<HTMLDivElement> | undefined;
+    key?: react.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: react.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    className: string;
+    'data-size': EmptyStateSize;
+}, HTMLDivElement>;
+
+type SkeletonVariant = 'text' | 'rect' | 'circle';
+interface SkeletonProps extends ComponentPropsWithRef<'span'> {
+    /** `text` (default) is one line of the current font size; `rect` a block; `circle` an avatar. */
+    variant?: SkeletonVariant | undefined;
+    /** Any CSS length. Default: text `100%`, rect `100%`, circle `40px`. */
+    width?: string | number | undefined;
+    /** Any CSS length. Default: text `1em` (one line), rect `80px`, circle = `width`. */
+    height?: string | number | undefined;
+    /** For `text`: how many lines; the last is shorter. Default 1. */
+    lines?: number | undefined;
+    /** Hides the shimmer. Default `false`; reduced motion hides it anyway. */
+    still?: boolean | undefined;
+}
+/**
+ * A placeholder shape shown while real content loads. It is hidden from assistive tech: put
+ * `aria-busy="true"` on the region being filled, or a `Spinner` with a label beside it, so the loading
+ * state is announced once instead of per block.
+ */
+declare function Skeleton({ variant, width, height, lines, still, className, style, ...rest }: SkeletonProps): react.JSX.Element;
+
+interface FileInputProps extends FieldProps {
+    /** Accepted types, as for the native attribute: `".pdf,.docx,text/plain"` or a list. Extensions, exact MIME types and `image/*` wildcards. */
+    accept?: string | readonly string[] | undefined;
+    /** How the accepted types read in the error message. Default derived from `accept` ("PDF, DOCX or plain text"). */
+    acceptLabel?: string | undefined;
+    /** Largest file accepted, in bytes or as `"10MB"` (base 1000, like the size shown in the list). */
+    maxFileSize?: number | string | undefined;
+    /** Allows several files. Without it a new file replaces the current one. */
+    multiple?: boolean | undefined;
+    /** With `multiple`, the most files the list holds. */
+    maxFiles?: number | undefined;
+    /** Controlled list of accepted files. Pass `[]` to clear. */
+    files?: readonly File[] | undefined;
+    /** Initial files when uncontrolled. */
+    defaultFiles?: readonly File[] | undefined;
+    /** Called with the accepted files (plain `File` objects) after every add or remove. Rejected files never appear here. */
+    onFilesChange?: ((files: File[]) => void) | undefined;
+    /** Drop zone text before the browse link. Default "Drop a file here or" (or "Drop files here or" with `multiple`). */
+    idleLabel?: string | undefined;
+    /** The browse link's text. Default "browse". */
+    browseLabel?: string | undefined;
+}
+/**
+ * A labelled file picker with a drop zone, on FilePond (docs/adr/0004). Files stay in the browser: the
+ * component hands plain `File` objects to `onFilesChange`, and with `name` it also keeps them in a file
+ * input so a `<form>` (or a Server Action) submits them. Type, size and count are checked before a file
+ * joins the list; a rejected file never joins it, and the reason shows in the field's error slot and is
+ * announced. FilePond loads on mount, so the server renders a static drop zone and nothing of FilePond.
+ */
+declare function FileInput({ label, hideLabel, description, error, invalid, required, disabled, name, size, className, accept, acceptLabel, maxFileSize, multiple, maxFiles, files, defaultFiles, onFilesChange, idleLabel, browseLabel, }: FileInputProps): react.JSX.Element;
+
+interface PriorityNavItem {
+    /** Where the link goes. */
+    href: string;
+    /** The visible text. A string (or number) is part of the width cache key; see `PriorityNav`. */
+    label: ReactNode;
+    /** A stable key. Defaults to `href`. */
+    id?: string | undefined;
+    /** The page being shown: `aria-current="page"`, and the link never collapses into "More". */
+    current?: boolean | undefined;
+}
+/** What `renderLink` receives: spread it onto your link component. */
+interface PriorityNavLinkProps {
+    href: string;
+    className: string;
+    'aria-current': 'page' | undefined;
+    onClick: MouseEventHandler<HTMLAnchorElement> | undefined;
+    children: ReactNode;
+}
+interface PriorityNavProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {
+    /** Names the landmark: "Main". */
+    'aria-label': string;
+    /** The links, in priority order: the first ones stay inline longest. */
+    items: readonly PriorityNavItem[];
+    /** Visible text of the overflow toggle. Default "More". */
+    moreLabel?: string | undefined;
+    /** Appended to the toggle's accessible name only: "More, 3 links". Default `n link(s)`. */
+    moreCountLabel?: ((hidden: number) => string) | undefined;
+    /** Renders each link. Default a plain `<a>`; pass a router link: `(props) => <Link {...props} />`. */
+    renderLink?: ((props: PriorityNavLinkProps, item: PriorityNavItem) => ReactElement) | undefined;
+    /**
+     * Called when links start or stop collapsing into "More" (also `data-overflowing` on the `nav`), so a
+     * header can make room, e.g. an action button going icon-only.
+     */
+    onOverflowChange?: ((overflowing: boolean) => void) | undefined;
+    /**
+     * Room in px the row must have beyond fitting every link before it stops reporting overflow. Set it to
+     * the space your header gives back on overflow (the button label's width), so the two cannot oscillate.
+     * Default 0.
+     */
+    overflowHysteresis?: number | undefined;
+}
+/**
+ * Priority+ navigation: a row of primary links that keeps the ones that fit inline and collapses the rest
+ * into a "More" disclosure at the end of the row. The current page is never collapsed. Follows the
+ * WAI-ARIA APG disclosure navigation pattern (links in a list, a real button with `aria-expanded`), not
+ * `role="menu"`. Server-renders every link inline, so it works before hydration and without JavaScript;
+ * see docs/adr/0005-priority-nav.md.
+ */
+declare function PriorityNav({ items, moreLabel, moreCountLabel, renderLink, onOverflowChange, overflowHysteresis, className, style, ...rest }: PriorityNavProps): react.JSX.Element;
+
+type PopoverSide = 'top' | 'bottom' | 'left' | 'right';
+type PopoverAlign = 'start' | 'center' | 'end';
+interface PopoverRootProps {
+    /** Controlled open state. */
+    open?: boolean | undefined;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean | undefined;
+    /** Called when the popover opens or closes. */
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /** Default `false`: the page stays interactive and focus may leave. `true` makes the page inert until it closes. */
+    modal?: boolean | undefined;
+    children?: ReactNode | undefined;
+}
+/** Owns the open state. Wrap a `Popover.Trigger` and a `Popover.Content`. */
+declare function Root({ open, defaultOpen, onOpenChange, modal, children }: PopoverRootProps): react.JSX.Element;
+interface PopoverTriggerProps extends Omit<Popover$1.Trigger.Props, 'className'> {
+    className?: string | undefined;
+}
+/**
+ * Opens the popover. With no `render` it is a secondary Button; pass any Button or IconButton through
+ * `render`: `<Popover.Trigger render={<IconButton label="Sweeps: running" dot="success" />}>`.
+ */
+declare function Trigger({ render, className, children, ...rest }: PopoverTriggerProps): react.JSX.Element;
+interface PopoverContentProps extends Omit<Popover$1.Popup.Props, 'className'> {
+    /** Side of the trigger it opens on; flips when there is no room. Default `bottom`. */
+    side?: PopoverSide | undefined;
+    /** Alignment along that side. Default `center`. */
+    align?: PopoverAlign | undefined;
+    /** Distance from the trigger in px. Default 4, or 8 with `arrow`. */
+    sideOffset?: number | undefined;
+    /** Draws a tip pointing at the trigger. */
+    arrow?: boolean | undefined;
+    className?: string | undefined;
+}
+/** Portal, positioner and the panel. Any content goes inside; name it with `Popover.Title`. */
+declare function Content({ side, align, sideOffset, arrow, className, children, ...rest }: PopoverContentProps): react.JSX.Element;
+interface PopoverTitleProps extends Omit<Popover$1.Title.Props, 'className'> {
+    className?: string | undefined;
+}
+/** Names the popover (`aria-labelledby`). A heading, `h2` by default. */
+declare function Title({ className, ...rest }: PopoverTitleProps): react.JSX.Element;
+interface PopoverDescriptionProps extends Omit<Popover$1.Description.Props, 'className'> {
+    className?: string | undefined;
+}
+/** Describes the popover (`aria-describedby`). Muted text. */
+declare function Description({ className, ...rest }: PopoverDescriptionProps): react.JSX.Element;
+interface PopoverCloseProps extends Omit<Popover$1.Close.Props, 'className'> {
+    className?: string | undefined;
+}
+/** With no children or `render`, the × in the corner. Otherwise wraps any Button: `<Popover.Close render={<Button variant="ghost" />}>Done</Popover.Close>`. */
+declare function Close({ className, children, render, ...rest }: PopoverCloseProps): react.JSX.Element;
+/** A non-modal panel anchored to a trigger, for a small form, a status summary or a legend. Built on Base UI's Popover. */
+declare const Popover: {
+    Root: typeof Root;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Title: typeof Title;
+    Description: typeof Description;
+    Close: typeof Close;
+};
+
+interface BroomIconProps extends Omit<ComponentPropsWithRef<'svg'>, 'children'> {
+    /** Sweeps back and forth while dust drifts. With `prefers-reduced-motion` it holds still and shows the dust. */
+    sweeping?: boolean | undefined;
+    /** The Icon sizes (`lg` 20, the nav size, is the default), or `display` (72px, stroke 1.75px) for empty states and showcases. Inside an IconButton it fills the icon slot one step up, since it is drawn on a 24px grid. */
+    size?: IconSize | 'display' | undefined;
+    /** Gives the icon an accessible name (`role="img"`). Without it the icon is decorative and hidden from assistive tech. */
+    title?: string | undefined;
+}
+/**
+ * An animated broom on a 24×24 grid, for "a sweep is running". Inline SVG, because CSS cannot animate
+ * inside a `<use>` clone. Strokes keep a fixed screen width at every size (`vector-effect: non-scaling-stroke`).
+ * Decorative by default: say what is happening in the surrounding control's label ("Sweeps: running").
+ */
+declare function BroomIcon({ sweeping, size, title, className, ...rest }: BroomIconProps): react.JSX.Element;
+
 declare const version = "0.1.1";
 
-export { ArchiveIcon, ArrowLeftIcon, ArrowRightIcon, Badge, BellIcon, BriefcaseIcon, Button, CalendarIcon, Card, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, DocumentIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, FilterIcon, FlagIcon, Icon, IconButton, InboxIcon, InfoIcon, Inline, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SettingsIcon, Stack, StarIcon, SunIcon, ThumbsDownIcon, ThumbsUpIcon, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, version };
-export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, SpacingSize, StackAlign, StackElement, StackJustify, StackProps, TooltipAlign, TooltipProps, TooltipSide };
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, Banner, BellIcon, BriefcaseIcon, BroomIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, Disclosure, DocumentIcon, DownloadIcon, EditIcon, EmptyState, ExternalLinkIcon, EyeIcon, FileInput, FilterIcon, FlagIcon, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Popover, PriorityNav, Progress, RefreshIcon, SearchIcon, Select, SelectionBar, SettingsIcon, Skeleton, Spinner, Stack, StarIcon, Stat, SunIcon, Switch, Table, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toast, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, useRowSelection, useToast, version };
+export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, BroomIconProps, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ChipProps, ChipSize, ChipTone, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, DialogVariant, DisclosureProps, EmptyStateElement, EmptyStateProps, EmptyStateSize, FieldProps, FileInputProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, IconButtonDotTone, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, InputProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, PopoverAlign, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverRootProps, PopoverSide, PopoverTitleProps, PopoverTriggerProps, PriorityNavItem, PriorityNavLinkProps, PriorityNavProps, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, RowSelection, RowSelectionHeaderState, SelectGroup, SelectOption, SelectProps, SelectionBarProps, SkeletonProps, SkeletonVariant, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, StatDeltaTone, StatElement, StatProps, StatSize, StatTrend, StatVariant, SwitchProps, TableAlign, TableBodyProps, TableCaptionProps, TableCellProps, TableDensity, TableFootProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableSelectionCellProps, TableSelectionHeaderProps, TableSortDirection, TabsListProps, TabsListVariant, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, TextareaVariant, ToastApi, ToastOptions, ToastProviderProps, ToastTone, ToolbarButtonProps, ToolbarGroupProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };