@assure-one/design-system 0.3.0 → 0.4.1

package/dist/index.d.ts

@@ -149,13 +149,14 @@ declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<BreadcrumbS
  *   - outline    → bordered surface (matches `.btn-ghost` from spec)
  *   - link       → text-accent (cyan) with underline-on-hover
  *   - accent     → bg-accent (cyan CTA per spec §6.2)
+ *   - dashed     → full-bleed "+ Add another" CTA, transparent fill + dashed border
  *
  * Sizes match shadcn convention; default `md` matches spec's 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). */
@@ -386,6 +387,15 @@ declare const DialogFooter: {
 declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
+declare const chipVariants: (props?: ({
+    variant?: "primary" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DismissibleChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "children">, VariantProps<typeof chipVariants> {
+    label: React$1.ReactNode;
+    onDismiss: () => void;
+}
+declare const DismissibleChip: React$1.ForwardRefExoticComponent<DismissibleChipProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -455,6 +465,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>;
@@ -600,6 +638,13 @@ declare function GoogleBrandIcon({ size, ...props }: IconProps): react_jsx_runti
  * with 2u gaps).
  */
 declare function MicrosoftBrandIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+/**
+ * FilterIcon — funnel mark used for filter popover triggers across list
+ * pages (clients, workflow, billing, organizers…). Renders the same
+ * lucide-style polygon at any size; pair with a corner notification dot
+ * to surface active filter count.
+ */
+declare function FilterIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Input variants. Mirrors the raw HTML `<input>` styled per Assure Pro tokens
@@ -626,7 +671,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;
@@ -636,13 +681,56 @@ 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>>;
 
+/**
+ * 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.
+ *
+ * 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 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
@@ -1273,51 +1361,138 @@ interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Content: React$1.ForwardRefExoticComponent<ContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-type SidebarProps = React.HTMLAttributes<HTMLElement>;
+type SidebarState = "expanded" | "rail";
+interface SidebarContextValue {
+    state: SidebarState;
+    setState: (next: SidebarState) => void;
+    toggle: () => void;
+    collapsible: boolean;
+}
+declare function useSidebarState(): SidebarContextValue;
+interface SidebarProviderProps {
+    children?: React$1.ReactNode;
+    state?: SidebarState;
+    defaultState?: SidebarState;
+    onStateChange?: (next: SidebarState) => void;
+    /** Persist the user's intent across reloads under this localStorage key. */
+    storageKey?: string;
+    /** Global toggle shortcut. Pass `null` to disable. Defaults to `Mod+\`. */
+    shortcut?: string | null;
+}
+declare function SidebarProvider({ children, state: controlled, defaultState, onStateChange, storageKey, shortcut, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace SidebarProvider {
+    var displayName: string;
+}
+interface SidebarProps extends React$1.HTMLAttributes<HTMLElement> {
+    /**
+     * Opt into the rail / hover-peek behavior. When false (default), the
+     * sidebar always renders expanded — the legacy behavior. When true,
+     * the sidebar reads pinned state from <SidebarProvider>; if no
+     * provider is mounted it still renders expanded, so dropping
+     * `collapsible` alone is a no-op.
+     */
+    collapsible?: boolean;
+}
 declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLElement>>;
-type SidebarBrandProps = React.HTMLAttributes<HTMLDivElement>;
+interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    expandLabel?: string;
+    collapseLabel?: string;
+}
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<SidebarTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type SidebarBrandProps = React$1.HTMLAttributes<HTMLDivElement>;
 declare const SidebarBrand: React$1.ForwardRefExoticComponent<SidebarBrandProps & React$1.RefAttributes<HTMLDivElement>>;
-interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: React.ReactNode;
+/**
+ * Text portion of the brand row. Hides itself when the sidebar
+ * collapses to a rail. Use to wrap product names / wordmarks so the
+ * logo glyph alone remains visible at 64px.
+ */
+type SidebarBrandTextProps = React$1.HTMLAttributes<HTMLSpanElement>;
+declare const SidebarBrandText: React$1.ForwardRefExoticComponent<SidebarBrandTextProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface SidebarSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    label?: React$1.ReactNode;
     /**
      * Label color tone. Encodes the *meaning* of the section's
      * priority in the scan path:
-     *   - `"pro"` (default) — Pro-purple, for primary day-to-day work
-     *     (numbered sections like "01 — Today", "02 — Work").
+     *   - `"pro"` (default) — Pro-purple, for primary day-to-day work.
      *   - `"muted"` — `text-fg-3`, for system-level or settings groups
-     *     ("— Admin") that should sit lower in the visual hierarchy.
+     *     that should sit lower in the visual hierarchy.
      *
      * Mirrors the `tone` API on `<SidebarLinkBadge>`.
      */
     tone?: "pro" | "muted";
 }
 declare const SidebarSection: React$1.ForwardRefExoticComponent<SidebarSectionProps & React$1.RefAttributes<HTMLDivElement>>;
-interface SidebarLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+interface SidebarLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Required when rendered as `<a>`; ignored when `asChild` is true. */
     href?: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     active?: boolean;
     /**
      * Render via Radix `<Slot>` so the consumer can wrap a router-aware
-     * component (e.g. Next.js `<Link>`, React Router `<NavLink>`) that owns
-     * `href` and prefetch behavior. Without this, sidebar clicks bypass
-     * client-side routing and trigger full page loads.
+     * component (e.g. Next.js `<Link>`, React Router `<NavLink>`) that
+     * owns `href` and prefetch behavior. Without this, sidebar clicks
+     * bypass client-side routing and trigger full page loads.
      */
     asChild?: boolean;
 }
 declare const SidebarLink: React$1.ForwardRefExoticComponent<SidebarLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Label slot for `<SidebarLink asChild>` consumers.
+ *
+ * The default (non-`asChild`) `SidebarLink` already hides its label in rail
+ * mode. When consumers opt into `asChild` to wrap a router-aware element,
+ * the design system can't reach inside to apply that rule — so consumers
+ * compose this atom around their label text. Removes the leaky requirement
+ * that every consumer re-stamp `group-data-[labels=hide]/sidebar:hidden`
+ * on their inner spans.
+ */
+type SidebarLinkLabelProps = React$1.HTMLAttributes<HTMLSpanElement>;
+declare const SidebarLinkLabel: React$1.ForwardRefExoticComponent<SidebarLinkLabelProps & React$1.RefAttributes<HTMLSpanElement>>;
+/**
+ * Optional trailing action inside a `<SidebarLink asChild>` (e.g. an
+ * expand/collapse chevron for a nested section). Hides in rail because the
+ * action is not meaningful when labels themselves are hidden.
+ */
+type SidebarLinkActionProps = React$1.HTMLAttributes<HTMLSpanElement>;
+declare const SidebarLinkAction: React$1.ForwardRefExoticComponent<SidebarLinkActionProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const sidebarLinkBadgeVariants: (props?: ({
-    tone?: "warning" | "default" | "danger" | "neutral" | null | undefined;
+    tone?: "warning" | "default" | "neutral" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SidebarLinkBadgeVariants = VariantProps<typeof sidebarLinkBadgeVariants>;
-interface SidebarLinkBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, SidebarLinkBadgeVariants {
+interface SidebarLinkBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, SidebarLinkBadgeVariants {
 }
 declare const SidebarLinkBadge: React$1.ForwardRefExoticComponent<SidebarLinkBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
-type SidebarFooterProps = React.HTMLAttributes<HTMLDivElement>;
+interface SidebarLinkGroupProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * Stable id used for exclusive-mode coordination. Defaults to a
+     * generated React id, which is stable across renders within a
+     * single tree.
+     */
+    id?: string;
+    icon?: React$1.ReactNode;
+    label: React$1.ReactNode;
+    /** Body href — the body row renders as `<a href>`. */
+    href?: string;
+    /** Highlights the body row. Independent of the open state. */
+    active?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Called when the body row is clicked, before the open state is
+     * updated and before the section's exclusive lock is claimed. Call
+     * `e.preventDefault()` to opt out of both. Use for navigation that
+     * needs to run *before* the accordion behavior (rare).
+     */
+    onActivate?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
+    children?: React$1.ReactNode;
+}
+declare const SidebarLinkGroup: React$1.ForwardRefExoticComponent<SidebarLinkGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+type SidebarFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
 declare const SidebarFooter: React$1.ForwardRefExoticComponent<SidebarFooterProps & React$1.RefAttributes<HTMLDivElement>>;
-interface SidebarUserProps extends React.HTMLAttributes<HTMLDivElement> {
+interface SidebarUserProps extends React$1.HTMLAttributes<HTMLDivElement> {
     name: string;
-    subtitle?: React.ReactNode;
+    subtitle?: React$1.ReactNode;
     avatarSrc?: string | null;
 }
 declare const SidebarUser: React$1.ForwardRefExoticComponent<SidebarUserProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1357,20 +1532,35 @@ 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.
+ * 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`.
  *
  * `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>>;
@@ -1385,6 +1575,86 @@ 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 + optional hint.
+ *
+ * Replaces the three different KPI / stat-card shapes that recur across
+ * the dashboard, billing, and attention-queue surfaces:
+ *
+ *     ┌──────────────┐
+ *     │ 🔵  247      │
+ *     │     Clients  │
+ *     └──────────────┘
+ *
+ * - `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").
+ * - `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";
+interface KpiCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Small caption above (or below, depending on layout) 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 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. */
@@ -1686,4 +1956,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, 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, 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, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, type SidebarLinkProps, type SidebarProps, SidebarSection, type SidebarSectionProps, 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, 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, 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 };