@assure-one/design-system 0.4.0 → 0.5.0

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,24 +138,25 @@ 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?: ({
-    variant?: "link" | "success" | "destructive" | "secondary" | "outline" | "primary" | "ghost" | "accent" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "success" | "destructive" | "secondary" | "outline" | "primary" | "ghost" | "accent" | "dashed" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | 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). */
@@ -185,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
@@ -425,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`.
  */
@@ -464,6 +464,34 @@ interface FormSuccessProps extends React.HTMLAttributes<HTMLParagraphElement> {
  */
 declare function FormSuccess({ children, className, ...props }: FormSuccessProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * FormSection — a single grouped block inside a settings/profile form.
+ *
+ * Renders a real `<fieldset>` + `<legend>` so assistive tech announces the
+ * group, and gives consumers a consistent place to hang a title, helper
+ * description, and (optionally) an action button on the trailing edge of
+ * the heading row.
+ *
+ * Use inside a parent `<form>` — repeat one `<FormSection>` per logical
+ * group (Contact, Address, Notifications, etc.). Slot whatever fields you
+ * want into `children`; FormSection does not impose a grid.
+ *
+ * For marketing-style centered section heads, prefer `<SectionHeader>`.
+ * For lower-level title+description blocks that aren't part of a form,
+ * use `<SectionHead>` from `./section`.
+ */
+interface FormSectionProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "title"> {
+    /** The section heading (renders as `<legend>` text). */
+    title: React.ReactNode;
+    /** Optional helper text shown directly under the title. */
+    description?: React.ReactNode;
+    /** Optional trailing slot for an action button or status. */
+    action?: React.ReactNode;
+    /** Space between the heading block and the fields. Default `mt-4`. */
+    headSpacing?: string;
+}
+declare const FormSection: React$1.ForwardRefExoticComponent<FormSectionProps & React$1.RefAttributes<HTMLFieldSetElement>>;
+
 declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
 declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardPortal: React$1.FC<HoverCardPrimitive.HoverCardPortalProps>;
@@ -616,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?: ({
@@ -634,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> {
@@ -642,7 +700,7 @@ interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimit
 }
 declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
 
-type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "ghost" | "outline" | "link" | "accent";
+type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "ghost" | "outline" | "link" | "accent" | "dashed";
 type ButtonSize = "sm" | "md" | "lg";
 interface LinkButtonProps$1 extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> {
     href: string;
@@ -652,20 +710,68 @@ interface LinkButtonProps$1 extends Omit<React.AnchorHTMLAttributes<HTMLAnchorEl
     iconRight?: React.ReactNode;
     children: React.ReactNode;
     className?: string;
+    /**
+     * Render a native `<a>` instead of `next/link`. Use for:
+     *   - cross-origin URLs (e.g. https://other-app.example/sign-in)
+     *   - same-origin `/api/*` route handlers that 302-redirect off-app
+     *     (next/link tries to client-route, which doesn't follow the 302)
+     *   - mailto: / tel: schemes
+     *
+     * When `target="_blank"` is also set and no explicit `rel` was passed,
+     * `rel="noopener noreferrer"` is applied automatically.
+     */
+    external?: boolean;
 }
 /**
- * LinkButton — visually identical to `<Button>` but renders a `next/link`.
+ * LinkButton — visually identical to `<Button>` but renders a link.
  * Shares `buttonVariants` so styling stays in lock-step.
+ *
+ * - Default: renders `next/link` (client-routed internal navigation).
+ * - `external`: renders a native `<a>` so the browser handles the request
+ *   end-to-end. Required for cross-origin URLs and same-origin `/api/*`
+ *   handlers that 302 off-app.
  */
 declare const LinkButton: React$1.ForwardRefExoticComponent<LinkButtonProps$1 & React$1.RefAttributes<HTMLAnchorElement>>;
 
 /**
- * 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).
+ * LoadingRows — N repeating skeleton bars stacked vertically.
+ *
+ * Replaces the recurring `Array.from({length:N}).map((_, i) => <Skeleton/>)`
+ * snippet that surfaces in inboxes, document lists, settings tables, and
+ * any other list-shaped loading state. The primitive owns the `aria-busy`
+ * + `aria-label` semantics so each consumer doesn't reinvent them.
  *
- * Public API kept stable: `size`, `href`, `showText`, `inverted`, plus the
- * style-override hooks (`className`, `iconClassName`, `textClassName`).
+ * For richer per-row composition (avatar + two text lines, table cells,
+ * card grids) keep using `<Skeleton>` / `<SkeletonCircle>` / `<SkeletonText>`
+ * directly inside your own list renderer. `LoadingRows` is the *uniform*
+ * row case.
+ */
+interface LoadingRowsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** How many skeleton rows to render. */
+    count?: number;
+    /** Height of each row. Accepts any Tailwind height utility (`h-14`, `h-3.5`). Default `h-14`. */
+    rowHeight?: string;
+    /** Vertical gap between rows. Default `gap-2`. */
+    gap?: string;
+    /** Override the row Skeleton className (radius, width, etc). */
+    rowClassName?: string;
+    /** Accessible label announced to screen readers. */
+    label?: string;
+}
+declare const LoadingRows: React$1.ForwardRefExoticComponent<LoadingRowsProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * 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).
+ *
+ * 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: {
@@ -691,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;
@@ -754,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> {
@@ -1092,10 +1199,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;
@@ -1142,14 +1248,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> {
@@ -1214,12 +1319,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;
@@ -1427,7 +1537,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
@@ -1460,20 +1570,32 @@ type AppHeaderActionsProps = React.HTMLAttributes<HTMLDivElement>;
 declare const AppHeaderActions: React$1.ForwardRefExoticComponent<AppHeaderActionsProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * PageHeader — top-of-page title block: eyebrow → headline → meta row.
- * Ports `.page-header` rules from `_shared.css` (lines 486-498).
+ * PageHeader — top-of-page title block: eyebrow → headline + actions row → description → meta row.
+ * Absorbs the trailing-edge `actions` slot pattern that consumer files
+ * frequently reinvent via `flex items-center justify-between`.
+ *
+ * `title` is a string. If a consumer needs richer markup in the headline
+ * they should compose around PageHeader rather than via this prop.
  *
- * `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.
+ * Layout rules:
+ * - `eyebrow` sits above the title with a 6px gap.
+ * - `actions` sits to the trailing edge of the title row. On viewports
+ *   below `sm`, the actions wrap underneath; consumers can override via
+ *   className.
+ * - `description` is a fg-3 subtitle line under the title.
+ * - `meta` is the existing pills/spec/separator slot, still rendered
+ *   below the description.
  */
 interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
     /** Slot above the title — usually `<Eyebrow numeric>`. */
     eyebrow?: React.ReactNode;
     /** Page title text. */
     title: string;
-    /** Slot below the title for pills, specs, separators. */
+    /** Subtitle line under the title (e.g. one-sentence purpose statement). */
+    description?: React.ReactNode;
+    /** Trailing-edge slot for actions (Button, ButtonGroup, etc.). */
+    actions?: React.ReactNode;
+    /** Slot below the description for pills, specs, separators. */
     meta?: React.ReactNode;
 }
 declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLElement>>;
@@ -1488,6 +1610,113 @@ type PageHeaderSepProps = React.HTMLAttributes<HTMLSpanElement>;
 /** PageHeaderSep — the `·` dot separator used between meta items. */
 declare const PageHeaderSep: React$1.ForwardRefExoticComponent<PageHeaderSepProps & React$1.RefAttributes<HTMLSpanElement>>;
 
+/**
+ * MetadataGrid + DataItem — label / value pair grid.
+ *
+ * Used inside detail surfaces (Client > Overview, Engagement > Header,
+ * Invoice > Summary) where the page needs to lay out a list of facts:
+ *
+ *     EIN              12-3456789
+ *     Joined           Aug 2022
+ *     Primary contact  Liz Chen <liz@acme.test>
+ *     Tier             Annual
+ *
+ * Replaces the recurring `<div className="grid grid-cols-2 gap-x-6 gap-y-3">`
+ * + per-row `<div>label</div><div>value</div>` shape.
+ *
+ * `MetadataGrid` provides the grid; `DataItem` owns the label/value
+ * typography. Both compose: a `DataItem` can take `span={2}` to occupy
+ * a full row in a 2-column grid.
+ */
+interface MetadataGridProps extends React.HTMLAttributes<HTMLDListElement> {
+    /** Number of columns. Default 2. Use 1 for narrow surfaces (mobile cards). */
+    columns?: 1 | 2 | 3 | 4;
+    /** Horizontal gap between cells. Default `gap-x-6`. */
+    gapX?: string;
+    /** Vertical gap between rows. Default `gap-y-3`. */
+    gapY?: string;
+}
+declare const MetadataGrid: React$1.ForwardRefExoticComponent<MetadataGridProps & React$1.RefAttributes<HTMLDListElement>>;
+interface DataItemProps {
+    /** Label rendered as `<dt>`. Should be a noun phrase, sentence case. */
+    label: React.ReactNode;
+    /** Value rendered as `<dd>`. */
+    value: React.ReactNode;
+    /** Span this many grid columns. Useful for long string values inside a 2-col grid. */
+    span?: 1 | 2 | 3 | 4;
+    className?: string;
+}
+declare function DataItem({ label, value, span, className }: DataItemProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 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:
+ *
+ *     ┌──────────────────────┐
+ *     │ 🔵  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.
+ * - `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 under the value. */
+    label: React.ReactNode;
+    /** Main figure — count, currency, percentage. Renders as a 2xl bold. */
+    value: React.ReactNode;
+    /** Optional leading icon, rendered inside a colored tile. */
+    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. */
+    action?: React.ReactNode;
+    /** When `true`, the value text picks up the tone color. Default `false` (value stays fg). */
+    toneValue?: boolean;
+}
+declare const KpiCard: React$1.ForwardRefExoticComponent<KpiCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
 interface DataTableProps extends React.HTMLAttributes<HTMLDivElement> {
     /** When true, renders the table card with a flat top edge so it
      *  visually attaches to a `<DataTableToolbar>` above it. */
@@ -1511,8 +1740,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"> {
@@ -1532,8 +1760,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>>;
 /**
@@ -1582,14 +1809,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>>;
 /**
@@ -1651,13 +1876,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>>;
@@ -1684,8 +1905,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" />
@@ -1705,8 +1924,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>>;
@@ -1715,17 +1932,33 @@ 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>>;
 
 /**
  * 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>>;
@@ -1789,4 +2022,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, 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, 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, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, 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, 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 };