@conscia-labs/design-system 1.0.2 → 1.1.2

package/dist/foundation.css

@@ -133,10 +133,21 @@
   --neutral-background: #f3f4f5;
   --neutral-border: #d9dadd;
   --neutral-foreground: #373b4a;
+  --chart-series-1: var(--action);
+  --chart-series-2: var(--information);
+  --chart-series-3: var(--success);
+  --chart-series-4: var(--warning);
+  --chart-series-5: var(--danger);
+  --chart-grid: var(--border-subtle);
+  --chart-axis: var(--text-muted);
+  --chart-annotation: var(--action-background);
+  --trend-positive: var(--success);
+  --trend-negative: var(--danger);
+  --trend-neutral: var(--text-supporting);
   --sidebar-canvas: #19141a;
   --sidebar-header: #19141a;
   --sidebar-content: #19141a;
-  --sidebar-hover: rgb(255 255 255 / 7%);
+  --sidebar-hover: rgb(255 255 255 / 5%);
   --sidebar-active-background: rgb(255 255 255 / 9%);
   --sidebar-active-foreground: #ffffff;
   --sidebar-active-indicator: #7f8ae8;
@@ -392,10 +403,21 @@
   --neutral-background: #282b31;
   --neutral-border: rgb(255 255 255 / 12%);
   --neutral-foreground: #e5e8ed;
+  --chart-series-1: var(--brand);
+  --chart-series-2: var(--information);
+  --chart-series-3: var(--success);
+  --chart-series-4: var(--warning);
+  --chart-series-5: var(--danger);
+  --chart-grid: var(--border-subtle);
+  --chart-axis: var(--text-muted);
+  --chart-annotation: var(--action-background);
+  --trend-positive: var(--success);
+  --trend-negative: var(--danger);
+  --trend-neutral: var(--text-supporting);
   --sidebar-canvas: #151116;
   --sidebar-header: #151116;
   --sidebar-content: #151116;
-  --sidebar-hover: rgb(255 255 255 / 7%);
+  --sidebar-hover: rgb(255 255 255 / 5%);
   --sidebar-active-background: rgb(255 255 255 / 9%);
   --sidebar-active-foreground: #ffffff;
   --sidebar-active-indicator: #7c86df;
@@ -496,6 +518,17 @@
   --color-neutral-background: var(--neutral-background);
   --color-neutral-border: var(--neutral-border);
   --color-neutral-foreground: var(--neutral-foreground);
+  --color-chart-series-1: var(--chart-series-1);
+  --color-chart-series-2: var(--chart-series-2);
+  --color-chart-series-3: var(--chart-series-3);
+  --color-chart-series-4: var(--chart-series-4);
+  --color-chart-series-5: var(--chart-series-5);
+  --color-chart-grid: var(--chart-grid);
+  --color-chart-axis: var(--chart-axis);
+  --color-chart-annotation: var(--chart-annotation);
+  --color-trend-positive: var(--trend-positive);
+  --color-trend-negative: var(--trend-negative);
+  --color-trend-neutral: var(--trend-neutral);
   --color-control-border: var(--control-border);
   --color-focus: var(--focus);
   --color-border-subtle: var(--border-subtle);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { ConsciaAppearance, ConsciaDensity, appearanceOptions, applyConsciaPreferences, densityOptions } from './foundation/index.js';
