@assure-one/design-system 1.1.0 → 1.2.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { ColorName, ReferenceTokens, SystemTokens, colors, radii, reference, shadows, spacing, surfaces, systemTokens, typography } from './tokens/index.js';
 import * as React$1 from 'react';
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
@@ -68,6 +68,34 @@ declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefA
 declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 
+/**
+ * AreaChart — single-series area + line trend (the "Financial overview"
+ * chart). SVG `path` area under a 2.5px line, vertical gradient fill, and
+ * hover points with a floating tooltip.
+ *
+ * Width is measured with a ResizeObserver so the chart fills its column;
+ * the initial width is a safe SSR default (no `window` read on the server).
+ * The gradient gets a `useId`-scoped `<defs>` id so multiple instances on
+ * one page don't collide.
+ *
+ * Stroke + gradient come from the tokenized chart line color
+ * (`--color-chart-line`, `--color-chart-area-*`).
+ */
+interface AreaPoint {
+    label: string;
+    value: number;
+}
+interface AreaChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    data: AreaPoint[];
+    /** Plot height in px (excludes the x-axis label row). */
+    height?: number;
+    /** Format a value for the hover tooltip. Defaults to a thin-space number. */
+    formatValue?: (value: number) => string;
+    /** Show the x-axis label row under the plot. Default `true`. */
+    showAxis?: boolean;
+}
+declare const AreaChart: React$1.ForwardRefExoticComponent<AreaChartProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface AspectRatioProps extends React$1.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root> {
     ratio?: number;
     children: React$1.ReactNode;
@@ -486,6 +514,43 @@ interface DismissibleChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLBut
 }
 declare const DismissibleChip: React$1.ForwardRefExoticComponent<DismissibleChipProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * DonutChart — segmented SVG arc meter (the "Review control center" donut).
+ *
+ * No Radix equivalent; this is the canonical donut/arc primitive. Segments
+ * are drawn as `stroke-dasharray` arcs on stacked circles rotated −90° so
+ * the series starts at 12 o'clock. Hovering a segment (or its legend row)
+ * thickens it, dims the rest, and swaps the center readout to that
+ * segment's value — matching the reference interaction.
+ *
+ * Colors default to the tokenized chart ramp (`--color-chart-1..4`,
+ * cycled). Pass `color` per segment to override. The center shows the
+ * total + label by default, or a custom node via `center`.
+ *
+ * Only a named-property transition is used (`stroke-width`, `opacity`), so
+ * it honors `prefers-reduced-motion` through the global base rule.
+ */
+interface DonutSegment {
+    label: string;
+    value: number;
+    /** Override the ramp color for this segment (any CSS color / var). */
+    color?: string;
+}
+interface DonutChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    segments: DonutSegment[];
+    /** Outer diameter in px. */
+    size?: number;
+    /** Arc thickness in px. */
+    strokeWidth?: number;
+    /** Caption under the center number ("In pipeline"). */
+    centerLabel?: string;
+    /** Replace the whole center readout. */
+    center?: React.ReactNode;
+    /** Render the labelled legend beside the ring. Default `true`. */
+    legend?: boolean;
+}
+declare const DonutChart: React$1.ForwardRefExoticComponent<DonutChartProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -528,6 +593,29 @@ interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * FileChip — compact attachment row: a colored file-type tile, the file
+ * name, a "size · when" meta line, and an optional trailing action
+ * (View / Download). Used in the AI receipt panel, document mini-lists,
+ * and message attachments.
+ *
+ * The tile tone keys off `kind`: documents are danger-tinted (PDF red),
+ * sheets success, images info, generic neutral — a quick visual file-type
+ * cue without a bespoke icon per extension.
+ */
+type FileKind = "doc" | "sheet" | "image" | "generic";
+interface FileChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    /** Right-side meta, e.g. "240 KB · uploaded just now". */
+    meta?: React.ReactNode;
+    kind?: FileKind;
+    /** Custom glyph inside the tile; defaults to a document icon. */
+    icon?: React.ReactNode;
+    /** Trailing action node (a Button / link). */
+    action?: React.ReactNode;
+}
+declare const FileChip: React$1.ForwardRefExoticComponent<FileChipProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface FileUploadProps extends React.HTMLAttributes<HTMLDivElement> {
     accept?: string;
     maxSize?: number;
@@ -1104,6 +1192,33 @@ interface RadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof Ra
 }
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * RankedBars — horizontal ranked-bar list (the "Service line performance"
+ * widget). Each row is a name + value, a proportional bar, an optional
+ * up/down change chip, and an optional sub line.
+ *
+ * Bar widths are a `pct` (0–100) you pass — keep the ranking math at the
+ * call site so the primitive stays a pure renderer. Colors cycle the
+ * tokenized chart ramp; override per row with `color`.
+ */
+interface RankedBar {
+    label: string;
+    /** Headline figure shown at the row's trailing edge (already formatted). */
+    value?: React.ReactNode;
+    /** Bar fill width as a percent of the track, 0–100. */
+    pct: number;
+    /** Signed period change; positive renders an up chip, negative a down chip. */
+    change?: number;
+    /** Small caption under the bar (e.g. "12 clients"). */
+    sublabel?: React.ReactNode;
+    /** Override the ramp color for this bar. */
+    color?: string;
+}
+interface RankedBarsProps extends React.HTMLAttributes<HTMLUListElement> {
+    items: RankedBar[];
+}
+declare const RankedBars: React$1.ForwardRefExoticComponent<RankedBarsProps & React$1.RefAttributes<HTMLUListElement>>;
+
 interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
     children: React$1.ReactNode;
 }
