@lovett/ui 0.0.10 → 0.0.11

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, RefObject, ComponentProps, ComponentType, FormHTMLAttributes, FormEvent } from 'react';
+import react__default, { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, RefObject, ComponentProps, ComponentType, RefAttributes, ReactElement, Ref, FormHTMLAttributes, FormEvent } from 'react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { DndContext, DragEndEvent } from '@dnd-kit/core';
@@ -160,6 +160,69 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
+/**
+ * Modal — a centered floating panel on top of a backdrop. Built on
+ * `.ds-card-surface` so it inherits the premium card chrome (border,
+ * radius, multi-layer shadow with inner highlight in light mode).
+ *
+ * Two layout modes:
+ *
+ *   1. Flat children (back-compat) — pass content directly:
+ *
+ *        <Modal title="..." onClose={...}>
+ *          <p>body</p>
+ *          <Button>action</Button>
+ *        </Modal>
+ *
+ *   2. Shell / Tray pattern (recommended) — body in a recessed tray,
+ *      action buttons on the outer-card bottom strip below the tray:
+ *
+ *        <Modal title="..." onClose={...}>
+ *          <Modal.Tray>
+ *            <p>body content sits in a recessed shelf</p>
+ *            <textarea ... />
+ *          </Modal.Tray>
+ *          <Modal.Footer>
+ *            <Button variant="ghost" onClick={onClose}>Cancel</Button>
+ *            <Button>Confirm</Button>
+ *          </Modal.Footer>
+ *        </Modal>
+ *
+ * Accessibility. The panel is a `role="dialog" aria-modal="true"` region
+ * named by its own `<h2>` (`aria-labelledby`), or by the `ariaLabel` prop
+ * when a caller renders a titleless modal. Opening moves focus to the
+ * panel — so a screen reader announces the dialog's name — and closing
+ * RESTORES focus to whatever was focused before it opened. Tab and
+ * Shift+Tab wrap inside the panel; Escape closes.
+ *
+ * Callers that want a specific control focused on open mark it
+ * `data-autofocus`; anything else and the panel itself takes focus.
+ *
+ * WHY A FOCUS TRAP AND NOT `inert` ON THE APP ROOT. Modal renders INLINE
+ * in the React tree — it is a descendant of `#root`, not a portal — so
+ * `inert` on the app root would make the modal itself inert. Portaling it
+ * to `document.body` to unlock that would move all 59 consuming files off
+ * the `.cs-frame`-scoped token layer and out of their current stacking /
+ * inheritance context, which is a much larger change than an a11y fix
+ * should make. Inerting `document.body`'s other children is also wrong:
+ * `DropdownMenu`, `Popover`, `TagChipInput` and `FolderTreePicker` portal
+ * their content THERE, so a select inside a modal would go dead. Focus trap
+ * it is — the keyboard hole is closed; pointer and AT virtual-cursor access
+ * to the background remains, which is the documented residual.
+ *
+ * Escape and dismiss order come from the shared layer stack
+ * (`lib/layer-stack.ts`): the topmost open surface — modal, menu or
+ * popover — answers Escape alone.
+ */
+/**
+ * Dismiss order lives in the shared layer stack (`lib/layer-stack.ts`),
+ * which this file used to own as a module-level `openPanels` array. Only
+ * the topmost layer answers Escape, so nested modals do not both close on
+ * one keypress — and now a DropdownMenu or Popover opened from inside a
+ * modal closes on its own first, leaving the modal open. The Tab trap asks
+ * for the topmost MODAL (`isTopOfKind`), so a popover above it does not
+ * switch the trap off.
+ */
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -885,8 +948,13 @@ interface MetricCardProps {
     labelPosition?: 'top' | 'bottom';
     /** Optional className override for the outer container. */
     className?: string;
+    /** Make the whole card a copy-to-clipboard button. */
+    copyable?: boolean;
+    /** What a copyable card writes. Defaults to `value` when it is a string;
+     *  REQUIRED when `value` is a node (there is nothing else to copy). */
+    copyValue?: string;
 }
