@assure-one/design-system 0.4.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). */
@@ -464,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>;
@@ -642,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;
@@ -652,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
@@ -1460,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>>;
@@ -1488,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. */
@@ -1789,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, 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, 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 };

package/dist/index.js

@@ -2622,12 +2622,18 @@ var buttonVariants = cva(
         ghost: "bg-transparent text-fg-2 hover:bg-bg-2 hover:text-fg",
         outline: "border border-rule-strong bg-bg text-fg-2 hover:bg-bg-2 hover:border-fg-4",
         link: "bg-transparent text-accent underline-offset-4 hover:underline p-0 h-auto",
-        accent: "bg-accent text-fg-on-accent hover:bg-accent-hover active:bg-accent-active"
+        accent: "bg-accent text-fg-on-accent hover:bg-accent-hover active:bg-accent-active",
+        dashed: "border-2 border-dashed border-rule bg-transparent text-fg-3 hover:border-fg-4 hover:bg-bg-2 hover:text-fg"
       },
       size: {
         sm: "h-8 px-3 text-sm gap-1.5",
         md: "h-10 px-4 text-sm gap-2",
         lg: "h-12 px-6 text-base gap-2",
+        // Icon-only sizes. Hit target ≥ 24px (WCAG 2.5.5 floor).
+        // `icon-xs` / `icon-sm` are for dense in-row action stacks where
+        // `size="icon"` (40×40) would visually crowd the row.
+        "icon-xs": "size-6 [&_svg]:size-3.5",
+        "icon-sm": "size-7 [&_svg]:size-4",
         icon: "size-10"
       }
     },
@@ -4276,6 +4282,19 @@ function FormSuccess({ children, className, ...props }) {
     }
   );
 }
+var FormSection = forwardRef(function FormSection2({ title, description, action, headSpacing = "mt-4", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("fieldset", { ref, className: cn("min-w-0", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("legend", { className: "text-fg text-sm font-semibold", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-xs leading-relaxed", children: description })
+      ] }),
+      action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: headSpacing, children })
+  ] });
+});
+FormSection.displayName = "FormSection";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardPortal = HoverCardPrimitive.Portal;
@@ -4506,23 +4525,106 @@ var Label4 = React36.forwardRef(
   }
 );
 Label4.displayName = LabelPrimitive.Root.displayName;
-var LinkButton = forwardRef(function LinkButton2({ href, variant = "primary", size = "md", iconLeft, iconRight, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
-    Link,
+var LinkButton = forwardRef(function LinkButton2({
+  href,
+  variant = "primary",
+  size = "md",
+  iconLeft,
+  iconRight,
+  children,
+  className,
+  external,
+  target,
+  rel,
+  ...props
+}, ref) {
+  const classes = cn(buttonVariants({ variant, size }), className);
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    iconLeft && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconLeft }),
+    children,
+    iconRight && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconRight })
+  ] });
+  if (external) {
+    const safeRel = rel ?? (target === "_blank" ? "noopener noreferrer" : void 0);
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href,
+        className: classes,
+        target,
+        rel: safeRel,
+        ...props,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Link, { ref, href, className: classes, target, rel, ...props, children: content });
+});
+LinkButton.displayName = "LinkButton";
+var Skeleton = forwardRef(function Skeleton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
     {
       ref,
-      href,
-      className: cn(buttonVariants({ variant, size }), className),
+      className: cn("skeleton bg-bg-3 rounded-icon animate-pulse", className),
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+});
+Skeleton.displayName = "Skeleton";
+var SkeletonText = forwardRef(function SkeletonText2({ lines = 3, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), "aria-hidden": "true", ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "skeleton bg-bg-3 rounded-icon h-4 animate-pulse",
+        i === lines - 1 && "w-3/4"
+      )
+    },
+    i
+  )) });
+});
+SkeletonText.displayName = "SkeletonText";
+var SkeletonCircle = forwardRef(
+  function SkeletonCircle2({ size = 40, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("skeleton bg-bg-3 animate-pulse rounded-full", className),
+        style: { width: size, height: size },
+        "aria-hidden": "true",
+        ...props
+      }
+    );
+  }
+);
+SkeletonCircle.displayName = "SkeletonCircle";
+var LoadingRows = forwardRef(function LoadingRows2({
+  count = 3,
+  rowHeight = "h-14",
+  gap = "gap-2",
+  rowClassName,
+  label = "Loading",
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": label,
+      className: cn("flex flex-col", gap, className),
       ...props,
-      children: [
-        iconLeft && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconLeft }),
-        children,
-        iconRight && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconRight })
-      ]
+      children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: cn(rowHeight, "w-full", rowClassName) }, i))
     }
   );
 });
