@scattered-light/loomiere-base-ui 0.5.3 → 0.6.0

package/dist/design-system/components/index.d.ts

@@ -1,26 +1,43 @@
 import * as React from 'react';
-import * as _base_ui_react_field from '@base-ui/react/field';
+import * as _base_ui_react from '@base-ui/react';
 import { Button as Button$1 } from '@base-ui/react/button';
-import * as _base_ui_react_input from '@base-ui/react/input';
 import { Input as Input$1 } from '@base-ui/react/input';
-import * as _base_ui_react_fieldset from '@base-ui/react/fieldset';
-import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
 import { Form as Form$1 } from '@base-ui/react/form';
-import * as _base_ui_react_navigation_menu from '@base-ui/react/navigation-menu';
 import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import { Select as Select$1 } from '@base-ui/react/select';
+import * as _base_ui_react_internals_filter from '@base-ui/react/internals/filter';
+import { AutocompleteRootProps, Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
+import { ComboboxRootProps, Combobox as Combobox$1 } from '@base-ui/react/combobox';
+import { Radio as Radio$1 } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
+import { Toggle as Toggle$1 } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
+import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
+import * as _base_ui_react_internals_types from '@base-ui/react/internals/types';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { PreviewCard as PreviewCard$1 } from '@base-ui/react/preview-card';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
 
 /**
  * Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.
  */
 declare const Field: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Error: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Control: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    Validity: React.FC<_base_ui_react_field.FieldValidityProps>;
-    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Error: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Control: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Validity: React.FC<_base_ui_react.FieldValidityProps>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 
 /**
@@ -31,12 +48,15 @@ declare function cn(...inputs: ClassValue[]): string;
 /** Merge a static BEM block with Base UI `className` (string or state callback). */
 declare function cnState<State>(base: string, className: string | ((state: State) => string | undefined) | undefined, state: State): string;
 
-type ButtonProps = React.ComponentProps<typeof Button$1> & {
+/** The props every button-like part takes, the same as {@link Button}'s. */
+type ButtonPartProps = {
     /** How loud the button is. The brand's roles decide what each level looks like. */
     emphasis?: 'bold' | 'standard' | 'subtle' | 'quiet';
     /** Paint the level in another palette instead of the level's own color (e.g. "secondary", "error"). */
     palette?: string;
 };
+
+type ButtonProps = React.ComponentProps<typeof Button$1> & ButtonPartProps;
 /**
  * Base UI [Button](https://base-ui.com/react/components/button) with design-system `Button` classes.
  * A button holding only an icon gets `data-icon-only` and is drawn square (a circle, with the pill
@@ -49,7 +69,7 @@ type InputProps = React.ComponentProps<typeof Input$1>;
  * Base UI [Input](https://base-ui.com/react/components/input) with design-system `Input` classes.
  * Pairs with {@link Field} for labels, validation, and descriptions.
  */
-declare const Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_input.InputProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.InputProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type FieldsetRootProps = React.ComponentProps<typeof Fieldset$1.Root>;
 type FieldsetLegendProps = React.ComponentProps<typeof Fieldset$1.Legend>;
@@ -60,8 +80,8 @@ declare function FieldsetDescription({ className, ...props }: FieldsetDescriptio
  * Base UI [Fieldset](https://base-ui.com/react/components/fieldset) with design-system classes.
  */
 declare const Fieldset: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
-    Legend: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+    Legend: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 
 type FormProps = React.ComponentProps<typeof Form$1>;
@@ -83,20 +103,616 @@ type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu$1.List
  */
 declare const NavigationMenu: {
     Root: React.ForwardRefExoticComponent<Omit<NavigationMenu$1.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLElement>>;
-    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react_navigation_menu.NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPopupProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuPopupProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+declare const Select: {
+    Root: typeof Select$1.Root;
+    Label: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Value: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    ItemText: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectItemTextProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ScrollDownArrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectScrollDownArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ScrollUpArrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectScrollUpArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type NumberFieldLabelProps = Omit<React.ComponentProps<'label'>, 'htmlFor'> & {
+    htmlFor: string;
+};
+/** The field label. Number field has no label part; this is the same text as {@link Field.Label}. */
+declare function NumberFieldLabel({ className, htmlFor, ...props }: NumberFieldLabelProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Number Field](https://base-ui.com/react/components/number-field) with design-system classes.
+ * The input is Input, and the label is Field's label. Only the steppers are drawn here.
+ */
+declare const NumberField: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Increment: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Decrement: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    ScrubArea: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    ScrubAreaCursor: React.ForwardRefExoticComponent<Omit<_base_ui_react.NumberFieldScrubAreaCursorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Label: typeof NumberFieldLabel;
+};
+
+/**
+ * Base UI [OTP Field](https://base-ui.com/react/components/otp-field) with design-system classes.
+ * Each slot is an Input cut square. `data-size` on the root picks the control size.
+ * Pair with {@link Field} for the label, description, and error.
+ */
+declare const OTPField: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.OTPFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.OTPFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Base UI [Autocomplete](https://base-ui.com/react/components/autocomplete) with design-system classes.
+ * The input is Input and the clear button is an icon button. The list is a popup of item rows.
+ * Root renders no element, so this draws the `AutocompleteRoot` box around it. That box is what
+ * leaves room for the clear button.
+ */
+declare function Root$1<ItemValue>({ className, style, ...props }: AutocompleteRootProps<ItemValue> & {
+    className?: string;
+    style?: React.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+declare const Autocomplete: {
+    Root: typeof Root$1;
+    Value: typeof Autocomplete$1.Value;
+    Trigger: Autocomplete$1.Trigger;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    InputGroup: Autocomplete$1.InputGroup;
+    Icon: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Clear: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Status: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteRowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Collection: typeof Autocomplete$1.Collection;
+    Empty: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    useFilter: typeof _base_ui_react_internals_filter.getFilter;
+    useFilteredItems: typeof Autocomplete$1.useFilteredItems;
+};
+
+/**
+ * Base UI [Combobox](https://base-ui.com/react/components/combobox) with design-system classes.
+ * The input is Input, the chips box is a field, and the clear and open buttons are icon buttons.
+ * Root renders no element, so this draws the `ComboboxRoot` box around it.
+ * `Combobox.Trigger` is the icon button. Pass `className="ComboboxSelectTrigger"` when the
+ * trigger is the field and the input lives in the popup.
+ */
+declare function Root<Value, Multiple extends boolean | undefined = false, Item = Value>({ className, style, ...props }: ComboboxRootProps<Value, Multiple, Item> & {
+    className?: string;
+    style?: React.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+declare const Combobox: {
+    Root: typeof Root;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Value: typeof Combobox$1.Value;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    InputGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Status: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Chips: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Chip: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ChipRemove: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxChipRemoveProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteRowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Collection: typeof Combobox$1.Collection;
+    Empty: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Clear: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    useFilter: typeof Combobox$1.useFilter;
+    useFilteredItems: typeof Combobox$1.useFilteredItems;
+    createItems: typeof Combobox$1.createItems;
+};
+
+type CheckboxLabelProps = React.ComponentProps<'label'>;
+/** The row around a checkbox. The control sits inside the label, so it needs no htmlFor. */
+declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Checkbox](https://base-ui.com/react/components/checkbox) with design-system classes.
+ * The mark icon stays yours: give it `className="CheckboxIcon"`.
+ */
+declare const Checkbox: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CheckboxIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Label: typeof CheckboxLabel;
+};
+
+/**
+ * Base UI [Radio Group](https://base-ui.com/react/components/radio-group) with the `RadioGroup` class.
+ */
+declare const RadioGroup: typeof RadioGroup$1;
+type RadioRowProps = React.ComponentProps<'label'>;
+type RadioLabelProps = React.ComponentProps<'span'>;
+/** The row: a label with class `RadioRoot`. The button sits inside it. */
+declare function RadioRow({ className, ...props }: RadioRowProps): react_jsx_runtime.JSX.Element;
+/** The text beside the button. */
+declare function RadioLabel({ className, ...props }: RadioLabelProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Radio](https://base-ui.com/react/components/radio-group) with design-system classes.
+ * `Radio.Root` is the round button (`RadioButton`). The row around it is `Radio.Row`
+ * (`RadioRoot`), and the text is `Radio.Label` (`RadioLabel`). `Radio.Indicator` draws the dot.
+ */
+declare const Radio: {
+    Root: React.ForwardRefExoticComponent<Omit<Radio$1.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.RadioIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Group: <Value>(props: RadioGroup$1.Props<Value>) => React.JSX.Element;
+    Row: typeof RadioRow;
+    Label: typeof RadioLabel;
+};
+
+/**
+ * Base UI [Checkbox Group](https://base-ui.com/react/components/checkbox-group) with design-system classes.
+ * Each row is a {@link Checkbox}.
+ */
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Base UI [Toggle](https://base-ui.com/react/components/toggle) with design-system classes.
+ * Same height, padding, and trigger text as a Button of the same size. Pressed takes the
+ * emphasis level (standard unless `data-emphasis` says otherwise).
+ */
+declare const Toggle: React.ForwardRefExoticComponent<Omit<Toggle$1.Props<string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Base UI [Toggle Group](https://base-ui.com/react/components/toggle-group) with design-system classes.
+ * The strip is a bar. Each child is a {@link Toggle}, with item corners so it nests in the strip.
+ * A group inside a toolbar passes `className="ToolbarGroup"` and does not also become a strip.
+ */
+declare const ToggleGroup: typeof ToggleGroup$1;
+
+type DialogContentProps = React.ComponentProps<'div'>;
+type DialogActionsProps = React.ComponentProps<'div'>;
+/** Scrollable body. Not a Base UI part. */
+declare function DialogContent({ className, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+/** The row of action buttons. Not a Base UI part. Actions are {@link Button}s. */
+declare function DialogActions({ className, ...props }: DialogActionsProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Dialog](https://base-ui.com/react/components/dialog) with design-system classes.
+ * The trigger is a Button and takes Button's `emphasis` and `palette`. `Dialog.Close` on its own
+ * is the corner X; a Close that is an action sets `emphasis` (or `className="Button"`).
+ */
+declare const Dialog: {
+    Root: <Payload>(props: Dialog$1.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.DialogTriggerProps<unknown> & React.RefAttributes<HTMLElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof DialogContent;
+    Actions: typeof DialogActions;
+    Handle: typeof Dialog$1.Handle;
+    createHandle: typeof Dialog$1.createHandle;
+};
+
+type AlertDialogActionsProps = React.ComponentProps<'div'>;
+/** The row of action buttons. Not a Base UI part. Confirm bold, cancel quiet, destructive bold with `data-color="error"`. */
+declare function AlertDialogActions({ className, ...props }: AlertDialogActionsProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Alert Dialog](https://base-ui.com/react/components/alert-dialog) with design-system classes.
+ * It has no rules of its own: Dialog.css styles these `AlertDialog*` classes. The trigger and
+ * the close buttons are Buttons and take `emphasis` and `palette`.
+ */
+declare const AlertDialog: {
+    Root: typeof AlertDialog$1.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogTriggerProps<unknown> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Actions: typeof AlertDialogActions;
+    Handle: typeof AlertDialog$1.Handle;
+    createHandle: typeof AlertDialog$1.createHandle;
+};
+
+type MeterHeaderProps = React.ComponentProps<'div'>;
+/**
+ * The label row: `Meter.Label` on one side, `Meter.Value` on the other.
+ */
+declare function MeterHeader({ className, ...props }: MeterHeaderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Meter](https://base-ui.com/react/components/meter) with design-system classes.
+ * The same gauge bar as Progress. `data-color` on the root picks the fill.
+ */
+declare const Meter: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Header: typeof MeterHeader;
+    Value: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Track: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type ProgressHeaderProps = React.ComponentProps<'div'>;
+/** The row above the bar: label on one side, value on the other. */
+declare function ProgressHeader({ className, ...props }: ProgressHeaderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Progress](https://base-ui.com/react/components/progress) with design-system classes.
+ * The same gauge bar as Meter. `data-color` on the root picks the fill.
+ */
+declare const Progress: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Header: typeof ProgressHeader;
+    Value: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Track: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type SliderHeaderProps = React.ComponentProps<'div'>;
+/** The row above the track: label on one side, value on the other. */
+declare function SliderHeader({ className, ...props }: SliderHeaderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Slider](https://base-ui.com/react/components/slider) with design-system classes.
+ * The same gauge bar as Meter and Progress, plus a thumb. `data-color` on the root picks the fill.
+ */
+declare const Slider: {
+    Root: <Value extends number | readonly number[]>(props: Slider$1.Root.Props<Value> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    }) => React.JSX.Element;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: typeof SliderHeader;
+    Value: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderValueProps, "ref"> & React.RefAttributes<HTMLOutputElement>, "ref"> & React.RefAttributes<HTMLOutputElement>>;
+    Control: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderControlProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Track: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Thumb: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 
+/**
+ * Base UI [Menu](https://base-ui.com/react/components/menu) with design-system classes.
+ * The trigger is a Button and takes `emphasis` and `palette`. Inside a menubar, pass
+ * `className="MenubarTrigger"` instead.
+ * Check and radio marks are yours: `MenuCheckboxItemIndicatorIcon` and `MenuRadioItemIndicatorIcon`.
+ */
+declare const Menu: {
+    Root: typeof Menu$1.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    LinkItem: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    CheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    RadioGroup: React.NamedExoticComponent<Omit<_base_ui_react.ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    RadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SubmenuRoot: typeof Menu$1.SubmenuRoot;
+    SubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    List: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Clear: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Empty: React.ForwardRefExoticComponent<Omit<_base_ui_react.MenuEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    FilterProvider: typeof Menu$1.FilterProvider;
+    Handle: typeof Menu$1.Handle;
+    createHandle: typeof Menu$1.createHandle;
+    useFilter: typeof Menu$1.useFilter;
+};
+
+/**
+ * Base UI [Context Menu](https://base-ui.com/react/components/context-menu) with design-system classes.
+ * Same popup and rows as Menu. The trigger only sets the cursor.
+ */
+declare const ContextMenu: {
+    Root: typeof ContextMenu$1.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPositionerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    LinkItem: React.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    CheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    RadioGroup: React.NamedExoticComponent<Omit<_base_ui_react.ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    RadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SubmenuRoot: typeof ContextMenu$1.SubmenuRoot;
+    SubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+};
+
+/**
+ * Base UI [Menubar](https://base-ui.com/react/components/menubar) with design-system classes.
+ * Each menu is a {@link Menu}. Give its trigger `className="MenubarTrigger"` so it is a
+ * menubar row instead of a Button. The popup and rows are Menu's.
+ */
+declare const Menubar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.MenubarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Base UI [Popover](https://base-ui.com/react/components/popover) with design-system classes.
+ * The trigger is a Button when it sets `emphasis`, `palette`, or `className="Button"`.
+ * The arrow's svg paths stay yours: `PopoverArrowFill`, `PopoverArrowOuterStroke`, `PopoverArrowInnerStroke`.
+ */
+declare const Popover: {
+    Root: typeof Popover$1.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react_internals_types.NativeButtonProps & Omit<_base_ui_react_internals_types.WithBaseUIEvent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }>, "className" | "color" | "defaultValue" | "defaultChecked" | "style"> & {
+        className?: string | ((state: _base_ui_react.PopoverTriggerState) => string | undefined) | undefined;
+        render?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | _base_ui_react.ComponentRenderFn<_base_ui_react.HTMLProps, _base_ui_react.PopoverTriggerState> | undefined;
+        style?: React.CSSProperties | ((state: _base_ui_react.PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+    } & {
+        nativeButton?: boolean | undefined;
+        handle?: Popover$1.Handle<unknown> | undefined;
+        payload?: unknown;
+        id?: string | undefined;
+        openOnHover?: boolean | undefined;
+        delay?: number | undefined;
+        closeDelay?: number | undefined;
+    } & React.RefAttributes<HTMLElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Handle: typeof Popover$1.Handle;
+    createHandle: typeof Popover$1.createHandle;
+};
+
+type PreviewCardImageProps = React.ComponentProps<'img'>;
+type PreviewCardContentProps = React.ComponentProps<'div'>;
+type PreviewCardTitleProps = React.ComponentProps<'h3'>;
+type PreviewCardDescriptionProps = React.ComponentProps<'p'>;
+/** Picture inside the card. Not a Base UI part. */
+declare function PreviewCardImage({ className, alt, ...props }: PreviewCardImageProps): react_jsx_runtime.JSX.Element;
+/** Text block under the picture. Not a Base UI part. */
+declare function PreviewCardContent({ className, ...props }: PreviewCardContentProps): react_jsx_runtime.JSX.Element;
+/** Heading inside the card. Not a Base UI part. */
+declare function PreviewCardTitle({ className, children, ...props }: PreviewCardTitleProps): react_jsx_runtime.JSX.Element;
+/** Body text inside the card. Not a Base UI part. */
+declare function PreviewCardDescription({ className, ...props }: PreviewCardDescriptionProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Preview Card](https://base-ui.com/react/components/preview-card) with design-system classes.
+ * The arrow's svg paths stay yours: `PreviewCardArrowFill`, `PreviewCardArrowOuterStroke`, `PreviewCardArrowInnerStroke`.
+ */
+declare const PreviewCard: {
+    Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<Omit<PreviewCard$1.Trigger.Props<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.PreviewCardPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PreviewCardPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PreviewCardPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.PreviewCardArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.PreviewCardBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.PreviewCardViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Image: typeof PreviewCardImage;
+    Content: typeof PreviewCardContent;
+    Title: typeof PreviewCardTitle;
+    Description: typeof PreviewCardDescription;
+    Handle: typeof PreviewCard$1.Handle;
+    createHandle: typeof PreviewCard$1.createHandle;
+};
+
+/**
+ * Base UI [Tooltip](https://base-ui.com/react/components/tooltip) with design-system classes.
+ * The trigger sets the help cursor. It is a Button when it sets `emphasis`, `palette`, or `className="Button"`.
+ */
+declare const Tooltip: {
+    Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<Omit<Tooltip$1.Trigger.Props<unknown> & React.RefAttributes<HTMLElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Provider: React.FC<_base_ui_react.TooltipProviderProps>;
+    Viewport: React.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Handle: typeof Tooltip$1.Handle;
+    createHandle: typeof Tooltip$1.createHandle;
+};
+
+/**
+ * Base UI [Drawer](https://base-ui.com/react/components/drawer) with design-system classes.
+ * The trigger and the close button are Buttons and take `emphasis` and `palette`.
+ */
+declare const Drawer: {
+    Root: typeof Drawer$1.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerTriggerProps<unknown> & React.RefAttributes<HTMLElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    Portal: Drawer$1.Portal;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerCloseProps & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Indent: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerIndentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    IndentBackground: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerIndentBackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SwipeArea: React.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerSwipeAreaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Provider: typeof Drawer$1.Provider;
+    VirtualKeyboardProvider: typeof Drawer$1.VirtualKeyboardProvider;
+    Handle: typeof Drawer$1.Handle;
+    createHandle: typeof Drawer$1.createHandle;
+};
+
+type AccordionContentProps = React.ComponentProps<'div'>;
+/** Body inside a panel. Not a Base UI part. */
+declare function AccordionContent({ className, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Accordion](https://base-ui.com/react/components/accordion) with design-system classes.
+ * The chevron stays yours: `className="AccordionIcon"` on the icon.
+ */
+declare const Accordion: {
+    Root: <Value = any>(props: Accordion$1.Root.Props<Value>) => React.JSX.Element;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Panel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof AccordionContent;
+};
+
+type CollapsibleContentProps = React.ComponentProps<'div'>;
+/** Body inside the panel. Not a Base UI part. */
+declare function CollapsibleContent({ className, ...props }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Collapsible](https://base-ui.com/react/components/collapsible) with design-system classes.
+ * The chevron stays yours: `className="CollapsibleIcon"` on the icon.
+ */
+declare const Collapsible: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Panel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof CollapsibleContent;
+};
+
+/**
+ * Base UI [Tabs](https://base-ui.com/react/components/tabs) with design-system classes.
+ * `data-size` and `data-orientation` go on the root.
+ */
+declare const Tabs: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Tab: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Panel: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<_base_ui_react.TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+};
+
+type SwitchContainerProps = React.ComponentProps<'div'>;
+type SwitchLabelProps = React.ComponentProps<'label'>;
+/** The row: switch, then its text. `data-size` and `data-disabled` go here. */
+declare function SwitchContainer({ className, ...props }: SwitchContainerProps): react_jsx_runtime.JSX.Element;
+/** Text beside the switch. Pass `htmlFor` when the switch has an id. */
+declare function SwitchLabel({ className, ...props }: SwitchLabelProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Switch](https://base-ui.com/react/components/switch) with design-system classes.
+ */
+declare const Switch: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Thumb: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SwitchThumbProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Container: typeof SwitchContainer;
+    Label: typeof SwitchLabel;
+};
+
+/**
+ * Base UI [Toast](https://base-ui.com/react/components/toast) with design-system classes.
+ * The styles use the short names `Viewport`, `Toast`, `Content`, `Title`, `Description`, and `Close`.
+ * The close icon stays yours: `className="Icon"`. `data-type` or `data-color` on the root picks the palette.
+ */
+declare const Toast: {
+    Provider: React.FC<_base_ui_react.ToastProviderProps>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react.ToastPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Action: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<_base_ui_react.ToastPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<_base_ui_react.ToastArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    useToastManager: typeof Toast$1.useToastManager;
+    createToastManager: typeof Toast$1.createToastManager;
+};
+
+type AvatarGroupProps = React.ComponentProps<'div'>;
+/** Overlapping row of avatars. Not a Base UI part. */
+declare function AvatarGroup({ className, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Avatar](https://base-ui.com/react/components/avatar) with design-system classes.
+ * `data-size` goes on the root. A row of them sits in `Avatar.Group`.
+ */
+declare const Avatar: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AvatarRootProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Image: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+    Fallback: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Group: typeof AvatarGroup;
+};
+
+/**
+ * Base UI [Toolbar](https://base-ui.com/react/components/toolbar) with design-system classes.
+ * Buttons are Buttons and take `emphasis` and `palette`. A {@link ToggleGroup} in the bar passes `className="ToolbarGroup"`
+ * so it joins the bar instead of drawing a second strip.
+ */
+declare const Toolbar: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Button: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement> & ButtonPartProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+};
+
+/**
+ * Base UI [Scroll Area](https://base-ui.com/react/components/scroll-area) with design-system classes.
+ */
+declare const ScrollArea: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<_base_ui_react.ScrollAreaContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Scrollbar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Thumb: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Corner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaCornerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Base UI [Separator](https://base-ui.com/react/components/separator) with design-system classes.
+ * Horizontal unless `orientation="vertical"`.
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
 type FieldRootProps = React.ComponentProps<typeof Field.Root>;
 type FieldLabelProps = React.ComponentProps<typeof Field.Label>;
 type FieldDescriptionProps = React.ComponentProps<typeof Field.Description>;
@@ -105,4 +721,4 @@ type FieldControlProps = React.ComponentProps<typeof Field.Control>;
 type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
 type FieldItemProps = React.ComponentProps<typeof Field.Item>;
 
-export { Button, type ButtonProps, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps, cn, cnState };
+export { Accordion, AccordionContent, type AccordionContentProps, AlertDialog, AlertDialogActions, type AlertDialogActionsProps, Autocomplete, Avatar, AvatarGroup, type AvatarGroupProps, Button, type ButtonProps, Checkbox, CheckboxGroup, CheckboxLabel, type CheckboxLabelProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, Combobox, ContextMenu, Dialog, DialogActions, type DialogActionsProps, DialogContent, type DialogContentProps, Drawer, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, Menu, Menubar, Meter, MeterHeader, type MeterHeaderProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps, NumberField, type NumberFieldLabelProps, OTPField, Popover, PreviewCard, PreviewCardContent, type PreviewCardContentProps, PreviewCardDescription, type PreviewCardDescriptionProps, PreviewCardImage, type PreviewCardImageProps, PreviewCardTitle, type PreviewCardTitleProps, Progress, ProgressHeader, type ProgressHeaderProps, Radio, RadioGroup, RadioLabel, type RadioLabelProps, RadioRow, type RadioRowProps, ScrollArea, Select, Separator, Slider, SliderHeader, type SliderHeaderProps, Switch, SwitchContainer, type SwitchContainerProps, SwitchLabel, type SwitchLabelProps, Tabs, Toast, Toggle, ToggleGroup, Toolbar, Tooltip, cn, cnState };