-declare function MetricCard({ value, label, tone, icon, labelPosition, className, }: MetricCardProps): react_jsx_runtime.JSX.Element;
+declare function MetricCard({ value, label, tone, icon, labelPosition, className, copyable, copyValue, }: MetricCardProps): react_jsx_runtime.JSX.Element;
 
 /**
  * ProgressBar — labeled fill bar.
@@ -1221,8 +1289,242 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'typ
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
-type Align = 'start' | 'center' | 'end';
-type Side = 'top' | 'bottom';
+/**
+ * Dismiss-layer stack — the ONE "topmost layer wins" registry shared by
+ * Modal, DropdownMenu and Popover (and, next, ContextMenu / Select /
+ * Combobox / Tooltip / CommandPalette).
+ *
+ * Extracted from modal.tsx's module-level `openPanels` array so every
+ * dismissable surface participates in the same order. Before this, a
+ * DropdownMenu opened from inside a Modal answered Escape at the same time
+ * the Modal did — two document listeners, one keypress, both closed. Now a
+ * single document `keydown` listener dispatches Escape to the top of the
+ * stack ONLY, then stops propagation so window-level handlers (the chat
+ * conversation drawer's Escape, lens hotkey maps) do not treat a consumed
+ * Escape as theirs — which is what DropdownMenu's own listener already did.
+ *
+ * Promoted per ADR-0030 Decision G (meta-ads-audit-dashboard task manager:
+ * every picker, sheet and palette needs one dismiss order). First consumer
+ * is the workspace app: Modal (51 files), DropdownMenu (137 call sites) and
+ * Popover all register here.
+ *
+ * Two kinds. A `modal` layer also owns a focus trap, and that trap must not
+ * switch off because a `popover` opened above it — so Modal asks
+ * `isTopOfKind()` for Tab handling while Escape always goes to `isTop()`.
+ * Order is push order, which under React is effect order: a surface that
+ * mounts or opens later sits above one that opened earlier.
+ *
+ * Usage (a dismissable surface):
+ *
+ *   const layer = useLayer({
+ *     enabled: open,
+ *     kind: 'popover',
+ *     elementRef: contentRef,
+ *     onEscape: () => setOpen(false),
+ *   })
+ *   useOutsideClick([triggerRef, contentRef], () => setOpen(false), {
+ *     enabled: open,
+ *     layer, // clicks inside a layer stacked ABOVE this one are not "outside"
+ *   })
+ *
+ * `useEscapeKey(handler, { enabled })` is the one-liner for anything that
+ * only needs Escape.
+ */
+
+type LayerKind = 'modal' | 'popover';
+interface LayerHandle {
+    /** True while no layer of ANY kind sits above this one. */
+    isTop(): boolean;
+    /** True while no layer of the SAME kind sits above this one. */
+    isTopOfKind(): boolean;
+    /**
+     * True when `node` is inside the element of a layer stacked above this
+     * one — a nested Select's listbox, a Combobox inside a Popover. Outside-
+     * click handlers treat those as inside.
+     */
+    containsInLayerAbove(node: Node): boolean;
+}
+interface UseLayerOptions {
+    /** Register while true; pop when it turns false or the owner unmounts. */
+    enabled: boolean;
+    kind: LayerKind;
+    /**
+     * The surface's root element. Read lazily, so a ref that is filled in
+     * after the layer registers (portal content) still resolves.
+     */
+    elementRef?: RefObject<HTMLElement | null>;
+    /** Called when this layer is topmost and Escape is pressed. */
+    onEscape: (event: KeyboardEvent) => void;
+}
+/**
+ * Register a dismiss layer for as long as `enabled` holds. `onEscape` is
+ * read through a ref, so an inline arrow does not re-register the layer
+ * (and does not reorder it) on every render.
+ */
+declare function useLayer(options: UseLayerOptions): LayerHandle;
+interface UseEscapeKeyOptions {
+    /** Default true. */
+    enabled?: boolean;
+    /** Default `popover`. */
+    kind?: LayerKind;
+}
+/**
+ * Escape-only participant in the layer stack. Fires `onEscape` only while
+ * this is the topmost layer; a layer that opens later takes over until it
+ * closes.
+ */
+declare function useEscapeKey(onEscape: (event: KeyboardEvent) => void, options?: UseEscapeKeyOptions): LayerHandle;
+
+/**
+ * Anchored positioning — the ONE measure / flip / clamp routine behind every
+ * floating surface in @lovett/ui.
+ *
+ * Four primitives (DropdownMenu, FilterDropdown, FolderTreePicker,
+ * TagChipInput) each hand-rolled the same `useLayoutEffect` +
+ * `getBoundingClientRect` + clamp + resize/scroll-listener block, with four
+ * slightly different gaps: no flip at a viewport edge; no clamp; measuring in
+ * a passive effect so the first paint was wrong; `top`/`bottom` only. This
+ * module is the single implementation. DropdownMenu is rebuilt on it in the
+ * same change; the other three keep their local copies for now (follow-up).
+ *
+ * Promoted per ADR-0030 Decision G (meta-ads-audit-dashboard task manager)
+ * with the workspace app as the first consumer — DropdownMenu and Popover
+ * position through this hook, so every menu in the app is on it. Select /
+ * Combobox / Tooltip / ContextMenu build on it next.
+ *
+ * No Floating UI, no Popper (CLAUDE.md §1 allowed deps). Three pieces:
+ *   • `computeAnchoredPosition` — pure math, unit-tested without a DOM.
+ *   • `useAnchoredPosition` — measures, positions, tracks resize / scroll /
+ *     size changes. Anchor is an element (`anchorRef`) OR a virtual rect
+ *     (`anchorRect`) — ContextMenu passes the right-click point as
+ *     `{ left: e.clientX, top: e.clientY, width: 0, height: 0 }`.
+ *   • `useOutsideClick` — pointerdown outside a set of targets, aware of
+ *     layers stacked above (a nested Select's listbox is not "outside").
+ *
+ * Two-phase render, unchanged from the DropdownMenu it replaces: the first
+ * paint measures the content parked at (-99999, -99999) with
+ * `visibility: hidden`, the layout effect computes the real coordinates, and
+ * the second paint reveals it. Components gate their entry animation on
+ * `positioned` so `.ds-enter-pop` never plays from the parked location.
+ *
+ * Token discipline: the hook emits geometry only (`position: fixed` +
+ * `left` / `top` in px). Surface colour, radius, shadow, padding and the
+ * motion class stay with the component.
+ *
+ * Usage:
+ *
+ *   const { ref, style, placement, positioned } =
+ *     useAnchoredPosition<HTMLDivElement>({
+ *       anchorRef: triggerRef,
+ *       side: 'bottom',
+ *       align: 'start',
+ *       offset: 6,
+ *       enabled: open,
+ *     })
+ *   return createPortal(
+ *     <div
+ *       ref={ref}
+ *       style={style}
+ *       data-side={placement?.side}
+ *       className={cn(positioned && 'ds-enter-pop')}
+ *     >
+ *       …
+ *     </div>,
+ *     document.body,
+ *   )
+ */
+
+type AnchorSide = 'top' | 'bottom' | 'left' | 'right';
+type AnchorAlign = 'start' | 'center' | 'end';
+/** Viewport-relative rect. `DOMRect` satisfies it; so does a point. */
+interface AnchorRect {
+    readonly left: number;
+    readonly top: number;
+    readonly width: number;
+    readonly height: number;
+}
+interface AnchorSize {
+    readonly width: number;
+    readonly height: number;
+}
+/** The side and alignment actually used after flipping. */
+interface AnchorPlacement {
+    readonly side: AnchorSide;
+    readonly align: AnchorAlign;
+}
+interface AnchoredPositionOptions {
+    /** Preferred side of the anchor. Default `bottom`. */
+    side?: AnchorSide;
+    /** Alignment along the anchor's cross axis. Default `start`. */
+    align?: AnchorAlign;
+    /** Gap between anchor and floating element along `side`, px. Default 6. */
+    offset?: number;
+    /** Shift along the alignment axis, px. Default 0. */
+    alignOffset?: number;
+    /**
+     * Flip to the opposite side when the preferred side cannot fit and the
+     * opposite side fits — or simply has more room. Default true.
+     */
+    flip?: boolean;
+    /** Keep the floating element inside the viewport, `gutter` px in. Default true. */
+    clampToViewport?: boolean;
+    /** Viewport inset used by both flip and clamp, px. Default 8. */
+    gutter?: number;
+}
+interface AnchoredPosition {
+    readonly left: number;
+    readonly top: number;
+    readonly placement: AnchorPlacement;
+}
+/**
+ * Pure placement math. Given the anchor rect, the floating element's size
+ * and the viewport size, returns fixed-position coordinates plus the
+ * placement actually used. No DOM — this is what the tests pin.
+ */
+declare function computeAnchoredPosition(anchor: AnchorRect, floating: AnchorSize, viewport: AnchorSize, options?: AnchoredPositionOptions): AnchoredPosition;
+interface UseAnchoredPositionOptions extends AnchoredPositionOptions {
+    /** Element to anchor to. Ignored while `anchorRect` is non-null. */
+    anchorRef?: RefObject<Element | null>;
+    /** Virtual anchor (a right-click point, a text caret). Wins over `anchorRef`. */
+    anchorRect?: AnchorRect | null;
+    /** Measure and track while true. Default true. */
+    enabled?: boolean;
+}
+interface UseAnchoredPositionResult<T extends HTMLElement> {
+    /** Attach to the floating element. */
+    ref: (node: T | null) => void;
+    /** The same node as a ref object — for `contains()` checks. */
+    floatingRef: RefObject<T | null>;
+    /** `position: fixed` + coordinates; hidden and parked off-screen until measured. */
+    style: CSSProperties;
+    /** Side / align actually used, or null until measured. */
+    placement: AnchorPlacement | null;
+    /** True once real coordinates are applied. Gate entry motion on this. */
+    positioned: boolean;
+    /** Re-measure now (after content you know changed size, for example). */
+    update: () => void;
+}
+declare function useAnchoredPosition<T extends HTMLElement = HTMLElement>(options: UseAnchoredPositionOptions): UseAnchoredPositionResult<T>;
+type OutsideClickTarget = RefObject<Element | null> | Element | null | undefined;
+interface UseOutsideClickOptions {
+    /** Default true. */
+    enabled?: boolean;
+    /**
+     * This surface's dismiss layer. When given, a pointerdown inside any layer
+     * stacked ABOVE it (a Select opened from inside a Popover) is treated as
+     * inside, not outside.
+     */
+    layer?: LayerHandle;
+}
+/**
+ * Calls `onOutside` on a `pointerdown` whose target is inside none of
+ * `targets`. Handler and targets are read through refs, so inline arrays
+ * and arrows do not re-subscribe the listener.
+ */
+declare function useOutsideClick(targets: ReadonlyArray<OutsideClickTarget>, onOutside: (event: PointerEvent) => void, options?: UseOutsideClickOptions): void;
+
+type Align = AnchorAlign;
+type Side = AnchorSide;
 interface DropdownMenuProps {
     /** Controlled open state. Omit for internal state. */
     open?: boolean;
@@ -1242,31 +1544,35 @@ interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElemen
  * secondary Button visual (rounded-xl + `--bg-card` fill + 1px
  * `--border`). Set `unstyled` to wrap your own button shape.
  */
-declare function DropdownMenuTrigger({ unstyled, className, onClick, children, ...rest }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 interface DropdownMenuContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     children: ReactNode;
     /** Horizontal alignment relative to the trigger. Default `start`. */
     align?: Align;
     /** Pixel offset along the alignment axis. Default 0. */
     alignOffset?: number;
-    /** Place above (`top`) or below (`bottom`) the trigger. Default `bottom`. */
+    /**
+     * Preferred side of the trigger. Default `bottom`. Flips to the opposite
+     * side when it cannot fit (before the 2026-09-05 rebuild it was clamped
+     * over its own trigger instead; only that no-room case differs).
+     */
     side?: Side;
     /** Pixel offset along the side axis. Default 6. */
     sideOffset?: number;
 }
-declare function DropdownMenuContent({ children, align, alignOffset, side, sideOffset, className, style, ...rest }: DropdownMenuContentProps): react.ReactPortal | null;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
 interface DropdownMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'default' | 'destructive';
     /** Pad-left compensation so items with no leading icon align with
      * items that have one. */
     inset?: boolean;
 }
