@gunjo/ui 0.0.1-alpha.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.
Files changed (88) hide show
  1. package/README.md +129 -0
  2. package/design/atoms-metadata.json +82 -0
  3. package/design/molecules-metadata.json +130 -0
  4. package/design/organisms-metadata.json +38 -0
  5. package/design/templates-metadata.json +38 -0
  6. package/package.json +158 -0
  7. package/src/components/atoms/Alert.tsx +63 -0
  8. package/src/components/atoms/Avatar.tsx +57 -0
  9. package/src/components/atoms/Badge.tsx +30 -0
  10. package/src/components/atoms/Button.tsx +29 -0
  11. package/src/components/atoms/ButtonVariants.ts +37 -0
  12. package/src/components/atoms/Checkbox.tsx +52 -0
  13. package/src/components/atoms/Img.tsx +102 -0
  14. package/src/components/atoms/Input.tsx +37 -0
  15. package/src/components/atoms/Kbd.tsx +22 -0
  16. package/src/components/atoms/Label.tsx +22 -0
  17. package/src/components/atoms/Progress.tsx +38 -0
  18. package/src/components/atoms/RadioGroup.tsx +86 -0
  19. package/src/components/atoms/Select.tsx +28 -0
  20. package/src/components/atoms/Separator.tsx +33 -0
  21. package/src/components/atoms/Skeleton.tsx +36 -0
  22. package/src/components/atoms/Slider.tsx +26 -0
  23. package/src/components/atoms/Spinner.tsx +34 -0
  24. package/src/components/atoms/Switch.tsx +47 -0
  25. package/src/components/atoms/Textarea.tsx +34 -0
  26. package/src/components/atoms/ToggleGroup.tsx +60 -0
  27. package/src/components/atoms/ToolPill.tsx +77 -0
  28. package/src/components/atoms/generated/default-variant-keys.ts +36 -0
  29. package/src/components/atoms/generated/variant-keys.ts +61 -0
  30. package/src/components/generated/component-manifest.ts +741 -0
  31. package/src/components/generated/component-style-hints.ts +1262 -0
  32. package/src/components/molecules/AIChatInput.tsx +140 -0
  33. package/src/components/molecules/AIChatMessage.tsx +109 -0
  34. package/src/components/molecules/Accordion.tsx +99 -0
  35. package/src/components/molecules/Breadcrumb.tsx +115 -0
  36. package/src/components/molecules/Calendar.tsx +60 -0
  37. package/src/components/molecules/Card.tsx +78 -0
  38. package/src/components/molecules/Carousel.tsx +261 -0
  39. package/src/components/molecules/Command.tsx +152 -0
  40. package/src/components/molecules/ContextMenu.tsx +200 -0
  41. package/src/components/molecules/Dialog.tsx +122 -0
  42. package/src/components/molecules/DropdownMenu.tsx +200 -0
  43. package/src/components/molecules/FilterButton.tsx +133 -0
  44. package/src/components/molecules/Form.tsx +90 -0
  45. package/src/components/molecules/HoverCard.tsx +29 -0
  46. package/src/components/molecules/List.tsx +120 -0
  47. package/src/components/molecules/Menubar.tsx +231 -0
  48. package/src/components/molecules/Modal.tsx +66 -0
  49. package/src/components/molecules/NotificationCenter.tsx +118 -0
  50. package/src/components/molecules/Pagination.tsx +118 -0
  51. package/src/components/molecules/Popover.tsx +31 -0
  52. package/src/components/molecules/ProgressWidget.tsx +40 -0
  53. package/src/components/molecules/Resizable.tsx +47 -0
  54. package/src/components/molecules/ScrollArea.tsx +48 -0
  55. package/src/components/molecules/Sheet.tsx +140 -0
  56. package/src/components/molecules/SidebarItem.tsx +134 -0
  57. package/src/components/molecules/SortButton.tsx +56 -0
  58. package/src/components/molecules/StatusBar.tsx +41 -0
  59. package/src/components/molecules/Stepper.tsx +108 -0
  60. package/src/components/molecules/Table.tsx +117 -0
  61. package/src/components/molecules/Tabs.tsx +64 -0
  62. package/src/components/molecules/Toast.tsx +57 -0
  63. package/src/components/molecules/Tooltip.tsx +30 -0
  64. package/src/components/molecules/generated/default-variant-keys.ts +22 -0
  65. package/src/components/molecules/generated/variant-keys.ts +33 -0
  66. package/src/components/organisms/AppRail.tsx +28 -0
  67. package/src/components/organisms/CommandPalette.tsx +58 -0
  68. package/src/components/organisms/FileUploader.tsx +151 -0
  69. package/src/components/organisms/FloatingPanel.tsx +46 -0
  70. package/src/components/organisms/InspectorPanel.tsx +65 -0
  71. package/src/components/organisms/RightRail.tsx +29 -0
  72. package/src/components/organisms/ShareModal.tsx +182 -0
  73. package/src/components/organisms/SpatialCanvas.tsx +36 -0
  74. package/src/components/organisms/ToastProvider.tsx +49 -0
  75. package/src/components/templates/AuthTemplate.tsx +58 -0
  76. package/src/components/templates/BannalyzeTemplate.tsx +55 -0
  77. package/src/components/templates/ChatTemplate.tsx +55 -0
  78. package/src/components/templates/DashboardTemplate.tsx +34 -0
  79. package/src/components/templates/EditorTemplate.tsx +46 -0
  80. package/src/components/templates/KanbanTemplate.tsx +38 -0
  81. package/src/components/templates/LandingTemplate.tsx +53 -0
  82. package/src/components/templates/MediaLibraryTemplate.tsx +55 -0
  83. package/src/components/templates/SettingsTemplate.tsx +48 -0
  84. package/src/globals.css +108 -0
  85. package/src/index.ts +89 -0
  86. package/src/lib/utils.ts +6 -0
  87. package/tailwind-preset.js +11 -0
  88. package/tailwind-theme-extend.cjs +86 -0
