@assure-one/design-system 0.4.1 → 0.7.0

package/README.md

@@ -1,10 +1,17 @@
 # Assure One Design System
 
-The single source of truth for visual design across all Assure One products.
+The single source of truth for visual design across all Assure products.
 
 - **Tokens** — semantic CSS variables (color, type, spacing, motion) consumed by every product.
 - **Primitives** — accessible React components built on Radix + Tailwind 4.
-- **Patterns** — common compositions (DataTable, FormField, EmptyState).
+- **Composites** — common patterns (DataTable, PageHeader, Sidebar, Kanban).
+
+## Documentation
+
+- [**`CHANGELOG.md`**](./CHANGELOG.md) — release-by-release log of what shipped.
+- [**`CONTRIBUTING.md`**](./CONTRIBUTING.md) — dev loop, release flow, versioning, pitfalls.
+- [**`CLAUDE.md`**](./CLAUDE.md) — invariants and conventions for AI assistants working in this repo.
+- [**`claude-skills/`**](./claude-skills) — drop-in Claude Code skill for consuming projects.
 
 ## Install
 
@@ -38,6 +45,8 @@ pnpm typecheck
 pnpm lint
 ```
 
+See [`CONTRIBUTING.md`](./CONTRIBUTING.md) for the full dev loop, including iterating against a real consuming app.
+
 ## Architecture
 
 3-tier token system (W3C Design Tokens spec compatible):
@@ -49,16 +58,6 @@ color.navy.700  →  color.action.primary.bg  →  button.primary.bg
 
 Components consume **system tokens**, never reference values directly. Themes (light, dark, per-product accent) re-map system → reference without touching component code.
 
-## Release
-
-We use [Changesets](https://github.com/changesets/changesets). Every PR with a user-visible change includes a changeset:
-
-```bash
-pnpm changeset
-```
-
-Merging to `main` triggers a "Version Packages" PR. Merging that PR publishes to GitHub Packages.
-
-## Status
+## Releases
 
-Pre-release. Not yet published. APIs may change.
+Tag-driven publish to public npm. See [`CONTRIBUTING.md`](./CONTRIBUTING.md#release-flow) for the full flow; past releases in [`CHANGELOG.md`](./CHANGELOG.md).

package/dist/index.d.ts

@@ -93,8 +93,8 @@ interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Avata
 declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 /**
- * Badge — status atom. Variants port the `.pill` family in `_shared.css`
- * (lines 257-289). Default variant is the neutral pill.
+ * Badge — status atom. Pill-family variants. Default variant is the
+ * neutral pill.
  */
 declare const badgeVariants: (props?: ({
     variant?: "info" | "success" | "warning" | "destructive" | "default" | "secondary" | "outline" | null | undefined;
@@ -138,20 +138,20 @@ type BreadcrumbSeparatorProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 /**
- * Button — Assure Pro action atom.
+ * Button — action atom.
  *
- * Variants port the `.btn-*` rules in `_shared.css` (lines 164-203):
- *   - primary    → bg-pro-fg (Pro purple, the firm app's brand identity)
+ * Variants:
+ *   - primary    → bg-pro-fg (suite accent)
  *   - secondary  → ghost surface bg-bg-2
  *   - destructive → bg-danger-fg
  *   - success    → bg-success-fg
  *   - ghost      → transparent, hover:bg-bg-2
- *   - outline    → bordered surface (matches `.btn-ghost` from spec)
+ *   - outline    → bordered surface
  *   - link       → text-accent (cyan) with underline-on-hover
- *   - accent     → bg-accent (cyan CTA per spec §6.2)
+ *   - accent     → bg-accent (cyan CTA)
  *   - dashed     → full-bleed "+ Add another" CTA, transparent fill + dashed border
  *
- * Sizes match shadcn convention; default `md` matches spec's 8px/14px padding.
+ * Sizes match shadcn convention; default `md` is 8px/14px padding.
  * Use `asChild` to render as a different element (e.g. an anchor / next/link).
  */
 declare const buttonVariants: (props?: ({
@@ -186,8 +186,8 @@ declare namespace Calendar {
 }
 
 /**
- * Card — surface container. Default surfaces use the `.surface` rule from
- * `_shared.css` (12px radius, 1px rule border, surface bg). Three variants:
+ * Card — surface container. 12px radius, 1px rule border, surface bg.
+ * Three variants:
  *
  *   default     — settled card on the page (current behavior, unchanged)
  *   interactive — clickable card; hover darkens the border
@@ -426,8 +426,7 @@ declare const DropdownMenuShortcut: {
 };
 
 /**
- * EmptyState — restated with Assure Pro tokens. Display headline (Geist),
- * fg-3 description, neutral icon halo on bg-2.
+ * EmptyState — display headline (Geist), fg-3 description, neutral icon halo on bg-2.
  *
  * Public API preserved: `icon`, `title`, `description`, `action`.
  */
@@ -645,9 +644,15 @@ declare function MicrosoftBrandIcon({ size, ...props }: IconProps): react_jsx_ru
  * to surface active filter count.
  */
 declare function FilterIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function CheckCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function XCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function AlertTriangleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function InfoCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function TrendingUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+declare function TrendingDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Input variants. Mirrors the raw HTML `<input>` styled per Assure Pro tokens
+ * Input variants. Mirrors the raw HTML `<input>` styled per the suite tokens
  * (rule-strong border, surface bg, accent focus ring).
  */
 declare const inputVariants: (props?: ({
@@ -663,7 +668,31 @@ interface InputProps$1 extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps$1 & React$1.RefAttributes<HTMLInputElement>>;
 
-declare function KeyboardShortcutsDialog(): react_jsx_runtime.JSX.Element;
+interface KeyboardShortcut {
+    keys: readonly string[];
+    description: string;
+}
+interface KeyboardShortcutSection {
+    title: string;
+    icon?: React$1.ReactNode;
+    shortcuts: readonly KeyboardShortcut[];
+    /** When true, this section spans 2 rows in the 2-column grid layout. */
+    wide?: boolean;
+}
+interface KeyboardShortcutsDialogProps {
+    /**
+     * App-specific sections to display above the universal General section.
+     * Omit for portal/utility apps that only need the universal keys.
+     */
+    sections?: readonly KeyboardShortcutSection[];
+    /**
+     * Key that toggles the dialog. Default `"?"`. Pass `null` to disable the
+     * built-in hotkey listener — useful when an app wants to own the global
+     * keydown handling.
+     */
+    hotkey?: string | null;
+}
+declare function KeyboardShortcutsDialog({ sections, hotkey, }?: KeyboardShortcutsDialogProps): react_jsx_runtime.JSX.Element;
 
 declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
@@ -732,12 +761,17 @@ interface LoadingRowsProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const LoadingRows: React$1.ForwardRefExoticComponent<LoadingRowsProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Logo — Assure Pro wordmark. Per spec §4 and §6.2, the firm-app brand is
- * "Assure Pro": "Assure" in fg + "Pro" in pro-fg purple, set in Geist
- * (font-display). Mirrors the `.wordmark` rule in `_shared.css` (lines 226-249).
+ * Logo — Assure suite wordmark. Renders "Assure" in `fg` plus an optional
+ * product suffix in `pro-fg` (e.g., "Pro", "Tax"), set in Geist (font-display).
  *
- * Public API kept stable: `size`, `href`, `showText`, `inverted`, plus the
- * style-override hooks (`className`, `iconClassName`, `textClassName`).
+ * The product suffix is configurable so the same component serves every
+ * Assure product. The default preserves the original "Assure Pro" output —
+ * existing consumers do not need to change anything.
+ *
+ * Public API:
+ *   - `size`, `href`, `showText`, `inverted` (visual)
+ *   - `productName` (the suffix text; `null` renders just "Assure")
+ *   - `className`, `iconClassName`, `textClassName` (style overrides)
  */
 declare const sizeStyles: {
     readonly sm: {
@@ -763,10 +797,12 @@ interface LogoProps {
     className?: string;
     iconClassName?: string;
     textClassName?: string;
-    /** When true, render on dark/brand surfaces (white "Assure" + lighter "Pro"). */
+    /** Product suffix rendered after "Assure". Pass `null` to render just "Assure". Defaults to "Pro" for backwards compatibility. */
+    productName?: string | null;
+    /** When true, render on dark/brand surfaces (white "Assure" + lighter suffix). */
     inverted?: boolean;
 }
-declare function Logo({ size, href, showText, className, iconClassName, textClassName, inverted, }: LogoProps): react_jsx_runtime.JSX.Element;
+declare function Logo({ size, href, showText, className, iconClassName, textClassName, productName, inverted, }: LogoProps): react_jsx_runtime.JSX.Element;
 
 interface MultiFilterPillProps {
     label: string;
@@ -826,11 +862,10 @@ declare namespace OTPInput {
 
 /**
  * Pagination — custom (no Radix equivalent).
- * Restyled to Assure Pro tokens: tabular-nums numerals, mono context label,
- * cyan accent for the current page (matches the `.tab.is-active` treatment
- * in `_shared.css`), `border-rule` divider boundaries.
+ * Tokenized: tabular-nums numerals, mono context label, cyan accent for the
+ * current page, `border-rule` divider boundaries.
  *
- * Public API preserved for 988 firm + 174 portal call sites:
+ * Public API:
  *   currentPage, totalPages, onPageChange, siblingCount, totalItems, pageSize.
  */
 interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
@@ -932,6 +967,35 @@ declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps &
 interface SearchSelectOption {
     id: string;
     label: string;
+    /**
+     * Optional section name. When any option carries a `group`, the dropdown
+     * renders quiet sentence-case section labels, preserving the order in which
+     * groups first appear in `options`. Omit on every option to keep the flat
+     * (single-list) rendering.
+     */
+    group?: string;
+    /**
+     * Optional CSS color (hex or token) rendered as a small leading dot — handy
+     * for category accents (e.g. one hue per service line). Treated as data, so
+     * the consumer owns the palette.
+     */
+    color?: string;
+    /**
+     * Optional leading icon node. When present the row becomes a rich two-line
+     * row with the icon in a circular tile. Pair with `iconClassName` for the
+     * tile tint. Takes precedence over `color`.
+     */
+    icon?: React$1.ReactNode;
+    /**
+     * Tailwind classes for the icon tile (background + text), e.g.
+     * "bg-info/10 text-info". Consumer owns the palette.
+     */
+    iconClassName?: string;
+    /**
+     * Optional secondary line shown muted beneath the label (e.g. an email or
+     * reference). Promotes the row to the two-line rich layout.
+     */
+    description?: string;
 }
 interface SearchSelectProps {
     options: SearchSelectOption[];
@@ -942,8 +1006,36 @@ interface SearchSelectProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    /**
+     * When true (and options carry `group`), renders a row of exclusive filter
+     * chips ("All" + each non-pinned group) that scope the list to one category.
+     */
+    groupFilter?: boolean;
+    /**
+     * Group names pinned to the top of the list. Pinned groups are excluded from
+     * the filter chips and only shown when the "All" chip is active — the
+     * standard "favorites/suggested on top" treatment.
+     */
+    pinnedGroups?: string[];
+    /**
+     * Close the dropdown after a selection. Off by default (multi-select keeps
+     * the list open to pick more); turn on when used as a single-select.
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Append a count to each group heading (e.g. "Individuals · 5"). Only has an
+     * effect when options carry `group`.
+     */
+    showGroupCounts?: boolean;
+    /**
+     * Persistent footer action pinned below the list, distinct from the
+     * query-based `onCreate` affordance. Always visible while open — use for a
+     * full "Create new client" entry point. `createNewLabel` sets its label.
+     */
+    onCreateNew?: () => void;
+    createNewLabel?: string;
 }
-declare function SearchSelect({ options, selected, onSelect, onRemove, onCreate, placeholder, className, disabled, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
+declare function SearchSelect({ options, selected, onSelect, onRemove, onCreate, placeholder, className, disabled, groupFilter, pinnedGroups, closeOnSelect, showGroupCounts, onCreateNew, createNewLabel, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
 declare namespace SearchSelect {
     var displayName: string;
 }
@@ -1164,10 +1256,9 @@ interface StarRatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ro
 declare const StarRating: React$1.ForwardRefExoticComponent<StarRatingProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Stat — paired numeric display + caption, the StatNum primitive from
- * spec §4. Numerals are set in `font-display` (Geist) at a fluid clamp size
- * with `font-variant-numeric: tabular-nums` for vertical alignment, ported
- * from the `.stat-num` rule in `_shared.css` (lines 152-161).
+ * Stat — paired numeric display + caption (the StatNum primitive).
+ * Numerals are set in `font-display` (Geist) at a fluid clamp size with
+ * `font-variant-numeric: tabular-nums` for vertical alignment.
  */
 interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
     value: string;
@@ -1214,14 +1305,13 @@ interface SwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Switc
 declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
- * Table — semantic data-table primitives. Ports the `.data-table` rules
- * from `_shared.css` (lines 542-590):
+ * Table — semantic data-table primitives:
  *   - mono uppercase headers (10px, 0.12em tracking) on `bg-surface-2`
  *   - 1px `border-rule` under header, `border-rule-soft` between rows
  *   - 13px body cells in `text-fg-2`, hover row gets `bg-bg-2`
  *
- * Public API preserved: Table / TableHeader / TableBody / TableRow /
- * TableHead / TableCell / TableCaption. `wrapperClassName` still wraps
+ * Public API: Table / TableHeader / TableBody / TableRow /
+ * TableHead / TableCell / TableCaption. `wrapperClassName` wraps
  * the responsive overflow container.
  */
 interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
@@ -1286,12 +1376,17 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 type ToastVariant = "default" | "success" | "destructive" | "warning";
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
 interface Toast {
     id: string;
     title: string;
     description?: string;
     variant?: ToastVariant;
     duration?: number;
+    action?: ToastAction;
 }
 interface ToastContextValue {
     toast: (options: Omit<Toast, "id">) => string;
@@ -1499,7 +1594,7 @@ declare const SidebarUser: React$1.ForwardRefExoticComponent<SidebarUserProps &
 
 /**
  * AppHeader — sticky 56px-tall top bar mounted inside `<Main>`, above
- * `<Content>`. Ports `.app-header` from `_shared.css` (lines 393-404).
+ * `<Content>`.
  *
  * Children flow horizontally:
  *   breadcrumb → title → flex-1 spacer → search → actions
@@ -1533,14 +1628,11 @@ declare const AppHeaderActions: React$1.ForwardRefExoticComponent<AppHeaderActio
 
 /**
  * PageHeader — top-of-page title block: eyebrow → headline + actions row → description → meta row.
- * Ports `.page-header` rules from `_shared.css` (lines 486-498) and
- * absorbs the trailing-edge `actions` slot pattern that 100+ consumer
- * files reinvent via `flex items-center justify-between`.
+ * Absorbs the trailing-edge `actions` slot pattern that consumer files
+ * frequently reinvent via `flex items-center justify-between`.
  *
- * `title` is a string per the consumer-side contract (see
- * `assure-pro-spec/from-lighttaxes-claude.md`, "Page header" section).
- * If a consumer needs richer markup in the headline they should compose
- * around PageHeader rather than via this prop.
+ * `title` is a string. If a consumer needs richer markup in the headline
+ * they should compose around PageHeader rather than via this prop.
  *
  * Layout rules:
  * - `eyebrow` sits above the title with a 6px gap.
@@ -1614,31 +1706,54 @@ interface DataItemProps {
 declare function DataItem({ label, value, span, className }: DataItemProps): react_jsx_runtime.JSX.Element;
 
 /**
- * KpiCard — single-stat tile: label + value + optional tone + optional hint.
+ * KpiCard — single-stat tile: label + value + optional tone, trend, hint.
  *
  * Replaces the three different KPI / stat-card shapes that recur across
  * the dashboard, billing, and attention-queue surfaces:
  *
- *     ┌──────────────┐
- *     │ 🔵  247      │
- *     │     Clients  │
- *     └──────────────┘
+ *     ┌──────────────────────┐
+ *     │ 🔵  Clients          │
+ *     │     247   ▲ 12%      │
+ *     │     vs last month    │
+ *     │     ╱╲╱╲ sparkline   │
+ *     └──────────────────────┘
  *
  * - `value` is the big-typography figure (count, currency).
  * - `label` is the small caption.
  * - `tone` colors the icon tile / value via semantic tokens (info,
  *   success, warning, destructive, accent, muted). Default `muted`.
  * - `icon` slot accepts any node; rendered inside a rounded tile.
- * - `hint` is an optional `text-xs text-fg-3` line under the value
- *   ("+18 this month", "vs. last quarter").
+ * - `delta` renders a trend chip (arrow + change). `direction` drives the
+ *   arrow; `sentiment` drives the colour and defaults from direction
+ *   (up → positive, down → negative, flat → neutral). Pass `sentiment`
+ *   explicitly for inverted metrics where "up" is bad (e.g. past-due ↑).
+ * - `trend` (number[]) draws a filled sparkline across the card bottom,
+ *   tinted by the delta sentiment (or tone when there's no delta).
+ * - `hint` is an optional `text-fg-4` line ("+18 this month", "6 invoices").
  * - `action` is an optional trailing slot for a button or link.
  *
  * Renders as a `<Card>`. Wrap in a `<Link>` from the consumer side if
  * the tile should navigate.
  */
 type KpiTone = "info" | "success" | "warning" | "destructive" | "accent" | "muted";
+type DeltaDirection = "up" | "down" | "flat";
+type DeltaSentiment = "positive" | "negative" | "neutral";
+interface KpiDelta {
+    /** The change to display, e.g. `"12%"`, `"+18"`, `"-$4.2k"`. */
+    value: React.ReactNode;
+    /** Arrow glyph: `up` ↗, `down` ↘, `flat` —. */
+    direction: DeltaDirection;
+    /**
+     * Colour family. Defaults from `direction` (up → positive, down →
+     * negative, flat → neutral). Set explicitly for inverted metrics where
+     * a rise is bad (e.g. `direction: "up"`, `sentiment: "negative"`).
+     */
+    sentiment?: DeltaSentiment;
+    /** Optional context line under the value, e.g. `"vs last month"`. */
+    label?: React.ReactNode;
+}
 interface KpiCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-    /** Small caption above (or below, depending on layout) the value. */
+    /** Small caption under the value. */
     label: React.ReactNode;
     /** Main figure — count, currency, percentage. Renders as a 2xl bold. */
     value: React.ReactNode;
@@ -1646,6 +1761,10 @@ interface KpiCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title
     icon?: React.ReactNode;
     /** Color family for the icon tile + (optional) the value. Default `muted`. */
     tone?: KpiTone;
+    /** Optional trend chip (arrow + change) shown beside the value. */
+    delta?: KpiDelta;
+    /** Optional sparkline data drawn across the card bottom. */
+    trend?: number[];
     /** Optional subline below the value (e.g. `"+18 this month"`). */
     hint?: React.ReactNode;
     /** Optional trailing-edge slot for a button or link. */
@@ -1678,8 +1797,7 @@ 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 (see `.toolbar` rules in `_shared.css`,
- * lines 592-633).
+ * below visually attaches to it.
  */
 declare const DataTableToolbar: React$1.ForwardRefExoticComponent<DataTableToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
 interface DataTableSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
@@ -1699,8 +1817,7 @@ interface DataTableResultsCountProps extends Omit<React.HTMLAttributes<HTMLSpanE
     total: number;
 }
 /**
- * DataTableResultsCount — small spec-styled "12 of 247" indicator.
- * Mono + tabular per `.results-count` (`_shared.css` lines 628-633).
+ * DataTableResultsCount — small "12 of 247" indicator. Mono + tabular.
  */
 declare const DataTableResultsCount: React$1.ForwardRefExoticComponent<DataTableResultsCountProps & React$1.RefAttributes<HTMLSpanElement>>;
 /**
@@ -1749,14 +1866,12 @@ type DataTableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
 declare const DataTableCell: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
  * DataTableCellName — primary identifier of the row. Display font,
- * fg color, medium weight (matches `.cell-name` in `_shared.css`
- * line 586).
+ * fg color, medium weight.
  */
 declare const DataTableCellName: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
  * DataTableCellMono — currency / IDs / numerics. Geist Mono with
- * tabular numerals and the same tight tracking the spec uses
- * (`.cell-mono`, `_shared.css` lines 579-584).
+ * tabular numerals and tight tracking.
  */
 declare const DataTableCellMono: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
@@ -1818,13 +1933,9 @@ interface DataTablePaginationProps extends Omit<React.HTMLAttributes<HTMLElement
 declare const DataTablePagination: React$1.ForwardRefExoticComponent<DataTablePaginationProps & React$1.RefAttributes<HTMLElement>>;
 
 /**
- * Detail layout composites — port of the `.detail-grid` / `.detail-spine`
- * pattern from `_shared.css` (lines 814-822) and the canonical detail page
- * mockup (`assure-pro-spec/mockups/04-client-detail.html`).
- *
- * Two-column layout: a sticky left rail (the "spine", 320px) holding
- * identity + key facts, and a scrollable main column for tabs, sections,
- * tables, and activity feeds.
+ * Detail layout composites — two-column layout: a sticky left rail (the
+ * "spine", 320px) holding identity + key facts, and a scrollable main
+ * column for tabs, sections, tables, and activity feeds.
  */
 type DetailGridProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DetailGrid: React$1.ForwardRefExoticComponent<DetailGridProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1851,8 +1962,6 @@ declare const DetailMain: React$1.ForwardRefExoticComponent<DetailMainProps & Re
 
 /**
  * ActivityList — vertical feed of activity rows.
- * Ports `.activity-list` / `.activity-item` from `_shared.css` (lines 635-664)
- * with the simplified row API from `from-lighttaxes-claude.md` (line 71):
  *
  *   <ActivityList>
  *     <ActivityItem dot="success" actor="Anna" text="filed" target="1120S" time="2h ago" />
@@ -1872,8 +1981,6 @@ declare const ActivityItem: React$1.ForwardRefExoticComponent<ActivityItemProps
 
 /**
  * Kanban — flex container for board columns.
- * Ports `.kanban` / `.kanban-col` / `.kanban-card` from `_shared.css`
- * (lines 700-778). API per `from-lighttaxes-claude.md` line 81-84.
  */
 type KanbanProps = React.HTMLAttributes<HTMLDivElement>;
 declare const Kanban: React$1.ForwardRefExoticComponent<KanbanProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1882,17 +1989,105 @@ interface KanbanColumnProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
     count: number;
 }
 declare const KanbanColumn: React$1.ForwardRefExoticComponent<KanbanColumnProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const kanbanCardVariants: (props?: ({
-    variant?: "default" | "pro" | "danger" | "warn" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface KanbanCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof kanbanCardVariants> {
+type KanbanPriority = "high" | "medium" | "low";
+type KanbanDueStatus = "overdue" | "soon" | "default";
+interface KanbanCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Category tag, e.g. a return type ("1040", "1120S"). Rendered as an info chip. */
+    label?: string;
+    /** Task title. Providing this switches the card to the structured rich layout. */
+    title?: string;
+    /** Client / entity the task belongs to. */
+    client?: string;
+    /** Priority — drives the colored priority chip. */
+    priority?: KanbanPriority;
+    /** Preformatted due date, e.g. "Apr 15". */
+    dueDate?: string;
+    /** Urgency of `dueDate` — colors it red (overdue) or amber (soon). Default muted. */
+    dueStatus?: KanbanDueStatus;
+    /** Assignee shown as an initials avatar. */
+    assignee?: {
+        name: string;
+        src?: string | null;
+    };
 }
 declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * NotificationPanel — presentational in-app notification list (the bell
+ * dropdown body). Avatar-led: people-driven rows (mentions, messages) show
+ * the sender's avatar, system rows show a neutral type icon. Icons are
+ * neutral on purpose — colour is spent only on the unread signal.
+ *
+ * This is the visual layer only. The app owns data, realtime (SSE),
+ * pagination, and navigation, and composes these pieces:
+ *
+ *   <NotificationPanel>
+ *     <NotificationPanelHeader unreadCount={3} onMarkAllRead={...} onSettings={...} />
+ *     <NotificationFilter value={filter} onValueChange={setFilter} actions={<TypeDropdown />} />
+ *     <NotificationList>
+ *       {items.map((n) => (
+ *         <NotificationItem
+ *           key={n.id}
+ *           title={n.title}
+ *           body={n.body}
+ *           typeLabel={n.typeLabel}
+ *           client={n.client}
+ *           time={n.time}
+ *           sender={n.sender}        // omit for system rows
+ *           icon={<DocumentIcon />}  // used when there's no sender
+ *           unread={!n.isRead}
+ *           onClick={() => open(n)}
+ *         />
+ *       ))}
+ *     </NotificationList>
+ *   </NotificationPanel>
+ *
+ * Empty / loading states are the consumer's call (use `EmptyState` and
+ * `Skeleton` from the package).
+ */
+type NotificationPanelProps = React.HTMLAttributes<HTMLDivElement>;
+declare const NotificationPanel: React$1.ForwardRefExoticComponent<NotificationPanelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface NotificationPanelHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: React.ReactNode;
+    /** Unread count — drives the pill and whether "Mark all read" shows. */
+    unreadCount?: number;
+    onMarkAllRead?: () => void;
+    onSettings?: () => void;
+}
+declare const NotificationPanelHeader: React$1.ForwardRefExoticComponent<NotificationPanelHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+type NotificationFilterValue = "all" | "unread";
+interface NotificationFilterProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: NotificationFilterValue;
+    onValueChange: (value: NotificationFilterValue) => void;
+    /** Right-aligned slot, e.g. a type-filter dropdown trigger. */
+    actions?: React.ReactNode;
+}
+declare const NotificationFilter: React$1.ForwardRefExoticComponent<NotificationFilterProps & React$1.RefAttributes<HTMLDivElement>>;
+type NotificationListProps = React.HTMLAttributes<HTMLDivElement>;
+declare const NotificationList: React$1.ForwardRefExoticComponent<NotificationListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface NotificationItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title"> {
+    title: React.ReactNode;
+    body?: React.ReactNode;
+    /** Small caption, joined with `client` and `time` on the meta line. */
+    typeLabel?: React.ReactNode;
+    client?: React.ReactNode;
+    /** Preformatted relative time, e.g. "5m". */
+    time?: React.ReactNode;
+    /** People-driven rows: shows the sender avatar instead of the icon tile. */
+    sender?: {
+        name: string;
+        src?: string | null;
+    };
+    /** System rows: icon rendered inside a neutral tile. Ignored when `sender` is set. */
+    icon?: React.ReactNode;
+    unread?: boolean;
+}
+declare const NotificationItem: React$1.ForwardRefExoticComponent<NotificationItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 /**
  * Toolbar — horizontal row of controls used above lists, dashboards, etc.
- * Ports `.toolbar` from `_shared.css` (lines 591-633). FilterChip is a
- * simpler atom than `MultiFilterPill` — single filter, not multi-select.
+ * FilterChip is a simpler atom than `MultiFilterPill` — single filter,
+ * not multi-select.
  */
 type ToolbarProps = React.HTMLAttributes<HTMLDivElement>;
 declare const Toolbar: React$1.ForwardRefExoticComponent<ToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1956,4 +2151,4 @@ declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, Button, type ButtonProps, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, ChatBubbleIcon, CheckCircle2Icon, 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, 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, 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, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, KeyboardShortcutsDialog, KpiCard, 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, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, 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, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, 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, StarIcon, StarRating, type StarRatingProps, Stat, type Step, Stepper, type StepperProps, 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, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, displayToIso, filterChipVariants, inputVariants, isoToDisplay, kanbanCardVariants, labelVariants, progressBarVariants, progressRingVariants, searchInputVariants, sidebarLinkBadgeVariants, starRatingVariants, textareaVariants, useSidebarState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, 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, AtSignIcon, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, Button, type ButtonProps, 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, 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, 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, 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, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, 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, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, 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, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, 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, StarIcon, StarRating, type StarRatingProps, Stat, type Step, Stepper, type StepperProps, 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, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, displayToIso, filterChipVariants, inputVariants, isoToDisplay, labelVariants, progressBarVariants, progressRingVariants, searchInputVariants, sidebarLinkBadgeVariants, starRatingVariants, textareaVariants, useSidebarState, useToast };