@conscia-labs/design-system 0.2.0

package/dist/index.js

@@ -0,0 +1,355 @@
+"use client";
+import "./chunk-OX4SN5WX.js";
+import {
+  ActivityItem,
+  ActivityList,
+  AppShell,
+  AppSidebar,
+  AppSidebarContent,
+  AppSidebarFooter,
+  AppSidebarHeader,
+  AppearanceControl,
+  CodeBlock,
+  ConfirmationDialog,
+  DataTable,
+  DensityControl,
+  DesignPreferenceControls,
+  DesignSystemPreferenceSync,
+  DetailBackLink,
+  DetailSection,
+  DetailSections,
+  EntityTable,
+  ErrorState,
+  InspectorRegion,
+  InventoryDesktop,
+  InventoryMobile,
+  InventorySurface,
+  KeyValueItem,
+  KeyValueList,
+  LoadingRows,
+  MainRegion,
+  MetricBand,
+  MetricBandItem,
+  NavigationGroup,
+  NavigationItem,
+  NavigationSubItem,
+  NavigationSubList,
+  PageBoundary,
+  PageContent,
+  PageFrame,
+  PageHeader,
+  PageToolbar,
+  PaginationControls,
+  ProductIdentity,
+  ProviderMark,
+  ResourceSummary,
+  SidebarNavigation,
+  SidebarSeparator,
+  SidebarTrigger,
+  StateView,
+  TopBar,
+  ValueMeter,
+  useAppShell,
+  useConsciaPreferences
+} from "./chunk-5MGPU2JE.js";
+import {
+  appearanceOptions,
+  applyConsciaPreferences,
+  densityOptions
+} from "./chunk-D5LYROOM.js";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  ConsciaButton,
+  ConsciaCard,
+  ConsciaCardContent,
+  ConsciaCardDescription,
+  ConsciaCardHeader,
+  ConsciaCardTitle,
+  ConsciaCheckbox,
+  ConsciaFormSelect,
+  ConsciaIconButton,
+  ConsciaInput,
+  ConsciaSelect,
+  ConsciaSelectContent,
+  ConsciaSelectGroup,
+  ConsciaSelectItem,
+  ConsciaSelectTrigger,
+  ConsciaSelectValue,
+  ConsciaSwitch,
+  ConsciaTable,
+  ConsciaTableBody,
+  ConsciaTableCell,
+  ConsciaTableHead,
+  ConsciaTableHeader,
+  ConsciaTableRow,
+  ConsciaTextarea,
+  Field,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FormSelect,
+  Input,
+  Label,
+  SearchableSelect,
+  Switch,
+  Textarea,
+  alertVariants,
+  badgeVariants
+} from "./chunk-CU3OXBFI.js";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  NavigationTab,
+  NavigationTabs,
+  NavigationTabsList,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  buttonVariants
+} from "./chunk-YHPZ5CQU.js";
+import {
+  cn
+} from "./chunk-JU5DQXFC.js";
+export {
+  ActivityItem,
+  ActivityList,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  AppShell,
+  AppSidebar,
+  AppSidebarContent,
+  AppSidebarFooter,
+  AppSidebarHeader,
+  AppearanceControl,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CodeBlock,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  ConfirmationDialog,
+  ConsciaButton,
+  ConsciaCard,
+  ConsciaCardContent,
+  ConsciaCardDescription,
+  ConsciaCardHeader,
+  ConsciaCardTitle,
+  ConsciaCheckbox,
+  ConsciaFormSelect,
+  ConsciaIconButton,
+  ConsciaInput,
+  ConsciaSelect,
+  ConsciaSelectContent,
+  ConsciaSelectGroup,
+  ConsciaSelectItem,
+  ConsciaSelectTrigger,
+  ConsciaSelectValue,
+  ConsciaSwitch,
+  ConsciaTable,
+  ConsciaTableBody,
+  ConsciaTableCell,
+  ConsciaTableHead,
+  ConsciaTableHeader,
+  ConsciaTableRow,
+  ConsciaTextarea,
+  DataTable,
+  DensityControl,
+  DesignPreferenceControls,
+  DesignSystemPreferenceSync,
+  DetailBackLink,
+  DetailSection,
+  DetailSections,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EntityTable,
+  ErrorState,
+  Field,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FormSelect,
+  Input,
+  InspectorRegion,
+  InventoryDesktop,
+  InventoryMobile,
+  InventorySurface,
+  KeyValueItem,
+  KeyValueList,
+  Label,
+  LoadingRows,
+  MainRegion,
+  MetricBand,
+  MetricBandItem,
+  NavigationGroup,
+  NavigationItem,
+  NavigationSubItem,
+  NavigationSubList,
+  NavigationTab,
+  NavigationTabs,
+  NavigationTabsList,
+  PageBoundary,
+  PageContent,
+  PageFrame,
+  PageHeader,
+  PageToolbar,
+  PaginationControls,
+  ProductIdentity,
+  ProviderMark,
+  ResourceSummary,
+  SearchableSelect,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  SidebarNavigation,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  StateView,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  TopBar,
+  ValueMeter,
+  alertVariants,
+  appearanceOptions,
+  applyConsciaPreferences,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  densityOptions,
+  useAppShell,
+  useConsciaPreferences
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/patterns/index.d.ts

@@ -0,0 +1,317 @@
+import * as React from 'react';
+import { SortingState, PaginationState } from '@tanstack/react-table';
+export { PaginationState, SortingState } from '@tanstack/react-table';
+import { S as Separator, B as Button, C as Card } from '../card-DqFHjLjm.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;
+    header: React.ReactNode;
+    cell: (item: T) => React.ReactNode;
+    className?: string;
+};
+type EntityTableProps<T> = {
+    items: T[];
+    columns: EntityTableColumn<T>[];
+    getRowId: (item: T) => string;
+    selectedIds?: Set<string>;
+    onSelectionChange?: (selectedIds: Set<string>) => void;
+    onRowClick?: (item: T) => void;
+    getRowLabel?: (item: T) => string;
+    rowActions?: (item: T) => React.ReactNode;
+    className?: string;
+};
+declare function EntityTable<T>({ items, columns, getRowId, selectedIds, onSelectionChange, onRowClick, getRowLabel, rowActions, className }: EntityTableProps<T>): React.JSX.Element;
+
+type DataTableColumn<TData> = {
+    id: string;
+    header: React.ReactNode;
+    cell: (item: TData) => React.ReactNode;
+    accessor?: (item: TData) => string | number | null | undefined;
+    sortable?: boolean;
+    className?: string;
+};
+type DataTableProps<TData> = {
+    data: TData[];
+    columns: DataTableColumn<TData>[];
+    getRowId: (item: TData) => string;
+    getRowLabel?: (item: TData) => string;
+    onRowClick?: (item: TData) => void;
+    isRowClickable?: (item: TData) => boolean;
+    rowActions?: (item: TData) => React.ReactNode;
+    selectedIds?: Set<string>;
+    onSelectionChange?: (selectedIds: Set<string>) => void;
+    sorting?: SortingState;
+    onSortingChange?: (sorting: SortingState) => void;
+    manualSorting?: boolean;
+    pagination?: PaginationState;
+    onPaginationChange?: (pagination: PaginationState) => void;
+    manualPagination?: boolean;
+    pageCount?: number;
+    rowCount?: number;
+    pageSizeOptions?: number[];
+    totalLabel?: React.ReactNode;
+    mobileRow?: (item: TData) => 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;
+
+type DetailBackLinkProps = Omit<React.ComponentProps<"a">, "children"> & {
+    label: string;
+};
+declare function DetailBackLink({ label, className, ...props }: DetailBackLinkProps): React.JSX.Element;
+
+type AppShellContextValue = {
+    sidebarState: "expanded" | "collapsed";
+    sidebarSide: "left" | "right";
+    setSidebarSide: (side: "left" | "right") => void;
+    sidebarOpen: boolean;
+    setSidebarOpen: (open: boolean) => void;
+    mobileOpen: boolean;
+    setMobileOpen: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useAppShell(): AppShellContextValue;
+declare function AppShell({ defaultSidebarOpen, children, className, style, ...props }: React.ComponentProps<"div"> & {
+    defaultSidebarOpen?: boolean;
+}): React.JSX.Element;
+declare function AppSidebar({ side, className, children, title, description, ...props }: React.ComponentProps<"aside"> & {
+    side?: "left" | "right";
+    title?: string;
+    description?: string;
+}): React.JSX.Element;
+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, }: {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare function NavigationGroup({ label, children, className, }: {
+    label?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+declare function NavigationItem({ asChild, active, tooltip, type, className, children, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    active?: boolean;
+    tooltip?: string;
+}): React.JSX.Element;
+declare function NavigationSubItem({ asChild, active, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    active?: boolean;
+}): React.JSX.Element;
+declare function NavigationSubList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function MainRegion({ 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";
+}): React.JSX.Element;
+declare function PageContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PageBoundary({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function InspectorRegion({ className, ...props }: React.ComponentProps<"aside">): React.JSX.Element;
+
+declare function ActivityList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type ActivityItemProps = React.ComponentProps<"div"> & {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    metadata?: React.ReactNode;
+    status?: React.ReactNode;
+};
+declare function ActivityItem({ icon, title, description, metadata, status, className, ...props }: ActivityItemProps): React.JSX.Element;
+
+type ConfirmationDialogProps = {
+    trigger: React.ReactNode;
+    title: React.ReactNode;
+    description: React.ReactNode;
+    children?: React.ReactNode;
+    confirmLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    confirmVariant?: React.ComponentProps<typeof Button>["variant"];
+    pending?: boolean;
+    onConfirm: () => unknown | Promise<unknown>;
+    onError?: (error: unknown) => void;
+};
+declare function ConfirmationDialog({ trigger, title, description, children, confirmLabel, cancelLabel, confirmVariant, pending, onConfirm, onError }: ConfirmationDialogProps): React.JSX.Element;
+
+type CodeBlockSnippet = {
+    value: string;
+    label: string;
+    code: string;
+};
+type CodeBlockProps = Omit<React.ComponentProps<"div">, "children"> & {
+    snippets: CodeBlockSnippet[];
+    defaultValue?: string;
+    copyLabel?: string;
+};
+declare function CodeBlock({ snippets, defaultValue, copyLabel, className, ...props }: CodeBlockProps): React.JSX.Element | null;
+
+declare function InventorySurface({ className, ...props }: React.ComponentProps<typeof Card>): React.JSX.Element;
+declare function InventoryDesktop({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function InventoryMobile({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+type MetricBandProps = React.ComponentProps<"div"> & {
+    columns?: 2 | 3 | 4 | 5;
+};
+declare function MetricBand({ columns, className, ...props }: MetricBandProps): React.JSX.Element;
+type MetricBandItemProps = React.ComponentProps<"div"> & {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    detail?: React.ReactNode;
+    icon?: React.ReactNode;
+    iconClassName?: string;
+    loading?: boolean;
+};
+declare function MetricBandItem({ label, value, detail, icon, iconClassName, loading, className, ...props }: MetricBandItemProps): React.JSX.Element;
+
+type PageHeaderProps = React.ComponentProps<"header"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    status?: React.ReactNode;
+    metadata?: React.ReactNode;
+    actions?: React.ReactNode;
+    /**
+     * Temporary compatibility prop for migrated Admin UI pages.
+     * New implementations should pass an explicit actions node.
+     */
+    action?: {
+        label: string;
+        href: string;
+    };
+    /**
+     * Temporary compatibility prop for migrated Admin UI pages.
+     * New implementations should use actions.
+     */
+    actionNode?: React.ReactNode;
+};
+declare function PageHeader({ title, description, status, metadata, actions, action, actionNode, className, ...props }: PageHeaderProps): React.JSX.Element;
+
+type PageToolbarProps = React.ComponentProps<"div"> & {
+    search?: React.ReactNode;
+    filters?: React.ReactNode;
+    viewControls?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+};
+declare function PageToolbar({ search, filters, viewControls, bulkActions, className, children, ...props }: PageToolbarProps): React.JSX.Element;
+
+type PaginationControlsProps = React.ComponentProps<"div"> & {
+    currentPage: number;
+    pageCount: number;
+    totalLabel?: React.ReactNode;
+    onPrevious?: () => void;
+    onNext?: () => void;
+    onPageChange?: (page: number) => void;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
+};
+declare function PaginationControls({ currentPage, pageCount, totalLabel, onPrevious, onNext, onPageChange, pageSize, pageSizeOptions, onPageSizeChange, className, ...props }: PaginationControlsProps): React.JSX.Element;
+
+declare function useConsciaPreferences(): {
+    appearance: ConsciaAppearance;
+    density: ConsciaDensity;
+};
+declare function DesignSystemPreferenceSync(): null;
+declare function AppearanceControl({ className }: {
+    className?: string;
+}): React.JSX.Element;
+declare function DensityControl({ className }: {
+    className?: string;
+}): React.JSX.Element;
+declare function DesignPreferenceControls({ className }: {
+    className?: string;
+}): React.JSX.Element;
+
+type ProviderMarkProps = React.ComponentProps<"div"> & {
+    name: string;
+    shortName: string;
+    description?: React.ReactNode;
+    size?: "sm" | "default";
+};
+declare function ProviderMark({ name, shortName, description, size, className, ...props }: ProviderMarkProps): React.JSX.Element;
+
+type ResourceSummaryProps = React.ComponentProps<"section"> & {
+    variant?: "plain" | "surface";
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    status?: React.ReactNode;
+    metadata?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function ResourceSummary({ variant, title, description, status, metadata, actions, className, children, ...props }: ResourceSummaryProps): React.JSX.Element;
+declare function DetailSections({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type DetailSectionProps = React.ComponentProps<"section"> & {
+    variant?: "surface" | "open";
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function DetailSection({ variant, title, description, actions, className, children, ...props }: DetailSectionProps): React.JSX.Element;
+declare function KeyValueList({ className, ...props }: React.ComponentProps<"dl">): React.JSX.Element;
+declare function KeyValueItem({ label, value, breakValue, }: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    breakValue?: boolean;
+}): React.JSX.Element;
+
+type SidebarNavigationItem = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    startsSection?: boolean;
+};
+type SidebarNavigationSection = Omit<SidebarNavigationItem, "active"> & {
+    active?: boolean;
+    items: SidebarNavigationItem[];
+};
+type SidebarNavigationEntry = SidebarNavigationItem | SidebarNavigationSection;
+type SidebarNavigationLinkProps = {
+    "aria-current"?: "page";
+    "aria-label": string;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+};
+type SidebarNavigationProps = {
+    entries: SidebarNavigationEntry[];
+    renderLink: (item: SidebarNavigationItem, props: SidebarNavigationLinkProps) => React.ReactElement;
+    onNavigate?: () => void;
+    storageKey?: string;
+    className?: string;
+};
+declare function SidebarNavigation({ entries, renderLink, onNavigate, storageKey, className, }: SidebarNavigationProps): React.JSX.Element;
+
+type StateViewProps = React.ComponentProps<"div"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    icon?: React.ReactNode;
+};
+declare function StateView({ title, description, action, icon, className, ...props }: StateViewProps): React.JSX.Element;
+declare function LoadingRows({ rows, columns, }: {
+    rows?: number;
+    columns?: number;
+}): React.JSX.Element;
+declare function ErrorState({ title, description, action, className, ...props }: StateViewProps): React.JSX.Element;
+
+type ValueMeterProps = React.ComponentProps<"div"> & {
+    label: React.ReactNode;
+    value: number;
+    maximum?: number | null;
+    valueLabel?: React.ReactNode;
+    detail?: React.ReactNode;
+    tone?: "neutral" | "success" | "warning" | "danger";
+};
+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, SidebarSeparator, SidebarTrigger, StateView, type StateViewProps, TopBar, ValueMeter, type ValueMeterProps, useAppShell, useConsciaPreferences };