-export { ActivityItem, ActivityItemProps, ActivityList, AppShell, AppSidebar, AppSidebarContent, AppSidebarFooter, AppSidebarHeader, AppearanceControl, CodeBlock, CodeBlockProps, CodeBlockSnippet, CommandPalette, CommandPaletteItem, CommandPaletteProps, ConfirmationDialog, ConfirmationDialogProps, DataTable, DataTableColumn, DataTableProps, DensityControl, DesignPreferenceControls, DesignSystemPreferenceSync, DetailBackLink, DetailBackLinkProps, DetailSection, DetailSectionProps, DetailSections, EntityTable, EntityTableColumn, EntityTableProps, ErrorState, FilterBar, FilterBarProps, IdentityRow, IdentityRowProps, InspectorRegion, InventoryDesktop, InventoryMobile, InventorySurface, KeyValueItem, KeyValueList, LoadingRows, MainRegion, MetricBand, MetricBandItem, MetricBandItemProps, MetricBandProps, NavigationGroup, NavigationItem, NavigationItemProps, NavigationSubItem, NavigationSubItemProps, NavigationSubList, PageBoundary, PageContent, PageFrame, PageHeader, PageHeaderProps, PageToolbar, PageToolbarProps, PaginationControls, PaginationControlsProps, ProductIdentity, ProviderMark, ProviderMarkProps, ResourceRow, ResourceRowContent, ResourceRowDescription, ResourceRowIcon, ResourceRowMeta, ResourceRowProps, ResourceRowTitle, ResourceSummary, ResourceSummaryProps, SidebarNavigation, SidebarNavigationEntry, SidebarNavigationItem, SidebarNavigationLinkProps, SidebarNavigationSection, SidebarSearch, SidebarSeparator, SidebarTrigger, StateView, StateViewProps, TopBar, ValueMeter, ValueMeterProps, WorkbenchBackdrop, WorkbenchInspector, WorkbenchInspectorSection, WorkbenchInspectorSectionProps, WorkbenchMain, WorkbenchMobileToolbar, WorkbenchRail, WorkbenchRailProps, WorkbenchSection, WorkbenchSectionHeader, WorkbenchSectionHeaderProps, WorkbenchSectionProps, WorkbenchShell, WorkbenchShellProps, useAppShell, useConsciaPreferences } from './patterns/index.js';
+export { ActivityItem, ActivityItemProps, ActivityList, AppHeader, AppHeaderActions, AppHeaderSearch, AppHeaderSearchProps, AppHeaderStart, AppShell, AppShellProps, AppSidebar, AppSidebarContent, AppSidebarFooter, AppSidebarHeader, AppearanceControl, AttentionItem, AttentionItemProps, AttentionList, AttentionTone, CodeBlock, CodeBlockProps, CodeBlockSnippet, CommandPalette, CommandPaletteItem, CommandPaletteProps, ConfirmationDialog, ConfirmationDialogProps, DataPanel, DataPanelContent, DataPanelContentProps, DataPanelFooter, DataPanelHeader, DataPanelHeaderProps, DataTable, DataTableColumn, DataTableProps, DensityControl, DesignPreferenceControls, DesignSystemPreferenceSync, DetailBackLink, DetailBackLinkProps, DetailSection, DetailSectionProps, DetailSections, EntityTable, EntityTableColumn, EntityTableProps, ErrorState, FilterBar, FilterBarProps, IdentityRow, IdentityRowProps, InspectorRegion, InventoryDesktop, InventoryMobile, InventorySurface, KeyValueItem, KeyValueList, LoadingRows, MainRegion, MetricBand, MetricBandItem, MetricBandItemProps, MetricBandProps, MetricCard, MetricCardProps, MetricTrend, MetricTrendProps, NavigationGroup, NavigationItem, NavigationItemProps, NavigationSubItem, NavigationSubItemProps, NavigationSubList, PageBoundary, PageContent, PageFrame, PageHeader, PageHeaderProps, PageToolbar, PageToolbarProps, PaginationControls, PaginationControlsProps, ProductIdentity, ProviderMark, ProviderMarkProps, ResourceRow, ResourceRowContent, ResourceRowDescription, ResourceRowIcon, ResourceRowMeta, ResourceRowProps, ResourceRowTitle, ResourceSummary, ResourceSummaryProps, SidebarNavigation, SidebarNavigationEntry, SidebarNavigationGroup, SidebarNavigationItem, SidebarNavigationLinkProps, SidebarNavigationProps, SidebarNavigationSection, SidebarNavigationSubmenu, SidebarSearch, SidebarSeparator, SidebarTrigger, StateView, StateViewProps, TopBar, ValueMeter, ValueMeterProps, WorkbenchBackdrop, WorkbenchInspector, WorkbenchInspectorSection, WorkbenchInspectorSectionProps, WorkbenchMain, WorkbenchMobileToolbar, WorkbenchRail, WorkbenchRailProps, WorkbenchSection, WorkbenchSectionHeader, WorkbenchSectionHeaderProps, WorkbenchSectionProps, WorkbenchShell, WorkbenchShellProps, useAppShell, useConsciaPreferences } from './patterns/index.js';
 export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, AvatarGroupProps, AvatarImage, Badge, BrandIcon, BrandIconProps, BrandWordmark, BrandWordmarkProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ConsciaButton, ConsciaCard, ConsciaCardContent, ConsciaCardDescription, ConsciaCardFooter, ConsciaCardHeader, ConsciaCardTitle, ConsciaCheckbox, ConsciaFormSelect, ConsciaIconButton, ConsciaInput, ConsciaSelect, ConsciaSelectContent, ConsciaSelectGroup, ConsciaSelectItem, ConsciaSelectTrigger, ConsciaSelectValue, ConsciaSwitch, ConsciaTable, ConsciaTableBody, ConsciaTableCell, ConsciaTableHead, ConsciaTableHeader, ConsciaTableRow, ConsciaTextarea, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterChip, FilterChipProps, FormSelect, FormSelectOption, FormSelectProps, Label, LabeledSwitch, LabeledSwitchProps, LoadingButton, LoadingButtonProps, NavigationTab, NavigationTabs, NavigationTabsList, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, SearchableSelect, SearchableSelectOption, SearchableSelectProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutHint, ShortcutHintProps, Skeleton, Spinner, SpinnerProps, Switch, SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsSize, TabsTrigger, TabsVariant, Textarea, Toast, ToastAction, ToastActionOptions, ToastClose, ToastContent, ToastDescription, ToastOptions, ToastPriority, ToastPromiseOptions, ToastProvider, ToastProviderProps, ToastRecord, ToastTitle, ToastUpdateOptions, ToastVariant, ToastViewport, ToastViewportProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, useToast } from './primitives/index.js';
 export { B as Button, a as ButtonProps, C as Card, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardHeaderProps, g as CardProps, h as CardTitle, I as IconButton, i as IconButtonProps, j as Input, S as Separator, k as SeparatorProps, l as buttonVariants, m as cardVariants } from './card-DmBKqvj_.js';
 export { cn } from './utils/index.js';

