@sequenceholdings/atlas-ui 0.1.3 → 0.3.1

package/dist/index.d.ts

@@ -5,8 +5,10 @@ import { ClassValue } from 'clsx';
 import { ColumnDef } from '@tanstack/react-table';
 import { ColumnFiltersState } from '@tanstack/react-table';
 import { Command as Command_2 } from 'cmdk';
+import { ComponentProps } from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { DayPicker } from 'react-day-picker';
+import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Dispatch } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -16,8 +18,10 @@ import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { QueryKey } from '@tanstack/react-query';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import * as RechartsPrimitive from 'recharts';
 import { Row } from '@tanstack/react-table';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -36,62 +40,42 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseMutationResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function AckBadges({ ack1, ack2, currentUserId, requiredAcks, onAck, onUnack, disabled, disabledReason, className, }: AckBadgesProps): JSX.Element;
-
-export declare interface AckBadgesProps {
-    ack1?: AckUser;
-    ack2?: AckUser;
-    currentUserId: string;
-    requiredAcks: 1 | 2;
-    onAck?: () => void;
-    onUnack?: () => void;
-    disabled?: boolean;
-    disabledReason?: string;
-    className?: string;
-}
-
-export declare interface AckUser {
-    userId: string;
-    displayName: string;
-    at: string;
-}
-
 export declare const AGENT_TINTS: {
-    readonly teal: {
-        readonly bg: "bg-teal-50";
-        readonly fg: "text-teal-700";
+    readonly 'identity-1': {
+        readonly bg: "bg-identity-1";
+        readonly fg: "text-identity-1-text";
     };
-    readonly violet: {
-        readonly bg: "bg-violet-50";
-        readonly fg: "text-violet-700";
+    readonly 'identity-2': {
+        readonly bg: "bg-identity-2";
+        readonly fg: "text-identity-2-text";
     };
-    readonly amber: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
+    readonly 'identity-3': {
+        readonly bg: "bg-identity-3";
+        readonly fg: "text-identity-3-text";
     };
-    readonly rose: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
+    readonly 'identity-4': {
+        readonly bg: "bg-identity-4";
+        readonly fg: "text-identity-4-text";
     };
-    readonly sky: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
+    readonly 'identity-5': {
+        readonly bg: "bg-identity-5";
+        readonly fg: "text-identity-5-text";
     };
-    readonly emerald: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
+    readonly 'identity-6': {
+        readonly bg: "bg-identity-6";
+        readonly fg: "text-identity-6-text";
     };
-    readonly orange: {
-        readonly bg: "bg-orange-50";
-        readonly fg: "text-orange-700";
+    readonly 'identity-7': {
+        readonly bg: "bg-identity-7";
+        readonly fg: "text-identity-7-text";
     };
-    readonly indigo: {
-        readonly bg: "bg-indigo-50";
-        readonly fg: "text-indigo-700";
+    readonly 'identity-8': {
+        readonly bg: "bg-identity-8";
+        readonly fg: "text-identity-8-text";
     };
-    readonly graphite: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-80";
+    readonly neutral: {
+        readonly bg: "bg-muted";
+        readonly fg: "text-foreground";
     };
 };
 
@@ -103,7 +87,14 @@ export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<A
 
 export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Classes for the scrim behind the dialog. Pair with `className` when
+     * raising z-index — a lone `className="z-modal"` lifts only the panel and
+     * leaves the overlay at `z-50` (DES-315). Additive; defaults unchanged.
+     */
+    overlayClassName?: string;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -194,24 +185,113 @@ declare interface BadgeProps extends React_2.HTMLAttributes<HTMLSpanElement>, Va
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "success" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "alpha" | "beta" | null | undefined;
+    variant?: "default" | "success" | "secondary" | "neutral" | "destructive" | "outline" | "warning" | "info" | "danger" | "identity" | "ghost" | "alpha" | "beta" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function Breadcrumb({ items, interactive, maxItems, variant, renderLink, ariaLabel, className, }: BreadcrumbProps): JSX.Element | null;
+
+declare function Breadcrumb_2({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+
+/**
+ * Breadcrumb — the app-facing, presentational breadcrumb.
+ *
+ * App-agnostic on purpose so it ships in the published `atlas-ui` package and
+ * artifacts can use it: it takes the full `items` trail as a prop and does NOT
+ * touch any app registry, router, or `next/navigation`. Navigation defaults to
+ * plain `<a href>`; inject `renderLink` (e.g. a SPA `Link`) for client routing,
+ * or mount `BreadcrumbLinkProvider` once to supply it to a whole subtree (the
+ * Atlas shell does this). For the app-root crumb, prepend `useAppRootCrumb()`
+ * (`@platform/hooks/useAppRootCrumb`).
+ *
+ * Depth drives the affordance (`variant='auto'`): 0 ancestors → nothing, 1 →
+ * back button, 2+ → breadcrumb. Long trails collapse into an ellipsis dropdown
+ * (`maxItems`); every crumb truncates with a tooltip; `loading` crumbs show a
+ * pulsing skeleton.
+ */
+export declare interface BreadcrumbCrumb {
+    label: React_2.ReactNode;
+    /** Navigation target for an ancestor crumb. Ignored on the last crumb (it
+     *  renders as the current page). Prefer `href`; use `onClick` for custom nav. */
+    href?: string;
+    onClick?: () => void;
+    /** Render a pulsing skeleton in place of the label while its value loads. */
+    loading?: boolean;
+}
 
-export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
+declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
     asChild?: boolean;
 }): JSX.Element;
 
-export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+/**
+ * Supplies the router link that `Breadcrumb` uses for ancestor crumbs. Mount it
+ * once in the app shell with your SPA `Link` so every breadcrumb navigates
+ * client-side; without it (e.g. in a standalone artifact) breadcrumbs fall back
+ * to plain `<a href>`. A `renderLink` prop on an individual `Breadcrumb` still
+ * wins over this.
+ */
+export declare function BreadcrumbLinkProvider({ renderLink, children, }: {
+    renderLink: BreadcrumbLinkRenderer;
+    children: React_2.ReactNode;
+}): JSX.Element;
 
-export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+/** Renders a navigable crumb. Default is a plain `<a href>`; a host injects its
+ *  router link (e.g. `<Link to={href}>`) so SPA nav works without coupling the
+ *  shared component to any router. */
+export declare type BreadcrumbLinkRenderer = (props: {
+    href: string;
+    onClick?: () => void;
+    className?: string;
+    children: React_2.ReactNode;
+}) => React_2.ReactElement;
+
+declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
 
-export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+/**
+ * shadcn breadcrumb primitives, grouped under one namespace so the bare name
+ * `Breadcrumb` names the app-facing smart component (`./breadcrumb-nav`).
+ * Compose these directly only when building a bespoke trail; almost all code
+ * should use the smart `Breadcrumb` instead.
+ */
+export declare const BreadcrumbPrimitive: {
+    Root: typeof Breadcrumb_2;
+    List: typeof BreadcrumbList;
+    Item: typeof BreadcrumbItem;
+    Link: typeof BreadcrumbLink;
+    Page: typeof BreadcrumbPage;
+    Separator: typeof BreadcrumbSeparator;
+    Ellipsis: typeof BreadcrumbEllipsis;
+};
+
+export declare interface BreadcrumbProps {
+    /** The full trail; the last item renders as the current page. */
+    items: BreadcrumbCrumb[];
+    /** When false, ancestor crumbs render as static text (e.g. loading states). */
+    interactive?: boolean;
+    /** Collapse the middle of long trails to an ellipsis-dropdown once the count
+     *  exceeds this (clamped to >= 2 so the root + current page always show). */
+    maxItems?: number;
+    /**
+     * Which affordance to render. Defaults to `'auto'`, which picks by depth so
+     * callers never decide: **0 ancestors** → nothing; **1 ancestor** → a back
+     * button (a full breadcrumb is overkill one level deep); **2+ ancestors** →
+     * the breadcrumb trail. Force `'breadcrumb'` / `'back'` for a deliberate
+     * exception.
+     */
+    variant?: "auto" | "breadcrumb" | "back";
+    /** Injected router link. Defaults to a plain `<a href>`. */
+    renderLink?: BreadcrumbLinkRenderer;
+    ariaLabel?: string;
+    className?: string;
+}
+
+declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
 /**
  * Generate heat-colored columns for time-period keys (dates, weeks, months).
@@ -242,12 +322,26 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | "submit" | null | undefined;
+    size?: "default" | "sm" | "icon" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Calendar({ className, classNames, showOutsideDays, ...props }: React_2.ComponentProps<typeof DayPicker>): JSX.Element;
 
+export declare function CalendarGrid({ startHour, endHour, hourHeight, maxHeight, initialScrollHour, dayHeaders, children, loading, loadingText, }: CalendarGridProps): JSX.Element;
+
+export declare interface CalendarGridProps {
+    startHour?: number;
+    endHour?: number;
+    hourHeight?: number;
+    maxHeight?: number;
+    initialScrollHour?: number;
+    dayHeaders?: default_2.ReactNode[];
+    children: (dayIdx: number) => default_2.ReactNode;
+    loading?: boolean;
+    loadingText?: string;
+}
+
 /**
  * Card — the foundational surface for grouped content (dashboards,
  * metrics, forms, lists, detail pages).
@@ -266,11 +360,11 @@ export declare function Calendar({ className, classNames, showOutsideDays, ...pr
  *     Drop shadows on cards quickly compound against each other in
  *     dense dashboards (card-inside-card, kpi-tile-inside-card, etc.)
  *     and visually muddy the hierarchy.
- *   - Radius: `rounded-xl` via the design system — 12px at default
- *     scale; per-app themes can tighten/loosen via `--radius`.
+ *   - Radius: `rounded-surface` (DES-313) — the top-level-container
+ *     radius role. Cards own their radius; call sites never pass one.
  *
  * When a card genuinely needs elevation (modal/popover-adjacent lifts,
- * drag affordances), opt in explicitly with `shadow-sm` / `shadow-md`
+ * drag affordances), opt in explicitly with `shadow-resting`
  * at the call site rather than baking it into the base.
  */
 export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -283,19 +377,66 @@ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface CellCoord {
-    rowId: string;
-    columnId: string;
-}
+export declare type ChartConfig = {
+    [key: string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): JSX.Element;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: {
+    className?: string;
+    hideIcon?: boolean;
+    payload?: LegendPayloadItem[];
+    verticalAlign?: 'top' | 'bottom';
+    nameKey?: string;
+}): JSX.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, footer, }: {
+    active?: boolean;
+    payload?: TooltipPayloadItem[];
+    className?: string;
+    indicator?: 'line' | 'dot' | 'dashed';
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    label?: React_2.ReactNode;
+    labelFormatter?: (value: React_2.ReactNode, payload: TooltipPayloadItem[]) => React_2.ReactNode;
+    labelClassName?: string;
+    formatter?: (value: number | string, name: string | number, item: TooltipPayloadItem, index: number, payloadItem: Record<string, unknown> | undefined) => React_2.ReactNode;
+    color?: string;
+    nameKey?: string;
+    labelKey?: string;
+    footer?: (visible: TooltipPayloadItem[]) => React_2.ReactNode;
+}): JSX.Element | null;
 
 /**
  * Checkbox — matches shadcn's canonical 16×16 design:
  *
  *   - `size-4` (16px)
- *   - `rounded-xs` (4px, `--radius-xs`) — a square with softened corners,
- *     NOT a circle. Atlas's scale shifted `--radius-sm` up to 8px, which
- *     would render a 16px checkbox as a 50% pill. `--radius-xs` closes
- *     the gap at the tight end specifically for cases like this.
+ *   - `rounded-badge` (4px) — a square with softened corners, NOT a
+ *     circle. This is chosen for its VALUE, not its name: a checkbox is
+ *     not a label about something, but `badge` is the only radius role
+ *     that stays 4px in both flag states, and 4px is the only step that
+ *     keeps a 16px box reading as a square. `rounded-control` would make
+ *     it a full circle — that is a radio button, not a checkbox — and
+ *     `rounded-surface-nested` (8px) would render it as a 50% pill.
+ *     Kept off the legacy `rounded-xs` so it survives the DES-324
+ *     deletion of the legacy scale (DES-379).
  *   - Neutral `border-input` when unchecked; flips to `border-primary`
  *     when checked/indeterminate so the outline blends with the fill.
  *   - No drop shadow — consistent with the rest of Atlas's form
@@ -337,10 +478,10 @@ export declare interface CheckboxOption<T extends string> {
 }
 
 declare const CHIP_TONES: {
-    readonly default: "border-black-10 bg-black-2 text-black-70";
-    readonly danger: "border-red-200 bg-red-50 text-red-700";
-    readonly warning: "border-amber-200 bg-amber-50 text-amber-700";
-    readonly success: "border-emerald-200 bg-emerald-50 text-emerald-700";
+    readonly default: "border-border bg-accent text-muted-foreground";
+    readonly danger: "border-danger/30 bg-danger-tint text-danger-text";
+    readonly warning: "border-warning/30 bg-warning-tint text-warning-text";
+    readonly success: "border-success/30 bg-success-tint text-success-text";
 };
 
 export declare const ChoiceCard: React_2.ForwardRefExoticComponent<ChoiceCardProps & React_2.RefAttributes<HTMLLabelElement>>;
@@ -472,6 +613,26 @@ declare interface ChoiceCardProps {
     className?: string;
 }
 
+export declare function CitationChip({ fileName, url, kind, resolved, className, }: CitationChipProps): JSX.Element;
+
+/**
+ * Inline citation chip — the rendered form of a resolved `[[cite:...]]` anchor.
+ * A `document` chip shows the source filename; a `web` chip shows the site (or
+ * host) and links out; an unresolved anchor renders a muted "source" pill so a
+ * fabricated/dropped citation is still visible rather than a raw token.
+ *
+ * The label truncates and reveals its full value on hover (via `TruncatedText`).
+ * When a `url` is present the chip is an anchor that opens in a new tab.
+ */
+export declare interface CitationChipProps {
+    fileName?: string | null;
+    url?: string | null;
+    kind?: 'web' | 'document';
+    /** False renders the muted unresolved state. Defaults to true. */
+    resolved?: boolean;
+    className?: string;
+}
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const CodeBadge: React_2.ForwardRefExoticComponent<CodeBadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
@@ -638,7 +799,7 @@ export declare function DashboardShell({ title, range, actions, children, classN
  * >
  *   <KpiTileGrid columns={4}>…</KpiTileGrid>
  *   <ChartCard />
- *   <ProDataTable … />
+ *   <Table … />
  * </DashboardShell>
  * ```
  *
@@ -646,7 +807,7 @@ export declare function DashboardShell({ title, range, actions, children, classN
  * - Don't render a page subtitle (e.g. "N total") under the title — those
  *   belong in section headers or on the table itself.
  * - Don't nest a `<DashboardShell>` inside another scroll container.
- * - Title renders at 16px (`--font-size-md` / `text-base`).
+ * - Title renders at 16px (`text-base`).
  */
 declare interface DashboardShellProps {
     /** Page title — 16px, semibold. Usually a short noun ("Agents", "Schedules"). */
@@ -661,96 +822,6 @@ declare interface DashboardShellProps {
     bodyClassName?: string;
 }
 
-export declare function DataReviewTable<T extends {
-    id: string;
-    _version?: number;
-}>({ columns, data, selectedRows: controlledSelected, onSelectionChange, defaultSort, emptyMessage, className, maxHeight, highlightedRowIds, enableSorting, selectionDisabled, enableCellSelection, selectedCells: controlledCells, onCellSelectionChange, }: DataReviewTableProps<T>): JSX.Element;
-
-export declare interface DataReviewTableProps<T extends {
-    id: string;
-    _version?: number;
-}> {
-    columns: ColumnDef<T, unknown>[];
-    data: T[];
-    /**
-     * Controlled selection. When provided, the table reflects this value and
-     * fires `onSelectionChange` on user interaction without mutating internal
-     * state. When omitted, the table manages selection itself (uncontrolled
-     * mode) — useful when the caller only needs the callback or no callback
-     * at all. Mixing controlled/uncontrolled across renders is undefined
-     * behavior (standard React convention).
-     */
-    selectedRows?: string[];
-    onSelectionChange?: (rowIds: string[]) => void;
-    defaultSort?: SortingState;
-    emptyMessage?: string;
-    className?: string;
-    /**
-     * Height cap on the internal scroll container. Required for the virtualized
-     * path (rows >= VIRTUALIZATION_THRESHOLD) — without a bounded scroll
-     * element, `useVirtualizer` only sees the initial viewport and rows below
-     * the fold stay unreachable. Accepts any CSS length (`'70vh'`, `'600px'`,
-     * `'calc(100vh - 12rem)'`) or a pixel `number`. Default is `'70vh'`.
-     */
-    maxHeight?: string | number;
-    /**
-     * Row IDs to highlight with a transient amber background — typically used
-     * to flash rows that conflicted during a batch mutation so the user can
-     * see which rows changed underneath them. The caller owns the lifecycle
-     * (populate on conflict, clear on timer).
-     */
-    highlightedRowIds?: Set<string>;
-    /**
-     * When false, column headers do not respond to clicks and rows are
-     * rendered in `data` order. Use this when sorting is implemented server-
-     * side or when sorting a paginated subset would produce cross-page
-     * inconsistencies. Default `true` preserves the previous client-side
-     * sort behavior.
-     */
-    enableSorting?: boolean;
-    /**
-     * When true, the leading checkbox column is removed entirely AND any
-     * internal/uncontrolled selection state is dropped. Use this for
-     * read-only views (e.g. a LOCKED migration table) where ack actions
-     * are forbidden — without this prop the table would silently keep its
-     * own selection in uncontrolled mode even when the parent thinks
-     * selection is disabled, surfacing a checkbox column the user can
-     * tick but never act on.
-     */
-    selectionDisabled?: boolean;
-    /**
-     * When true, switches the table into Excel-grade cell selection mode.
-     * The leading checkbox column is NOT rendered and row-selection plumbing
-     * is disabled; users interact with individual cells instead. Supports
-     * click, shift-click (rectangular range), cmd/ctrl-click (additive),
-     * mouse drag, Escape to clear, and Cmd/Ctrl+A to select all visible
-     * cells. The caller can observe or drive selection via
-     * `selectedCells` / `onCellSelectionChange`.
-     */
-    enableCellSelection?: boolean;
-    /**
-     * Controlled cell selection. When provided, the table reflects this
-     * value and fires `onCellSelectionChange` on user interaction without
-     * mutating internal state. Only applies when `enableCellSelection` is
-     * true.
-     */
-    selectedCells?: CellCoord[];
-    onCellSelectionChange?: (cells: CellCoord[]) => void;
-}
-
-export declare function DataTable<T>({ columns, data, pageSize, defaultSort, emptyMessage, onRowClick, rowClassName, className, }: DataTableProps<T>): JSX.Element;
-
-declare interface DataTableProps<T> {
-    columns: ColumnDef<T, unknown>[];
-    data: T[];
-    pageSize?: number;
-    defaultSort?: SortingState;
-    emptyMessage?: string;
-    onRowClick?: (row: T) => void;
-    rowClassName?: (row: Row<T>) => string | undefined;
-    className?: string;
-}
-
 /**
  * Date picker working in `Date | null` (or `DateRange | null` in `mode="range"`).
  * Radix popover + react-day-picker calendar + free-text parsing + presets.
@@ -851,15 +922,6 @@ declare interface DateFieldSingleProps extends DateFieldCommonProps {
     onChange: (next: Date | null) => void;
 }
 
-export declare function DatePicker({ value, onChange, placeholder, className }: DatePickerProps): JSX.Element;
-
-declare interface DatePickerProps {
-    value: string | null;
-    onChange: (date: string | null) => void;
-    placeholder?: string;
-    className?: string;
-}
-
 export declare interface DateRange {
     from: Date;
     to: Date;
@@ -941,8 +1003,11 @@ export declare type DefaultTaskStatus = 'todo' | 'in_progress' | 'blocked' | 'do
  *     `aria-hidden` bookkeeping for nested layers.
  *   - Title renders at `text-base` (16px) semibold — NOT `text-lg`
  *     (which in Atlas's token scale is 26px / hero size).
- *   - Overlay is `bg-foreground/50` with a light backdrop blur.
- *   - Content rounds to `rounded-md` (10px, `--radius-md`).
+ *   - Overlay is `bg-overlay` with a light backdrop blur — a
+ *     mode-independent dark scrim, NOT an alpha of `--foreground`
+ *     (see `DialogOverlay`).
+ *   - Content rounds to `rounded-surface` (DES-313) — the top-level
+ *     container radius role shared with Card.
  */
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
@@ -973,6 +1038,12 @@ export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Dialo
      * controlled `open` + an `onOpenChange` guard for full lockout.
      */
     showCloseButton?: boolean;
+    /**
+     * Classes for the scrim behind the dialog. Pair with `className` when
+     * raising z-index — a lone `className="z-modal"` lifts only the panel and
+     * leaves the overlay at `z-50` (DES-315). Additive; defaults unchanged.
+     */
+    overlayClassName?: string;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -997,25 +1068,6 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function DiffCell({ before, after, editable, onChange, className, }: DiffCellProps): JSX.Element;
-
-export declare interface DiffCellProps {
-    before: string | number | null;
-    after: string | number | null;
-    editable?: boolean;
-    onChange?: (newValue: string) => void;
-    className?: string;
-}
-
-export declare function DotLabel({ color, children, bold, className }: DotLabelProps): JSX.Element;
-
-declare interface DotLabelProps {
-    color: string;
-    children: string;
-    bold?: boolean;
-    className?: string;
-}
-
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
 export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -1254,6 +1306,10 @@ export declare function EditorTopBarStatusBadge({ tone, label, }: {
 
 /**
  * Consistent empty-state placeholder for tables and content areas.
+ *
+ * For a full-route / full-panel "instead of content" screen (404, access
+ * denied, page error), use {@link PageState} from `./page-state` instead —
+ * this component is the small inline placeholder, not the page template.
  */
 export declare function EmptyState({ icon, message, detail, className }: EmptyStateProps): JSX.Element;
 
@@ -1264,6 +1320,14 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
+/**
+ * The canonical inline failure banner — one treatment for "this panel could not
+ * load", used across apps so a failure reads the same everywhere.
+ *
+ * Status roles (`danger-tint` / `danger-text` / `danger`) carry the hue and
+ * flip under dark mode — no hand-rolled `dark:` pairs needed here. Distinct
+ * from {@link PageState}, which is the full-surface utility layout.
+ */
 export declare function ErrorState({ message, className }: ErrorStateProps): JSX.Element;
 
 declare interface ErrorStateProps {
@@ -1426,6 +1490,7 @@ export declare interface FileRejection {
     message: string;
 }
 
+/** @deprecated Use `MultiSelectOption` from `./multi-select`. */
 export declare interface FilterOption<T extends string> {
     value: T;
     label: string;
@@ -1454,9 +1519,15 @@ export declare function FilterPill({ label, options, selected, onChange }: Filte
  * grab-bag of visual treatments:
  *
  *   - Height:        h-9 (36px)
- *   - Radius:        rounded-sm (8px, `--radius-sm`)
- *   - Border/bg:     `border bg-background` — `--input` color, white
- *                    surface — same palette as Select/Input
+ *   - Radius:        `rounded-control` — operable and one line tall
+ *   - Border/bg:     `border bg-card` — `--input` border, raised surface,
+ *                    same palette as Select/Input. NOT `background`: that is
+ *                    the PAGE role (ds-neutral-50 under v2, not white), which
+ *                    rendered the pill as a grey chip next to the white
+ *                    outline controls beside it. `Button variant="outline"`
+ *                    carries the same note and the same `dark:bg-input/30`
+ *                    lift, since in dark the resting fill matches the darkest
+ *                    surface and vanishes.
  *   - Padding:       px-3 py-1
  *   - Text:          text-base md:text-sm (14px on desktop)
  *   - Focus ring:    focus:ring-1 focus:ring-ring (keyboard-visible)
@@ -1483,6 +1554,13 @@ declare interface FilterPillProps {
 }
 
 /**
+ * @deprecated Do not use in new code, and migrate existing usages off it.
+ * `FilterSelect` is retired in favor of `MultiSelect` (searchable cmdk list,
+ * always-visible checkboxes, stacked trigger icons). It is still exported from
+ * `@sequenceholdings/atlas-ui` (deprecated) so remaining consumers keep
+ * compiling — remove only after the blast-radius scan is clean (FilterPill /
+ * DES-261 deprecate-before-delete pattern).
+ *
  * A compact multi-select filter for a table/list toolbar: a trigger with a count
  * chip when active, and a popover of swatch + label rows with a check on the
  * selected ones. Reusable for any short enum filter (status, health, type, …).
@@ -1493,6 +1571,7 @@ declare interface FilterPillProps {
  */
 export declare function FilterSelect<T extends string>({ label, options, selected, onChange, }: FilterSelectProps<T>): JSX.Element;
 
+/** @deprecated Use `MultiSelect` props instead. */
 export declare interface FilterSelectProps<T extends string> {
     label: string;
     options: FilterOption<T>[];
@@ -1571,7 +1650,7 @@ export declare interface FormDialogProps {
  * FormField does is still reachable as individual primitives. Use FormField
  * when you want the 90% case in one line.
  */
-export declare function FormField({ label, required, error, description, id: providedId, children, className, }: FormFieldProps): JSX.Element;
+export declare function FormField({ label, required, error, description, descriptionPlacement, id: providedId, children, className, }: FormFieldProps): JSX.Element;
 
 export declare interface FormFieldProps {
     /**
@@ -1593,11 +1672,19 @@ export declare interface FormFieldProps {
      */
     error?: string;
     /**
-     * Helper text rendered below the control in muted color (field hint,
-     * input format, etc). Hidden when `error` is set — the error message
-     * takes the same slot.
+     * Helper text rendered in muted color (field hint, input format, etc).
+     * Placement is controlled by {@link descriptionPlacement}. When placed
+     * `below` (default), an `error` takes the same slot and hides it.
      */
     description?: React_2.ReactNode;
+    /**
+     * Where the {@link description} sits relative to the control:
+     *   - `below` (default) — the classic helper-text slot beneath the control.
+     *   - `above` — a caption between the label and the control, for fields
+     *     where the description explains what to pick before you pick it
+     *     (e.g. a multi-select of capabilities). An `error` still renders below.
+     */
+    descriptionPlacement?: 'above' | 'below';
     /**
      * DOM id for the control. If omitted, `useId()` generates one so
      * `<label htmlFor>` and `aria-describedby` wire up automatically.
@@ -1633,7 +1720,7 @@ export declare function heatColor(value: number, min: number, max: number): stri
  * Pair with `buildPeriodColumns` and `buildTotalColumn` for time-series
  * data, or supply your own `ColumnDef` array for any tabular layout.
  */
-export declare function HeatmapTable<T>({ data, columns, pageSize, defaultSort, onRowClick, entityLabel, className, }: HeatmapTableProps<T>): JSX.Element;
+export declare function HeatmapTable<T>({ data, columns, pageSize, defaultSort, onRowClick, entityLabel, density, className, }: HeatmapTableProps<T>): JSX.Element;
 
 export declare interface HeatmapTableProps<T> {
     data: T[];
@@ -1643,6 +1730,8 @@ export declare interface HeatmapTableProps<T> {
     onRowClick?: (row: T) => void;
     /** Label used in pagination ("1–10 of 42 {entityLabel}") and empty state. */
     entityLabel?: string;
+    /** Tightens cell padding for dense, many-column matrices. */
+    density?: 'default' | 'compact' | 'dense';
     className?: string;
 }
 
@@ -1652,24 +1741,6 @@ export declare const HoverCardContent: React_2.ForwardRefExoticComponent<Omit<Ho
 
 export declare const HoverCardTrigger: React_2.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React_2.RefAttributes<HTMLAnchorElement>>;
 
-/**
- * Click-to-edit date cell. Shows a custom (or default) display until clicked,
- * then a native date input that commits on change/blur. The closed display is a
- * render prop so callers can style it (e.g. a due-date heat pill).
- */
-export declare function InlineDateCell({ value, onCommit, renderDisplay, placeholder, title, className, }: InlineDateCellProps): JSX.Element;
-
-export declare interface InlineDateCellProps {
-    /** ISO date string (YYYY-MM-DD) or null. */
-    value: string | null;
-    onCommit: (value: string | null) => void | Promise<void>;
-    /** Closed-state display for the value; defaults to the raw date or a dash. */
-    renderDisplay?: (value: string | null) => ReactNode;
-    placeholder?: string;
-    title?: string;
-    className?: string;
-}
-
 /**
  * Click-to-edit text cell. Reads as plain text until clicked, then becomes a
  * borderless auto-growing textarea that commits on blur / Enter (⌘/Ctrl+Enter
@@ -1778,32 +1849,6 @@ declare type KpiTone = 'neutral' | 'warn' | 'info';
 
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & LabelOwnProps & React_2.RefAttributes<HTMLLabelElement>>;
 
-export declare function LabeledSelect({ label, icon, value, options, onChange, ariaLabel, prefixHiddenValues, className, }: LabeledSelectProps): JSX.Element;
-
-export declare interface LabeledSelectOption {
-    value: string;
-    label: string;
-}
-
-export declare interface LabeledSelectProps {
-    /** Muted prefix shown before the value, e.g. `"Group by"` / `"Sorted by"`. */
-    label: string;
-    /** Leading glyph (kept small + muted by the pill). */
-    icon?: React_2.ReactNode;
-    value: string;
-    options: LabeledSelectOption[];
-    onChange: (value: string) => void;
-    /** Accessible name for the trigger. Defaults to `label`. */
-    ariaLabel?: string;
-    /**
-     * Values for which the muted prefix is hidden — the pill shows just the
-     * value. Use for "off"/"none" states where the prefix reads awkwardly
-     * (e.g. `'none'` → "No grouping", not "Group by No grouping").
-     */
-    prefixHiddenValues?: readonly string[];
-    className?: string;
-}
-
 declare interface LabelOwnProps {
     /**
      * When true, appends a red `*` marker after the label text. Prefer this
@@ -1815,6 +1860,12 @@ declare interface LabelOwnProps {
     required?: boolean;
 }
 
+declare type LegendPayloadItem = {
+    value?: string | number;
+    dataKey?: string | number;
+    color?: string;
+};
+
 export declare function LineSparklineCell({ values, width, height, scaleMax, color, label, className, }: LineSparklineCellProps): JSX.Element;
 
 declare interface LineSparklineCellProps {
@@ -1844,7 +1895,7 @@ export declare interface MetricAreaChartPoint {
 
 export declare interface MetricAreaChartProps {
     points: MetricAreaChartPoint[];
-    /** Stroke / fill color for the area. Defaults to emerald. */
+    /** Stroke / fill color for the area. Defaults to the semantic "positive series" token. */
     color?: string;
     height?: number;
     /** `spark` = compact, axis-less (cards); `full` = axes + grid + tooltip. */
@@ -1921,8 +1972,8 @@ declare interface MultiSelectListProps extends MultiSelectCoreProps {
  *   - Command (cmdk) for the searchable list and keyboard nav.
  *   - Checkbox (Radix) for per-row selection state.
  *
- * Visual contract for the trigger mirrors `SelectTrigger` (h-9, rounded-sm,
- * border + bg-background) so a toolbar of MultiSelect + Input + Select reads
+ * Visual contract for the trigger mirrors `SelectTrigger` (h-9, rounded-field,
+ * border + bg-field) so a toolbar of MultiSelect + Input + Select reads
  * as one coherent control row. Active state stacks up to `maxStackedIcons`
  * selected-row icons (with a generic silhouette for icon-less rows) and
  * shows "{count} {countLabel}" alongside.
@@ -2013,25 +2064,30 @@ export declare interface OptimisticResourceContext<TData> {
 }
 
 /**
- * A small, reusable inline picker: the current value renders as a clickable
- * badge/dot that opens a popover of the actual options (each shown with its own
- * swatch + a check on the active one). A nicer, on-brand replacement for a
- * native <select> for short, visual enum fields like status and health.
+ * Overlay scope (DES-368) — how far an overlay's scrim and panel reach.
+ *
+ *   "viewport" — covers the whole shell, chrome included. A modal is a
+ *     platform-level interruption: it blocks everything, so it dims
+ *     everything. This is Dialog / AlertDialog, and it is why they stay
+ *     `fixed`.
+ *
+ *   "surface" — covers only the app it belongs to. A slide-out panel is
+ *     an extension of the current app, not an interruption of the
+ *     platform, so it must not black out the sidebar and header. This is
+ *     Sheet's default.
+ *
+ * Surface scope is plain `absolute` — it bounds itself against the nearest
+ * positioned ancestor, which is each app's own root (`.atlas-shell-routes`
+ * for most apps, `#chat-container` in Chat). No portal retargeting and no
+ * app-surface context: overlays already portal in-tree at the app layout
+ * root, so the app box is the containing block on offer.
+ *
+ * The attribute is stamped into the DOM as well as driving the classes.
+ * It is the seam other layers key off — chat.css rebinds surface-scoped
+ * overlays, and the artifact sandbox bridge reads it to decide whether a
+ * scrim should elevate to the host shell.
  */
-export declare function OptionPicker<T extends string>({ value, options, onChange, children, ariaLabel, align, triggerClassName, contentClassName, }: OptionPickerProps<T>): JSX.Element;
-
-export declare interface OptionPickerProps<T extends string> {
-    value: T;
-    options: PickerOption<T>[];
-    onChange: (value: T) => void;
-    /** Closed-state trigger content (the badge / dot shown in the row). */
-    children: ReactNode;
-    ariaLabel?: string;
-    align?: 'start' | 'center' | 'end';
-    /** Extra classes for the trigger button (e.g. padding around a small dot). */
-    triggerClassName?: string;
-    contentClassName?: string;
-}
+declare type OverlayScope = "viewport" | "surface";
 
 export declare function PageSkeleton({ variant, className }: PageSkeletonProps): JSX.Element;
 
@@ -2042,6 +2098,28 @@ export declare interface PageSkeletonProps {
 
 export declare type PageSkeletonVariant = 'default' | 'list' | 'detail' | 'dashboard';
 
+export declare function PageState({ icon, tone, title, description, actions, details, detailsLabel, size, className, align, }: PageStateProps): JSX.Element;
+
+export declare interface PageStateProps {
+    /** Tabler (or other) icon element — never an emoji. The template owns the medallion. */
+    icon: ReactNode;
+    tone?: PageStateTone;
+    title: string;
+    description?: ReactNode;
+    /** Shared `Button`s (primary + optional secondary). */
+    actions?: ReactNode;
+    /** Optional disclosure body (stack trace / error digest). Uses Collapsible + Button — never a native `<button>`. */
+    details?: ReactNode;
+    detailsLabel?: string;
+    size?: PageStateSize;
+    className?: string;
+    align?: 'start' | 'center';
+}
+
+export declare type PageStateSize = NonNullable<VariantProps<typeof sizeShell>['size']>;
+
+export declare type PageStateTone = NonNullable<VariantProps<typeof toneMedallion>['tone']>;
+
 export declare function pctChange(current: number, previous: number): number | null;
 
 export declare function PercentCell({ value, dangerBelow, className, }: {
@@ -2050,14 +2128,6 @@ export declare function PercentCell({ value, dangerBelow, className, }: {
     className?: string;
 }): JSX.Element;
 
-export declare interface PickerOption<T extends string> {
-    value: T;
-    /** Optional text label; omit when the swatch already reads as the option. */
-    label?: string;
-    /** The option's visual — a colored badge, dot, etc. */
-    swatch: ReactNode;
-}
-
 export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -2083,8 +2153,9 @@ export declare type ProColumnDef<T> = ColumnDef<T, unknown> & {
 };
 
 /**
- * ProDataTable — opinionated extension of the shadcn table for dashboard-style
- * lists. Layered on top of `DataTable` so apps can opt into richer chrome:
+ * Table — opinionated data table for dashboard-style lists (DES-267 canonical).
+ * Formerly `ProDataTable`; that name remains as a temporary alias (DES-262).
+ * Layered on the shadcn `TablePrimitive` parts for richer chrome:
  *   - toolbar slot (search + filters + extras) above the header row
  *   - uppercase, compact header cells with sort arrows (stateful)
  *   - sticky-left columns for "name" identity (horizontal-scroll safe)
@@ -2256,8 +2327,6 @@ declare interface ProColumnMetaSticky extends ProColumnMetaBase {
     grow?: never;
 }
 
-export declare function ProDataTable<T>({ columns, data, searchable, filters, toolbar, actions, footer, pageSize, disablePagination, resizableColumns, columnSizingStorageKey, defaultSort, manualPagination, rowCount, pageIndex, onPageChange, manualSorting, sorting: controlledSorting, onSortingChange, manualFiltering, columnFilters: controlledColumnFilters, onColumnFiltersChange, loading, emptyMessage, onRowClick, rowHref, rowClassName, minWidth, height, bordered, variant, ariaLabel, className, }: ProDataTableProps<T>): JSX.Element;
-
 /**
  * Native segmented filter for the toolbar (e.g. All / Groups / People). The
  * table renders the pills; the caller owns the active value and the actual
@@ -2295,6 +2364,40 @@ declare interface ProDataTablePaginationProps<T> {
 declare interface ProDataTableProps<T> {
     columns: ProColumnDef<T>[];
     data: T[];
+    /**
+     * Render a leading, left-pinned selection checkbox column (with a select-all
+     * header), backed by TanStack's row-selection model. The table owns the
+     * column and the state — pass `getRowId` for stable keys and read the result
+     * via `onSelectionChange`, or drive it with `selectedRowIds`. Prefer this
+     * over hand-rolling a checkbox column + selection `Set`.
+     */
+    selectable?: boolean;
+    /**
+     * Stable id per row. Strongly recommended with `selectable` — without it
+     * selection is keyed by row index and won't survive sort/filter/paging.
+     */
+    getRowId?: (row: T) => string;
+    /** Controlled selection (row ids). Omit for uncontrolled; read via `onSelectionChange`. */
+    selectedRowIds?: string[];
+    /** Called with the selected row ids whenever selection changes. */
+    onSelectionChange?: (ids: string[]) => void;
+    /** Gate which rows can be selected. Defaults to all rows selectable. */
+    enableRowSelection?: (row: T) => boolean;
+    /**
+     * Render a trailing, right-pinned overflow (⋯) menu, resolved per row. Return
+     * the actions for that row — an empty array (or all `hidden`) renders no
+     * button. Destructive actions automatically drop below a divider. Prefer this
+     * over hand-rolling an end-of-row action button + `DropdownMenu`.
+     */
+    rowActions?: (row: T) => RowAction[];
+    /**
+     * Human-readable per-row label for accessibility. When set, the injected
+     * selection checkbox and row-actions (⋯) trigger get row-specific aria-labels
+     * ("Select <label>" / "Actions for <label>") instead of generic repeated ones,
+     * so screen-reader users can tell which record they're acting on. Recommended
+     * whenever `selectable` or `rowActions` is used.
+     */
+    getRowLabel?: (row: T) => string;
     /**
      * Enable a client-side search input in the table header. Filters rows by
      * concatenating every cell's accessor value (default) or via a custom
@@ -2423,7 +2526,7 @@ declare interface ProDataTableProps<T> {
     bordered?: boolean;
     /**
      * `table` (default) renders column headers (sortable). `list` hides the
-     * header row for a clean borderless list — rows still carry the `black-6`
+     * header row for a clean borderless list — rows still carry the `border`
      * inset dividers. Use for identity lists (people / groups) where column
      * labels are noise. Sorting via header click isn't available in `list`;
      * pass `defaultSort` for a fixed order.
@@ -2431,6 +2534,11 @@ declare interface ProDataTableProps<T> {
     variant?: 'table' | 'list';
     /** Shown when the table is selected in a multi-table shell (optional). */
     ariaLabel?: string;
+    /**
+     * Layout only (`h-auto`, `flex-none`, width). Card fill (`bg-card`) and
+     * toolbar/header chrome colors/sizes are owned by the component — do not
+     * pass `bg-*` here expecting it to restyle the table surface.
+     */
     className?: string;
 }
 
@@ -2452,13 +2560,30 @@ declare interface ProDataTableSearchable<T> {
     /**
      * Controlled (server-side) search. When `onChange` is provided the table
      * stops filtering client-side and hands the debounced query to the parent,
-     * which refetches — pair with `manualPagination`. `value` is the current
-     * query (keeps the input in sync if the parent resets it). Omit both for the
-     * default client-side filter over the loaded `data`.
+     * which refetches — pair with `manualPagination`. Omit both for the default
+     * client-side filter over the loaded `data`.
+     *
+     * Once `value` is provided it is the source of truth for the input:
+     * keystrokes show instantly, but as soon as the debounce emits, the field
+     * renders `value` again. So rejecting or rewriting the query in `onChange` is
+     * reflected in the box rather than leaving a stale private copy behind, and a
+     * `value` the parent changes on its own cancels any unsent keystroke.
+     *
+     * Set your state to the emitted value synchronously inside `onChange` — the
+     * normal controlled-input contract. A `value` that only catches up after a
+     * round-trip leaves the field showing the pre-emit query until it does, and
+     * anything typed while that update is in flight is dropped when it lands.
      */
     value?: string;
     onChange?: (value: string) => void;
-    /** Debounce before a controlled `onChange` fires, in ms. Default 300. */
+    /**
+     * Debounce before a controlled `onChange` fires, in ms. Default 300.
+     *
+     * `0` (or negative) means no debounce at all — `onChange` fires inline on the
+     * keystroke, with no timer. Use it for search that filters rows already in
+     * memory: a debounce only adds keystroke lag there, and emitting inline also
+     * means the field is never showing a query the parent has not been handed.
+     */
     debounceMs?: number;
 }
 
@@ -2487,51 +2612,33 @@ declare interface ProgressBarProps {
     className?: string;
 }
 
-export declare function ProgressCard({ title, description, total, counts, assignees, footer, onClick, locked, className, }: ProgressCardProps): JSX.Element;
-
-export declare interface ProgressCardAssignee {
-    id: string;
-    displayName: string;
-    avatarUrl?: string;
-}
-
-export declare interface ProgressCardCounts {
-    todo: number;
-    pending: number;
-    done: number;
-}
-
-export declare interface ProgressCardProps {
-    title: string;
-    description?: string;
-    total: number;
-    counts: ProgressCardCounts;
-    assignees?: ProgressCardAssignee[];
-    footer?: React_2.ReactNode;
-    onClick?: () => void;
-    locked?: boolean;
-    className?: string;
-}
-
 /**
- * A quiet live/refresh indicator: a small green dot (muted when paused) that
- * pulses subtly while a refresh is in flight, doubling as a manual-refresh
- * button. Deliberately text-free — the freshness detail lives in the tooltip so
- * the UI doesn't churn a ticking label.
+ * Radio group — sibling of `checkbox.tsx`, sized + tokened to match.
+ *
+ *   - 16×16 (`size-4`) so the controls align next to the same line-height
+ *     body text the existing Checkbox does.
+ *   - `rounded-full` (radios are circles).
+ *   - `border-input` when unchecked; flips to `border-primary` when checked
+ *     so the outline blends with the fill, same pattern as `checkbox.tsx`.
+ *   - Inner dot is a `RadioGroupPrimitive.Indicator` filled `bg-primary`,
+ *     sized to leave a 3px gap to the outer ring — the canonical shadcn
+ *     radio look.
+ *   - No drop shadow; matches Input/Select/Button/Checkbox primitives.
+ *
+ * Usage:
+ *
+ *   <RadioGroup value={selected} onValueChange={setSelected}>
+ *     <RadioGroupItem value="a" id="a" />
+ *     <Label htmlFor="a">Option A</Label>
+ *     ...
+ *   </RadioGroup>
+ *
+ * Each item must have a stable `value` — that's what Radix uses for the
+ * controlled group state.
  */
-export declare function RefreshIndicator({ onRefresh, isFetching, isPaused, updatedAt, className, }: RefreshIndicatorProps): JSX.Element;
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface RefreshIndicatorProps {
-    /** Manually trigger a refresh. */
-    onRefresh: () => void;
-    /** A background refresh is in flight — shows a subtle pulse. */
-    isFetching?: boolean;
-    /** Auto-refresh is paused (e.g. while editing) — shows a muted dot. */
-    isPaused?: boolean;
-    /** Last successful refresh time (ms epoch) — surfaced in the tooltip only. */
-    updatedAt?: number;
-    className?: string;
-}
+export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function RelativeTimeCell({ primary, secondary, className, }: {
     primary: React_2.ReactNode;
@@ -2560,6 +2667,23 @@ export declare interface RouteLoadingProps {
 
 export { Row }
 
+/**
+ * A single entry in a row's overflow (⋯) menu. The consumer resolves these
+ * per-row via `rowActions`, so `onSelect` closes over the row itself — no row
+ * argument needed here.
+ */
+declare interface RowAction {
+    label: React_2.ReactNode;
+    onSelect: () => void;
+    /** Optional leading icon (e.g. `<IconPencil />`). */
+    icon?: React_2.ReactNode;
+    /** Render below a divider with destructive styling (Delete, Remove, …). */
+    destructive?: boolean;
+    disabled?: boolean;
+    /** Omit this action for this row entirely. */
+    hidden?: boolean;
+}
+
 export declare function scoreBand(value: number): 'green' | 'amber' | 'red';
 
 export declare function ScoreBarCell({ value, className, }: {
@@ -2691,6 +2815,20 @@ export declare const SheetContent: React_2.ForwardRefExoticComponent<SheetConten
 
 declare interface SheetContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     hideCloseButton?: boolean;
+    /**
+     * How far the panel and its scrim reach. Defaults to `"surface"` — a
+     * slide-out belongs to the app that opened it and should leave the
+     * shell's sidebar and header reachable and undimmed.
+     *
+     * Use `"viewport"` only for a panel that genuinely speaks for the
+     * platform rather than the current app (a shell-level nav drawer, say).
+     * If you are reaching for it to escape a clipping ancestor, fix the
+     * ancestor instead — covering the whole shell to dodge `overflow:hidden`
+     * is the bug DES-368 was filed about.
+     */
+    scope?: OverlayScope;
+    /** Classes for the scrim, mirroring `DialogContent`'s `overlayClassName`. */
+    overlayClassName?: string;
 }
 
 export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -2705,7 +2843,9 @@ export declare const SheetHeader: {
     displayName: string;
 };
 
-export declare const SheetOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const SheetOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    scope?: OverlayScope;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare function SheetPortal({ container, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
 
@@ -2714,7 +2854,8 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPr
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    scope?: "surface" | "viewport" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 /**
@@ -2727,78 +2868,6 @@ export declare function showFieldInline({ show, hasValue, }: {
     hasValue: boolean;
 }): boolean;
 
-/**
- * SidebarNav — shared primitives for app-sidebar navigation.
- *
- * Two levels:
- *   - `SidebarNavItem` — the top-level row with icon + label (app entry)
- *   - `SidebarNavSubList` — the indented, rail-connected secondary nav
- *     rendered directly beneath a parent SidebarNavItem
- *
- * The pattern mirrors what Atlas's shell sidebar has been rendering
- * inline for a long time, but extracted here so every consumer
- * (Atlas, embedded MFEs, the design system gallery) gets the same
- * visual treatment and spacing rules for free.
- *
- * Spacing contract
- * ----------------
- * Parent item label x-position = `itemPaddingX + iconSize + iconGap`.
- * The sub-list is designed so its labels land at the SAME x-position
- * by default — with defaults of `itemPaddingX=8`, `iconSize=24`,
- * `iconGap=12` the sub-list labels indent by 44px. A rail sits at the
- * horizontal center of the parent icon (x = 8 + 24/2 = 20).
- *
- * If a consumer uses a different parent item geometry, pass
- * `labelIndent` / `railIndent` to match.
- */
-export declare interface SidebarNavSubItem {
-    id: string;
-    label: string;
-    /** Link href. Omit when using `onSelect` with a custom navigator. */
-    href?: string;
-    /** True for the currently-selected item — gets weight + color emphasis. */
-    active?: boolean;
-    /** Optional tail counter (e.g., "12"). Rendered right-aligned. */
-    count?: number | string;
-    /** Optional uppercase chip (e.g., "NEW", "BETA"). Rendered right-aligned. */
-    tag?: string;
-    /**
-     * Render as visible but non-interactive. Use for placeholder items that
-     * will become clickable later (feature gating, coming-soon, etc.).
-     */
-    parked?: boolean;
-}
-
-/**
- * Indented secondary navigation with a vertical connector rail. Renders
- * nothing when `items` is empty.
- */
-export declare function SidebarNavSubList({ items, onSelect, labelIndent, railIndent, className, ariaLabel, }: SidebarNavSubListProps): JSX.Element | null;
-
-export declare interface SidebarNavSubListProps {
-    items: SidebarNavSubItem[];
-    /**
-     * Called when the user activates an item (click, keyboard enter).
-     * Use this to route with your SPA router; if omitted, the `<a href>`
-     * does a full navigation. Parked items never fire this.
-     */
-    onSelect?: (item: SidebarNavSubItem, event: React_2.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Horizontal distance (px) from the list's left edge at which item
-     * labels begin. Should equal the parent item's label x-position so
-     * the two stacks visually line up. Default 44.
-     */
-    labelIndent?: number;
-    /**
-     * X-position (px) of the vertical connector rail. Usually the center
-     * of the parent item's icon. Default 20.
-     */
-    railIndent?: number;
-    className?: string;
-    /** Accessible name for the list (e.g., "Agent Builder pages"). */
-    ariaLabel?: string;
-}
-
 /**
  * SingleSelectList — the single-select sibling of `MultiSelectList`. Same
  * searchable cmdk body, pinned grouping, and icon column, but rows carry a
@@ -2837,6 +2906,10 @@ declare interface SingleSelectListProps {
     searchable?: boolean;
 }
 
+declare const sizeShell: (props?: ({
+    size?: "page" | "panel" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
 
 export declare function SkeletonBlock({ className, style }: {
@@ -2876,74 +2949,74 @@ export declare const spinnerVariants: (props?: ({
 
 export declare const STATUS_TONES: {
     readonly healthy: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
-        readonly dot: "bg-emerald-500";
+        readonly bg: "bg-success-tint";
+        readonly fg: "text-success-text";
+        readonly dot: "bg-success";
     };
     readonly active: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
-        readonly dot: "bg-emerald-500";
+        readonly bg: "bg-success-tint";
+        readonly fg: "text-success-text";
+        readonly dot: "bg-success";
     };
     readonly completed: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
-        readonly dot: "bg-emerald-500";
+        readonly bg: "bg-success-tint";
+        readonly fg: "text-success-text";
+        readonly dot: "bg-success";
     };
     readonly success: {
-        readonly bg: "bg-emerald-50";
-        readonly fg: "text-emerald-700";
-        readonly dot: "bg-emerald-500";
+        readonly bg: "bg-success-tint";
+        readonly fg: "text-success-text";
+        readonly dot: "bg-success";
     };
     readonly running: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
-        readonly dot: "bg-sky-500";
+        readonly bg: "bg-info-tint";
+        readonly fg: "text-info-text";
+        readonly dot: "bg-info";
     };
     readonly info: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
-        readonly dot: "bg-sky-500";
+        readonly bg: "bg-info-tint";
+        readonly fg: "text-info-text";
+        readonly dot: "bg-info";
     };
     readonly queued: {
-        readonly bg: "bg-sky-50";
-        readonly fg: "text-sky-700";
-        readonly dot: "bg-sky-500";
+        readonly bg: "bg-info-tint";
+        readonly fg: "text-info-text";
+        readonly dot: "bg-info";
     };
     readonly drift: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
-        readonly dot: "bg-amber-500";
+        readonly bg: "bg-warning-tint";
+        readonly fg: "text-warning-text";
+        readonly dot: "bg-warning";
     };
     readonly warn: {
-        readonly bg: "bg-amber-50";
-        readonly fg: "text-amber-700";
-        readonly dot: "bg-amber-500";
+        readonly bg: "bg-warning-tint";
+        readonly fg: "text-warning-text";
+        readonly dot: "bg-warning";
     };
     readonly failing: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
-        readonly dot: "bg-rose-500";
+        readonly bg: "bg-danger-tint";
+        readonly fg: "text-danger-text";
+        readonly dot: "bg-danger";
     };
     readonly failed: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
-        readonly dot: "bg-rose-500";
+        readonly bg: "bg-danger-tint";
+        readonly fg: "text-danger-text";
+        readonly dot: "bg-danger";
     };
     readonly error: {
-        readonly bg: "bg-rose-50";
-        readonly fg: "text-rose-700";
-        readonly dot: "bg-rose-500";
+        readonly bg: "bg-danger-tint";
+        readonly fg: "text-danger-text";
+        readonly dot: "bg-danger";
     };
     readonly paused: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-60";
-        readonly dot: "bg-black-30";
+        readonly bg: "bg-muted";
+        readonly fg: "text-muted-foreground";
+        readonly dot: "bg-muted-foreground";
     };
     readonly neutral: {
-        readonly bg: "bg-black-6";
-        readonly fg: "text-black-60";
-        readonly dot: "bg-black-30";
+        readonly bg: "bg-muted";
+        readonly fg: "text-muted-foreground";
+        readonly dot: "bg-muted-foreground";
     };
 };
 
@@ -2976,7 +3049,10 @@ export declare type StatusTone = keyof typeof STATUS_TONES;
  */
 export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
+declare function Table<T>({ columns, data, selectable, getRowId, selectedRowIds, onSelectionChange, enableRowSelection, rowActions, getRowLabel, searchable, filters, toolbar, actions, footer, pageSize, disablePagination, resizableColumns, columnSizingStorageKey, defaultSort, manualPagination, rowCount, pageIndex, onPageChange, manualSorting, sorting: controlledSorting, onSortingChange, manualFiltering, columnFilters: controlledColumnFilters, onColumnFiltersChange, loading, emptyMessage, onRowClick, rowHref, rowClassName, minWidth, height, bordered, variant, ariaLabel, className, }: ProDataTableProps<T>): JSX.Element;
+export { Table as DataTable }
+export { Table as ProDataTable }
+export { Table }
 
 export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
@@ -2990,15 +3066,18 @@ export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTML
 
 export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
-export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
-
-export declare function TabPage({ children, maxWidth, className }: TabPageProps): JSX.Element;
+export declare const TablePrimitive: {
+    Root: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
+    Header: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+    Body: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+    Footer: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+    Head: React_2.ForwardRefExoticComponent<React_2.ThHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
+    Row: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
+    Cell: React_2.ForwardRefExoticComponent<React_2.TdHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
+    Caption: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableCaptionElement> & React_2.RefAttributes<HTMLTableCaptionElement>>;
+};
 
-declare interface TabPageProps {
-    children: ReactNode;
-    maxWidth?: 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl' | '7xl' | 'full';
-    className?: string;
-}
+export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
 
 export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -3493,6 +3572,22 @@ declare interface TextareaOwnProps {
 
 export declare type TextareaProps = React_2.ComponentProps<"textarea"> & TextareaOwnProps;
 
+/**
+ * shadcn/ui chart primitive (recharts-based).
+ *
+ * Provides a themeable container + tooltip/legend chrome so charts across
+ * Atlas share one styling contract instead of each app hand-rolling recharts
+ * markup. New charts should compose `ChartContainer` + a `ChartConfig` and let
+ * this primitive resolve colors from the `--chart-*` design tokens.
+ *
+ * Jarvis is migrating its bespoke recharts usage onto this primitive — prefer
+ * it over importing recharts directly in new code.
+ */
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
 export declare function tintForString(seed: string): AgentTint;
 
 export { toast }
@@ -3514,7 +3609,7 @@ export { toast }
  *      the same without re-specifying options at the call site.
  *   2. Binds Sonner's internal classes to Atlas design tokens via
  *      `toastOptions.classNames` — `bg-card`, `border-border`,
- *      `shadow-lg`, `rounded-md`, and the `--destructive` /
+ *      `shadow-popover`, `rounded-surface`, and the `--destructive` /
  *      `--primary` / `--muted` pairs. Matches Dialog / Popover /
  *      DropdownMenu so all floating UI reads as one visual family.
  *   3. Uses `richColors` for the semantic variants
@@ -3568,6 +3663,21 @@ export declare const toggleVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+/**
+ * Full-surface utility layout for "instead of content" screens — 404, access
+ * denied, page error, empty route. Distinct from {@link EmptyState} in
+ * `loading-state.tsx`, which is the small inline placeholder for tables and
+ * section panels. Reach for `PageState` when the whole content area (or a
+ * bounded panel) is the message; reach for `EmptyState` when a table/list
+ * inside an otherwise-loaded page has no rows.
+ *
+ * Tone → status-role mapping lives **once** here. Call sites pass a Tabler
+ * glyph via `icon` and never write medallion colors themselves.
+ */
+declare const toneMedallion: (props?: ({
+    tone?: "neutral" | "warning" | "danger" | "restricted" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
 
 /**
@@ -3602,6 +3712,15 @@ export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<Tool
     container?: HTMLElement | null;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
+declare type TooltipPayloadItem = {
+    name?: string | number;
+    dataKey?: string | number;
+    value?: number | string;
+    color?: string;
+    payload?: Record<string, unknown>;
+    fill?: string;
+};
+
 /**
  * Tooltip — contextual helper text anchored to a trigger.
  *
@@ -3651,6 +3770,41 @@ declare interface TrendBadgeProps {
     invertColors?: boolean;
 }
 
+/**
+ * Text that truncates with an ellipsis and reveals its full value in a tooltip —
+ * **but only when actually clipped**. The one place the overflow-detection +
+ * tooltip pattern lives, so every truncating title/label gets it for free.
+ *
+ * Use for **titles and labels** (page/tab titles, table cells, breadcrumbs, list
+ * rows) — anything single-line that must fit a bounded width. Do **not** use for
+ * body or long-form copy: that should wrap, not truncate.
+ *
+ * ```tsx
+ * <TruncatedText className="max-w-[16rem]">{customer.name}</TruncatedText>
+ *
+ * // asChild — the link itself truncates; pass the text as `tooltip`:
+ * <TruncatedText asChild tooltip={repo.name}>
+ *   <a href={href} className="max-w-[14rem]">{repo.name}</a>
+ * </TruncatedText>
+ * ```
+ */
+export declare function TruncatedText({ asChild, tooltip, side, className, children, ref: forwardedRef, ...props }: TruncatedTextProps): JSX.Element;
+
+declare type TruncatedTextProps = ComponentProps<'span'> & {
+    /**
+     * Merge the truncation + tooltip onto the child element instead of rendering a
+     * `<span>` (shadcn `asChild`). Use when the truncating element must be a link,
+     * button, or heading. When set, pass `tooltip` explicitly — `children` is an
+     * element, not the text.
+     */
+    asChild?: boolean;
+    /** Tooltip content. Defaults to `children` (correct only when they're the raw
+     *  text — i.e. not `asChild`). */
+    tooltip?: ReactNode;
+    /** Tooltip side; forwarded to `TooltipContent`. */
+    side?: ComponentProps<typeof TooltipContent>['side'];
+};
+
 export declare function useAppClassName(): string | undefined;
 
 /**
@@ -3909,23 +4063,6 @@ export declare interface UserChipUser {
     initials?: string;
 }
 
-/**
- * A person rendered as one inline unit: a neutral avatar icon followed by their
- * full name. For lightweight person references (a lead, an assignee label) where
- * you only have a name. When you have full identity (email/org) and want the
- * hover card, use `UserChip` instead.
- *
- * Inherits font size/color from its container so it drops into any context.
- */
-export declare function UserLabel({ name, size, className }: UserLabelProps): JSX.Element;
-
-export declare interface UserLabelProps {
-    name: string;
-    /** Avatar size in px. Defaults to 18. */
-    size?: number;
-    className?: string;
-}
-
 /**
  * Resolve a `ParsedDate` (year/month/day, any of which may be null)
  * into a concrete `Date`, using the reference date and `dayDefault`
@@ -3952,10 +4089,3 @@ export declare interface UserLabelProps {
 declare type YearBias = 'past' | 'future';
 
 export { }
-
-
-declare module 'chart.js' {
-    interface TooltipPositionerMap {
-        cursor: TooltipPositionerFunction<ChartType>;
-    }
-}