@@ -1258,6 +1373,29 @@ interface SectionHeadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "t
 }
 declare const SectionHead: React$1.ForwardRefExoticComponent<SectionHeadProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * SegmentedProgress — discrete step meter rendered as N pill segments, the
+ * first `current` of which are filled. Used on engagement cards ("step 2
+ * of 5") where a continuous bar would over-state precision.
+ *
+ * `tone` colors the filled segments. Status tones map to the semantic
+ * palette; service tones map to the practice ramp — both resolve to a
+ * single CSS color so the segment markup stays identical.
+ */
+type SegmentedTone = "default" | "success" | "warning" | "destructive" | "info" | "tax" | "audit" | "accounting";
+interface SegmentedProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Total number of segments. */
+    steps: number;
+    /** How many leading segments are filled. */
+    current: number;
+    tone?: SegmentedTone;
+    /** Segment height in px. Default 6. */
+    thickness?: number;
+    /** Accessible label; falls back to "Step X of Y". */
+    label?: string;
+}
+declare const SegmentedProgress: React$1.ForwardRefExoticComponent<SegmentedProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
@@ -1492,6 +1630,32 @@ interface StatusIconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "colo
 }
 declare function StatusIcon({ state, progress, color, size, className, ...props }: StatusIconProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * StatusPill — semantic status atom for engagement / document / signature
+ * lifecycles. It is a thin mapping over <Badge>: each known `status` picks
+ * the right variant + default label + dot, so call sites read as
+ * `<StatusPill status="needs-revision" />` instead of repeating the
+ * variant/label pairing everywhere.
+ *
+ * Mapping (per the portal spec):
+ *   requested        → warning   "Requested"
+ *   in-review        → info      "In review"
+ *   needs-revision   → danger    "Needs revision"
+ *   accepted/signed/
+ *   approved/paid    → success   "Accepted" / "Signed" / …
+ *   draft/pending    → secondary
+ *   overdue          → danger
+ *
+ * Pass `children` to override the label while keeping the mapped variant.
+ */
+type PillStatus = "requested" | "in-review" | "needs-revision" | "accepted" | "signed" | "approved" | "paid" | "complete" | "draft" | "pending" | "overdue" | "declined";
+interface StatusPillProps extends Omit<BadgeProps, "variant"> {
+    status: PillStatus;
+    /** Show a leading dot. Default `true` (status atoms read better with one). */
+    dot?: boolean;
+}
+declare const StatusPill: React$1.ForwardRefExoticComponent<StatusPillProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 /**
  * Stepper — custom progress indicator. No Radix equivalent.
  * Active step uses Pro purple; completed steps use the success palette;
@@ -1532,9 +1696,10 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
 
 /**
  * Table — semantic data-table primitives:
- *   - mono uppercase headers (10px, 0.12em tracking) on `bg-surface-2`
+ *   - sentence-case headers in the body font (12px, medium, `text-fg-3`)
+ *     on `bg-surface-2` — quiet column labels, not mono eyebrows
  *   - 1px `border-rule` under header, `border-rule-soft` between rows
- *   - 13px body cells in `text-fg-2`, hover row gets `bg-bg-2`
+ *   - 13px body cells in `text-fg-2`, airy 44px rows, hover gets `bg-bg-2`
  *
  * Public API: Table / TableHeader / TableBody / TableRow /
  * TableHead / TableCell / TableCaption. `wrapperClassName` wraps
@@ -1664,6 +1829,258 @@ interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<typeof Visu
 }
 declare const VisuallyHidden: React$1.ForwardRefExoticComponent<VisuallyHiddenProps & React$1.RefAttributes<HTMLSpanElement>>;
 
+/**
+ * AIReceiptPanel — the portal "attach a receipt, auto-fill with AI" panel.
+ * Three states drive the whole surface:
+ *
+ *   idle    → dashed "Attach receipt" button
+ *   reading → pulsing sparkle + "Reading your receipt…"
+ *   done    → "Auto-filled from receipt" badge, the file chip, and the
+ *             extracted vendor / amount / date grid (each confirmed ✓)
+ *
+ * It is **controlled**: the consumer owns `state` and supplies `result`
+ * when done. The simulated extraction in the reference is just one driver;
+ * swap in real OCR/AI and the contract is unchanged — flip `state` to
+ * "reading", then to "done" with a `result`.
+ */
+interface AIReceiptResult {
+    vendor: string;
+    amount: string;
+    date: string;
+    file: {
+        name: string;
+        meta?: React.ReactNode;
+    };
+}
+interface AIReceiptPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "results"> {
+    state?: "idle" | "reading" | "done";
+    /** Extracted fields, shown in the `done` state. */
+    result?: AIReceiptResult;
+    /** Fired when the idle attach button is pressed. */
+    onAttach?: () => void;
+    /** Fired when the done-state "Remove" link is pressed. */
+    onRemove?: () => void;
+    /** View action for the file chip (e.g. open the receipt). */
+    onViewFile?: () => void;
+}
+declare const AIReceiptPanel: React$1.ForwardRefExoticComponent<AIReceiptPanelProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Practice service tones for the client portal. Each engagement surface
+ * (card, ring, timeline) is "toned per service": a fill color + a track
+ * tint. Rather than fork every primitive's `variant` enum, portal
+ * composites set these two CSS vars (`--tone`, `--tone-bg`) once on their
+ * root and let descendants read them via `[color:var(--tone)]` /
+ * `[background:var(--tone-bg)]`. One place owns the mapping; theming and
+ * dark mode flow through the underlying `--color-service-*` tokens.
+ */
+type ServiceTone = "tax" | "audit" | "accounting" | "neutral";
+/**
+ * CSS-var style object to spread on a service-toned root. Descendants read
+ * `var(--tone)` / `var(--tone-bg)`; the cast is required because
+ * `CSSProperties` doesn't type custom properties.
+ */
+declare function serviceToneStyle(tone: ServiceTone): CSSProperties;
+declare const SERVICE_TONES: ServiceTone[];
+/** Human label for a tone, for chips and headings. */
+declare const serviceToneLabel: Record<ServiceTone, string>;
+
+/**
+ * AttentionItem — one row in the portal "Needs your attention" feed:
+ * a toned icon tile, a title + supporting line, and a trailing action
+ * (custom node or a default chevron). Group these by service at the call
+ * site; the row itself just renders one item.
+ *
+ * Set `tone` to color the icon tile per service (or use a status tone via
+ * `urgency`). The whole row is a `<button>` when `onClick` is supplied.
+ */
+type AttentionUrgency = "default" | "warning" | "danger";
+interface AttentionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    icon: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Service tone for the icon tile (used when `urgency` is "default"). */
+    tone?: ServiceTone;
+    /** Status urgency — overrides the service tone for the tile. */
+    urgency?: AttentionUrgency;
+    /** Trailing slot; defaults to a chevron when the row is interactive. */
+    action?: React.ReactNode;
+    onClick?: () => void;
+}
+declare const AttentionItem: React$1.ForwardRefExoticComponent<AttentionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * BottomNav — mobile tab bar for the client portal (desktop uses the
+ * sidebar instead). Fixed to the viewport bottom with safe-area padding;
+ * each tab is an icon + short label with an optional count/dot badge.
+ *
+ * Controlled via `value` + `onChange`. Keep it to 3–5 tabs — beyond that,
+ * labels truncate and the row gets cramped on a 390px screen.
+ */
+interface BottomNavTab {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    /** Numeric badge; `true` renders a dot. */
+    badge?: number | boolean;
+}
+interface BottomNavProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange"> {
+    tabs: BottomNavTab[];
+    value: string;
+    onChange: (id: string) => void;
+}
+declare const BottomNav: React$1.ForwardRefExoticComponent<BottomNavProps & React$1.RefAttributes<HTMLElement>>;
+
+/**
+ * DashGrid — drag-to-reorder widget grid for the firm dashboard. Each
+ * widget gets a 6-dot grab handle; dragging it over another widget moves
+ * it to that slot. The flat order is the source of truth; widgets flow
+ * row-major into a responsive CSS grid.
+ *
+ * Order is uncontrolled by default. Pass `storageKey` to persist it to
+ * `localStorage` — the initial order is read **once** in a lazy
+ * `useState` initializer (SSR-safe: no read on the server), and the grid
+ * carries `suppressHydrationWarning` because a persisted client order will
+ * legitimately differ from the server's default order on first paint.
+ * `onReorder` fires with the new id order on every move.
+ */
+interface DashWidget {
+    id: string;
+    content: React.ReactNode;
+    /** Column span on the lg grid (1–3). Default 1. */
+    span?: 1 | 2 | 3;
+}
+interface DashGridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onReorder"> {
+    widgets: DashWidget[];
+    /** Persist order under this `localStorage` key. Omit to disable persistence. */
+    storageKey?: string;
+    onReorder?: (orderedIds: string[]) => void;
+    /** Max columns on large screens. Default 3. */
+    columns?: 2 | 3 | 4;
+}
+declare const DashGrid: React$1.ForwardRefExoticComponent<DashGridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface EngagementCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Service name, e.g. "Tax". */
+    service: string;
+    /** Service glyph (an icon node). */
+    serviceIcon?: React.ReactNode;
+    tone?: ServiceTone;
+    title: string;
+    /** Status node (typically a <StatusPill> or plain label). */
+    status?: React.ReactNode;
+    /** Current step index (1-based) and total. */
+    current: number;
+    steps: number;
+    /** Name of the current step, shown in the caption. */
+    stepLabel?: string;
+    /** Footer ETA content, e.g. "Est. completion Mar 14" or "Recurring engagement". */
+    eta?: React.ReactNode;
+    /** Show a ProgressRing instead of segments + percent. */
+    ring?: boolean;
+    onOpen?: () => void;
+}
+declare const EngagementCard: React$1.ForwardRefExoticComponent<EngagementCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * EngagementTimeline — vertical stepper for an engagement's lifecycle.
+ * Each step is a node + connector rail on the left and a body on the right.
+ *
+ *   done   → filled success node with a check + "Completed {date}" line
+ *   active → toned ring node + "In progress" badge + inline actions
+ *   todo   → muted node + "Upcoming" badge
+ *
+ * The active node + badge read the service `--tone` set once on the
+ * container (see `serviceToneStyle`). Compose with `<EngagementTimelineStep>`
+ * children, mirroring the `<ActivityList>` / `<ActivityItem>` split.
+ */
+type TimelineState = "done" | "active" | "todo";
+interface EngagementTimelineProps extends React.HTMLAttributes<HTMLOListElement> {
+    /** Service tone for active nodes. */
+    tone?: ServiceTone;
+}
+declare const EngagementTimeline: React$1.ForwardRefExoticComponent<EngagementTimelineProps & React$1.RefAttributes<HTMLOListElement>>;
+interface EngagementTimelineStepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, "title"> {
+    state: TimelineState;
+    /** Step name. */
+    name: React.ReactNode;
+    /** 1-based index shown inside todo/active nodes. */
+    index: number;
+    /** Supporting copy under the name. */
+    note?: React.ReactNode;
+    /** Completion date, shown for `done` steps. */
+    date?: React.ReactNode;
+    /** Inline action row, shown for `active` steps. */
+    actions?: React.ReactNode;
+    /** Hide the connector below the node (last step). */
+    last?: boolean;
+}
+declare const EngagementTimelineStep: React$1.ForwardRefExoticComponent<EngagementTimelineStepProps & React$1.RefAttributes<HTMLLIElement>>;
+
+/**
+ * FolderTree — collapsible document tree (Documents panel / mobile sheet).
+ * Rows are chevron + folder + name + optional count. Each row has two
+ * intents and therefore two DOM elements (skill §4): the body is a
+ * `<button>` that selects/opens the folder, and the chevron is a separate
+ * `<button>` that only toggles expansion (so `aria-expanded` is accurate
+ * and the two are independently keyboard-reachable).
+ *
+ * Open state is uncontrolled by default (SSR-safe lazy initializer seeded
+ * from `defaultOpenIds`) or fully controlled via `openIds` + `onOpenChange`.
+ * The active row is tinted with the Pro tone (`bg-pro-bg`).
+ */
+interface FolderNode {
+    id: string;
+    name: string;
+    /** Item count shown as a trailing number. */
+    count?: number;
+    children?: FolderNode[];
+}
+interface FolderTreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    nodes: FolderNode[];
+    /** Currently selected folder id. */
+    activeId?: string;
+    onSelect?: (id: string) => void;
+    /** Uncontrolled: folders open on first render. */
+    defaultOpenIds?: string[];
+    /** Controlled open set. */
+    openIds?: string[];
+    onOpenChange?: (openIds: string[]) => void;
+}
+declare const FolderTree: React$1.ForwardRefExoticComponent<FolderTreeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * NewMenu — the TopBar "+ New" create dropdown. A primary button opens a
+ * menu of create actions, optionally split into labelled groups (e.g.
+ * "Work" vs "People"). Thin composition over the DropdownMenu primitive;
+ * the surface, focus, and portal behavior all come from there.
+ */
+interface NewMenuAction {
+    id: string;
+    label: React.ReactNode;
+    /** Supporting line under the label. */
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    /** Keyboard hint, right-aligned (display only). */
+    shortcut?: string;
+    onSelect?: () => void;
+}
+interface NewMenuGroup {
+    label?: React.ReactNode;
+    actions: NewMenuAction[];
+}
+interface NewMenuProps {
+    /** Flat action list. Use `groups` instead for labelled sections. */
+    actions?: NewMenuAction[];
+    groups?: NewMenuGroup[];
+    /** Trigger label. Default "New". */
+    triggerLabel?: React.ReactNode;
+    /** Override the trigger entirely (still opens the menu). */
+    trigger?: React.ReactNode;
+    align?: "start" | "center" | "end";
+}
+declare const NewMenu: React$1.ForwardRefExoticComponent<NewMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 type ShellProps = React.HTMLAttributes<HTMLDivElement>;
 declare const Shell: React$1.ForwardRefExoticComponent<ShellProps & React$1.RefAttributes<HTMLDivElement>>;
 type MainProps = React.HTMLAttributes<HTMLElement>;
