@conscia-labs/design-system 0.3.5 → 1.0.0

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;
 };
@@ -334,4 +374,333 @@ type ValueMeterProps = React.ComponentProps<"div"> & {
 };
 declare function ValueMeter({ label, value, maximum, valueLabel, detail, tone, className, ...props }: ValueMeterProps): 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, 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, ResourceSummary, type ResourceSummaryProps, SidebarNavigation, type SidebarNavigationEntry, type SidebarNavigationItem, type SidebarNavigationLinkProps, type SidebarNavigationSection, SidebarSearch, SidebarSeparator, SidebarTrigger, StateView, type StateViewProps, TopBar, ValueMeter, type ValueMeterProps, useAppShell, useConsciaPreferences };
+type WorkbenchShellProps = React.ComponentProps<"div">;
+declare function WorkbenchShell({ className, ...props }: WorkbenchShellProps): React.JSX.Element;
+type WorkbenchRailProps = React.ComponentProps<"aside"> & {
+    variant?: "global" | "secondary";
+    open?: boolean;
+};
+declare function WorkbenchRail({ variant, open, className, ...props }: WorkbenchRailProps): React.JSX.Element;
+declare function WorkbenchMain({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function WorkbenchInspector({ className, ...props }: React.ComponentProps<"aside">): React.JSX.Element;
+declare function WorkbenchMobileToolbar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function WorkbenchBackdrop({ open, className, ...props }: React.ComponentProps<"button"> & {
+    open?: boolean;
+}): React.JSX.Element;
+type WorkbenchSectionProps = React.ComponentProps<"section">;
+declare function WorkbenchSection({ className, ...props }: WorkbenchSectionProps): React.JSX.Element;
+type WorkbenchSectionHeaderProps = React.ComponentProps<"div"> & {
+    title: React.ReactNode;
+    metadata?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function WorkbenchSectionHeader({ title, metadata, action, className, ...props }: WorkbenchSectionHeaderProps): React.JSX.Element;
+type ResourceRowProps = React.HTMLAttributes<HTMLElement> & {
+    as?: "div" | "a" | "button";
+    href?: string;
+    selected?: boolean;
+};
+declare function ResourceRow({ as, href, selected, className, children, ...props }: ResourceRowProps): React.DetailedReactHTMLElement<{
+    "data-slot": string;
+    "data-selected": string;
+    className: string;
+    type?: string | undefined;
+    href?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+}, HTMLElement>;
+declare function ResourceRowIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function ResourceRowContent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function ResourceRowTitle({ className, ...props }: React.ComponentProps<"strong">): React.JSX.Element;
+declare function ResourceRowDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function ResourceRowMeta({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+type WorkbenchInspectorSectionProps = React.ComponentProps<"section"> & {
+    label: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function WorkbenchInspectorSection({ label, action, className, children, ...props }: WorkbenchInspectorSectionProps): React.JSX.Element;
+type IdentityRowProps = React.ComponentProps<"div"> & {
+    initials: React.ReactNode;
+    name: React.ReactNode;
+    detail?: React.ReactNode;
+    compact?: boolean;
+};
+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 };

package/dist/patterns/index.js

@@ -9,6 +9,7 @@ import {
   AppSidebarHeader,
   AppearanceControl,
   CodeBlock,
+  CommandPalette,
   ConfirmationDialog,
   DataTable,
   DensityControl,
@@ -19,6 +20,8 @@ import {
   DetailSections,
   EntityTable,
   ErrorState,
+  FilterBar,
+  IdentityRow,
   InspectorRegion,
   InventoryDesktop,
   InventoryMobile,
@@ -41,6 +44,12 @@ import {
   PaginationControls,
   ProductIdentity,
   ProviderMark,
+  ResourceRow,
+  ResourceRowContent,
+  ResourceRowDescription,
+  ResourceRowIcon,
+  ResourceRowMeta,
+  ResourceRowTitle,
   ResourceSummary,
   SidebarNavigation,
   SidebarSearch,
@@ -49,12 +58,22 @@ import {
   StateView,
   TopBar,
   ValueMeter,
+  WorkbenchBackdrop,
+  WorkbenchInspector,
+  WorkbenchInspectorSection,
+  WorkbenchMain,
+  WorkbenchMobileToolbar,
+  WorkbenchRail,
+  WorkbenchSection,
+  WorkbenchSectionHeader,
+  WorkbenchShell,
   useAppShell,
   useConsciaPreferences
-} from "../chunk-VIVMQAJM.js";
-import "../chunk-D5LYROOM.js";
-import "../chunk-ZCBZHRTV.js";
+} from "../chunk-WEI3PU4A.js";
+import "../chunk-YNQWIH6V.js";
+import "../chunk-YAJUTCGD.js";
 import "../chunk-JU5DQXFC.js";
+import "../chunk-UVKRO5ER.js";
 export {
   ActivityItem,
   ActivityList,
@@ -65,6 +84,7 @@ export {
   AppSidebarHeader,
   AppearanceControl,
   CodeBlock,
+  CommandPalette,
   ConfirmationDialog,
   DataTable,
   DensityControl,
@@ -75,6 +95,8 @@ export {
   DetailSections,
   EntityTable,
   ErrorState,
+  FilterBar,
+  IdentityRow,
   InspectorRegion,
   InventoryDesktop,
   InventoryMobile,
@@ -97,6 +119,12 @@ export {
   PaginationControls,
   ProductIdentity,
   ProviderMark,
+  ResourceRow,
+  ResourceRowContent,
+  ResourceRowDescription,
+  ResourceRowIcon,
+  ResourceRowMeta,
+  ResourceRowTitle,
   ResourceSummary,
   SidebarNavigation,
   SidebarSearch,
@@ -105,6 +133,15 @@ export {
   StateView,
   TopBar,
   ValueMeter,
+  WorkbenchBackdrop,
+  WorkbenchInspector,
+  WorkbenchInspectorSection,
+  WorkbenchMain,
+  WorkbenchMobileToolbar,
+  WorkbenchRail,
+  WorkbenchSection,
+  WorkbenchSectionHeader,
+  WorkbenchShell,
   useAppShell,
   useConsciaPreferences
 };