@@ -0,0 +1,741 @@
1
+ /* eslint-disable */
2
+ // Generated by `npm run design:sync:components`. Do not edit manually.
3
+
4
+ export const componentManifest = {
5
+ "atoms": {
6
+ "alert": {
7
+ "title": "Alert",
8
+ "description": "Displays a callout for user attention.",
9
+ "variantKeys": [
10
+ "default",
11
+ "destructive"
12
+ ],
13
+ "defaultVariantKey": "default",
14
+ "sourceFile": "src/components/atoms/Alert.tsx",
15
+ "specSource": "design/atoms.pen"
16
+ },
17
+ "avatar": {
18
+ "title": "Avatar",
19
+ "description": "An image element with a fallback for representing the user.",
20
+ "variantKeys": [
21
+ "fallback",
22
+ "image"
23
+ ],
24
+ "defaultVariantKey": "fallback",
25
+ "sourceFile": "src/components/atoms/Avatar.tsx",
26
+ "specSource": "design/atoms.pen"
27
+ },
28
+ "badge": {
29
+ "title": "Badge",
30
+ "description": "Displays a badge or a component that looks like a badge.",
31
+ "variantKeys": [
32
+ "default",
33
+ "secondary",
34
+ "destructive",
35
+ "outline"
36
+ ],
37
+ "defaultVariantKey": "default",
38
+ "sourceFile": "src/components/atoms/Badge.tsx",
39
+ "specSource": "design/atoms.pen"
40
+ },
41
+ "button": {
42
+ "title": "Button",
43
+ "description": "Displays a button or a component that looks like a button.",
44
+ "variantKeys": [
45
+ "default",
46
+ "destructive",
47
+ "outline",
48
+ "secondary",
49
+ "ghost",
50
+ "link"
51
+ ],
52
+ "defaultVariantKey": "default",
53
+ "sourceFile": "src/components/atoms/Button.tsx",
54
+ "specSource": "design/atoms.pen"
55
+ },
56
+ "checkbox": {
57
+ "title": "Checkbox",
58
+ "description": "A control that allows the user to toggle between checked and not checked.",
59
+ "variantKeys": [
60
+ "unchecked",
61
+ "checked",
62
+ "disabled"
63
+ ],
64
+ "defaultVariantKey": "unchecked",
65
+ "sourceFile": "src/components/atoms/Checkbox.tsx",
66
+ "specSource": "design/atoms.pen"
67
+ },
68
+ "img": {
69
+ "title": "Img",
70
+ "description": "An enhanced image component with loading skeleton and error fallback.",
71
+ "variantKeys": [
72
+ "loading",
73
+ "loaded",
74
+ "error"
75
+ ],
76
+ "defaultVariantKey": "loading",
77
+ "sourceFile": "src/components/atoms/Img.tsx",
78
+ "specSource": "design/atoms.pen"
79
+ },
80
+ "input": {
81
+ "title": "Input",
82
+ "description": "Displays a form input field or a component that looks like an input field.",
83
+ "variantKeys": [
84
+ "default",
85
+ "placeholder",
86
+ "disabled"
87
+ ],
88
+ "defaultVariantKey": "default",
89
+ "sourceFile": "src/components/atoms/Input.tsx",
90
+ "specSource": "design/atoms.pen"
91
+ },
92
+ "kbd": {
93
+ "title": "Kbd",
94
+ "description": "Displays a keyboard shortcut key.",
95
+ "variantKeys": [
96
+ "key"
97
+ ],
98
+ "defaultVariantKey": "key",
99
+ "sourceFile": "src/components/atoms/Kbd.tsx",
100
+ "specSource": "design/atoms.pen"
101
+ },
102
+ "label": {
103
+ "title": "Label",
104
+ "description": "Renders an accessible label associated with controls.",
105
+ "variantKeys": [],
106
+ "defaultVariantKey": null,
107
+ "sourceFile": "src/components/atoms/Label.tsx",
108
+ "specSource": "design/atoms.pen"
109
+ },
110
+ "progress": {
111
+ "title": "Progress",
112
+ "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
113
+ "variantKeys": [
114
+ "bar"
115
+ ],
116
+ "defaultVariantKey": "bar",
117
+ "sourceFile": "src/components/atoms/Progress.tsx",
118
+ "specSource": "design/atoms.pen"
119
+ },
120
+ "radioGroup": {
121
+ "title": "RadioGroup",
122
+ "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
123
+ "variantKeys": [
124
+ "unchecked",
125
+ "checked"
126
+ ],
127
+ "defaultVariantKey": "unchecked",
128
+ "sourceFile": "src/components/atoms/RadioGroup.tsx",
129
+ "specSource": "design/atoms.pen"
130
+ },
131
+ "select": {
132
+ "title": "Select",
133
+ "description": "Displays a list of options for the user to pick from.",
134
+ "variantKeys": [
135
+ "default"
136
+ ],
137
+ "defaultVariantKey": "default",
138
+ "sourceFile": "src/components/atoms/Select.tsx",
139
+ "specSource": "design/atoms.pen"
140
+ },
141
+ "separator": {
142
+ "title": "Separator",
143
+ "description": "Visually or semantically separates content.",
144
+ "variantKeys": [
145
+ "horizontal",
146
+ "vertical"
147
+ ],
148
+ "defaultVariantKey": "horizontal",
149
+ "sourceFile": "src/components/atoms/Separator.tsx",
150
+ "specSource": "design/atoms.pen"
151
+ },
152
+ "skeleton": {
153
+ "title": null,
154
+ "description": null,
155
+ "variantKeys": [],
156
+ "defaultVariantKey": null,
157
+ "sourceFile": "src/components/atoms/Skeleton.tsx",
158
+ "specSource": "design/atoms.pen"
159
+ },
160
+ "slider": {
161
+ "title": "Slider",
162
+ "description": "An input where the user selects a value from within a given range.",
163
+ "variantKeys": [
164
+ "default"
165
+ ],
166
+ "defaultVariantKey": "default",
167
+ "sourceFile": "src/components/atoms/Slider.tsx",
168
+ "specSource": "design/atoms.pen"
169
+ },
170
+ "spinner": {
171
+ "title": "Spinner",
172
+ "description": "A visual indicator that content is being loaded.",
173
+ "variantKeys": [
174
+ "sm",
175
+ "default",
176
+ "lg"
177
+ ],
178
+ "defaultVariantKey": "default",
179
+ "sourceFile": "src/components/atoms/Spinner.tsx",
180
+ "specSource": "design/atoms.pen"
181
+ },
182
+ "switch": {
183
+ "title": "Switch",
184
+ "description": "A control that allows the user to toggle between checked and not checked.",
185
+ "variantKeys": [
186
+ "unchecked",
187
+ "checked"
188
+ ],
189
+ "defaultVariantKey": "unchecked",
190
+ "sourceFile": "src/components/atoms/Switch.tsx",
191
+ "specSource": "design/atoms.pen"
192
+ },
193
+ "textarea": {
194
+ "title": "Textarea",
195
+ "description": "Displays a form textarea or a component that looks like a textarea.",
196
+ "variantKeys": [
197
+ "default",
198
+ "disabled"
199
+ ],
200
+ "defaultVariantKey": "default",
201
+ "sourceFile": "src/components/atoms/Textarea.tsx",
202
+ "specSource": "design/atoms.pen"
203
+ },
204
+ "toggleGroup": {
205
+ "title": "ToggleGroup",
206
+ "description": "A set of two-state buttons that can be toggled on or off.",
207
+ "variantKeys": [
208
+ "default",
209
+ "outline"
210
+ ],
211
+ "defaultVariantKey": "default",
212
+ "sourceFile": "src/components/atoms/ToggleGroup.tsx",
213
+ "specSource": "design/atoms.pen"
214
+ },
215
+ "toolPill": {
216
+ "title": "ToolPill",
217
+ "description": "Compact icon pill used for toolbar quick actions with active and danger states.",
218
+ "variantKeys": [
219
+ "primary",
220
+ "secondary",
221
+ "danger"
222
+ ],
223
+ "defaultVariantKey": "primary",
224
+ "sourceFile": "src/components/atoms/ToolPill.tsx",
225
+ "specSource": "design/atoms.pen"
226
+ }
227
+ },
228
+ "molecules": {
229
+ "accordion": {
230
+ "title": "Accordion",
231
+ "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
232
+ "variantKeys": [
233
+ "collapsed",
234
+ "expanded"
235
+ ],
236
+ "defaultVariantKey": "collapsed",
237
+ "sourceFile": "src/components/molecules/Accordion.tsx",
238
+ "specSource": "design/molecules.pen"
239
+ },
240
+ "aiChatInput": {
241
+ "title": "AIChatInput",
242
+ "description": "Composer row with attachments, autosizing textarea, and send/stop actions.",
243
+ "variantKeys": [
244
+ "default"
245
+ ],
246
+ "defaultVariantKey": "default",
247
+ "sourceFile": "src/components/molecules/AIChatInput.tsx",
248
+ "specSource": "design/molecules.pen"
249
+ },
250
+ "aiChatMessage": {
251
+ "title": "AIChatMessage",
252
+ "description": "Chat row for user/assistant with avatar, bubble, and action controls.",
253
+ "variantKeys": [
254
+ "assistant",
255
+ "user"
256
+ ],
257
+ "defaultVariantKey": "assistant",
258
+ "sourceFile": "src/components/molecules/AIChatMessage.tsx",
259
+ "specSource": "design/molecules.pen"
260
+ },
261
+ "breadcrumb": {
262
+ "title": "Breadcrumb",
263
+ "description": "Displays the path to the current resource using a hierarchy of links.",
264
+ "variantKeys": [
265
+ "default"
266
+ ],
267
+ "defaultVariantKey": "default",
268
+ "sourceFile": "src/components/molecules/Breadcrumb.tsx",
269
+ "specSource": "design/molecules.pen"
270
+ },
271
+ "calendar": {
272
+ "title": "Calendar",
273
+ "description": "A date field component that allows users to enter and edit date.",
274
+ "variantKeys": [
275
+ "default"
276
+ ],
277
+ "defaultVariantKey": "default",
278
+ "sourceFile": "src/components/molecules/Calendar.tsx",
279
+ "specSource": "design/molecules.pen"
280
+ },
281
+ "card": {
282
+ "title": "Card",
283
+ "description": "Displays a card with header, content, and footer.",
284
+ "variantKeys": [
285
+ "default"
286
+ ],
287
+ "defaultVariantKey": "default",
288
+ "sourceFile": "src/components/molecules/Card.tsx",
289
+ "specSource": "design/molecules.pen"
290
+ },
291
+ "carousel": {
292
+ "title": "Carousel",
293
+ "description": "Embla-powered slider with keyboard and arrow controls.",
294
+ "variantKeys": [
295
+ "default"
296
+ ],
297
+ "defaultVariantKey": "default",
298
+ "sourceFile": "src/components/molecules/Carousel.tsx",
299
+ "specSource": "design/molecules.pen"
300
+ },
301
+ "command": {
302
+ "title": "Command",
303
+ "description": "Fast, composable, unstyled command menu for React.",
304
+ "variantKeys": [
305
+ "default"
306
+ ],
307
+ "defaultVariantKey": "default",
308
+ "sourceFile": "src/components/molecules/Command.tsx",
309
+ "specSource": "design/molecules.pen"
310
+ },
311
+ "contextMenu": {
312
+ "title": "ContextMenu",
313
+ "description": "Right-click style action list with labels and nested trigger.",
314
+ "variantKeys": [
315
+ "default"
316
+ ],
317
+ "defaultVariantKey": "default",
318
+ "sourceFile": "src/components/molecules/ContextMenu.tsx",
319
+ "specSource": "design/molecules.pen"
320
+ },
321
+ "dialog": {
322
+ "title": "Dialog",
323
+ "description": "Centered modal dialog with overlay, header, and footer actions.",
324
+ "variantKeys": [
325
+ "default"
326
+ ],
327
+ "defaultVariantKey": "default",
328
+ "sourceFile": "src/components/molecules/Dialog.tsx",
329
+ "specSource": "design/molecules.pen"
330
+ },
331
+ "dropdownMenu": {
332
+ "title": "Dropdown Menu",
333
+ "description": "Displays a menu to the user—such as a set of actions or functions—triggered by a button.",
334
+ "variantKeys": [
335
+ "default"
336
+ ],
337
+ "defaultVariantKey": "default",
338
+ "sourceFile": "src/components/molecules/DropdownMenu.tsx",
339
+ "specSource": "design/molecules.pen"
340
+ },
341
+ "filterButton": {
342
+ "title": "FilterButton",
343
+ "description": "Filter trigger with dashed border, count badge, and command popover list.",
344
+ "variantKeys": [
345
+ "default",
346
+ "selected",
347
+ "popover"
348
+ ],
349
+ "defaultVariantKey": "default",
350
+ "sourceFile": "src/components/molecules/FilterButton.tsx",
351
+ "specSource": "design/molecules.pen"
352
+ },
353
+ "form": {
354
+ "title": null,
355
+ "description": null,
356
+ "variantKeys": [],
357
+ "defaultVariantKey": null,
358
+ "sourceFile": "src/components/molecules/Form.tsx",
359
+ "specSource": "design/molecules.pen"
360
+ },
361
+ "hoverCard": {
362
+ "title": "HoverCard",
363
+ "description": "Rich hover content with compact profile-like layout.",
364
+ "variantKeys": [
365
+ "default"
366
+ ],
367
+ "defaultVariantKey": "default",
368
+ "sourceFile": "src/components/molecules/HoverCard.tsx",
369
+ "specSource": "design/molecules.pen"
370
+ },
371
+ "list": {
372
+ "title": "List",
373
+ "description": "A semantic list component with customizable markers and spacing.",
374
+ "variantKeys": [
375
+ "dot",
376
+ "check",
377
+ "circle"
378
+ ],
379
+ "defaultVariantKey": "dot",
380
+ "sourceFile": "src/components/molecules/List.tsx",
381
+ "specSource": "design/molecules.pen"
382
+ },
383
+ "menubar": {
384
+ "title": "Menubar",
385
+ "description": "Top application menu with trigger items and nested submenu entry.",
386
+ "variantKeys": [
387
+ "default"
388
+ ],
389
+ "defaultVariantKey": "default",
390
+ "sourceFile": "src/components/molecules/Menubar.tsx",
391
+ "specSource": "design/molecules.pen"
392
+ },
393
+ "modal": {
394
+ "title": "Modal",
395
+ "description": "Dialog surface with header, content, and optional footer actions.",
396
+ "variantKeys": [
397
+ "default"
398
+ ],
399
+ "defaultVariantKey": "default",
400
+ "sourceFile": "src/components/molecules/Modal.tsx",
401
+ "specSource": "design/molecules.pen"
402
+ },
403
+ "notificationCenter": {
404
+ "title": "Notification Center",
405
+ "description": "Popover-based inbox for unread activity and quick actions.",
406
+ "variantKeys": [
407
+ "default"
408
+ ],
409
+ "defaultVariantKey": "default",
410
+ "sourceFile": "src/components/molecules/NotificationCenter.tsx",
411
+ "specSource": "design/molecules.pen"
412
+ },
413
+ "pagination": {
414
+ "title": "Pagination",
415
+ "description": "Navigation controls for traversing paged content.",
416
+ "variantKeys": [
417
+ "default"
418
+ ],
419
+ "defaultVariantKey": "default",
420
+ "sourceFile": "src/components/molecules/Pagination.tsx",
421
+ "specSource": "design/molecules.pen"
422
+ },
423
+ "popover": {
424
+ "title": "Popover",
425
+ "description": "Displays rich content in a portal, triggered by a button.",
426
+ "variantKeys": [
427
+ "default"
428
+ ],
429
+ "defaultVariantKey": "default",
430
+ "sourceFile": "src/components/molecules/Popover.tsx",
431
+ "specSource": "design/molecules.pen"
432
+ },
433
+ "progressWidget": {
434
+ "title": "ProgressWidget",
435
+ "description": "Metric card showing title, value, progress bar, and optional subtext.",
436
+ "variantKeys": [
437
+ "default"
438
+ ],
439
+ "defaultVariantKey": "default",
440
+ "sourceFile": "src/components/molecules/ProgressWidget.tsx",
441
+ "specSource": "design/molecules.pen"
442
+ },
443
+ "resizable": {
444
+ "title": "Resizable",
445
+ "description": "Pane group with draggable handle and optional grip indicator.",
446
+ "variantKeys": [
447
+ "horizontal"
448
+ ],
449
+ "defaultVariantKey": "horizontal",
450
+ "sourceFile": "src/components/molecules/Resizable.tsx",
451
+ "specSource": "design/molecules.pen"
452
+ },
453
+ "scrollArea": {
454
+ "title": "ScrollArea",
455
+ "description": "Custom scrollbar container with viewport and thumb controls.",
456
+ "variantKeys": [
457
+ "default"
458
+ ],
459
+ "defaultVariantKey": "default",
460
+ "sourceFile": "src/components/molecules/ScrollArea.tsx",
461
+ "specSource": "design/molecules.pen"
462
+ },
463
+ "sheet": {
464
+ "title": "Sheet",
465
+ "description": "Side panel variant with overlay, heading, and action area.",
466
+ "variantKeys": [
467
+ "right"
468
+ ],
469
+ "defaultVariantKey": "right",
470
+ "sourceFile": "src/components/molecules/Sheet.tsx",
471
+ "specSource": "design/molecules.pen"
472
+ },
473
+ "sidebarItem": {
474
+ "title": "SidebarItem",
475
+ "description": "Nested sidebar row with chevron, icon, label, and counter area.",
476
+ "variantKeys": [
477
+ "default",
478
+ "active"
479
+ ],
480
+ "defaultVariantKey": "default",
481
+ "sourceFile": "src/components/molecules/SidebarItem.tsx",
482
+ "specSource": "design/molecules.pen"
483
+ },
484
+ "sortButton": {
485
+ "title": "SortButton",
486
+ "description": "Three-state sort trigger (none, asc, desc) with icon + text.",
487
+ "variantKeys": [
488
+ "none",
489
+ "asc",
490
+ "desc"
491
+ ],
492
+ "defaultVariantKey": "none",
493
+ "sourceFile": "src/components/molecules/SortButton.tsx",
494
+ "specSource": "design/molecules.pen"
495
+ },
496
+ "statusBar": {
497
+ "title": "StatusBar",
498
+ "description": "Bottom fixed utility bar with left, center and right regions.",
499
+ "variantKeys": [
500
+ "fixed"
501
+ ],
502
+ "defaultVariantKey": "fixed",
503
+ "sourceFile": "src/components/molecules/StatusBar.tsx",
504
+ "specSource": "design/molecules.pen"
505
+ },
506
+ "stepper": {
507
+ "title": null,
508
+ "description": null,
509
+ "variantKeys": [],
510
+ "defaultVariantKey": null,
511
+ "sourceFile": "src/components/molecules/Stepper.tsx",
512
+ "specSource": "design/molecules.pen"
513
+ },
514
+ "table": {
515
+ "title": "Table",
516
+ "description": "A responsive table component.",
517
+ "variantKeys": [
518
+ "default"
519
+ ],
520
+ "defaultVariantKey": "default",
521
+ "sourceFile": "src/components/molecules/Table.tsx",
522
+ "specSource": "design/molecules.pen"
523
+ },
524
+ "tabs": {
525
+ "title": "Tabs",
526
+ "description": "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
527
+ "variantKeys": [
528
+ "default"
529
+ ],
530
+ "defaultVariantKey": "default",
531
+ "sourceFile": "src/components/molecules/Tabs.tsx",
532
+ "specSource": "design/molecules.pen"
533
+ },
534
+ "toast": {
535
+ "title": "Toast",
536
+ "description": "Transient feedback message with semantic variants.",
537
+ "variantKeys": [
538
+ "success",
539
+ "error",
540
+ "info"
541
+ ],
542
+ "defaultVariantKey": "success",
543
+ "sourceFile": "src/components/molecules/Toast.tsx",
544
+ "specSource": "design/molecules.pen"
545
+ },
546
+ "tooltip": {
547
+ "title": "Tooltip",
548
+ "description": "Compact helper text bubble for hover and focus states.",
549
+ "variantKeys": [
550
+ "default"
551
+ ],
552
+ "defaultVariantKey": "default",
553
+ "sourceFile": "src/components/molecules/Tooltip.tsx",
554
+ "specSource": "design/molecules.pen"
555
+ }
556
+ },
557
+ "organisms": {
558
+ "appRail": {
559
+ "title": "App Rail",
560
+ "description": "Primary vertical icon rail used for application-wide navigation.",
561
+ "variantKeys": [
562
+ "default"
563
+ ],
564
+ "defaultVariantKey": "default",
565
+ "sourceFile": "src/components/organisms/AppRail.tsx",
566
+ "specSource": "design/organisms.pen"
567
+ },
568
+ "commandPalette": {
569
+ "title": "Command Palette",
570
+ "description": "Global quick-action launcher with grouped commands and keyboard shortcuts.",
571
+ "variantKeys": [
572
+ "default"
573
+ ],
574
+ "defaultVariantKey": "default",
575
+ "sourceFile": "src/components/organisms/CommandPalette.tsx",
576
+ "specSource": "design/organisms.pen"
577
+ },
578
+ "fileUploader": {
579
+ "title": "File Uploader",
580
+ "description": "Drag-and-drop file intake with compact list rendering.",
581
+ "variantKeys": [
582
+ "default"
583
+ ],
584
+ "defaultVariantKey": "default",
585
+ "sourceFile": "src/components/organisms/FileUploader.tsx",
586
+ "specSource": "design/organisms.pen"
587
+ },
588
+ "floatingPanel": {
589
+ "title": "Floating Panel",
590
+ "description": "Animated floating container for transient UI surfaces.",
591
+ "variantKeys": [
592
+ "glass"
593
+ ],
594
+ "defaultVariantKey": "glass",
595
+ "sourceFile": "src/components/organisms/FloatingPanel.tsx",
596
+ "specSource": "design/organisms.pen"
597
+ },
598
+ "inspectorPanel": {
599
+ "title": "Inspector Panel",
600
+ "description": "Structured side panel for detailed property editing.",
601
+ "variantKeys": [
602
+ "default"
603
+ ],
604
+ "defaultVariantKey": "default",
605
+ "sourceFile": "src/components/organisms/InspectorPanel.tsx",
606
+ "specSource": "design/organisms.pen"
607
+ },
608
+ "rightRail": {
609
+ "title": "Right Rail",
610
+ "description": "Secondary side panel for contextual tools and inspector content.",
611
+ "variantKeys": [
612
+ "default"
613
+ ],
614
+ "defaultVariantKey": "default",
615
+ "sourceFile": "src/components/organisms/RightRail.tsx",
616
+ "specSource": "design/organisms.pen"
617
+ },
618
+ "shareModal": {
619
+ "title": "Share Modal",
620
+ "description": "Dialog for toggling public access and copying shareable URLs.",
621
+ "variantKeys": [
622
+ "default"
623
+ ],
624
+ "defaultVariantKey": "default",
625
+ "sourceFile": "src/components/organisms/ShareModal.tsx",
626
+ "specSource": "design/organisms.pen"
627
+ },
628
+ "spatialCanvas": {
629
+ "title": "Spatial Canvas",
630
+ "description": "Large grid-based interaction surface for node and layout editing.",
631
+ "variantKeys": [
632
+ "default"
633
+ ],
634
+ "defaultVariantKey": "default",
635
+ "sourceFile": "src/components/organisms/SpatialCanvas.tsx",
636
+ "specSource": "design/organisms.pen"
637
+ },
638
+ "toastProvider": {
639
+ "title": "Toast Provider",
640
+ "description": "Global toast stack manager for showing transient feedback messages.",
641
+ "variantKeys": [
642
+ "default"
643
+ ],
644
+ "defaultVariantKey": "default",
645
+ "sourceFile": "src/components/organisms/ToastProvider.tsx",
646
+ "specSource": "design/organisms.pen"
647
+ }
648
+ },
649
+ "templates": {
650
+ "authTemplate": {
651
+ "title": "Auth Template",
652
+ "description": "Split authentication layout with branded panel and centered form.",
653
+ "variantKeys": [
654
+ "default"
655
+ ],
656
+ "defaultVariantKey": "default",
657
+ "sourceFile": "src/components/templates/AuthTemplate.tsx",
658
+ "specSource": "design/templates.pen"
659
+ },
660
+ "bannalyzeTemplate": {
661
+ "title": "Bannalyze Template",
662
+ "description": "Three-region analysis workspace with center canvas and side inspectors.",
663
+ "variantKeys": [
664
+ "default"
665
+ ],
666
+ "defaultVariantKey": "default",
667
+ "sourceFile": "src/components/templates/BannalyzeTemplate.tsx",
668
+ "specSource": "design/templates.pen"
669
+ },
670
+ "chatTemplate": {
671
+ "title": "Chat Template",
672
+ "description": "Conversation layout with channel rail, message area, and detail pane.",
673
+ "variantKeys": [
674
+ "default"
675
+ ],
676
+ "defaultVariantKey": "default",
677
+ "sourceFile": "src/components/templates/ChatTemplate.tsx",
678
+ "specSource": "design/templates.pen"
679
+ },
680
+ "dashboardTemplate": {
681
+ "title": "Dashboard Template",
682
+ "description": "Two-column dashboard shell with optional header and sidebar.",
683
+ "variantKeys": [
684
+ "default"
685
+ ],
686
+ "defaultVariantKey": "default",
687
+ "sourceFile": "src/components/templates/DashboardTemplate.tsx",
688
+ "specSource": "design/templates.pen"
689
+ },
690
+ "editorTemplate": {
691
+ "title": "Editor Template",
692
+ "description": "Panel-based editing layout with top bar and side docks.",
693
+ "variantKeys": [
694
+ "default"
695
+ ],
696
+ "defaultVariantKey": "default",
697
+ "sourceFile": "src/components/templates/EditorTemplate.tsx",
698
+ "specSource": "design/templates.pen"
699
+ },
700
+ "kanbanTemplate": {
701
+ "title": "Kanban Template",
702
+ "description": "Board workflow shell with optional sidebar and horizontal columns.",
703
+ "variantKeys": [
704
+ "default"
705
+ ],
706
+ "defaultVariantKey": "default",
707
+ "sourceFile": "src/components/templates/KanbanTemplate.tsx",
708
+ "specSource": "design/templates.pen"
709
+ },
710
+ "landingTemplate": {
711
+ "title": "Landing Template",
712
+ "description": "Marketing page skeleton with sticky header and section rhythm.",
713
+ "variantKeys": [
714
+ "default"
715
+ ],
716
+ "defaultVariantKey": "default",
717
+ "sourceFile": "src/components/templates/LandingTemplate.tsx",
718
+ "specSource": "design/templates.pen"
719
+ },
720
+ "mediaLibraryTemplate": {
721
+ "title": "Media Library Template",
722
+ "description": "Asset management workspace with folders, grid area, and details pane.",
723
+ "variantKeys": [
724
+ "default"
725
+ ],
726
+ "defaultVariantKey": "default",
727
+ "sourceFile": "src/components/templates/MediaLibraryTemplate.tsx",
728
+ "specSource": "design/templates.pen"
729
+ },
730
+ "settingsTemplate": {
731
+ "title": "Settings Template",
732
+ "description": "Responsive settings layout with mobile stack and desktop split view.",
733
+ "variantKeys": [
734
+ "default"
735
+ ],
736
+ "defaultVariantKey": "default",
737
+ "sourceFile": "src/components/templates/SettingsTemplate.tsx",
738
+ "specSource": "design/templates.pen"
739
+ }
740
+ }
741
+ } as const;