package/dist/index.js

@@ -3,15 +3,25 @@ import "./chunk-OX4SN5WX.js";
 import {
   ActivityItem,
   ActivityList,
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderSearch,
+  AppHeaderStart,
   AppShell,
   AppSidebar,
   AppSidebarContent,
   AppSidebarFooter,
   AppSidebarHeader,
   AppearanceControl,
+  AttentionItem,
+  AttentionList,
   CodeBlock,
   CommandPalette,
   ConfirmationDialog,
+  DataPanel,
+  DataPanelContent,
+  DataPanelFooter,
+  DataPanelHeader,
   DataTable,
   DensityControl,
   DesignPreferenceControls,
@@ -33,6 +43,8 @@ import {
   MainRegion,
   MetricBand,
   MetricBandItem,
+  MetricCard,
+  MetricTrend,
   NavigationGroup,
   NavigationItem,
   NavigationSubItem,
@@ -70,7 +82,7 @@ import {
   WorkbenchShell,
   useAppShell,
   useConsciaPreferences
-} from "./chunk-WEI3PU4A.js";
+} from "./chunk-OYJH5CVD.js";
 import {
   appearanceOptions,
   applyConsciaPreferences,
@@ -146,7 +158,7 @@ import {
   alertVariants,
   badgeVariants,
   useToast
-} from "./chunk-H5ORBU5O.js";
+} from "./chunk-SIRISAFC.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -241,7 +253,7 @@ import {
   TooltipTrigger,
   buttonVariants,
   cardVariants
-} from "./chunk-YAJUTCGD.js";
+} from "./chunk-HWUUODVE.js";
 import {
   cn
 } from "./chunk-JU5DQXFC.js";