@@ -2012,7 +2429,7 @@ interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title
 declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLElement>>;
 type PageHeaderSpecProps = React.HTMLAttributes<HTMLSpanElement>;
 /**
- * PageHeaderSpec — small `.spec`-style span (Inter w/ tnum/lnum/ss01).
+ * PageHeaderSpec — small `.spec`-style span (body font w/ tnum/lnum/ss01).
  * Used inside the `meta` slot for numeric facts ("4 due today",
  * "EIN ·· 12-3456789").
  */
@@ -2153,9 +2570,9 @@ interface DataTableProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const DataTable: React$1.ForwardRefExoticComponent<DataTableProps & React$1.RefAttributes<HTMLDivElement>>;
 type DataTableToolbarProps = React.HTMLAttributes<HTMLDivElement>;
 /**
- * DataTableToolbar — top row above the table. Renders the same surface
- * card as `<table>`, but with rounded corners only on top so the table
- * below visually attaches to it.
+ * DataTableToolbar — header strip at the top of the table card. The outer
+ * frame is owned by `<DataTable>`, so this is just a row with a bottom
+ * divider separating it from the table below.
  */
 declare const DataTableToolbar: React$1.ForwardRefExoticComponent<DataTableToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
 interface DataTableSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
@@ -2212,8 +2629,9 @@ interface DataTableHeaderProps extends React.ThHTMLAttributes<HTMLTableCellEleme
     onSortChange?: (sort: SortDirection | null) => void;
 }
 /**
- * DataTableHeader — `<th>` cell. Mono uppercase label with optional
- * sort indicator. Sort cycle when uncontrolled:
+ * DataTableHeader — `<th>` cell. Sentence-case label in the body font
+ * (Plus Jakarta Sans, 14px) with optional sort indicator. Sort cycle
+ * when uncontrolled:
  *   unsorted → asc → desc → unsorted (3-state).
  * `defaultSort` seeds the initial state. Pass `sort` + `onSortChange`
  * for fully-controlled usage when an upstream store owns the sort.
@@ -2228,13 +2646,13 @@ declare const DataTableCell: React$1.ForwardRefExoticComponent<DataTableCellProp
  */
 declare const DataTableCellName: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
