@conscia-labs/design-system 0.4.0 → 1.0.1

package/dist/index.js

@@ -10,6 +10,7 @@ import {
   AppSidebarHeader,
   AppearanceControl,
   CodeBlock,
+  CommandPalette,
   ConfirmationDialog,
   DataTable,
   DensityControl,
@@ -20,6 +21,7 @@ import {
   DetailSections,
   EntityTable,
   ErrorState,
+  FilterBar,
   IdentityRow,
   InspectorRegion,
   InventoryDesktop,
@@ -68,7 +70,7 @@ import {
   WorkbenchShell,
   useAppShell,
   useConsciaPreferences
-} from "./chunk-KYH7IZ3Z.js";
+} from "./chunk-WEI3PU4A.js";
 import {
   appearanceOptions,
   applyConsciaPreferences,
@@ -80,13 +82,16 @@ import {
   AlertTitle,
   Avatar,
   AvatarFallback,
+  AvatarGroup,
   AvatarImage,
   Badge,
   BrandIcon,
+  BrandWordmark,
   ConsciaButton,
   ConsciaCard,
   ConsciaCardContent,
   ConsciaCardDescription,
+  ConsciaCardFooter,
   ConsciaCardHeader,
   ConsciaCardTitle,
   ConsciaCheckbox,
@@ -112,19 +117,55 @@ import {
   FieldError,
   FieldGroup,
   FieldLabel,
+  FilterChip,
   FormSelect,
   Label,
+  LabeledSwitch,
+  LoadingButton,
+  Popover,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverPortal,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger,
   SearchableSelect,
+  Spinner,
   Switch,
   Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
   alertVariants,
-  badgeVariants
-} from "./chunk-C44RGLGF.js";
+  badgeVariants,
+  useToast
+} from "./chunk-XQSBTQRR.js";
 import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogBody,
+  AlertDialogCancel,
+  AlertDialogClose,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   Button,
   Card,
   CardContent,
   CardDescription,
+  CardFooter,
   CardHeader,
   CardTitle,
   Checkbox,
@@ -147,11 +188,13 @@ import {
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
+  DropdownMenuLinkItem,
   DropdownMenuSeparator,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  IconButton,
   Input,
   NavigationTab,
   NavigationTabs,
@@ -178,10 +221,13 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger,
+  ShortcutHint,
   Skeleton,
   Table,
   TableBody,
+  TableCaption,
   TableCell,
+  TableFooter,
   TableHead,
   TableHeader,
   TableRow,
@@ -193,16 +239,31 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-  buttonVariants
-} from "./chunk-RAGHGWLB.js";
+  buttonVariants,
+  cardVariants
+} from "./chunk-YAJUTCGD.js";
 import {
   cn
 } from "./chunk-JU5DQXFC.js";
+import "./chunk-UVKRO5ER.js";
 export {
   ActivityItem,
   ActivityList,
   Alert,
   AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogBody,
+  AlertDialogCancel,
+  AlertDialogClose,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   AlertTitle,
   AppShell,
   AppSidebar,
@@ -212,13 +273,16 @@ export {
   AppearanceControl,
   Avatar,
   AvatarFallback,
+  AvatarGroup,
   AvatarImage,
   Badge,
   BrandIcon,
+  BrandWordmark,
   Button,
   Card,
   CardContent,
   CardDescription,
+  CardFooter,
   CardHeader,
   CardTitle,
   Checkbox,
@@ -226,11 +290,13 @@ export {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
+  CommandPalette,
   ConfirmationDialog,
   ConsciaButton,
   ConsciaCard,
   ConsciaCardContent,
   ConsciaCardDescription,
+  ConsciaCardFooter,
   ConsciaCardHeader,
   ConsciaCardTitle,
   ConsciaCheckbox,
@@ -274,6 +340,7 @@ export {
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
+  DropdownMenuLinkItem,
   DropdownMenuSeparator,
   DropdownMenuSub,
   DropdownMenuSubContent,
@@ -286,7 +353,10 @@ export {
   FieldError,
   FieldGroup,
   FieldLabel,
+  FilterBar,
+  FilterChip,
   FormSelect,
+  IconButton,
   IdentityRow,
   Input,
   InspectorRegion,
@@ -296,6 +366,8 @@ export {
   KeyValueItem,
   KeyValueList,
   Label,
+  LabeledSwitch,
+  LoadingButton,
   LoadingRows,
   MainRegion,
   MetricBand,
@@ -313,6 +385,15 @@ export {
   PageHeader,
   PageToolbar,
   PaginationControls,
+  Popover,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverPortal,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger,
   ProductIdentity,
   ProviderMark,
   ResourceRow,
@@ -345,16 +426,20 @@ export {
   SheetPortal,
   SheetTitle,
   SheetTrigger,
+  ShortcutHint,
   SidebarNavigation,
   SidebarSearch,
   SidebarSeparator,
   SidebarTrigger,
   Skeleton,
+  Spinner,
   StateView,
   Switch,
   Table,
   TableBody,
+  TableCaption,
   TableCell,
+  TableFooter,
   TableHead,
   TableHeader,
   TableRow,
@@ -363,6 +448,14 @@ export {
   TabsList,
   TabsTrigger,
   Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
   Tooltip,
   TooltipContent,
   TooltipProvider,
@@ -383,9 +476,11 @@ export {
   applyConsciaPreferences,
   badgeVariants,
   buttonVariants,
+  cardVariants,
   cn,
   densityOptions,
   useAppShell,
-  useConsciaPreferences
+  useConsciaPreferences,
+  useToast
 };
 //# sourceMappingURL=index.js.map

package/dist/patterns/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { SortingState, PaginationState } from '@tanstack/react-table';
 export { PaginationState, SortingState } from '@tanstack/react-table';
-import { I as Input, S as Separator, B as Button, C as Card } from '../card-BFUHJgV-.js';
+import { useRender } from '@base-ui/react/use-render';
+import { j as Input, S as Separator, B as Button, C as Card } from '../card-DmBKqvj_.js';
 import { ConsciaAppearance, ConsciaDensity } from '../foundation/index.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import '@radix-ui/react-separator';
 
 type EntityTableColumn<T> = {
     key: string;
@@ -22,9 +22,35 @@ type EntityTableProps<T> = {
     onRowClick?: (item: T) => void;
     getRowLabel?: (item: T) => string;
     rowActions?: (item: T) => React.ReactNode;
+    caption?: React.ReactNode;
     className?: string;
 };
-declare function EntityTable<T>({ items, columns, getRowId, selectedIds, onSelectionChange, onRowClick, getRowLabel, rowActions, className }: EntityTableProps<T>): React.JSX.Element;
+declare function EntityTable<T>({ items, columns, getRowId, selectedIds, onSelectionChange, onRowClick, getRowLabel, rowActions, caption, className }: EntityTableProps<T>): React.JSX.Element;
+
+type CommandPaletteItem = {
+    description?: React.ReactNode;
+    disabled?: boolean;
+    group?: string;
+    icon?: React.ReactNode;
+    id: string;
+    keywords?: readonly string[];
+    label: string;
+    shortcut?: React.ReactNode;
+};
+type CommandPaletteProps = Omit<React.ComponentProps<"div">, "children" | "onSelect"> & {
+    closeOnSelect?: boolean;
+    defaultOpen?: boolean;
+    description?: React.ReactNode;
+    emptyMessage?: React.ReactNode;
+    items: readonly CommandPaletteItem[];
+    onOpenChange?: (open: boolean) => void;
+    onSelect: (item: CommandPaletteItem) => void;
+    open?: boolean;
+    placeholder?: string;
+    title?: React.ReactNode;
+    trigger?: React.ReactElement;
+};
+declare function CommandPalette({ className, closeOnSelect, defaultOpen, description, emptyMessage, items, onOpenChange, onSelect, open, placeholder, title, trigger, ...props }: CommandPaletteProps): React.JSX.Element;
 
 type DataTableColumn<TData> = {
     id: string;
@@ -55,16 +81,23 @@ type DataTableProps<TData> = {
     pageSizeOptions?: number[];
     totalLabel?: React.ReactNode;
     mobileRow?: (item: TData) => React.ReactNode;
+    caption?: React.ReactNode;
     empty?: React.ReactNode;
     className?: string;
 };
-declare function DataTable<TData>({ data, columns, getRowId, getRowLabel, onRowClick, isRowClickable, rowActions, selectedIds, onSelectionChange, sorting, onSortingChange, manualSorting, pagination, onPaginationChange, manualPagination, pageCount, rowCount, pageSizeOptions, totalLabel, mobileRow, empty, className, }: DataTableProps<TData>): React.JSX.Element;
+declare function DataTable<TData>({ data, columns, getRowId, getRowLabel, onRowClick, isRowClickable, rowActions, selectedIds, onSelectionChange, sorting, onSortingChange, manualSorting, pagination, onPaginationChange, manualPagination, pageCount, rowCount, pageSizeOptions, totalLabel, mobileRow, caption, empty, className, }: DataTableProps<TData>): React.JSX.Element;
 
 type DetailBackLinkProps = Omit<React.ComponentProps<"a">, "children"> & {
     label: string;
 };
 declare function DetailBackLink({ label, className, ...props }: DetailBackLinkProps): React.JSX.Element;
 
+type FilterBarProps = React.ComponentProps<"div"> & {
+    clearAllLabel?: string;
+    onClearAll?: () => void;
+};
+declare function FilterBar({ children, clearAllLabel, className, onClearAll, ...props }: FilterBarProps): React.JSX.Element;
+
 type AppShellContextValue = {
     sidebarState: "expanded" | "collapsed";
     sidebarSide: "left" | "right";
@@ -82,7 +115,7 @@ declare function AppShell({ defaultSidebarOpen, children, className, style, ...p
 }): React.JSX.Element;
 declare function AppSidebar({ side, variant, className, children, title, description, ...props }: React.ComponentProps<"aside"> & {
     side?: "left" | "right";
-    /** Preserve the historical dark sidebar by default; auto follows appearance. */
+    /** Use the appearance-aware sidebar by default; explicit variants remain available. */
     variant?: "light" | "dark" | "auto";
     title?: string;
     description?: string;
@@ -90,10 +123,11 @@ declare function AppSidebar({ side, variant, className, children, title, descrip
 declare function AppSidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AppSidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function AppSidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function ProductIdentity({ label, description, icon, className, }: {
+declare function ProductIdentity({ label, description, icon, collapsedLabel, className, }: {
     label: React.ReactNode;
     description?: React.ReactNode;
     icon?: React.ReactNode;
+    collapsedLabel?: React.ReactNode;
     className?: string;
 }): React.JSX.Element;
 declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
@@ -103,21 +137,23 @@ declare function NavigationGroup({ label, count, children, className, }: {
     children: React.ReactNode;
     className?: string;
 }): React.JSX.Element;
-declare function NavigationItem({ asChild, active, tooltip, type, className, children, ...props }: React.ComponentProps<"button"> & {
-    asChild?: boolean;
+type NavigationItemProps = Omit<React.ComponentProps<"button">, "render"> & {
     active?: boolean;
     tooltip?: string;
-}): React.JSX.Element;
-declare function NavigationSubItem({ asChild, active, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
+    render?: useRender.ComponentProps<"button">["render"];
+};
+declare const NavigationItem: React.ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type NavigationSubItemProps = Omit<React.ComponentProps<"a">, "render"> & {
     active?: boolean;
-}): React.JSX.Element;
+    render?: useRender.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
  * after the sidebar collapses and in the mobile drawer layout.
  */
-declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarTrigger({ className, "aria-label": ariaLabel, onClick, ...props }: Omit<React.ComponentProps<typeof Button>, "aria-labelledby">): React.JSX.Element;
 type SidebarSearchProps = Omit<React.ComponentProps<typeof Input>, "type"> & {
     expanded?: boolean;
     defaultExpanded?: boolean;
@@ -288,6 +324,10 @@ type SidebarNavigationItem = {
     id: string;
     label: string;
     icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    badgeLabel?: string;
+    count?: React.ReactNode;
+    countLabel?: string;
     active?: boolean;
     startsSection?: boolean;
 };
@@ -663,4 +703,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, ConfirmationDialog, type ConfirmationDialogProps, DataTable, type DataTableColumn, type DataTableProps, DensityControl, DesignPreferenceControls, DesignSystemPreferenceSync, DetailBackLink, type DetailBackLinkProps, DetailSection, type DetailSectionProps, DetailSections, EntityTable, type EntityTableColumn, type EntityTableProps, ErrorState, IdentityRow, type IdentityRowProps, InspectorRegion, InventoryDesktop, InventoryMobile, InventorySurface, KeyValueItem, KeyValueList, LoadingRows, MainRegion, MetricBand, MetricBandItem, type MetricBandItemProps, type MetricBandProps, NavigationGroup, NavigationItem, NavigationSubItem, 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, 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 };

package/dist/patterns/index.js

@@ -9,6 +9,7 @@ import {
   AppSidebarHeader,
   AppearanceControl,
   CodeBlock,
+  CommandPalette,
   ConfirmationDialog,
   DataTable,
   DensityControl,
@@ -19,6 +20,7 @@ import {
   DetailSections,
   EntityTable,
   ErrorState,
+  FilterBar,
   IdentityRow,
   InspectorRegion,
   InventoryDesktop,
@@ -67,10 +69,11 @@ import {
   WorkbenchShell,
   useAppShell,
   useConsciaPreferences
-} from "../chunk-KYH7IZ3Z.js";
+} from "../chunk-WEI3PU4A.js";
 import "../chunk-YNQWIH6V.js";
-import "../chunk-RAGHGWLB.js";
+import "../chunk-YAJUTCGD.js";
 import "../chunk-JU5DQXFC.js";
+import "../chunk-UVKRO5ER.js";
 export {
   ActivityItem,
   ActivityList,
@@ -81,6 +84,7 @@ export {
   AppSidebarHeader,
   AppearanceControl,
   CodeBlock,
+  CommandPalette,
   ConfirmationDialog,
   DataTable,
   DensityControl,
@@ -91,6 +95,7 @@ export {
   DetailSections,
   EntityTable,
   ErrorState,
+  FilterBar,
   IdentityRow,
   InspectorRegion,
   InventoryDesktop,