@@ -265,12 +277,18 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderSearch,
+  AppHeaderStart,
   AppShell,
   AppSidebar,
   AppSidebarContent,
   AppSidebarFooter,
   AppSidebarHeader,
   AppearanceControl,
+  AttentionItem,
+  AttentionList,
   Avatar,
   AvatarFallback,
   AvatarGroup,
@@ -317,6 +335,10 @@ export {
   ConsciaTableHeader,
   ConsciaTableRow,
   ConsciaTextarea,
+  DataPanel,
+  DataPanelContent,
+  DataPanelFooter,
+  DataPanelHeader,
   DataTable,
   DensityControl,
   DesignPreferenceControls,
@@ -372,6 +394,8 @@ export {
   MainRegion,
   MetricBand,
   MetricBandItem,
+  MetricCard,
+  MetricTrend,
   NavigationGroup,
   NavigationItem,
   NavigationSubItem,

package/dist/patterns/index.d.ts

@@ -52,6 +52,20 @@ type CommandPaletteProps = Omit<React.ComponentProps<"div">, "children" | "onSel
 };
 declare function CommandPalette({ className, closeOnSelect, defaultOpen, description, emptyMessage, items, onOpenChange, onSelect, open, placeholder, title, trigger, ...props }: CommandPaletteProps): React.JSX.Element;
 
+declare function DataPanel({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
+type DataPanelHeaderProps = React.ComponentProps<"header"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function DataPanelHeader({ title, description, status, actions, className, ...props }: DataPanelHeaderProps): React.JSX.Element;
+type DataPanelContentProps = React.ComponentProps<"div"> & {
+    padded?: boolean;
+};
+declare function DataPanelContent({ padded, className, ...props }: DataPanelContentProps): React.JSX.Element;
+declare function DataPanelFooter({ className, ...props }: React.ComponentProps<"footer">): React.JSX.Element;
+
 type DataTableColumn<TData> = {
     id: string;
     header: React.ReactNode;
@@ -109,10 +123,12 @@ type AppShellContextValue = {
     isMobile: boolean;
     toggleSidebar: () => void;
 };
-declare function useAppShell(): AppShellContextValue;
-declare function AppShell({ defaultSidebarOpen, children, className, style, ...props }: React.ComponentProps<"div"> & {
+type AppShellProps = React.ComponentProps<"div"> & {
     defaultSidebarOpen?: boolean;
-}): React.JSX.Element;
+    headerLayout?: "split" | "integrated";
+};
+declare function useAppShell(): AppShellContextValue;
+declare function AppShell({ defaultSidebarOpen, headerLayout, children, className, style, ...props }: AppShellProps): React.JSX.Element;
 declare function AppSidebar({ side, variant, className, children, title, description, ...props }: React.ComponentProps<"aside"> & {
     side?: "left" | "right";
     /** Use the appearance-aware sidebar by default; explicit variants remain available. */
@@ -150,7 +166,7 @@ type NavigationSubItemProps = Omit<React.ComponentProps<"a">, "render"> & {
 declare const NavigationSubItem: React.ForwardRefExoticComponent<Omit<NavigationSubItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
 declare function NavigationSubList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 /**
- * Place this control inside TopBar, not AppSidebar, so it remains available
+ * Place this control inside AppHeader or TopBar, not AppSidebar, so it remains available
  * after the sidebar collapses and in the mobile drawer layout.
  */
 declare function SidebarTrigger({ className, "aria-label": ariaLabel, onClick, ...props }: Omit<React.ComponentProps<typeof Button>, "aria-labelledby">): React.JSX.Element;
@@ -168,6 +184,13 @@ type SidebarSearchProps = Omit<React.ComponentProps<typeof Input>, "type"> & {
  */
 declare function SidebarSearch({ expanded: expandedProp, defaultExpanded, onExpandedChange, triggerLabel, shortcut, className, onKeyDown, ...props }: SidebarSearchProps): React.JSX.Element;
 declare function MainRegion({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AppHeader({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
+declare function AppHeaderStart({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type AppHeaderSearchProps = React.ComponentProps<"div"> & {
+    mobileTrigger: React.ReactNode;
+};
+declare function AppHeaderSearch({ mobileTrigger, children, className, ...props }: AppHeaderSearchProps): React.JSX.Element;
+declare function AppHeaderActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function TopBar({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
 declare function PageFrame({ width, className, ...props }: React.ComponentProps<"main"> & {
     width?: "full" | "wide" | "focused" | "reading";
@@ -178,13 +201,29 @@ declare function InspectorRegion({ className, ...props }: React.ComponentProps<"
 
 declare function ActivityList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 type ActivityItemProps = React.ComponentProps<"div"> & {
+    leading?: React.ReactNode;
     icon?: React.ReactNode;
     title: React.ReactNode;
     description?: React.ReactNode;
     metadata?: React.ReactNode;
+    trailing?: React.ReactNode;
     status?: React.ReactNode;
+    layout?: "standard" | "compact";
+};
+declare function ActivityItem({ leading, icon, title, description, metadata, trailing, status, layout, className, ...props }: ActivityItemProps): React.JSX.Element;
+
+type AttentionTone = "neutral" | "information" | "success" | "warning" | "danger";
+declare function AttentionList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+type AttentionItemProps = Omit<React.ComponentProps<"li">, "title"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    metadata?: React.ReactNode;
+    action?: React.ReactNode;
+    tone?: AttentionTone;
+    severityLabel?: string;
+    icon?: React.ReactNode;
 };
-declare function ActivityItem({ icon, title, description, metadata, status, className, ...props }: ActivityItemProps): React.JSX.Element;
+declare function AttentionItem({ title, description, metadata, action, tone, severityLabel, icon, className, ...props }: AttentionItemProps): React.JSX.Element;
 
 type ConfirmationDialogProps = {
     trigger: React.ReactNode;
@@ -230,6 +269,32 @@ type MetricBandItemProps = React.ComponentProps<"div"> & {
 };
 declare function MetricBandItem({ label, value, detail, icon, iconClassName, loading, className, ...props }: MetricBandItemProps): React.JSX.Element;
 
+type MetricTrendProps = React.ComponentProps<"span"> & {
+    direction: "up" | "down" | "flat";
+    sentiment?: "positive" | "negative" | "neutral";
+    value: React.ReactNode;
+    accessibleLabel: string;
+};
+declare function MetricTrend({ direction, sentiment, value, accessibleLabel, className, ...props }: MetricTrendProps): React.JSX.Element;
+type MetricCardBaseProps = React.ComponentProps<"section"> & {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    value?: React.ReactNode;
+    unit?: React.ReactNode;
+    trend?: React.ReactNode;
+    status?: React.ReactNode;
+    emphasis?: "primary" | "supporting";
+    loading?: boolean;
+};
+type MetricCardProps = MetricCardBaseProps & ({
+    visualization?: undefined;
+    visualizationSummary?: never;
+} | {
+    visualization: React.ReactNode;
+    visualizationSummary: string;
+});
+declare function MetricCard({ label, description, value, unit, trend, status, emphasis, loading, visualization, visualizationSummary, className, ...props }: MetricCardProps): React.JSX.Element;
+
 type PageHeaderProps = React.ComponentProps<"header"> & {
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -324,6 +389,7 @@ type SidebarNavigationItem = {
     id: string;
     label: string;
     icon?: React.ReactNode;
+    collapsedLabel?: React.ReactNode;
     badge?: React.ReactNode;
     badgeLabel?: string;
     count?: React.ReactNode;
@@ -331,11 +397,24 @@ type SidebarNavigationItem = {
     active?: boolean;
     startsSection?: boolean;
 };
+/** @deprecated Prefer an explicit SidebarNavigationGroup or SidebarNavigationSubmenu. */
 type SidebarNavigationSection = Omit<SidebarNavigationItem, "active"> & {
+    type?: undefined;
     active?: boolean;
     items: SidebarNavigationItem[];
 };
-type SidebarNavigationEntry = SidebarNavigationItem | SidebarNavigationSection;
+type SidebarNavigationGroup = {
+    type: "group";
+    id: string;
+    label: string;
+    count?: React.ReactNode;
+    items: SidebarNavigationItem[];
+};
+type SidebarNavigationSubmenu = Omit<SidebarNavigationSection, "active" | "type"> & {
+    type: "submenu";
+    defaultOpen?: boolean;
+};
+type SidebarNavigationEntry = SidebarNavigationItem | SidebarNavigationSection | SidebarNavigationGroup | SidebarNavigationSubmenu;
 type SidebarNavigationLinkProps = {
     "aria-current"?: "page";
     "aria-label": string;
@@ -703,4 +782,4 @@ type IdentityRowProps = React.ComponentProps<"div"> & {
 };
 declare function IdentityRow({ initials, name, detail, compact, className, ...props }: IdentityRowProps): React.JSX.Element;
 
-export { ActivityItem, type ActivityItemProps, ActivityList, AppShell, AppSidebar, AppSidebarContent, AppSidebarFooter, AppSidebarHeader, AppearanceControl, CodeBlock, type CodeBlockProps, type CodeBlockSnippet, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmationDialog, type ConfirmationDialogProps, DataTable, type DataTableColumn, type DataTableProps, DensityControl, DesignPreferenceControls, DesignSystemPreferenceSync, DetailBackLink, type DetailBackLinkProps, DetailSection, type DetailSectionProps, DetailSections, EntityTable, type EntityTableColumn, type EntityTableProps, ErrorState, FilterBar, type FilterBarProps, IdentityRow, type IdentityRowProps, InspectorRegion, InventoryDesktop, InventoryMobile, InventorySurface, KeyValueItem, KeyValueList, LoadingRows, MainRegion, MetricBand, MetricBandItem, type MetricBandItemProps, type MetricBandProps, NavigationGroup, NavigationItem, type NavigationItemProps, NavigationSubItem, type NavigationSubItemProps, NavigationSubList, PageBoundary, PageContent, PageFrame, PageHeader, type PageHeaderProps, PageToolbar, type PageToolbarProps, PaginationControls, type PaginationControlsProps, ProductIdentity, ProviderMark, type ProviderMarkProps, ResourceRow, ResourceRowContent, ResourceRowDescription, ResourceRowIcon, ResourceRowMeta, type ResourceRowProps, ResourceRowTitle, ResourceSummary, type ResourceSummaryProps, SidebarNavigation, type SidebarNavigationEntry, type SidebarNavigationItem, type SidebarNavigationLinkProps, type SidebarNavigationSection, SidebarSearch, SidebarSeparator, SidebarTrigger, StateView, type StateViewProps, TopBar, ValueMeter, type ValueMeterProps, WorkbenchBackdrop, WorkbenchInspector, WorkbenchInspectorSection, type WorkbenchInspectorSectionProps, WorkbenchMain, WorkbenchMobileToolbar, WorkbenchRail, type WorkbenchRailProps, WorkbenchSection, WorkbenchSectionHeader, type WorkbenchSectionHeaderProps, type WorkbenchSectionProps, WorkbenchShell, type WorkbenchShellProps, useAppShell, useConsciaPreferences };
+export { ActivityItem, type ActivityItemProps, ActivityList, AppHeader, AppHeaderActions, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderStart, AppShell, type AppShellProps, AppSidebar, AppSidebarContent, AppSidebarFooter, AppSidebarHeader, AppearanceControl, AttentionItem, type AttentionItemProps, AttentionList, type AttentionTone, CodeBlock, type CodeBlockProps, type CodeBlockSnippet, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmationDialog, type ConfirmationDialogProps, DataPanel, DataPanelContent, type DataPanelContentProps, DataPanelFooter, DataPanelHeader, type DataPanelHeaderProps, DataTable, type DataTableColumn, type DataTableProps, DensityControl, DesignPreferenceControls, DesignSystemPreferenceSync, DetailBackLink, type DetailBackLinkProps, DetailSection, type DetailSectionProps, DetailSections, EntityTable, type EntityTableColumn, type EntityTableProps, ErrorState, FilterBar, type FilterBarProps, IdentityRow, type IdentityRowProps, InspectorRegion, InventoryDesktop, InventoryMobile, InventorySurface, KeyValueItem, KeyValueList, LoadingRows, MainRegion, MetricBand, MetricBandItem, type MetricBandItemProps, type MetricBandProps, MetricCard, type MetricCardProps, MetricTrend, type MetricTrendProps, NavigationGroup, NavigationItem, type NavigationItemProps, NavigationSubItem, type NavigationSubItemProps, NavigationSubList, PageBoundary, PageContent, PageFrame, PageHeader, type PageHeaderProps, PageToolbar, type PageToolbarProps, PaginationControls, type PaginationControlsProps, ProductIdentity, ProviderMark, type ProviderMarkProps, ResourceRow, ResourceRowContent, ResourceRowDescription, ResourceRowIcon, ResourceRowMeta, type ResourceRowProps, ResourceRowTitle, ResourceSummary, type ResourceSummaryProps, SidebarNavigation, type SidebarNavigationEntry, type SidebarNavigationGroup, type SidebarNavigationItem, type SidebarNavigationLinkProps, type SidebarNavigationProps, type SidebarNavigationSection, type SidebarNavigationSubmenu, SidebarSearch, SidebarSeparator, SidebarTrigger, StateView, type StateViewProps, TopBar, ValueMeter, type ValueMeterProps, WorkbenchBackdrop, WorkbenchInspector, WorkbenchInspectorSection, type WorkbenchInspectorSectionProps, WorkbenchMain, WorkbenchMobileToolbar, WorkbenchRail, type WorkbenchRailProps, WorkbenchSection, WorkbenchSectionHeader, type WorkbenchSectionHeaderProps, type WorkbenchSectionProps, WorkbenchShell, type WorkbenchShellProps, useAppShell, useConsciaPreferences };

package/dist/patterns/index.js

@@ -2,15 +2,25 @@
 import {
   ActivityItem,
   ActivityList,
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderSearch,
+  AppHeaderStart,
   AppShell,
   AppSidebar,
   AppSidebarContent,
   AppSidebarFooter,
   AppSidebarHeader,
   AppearanceControl,
+  AttentionItem,
+  AttentionList,
   CodeBlock,
   CommandPalette,
   ConfirmationDialog,
+  DataPanel,
+  DataPanelContent,
+  DataPanelFooter,
+  DataPanelHeader,
   DataTable,
   DensityControl,
   DesignPreferenceControls,
@@ -32,6 +42,8 @@ import {
   MainRegion,
   MetricBand,
   MetricBandItem,
+  MetricCard,
+  MetricTrend,
   NavigationGroup,
   NavigationItem,
   NavigationSubItem,
@@ -69,23 +81,33 @@ import {
   WorkbenchShell,
   useAppShell,
   useConsciaPreferences
-} from "../chunk-WEI3PU4A.js";
+} from "../chunk-OYJH5CVD.js";
 import "../chunk-YNQWIH6V.js";
-import "../chunk-YAJUTCGD.js";
+import "../chunk-HWUUODVE.js";
 import "../chunk-JU5DQXFC.js";
 import "../chunk-UVKRO5ER.js";
 export {
   ActivityItem,
   ActivityList,
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderSearch,
+  AppHeaderStart,
   AppShell,
   AppSidebar,
   AppSidebarContent,
   AppSidebarFooter,
   AppSidebarHeader,
   AppearanceControl,
+  AttentionItem,
+  AttentionList,
   CodeBlock,
   CommandPalette,
   ConfirmationDialog,
+  DataPanel,
+  DataPanelContent,
+  DataPanelFooter,
+  DataPanelHeader,
   DataTable,
   DensityControl,
   DesignPreferenceControls,
@@ -107,6 +129,8 @@ export {
   MainRegion,
   MetricBand,
   MetricBandItem,
+  MetricCard,
+  MetricTrend,
   NavigationGroup,
   NavigationItem,
   NavigationSubItem,

package/dist/primitives/index.d.ts

@@ -20,7 +20,7 @@ import '@base-ui/react/use-render';
 import 'clsx';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "danger" | "information" | null | undefined;
+    variant?: "default" | "information" | "success" | "warning" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
 declare function Alert({ children, className, variant, role, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...props }: AlertProps): React.JSX.Element;
@@ -53,7 +53,7 @@ type AvatarGroupProps = React.ComponentProps<"div"> & {
 declare function AvatarGroup({ children, className, max, size, total, ...props }: AvatarGroupProps): React.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "neutral" | "success" | "warning" | "danger" | "information" | "accent" | "info" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "neutral" | "information" | "success" | "warning" | "danger" | "accent" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.JSX.Element;
 
@@ -207,6 +207,12 @@ type FormSelectProps = {
     defaultValue?: string;
     required?: boolean;
     disabled?: boolean;
+    /**
+     * Whether the popup blocks interaction outside the select while open.
+     * Leave unset to preserve Base UI Select's modal default. Use `false` when
+     * the select is nested inside a Dialog or Sheet.
+     */
+    modal?: boolean;
     placeholder?: string;
     options: FormSelectOption[];
     className?: string;
@@ -216,7 +222,7 @@ type FormSelectProps = {
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     "aria-label"?: string;
 };
-declare function FormSelect({ name, id, value, defaultValue, required, disabled, placeholder, options, className, triggerClassName, contentClassName, onValueChange, onClick, "aria-label": ariaLabel, }: FormSelectProps): React.JSX.Element;
+declare function FormSelect({ name, id, value, defaultValue, required, disabled, modal, placeholder, options, className, triggerClassName, contentClassName, onValueChange, onClick, "aria-label": ariaLabel, }: FormSelectProps): React.JSX.Element;
 declare const ConsciaFormSelect: typeof FormSelect;
 
 declare function Label({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
@@ -262,10 +268,11 @@ type SearchableSelectProps = {
     clearable?: boolean;
     clearLabel?: string;
     optionsLabel?: string;
-    className?: string;
+    className?: string; /** Whether the popup blocks interaction outside the combobox. Defaults to false for nested-overlay use. */
+    modal?: boolean;
     "aria-label"?: string;
 };
-declare function SearchableSelect({ id, name, value, options, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, clearLabel, optionsLabel, className, "aria-label": ariaLabel }: SearchableSelectProps): React.JSX.Element;
+declare function SearchableSelect({ id, name, value, options, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, clearLabel, optionsLabel, className, modal, "aria-label": ariaLabel }: SearchableSelectProps): React.JSX.Element;
 
 type SheetSide = "top" | "right" | "bottom" | "left";
 type SheetProps = React.ComponentProps<typeof Drawer.Root> & {

package/dist/primitives/index.js

@@ -69,7 +69,7 @@ import {
   alertVariants,
   badgeVariants,
   useToast
-} from "../chunk-H5ORBU5O.js";
+} from "../chunk-SIRISAFC.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -164,7 +164,7 @@ import {
   TooltipTrigger,
   buttonVariants,
   cardVariants
-} from "../chunk-YAJUTCGD.js";
+} from "../chunk-HWUUODVE.js";
 import {
   cn
 } from "../chunk-JU5DQXFC.js";