-declare function DropdownMenuItem({ variant, inset, className, onClick, children, ...rest }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLButtonElement>>;
 interface DropdownMenuCheckboxItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }
-declare function DropdownMenuCheckboxItem({ checked, onCheckedChange, className, children, onClick, disabled, ...rest }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLButtonElement>>;
 declare function DropdownMenuSeparator({ className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 interface DropdownMenuLabelProps extends HTMLAttributes<HTMLDivElement> {
     inset?: boolean;
@@ -1441,6 +1747,347 @@ type DataGridDropIndicatorProps = {
 };
 declare function DataGridDropIndicator({ dropIndicatorLeft, dragTableRect, }: DataGridDropIndicatorProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * The popover surface chrome, shared with DropdownMenuContent so a menu and
+ * a popover read as the same family. Inline rather than a stylesheet class
+ * because the surface tokens are internal and the primitives already own
+ * them here (Kbd, DropdownMenu follow the same pattern).
+ */
+declare const POPOVER_SURFACE_STYLE: CSSProperties;
+interface PopoverProps {
+    /** Controlled open state. Omit for internal state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    /** Fires whenever open transitions. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Virtual anchor. When non-null, Content positions against this rect
+     * instead of the Trigger — a right-click point, a caret, a cell.
+     */
+    anchorRect?: AnchorRect | null;
+    children: ReactNode;
+}
+declare function PopoverRoot({ open: controlledOpen, defaultOpen, onOpenChange, anchorRect, children, }: PopoverProps): react_jsx_runtime.JSX.Element;
+interface PopoverTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Render the single child element as the trigger instead of a `<button>`.
+     * The child receives the ref, click handler and ARIA attributes; the DOM
+     * stays one element. It must be focusable and keyboard-operable on its
+     * own (a `<button>`, an `<a href>`, or `role="button"` + `tabIndex={0}` +
+     * Enter / Space handling): Trigger adds no role, tabIndex or key handler.
+     */
+    asChild?: boolean;
+}
+interface PopoverContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'> {
+    children: ReactNode;
+    /** Preferred side of the anchor. Default `bottom`. Flips when it cannot fit. */
+    side?: AnchorSide;
+    /** Alignment along the anchor's cross axis. Default `start`. */
+    align?: AnchorAlign;
+    /** Gap from the anchor, px. Default 6. */
+    offset?: number;
+    /** Shift along the alignment axis, px. Default 0. */
+    alignOffset?: number;
+    /** Default true. */
+    flip?: boolean;
+    /** Default true. */
+    clampToViewport?: boolean;
+    /**
+     * `dialog` (default) — a named, non-modal dialog; give it `aria-label` or
+     * `aria-labelledby`. `none` — no role attribute, for content that is
+     * itself the widget.
+     */
+    role?: 'dialog' | 'none';
+    /** Skip the surface chrome (background / border / shadow / radius / padding). */
+    unstyled?: boolean;
+}
+declare const Popover: typeof PopoverRoot & {
+    Trigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+type SelectSize = 'sm' | 'md';
+interface SelectOption<T extends string = string> {
+    value: T;
+    label: string;
+    /** Secondary line under the label. */
+    description?: string;
+    /** Leading adornment — a Lucide icon, an avatar, a colour dot. */
+    icon?: ReactNode;
+    /** Rendered but not selectable; skipped by the arrow keys and type-ahead. */
+    disabled?: boolean;
+}
+interface SelectProps<T extends string = string> extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onChange' | 'role'> {
+    options: ReadonlyArray<SelectOption<T>>;
+    /** Controlled value; `null` = nothing selected. Omit for internal state. */
+    value?: T | null;
+    defaultValue?: T | null;
+    /** Fires when the user picks a DIFFERENT option. */
+    onValueChange?: (value: T) => void;
+    /** Shown while nothing is selected. Default "Select…". */
+    placeholder?: string;
+    /** Control height — matches `<Input inputSize>`. Default `md`. */
+    size?: SelectSize;
+    /** Error chrome (`is-error`) + `aria-invalid` on the trigger. A caller's own `aria-invalid` wins. */
+    error?: boolean;
+    /** Controlled open state. Omit for internal state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Preferred side for the listbox. Default `bottom`; flips when it cannot fit. */
+    side?: AnchorSide;
+    /** Alignment along the trigger's edge. Default `start`. */
+    align?: AnchorAlign;
+    /** Extra classes on the listbox surface. */
+    listboxClassName?: string;
+}
+/**
+ * The listbox popup chrome, shared with Combobox so the two lists read as
+ * one family (Popover / DropdownMenu share `POPOVER_SURFACE_STYLE` the same
+ * way).
+ */
+declare const LISTBOX_CLASS = "fixed z-[100] max-h-[min(60vh,20rem)] overflow-y-auto rounded-[var(--radius-lg)] p-1.5 outline-none";
+interface ListboxOptionProps {
+    id: string;
+    label: string;
+    description?: string | undefined;
+    icon?: ReactNode;
+    /** Trailing count — tabular, muted. */
+    count?: number | undefined;
+    selected: boolean;
+    highlighted: boolean;
+    disabled?: boolean | undefined;
+    onSelect: () => void;
+    onHighlight: () => void;
+    /** Replaces the default body (icon / label / description / count). The check mark stays. */
+    children?: ReactNode;
+}
+/**
+ * One row of a listbox — used by Select and Combobox. A `<button>` rather
+ * than a `<div role="option">` so it is clickable without a keyboard handler
+ * of its own; `tabIndex={-1}` keeps it out of the tab order (the trigger /
+ * input owns the keyboard, per `aria-activedescendant`). Disabled rows use
+ * `aria-disabled`, NOT the `disabled` attribute: a disabled control swallows
+ * the mousedown the listbox prevents to keep focus on the trigger / in the
+ * input, so clicking one would blur the Combobox and close the list.
+ */
+declare function ListboxOption({ id, label, description, icon, count, selected, highlighted, disabled, onSelect, onHighlight, children, }: ListboxOptionProps): react_jsx_runtime.JSX.Element;
+/**
+ * `forwardRef` erases the component's type parameter (it is instantiated at
+ * `string` above). This assertion restores the generic signature so
+ * `onValueChange` narrows to the union of the option values a caller
+ * passed; it changes nothing at runtime.
+ */
+declare const Select: <T extends string = string>(props: SelectProps<T> & RefAttributes<HTMLButtonElement>) => ReactElement | null;
+
+/**
+ * Combobox — a text input that filters a listbox; single- or multi-select.
+ *
+ * WAI-ARIA APG "editable combobox with list autocomplete": the `<input>` is
+ * `role="combobox"` with `aria-autocomplete="list"`, `aria-expanded`,
+ * `aria-controls` and `aria-activedescendant`; the popup is `role="listbox"`
+ * (`aria-multiselectable` in multi mode) of `role="option"` rows, optionally
+ * inside `role="group"` sections with a heading. DOM focus never leaves the
+ * input: a mousedown in the list is prevented, so clicking an option keeps
+ * the caret where it was.
+ *
+ * Filtering is client-side by default (case-insensitive substring over label
+ * and description) and starts only once the user TYPES — opening a
+ * single-select that already holds a value shows the whole list, not the one
+ * row matching the selected label. Async-friendly: pass `shouldFilter={false}`
+ * to show `options` exactly as given, read the query through
+ * `onInputValueChange`, fetch, and flip `loading` while you wait. The
+ * component never fetches anything itself.
+ *
+ * Single mode: picking an option sets it and closes; the input shows the
+ * selected label; the label text is selected on focus so typing replaces it;
+ * leaving the field (blur / outside click) with the text deliberately emptied
+ * clears the value (`onValueChange(null)`), while Escape closes and reverts.
+ * Multi mode: selected options render as chips ahead of the input; picking
+ * toggles and keeps the list open; Backspace on an empty input removes the
+ * last chip. Keep the selected options present in `options` (a chip whose
+ * option has scrolled out of an async result set falls back to its raw
+ * value as the label).
+ *
+ * Keyboard: ArrowDown / ArrowUp open the list and move the highlight
+ * (disabled options are skipped, no wrap), Enter picks the highlighted
+ * option, Escape closes (through the shared layer stack — a Combobox in a
+ * Popover in a Modal peels one layer per keypress), Tab and blur close.
+ * Home / End are left to the caret.
+ *
+ * Promoted per ADR-0030 Decision G (meta-ads-audit-dashboard task manager:
+ * the row / card / context-menu / palette pickers are all "popover + search +
+ * live counts", which is exactly `count` on each option). Second consumer is
+ * the workspace app: `lenses/sem-spec/components/location-autocomplete.tsx`
+ * hand-rolls this role, and TagChipInput carries the chip model this one
+ * generalises.
+ *
+ * Token discipline: the shell is `.input-shell` (INTERNAL `--bg-input` /
+ * `--border-input`, owned by styles.css); the listbox shares
+ * `LISTBOX_CLASS` + `POPOVER_SURFACE_STYLE` with Select; chips are public
+ * `--surface-overlay` on `--foreground`; counts and group headings
+ * `--text-muted`. Geometry from `useAnchoredPosition`, motion from
+ * `.ds-enter-pop` gated on `positioned` (prefers-reduced-motion honoured in
+ * styles.css).
+ *
+ * TODO(tokens): the type / size literals here (`text-[12px]` chips,
+ * `max-w-[12rem]`, `text-[12.5px]` and `text-[11px] tracking-[0.4px]` in
+ * the list, `minWidth: '6rem'`) mirror dropdown-menu.tsx and sit off the
+ * spacing scale; snap them once a type-scale token exists (review
+ * 2026-09-05, MINOR).
+ *
+ * Usage:
+ *
+ *   <Combobox
+ *     aria-label="Assignee"
+ *     placeholder="Search people…"
+ *     options={people.map((p) => ({ value: p.id, label: p.name, count: p.openTasks }))}
+ *     value={assigneeId}
+ *     onValueChange={setAssigneeId}
+ *   />
+ *
+ *   <Combobox
+ *     multiple
+ *     aria-label="Statuses"
+ *     groups={[{ id: 'open', label: 'Open' }, { id: 'closed', label: 'Closed' }]}
+ *     options={statuses}          // each with `group: 'open' | 'closed'`
+ *     value={selected}
+ *     onValueChange={setSelected}
+ *     renderOption={(o, { selected }) => <StatusRow status={o} checked={selected} />}
+ *   />
+ *
+ *   // Async: the consumer owns the query and the fetch.
+ *   <Combobox shouldFilter={false} loading={isFetching} options={results}
+ *             inputValue={query} onInputValueChange={setQuery} … />
+ */
+
+type ComboboxSize = 'sm' | 'md';
+interface ComboboxOption<T extends string = string> {
+    value: T;
+    label: string;
+    /** Secondary line under the label. Searched by the default filter. */
+    description?: string;
+    /** Leading adornment — a Lucide icon, an avatar, a colour dot. */
+    icon?: ReactNode;
+    /** Rendered but not selectable; skipped by the arrow keys. */
+    disabled?: boolean;
+    /** Live count at the row's trailing edge (tasks per status, per assignee). */
+    count?: number;
+    /** Key into `groups`. Ungrouped options render first. */
+    group?: string;
+}
+interface ComboboxGroup {
+    id: string;
+    label: string;
+}
+interface ComboboxOptionState {
+    selected: boolean;
+    highlighted: boolean;
+    /** The query the list is currently filtered by ('' when unfiltered). */
+    query: string;
+}
+interface ComboboxBaseProps<T extends string> {
+    options: ReadonlyArray<ComboboxOption<T>>;
+    /**
+     * Group order and labels. Options whose `group` is not listed here render
+     * in a trailing group labelled by the key; omit `groups` entirely to
+     * derive groups from the options in order of first appearance.
+     */
+    groups?: ReadonlyArray<ComboboxGroup>;
+    /** Shows a spinner in the shell and `loadingMessage` while the list is empty. */
+    loading?: boolean;
+    placeholder?: string;
+    /** Control height — matches `<Input inputSize>`. Default `md`. */
+    size?: ComboboxSize;
+    disabled?: boolean;
+    /** Error chrome (`is-error`) on the shell + `aria-invalid` on the input. */
+    error?: boolean;
+    /** Controlled query text. Omit for internal state. */
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    /** Filter `options` by the query on the client. Default true; false for async. */
+    shouldFilter?: boolean;
+    /** Custom match. Default: case-insensitive substring over label + description. */
+    filter?: (option: ComboboxOption<T>, query: string) => boolean;
+    /** Default "No results". */
+    emptyMessage?: ReactNode;
+    /** Default "Loading…". */
+    loadingMessage?: ReactNode;
+    /** Replaces the default row body (icon / label / description / count). The check mark stays. */
+    renderOption?: (option: ComboboxOption<T>, state: ComboboxOptionState) => ReactNode;
+    /** Controlled open state. Omit for internal state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Preferred side for the listbox. Default `bottom`; flips when it cannot fit. */
+    side?: AnchorSide;
+    /** Default `start`. */
+    align?: AnchorAlign;
+    /** id of the `<input>`, for `<label htmlFor>`. */
+    id?: string;
+    /**
+     * Focus the input on mount. Also marks it `data-autofocus`: inside a
+     * Popover the popover does the focusing, once its content is positioned.
+     */
+    autoFocus?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Extra classes on the `.input-shell`. */
+    className?: string;
+    /** Extra classes on the listbox surface. */
+    listboxClassName?: string;
+}
+interface ComboboxSingleProps<T extends string = string> extends ComboboxBaseProps<T> {
+    multiple?: false;
+    /** Controlled value; `null` = nothing selected. */
+    value?: T | null;
+    defaultValue?: T | null;
+    /** `null` when the user empties the field and leaves it. */
+    onValueChange?: (value: T | null) => void;
+}
+interface ComboboxMultipleProps<T extends string = string> extends ComboboxBaseProps<T> {
+    multiple: true;
+    value?: ReadonlyArray<T>;
+    defaultValue?: ReadonlyArray<T>;
+    onValueChange?: (value: T[]) => void;
+}
+type ComboboxProps<T extends string = string> = ComboboxSingleProps<T> | ComboboxMultipleProps<T>;
+/**
+ * `forwardRef` erases the component's type parameter (it is instantiated at
+ * `string` above). This assertion restores the generic signature so
+ * `onValueChange` narrows to the union of the option values a caller
+ * passed; it changes nothing at runtime.
+ */
+declare const Combobox: <T extends string = string>(props: ComboboxProps<T> & RefAttributes<HTMLInputElement>) => ReactElement | null;
+
+interface TooltipProps {
+    /** The tip's content. Nothing renders (children pass through untouched) when null. */
+    content: ReactNode;
+    /** Exactly one element — it becomes the trigger. */
+    children: ReactElement<TooltipTriggerProps>;
+    /** Default `top`. Flips when it cannot fit. */
+    side?: AnchorSide;
+    /** Default `center`. */
+    align?: AnchorAlign;
+    /** Gap from the trigger, px. Default 6. */
+    offset?: number;
+    /** Hover-open delay, ms. Default 300. Focus opens immediately. */
+    openDelay?: number;
+    /** Close delay, ms. Default 0. */
+    closeDelay?: number;
+    /** Controlled open state. Omit for internal state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Extra classes on the tip surface. */
+    className?: string;
+}
+/** What the cloned trigger element must accept. */
+type TooltipTriggerProps = HTMLAttributes<HTMLElement> & {
+    ref?: Ref<HTMLElement>;
+};
+declare function Tooltip({ content, children, side, align, offset, openDelay, closeDelay, open: openProp, defaultOpen, onOpenChange, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
 interface DropdownButtonItem {
     /** Stable id for keying. If omitted, the index is used (avoid for
      *  long lists where order can change). */
@@ -2236,8 +2883,8 @@ interface CalculatorShellV2Props {
     copyReport?: string | (() => string);
     /** STUBBED (D9) — typed, not read this ADR. */
     prefill?: CalcPrefill;
-    /** "vs. benchmark" rail. When absent, the shell renders a muted
-     *  "Benchmark unavailable in manual mode" placeholder (Amendment 1 E). */
+    /** "vs. benchmark" rail. Rendered only when provided (the Amendment 1 E
+     *  placeholder is retired — ADR-145 amendment). */
     benchmarkSlot?: ReactNode;
 }
 declare function CalculatorShellV2({ eyebrow, title, icon, layout, inputs, result, footerNote, actions, assumptions, copyReport, benchmarkSlot, }: CalculatorShellV2Props): react_jsx_runtime.JSX.Element;
@@ -2252,12 +2899,18 @@ interface StatRowStep {
     /** The single pivotal tile — rendered in `--accent` instead of
      *  `--brand-ink`. At most one step should set this. */
     pivotal?: boolean;
+    /** What a copyable tile writes to the clipboard. Defaults to `value`;
+     *  set it when the display is rounded (e.g. "833.3K") and the exact
+     *  figure is what the user wants. */
+    copyValue?: string;
 }
 interface StatRowProps {
     steps: StatRowStep[];
+    /** Make every tile's figure a copy-to-clipboard button. */
+    copyable?: boolean;
     className?: string;
 }
-declare function StatRow({ steps, className }: StatRowProps): react_jsx_runtime.JSX.Element;
+declare function StatRow({ steps, copyable, className }: StatRowProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Slider — single-value numeric slider (ADR-076 D8).
@@ -2691,4 +3344,4 @@ declare namespace index {
   export { type index_CarouselCardView as CarouselCardView, type index_CarouselViewProps as CarouselViewProps, index_CreativeMedia as CreativeMedia, index_InstagramExplorePreview as InstagramExplorePreview, index_InstagramFeedCarousel as InstagramFeedCarousel, index_InstagramFeedPreview as InstagramFeedPreview, index_MetaFeedCarousel as MetaFeedCarousel, index_MetaFeedPreview as MetaFeedPreview, index_MetaInstreamPreview as MetaInstreamPreview, index_MetaMessengerPreview as MetaMessengerPreview, index_MetaReelPreview as MetaReelPreview, index_MetaRightColumnPreview as MetaRightColumnPreview, index_MetaSearchPreview as MetaSearchPreview, index_MetaStoryPreview as MetaStoryPreview, index_PLACEMENT_CONFIGS as PLACEMENT_CONFIGS, type index_PlacementPreview as PlacementPreview, type index_PreviewAdData as PreviewAdData, type index_PreviewConfiguration as PreviewConfiguration, type index_PreviewDevice as PreviewDevice, type index_PreviewPlacement as PreviewPlacement, type index_PreviewPlatform as PreviewPlatform };
 }
 
-export { AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, AllocationSparkbar, type AllocationSparkbarProps, AppScroll, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsibleCard, type CollapsibleCardProps, CompletionRing, type CompletionRingProps, CopyField, type CopyFieldProps, type Crumb, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, DetailSection, DeviceFrame, type DeviceFrameProps, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, EmptyPlaceholder, EmptyState, type EmptyStateProps, FOLDER_COLOR_KEYS, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterDropdown, type FilterDropdownProps, type FilterOption, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, ListItem, MarkdownCode, MarkdownRenderer, type MarkdownRendererProps, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, PLACEMENT_CONFIGS, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, SECTION_SCROLL_OFFSET, SearchBar, type SearchBarProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, Slider, type SliderProps, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, StatRow, type StatRowProps, type StatRowStep, StatsGrid, type StatsGridProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TextInput, Textarea, TextareaInput, type TextareaProps, Toaster, TokenBadge, type TokenBadgeProps, type UploadResult, type UseFileUploadOptions, ValueChip, type ValueChipProps, type WcagBadge, bestTextOn, cn, contrastRatio, copyText, folderColorVar, formatCurrency, formatNumber, formatPercent, formatRatio, hasBrandIcon, hexToRgbTuple, hslString, relativeLuminance, rgbCss, rgbString, useBreadcrumbHome, useFileUpload, wcagBadges };
+export { AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, AllocationSparkbar, type AllocationSparkbarProps, type AnchorAlign, type AnchorPlacement, type AnchorRect, type AnchorSide, type AnchorSize, type AnchoredPosition, type AnchoredPositionOptions, AppScroll, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsibleCard, type CollapsibleCardProps, Combobox, type ComboboxGroup, type ComboboxMultipleProps, type ComboboxOption, type ComboboxOptionState, type ComboboxProps, type ComboboxSingleProps, type ComboboxSize, CompletionRing, type CompletionRingProps, CopyField, type CopyFieldProps, type Crumb, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, DetailSection, DeviceFrame, type DeviceFrameProps, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, EmptyPlaceholder, EmptyState, type EmptyStateProps, FOLDER_COLOR_KEYS, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterDropdown, type FilterDropdownProps, type FilterOption, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, LISTBOX_CLASS, type LayerHandle, type LayerKind, ListItem, ListboxOption, type ListboxOptionProps, MarkdownCode, MarkdownRenderer, type MarkdownRendererProps, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, type OutsideClickTarget, PLACEMENT_CONFIGS, POPOVER_SURFACE_STYLE, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, Popover, type PopoverContentProps, type PopoverProps, type PopoverTriggerProps, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, SECTION_SCROLL_OFFSET, SearchBar, type SearchBarProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Select, type SelectOption, type SelectProps, type SelectSize, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, Slider, type SliderProps, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, StatRow, type StatRowProps, type StatRowStep, StatsGrid, type StatsGridProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TextInput, Textarea, TextareaInput, type TextareaProps, Toaster, TokenBadge, type TokenBadgeProps, Tooltip, type TooltipProps, type TooltipTriggerProps, type UploadResult, type UseAnchoredPositionOptions, type UseAnchoredPositionResult, type UseEscapeKeyOptions, type UseFileUploadOptions, type UseLayerOptions, type UseOutsideClickOptions, ValueChip, type ValueChipProps, type WcagBadge, bestTextOn, cn, computeAnchoredPosition, contrastRatio, copyText, folderColorVar, formatCurrency, formatNumber, formatPercent, formatRatio, hasBrandIcon, hexToRgbTuple, hslString, relativeLuminance, rgbCss, rgbString, useAnchoredPosition, useBreadcrumbHome, useEscapeKey, useFileUpload, useLayer, useOutsideClick, wcagBadges };