-LinkButton.displayName = "LinkButton";
+LoadingRows.displayName = "LoadingRows";
 var sizeStyles = {
   sm: { icon: 20, text: "text-sm", gap: "gap-2" },
   md: { icon: 24, text: "text-[17px]", gap: "gap-2.5" },
@@ -5829,46 +5931,6 @@ function SideDrawerFooter({ children, className }) {
 SideDrawer.Header = SideDrawerHeader;
 SideDrawer.Body = SideDrawerBody;
 SideDrawer.Footer = SideDrawerFooter;
-var Skeleton = forwardRef(function Skeleton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn("skeleton bg-bg-3 rounded-icon animate-pulse", className),
-      "aria-hidden": "true",
-      ...props
-    }
-  );
-});
-Skeleton.displayName = "Skeleton";
-var SkeletonText = forwardRef(function SkeletonText2({ lines = 3, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), "aria-hidden": "true", ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "skeleton bg-bg-3 rounded-icon h-4 animate-pulse",
-        i === lines - 1 && "w-3/4"
-      )
-    },
-    i
-  )) });
-});
-SkeletonText.displayName = "SkeletonText";
-var SkeletonCircle = forwardRef(
-  function SkeletonCircle2({ size = 40, className, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("skeleton bg-bg-3 animate-pulse rounded-full", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true",
-        ...props
-      }
-    );
-  }
-);
-SkeletonCircle.displayName = "SkeletonCircle";
 var Slider = React36.forwardRef(
   function Slider2({
     className,
@@ -6774,11 +6836,9 @@ function SidebarProvider({
   storageKey,
   shortcut = DEFAULT_SHORTCUT
 }) {
-  const [uncontrolled, setUncontrolled] = React36.useState(() => {
-    if (controlled !== void 0) return controlled;
-    const stored = readStorage(storageKey);
-    return stored ?? defaultState;
-  });
+  const [uncontrolled, setUncontrolled] = React36.useState(
+    controlled ?? defaultState
+  );
   React36.useEffect(() => {
     if (controlled !== void 0) return;
     const stored = readStorage(storageKey);
@@ -6890,7 +6950,6 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
         "data-peek": peek ? "true" : void 0,
         "data-labels": labelsHidden ? "hide" : "show",
         "data-collapsible": collapsible ? "true" : void 0,
-        suppressHydrationWarning: true,
         onMouseEnter: handleEnter,
         onMouseLeave: handleLeave,
         style: { width: effectiveWidth, ...style },
@@ -7424,11 +7483,15 @@ var AppHeaderActions = forwardRef(
   }
 );
 AppHeaderActions.displayName = "AppHeaderActions";
-var PageHeader = forwardRef(function PageHeader2({ eyebrow, title, meta, className, ...props }, ref) {
+var PageHeader = forwardRef(function PageHeader2({ eyebrow, title, description, actions, meta, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs("header", { ref, className: cn("mb-7", className), ...props, children: [
     eyebrow && /* @__PURE__ */ jsx("div", { className: "mb-1.5", children: eyebrow }),
-    /* @__PURE__ */ jsx("h1", { className: "font-display text-fg text-[26px] leading-tight tracking-tight", children: title }),
-    meta && /* @__PURE__ */ jsx("div", { className: "text-fg-3 mt-2 flex items-center gap-2 text-sm", children: meta })
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h1", { className: "font-display text-fg text-[26px] leading-tight tracking-tight", children: title }),
+      actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+    ] }),
+    description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-2 max-w-2xl text-sm leading-relaxed", children: description }),
+    meta && /* @__PURE__ */ jsx("div", { className: "text-fg-3 mt-2 flex flex-wrap items-center gap-2 text-sm", children: meta })
   ] });
 });
 PageHeader.displayName = "PageHeader";
@@ -7460,6 +7523,83 @@ var PageHeaderSep = forwardRef(function PageHeaderSep2({ children, className, ..
   );
 });
 PageHeaderSep.displayName = "PageHeaderSep";
+var columnsToGridCols = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4"
+};
+var MetadataGrid = forwardRef(function MetadataGrid2({ columns = 2, gapX = "gap-x-6", gapY = "gap-y-3", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      ref,
+      className: cn("grid", columnsToGridCols[columns], gapX, gapY, className),
+      ...props,
+      children
+    }
+  );
+});
+MetadataGrid.displayName = "MetadataGrid";
+var spanToColSpan = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4"
+};
+function DataItem({ label, value, span = 1, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0", spanToColSpan[span], className), children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-fg-4 text-[11px] font-medium uppercase tracking-wider", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "text-fg mt-0.5 break-words text-sm", children: value })
+  ] });
+}
+var toneToTile = {
+  info: "bg-info/10 text-info",
+  success: "bg-success-fg/10 text-success-fg",
+  warning: "bg-warning-fg/10 text-warning-fg",
+  destructive: "bg-danger-fg/10 text-danger-fg",
+  accent: "bg-accent/10 text-accent",
+  muted: "bg-bg-3 text-fg-3"
+};
+var toneToValue = {
+  info: "text-info",
+  success: "text-success-fg",
+  warning: "text-warning-fg",
+  destructive: "text-danger-fg",
+  accent: "text-accent",
+  muted: "text-fg"
+};
+var KpiCard = forwardRef(function KpiCard2({ label, value, icon, tone = "muted", hint, action, toneValue, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Card, { ref, className: cn("p-4", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    icon && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg]:size-5",
+          toneToTile[tone]
+        ),
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "text-2xl font-bold tracking-tight tabular-nums",
+            toneValue ? toneToValue[tone] : "text-fg"
+          ),
+          children: value
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: label }),
+      hint && /* @__PURE__ */ jsx("p", { className: "text-fg-4 mt-0.5 text-[11px]", children: hint })
+    ] }),
+    action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+  ] }) });
+});
+KpiCard.displayName = "KpiCard";
 var DataTable = forwardRef(function DataTable2({ withToolbar, className, children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -8059,6 +8199,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, 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, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, displayToIso, filterChipVariants, inputVariants, isoToDisplay, kanbanCardVariants, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, 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, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, displayToIso, filterChipVariants, inputVariants, isoToDisplay, kanbanCardVariants, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarState, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map