@conscia-labs/design-system 1.0.3 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENT_GUIDE.md +222 -0
- package/README.md +113 -837
- package/agent-manifest.json +472 -0
- package/bin/conscia-design-system.mjs +109 -0
- package/dist/{chunk-HAJMOT3P.js → chunk-HWUUODVE.js} +2 -2
- package/dist/chunk-HWUUODVE.js.map +1 -0
- package/dist/{chunk-LPUWW7XF.js → chunk-OYJH5CVD.js} +545 -252
- package/dist/chunk-OYJH5CVD.js.map +1 -0
- package/dist/{chunk-QP3SEL2Z.js → chunk-SIRISAFC.js} +2 -2
- package/dist/foundation.css +76 -19
- package/dist/index.d.ts +1 -1
- package/dist/index.js +27 -3
- package/dist/patterns/index.d.ts +86 -7
- package/dist/patterns/index.js +26 -2
- package/dist/primitives/index.d.ts +2 -2
- package/dist/primitives/index.js +2 -2
- package/dist/standalone.css +1 -1
- package/dist/styles.css +76 -19
- package/package.json +19 -6
- package/dist/chunk-HAJMOT3P.js.map +0 -1
- package/dist/chunk-LPUWW7XF.js.map +0 -1
- /package/dist/{chunk-QP3SEL2Z.js.map → chunk-SIRISAFC.js.map} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ConsciaAppearance, ConsciaDensity, appearanceOptions, applyConsciaPreferences, densityOptions } from './foundation/index.js';
|
|
2
|
-
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';
|
|
2
|
+
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';
|
|
3
3
|
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';
|
|
4
4
|
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';
|
|
5
5
|
export { cn } from './utils/index.js';
|
package/dist/index.js
CHANGED
|
@@ -3,15 +3,25 @@ import "./chunk-OX4SN5WX.js";
|
|
|
3
3
|
import {
|
|
4
4
|
ActivityItem,
|
|
5
5
|
ActivityList,
|
|
6
|
+
AppHeader,
|
|
7
|
+
AppHeaderActions,
|
|
8
|
+
AppHeaderSearch,
|
|
9
|
+
AppHeaderStart,
|
|
6
10
|
AppShell,
|
|
7
11
|
AppSidebar,
|
|
8
12
|
AppSidebarContent,
|
|
9
13
|
AppSidebarFooter,
|
|
10
14
|
AppSidebarHeader,
|
|
11
15
|
AppearanceControl,
|
|
16
|
+
AttentionItem,
|
|
17
|
+
AttentionList,
|
|
12
18
|
CodeBlock,
|
|
13
19
|
CommandPalette,
|
|
14
20
|
ConfirmationDialog,
|
|
21
|
+
DataPanel,
|
|
22
|
+
DataPanelContent,
|
|
23
|
+
DataPanelFooter,
|
|
24
|
+
DataPanelHeader,
|
|
15
25
|
DataTable,
|
|
16
26
|
DensityControl,
|
|
17
27
|
DesignPreferenceControls,
|
|
@@ -33,6 +43,8 @@ import {
|
|
|
33
43
|
MainRegion,
|
|
34
44
|
MetricBand,
|
|
35
45
|
MetricBandItem,
|
|
46
|
+
MetricCard,
|
|
47
|
+
MetricTrend,
|
|
36
48
|
NavigationGroup,
|
|
37
49
|
NavigationItem,
|
|
38
50
|
NavigationSubItem,
|
|
@@ -70,7 +82,7 @@ import {
|
|
|
70
82
|
WorkbenchShell,
|
|
71
83
|
useAppShell,
|
|
72
84
|
useConsciaPreferences
|
|
73
|
-
} from "./chunk-
|
|
85
|
+
} from "./chunk-OYJH5CVD.js";
|
|
74
86
|
import {
|
|
75
87
|
appearanceOptions,
|
|
76
88
|
applyConsciaPreferences,
|
|
@@ -146,7 +158,7 @@ import {
|
|
|
146
158
|
alertVariants,
|
|
147
159
|
badgeVariants,
|
|
148
160
|
useToast
|
|
149
|
-
} from "./chunk-
|
|
161
|
+
} from "./chunk-SIRISAFC.js";
|
|
150
162
|
import {
|
|
151
163
|
AlertDialog,
|
|
152
164
|
AlertDialogAction,
|
|
@@ -241,7 +253,7 @@ import {
|
|
|
241
253
|
TooltipTrigger,
|
|
242
254
|
buttonVariants,
|
|
243
255
|
cardVariants
|
|
244
|
-
} from "./chunk-
|
|
256
|
+
} from "./chunk-HWUUODVE.js";
|
|
245
257
|
import {
|
|
246
258
|
cn
|
|
247
259
|
} from "./chunk-JU5DQXFC.js";
|
|
@@ -265,12 +277,18 @@ export {
|
|
|
265
277
|
AlertDialogTitle,
|
|
266
278
|
AlertDialogTrigger,
|
|
267
279
|
AlertTitle,
|
|
280
|
+
AppHeader,
|
|
281
|
+
AppHeaderActions,
|
|
282
|
+
AppHeaderSearch,
|
|
283
|
+
AppHeaderStart,
|
|
268
284
|
AppShell,
|
|
269
285
|
AppSidebar,
|
|
270
286
|
AppSidebarContent,
|
|
271
287
|
AppSidebarFooter,
|
|
272
288
|
AppSidebarHeader,
|
|
273
289
|
AppearanceControl,
|
|
290
|
+
AttentionItem,
|
|
291
|
+
AttentionList,
|
|
274
292
|
Avatar,
|
|
275
293
|
AvatarFallback,
|
|
276
294
|
AvatarGroup,
|
|
@@ -317,6 +335,10 @@ export {
|
|
|
317
335
|
ConsciaTableHeader,
|
|
318
336
|
ConsciaTableRow,
|
|
319
337
|
ConsciaTextarea,
|
|
338
|
+
DataPanel,
|
|
339
|
+
DataPanelContent,
|
|
340
|
+
DataPanelFooter,
|
|
341
|
+
DataPanelHeader,
|
|
320
342
|
DataTable,
|
|
321
343
|
DensityControl,
|
|
322
344
|
DesignPreferenceControls,
|
|
@@ -372,6 +394,8 @@ export {
|
|
|
372
394
|
MainRegion,
|
|
373
395
|
MetricBand,
|
|
374
396
|
MetricBandItem,
|
|
397
|
+
MetricCard,
|
|
398
|
+
MetricTrend,
|
|
375
399
|
NavigationGroup,
|
|
376
400
|
NavigationItem,
|
|
377
401
|
NavigationSubItem,
|
package/dist/patterns/index.d.ts
CHANGED
|
@@ -52,6 +52,20 @@ type CommandPaletteProps = Omit<React.ComponentProps<"div">, "children" | "onSel
|
|
|
52
52
|
};
|
|
53
53
|
declare function CommandPalette({ className, closeOnSelect, defaultOpen, description, emptyMessage, items, onOpenChange, onSelect, open, placeholder, title, trigger, ...props }: CommandPaletteProps): React.JSX.Element;
|
|
54
54
|
|
|
55
|
+
declare function DataPanel({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
|
|
56
|
+
type DataPanelHeaderProps = React.ComponentProps<"header"> & {
|
|
57
|
+
title: React.ReactNode;
|
|
58
|
+
description?: React.ReactNode;
|
|
59
|
+
status?: React.ReactNode;
|
|
60
|
+
actions?: React.ReactNode;
|
|
61
|
+
};
|
|
62
|
+
declare function DataPanelHeader({ title, description, status, actions, className, ...props }: DataPanelHeaderProps): React.JSX.Element;
|
|
63
|
+
type DataPanelContentProps = React.ComponentProps<"div"> & {
|
|
64
|
+
padded?: boolean;
|
|
65
|
+
};
|
|
66
|
+
declare function DataPanelContent({ padded, className, ...props }: DataPanelContentProps): React.JSX.Element;
|
|
67
|
+
declare function DataPanelFooter({ className, ...props }: React.ComponentProps<"footer">): React.JSX.Element;
|
|
68
|
+
|
|
55
69
|
type DataTableColumn<TData> = {
|
|
56
70
|
id: string;
|
|
57
71
|
header: React.ReactNode;
|
|
@@ -109,10 +123,12 @@ type AppShellContextValue = {
|
|
|
109
123
|
isMobile: boolean;
|
|
110
124
|
toggleSidebar: () => void;
|
|
111
125
|
};
|
|
112
|
-
|
|
113
|
-
declare function AppShell({ defaultSidebarOpen, children, className, style, ...props }: React.ComponentProps<"div"> & {
|
|
126
|
+
type AppShellProps = React.ComponentProps<"div"> & {
|
|
114
127
|
defaultSidebarOpen?: boolean;
|
|
115
|
-
|
|
128
|
+
headerLayout?: "split" | "integrated";
|
|
129
|
+
};
|
|
130
|
+
declare function useAppShell(): AppShellContextValue;
|
|
131
|
+
declare function AppShell({ defaultSidebarOpen, headerLayout, children, className, style, ...props }: AppShellProps): React.JSX.Element;
|
|
116
132
|
declare function AppSidebar({ side, variant, className, children, title, description, ...props }: React.ComponentProps<"aside"> & {
|
|
117
133
|
side?: "left" | "right";
|
|
118
134
|
/** Use the appearance-aware sidebar by default; explicit variants remain available. */
|
|
@@ -150,7 +166,7 @@ type NavigationSubItemProps = Omit<React.ComponentProps<"a">, "render"> & {
|
|
|
150
166
|
declare const NavigationSubItem: React.ForwardRefExoticComponent<Omit<NavigationSubItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
151
167
|
declare function NavigationSubList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
152
168
|
/**
|
|
153
|
-
* Place this control inside TopBar, not AppSidebar, so it remains available
|
|
169
|
+
* Place this control inside AppHeader or TopBar, not AppSidebar, so it remains available
|
|
154
170
|
* after the sidebar collapses and in the mobile drawer layout.
|
|
155
171
|
*/
|
|
156
172
|
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"> & {
|
|
|
168
184
|
*/
|
|
169
185
|
declare function SidebarSearch({ expanded: expandedProp, defaultExpanded, onExpandedChange, triggerLabel, shortcut, className, onKeyDown, ...props }: SidebarSearchProps): React.JSX.Element;
|
|
170
186
|
declare function MainRegion({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
187
|
+
declare function AppHeader({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
|
|
188
|
+
declare function AppHeaderStart({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
189
|
+
type AppHeaderSearchProps = React.ComponentProps<"div"> & {
|
|
190
|
+
mobileTrigger: React.ReactNode;
|
|
191
|
+
};
|
|
192
|
+
declare function AppHeaderSearch({ mobileTrigger, children, className, ...props }: AppHeaderSearchProps): React.JSX.Element;
|
|
193
|
+
declare function AppHeaderActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
171
194
|
declare function TopBar({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
|
|
172
195
|
declare function PageFrame({ width, className, ...props }: React.ComponentProps<"main"> & {
|
|
173
196
|
width?: "full" | "wide" | "focused" | "reading";
|
|
@@ -178,13 +201,29 @@ declare function InspectorRegion({ className, ...props }: React.ComponentProps<"
|
|
|
178
201
|
|
|
179
202
|
declare function ActivityList({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
180
203
|
type ActivityItemProps = React.ComponentProps<"div"> & {
|
|
204
|
+
leading?: React.ReactNode;
|
|
181
205
|
icon?: React.ReactNode;
|
|
182
206
|
title: React.ReactNode;
|
|
183
207
|
description?: React.ReactNode;
|
|
184
208
|
metadata?: React.ReactNode;
|
|
209
|
+
trailing?: React.ReactNode;
|
|
185
210
|
status?: React.ReactNode;
|
|
211
|
+
layout?: "standard" | "compact";
|
|
212
|
+
};
|
|
213
|
+
declare function ActivityItem({ leading, icon, title, description, metadata, trailing, status, layout, className, ...props }: ActivityItemProps): React.JSX.Element;
|
|
214
|
+
|
|
215
|
+
type AttentionTone = "neutral" | "information" | "success" | "warning" | "danger";
|
|
216
|
+
declare function AttentionList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
|
|
217
|
+
type AttentionItemProps = Omit<React.ComponentProps<"li">, "title"> & {
|
|
218
|
+
title: React.ReactNode;
|
|
219
|
+
description?: React.ReactNode;
|
|
220
|
+
metadata?: React.ReactNode;
|
|
221
|
+
action?: React.ReactNode;
|
|
222
|
+
tone?: AttentionTone;
|
|
223
|
+
severityLabel?: string;
|
|
224
|
+
icon?: React.ReactNode;
|
|
186
225
|
};
|
|
187
|
-
declare function
|
|
226
|
+
declare function AttentionItem({ title, description, metadata, action, tone, severityLabel, icon, className, ...props }: AttentionItemProps): React.JSX.Element;
|
|
188
227
|
|
|
189
228
|
type ConfirmationDialogProps = {
|
|
190
229
|
trigger: React.ReactNode;
|
|
@@ -230,6 +269,32 @@ type MetricBandItemProps = React.ComponentProps<"div"> & {
|
|
|
230
269
|
};
|
|
231
270
|
declare function MetricBandItem({ label, value, detail, icon, iconClassName, loading, className, ...props }: MetricBandItemProps): React.JSX.Element;
|
|
232
271
|
|
|
272
|
+
type MetricTrendProps = React.ComponentProps<"span"> & {
|
|
273
|
+
direction: "up" | "down" | "flat";
|
|
274
|
+
sentiment?: "positive" | "negative" | "neutral";
|
|
275
|
+
value: React.ReactNode;
|
|
276
|
+
accessibleLabel: string;
|
|
277
|
+
};
|
|
278
|
+
declare function MetricTrend({ direction, sentiment, value, accessibleLabel, className, ...props }: MetricTrendProps): React.JSX.Element;
|
|
279
|
+
type MetricCardBaseProps = React.ComponentProps<"section"> & {
|
|
280
|
+
label: React.ReactNode;
|
|
281
|
+
description?: React.ReactNode;
|
|
282
|
+
value?: React.ReactNode;
|
|
283
|
+
unit?: React.ReactNode;
|
|
284
|
+
trend?: React.ReactNode;
|
|
285
|
+
status?: React.ReactNode;
|
|
286
|
+
emphasis?: "primary" | "supporting";
|
|
287
|
+
loading?: boolean;
|
|
288
|
+
};
|
|
289
|
+
type MetricCardProps = MetricCardBaseProps & ({
|
|
290
|
+
visualization?: undefined;
|
|
291
|
+
visualizationSummary?: never;
|
|
292
|
+
} | {
|
|
293
|
+
visualization: React.ReactNode;
|
|
294
|
+
visualizationSummary: string;
|
|
295
|
+
});
|
|
296
|
+
declare function MetricCard({ label, description, value, unit, trend, status, emphasis, loading, visualization, visualizationSummary, className, ...props }: MetricCardProps): React.JSX.Element;
|
|
297
|
+
|
|
233
298
|
type PageHeaderProps = React.ComponentProps<"header"> & {
|
|
234
299
|
title: React.ReactNode;
|
|
235
300
|
description?: React.ReactNode;
|
|
@@ -324,6 +389,7 @@ type SidebarNavigationItem = {
|
|
|
324
389
|
id: string;
|
|
325
390
|
label: string;
|
|
326
391
|
icon?: React.ReactNode;
|
|
392
|
+
collapsedLabel?: React.ReactNode;
|
|
327
393
|
badge?: React.ReactNode;
|
|
328
394
|
badgeLabel?: string;
|
|
329
395
|
count?: React.ReactNode;
|
|
@@ -331,11 +397,24 @@ type SidebarNavigationItem = {
|
|
|
331
397
|
active?: boolean;
|
|
332
398
|
startsSection?: boolean;
|
|
333
399
|
};
|
|
400
|
+
/** @deprecated Prefer an explicit SidebarNavigationGroup or SidebarNavigationSubmenu. */
|
|
334
401
|
type SidebarNavigationSection = Omit<SidebarNavigationItem, "active"> & {
|
|
402
|
+
type?: undefined;
|
|
335
403
|
active?: boolean;
|
|
336
404
|
items: SidebarNavigationItem[];
|
|
337
405
|
};
|
|
338
|
-
type
|
|
406
|
+
type SidebarNavigationGroup = {
|
|
407
|
+
type: "group";
|
|
408
|
+
id: string;
|
|
409
|
+
label: string;
|
|
410
|
+
count?: React.ReactNode;
|
|
411
|
+
items: SidebarNavigationItem[];
|
|
412
|
+
};
|
|
413
|
+
type SidebarNavigationSubmenu = Omit<SidebarNavigationSection, "active" | "type"> & {
|
|
414
|
+
type: "submenu";
|
|
415
|
+
defaultOpen?: boolean;
|
|
416
|
+
};
|
|
417
|
+
type SidebarNavigationEntry = SidebarNavigationItem | SidebarNavigationSection | SidebarNavigationGroup | SidebarNavigationSubmenu;
|
|
339
418
|
type SidebarNavigationLinkProps = {
|
|
340
419
|
"aria-current"?: "page";
|
|
341
420
|
"aria-label": string;
|
|
@@ -703,4 +782,4 @@ type IdentityRowProps = React.ComponentProps<"div"> & {
|
|
|
703
782
|
};
|
|
704
783
|
declare function IdentityRow({ initials, name, detail, compact, className, ...props }: IdentityRowProps): React.JSX.Element;
|
|
705
784
|
|
|
706
|
-
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 };
|
|
785
|
+
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
CHANGED
|
@@ -2,15 +2,25 @@
|
|
|
2
2
|
import {
|
|
3
3
|
ActivityItem,
|
|
4
4
|
ActivityList,
|
|
5
|
+
AppHeader,
|
|
6
|
+
AppHeaderActions,
|
|
7
|
+
AppHeaderSearch,
|
|
8
|
+
AppHeaderStart,
|
|
5
9
|
AppShell,
|
|
6
10
|
AppSidebar,
|
|
7
11
|
AppSidebarContent,
|
|
8
12
|
AppSidebarFooter,
|
|
9
13
|
AppSidebarHeader,
|
|
10
14
|
AppearanceControl,
|
|
15
|
+
AttentionItem,
|
|
16
|
+
AttentionList,
|
|
11
17
|
CodeBlock,
|
|
12
18
|
CommandPalette,
|
|
13
19
|
ConfirmationDialog,
|
|
20
|
+
DataPanel,
|
|
21
|
+
DataPanelContent,
|
|
22
|
+
DataPanelFooter,
|
|
23
|
+
DataPanelHeader,
|
|
14
24
|
DataTable,
|
|
15
25
|
DensityControl,
|
|
16
26
|
DesignPreferenceControls,
|
|
@@ -32,6 +42,8 @@ import {
|
|
|
32
42
|
MainRegion,
|
|
33
43
|
MetricBand,
|
|
34
44
|
MetricBandItem,
|
|
45
|
+
MetricCard,
|
|
46
|
+
MetricTrend,
|
|
35
47
|
NavigationGroup,
|
|
36
48
|
NavigationItem,
|
|
37
49
|
NavigationSubItem,
|
|
@@ -69,23 +81,33 @@ import {
|
|
|
69
81
|
WorkbenchShell,
|
|
70
82
|
useAppShell,
|
|
71
83
|
useConsciaPreferences
|
|
72
|
-
} from "../chunk-
|
|
84
|
+
} from "../chunk-OYJH5CVD.js";
|
|
73
85
|
import "../chunk-YNQWIH6V.js";
|
|
74
|
-
import "../chunk-
|
|
86
|
+
import "../chunk-HWUUODVE.js";
|
|
75
87
|
import "../chunk-JU5DQXFC.js";
|
|
76
88
|
import "../chunk-UVKRO5ER.js";
|
|
77
89
|
export {
|
|
78
90
|
ActivityItem,
|
|
79
91
|
ActivityList,
|
|
92
|
+
AppHeader,
|
|
93
|
+
AppHeaderActions,
|
|
94
|
+
AppHeaderSearch,
|
|
95
|
+
AppHeaderStart,
|
|
80
96
|
AppShell,
|
|
81
97
|
AppSidebar,
|
|
82
98
|
AppSidebarContent,
|
|
83
99
|
AppSidebarFooter,
|
|
84
100
|
AppSidebarHeader,
|
|
85
101
|
AppearanceControl,
|
|
102
|
+
AttentionItem,
|
|
103
|
+
AttentionList,
|
|
86
104
|
CodeBlock,
|
|
87
105
|
CommandPalette,
|
|
88
106
|
ConfirmationDialog,
|
|
107
|
+
DataPanel,
|
|
108
|
+
DataPanelContent,
|
|
109
|
+
DataPanelFooter,
|
|
110
|
+
DataPanelHeader,
|
|
89
111
|
DataTable,
|
|
90
112
|
DensityControl,
|
|
91
113
|
DesignPreferenceControls,
|
|
@@ -107,6 +129,8 @@ export {
|
|
|
107
129
|
MainRegion,
|
|
108
130
|
MetricBand,
|
|
109
131
|
MetricBandItem,
|
|
132
|
+
MetricCard,
|
|
133
|
+
MetricTrend,
|
|
110
134
|
NavigationGroup,
|
|
111
135
|
NavigationItem,
|
|
112
136
|
NavigationSubItem,
|
|
@@ -20,7 +20,7 @@ import '@base-ui/react/use-render';
|
|
|
20
20
|
import 'clsx';
|
|
21
21
|
|
|
22
22
|
declare const alertVariants: (props?: ({
|
|
23
|
-
variant?: "default" | "
|
|
23
|
+
variant?: "default" | "information" | "success" | "warning" | "danger" | null | undefined;
|
|
24
24
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
25
25
|
type AlertProps = React.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
|
|
26
26
|
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"> & {
|
|
|
53
53
|
declare function AvatarGroup({ children, className, max, size, total, ...props }: AvatarGroupProps): React.JSX.Element;
|
|
54
54
|
|
|
55
55
|
declare const badgeVariants: (props?: ({
|
|
56
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "neutral" | "
|
|
56
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "neutral" | "information" | "success" | "warning" | "danger" | "accent" | "info" | null | undefined;
|
|
57
57
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
58
58
|
declare function Badge({ className, variant, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.JSX.Element;
|
|
59
59
|
|
package/dist/primitives/index.js
CHANGED
|
@@ -69,7 +69,7 @@ import {
|
|
|
69
69
|
alertVariants,
|
|
70
70
|
badgeVariants,
|
|
71
71
|
useToast
|
|
72
|
-
} from "../chunk-
|
|
72
|
+
} from "../chunk-SIRISAFC.js";
|
|
73
73
|
import {
|
|
74
74
|
AlertDialog,
|
|
75
75
|
AlertDialogAction,
|
|
@@ -164,7 +164,7 @@ import {
|
|
|
164
164
|
TooltipTrigger,
|
|
165
165
|
buttonVariants,
|
|
166
166
|
cardVariants
|
|
167
|
-
} from "../chunk-
|
|
167
|
+
} from "../chunk-HWUUODVE.js";
|
|
168
168
|
import {
|
|
169
169
|
cn
|
|
170
170
|
} from "../chunk-JU5DQXFC.js";
|