- * DataTableCellMono — currency / IDs / numerics. Inter with
- * tabular numerals and tight tracking.
+ * DataTableCellMono — currency / IDs / numerics. Body font (Plus Jakarta
+ * Sans) with tabular numerals so columns of figures stay aligned.
  */
 declare const DataTableCellMono: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
- * DataTableCellId — muted mono ID (EIN, UUID, "5h ago"). Matches
- * `.cell-mono.cell-id` from the spec.
+ * DataTableCellId — muted ID (EIN, UUID, "5h ago") in the body font
+ * (Plus Jakarta Sans) with tabular numerals.
  */
 declare const DataTableCellId: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 interface DataTableCellDueProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "children"> {
@@ -2879,4 +3297,4 @@ declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, COUNTRY_CODES, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, type CountryCode, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, type DangerActionProps, DataItem, DataTable, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowProps, DataTableSearch, type DataTableSearchProps, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StarIcon, StarRating, type StarRatingProps, Stat, StatusIcon, type StatusIconProps, type StatusState, type Step, Stepper, type StepperProps, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, type AIReceiptPanelProps, type AIReceiptResult, Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AreaChart, type AreaChartProps, type AreaPoint, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttentionItem, type AttentionItemProps, type AttentionUrgency, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, type BottomNavProps, type BottomNavTab, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, COUNTRY_CODES, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, type CountryCode, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, type DangerActionProps, DashGrid, type DashGridProps, type DashWidget, DataItem, DataTable, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowProps, DataTableSearch, type DataTableSearchProps, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DonutChart, type DonutChartProps, type DonutSegment, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EngagementCard, type EngagementCardProps, EngagementTimeline, type EngagementTimelineProps, EngagementTimelineStep, type EngagementTimelineStepProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileChip, type FileChipProps, FileIcon, type FileKind, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, NewMenu, type NewMenuAction, type NewMenuGroup, type NewMenuProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, type PillStatus, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, type RankedBar, RankedBars, type RankedBarsProps, ReceiptIcon, ReplyIcon, RotateCcwIcon, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, SegmentedProgress, type SegmentedProgressProps, type SegmentedTone, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, type ServiceTone, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StarIcon, StarRating, type StarRatingProps, Stat, StatusIcon, type StatusIconProps, StatusPill, type StatusPillProps, type StatusState, type Step, Stepper, type StepperProps, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, type TimelineState, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, serviceToneLabel, serviceToneStyle, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };