@assure-one/design-system 1.1.0 → 1.3.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,12 +68,74 @@ 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;
 }
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * AttachmentChip — a full attachment / file row.
+ *
+ * Layout: FileTypeBadge + (name truncate + meta below) + trailing ghost
+ * icon actions (view / download). Presentational: handlers and the file
+ * URL are passed in, so the chip itself never owns state.
+ *
+ * Two variants:
+ *
+ *   default  — settled row on a page / panel (border + surface, hover bg-2),
+ *              matches the v2 `.txq-ai-file` transaction-receipt row.
+ *   onAccent — for outbound chat bubbles painted with the suite accent;
+ *              translucent-white fill and on-accent text, matches the v2
+ *              `.v2-cx-row.out .v2-cx-file` message attachment.
+ */
+declare const attachmentChipVariants: (props?: ({
+    variant?: "default" | "onAccent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AttachmentChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof attachmentChipVariants> {
+    /** File name, e.g. `2023-return.pdf`. Truncates when it overflows. */
+    name: string;
+    /** Format label for the FileTypeBadge. Derived from `name` when omitted. */
+    fileType?: string;
+    /** Secondary line — size and/or date, e.g. `2.4 MB · uploaded just now`. */
+    meta?: string;
+    /** View handler — renders the eye action as a button. */
+    onView?: () => void;
+    /** Download handler — renders the download action as a button. */
+    onDownload?: () => void;
+    /** File URL — backs the view action as a real anchor when `onView` is absent. */
+    href?: string;
+}
+declare const AttachmentChip: React$1.ForwardRefExoticComponent<AttachmentChipProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const avatarVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     variant?: "initials" | "branded" | null | undefined;
@@ -97,7 +159,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.Re
  * neutral pill.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "info" | "success" | "warning" | "destructive" | "default" | "secondary" | "outline" | null | undefined;
+    variant?: "info" | "success" | "warning" | "destructive" | "secondary" | "outline" | "default" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
@@ -166,8 +228,8 @@ declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<BreadcrumbS
  * Use `asChild` to render as a different element (e.g. an anchor / next/link).
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "success" | "destructive" | "secondary" | "outline" | "accent" | "primary" | "ghost" | "dashed" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | null | undefined;
+    variant?: "link" | "success" | "destructive" | "accent" | "primary" | "secondary" | "ghost" | "outline" | "dashed" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon-xs" | "icon-sm" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /** Render as the child element via Radix `Slot` (shadcn pattern). */
@@ -219,6 +281,43 @@ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
 declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardAction: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * CategoryDivider — THE category separator: a tone-tinted category pill, a
+ * flex-1 hairline rule, and an optional trailing count chip. Used to group a
+ * run of feed items / cards by service line. Per the ONE-brand rule, this tag
+ * is the *only* place per-service color is allowed — everything else stays on
+ * the single brand. Pure presentational.
+ *
+ * Tones map to the suite tints:
+ *   brand → --color-brand-pro · audit → --color-brand-audit ·
+ *   books → --color-brand-books · tax → --color-brand-tax ·
+ *   neutral → --color-fg-3
+ */
+declare const categoryTagVariants: (props?: ({
+    tone?: "neutral" | "brand" | "audit" | "books" | "tax" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CategoryTone = NonNullable<VariantProps<typeof categoryTagVariants>["tone"]>;
+interface CategoryTagProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof categoryTagVariants> {
+    /** Tag label text. */
+    label: string;
+    /** Optional leading icon rendered inside the pill. */
+    icon?: React.ReactNode;
+}
+/**
+ * CategoryTag — the standalone tone-tinted category pill, reusable in card
+ * headers and feed-item rows. Same atom CategoryDivider renders on its left.
+ */
+declare const CategoryTag: React$1.ForwardRefExoticComponent<CategoryTagProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface CategoryDividerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof categoryTagVariants> {
+    /** Category label shown in the tone-tinted tag. */
+    label: string;
+    /** Optional leading icon rendered inside the tag. */
+    icon?: React.ReactNode;
+    /** Optional item count → trailing neutral count chip. */
+    count?: number;
+}
+declare const CategoryDivider: React$1.ForwardRefExoticComponent<CategoryDividerProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked"> {
     /** Optional inline label rendered to the right of the box */
     label?: string;
@@ -486,6 +585,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 +664,71 @@ 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>>;
+
+/**
+ * FileTypeBadge — a colored format square for a file type.
+ *
+ * A static, presentational tile showing a short uppercase format token
+ * (PDF / IMG / DOC …) tinted by category. Consolidates the per-surface
+ * `FileTypeIcon` re-implementations (`.v2-fileic`, `.txq-ai-file-ico`,
+ * invoice/attachment tiles) into one primitive.
+ *
+ * Color map (auto-derived from the resolved type):
+ *   PDF → danger (red) · IMG/PNG/JPG → info (blue) · DOC/DOCX → accent (blue)
+ *   XLS/XLSX/CSV → success (green) · PPT → warning · ZIP → neutral
+ *   anything else → neutral
+ *
+ * Pass `format` (or its alias `type`) with a format/extension token, or
+ * `fileName` to derive the type from the extension. Override the auto color
+ * with `tone`.
+ */
+declare const fileTypeBadgeVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Semantic color tone for the badge square. */
+type FileTypeTone = "danger" | "info" | "accent" | "success" | "warning" | "neutral";
+/**
+ * Derive a canonical file-type code from a file name's extension.
+ *
+ * @param fileName - The file name, e.g. `2023-return.pdf`.
+ * @returns The canonical uppercase code (e.g. `PDF`), or `FILE` when the name
+ *   has no usable extension.
+ */
+declare function fileTypeFromName(fileName: string): string;
+interface FileTypeBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children">, VariantProps<typeof fileTypeBadgeVariants> {
+    /** Format/extension token, e.g. `PDF`, `docx`. Takes precedence over `fileName`. */
+    format?: string;
+    /** Alias for `format` — a format/extension token. */
+    type?: string;
+    /** File name to derive the type from when `format`/`type` are absent. */
+    fileName?: string;
+    /** Override the auto-derived color. Defaults to `"auto"` (color by type). */
+    tone?: FileTypeTone | "auto";
+}
+declare const FileTypeBadge: React$1.ForwardRefExoticComponent<FileTypeBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 interface FileUploadProps extends React.HTMLAttributes<HTMLDivElement> {
     accept?: string;
     maxSize?: number;
@@ -587,6 +788,29 @@ declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimi
 declare const HoverCardPortal: React$1.FC<HoverCardPrimitive.HoverCardPortalProps>;
 declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * IconTile — the recurring tinted rounded-square icon chip. A tone tint fills
+ * the square and colors the icon; `grid place-items-center` keeps the glyph
+ * centered. Consolidates v2's `.v2-qico` / `.v2-item-ico` / `.nr-ico` /
+ * `.licon` / `.aico` icon-chip pattern into one primitive.
+ *
+ *   tone — `pro` (default), `neutral`, status (`info` | `success` | `warning`
+ *          | `danger`), and suite tints (`audit` | `books` | `tax`).
+ *   size — `sm` (~30px) | `md` (~38px) | `lg` (~42px). Icon scales with it.
+ *   badge — optional ReactNode pinned to the top-right corner (e.g. a count).
+ */
+declare const iconTileVariants: (props?: ({
+    tone?: "info" | "success" | "warning" | "danger" | "neutral" | "audit" | "books" | "tax" | "pro" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconTileProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconTileVariants> {
+    /** The icon (or any node) rendered centered inside the tile. */
+    icon: React.ReactNode;
+    /** Optional overlay pinned to the top-right corner, e.g. a count badge. */
+    badge?: React.ReactNode;
+}
+declare const IconTile: React$1.ForwardRefExoticComponent<IconTileProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number;
 }
@@ -604,6 +828,12 @@ declare function CloseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX
 declare function CheckIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 declare function LayoutDashboardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 declare function BuildingIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Landmark / "bank" glyph (columns + pediment) — the accounting service mark. */
+declare function LandmarkIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Folder with an up-arrow — the "upload documents" / document-request mark. */
+declare function FolderUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/** Pen-tool / nibbed signature pen — the e-signature mark. */
+declare function PenToolIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 declare function MapPinIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 declare function FileReturnIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 declare function ClipboardCheckIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
@@ -749,7 +979,7 @@ declare function StopIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.
  * (rule-strong border, surface bg, accent focus ring).
  */
 declare const inputVariants: (props?: ({
-    variant?: "default" | "ghost" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
     inputSize?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type InputVariants = VariantProps<typeof inputVariants>;
@@ -897,6 +1127,39 @@ interface LogoProps {
 }
 declare function Logo({ size, href, showText, className, iconClassName, textClassName, productName, inverted, }: LogoProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * MasterDetailLayout — responsive list + detail two-pane scaffold.
+ *
+ * Backs the duplicated "list on the left, detail on the right" pattern found
+ * across messages, documents, billing, and signatures. Generic over content:
+ * pass any node into the `list` and `detail` slots.
+ *
+ *   Desktop (>= md): fixed-width list column + flex-1 detail. Each pane owns
+ *     its own scroll (`min-h-0` + `overflow-auto`) so the two scroll
+ *     independently and neither pushes the page.
+ *   Mobile (< md): the list fills the width; when `detailOpen` is true the
+ *     detail slides in over the list from the right. A back affordance is
+ *     rendered at the top of the detail pane when `onBack` is supplied.
+ */
+interface MasterDetailLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Left pane — the master list (sessions, files, threads…). */
+    list: React.ReactNode;
+    /** Right pane — the selected record's detail view. */
+    detail: React.ReactNode;
+    /**
+     * Whether the detail pane is shown on mobile. On desktop both panes are
+     * always visible and this prop only governs the small-screen overlay.
+     */
+    detailOpen?: boolean;
+    /** Mobile back handler — returns from the detail overlay to the list. */
+    onBack?: () => void;
+    /** Accessible label for the mobile back button. */
+    backLabel?: string;
+    /** Width of the list column on desktop. Number is treated as px. */
+    listWidth?: number | string;
+}
+declare const MasterDetailLayout: React$1.ForwardRefExoticComponent<MasterDetailLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface MultiFilterPillProps {
     label: string;
     icon?: React$1.ReactNode;
@@ -1104,6 +1367,88 @@ 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>>;
+
+type SheetSide = "top" | "right" | "bottom" | "left";
+type DialogSize = "sm" | "md" | "lg" | "full";
+interface ResponsiveDialogProps {
+    /** Controlled open state. */
+    open: boolean;
+    /** Open-state change handler (fires on overlay/esc/close as well). */
+    onOpenChange: (open: boolean) => void;
+    /** Accessible title. When omitted, a visually-hidden label is supplied. */
+    title?: React$1.ReactNode;
+    /** Supporting description rendered under the title. */
+    description?: React$1.ReactNode;
+    /** Body content. */
+    children?: React$1.ReactNode;
+    /**
+     * Footer actions. Accepts a node, or a render-prop receiving a `close`
+     * callback (`() => onOpenChange(false)`) for self-dismissing buttons.
+     */
+    footer?: React$1.ReactNode | ((close: () => void) => React$1.ReactNode);
+    /** Class applied to the rendered Sheet/Dialog content surface. */
+    className?: string;
+    /** Sheet side on mobile. Default `"bottom"`. */
+    side?: SheetSide;
+    /** Desktop Dialog max-width preset. Default `"md"`. */
+    size?: DialogSize;
+}
+/**
+ * Renders a bottom Sheet on mobile and a centered Dialog on desktop from one
+ * controlled API. Composes the existing Sheet and Dialog primitives.
+ */
+declare function ResponsiveDialog({ open, onOpenChange, title, description, children, footer, className, side, size, }: ResponsiveDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveDialog {
+    var displayName: string;
+}
+
+/**
+ * RouteTransition — a tiny, generic page-transition wrapper.
+ *
+ * Fades and slides its children up (~8px → 0, ~250ms, ease-out-quart) on
+ * mount, and replays the animation whenever `routeKey` changes by using it as
+ * the React `key` on the inner element — so a route change remounts the inner
+ * node and re-runs the entrance.
+ *
+ * The motion is driven by tw-animate-css `enter` utilities; the design-system's
+ * global `prefers-reduced-motion: reduce` rule neutralizes the animation, so no
+ * per-component reduced-motion handling is required.
+ *
+ * Pass `usePathname()` (or any stable per-route string) as `routeKey` from the
+ * client layout. Works unchanged in both the firm app and the client portal.
+ */
+interface RouteTransitionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Stable per-route string (e.g. `usePathname()`). Used as the inner key. */
+    routeKey: string;
+}
+declare const RouteTransition: React$1.ForwardRefExoticComponent<RouteTransitionProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
     children: React$1.ReactNode;
 }
@@ -1258,6 +1603,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>>;
@@ -1433,7 +1801,7 @@ declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.Re
 
 declare const spinnerVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    tone?: "current" | "success" | "warning" | "destructive" | "accent" | "muted" | null | undefined;
+    tone?: "current" | "success" | "warning" | "destructive" | "muted" | "accent" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
     /**
@@ -1474,6 +1842,33 @@ interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stat: React$1.ForwardRefExoticComponent<StatProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * StatusDot — standalone attention / unread / presence dot.
+ *
+ * A small filled circle for NON-avatar surfaces: nav rails, bottom nav,
+ * top-bar bells, list rows, unread markers. (Avatar already renders its own
+ * corner presence dot — use that for avatar-attached dots.)
+ *
+ *   tone   — danger (default) | warning | info | success | pro | neutral
+ *   size   — sm ~7px (default) | md ~9px
+ *   ring   — adds a 2px solid surface ring so the dot reads when overlaid on
+ *            icons / avatars (box-shadow, so it never shifts layout)
+ *   pulse  — subtle expanding ping halo; hidden under prefers-reduced-motion
+ *
+ * The dot fills with `currentColor`, so the ping clone inherits the same tone
+ * automatically. `aria-hidden` by default — pass `aria-label` to expose it.
+ */
+declare const statusDotVariants: (props?: ({
+    tone?: "info" | "success" | "warning" | "danger" | "neutral" | "pro" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    ring?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusDotVariants> {
+    /** Subtle expanding ping halo. Respects `prefers-reduced-motion`. */
+    pulse?: boolean;
+}
+declare const StatusDot: React$1.ForwardRefExoticComponent<StatusDotProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 /**
  * StatusIcon — progress-aware state circle for arbitrary pipeline stages.
  *
@@ -1492,6 +1887,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;
@@ -1512,6 +1933,32 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stepper: React$1.ForwardRefExoticComponent<StepperProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * StickyActionBar — a frosted action bar pinned to the bottom of its scroll
+ * container. Holds a left-aligned `hint` (info / summary text) and right-aligned
+ * action buttons (`children`).
+ *
+ * Frosted surface (`bg-surface/80` + `backdrop-blur`) over a top rule, so page
+ * content scrolls visibly beneath it. Presentational only — the call site owns
+ * the buttons and their disabled/loading state.
+ *
+ * `offsetForMobileNav` lifts the bar to clear the 56px mobile tab bar plus the
+ * iOS safe-area inset, so it never hides behind the bottom navigation.
+ *
+ * Generic by design: it backs the portal signing footer and the transactions
+ * submit bar, and is intended to replace the firm app's hand-rolled
+ * bulk-action bar chrome.
+ */
+interface StickyActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Action buttons, right-aligned. */
+    children: React.ReactNode;
+    /** Left-aligned info / summary text. */
+    hint?: React.ReactNode;
+    /** Lift the bar above the 56px mobile tab bar + safe-area inset. */
+    offsetForMobileNav?: boolean;
+}
+declare const StickyActionBar: React$1.ForwardRefExoticComponent<StickyActionBarProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface SubmitButtonProps extends Omit<ButtonProps, "type" | "loading"> {
     pendingText?: string;
     children: React.ReactNode;
@@ -1522,6 +1969,60 @@ interface SubmitButtonProps extends Omit<ButtonProps, "type" | "loading"> {
  */
 declare const SubmitButton: React$1.ForwardRefExoticComponent<SubmitButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * SuiteProgress — a discrete, segmented progress meter with a percent readout.
+ *
+ * Renders `total` equal-width segments in a flex row. Segments before `value`
+ * are filled in the suite tone; the rest sit on the `surface-3` track. An
+ * optional numeric percent renders to the right (bold + tabular, with a
+ * smaller "%").
+ *
+ * Distinct from the `SegmentedProgress` step-meter (steps/current, no percent):
+ * SuiteProgress is the percent-bearing bar with suite-brand tones, used for
+ * pipeline and engagement *completion* (e.g. "3 of 5 — 60%"). Pick the step
+ * meter when the count itself is the message; pick this when the percentage is.
+ *
+ * Pure presentational — no client runtime required.
+ */
+declare const suiteProgressFillVariants: (props?: ({
+    tone?: "audit" | "books" | "tax" | "pro" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const SIZE_STYLES: {
+    readonly sm: {
+        readonly row: "gap-2";
+        readonly track: "gap-0.5";
+        readonly segment: "h-1";
+        readonly text: "text-xs";
+    };
+    readonly md: {
+        readonly row: "gap-3";
+        readonly track: "gap-1";
+        readonly segment: "h-[5px]";
+        readonly text: "text-sm";
+    };
+};
+type SuiteProgressSize = keyof typeof SIZE_STYLES;
+type SuiteProgressTone = NonNullable<VariantProps<typeof suiteProgressFillVariants>["tone"]>;
+interface SuiteProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role"> {
+    /** Number of completed segments. */
+    value: number;
+    /** Total segment count. */
+    total: number;
+    /** Show the numeric percent to the right. Defaults to true. */
+    showPercent?: boolean;
+    /** Override the displayed percent (0–100). Falls back to value/total. */
+    percent?: number;
+    /** Suite tone for filled segments. Defaults to "pro". */
+    tone?: SuiteProgressTone;
+    /** Bar height + text scale. Defaults to "md". */
+    size?: SuiteProgressSize;
+    /** Optional leading label, rendered before the segments. */
+    label?: string;
+    /** Extra classes applied to every segment. */
+    segmentClassName?: string;
+}
+declare const SuiteProgress: React$1.ForwardRefExoticComponent<SuiteProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const switchVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1532,9 +2033,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
@@ -1589,7 +2091,7 @@ declare namespace TeamMemberSelect {
 }
 
 declare const textareaVariants: (props?: ({
-    variant?: "default" | "ghost" | null | undefined;
+    variant?: "ghost" | "default" | null | undefined;
     inputSize?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextareaVariants = VariantProps<typeof textareaVariants>;
@@ -1625,7 +2127,7 @@ interface ToastProviderProps {
 declare function ToastProvider({ children }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ToggleGroupRootProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof itemVariants>;
 declare const ToggleGroup: React$1.ForwardRefExoticComponent<ToggleGroupRootProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1664,6 +2166,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>;
@@ -1818,7 +2572,7 @@ declare const SidebarLinkLabel: React$1.ForwardRefExoticComponent<SidebarLinkLab
 type SidebarLinkActionProps = React$1.HTMLAttributes<HTMLSpanElement>;
 declare const SidebarLinkAction: React$1.ForwardRefExoticComponent<SidebarLinkActionProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const sidebarLinkBadgeVariants: (props?: ({
-    tone?: "warning" | "default" | "neutral" | "danger" | null | undefined;
+    tone?: "warning" | "danger" | "neutral" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SidebarLinkBadgeVariants = VariantProps<typeof sidebarLinkBadgeVariants>;
 interface SidebarLinkBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, SidebarLinkBadgeVariants {
@@ -2012,7 +2766,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 +2907,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 +2966,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 +2983,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 +3634,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, AttachmentChip, type AttachmentChipProps, 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, CategoryDivider, type CategoryDividerProps, CategoryTag, type CategoryTagProps, type CategoryTone, 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, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, IconTile, type IconTileProps, 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, LandmarkIcon, 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, MasterDetailLayout, type MasterDetailLayoutProps, 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, PenToolIcon, 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, ResponsiveDialog, type ResponsiveDialogProps, RotateCcwIcon, RouteTransition, type RouteTransitionProps, 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, StatusDot, type StatusDotProps, StatusIcon, type StatusIconProps, StatusPill, type StatusPillProps, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StopIcon, StrikethroughIcon, SubmitButton, SuiteProgress, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressTone, 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, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, serviceToneLabel, serviceToneStyle, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };