@almadar/patterns 2.38.4 → 2.40.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/dist/component-mapping.json +17 -27
- package/dist/event-contracts.json +1 -1
- package/dist/index.d.ts +4 -416
- package/dist/index.js +35 -350
- package/dist/index.js.map +1 -1
- package/dist/patterns-registry.json +17 -322
- package/dist/registry.json +17 -322
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1.0.0",
|
|
3
|
-
"exportedAt": "2026-06-
|
|
3
|
+
"exportedAt": "2026-06-09T01:18:33.001Z",
|
|
4
4
|
"patterns": {
|
|
5
5
|
"entity-table": {
|
|
6
6
|
"type": "entity-table",
|
|
@@ -1608,7 +1608,7 @@
|
|
|
1608
1608
|
"page-header": {
|
|
1609
1609
|
"type": "page-header",
|
|
1610
1610
|
"category": "header",
|
|
1611
|
-
"tier": "
|
|
1611
|
+
"tier": "molecules",
|
|
1612
1612
|
"family": "core",
|
|
1613
1613
|
"description": "Page title with optional breadcrumb and action buttons",
|
|
1614
1614
|
"suggestedFor": [
|
|
@@ -4235,7 +4235,7 @@
|
|
|
4235
4235
|
"wizard-container": {
|
|
4236
4236
|
"type": "wizard-container",
|
|
4237
4237
|
"category": "navigation",
|
|
4238
|
-
"tier": "
|
|
4238
|
+
"tier": "molecules",
|
|
4239
4239
|
"family": "core",
|
|
4240
4240
|
"description": "Multi-step wizard container",
|
|
4241
4241
|
"suggestedFor": [
|
|
@@ -5582,7 +5582,7 @@
|
|
|
5582
5582
|
"confirm-dialog": {
|
|
5583
5583
|
"type": "confirm-dialog",
|
|
5584
5584
|
"category": "container",
|
|
5585
|
-
"tier": "
|
|
5585
|
+
"tier": "molecules",
|
|
5586
5586
|
"family": "core",
|
|
5587
5587
|
"description": "Confirmation dialog",
|
|
5588
5588
|
"suggestedFor": [
|
|
@@ -10349,7 +10349,7 @@
|
|
|
10349
10349
|
"header": {
|
|
10350
10350
|
"type": "header",
|
|
10351
10351
|
"category": "header",
|
|
10352
|
-
"tier": "
|
|
10352
|
+
"tier": "molecules",
|
|
10353
10353
|
"family": "core",
|
|
10354
10354
|
"description": "Header Organism Component A header component for mobile/responsive layouts with menu toggle, brand, and user avatar. Styled to match the main Layout component's mobile header.",
|
|
10355
10355
|
"suggestedFor": [
|
|
@@ -10698,7 +10698,7 @@
|
|
|
10698
10698
|
"navigation": {
|
|
10699
10699
|
"type": "navigation",
|
|
10700
10700
|
"category": "navigation",
|
|
10701
|
-
"tier": "
|
|
10701
|
+
"tier": "molecules",
|
|
10702
10702
|
"family": "core",
|
|
10703
10703
|
"description": "Navigation Organism Component A navigation component with items, active indicators, icons, and badges. Uses Menu, ButtonGroup molecules and Button, Icon, Badge, Typography, Divider atoms.",
|
|
10704
10704
|
"suggestedFor": [
|
|
@@ -10841,7 +10841,7 @@
|
|
|
10841
10841
|
"orbital-visualization": {
|
|
10842
10842
|
"type": "orbital-visualization",
|
|
10843
10843
|
"category": "display",
|
|
10844
|
-
"tier": "
|
|
10844
|
+
"tier": "molecules",
|
|
10845
10845
|
"family": "core",
|
|
10846
10846
|
"description": "OrbitalVisualization Component Visualizes KFlow schemas as atomic orbitals based on complexity. Uses CSS 3D transforms for lightweight rendering without Three.js. Orbital Types (based on complexity score): - 1s (1-3): Simple sphere - Red - 2s (4-8): Larger sphere - Orange - 2p (9-15): Dumbbell shape - Yellow - 3s (16-25): Sphere with node - Green - 3p (26-40): Complex dumbbell - Blue - 3d (41-60): Cloverleaf - Indigo - 4f (61+): Multi-lobe - Violet",
|
|
10847
10847
|
"suggestedFor": [
|
|
@@ -11004,7 +11004,7 @@
|
|
|
11004
11004
|
"section": {
|
|
11005
11005
|
"type": "section",
|
|
11006
11006
|
"category": "display",
|
|
11007
|
-
"tier": "
|
|
11007
|
+
"tier": "molecules",
|
|
11008
11008
|
"family": "core",
|
|
11009
11009
|
"description": "Section Component A semantic section wrapper with optional title, description, and action. Perfect for grouping related content with consistent spacing.",
|
|
11010
11010
|
"suggestedFor": [
|
|
@@ -11143,7 +11143,7 @@
|
|
|
11143
11143
|
"sidebar": {
|
|
11144
11144
|
"type": "sidebar",
|
|
11145
11145
|
"category": "navigation",
|
|
11146
|
-
"tier": "
|
|
11146
|
+
"tier": "molecules",
|
|
11147
11147
|
"family": "core",
|
|
11148
11148
|
"description": "Sidebar Organism Component A sidebar component with logo, navigation items, user section, and collapse/expand. Styled to match the main Layout component with theme-aware CSS variables.",
|
|
11149
11149
|
"suggestedFor": [
|
|
@@ -11357,7 +11357,7 @@
|
|
|
11357
11357
|
"split": {
|
|
11358
11358
|
"type": "split",
|
|
11359
11359
|
"category": "layout",
|
|
11360
|
-
"tier": "
|
|
11360
|
+
"tier": "molecules",
|
|
11361
11361
|
"family": "core",
|
|
11362
11362
|
"description": "Split Component A two-column layout with configurable ratios. Perfect for sidebar/content layouts or side-by-side comparisons.",
|
|
11363
11363
|
"suggestedFor": [
|
|
@@ -11513,257 +11513,6 @@
|
|
|
11513
11513
|
}
|
|
11514
11514
|
}
|
|
11515
11515
|
},
|
|
11516
|
-
"table": {
|
|
11517
|
-
"type": "table",
|
|
11518
|
-
"category": "display",
|
|
11519
|
-
"tier": "organisms",
|
|
11520
|
-
"family": "core",
|
|
11521
|
-
"description": "Table Organism Component A table component with header row, data rows, pagination, sorting, and filters. Uses Pagination, SearchInput, ButtonGroup, Card, Menu molecules and Button, Icon, Checkbox, Typography, Badge, Divider atoms.",
|
|
11522
|
-
"suggestedFor": [
|
|
11523
|
-
"table"
|
|
11524
|
-
],
|
|
11525
|
-
"typicalSize": "large",
|
|
11526
|
-
"propsSchema": {
|
|
11527
|
-
"entity": {
|
|
11528
|
-
"types": [
|
|
11529
|
-
"object",
|
|
11530
|
-
"array"
|
|
11531
|
-
],
|
|
11532
|
-
"description": "Entity record or array of records — pre-resolved by the trait via render-ui after a fetch emit",
|
|
11533
|
-
"kind": "entity",
|
|
11534
|
-
"cardinality": "collection",
|
|
11535
|
-
"items": {
|
|
11536
|
-
"types": [
|
|
11537
|
-
"object"
|
|
11538
|
-
],
|
|
11539
|
-
"freeform": true
|
|
11540
|
-
}
|
|
11541
|
-
},
|
|
11542
|
-
"className": {
|
|
11543
|
-
"types": [
|
|
11544
|
-
"string"
|
|
11545
|
-
],
|
|
11546
|
-
"description": "Additional CSS classes"
|
|
11547
|
-
},
|
|
11548
|
-
"isLoading": {
|
|
11549
|
-
"types": [
|
|
11550
|
-
"boolean"
|
|
11551
|
-
],
|
|
11552
|
-
"description": "Loading state indicator"
|
|
11553
|
-
},
|
|
11554
|
-
"error": {
|
|
11555
|
-
"types": [
|
|
11556
|
-
"object"
|
|
11557
|
-
],
|
|
11558
|
-
"description": "Error state (UiError)",
|
|
11559
|
-
"properties": {
|
|
11560
|
-
"message": {
|
|
11561
|
-
"types": [
|
|
11562
|
-
"string"
|
|
11563
|
-
]
|
|
11564
|
-
},
|
|
11565
|
-
"name": {
|
|
11566
|
-
"types": [
|
|
11567
|
-
"string"
|
|
11568
|
-
]
|
|
11569
|
-
},
|
|
11570
|
-
"code": {
|
|
11571
|
-
"types": [
|
|
11572
|
-
"string"
|
|
11573
|
-
]
|
|
11574
|
-
},
|
|
11575
|
-
"stack": {
|
|
11576
|
-
"types": [
|
|
11577
|
-
"string"
|
|
11578
|
-
]
|
|
11579
|
-
}
|
|
11580
|
-
},
|
|
11581
|
-
"propertyRequired": [
|
|
11582
|
-
"message"
|
|
11583
|
-
]
|
|
11584
|
-
},
|
|
11585
|
-
"sortBy": {
|
|
11586
|
-
"types": [
|
|
11587
|
-
"string"
|
|
11588
|
-
],
|
|
11589
|
-
"description": "Current sort field"
|
|
11590
|
-
},
|
|
11591
|
-
"sortDirection": {
|
|
11592
|
-
"types": [
|
|
11593
|
-
"string"
|
|
11594
|
-
],
|
|
11595
|
-
"description": "Current sort direction (display hint)",
|
|
11596
|
-
"enumValues": [
|
|
11597
|
-
"asc",
|
|
11598
|
-
"desc"
|
|
11599
|
-
]
|
|
11600
|
-
},
|
|
11601
|
-
"searchValue": {
|
|
11602
|
-
"types": [
|
|
11603
|
-
"string"
|
|
11604
|
-
],
|
|
11605
|
-
"description": "Current search query value"
|
|
11606
|
-
},
|
|
11607
|
-
"page": {
|
|
11608
|
-
"types": [
|
|
11609
|
-
"number"
|
|
11610
|
-
],
|
|
11611
|
-
"description": "Current page number"
|
|
11612
|
-
},
|
|
11613
|
-
"pageSize": {
|
|
11614
|
-
"types": [
|
|
11615
|
-
"number"
|
|
11616
|
-
],
|
|
11617
|
-
"description": "Number of items per page"
|
|
11618
|
-
},
|
|
11619
|
-
"totalCount": {
|
|
11620
|
-
"types": [
|
|
11621
|
-
"number"
|
|
11622
|
-
],
|
|
11623
|
-
"description": "Total number of items"
|
|
11624
|
-
},
|
|
11625
|
-
"activeFilters": {
|
|
11626
|
-
"types": [
|
|
11627
|
-
"object"
|
|
11628
|
-
],
|
|
11629
|
-
"description": "Active filters"
|
|
11630
|
-
},
|
|
11631
|
-
"selectedIds": {
|
|
11632
|
-
"types": [
|
|
11633
|
-
"array"
|
|
11634
|
-
],
|
|
11635
|
-
"description": "Currently selected item IDs",
|
|
11636
|
-
"items": {
|
|
11637
|
-
"types": [
|
|
11638
|
-
"string",
|
|
11639
|
-
"number"
|
|
11640
|
-
]
|
|
11641
|
-
}
|
|
11642
|
-
},
|
|
11643
|
-
"columns": {
|
|
11644
|
-
"types": [
|
|
11645
|
-
"array"
|
|
11646
|
-
],
|
|
11647
|
-
"description": "Table columns",
|
|
11648
|
-
"required": true,
|
|
11649
|
-
"items": {
|
|
11650
|
-
"types": [
|
|
11651
|
-
"object"
|
|
11652
|
-
],
|
|
11653
|
-
"properties": {
|
|
11654
|
-
"key": {
|
|
11655
|
-
"types": [
|
|
11656
|
-
"string"
|
|
11657
|
-
]
|
|
11658
|
-
},
|
|
11659
|
-
"label": {
|
|
11660
|
-
"types": [
|
|
11661
|
-
"string"
|
|
11662
|
-
]
|
|
11663
|
-
},
|
|
11664
|
-
"sortable": {
|
|
11665
|
-
"types": [
|
|
11666
|
-
"boolean"
|
|
11667
|
-
]
|
|
11668
|
-
},
|
|
11669
|
-
"render": {
|
|
11670
|
-
"types": [
|
|
11671
|
-
"function"
|
|
11672
|
-
]
|
|
11673
|
-
},
|
|
11674
|
-
"width": {
|
|
11675
|
-
"types": [
|
|
11676
|
-
"string"
|
|
11677
|
-
]
|
|
11678
|
-
}
|
|
11679
|
-
},
|
|
11680
|
-
"required": [
|
|
11681
|
-
"key",
|
|
11682
|
-
"label"
|
|
11683
|
-
]
|
|
11684
|
-
}
|
|
11685
|
-
},
|
|
11686
|
-
"selectable": {
|
|
11687
|
-
"types": [
|
|
11688
|
-
"boolean"
|
|
11689
|
-
],
|
|
11690
|
-
"description": "Enable row selection",
|
|
11691
|
-
"default": false
|
|
11692
|
-
},
|
|
11693
|
-
"sortable": {
|
|
11694
|
-
"types": [
|
|
11695
|
-
"boolean"
|
|
11696
|
-
],
|
|
11697
|
-
"description": "Enable sorting",
|
|
11698
|
-
"default": false
|
|
11699
|
-
},
|
|
11700
|
-
"sortColumn": {
|
|
11701
|
-
"types": [
|
|
11702
|
-
"string"
|
|
11703
|
-
],
|
|
11704
|
-
"description": "Current sort column (display hint, mapped from sortBy)"
|
|
11705
|
-
},
|
|
11706
|
-
"searchable": {
|
|
11707
|
-
"types": [
|
|
11708
|
-
"boolean"
|
|
11709
|
-
],
|
|
11710
|
-
"description": "Enable search/filter",
|
|
11711
|
-
"default": false
|
|
11712
|
-
},
|
|
11713
|
-
"searchPlaceholder": {
|
|
11714
|
-
"types": [
|
|
11715
|
-
"string"
|
|
11716
|
-
],
|
|
11717
|
-
"description": "Search placeholder"
|
|
11718
|
-
},
|
|
11719
|
-
"paginated": {
|
|
11720
|
-
"types": [
|
|
11721
|
-
"boolean"
|
|
11722
|
-
],
|
|
11723
|
-
"description": "Enable pagination",
|
|
11724
|
-
"default": false
|
|
11725
|
-
},
|
|
11726
|
-
"currentPage": {
|
|
11727
|
-
"types": [
|
|
11728
|
-
"number"
|
|
11729
|
-
],
|
|
11730
|
-
"description": "Current page (display hint)"
|
|
11731
|
-
},
|
|
11732
|
-
"totalPages": {
|
|
11733
|
-
"types": [
|
|
11734
|
-
"number"
|
|
11735
|
-
],
|
|
11736
|
-
"description": "Total pages (display hint)"
|
|
11737
|
-
},
|
|
11738
|
-
"rowActions": {
|
|
11739
|
-
"types": [
|
|
11740
|
-
"function"
|
|
11741
|
-
],
|
|
11742
|
-
"description": "Row actions menu items",
|
|
11743
|
-
"kind": "callback",
|
|
11744
|
-
"callbackArgs": [
|
|
11745
|
-
{
|
|
11746
|
-
"name": "row",
|
|
11747
|
-
"type": "object"
|
|
11748
|
-
}
|
|
11749
|
-
],
|
|
11750
|
-
"renderCallback": true
|
|
11751
|
-
},
|
|
11752
|
-
"emptyMessage": {
|
|
11753
|
-
"types": [
|
|
11754
|
-
"string"
|
|
11755
|
-
],
|
|
11756
|
-
"description": "Empty state message"
|
|
11757
|
-
},
|
|
11758
|
-
"loading": {
|
|
11759
|
-
"types": [
|
|
11760
|
-
"boolean"
|
|
11761
|
-
],
|
|
11762
|
-
"description": "Loading state",
|
|
11763
|
-
"default": false
|
|
11764
|
-
}
|
|
11765
|
-
}
|
|
11766
|
-
},
|
|
11767
11516
|
"toast-slot": {
|
|
11768
11517
|
"type": "toast-slot",
|
|
11769
11518
|
"category": "layout",
|
|
@@ -12496,7 +12245,7 @@
|
|
|
12496
12245
|
"chart": {
|
|
12497
12246
|
"type": "chart",
|
|
12498
12247
|
"category": "visualization",
|
|
12499
|
-
"tier": "
|
|
12248
|
+
"tier": "molecules",
|
|
12500
12249
|
"family": "core",
|
|
12501
12250
|
"description": "Data visualization chart supporting bar, line, pie, area, and donut types",
|
|
12502
12251
|
"suggestedFor": [
|
|
@@ -13564,7 +13313,7 @@
|
|
|
13564
13313
|
"signature-pad": {
|
|
13565
13314
|
"type": "signature-pad",
|
|
13566
13315
|
"category": "form",
|
|
13567
|
-
"tier": "
|
|
13316
|
+
"tier": "molecules",
|
|
13568
13317
|
"family": "core",
|
|
13569
13318
|
"description": "Canvas-based signature capture pad with draw, clear, and confirm actions",
|
|
13570
13319
|
"suggestedFor": [
|
|
@@ -13712,7 +13461,7 @@
|
|
|
13712
13461
|
"document-viewer": {
|
|
13713
13462
|
"type": "document-viewer",
|
|
13714
13463
|
"category": "display",
|
|
13715
|
-
"tier": "
|
|
13464
|
+
"tier": "molecules",
|
|
13716
13465
|
"family": "core",
|
|
13717
13466
|
"description": "Document viewer for PDFs, text, HTML, and markdown with zoom and pagination",
|
|
13718
13467
|
"suggestedFor": [
|
|
@@ -13933,7 +13682,7 @@
|
|
|
13933
13682
|
"graph-canvas": {
|
|
13934
13683
|
"type": "graph-canvas",
|
|
13935
13684
|
"category": "game",
|
|
13936
|
-
"tier": "
|
|
13685
|
+
"tier": "molecules",
|
|
13937
13686
|
"family": "core",
|
|
13938
13687
|
"description": "Force-directed graph visualization for node-link data with interactive zoom, pan, and layout",
|
|
13939
13688
|
"suggestedFor": [
|
|
@@ -14251,7 +14000,7 @@
|
|
|
14251
14000
|
"code-viewer": {
|
|
14252
14001
|
"type": "code-viewer",
|
|
14253
14002
|
"category": "display",
|
|
14254
|
-
"tier": "
|
|
14003
|
+
"tier": "molecules",
|
|
14255
14004
|
"family": "core",
|
|
14256
14005
|
"description": "Code and diff viewer with line numbers, copy, word-wrap, and multi-file tabs",
|
|
14257
14006
|
"suggestedFor": [
|
|
@@ -14905,7 +14654,7 @@
|
|
|
14905
14654
|
"content-renderer": {
|
|
14906
14655
|
"type": "content-renderer",
|
|
14907
14656
|
"category": "display",
|
|
14908
|
-
"tier": "
|
|
14657
|
+
"tier": "molecules",
|
|
14909
14658
|
"family": "core",
|
|
14910
14659
|
"description": "ContentRenderer Organism Renders rich content as a sequence of typed segments: markdown, code, orbital diagrams (via JazariStateMachine), and quiz blocks. Accepts either raw content string (auto-parsed) or pre-parsed segments. Event Contract: - Delegates to child components (CodeBlock -> UI:COPY_CODE) - entityAware: false",
|
|
14911
14660
|
"suggestedFor": [
|
|
@@ -15058,7 +14807,7 @@
|
|
|
15058
14807
|
"jazari-state-machine": {
|
|
15059
14808
|
"type": "jazari-state-machine",
|
|
15060
14809
|
"category": "display",
|
|
15061
|
-
"tier": "
|
|
14810
|
+
"tier": "molecules",
|
|
15062
14811
|
"family": "core",
|
|
15063
14812
|
"description": "JazariStateMachine component",
|
|
15064
14813
|
"suggestedFor": [
|
|
@@ -19190,60 +18939,6 @@
|
|
|
19190
18939
|
}
|
|
19191
18940
|
}
|
|
19192
18941
|
},
|
|
19193
|
-
"code-example": {
|
|
19194
|
-
"type": "code-example",
|
|
19195
|
-
"category": "component",
|
|
19196
|
-
"tier": "molecules",
|
|
19197
|
-
"family": "core",
|
|
19198
|
-
"description": "CodeExample component",
|
|
19199
|
-
"suggestedFor": [
|
|
19200
|
-
"code",
|
|
19201
|
-
"example",
|
|
19202
|
-
"code example"
|
|
19203
|
-
],
|
|
19204
|
-
"typicalSize": "medium",
|
|
19205
|
-
"propsSchema": {
|
|
19206
|
-
"code": {
|
|
19207
|
-
"types": [
|
|
19208
|
-
"string"
|
|
19209
|
-
],
|
|
19210
|
-
"description": "The code content to display",
|
|
19211
|
-
"required": true
|
|
19212
|
-
},
|
|
19213
|
-
"language": {
|
|
19214
|
-
"types": [
|
|
19215
|
-
"string"
|
|
19216
|
-
],
|
|
19217
|
-
"description": "Programming language label",
|
|
19218
|
-
"required": true
|
|
19219
|
-
},
|
|
19220
|
-
"title": {
|
|
19221
|
-
"types": [
|
|
19222
|
-
"string"
|
|
19223
|
-
],
|
|
19224
|
-
"description": "Optional title shown in the header bar"
|
|
19225
|
-
},
|
|
19226
|
-
"copyable": {
|
|
19227
|
-
"types": [
|
|
19228
|
-
"boolean"
|
|
19229
|
-
],
|
|
19230
|
-
"description": "Whether to show a copy button",
|
|
19231
|
-
"default": false
|
|
19232
|
-
},
|
|
19233
|
-
"maxHeight": {
|
|
19234
|
-
"types": [
|
|
19235
|
-
"string"
|
|
19236
|
-
],
|
|
19237
|
-
"description": "Maximum height of the code area (CSS value)"
|
|
19238
|
-
},
|
|
19239
|
-
"className": {
|
|
19240
|
-
"types": [
|
|
19241
|
-
"string"
|
|
19242
|
-
],
|
|
19243
|
-
"description": "Additional class names"
|
|
19244
|
-
}
|
|
19245
|
-
}
|
|
19246
|
-
},
|
|
19247
18942
|
"community-links": {
|
|
19248
18943
|
"type": "community-links",
|
|
19249
18944
|
"category": "component",
|