@lovett/ui 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -1,5 +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';
@@ -33,21 +34,21 @@ interface CardProps extends DivProps {
     interactive?: boolean;
 }
 declare const CardRoot: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-declare function Head({ className, ...rest }: DivProps): react.JSX.Element;
-declare function Body({ className, ...rest }: DivProps): react.JSX.Element;
-declare function Tray$1({ className, ...rest }: DivProps): react.JSX.Element;
-declare function Foot({ className, ...rest }: DivProps): react.JSX.Element;
-declare function Title({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function Head({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
+declare function Body({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
+declare function Tray$1({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
+declare function Foot({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
+declare function Title({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare function Desc({ children, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
     clamp?: 2 | 3;
-}): react.JSX.Element;
-declare function Meta({ className, ...rest }: DivProps): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function Meta({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
 declare function MetaItem({ icon, children, className, }: {
     icon?: ReactNode;
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
-declare function Actions({ className, ...rest }: DivProps): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function Actions({ className, ...rest }: DivProps): react_jsx_runtime.JSX.Element;
 interface ActionButtonProps$1 extends HTMLAttributes<HTMLButtonElement> {
     danger?: boolean;
 }
@@ -62,13 +63,13 @@ declare function IconTile({ bg, fg, size, className, children, }: {
     size?: number;
     className?: string;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /** Tag row helper — reads `--tag-bg`/`--border` automatically. */
 declare function TagRow({ tags, max, className, }: {
     tags: string[];
     max?: number;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 type CardComponent = typeof CardRoot & {
     Head: typeof Head;
     Body: typeof Body;
@@ -99,7 +100,7 @@ interface CollapsibleCardProps {
     contentClassName?: string;
     children: ReactNode;
 }
-declare function CollapsibleCard({ title, icon, meta, actions, defaultOpen, contentClassName, children, }: CollapsibleCardProps): react.JSX.Element;
+declare function CollapsibleCard({ title, icon, meta, actions, defaultOpen, contentClassName, children, }: CollapsibleCardProps): react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'destructive-soft' | 'icon' | 'toolbar';
 type ButtonSize = 'sm' | 'md' | 'lg';
@@ -122,7 +123,7 @@ interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
     /** One or more `<Button>` elements. */
     children: ReactNode;
 }
-declare function ButtonGroup({ children, className, role, ...rest }: ButtonGroupProps): react.JSX.Element;
+declare function ButtonGroup({ children, className, role, ...rest }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
 type InputSize = 'sm' | 'md' | 'lg';
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
@@ -186,18 +187,58 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.Re
  *            <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;
     title: string;
     children: ReactNode;
-    className?: string;
+    className?: string | undefined;
+    /**
+     * Accessible name for a modal rendered with an empty `title`. Ignored
+     * when `title` is non-empty — the `<h2>` names the dialog then.
+     */
+    ariaLabel?: string | undefined;
 }
-declare function Modal({ isOpen, onClose, title, children, className }: ModalProps): react.JSX.Element | null;
+declare function Modal({ isOpen, onClose, title, children, className, ariaLabel }: ModalProps): react_jsx_runtime.JSX.Element | null;
 declare namespace Modal {
-    var Tray: ({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
-    var Footer: ({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
+    var Tray: ({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    var Footer: ({ className, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 }
 
 type Side$1 = 'right' | 'bottom';
@@ -260,7 +301,7 @@ interface FloatingDrawerProps {
      * the right-drawer's body padding so the action bar feels integrated. */
     headerClassName?: string;
 }
-declare function FloatingDrawer({ isOpen, onClose, side, size, resizable, onResize, title, titleSlot, footer, children, className, panelClassName, modal, anchor, showClose, headerClassName, collapsed, }: FloatingDrawerProps): react.JSX.Element;
+declare function FloatingDrawer({ isOpen, onClose, side, size, resizable, onResize, title, titleSlot, footer, children, className, panelClassName, modal, anchor, showClose, headerClassName, collapsed, }: FloatingDrawerProps): react_jsx_runtime.JSX.Element;
 /**
  * DetailSection — small label/value layout for drawer body content.
  * Ports verbatim from brand-ai-extension's detail-drawer.tsx.
@@ -269,7 +310,7 @@ declare function DetailSection({ label, children, className, }: {
     label: string;
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 type BrandLogoTileSize = 'xs' | 'sm' | 'md' | 'lg' | number;
 interface BrandLogoTileProps {
@@ -315,12 +356,12 @@ interface BrandLogoTileProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function BrandLogoTile({ size, url, name, isFavicon, accentGlow, fallbackChar, background, color, borderless, className, style, }: BrandLogoTileProps): react.JSX.Element;
+declare function BrandLogoTile({ size, url, name, isFavicon, accentGlow, fallbackChar, background, color, borderless, className, style, }: BrandLogoTileProps): react_jsx_runtime.JSX.Element;
 
 interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label: string;
 }
-declare function ActionButton({ label, className, children, ...rest }: ActionButtonProps): react.JSX.Element;
+declare function ActionButton({ label, className, children, ...rest }: ActionButtonProps): react_jsx_runtime.JSX.Element;
 interface FootProps {
     meta?: ReactNode;
     link?: {
@@ -332,7 +373,7 @@ interface FootProps {
 /** FootItem — a single icon+text item inside the foot. */
 declare function FootItem({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 interface BaseProps {
     /** DOM id and `data-section-id` for ChipNav scroll-spy. */
     id: string;
@@ -384,7 +425,7 @@ interface EditableSectionProps extends BaseProps {
     actions?: undefined;
 }
 type ProfileSectionProps = StaticSectionProps | EditableSectionProps;
-declare function ProfileSection(props: ProfileSectionProps): react.JSX.Element;
+declare function ProfileSection(props: ProfileSectionProps): react_jsx_runtime.JSX.Element;
 type ProfileSectionComponent = typeof ProfileSection & {
     ActionButton: typeof ActionButton;
     FootItem: typeof FootItem;
@@ -464,7 +505,7 @@ interface ChipNavProps {
      */
     density?: 'comfortable' | 'compact';
 }
-declare function ChipNav({ items, scrollContainer, stickyTop, scrollOffset, actions, className, style, surface, activeId: activeIdProp, onItemClick, position, density, }: ChipNavProps): react.JSX.Element;
+declare function ChipNav({ items, scrollContainer, stickyTop, scrollOffset, actions, className, style, surface, activeId: activeIdProp, onItemClick, position, density, }: ChipNavProps): react_jsx_runtime.JSX.Element;
 
 interface CompletionRingProps {
     /** 0–100. Values outside the range are clamped. */
@@ -489,7 +530,7 @@ interface CompletionRingProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function CompletionRing({ percent, size, strokeWidth, label, showLabel, trackColor, fillColor, className, style, }: CompletionRingProps): react.JSX.Element;
+declare function CompletionRing({ percent, size, strokeWidth, label, showLabel, trackColor, fillColor, className, style, }: CompletionRingProps): react_jsx_runtime.JSX.Element;
 
 /**
  * MicrosoftLogo — the Microsoft four-square brand mark, for "Sign in with
@@ -505,7 +546,7 @@ interface MicrosoftLogoProps {
     size?: number;
     className?: string;
 }
-declare function MicrosoftLogo({ size, className }: MicrosoftLogoProps): react.JSX.Element;
+declare function MicrosoftLogo({ size, className }: MicrosoftLogoProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Brand platform glyphs — real mono (currentColor) marks for the ad platforms
@@ -529,27 +570,27 @@ declare function MicrosoftLogo({ size, className }: MicrosoftLogoProps): react.J
 interface BrandIconProps {
     /** Square box size in px; the glyph letterboxes inside (non-square viewBoxes
      *  centre via preserveAspectRatio). Default 16 — a tab/affix glyph. */
-    size?: number;
-    className?: string;
+    size?: number | undefined;
+    className?: string | undefined;
 }
 /** Meta brand glyph (mono, currentColor). */
-declare function BrandMeta({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandMeta({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Facebook brand glyph (mono, currentColor). */
-declare function BrandFacebook({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandFacebook({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Instagram brand glyph (mono, currentColor). */
-declare function BrandInstagram({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandInstagram({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Messenger brand glyph (mono, currentColor). */
-declare function BrandMessenger({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandMessenger({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** LinkedIn brand glyph (mono, currentColor). */
-declare function BrandLinkedIn({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandLinkedIn({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Nextdoor brand glyph (mono, currentColor). */
-declare function BrandNextdoor({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandNextdoor({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Pinterest brand glyph (mono, currentColor). */
-declare function BrandPinterest({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandPinterest({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Snapchat brand glyph (mono, currentColor). */
-declare function BrandSnapchat({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandSnapchat({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** TikTok brand glyph (mono, currentColor). */
-declare function BrandTikTok({ size, className }: BrandIconProps): react.JSX.Element;
+declare function BrandTikTok({ size, className }: BrandIconProps): react_jsx_runtime.JSX.Element;
 /** Keyed map for registry-style resolution (e.g. the Social Spec tactic icons). */
 declare const BRAND_ICONS: {
     readonly meta: typeof BrandMeta;
@@ -563,6 +604,20 @@ declare const BRAND_ICONS: {
     readonly tiktok: typeof BrandTikTok;
 };
 type BrandIconKey = keyof typeof BRAND_ICONS;
+/** Every platform `<BrandIcon>` can draw in colour. */
+declare function hasBrandIcon(name: string): boolean;
+interface BrandIconRegistryProps extends BrandIconProps {
+    /** Platform key, e.g. "facebook", "youtube". */
+    name: string;
+    /** Give a label only when the mark stands alone; decorative beside text. */
+    title?: string | undefined;
+}
+/**
+ * A full-colour platform mark, looked up by key. Use when the platform is
+ * chosen at runtime; use the named mono `Brand*` components when it is known
+ * at author time and the mark sits in coloured chrome.
+ */
+declare function BrandIcon({ name, size, className, title }: BrandIconRegistryProps): react_jsx_runtime.JSX.Element | null;
 
 interface ChoroplethProps {
     /** `radius` → concentric circles; `isochrone` → concentric polygons. */
@@ -570,7 +625,7 @@ interface ChoroplethProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function Choropleth({ mode, className, style }: ChoroplethProps): react.JSX.Element;
+declare function Choropleth({ mode, className, style }: ChoroplethProps): react_jsx_runtime.JSX.Element;
 
 type Crumb = {
     label: string;
@@ -604,9 +659,26 @@ interface PageShellProps {
     /** Override content padding if needed. Default leaves room for the sticky-blend header. */
     contentClassName?: string;
 }
-declare function PageHeaderSlotProvider({ children }: {
+/**
+ * The app's home destination, rendered as the first breadcrumb.
+ *
+ * PER-APP AND OPT-IN, which is the whole reason it lives on the provider
+ * instead of being hardcoded in `Breadcrumbs`. `PageShell` is shared: the
+ * workspace and `apps/approvals` both render it, and approvals has no
+ * `/clients` route — a hardcoded home would have shipped it a dead link on
+ * every page. An app that wants a home crumb says where home is; an app that
+ * does not gets no icon and nothing breaks.
+ */
+interface HomeCrumb {
+    to: string;
+    /** Accessible name for the icon-only link, e.g. "Clients". */
+    label: string;
+}
+declare function PageHeaderSlotProvider({ children, home, }: {
     children: ReactNode;
-}): react.JSX.Element;
+    /** Where the leading home crumb points. Omit to render no home crumb. */
+    home?: HomeCrumb | null;
+}): react_jsx_runtime.JSX.Element;
 /**
  * Page shell — promoted from brand-ai-extension Phase 2a (ADR-009 Decision 7).
  *
@@ -619,7 +691,7 @@ declare function PageHeaderSlotProvider({ children }: {
  * rendering its own bar — the workspace uses this to merge the lens crumbs
  * onto the same row as the workspace sidebar toggle.
  */
-declare function PageShell({ crumbs, breadcrumb, title, actions, headerCenter, children, contentClassName, }: PageShellProps): react.JSX.Element;
+declare function PageShell({ crumbs, breadcrumb, title, actions, headerCenter, children, contentClassName, }: PageShellProps): react_jsx_runtime.JSX.Element;
 
 /**
  * PageHeaderHost — single workspace-level header bar that the active
@@ -656,7 +728,33 @@ declare function PageHeaderHost({ leading, center, trailing, padX, }: {
      */
     center?: ReactNode;
     trailing?: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * The app's home destination, or null when the app has not declared one.
+ *
+ * Exported because not every breadcrumb in the app goes through `PageShell` —
+ * the Generate lens renders its own trail beside an editable project title —
+ * and those forks should read the same destination rather than each hardcoding
+ * a path that then drifts.
+ */
+declare function useBreadcrumbHome(): HomeCrumb | null;
+/**
+ * The leading home crumb: an icon, not a word.
+ *
+ * WHY AN ICON REPLACES THE FIRST CRUMB RATHER THAN SITTING BESIDE IT. Thirty-one
+ * lens trails already began `Clients / …` pointing at `/clients`, which is
+ * exactly where home goes — so rendering both would put the same destination on
+ * screen twice in a row, once as a picture and once as a word. The icon takes
+ * that crumb's place when they agree and prepends when they do not (the tools
+ * trails start at `/tools`), so "first position" holds either way.
+ *
+ * It carries an `aria-label` and a `title`: an icon-only link has no accessible
+ * name otherwise, and the tooltip is what tells a first-time user that the house
+ * means the client list rather than some other notion of home.
+ */
+declare function HomeCrumbLink({ home }: {
+    home: HomeCrumb;
+}): react_jsx_runtime.JSX.Element;
 /**
  * Scrollable wrapper that exposes its scrollRef via a render prop so
  * the consuming header (PageShell's internal PageHeader) can subscribe
@@ -665,7 +763,7 @@ declare function PageHeaderHost({ leading, center, trailing, padX, }: {
 declare function AppScroll({ children, className, }: {
     children: (scrollRef: RefObject<HTMLDivElement | null>) => ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 type SonnerToasterProps = ComponentProps<typeof Toaster$1>;
 /**
@@ -678,18 +776,18 @@ type SonnerToasterProps = ComponentProps<typeof Toaster$1>;
  * Apps can override any prop (position, duration, theme, etc.) by
  * passing it through.
  */
-declare function Toaster(props: SonnerToasterProps): react.JSX.Element;
+declare function Toaster(props: SonnerToasterProps): react_jsx_runtime.JSX.Element;
 
 declare function SectionLabel({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function IdentityLabel({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function IdentityValue({ children, className, }: {
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function TextInput({ value, onChange, placeholder, autoFocus, autoComplete, name, }: {
     value: string;
     onChange: (v: string) => void;
@@ -699,7 +797,7 @@ declare function TextInput({ value, onChange, placeholder, autoFocus, autoComple
     autoComplete?: string | undefined;
     /** Forwarded so the field participates in form submission / autofill heuristics. */
     name?: string | undefined;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function TextareaInput({ value, onChange, placeholder, autoFocus, autoComplete, name, rows, }: {
     value: string;
     onChange: (v: string) => void;
@@ -708,15 +806,15 @@ declare function TextareaInput({ value, onChange, placeholder, autoFocus, autoCo
     autoComplete?: string | undefined;
     name?: string | undefined;
     rows?: number | undefined;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function EmptyPlaceholder({ label, description, onAdd, }: {
     label: string;
     description?: string | undefined;
     onAdd?: (() => void) | undefined;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function ListItem({ children }: {
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 type Strategy = 'vertical' | 'horizontal' | 'grid';
 declare function SortableList<T>({ items, getId, onReorder, strategy, children, }: {
@@ -725,7 +823,7 @@ declare function SortableList<T>({ items, getId, onReorder, strategy, children,
     onReorder: (items: T[]) => void;
     strategy?: Strategy;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function SortableItem({ id, children, }: {
     id: string;
     children: (props: {
@@ -734,11 +832,11 @@ declare function SortableItem({ id, children, }: {
         style: CSSProperties;
         isDragging: boolean;
     }) => ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare function DragHandle({ dragHandleProps, className, }: {
     dragHandleProps: HTMLAttributes<HTMLElement>;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 interface EmptyStateProps {
     /** Lucide icon (or any ReactNode) rendered inside the 56×56 tile.
@@ -754,7 +852,7 @@ interface EmptyStateProps {
      *  (e.g. when the parent already provides vertical padding). */
     className?: string;
 }
-declare function EmptyState({ icon, title, description, actions, className, }: EmptyStateProps): react.JSX.Element;
+declare function EmptyState({ icon, title, description, actions, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps<T extends string = string> {
     /** Form name — required for proper radio semantics + form submission. */
@@ -774,7 +872,7 @@ interface RadioGroupProps<T extends string = string> {
     /** Disable every child radio. */
     disabled?: boolean;
 }
-declare function RadioGroup<T extends string = string>({ name, value, onChange, children, ariaLabel, orientation, className, disabled, }: RadioGroupProps<T>): react.JSX.Element;
+declare function RadioGroup<T extends string = string>({ name, value, onChange, children, ariaLabel, orientation, className, disabled, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
 interface RadioProps {
     /** Value emitted to the group's onChange when picked. */
     value: string;
@@ -800,7 +898,7 @@ interface OptionTileProps {
     disabled: boolean | undefined;
     className: string | undefined;
 }
-declare function OptionTile({ selected, onSelect, inputType, inputName, label, description, disabled, className, }: OptionTileProps): react.JSX.Element;
+declare function OptionTile({ selected, onSelect, inputType, inputName, label, description, disabled, className, }: OptionTileProps): react_jsx_runtime.JSX.Element;
 interface OptionTileGroupOption<T extends string> {
     value: T;
     label: ReactNode;
@@ -827,7 +925,7 @@ type OptionTileGroupProps<T extends string = string> = {
     /** Optional shared `name` attr on the underlying checkboxes (rarely needed). */
     name?: string;
 };
-declare function OptionTileGroup<T extends string = string>(props: OptionTileGroupProps<T>): react.JSX.Element;
+declare function OptionTileGroup<T extends string = string>(props: OptionTileGroupProps<T>): react_jsx_runtime.JSX.Element;
 
 type MetricCardTone = 'neutral' | 'accent' | 'success' | 'warning' | 'destructive' | 'info';
 interface MetricCardProps {
@@ -850,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.Element;
+declare function MetricCard({ value, label, tone, icon, labelPosition, className, copyable, copyValue, }: MetricCardProps): react_jsx_runtime.JSX.Element;
 
 /**
  * ProgressBar — labeled fill bar.
@@ -875,7 +978,7 @@ interface ProgressBarProps {
     /** Track height in px (default 8). */
     height?: number;
 }
-declare function ProgressBar({ label, percent, status, height }: ProgressBarProps): react.JSX.Element;
+declare function ProgressBar({ label, percent, status, height }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * StepLoader — a sequential, multi-step loading indicator (3-5 steps). Each step
@@ -907,7 +1010,7 @@ interface StepLoaderProps {
     minLastStepMs?: number;
     className?: string;
 }
-declare function StepLoader({ steps, done, onComplete, defaultStepMs, minLastStepMs, className, }: StepLoaderProps): react.JSX.Element;
+declare function StepLoader({ steps, done, onComplete, defaultStepMs, minLastStepMs, className, }: StepLoaderProps): react_jsx_runtime.JSX.Element;
 
 type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'destructive' | 'info';
 interface BadgeProps {
@@ -924,7 +1027,7 @@ interface BadgeProps {
     /** Extra classes merged onto the outer span (no longer replaces base). */
     className?: string;
 }
-declare function Badge({ tone, children, icon, dot, size, className, }: BadgeProps): react.JSX.Element;
+declare function Badge({ tone, children, icon, dot, size, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 interface TokenBadgeProps {
     /** Public token name to tint from, e.g. `--folder-teal`, `--accent`,
@@ -946,7 +1049,7 @@ interface TokenBadgeProps {
     uppercase?: boolean;
     className?: string;
 }
-declare function TokenBadge({ colorVar, children, variant, dot, icon, size, shape, uppercase, className, }: TokenBadgeProps): react.JSX.Element;
+declare function TokenBadge({ colorVar, children, variant, dot, icon, size, shape, uppercase, className, }: TokenBadgeProps): react_jsx_runtime.JSX.Element;
 
 interface ValueChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
     children: ReactNode;
@@ -1048,7 +1151,7 @@ interface AllocationSparkbarProps {
     height?: number;
     className?: string;
 }
-declare function AllocationSparkbar({ values, baseColorVar, colorVars, labels, titles, height, className, }: AllocationSparkbarProps): react.JSX.Element;
+declare function AllocationSparkbar({ values, baseColorVar, colorVars, labels, titles, height, className, }: AllocationSparkbarProps): react_jsx_runtime.JSX.Element;
 
 type FloatingStatusTone = 'neutral' | 'accent' | 'success' | 'warning' | 'destructive' | 'info';
 interface FloatingStatusBarProps {
@@ -1066,7 +1169,7 @@ interface FloatingStatusBarProps {
      *  bottom-center. */
     className?: string;
 }
-declare function FloatingStatusBar({ tone, label, meta, summary, action, className, }: FloatingStatusBarProps): react.JSX.Element;
+declare function FloatingStatusBar({ tone, label, meta, summary, action, className, }: FloatingStatusBarProps): react_jsx_runtime.JSX.Element;
 
 interface StatsGridProps {
     children: ReactNode;
@@ -1076,7 +1179,7 @@ interface StatsGridProps {
     /** Optional className override for the outer container. */
     className?: string;
 }
-declare function StatsGrid({ children, minColumnWidth, className, }: StatsGridProps): react.JSX.Element;
+declare function StatsGrid({ children, minColumnWidth, className, }: StatsGridProps): react_jsx_runtime.JSX.Element;
 
 interface Column<T> {
     /** Unique id; doubles as the sort key. Use a `keyof T` string or
@@ -1115,7 +1218,7 @@ interface SortableTableProps<T> {
     /** Compact density (smaller padding). Default false. */
     compact?: boolean;
 }
-declare function SortableTable<T>({ columns, rows, rowKey, initialSort, onRowClick, emptyState, zebra, compact, }: SortableTableProps<T>): react.JSX.Element;
+declare function SortableTable<T>({ columns, rows, rowKey, initialSort, onRowClick, emptyState, zebra, compact, }: SortableTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * Pagination — "Showing X-Y of Z" + prev/next buttons.
@@ -1137,7 +1240,7 @@ interface PaginationProps {
     totalItems: number;
     onPageChange: (page: number) => void;
 }
-declare function Pagination({ currentPage, pageSize, totalItems, onPageChange, }: PaginationProps): react.JSX.Element | null;
+declare function Pagination({ currentPage, pageSize, totalItems, onPageChange, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
 
 interface Tab {
     id: string;
@@ -1163,7 +1266,7 @@ interface TabsProps {
     stretch?: boolean;
     className?: string;
 }
-declare function Tabs({ tabs, activeTabId, onTabChange, size, variant, stretch, className, }: TabsProps): react.JSX.Element;
+declare function Tabs({ tabs, activeTabId, onTabChange, size, variant, stretch, className, }: TabsProps): react_jsx_runtime.JSX.Element;
 
 interface PillButtonProps {
     active: boolean;
@@ -1177,7 +1280,7 @@ interface PillButtonProps {
     icon?: ReactNode;
     disabled?: boolean;
 }
-declare function PillButton({ active, onClick, children, size, tone, icon, disabled, }: PillButtonProps): react.JSX.Element;
+declare function PillButton({ active, onClick, children, size, tone, icon, disabled, }: PillButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'checked'> {
     checked?: boolean;
@@ -1186,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;
@@ -1196,7 +1533,7 @@ interface DropdownMenuProps {
     defaultOpen?: boolean;
     children: ReactNode;
 }
-declare function DropdownMenu({ open: controlledOpen, onOpenChange, defaultOpen, children, }: DropdownMenuProps): react.JSX.Element;
+declare function DropdownMenu({ open: controlledOpen, onOpenChange, defaultOpen, children, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 interface DropdownMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Skip the default secondary-Button styling. Useful when wrapping
      * an existing Button primitive. */
@@ -1207,37 +1544,41 @@ 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.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.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.Element;
-declare function DropdownMenuSeparator({ className, ...rest }: HTMLAttributes<HTMLDivElement>): react.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;
 }
-declare function DropdownMenuLabel({ inset, className, ...rest }: DropdownMenuLabelProps): react.JSX.Element;
-declare function DropdownMenuGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function DropdownMenuLabel({ inset, className, ...rest }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 /**
  * DataGrid public types.
@@ -1374,7 +1715,7 @@ type EditingCell<ColumnId extends string> = {
     };
 };
 
-declare function DataGrid<Row extends DataGridRowBase, ColumnId extends string>({ rows, columns, getRowLabel, renderCell, isEditableColumn, getCellEditValue, applyCellEdit, getDrawerCellValue, canOpenDrawer, renderSummary, renderDrawerPanel, renderToolbar, onToolbarPropsChange, onOpenDrawerCell, drawerModal, drawerSize, stickySummaryFooter, stickyHeader, fillWidth, fillAvailableHeight, tableContainerClassName, onRowsChange, sort, onSortChange, }: DataGridProps<Row, ColumnId>): react.JSX.Element;
+declare function DataGrid<Row extends DataGridRowBase, ColumnId extends string>({ rows, columns, getRowLabel, renderCell, isEditableColumn, getCellEditValue, applyCellEdit, getDrawerCellValue, canOpenDrawer, renderSummary, renderDrawerPanel, renderToolbar, onToolbarPropsChange, onOpenDrawerCell, drawerModal, drawerSize, stickySummaryFooter, stickyHeader, fillWidth, fillAvailableHeight, tableContainerClassName, onRowsChange, sort, onSortChange, }: DataGridProps<Row, ColumnId>): react_jsx_runtime.JSX.Element;
 
 interface DataGridToolbarProps {
     /** Left slot — typically a <SearchBar>. Stretches up to a comfortable
@@ -1384,19 +1725,19 @@ interface DataGridToolbarProps {
     children?: ReactNode;
     className?: string;
 }
-declare function DataGridToolbar({ search, children, className, }: DataGridToolbarProps): react.JSX.Element;
+declare function DataGridToolbar({ search, children, className, }: DataGridToolbarProps): react_jsx_runtime.JSX.Element;
 
 type DataGridColumnOptionsMenuProps<ColumnId extends string> = Pick<DataGridToolbarRenderProps<ColumnId>, 'showSummaries' | 'onShowSummariesChange' | 'visibleColumns' | 'visibleColumnIds' | 'hiddenColumns' | 'toggleColumnVisibility' | 'optionsSensors' | 'onOptionColumnDragEnd' | 'optionsDndContextId'> & {
     triggerLabel?: string;
 };
-declare function DataGridColumnOptionsMenu<ColumnId extends string>({ showSummaries, onShowSummariesChange, visibleColumns, visibleColumnIds, hiddenColumns, toggleColumnVisibility, optionsSensors, onOptionColumnDragEnd, optionsDndContextId, triggerLabel, }: DataGridColumnOptionsMenuProps<ColumnId>): react.JSX.Element;
+declare function DataGridColumnOptionsMenu<ColumnId extends string>({ showSummaries, onShowSummariesChange, visibleColumns, visibleColumnIds, hiddenColumns, toggleColumnVisibility, optionsSensors, onOptionColumnDragEnd, optionsDndContextId, triggerLabel, }: DataGridColumnOptionsMenuProps<ColumnId>): react_jsx_runtime.JSX.Element;
 
 type DataGridDragOverlayProps<ColumnId extends string> = {
     dragOverlayColumn: DataGridColumn<ColumnId> | null;
     columnWidths: Record<ColumnId, number>;
     dragOverlayHeight: number;
 };
-declare function DataGridDragOverlay<ColumnId extends string>({ dragOverlayColumn, columnWidths, dragOverlayHeight, }: DataGridDragOverlayProps<ColumnId>): react.JSX.Element | null;
+declare function DataGridDragOverlay<ColumnId extends string>({ dragOverlayColumn, columnWidths, dragOverlayHeight, }: DataGridDragOverlayProps<ColumnId>): react_jsx_runtime.JSX.Element | null;
 type DataGridDropIndicatorProps = {
     dropIndicatorLeft: number | null;
     dragTableRect: {
@@ -1404,7 +1745,348 @@ type DataGridDropIndicatorProps = {
         height: number;
     } | null;
 };
-declare function DataGridDropIndicator({ dropIndicatorLeft, dragTableRect, }: DataGridDropIndicatorProps): react.JSX.Element | null;
+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
@@ -1460,7 +2142,7 @@ interface DropdownButtonProps {
      *  an engaged filter. Pair with `activeId` for filter-chip use. */
     active?: boolean;
 }
-declare function DropdownButton({ label, variant, size, leadingIcon, trailingIcon, items, disabled, loading, className, align, side, sideOffset, menuWidth, triggerAriaLabel, activeId, active, }: DropdownButtonProps): react.JSX.Element;
+declare function DropdownButton({ label, variant, size, leadingIcon, trailingIcon, items, disabled, loading, className, align, side, sideOffset, menuWidth, triggerAriaLabel, activeId, active, }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
 
 interface AccordionProps {
     /** Ids of the currently-open sections. */
@@ -1470,7 +2152,7 @@ interface AccordionProps {
     children: ReactNode;
     className?: string;
 }
-declare function Accordion({ openIds, onToggle, children, className }: AccordionProps): react.JSX.Element;
+declare function Accordion({ openIds, onToggle, children, className }: AccordionProps): react_jsx_runtime.JSX.Element;
 interface AccordionSectionProps {
     /** Stable id — matched against the Accordion's `openIds`. */
     id: string;
@@ -1484,7 +2166,7 @@ interface AccordionSectionProps {
     complete?: boolean;
     children: ReactNode;
 }
-declare function AccordionSection({ id, title, summary, badge, complete, children, }: AccordionSectionProps): react.JSX.Element;
+declare function AccordionSection({ id, title, summary, badge, complete, children, }: AccordionSectionProps): react_jsx_runtime.JSX.Element;
 declare const AccordionCompound: typeof Accordion & {
     Section: typeof AccordionSection;
 };
@@ -1526,7 +2208,7 @@ interface MenuButtonProps {
     /** aria-label for the trigger when the visible label is ambiguous. */
     triggerAriaLabel?: string;
 }
-declare function MenuButton({ label, items, leadingIcon, disabled, align, menuWidth, className, triggerAriaLabel, }: MenuButtonProps): react.JSX.Element;
+declare function MenuButton({ label, items, leadingIcon, disabled, align, menuWidth, className, triggerAriaLabel, }: MenuButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * CopyField — an input/output field with a copy button pinned to the
@@ -1568,7 +2250,7 @@ interface CopyFieldProps {
     copyToastMessage?: string;
     className?: string;
 }
-declare function CopyField({ value, onChange, multiline, rows, placeholder, readOnly, label, hideLabel, id, copyToastMessage, className, }: CopyFieldProps): react.JSX.Element;
+declare function CopyField({ value, onChange, multiline, rows, placeholder, readOnly, label, hideLabel, id, copyToastMessage, className, }: CopyFieldProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TagChipInput — type-to-create chips with autocomplete.
@@ -1611,7 +2293,7 @@ interface TagChipInputProps {
     error?: boolean;
     className?: string;
 }
-declare function TagChipInput({ value, onChange, suggestions, placeholder, max, maxLength, disabled, id, error, className, }: TagChipInputProps): react.JSX.Element;
+declare function TagChipInput({ value, onChange, suggestions, placeholder, max, maxLength, disabled, id, error, className, }: TagChipInputProps): react_jsx_runtime.JSX.Element;
 
 /**
  * FolderTreePicker — dropdown picker for a nestable folder tree.
@@ -1664,7 +2346,7 @@ interface FolderTreePickerProps {
     /** Apply error styling to the trigger. */
     error?: boolean;
 }
-declare function FolderTreePicker({ folders, value, onChange, onCreateFolder, placeholder, disabled, id, className, error, }: FolderTreePickerProps): react.JSX.Element;
+declare function FolderTreePicker({ folders, value, onChange, onCreateFolder, placeholder, disabled, id, className, error, }: FolderTreePickerProps): react_jsx_runtime.JSX.Element;
 
 interface HeroFormCardProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'title' | 'onSubmit'> {
     /** Small accent text above the title, e.g. "Brand · Research". */
@@ -1704,7 +2386,7 @@ interface HeroFormCardSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'ti
     trailing?: ReactNode;
     children: ReactNode;
 }
-declare function Section({ title, icon, description, trailing, children, className, ...rest }: HeroFormCardSectionProps): react.JSX.Element;
+declare function Section({ title, icon, description, trailing, children, className, ...rest }: HeroFormCardSectionProps): react_jsx_runtime.JSX.Element;
 interface HeroFormCardFieldProps {
     /** Visible field label. */
     label: ReactNode;
@@ -1719,8 +2401,8 @@ interface HeroFormCardFieldProps {
     children: ReactNode;
     className?: string;
 }
-declare function Field({ label, htmlFor, required, optional, error, hint, children, className, }: HeroFormCardFieldProps): react.JSX.Element;
-declare function FieldRow({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function Field({ label, htmlFor, required, optional, error, hint, children, className, }: HeroFormCardFieldProps): react_jsx_runtime.JSX.Element;
+declare function FieldRow({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 interface HeroFormCardBannerProps {
     /** Optional leading icon. */
     icon?: ReactNode;
@@ -1730,7 +2412,7 @@ interface HeroFormCardBannerProps {
     tone?: 'info' | 'accent' | 'success' | 'warning' | 'destructive';
     className?: string;
 }
-declare function Banner({ icon, children, tone, className, }: HeroFormCardBannerProps): react.JSX.Element;
+declare function Banner({ icon, children, tone, className, }: HeroFormCardBannerProps): react_jsx_runtime.JSX.Element;
 interface HeroFormCardAdvancedProps {
     summary?: ReactNode;
     /** Optional icon node next to the summary. */
@@ -1739,8 +2421,8 @@ interface HeroFormCardAdvancedProps {
     children: ReactNode;
     className?: string;
 }
-declare function Advanced({ summary, icon, defaultOpen, children, className, }: HeroFormCardAdvancedProps): react.JSX.Element;
-declare function Footer({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+declare function Advanced({ summary, icon, defaultOpen, children, className, }: HeroFormCardAdvancedProps): react_jsx_runtime.JSX.Element;
+declare function Footer({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const HeroFormCardCompound: react.ForwardRefExoticComponent<HeroFormCardProps & react.RefAttributes<HTMLFormElement>> & {
     Section: typeof Section;
     Field: typeof Field;
@@ -1770,7 +2452,7 @@ interface RangeSliderProps {
     disabled?: boolean;
     className?: string;
 }
-declare function RangeSlider({ min, max, value, onChange, step, label, formatValue, id, disabled, className, }: RangeSliderProps): react.JSX.Element;
+declare function RangeSlider({ min, max, value, onChange, step, label, formatValue, id, disabled, className, }: RangeSliderProps): react_jsx_runtime.JSX.Element;
 
 interface SegmentedPillItem<Id extends string = string> {
     id: Id;
@@ -1794,7 +2476,7 @@ interface SegmentedPillProps<Id extends string = string> {
     stretch?: boolean;
     className?: string;
 }
-declare function SegmentedPill<Id extends string = string>({ items, value, onChange, ariaLabel, size, stretch, className, }: SegmentedPillProps<Id>): react.JSX.Element;
+declare function SegmentedPill<Id extends string = string>({ items, value, onChange, ariaLabel, size, stretch, className, }: SegmentedPillProps<Id>): react_jsx_runtime.JSX.Element;
 
 interface ShellProps extends HTMLAttributes<HTMLDivElement> {
     /** Max-width for the auto-centered page-level wrapper, in pixels.
@@ -1826,7 +2508,7 @@ interface ShellTrayHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'
     /** Tighter padding for dense layouts. */
     compact?: boolean;
 }
-declare function TrayHeader({ title, meta, index, description, compact, className, style, ...rest }: ShellTrayHeaderProps): react.JSX.Element;
+declare function TrayHeader({ title, meta, index, description, compact, className, style, ...rest }: ShellTrayHeaderProps): react_jsx_runtime.JSX.Element;
 interface ShellTrayBodyProps extends HTMLAttributes<HTMLDivElement> {
     /** Vertical gap between children. Default `form` (16px). `grid`
      *  (14px) is for tighter sub-card grids. `flush` (0) lets the
@@ -1835,7 +2517,7 @@ interface ShellTrayBodyProps extends HTMLAttributes<HTMLDivElement> {
     /** Tighter padding for dense layouts. */
     compact?: boolean;
 }
-declare function TrayBody({ spacing, compact, className, style, children, ...rest }: ShellTrayBodyProps): react.JSX.Element;
+declare function TrayBody({ spacing, compact, className, style, children, ...rest }: ShellTrayBodyProps): react_jsx_runtime.JSX.Element;
 interface ShellTrayFooterProps extends HTMLAttributes<HTMLDivElement> {
     /** Tighter padding for dense layouts. */
     compact?: boolean;
@@ -1846,12 +2528,12 @@ interface ShellTrayFooterProps extends HTMLAttributes<HTMLDivElement> {
      *  the right edge via `margin-left: auto`. */
     right?: ReactNode;
 }
-declare function TrayFooter({ compact, left, right, className, style, children, ...rest }: ShellTrayFooterProps): react.JSX.Element;
+declare function TrayFooter({ compact, left, right, className, style, children, ...rest }: ShellTrayFooterProps): react_jsx_runtime.JSX.Element;
 interface ShellSubCardProps extends HTMLAttributes<HTMLDivElement> {
     /** Optional header content rendered above the body. */
     header?: ReactNode;
 }
-declare function SubCard({ header, className, style, children, ...rest }: ShellSubCardProps): react.JSX.Element;
+declare function SubCard({ header, className, style, children, ...rest }: ShellSubCardProps): react_jsx_runtime.JSX.Element;
 /** Value-text tone for <ShellStat>. Semantic tones map to the public
  *  status tokens — handy for traffic-light KPIs (e.g. competition). */
 type ShellStatTone = 'default' | 'accent' | 'success' | 'warning' | 'destructive';
@@ -1868,7 +2550,7 @@ interface ShellStatProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
      *  color (`success` / `warning` / `destructive`). */
     valueTone?: ShellStatTone;
 }
-declare function ShellStat({ label, value, icon, hint, valueTone, className, ...rest }: ShellStatProps): react.JSX.Element;
+declare function ShellStat({ label, value, icon, hint, valueTone, className, ...rest }: ShellStatProps): react_jsx_runtime.JSX.Element;
 type ShellComponent = typeof ShellRoot & {
     Tray: typeof Tray;
     TrayHeader: typeof TrayHeader;
@@ -1901,7 +2583,7 @@ interface FolderCardProps {
     menuSlot?: ReactNode;
     className?: string;
 }
-declare function FolderCard({ name, colorKey, assetCount, folderCount, selected, selectable, onOpen, onSelect, menuSlot, className, }: FolderCardProps): react.JSX.Element;
+declare function FolderCard({ name, colorKey, assetCount, folderCount, selected, selectable, onOpen, onSelect, menuSlot, className, }: FolderCardProps): react_jsx_runtime.JSX.Element;
 
 interface BulkActionBarProps {
     /** Selection count shown in the accent badge. */
@@ -1913,7 +2595,7 @@ interface BulkActionBarProps {
     children: ReactNode;
     onClear: () => void;
 }
-declare function BulkActionBar({ count, summary, children, onClear, }: BulkActionBarProps): react.JSX.Element;
+declare function BulkActionBar({ count, summary, children, onClear, }: BulkActionBarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * FileUploadButton — paperclip trigger that opens a native file picker.
@@ -1927,7 +2609,7 @@ interface FileUploadButtonProps {
     fileCount?: number;
     maxFiles?: number;
 }
-declare function FileUploadButton({ onFilesSelected, disabled, fileCount, maxFiles, }: FileUploadButtonProps): react.JSX.Element;
+declare function FileUploadButton({ onFilesSelected, disabled, fileCount, maxFiles, }: FileUploadButtonProps): react_jsx_runtime.JSX.Element;
 
 interface FileDropZoneProps {
     children: ReactNode;
@@ -1935,7 +2617,7 @@ interface FileDropZoneProps {
     disabled?: boolean;
     className?: string;
 }
-declare function FileDropZone({ children, onFilesDropped, disabled, className, }: FileDropZoneProps): react.JSX.Element;
+declare function FileDropZone({ children, onFilesDropped, disabled, className, }: FileDropZoneProps): react_jsx_runtime.JSX.Element;
 
 /**
  * useFileUpload — stateful file-selection, validation, text-extraction, and
@@ -2008,13 +2690,13 @@ interface FilePreviewGridProps {
     onRemove: (id: string) => void;
     className?: string;
 }
-declare function FilePreviewGrid({ files, onRemove, className }: FilePreviewGridProps): react.JSX.Element | null;
+declare function FilePreviewGrid({ files, onRemove, className }: FilePreviewGridProps): react_jsx_runtime.JSX.Element | null;
 
 interface FilePreviewItemProps {
     pendingFile: PendingFile;
     onRemove: (id: string) => void;
 }
-declare function FilePreviewItem({ pendingFile, onRemove }: FilePreviewItemProps): react.JSX.Element;
+declare function FilePreviewItem({ pendingFile, onRemove }: FilePreviewItemProps): react_jsx_runtime.JSX.Element;
 
 /**
  * FileThumbnail — icon-based preview tile for non-image files; renders the
@@ -2034,7 +2716,7 @@ interface FileThumbnailProps {
     previewUrl?: string;
     className?: string;
 }
-declare function FileThumbnail({ file, previewUrl, className }: FileThumbnailProps): react.JSX.Element;
+declare function FileThumbnail({ file, previewUrl, className }: FileThumbnailProps): react_jsx_runtime.JSX.Element;
 
 interface CodeBlockProps {
     /** Lowercased language identifier, e.g. "typescript" or "json". */
@@ -2042,7 +2724,7 @@ interface CodeBlockProps {
     /** Raw source text. */
     children: string;
 }
-declare function CodeBlock({ language, children }: CodeBlockProps): react.JSX.Element;
+declare function CodeBlock({ language, children }: CodeBlockProps): react_jsx_runtime.JSX.Element;
 /**
  * MarkdownCode — react-markdown code element adapter.
  *
@@ -2050,7 +2732,7 @@ declare function CodeBlock({ language, children }: CodeBlockProps): react.JSX.El
  * Fenced code (triple backtick, className="language-xxx") delegates to
  * CodeBlock for syntax highlighting + copy button.
  */
-declare function MarkdownCode({ className, children }: HTMLAttributes<HTMLElement>): react.JSX.Element;
+declare function MarkdownCode({ className, children }: HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
 
 interface MarkdownRendererProps {
     /** Raw markdown string to render. */
@@ -2063,7 +2745,7 @@ interface MarkdownRendererProps {
  * Renders headings, lists, code (via CodeBlock), tables, task lists,
  * strikethrough, blockquotes, and links with workspace token styling.
  */
-declare function MarkdownRenderer({ children, className }: MarkdownRendererProps): react.JSX.Element;
+declare function MarkdownRenderer({ children, className }: MarkdownRendererProps): react_jsx_runtime.JSX.Element;
 
 interface ResizableHandleProps {
     /** Which edge of the parent the handle decorates. */
@@ -2088,12 +2770,12 @@ interface ResizableHandleProps {
     disabled?: boolean;
     className?: string;
 }
-declare function ResizableHandle({ side, value, onChange, onCommit, min, max, defaultValue, step, 'aria-label': ariaLabel, disabled, className, }: ResizableHandleProps): react.JSX.Element;
+declare function ResizableHandle({ side, value, onChange, onCommit, min, max, defaultValue, step, 'aria-label': ariaLabel, disabled, className, }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
 interface ResizablePaneProps extends ResizableHandleProps {
     children: ReactNode;
     paneClassName?: string;
 }
-declare function ResizablePane({ children, paneClassName, ...handleProps }: ResizablePaneProps): react.JSX.Element;
+declare function ResizablePane({ children, paneClassName, ...handleProps }: ResizablePaneProps): react_jsx_runtime.JSX.Element;
 
 interface KbdProps {
     /** Child text — typically a single key glyph or short string. */
@@ -2101,7 +2783,7 @@ interface KbdProps {
     /** Optional size — defaults to 'md'. */
     size?: 'sm' | 'md';
 }
-declare function Kbd({ children, size }: KbdProps): react.JSX.Element;
+declare function Kbd({ children, size }: KbdProps): react_jsx_runtime.JSX.Element;
 
 interface FrameStackProps extends HTMLAttributes<HTMLDivElement> {
     /** Visual gap between child cards. Defaults to 10 px to match the
@@ -2154,7 +2836,7 @@ interface CalculatorShellProps {
  * CalculatorShell — the layout primitive. See file-level JSDoc for the
  * locked layout / interaction / token rules.
  */
-declare function CalculatorShell({ title, subtitle, inputs, result, formula, secondaryStats, onReset, copyValue, shareUrl, }: CalculatorShellProps): react.JSX.Element;
+declare function CalculatorShell({ title, subtitle, inputs, result, formula, secondaryStats, onReset, copyValue, shareUrl, }: CalculatorShellProps): react_jsx_runtime.JSX.Element;
 
 type CalcLayout = 'shell' | 'open';
 /**
@@ -2201,11 +2883,11 @@ 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.Element;
+declare function CalculatorShellV2({ eyebrow, title, icon, layout, inputs, result, footerNote, actions, assumptions, copyReport, benchmarkSlot, }: CalculatorShellV2Props): react_jsx_runtime.JSX.Element;
 
 interface StatRowStep {
     /** Lucide glyph (~16px). Inherits the dark-frame label colour. */
@@ -2217,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.Element;
+declare function StatRow({ steps, copyable, className }: StatRowProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Slider — single-value numeric slider (ADR-076 D8).
@@ -2251,7 +2939,7 @@ interface SliderProps {
     disabled?: boolean;
     className?: string;
 }
-declare function Slider({ value, min, max, step, onChange, 'aria-label': ariaLabel, disabled, className, }: SliderProps): react.JSX.Element;
+declare function Slider({ value, min, max, step, onChange, 'aria-label': ariaLabel, disabled, className, }: SliderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Number-formatting helpers — small set of pure, zero-dep utilities
@@ -2361,7 +3049,7 @@ interface PageHeroProps {
     leading?: ReactNode;
     className?: string;
 }
-declare function PageHero({ eyebrow, title, subtitle, actions, leading, className, }: PageHeroProps): react.JSX.Element;
+declare function PageHero({ eyebrow, title, subtitle, actions, leading, className, }: PageHeroProps): react_jsx_runtime.JSX.Element;
 
 interface SearchBarProps {
     value: string;
@@ -2370,7 +3058,7 @@ interface SearchBarProps {
     width?: number | string;
     className?: string;
 }
-declare function SearchBar({ value, onChange, placeholder, width, className, }: SearchBarProps): react.JSX.Element;
+declare function SearchBar({ value, onChange, placeholder, width, className, }: SearchBarProps): react_jsx_runtime.JSX.Element;
 
 interface FilterBarProps {
     /**
@@ -2384,7 +3072,7 @@ interface FilterBarProps {
     className?: string;
     children: ReactNode;
 }
-declare function FilterBarRoot({ variant, 'aria-label': ariaLabel, className, children, }: FilterBarProps): react.JSX.Element;
+declare function FilterBarRoot({ variant, 'aria-label': ariaLabel, className, children, }: FilterBarProps): react_jsx_runtime.JSX.Element;
 interface FilterBarSearchProps {
     value: string;
     onChange: (next: string) => void;
@@ -2395,15 +3083,15 @@ interface FilterBarSearchProps {
     className?: string;
 }
 /** Standardized search field: small `Input` with a leading magnifier. */
-declare function FilterBarSearch({ value, onChange, placeholder, 'aria-label': ariaLabel, className, }: FilterBarSearchProps): react.JSX.Element;
+declare function FilterBarSearch({ value, onChange, placeholder, 'aria-label': ariaLabel, className, }: FilterBarSearchProps): react_jsx_runtime.JSX.Element;
 /** Flexible spacer — everything after it is pushed to the right edge. */
-declare function FilterBarSpacer(): react.JSX.Element;
+declare function FilterBarSpacer(): react_jsx_runtime.JSX.Element;
 interface FilterBarCountProps {
     shown: number;
     total: number;
 }
 /** Right-aligned "{shown} of {total}" result count, tabular-nums. */
-declare function FilterBarCount({ shown, total }: FilterBarCountProps): react.JSX.Element;
+declare function FilterBarCount({ shown, total }: FilterBarCountProps): react_jsx_runtime.JSX.Element;
 declare const FilterBar: typeof FilterBarRoot & {
     Search: typeof FilterBarSearch;
     Spacer: typeof FilterBarSpacer;
@@ -2431,7 +3119,7 @@ interface FilterDropdownProps<T extends string = string> {
     className?: string;
     align?: 'left' | 'right';
 }
-declare function FilterDropdown<T extends string = string>({ label, value, onChange, options, neutralValue, triggerValueLabel, className, align, }: FilterDropdownProps<T>): react.JSX.Element;
+declare function FilterDropdown<T extends string = string>({ label, value, onChange, options, neutralValue, triggerValueLabel, className, align, }: FilterDropdownProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DeviceFrameProps {
     /** Which device bezel to render. */
@@ -2447,7 +3135,7 @@ interface DeviceFrameProps {
     /** Optional className on the outer frame element. */
     className?: string;
 }
-declare function DeviceFrame({ device, url, children, className }: DeviceFrameProps): react.JSX.Element;
+declare function DeviceFrame({ device, url, children, className }: DeviceFrameProps): react_jsx_runtime.JSX.Element;
 
 interface CreativeMediaProps {
     src: string;
@@ -2656,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, 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, 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, hexToRgbTuple, hslString, relativeLuminance, rgbCss, rgbString, 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 };