@adia-ai/a2ui-corpus 0.6.21 → 0.6.22
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/CHANGELOG.md +5 -0
- package/catalog-a2ui_0_9.json +824 -207
- package/catalog-a2ui_0_9_rules.txt +657 -4
- package/package.json +1 -1
package/catalog-a2ui_0_9.json
CHANGED
|
@@ -122,7 +122,13 @@
|
|
|
122
122
|
"name": "active"
|
|
123
123
|
}
|
|
124
124
|
],
|
|
125
|
-
"synonyms": {
|
|
125
|
+
"synonyms": {
|
|
126
|
+
"a2ui-root": [
|
|
127
|
+
"a2ui-canvas-host",
|
|
128
|
+
"a2ui-mount",
|
|
129
|
+
"doc-root"
|
|
130
|
+
]
|
|
131
|
+
},
|
|
126
132
|
"tag": "a2ui-root",
|
|
127
133
|
"tokens": {},
|
|
128
134
|
"traits": [],
|
|
@@ -131,7 +137,7 @@
|
|
|
131
137
|
},
|
|
132
138
|
"Accordion": {
|
|
133
139
|
"title": "Accordion",
|
|
134
|
-
"description": "Accordion container managing single
|
|
140
|
+
"description": "Accordion container managing single or multiple open states across\na collection of <accordion-item-ui> children. Each item carries its\nown [open] reflected state; the accordion host coordinates exclusive\nopening when [multiple] is unset (default single-open mode). Use\ninside settings pages, FAQ blocks, or any progressive-disclosure\npattern where one-level collapsible groups suffice — for arbitrary\nhierarchy use <tree-ui>; for in-page view switching use <tabs-ui>.\n",
|
|
135
141
|
"type": "object",
|
|
136
142
|
"allOf": [
|
|
137
143
|
{
|
|
@@ -311,9 +317,19 @@
|
|
|
311
317
|
}
|
|
312
318
|
},
|
|
313
319
|
"examples": [],
|
|
314
|
-
"keywords": [
|
|
320
|
+
"keywords": [
|
|
321
|
+
"accordion-item",
|
|
322
|
+
"collapsible",
|
|
323
|
+
"disclosure",
|
|
324
|
+
"expand",
|
|
325
|
+
"collapse-row",
|
|
326
|
+
"section-toggle"
|
|
327
|
+
],
|
|
315
328
|
"name": "UIAccordionItem",
|
|
316
|
-
"related": [
|
|
329
|
+
"related": [
|
|
330
|
+
"Accordion",
|
|
331
|
+
"Card"
|
|
332
|
+
],
|
|
317
333
|
"slots": {
|
|
318
334
|
"action": {
|
|
319
335
|
"description": "§206 (v0.5.7): action buttons inside a custom header (e.g. Copy /\nDownload / settings). Children placed at `[slot=\"action\"]` (or\n`[slot=\"actions\"]`, or marked `[data-no-toggle]`) are excluded from\nthe toggle-on-click cascade — clicking them fires their own handler\nwithout also toggling the section."
|
|
@@ -323,7 +339,14 @@
|
|
|
323
339
|
}
|
|
324
340
|
},
|
|
325
341
|
"states": [],
|
|
326
|
-
"synonyms": {
|
|
342
|
+
"synonyms": {
|
|
343
|
+
"accordion-item": [
|
|
344
|
+
"collapsible-row",
|
|
345
|
+
"disclosure-row",
|
|
346
|
+
"expansion-panel",
|
|
347
|
+
"expander"
|
|
348
|
+
]
|
|
349
|
+
},
|
|
327
350
|
"tag": "accordion-item-ui",
|
|
328
351
|
"tokens": {},
|
|
329
352
|
"traits": [],
|
|
@@ -379,12 +402,28 @@
|
|
|
379
402
|
"composes": [],
|
|
380
403
|
"events": {},
|
|
381
404
|
"examples": [],
|
|
382
|
-
"keywords": [
|
|
405
|
+
"keywords": [
|
|
406
|
+
"action-item",
|
|
407
|
+
"command-row",
|
|
408
|
+
"inline-action",
|
|
409
|
+
"list-action",
|
|
410
|
+
"action-list-row"
|
|
411
|
+
],
|
|
383
412
|
"name": "UIActionItem",
|
|
384
|
-
"related": [
|
|
413
|
+
"related": [
|
|
414
|
+
"ActionList",
|
|
415
|
+
"MenuItem",
|
|
416
|
+
"Button"
|
|
417
|
+
],
|
|
385
418
|
"slots": {},
|
|
386
419
|
"states": [],
|
|
387
|
-
"synonyms": {
|
|
420
|
+
"synonyms": {
|
|
421
|
+
"action-item": [
|
|
422
|
+
"command-item",
|
|
423
|
+
"inline-command",
|
|
424
|
+
"action-row"
|
|
425
|
+
]
|
|
426
|
+
},
|
|
388
427
|
"tag": "action-item-ui",
|
|
389
428
|
"tokens": {},
|
|
390
429
|
"traits": [],
|
|
@@ -451,7 +490,11 @@
|
|
|
451
490
|
"list"
|
|
452
491
|
],
|
|
453
492
|
"name": "UIActionList",
|
|
454
|
-
"related": [
|
|
493
|
+
"related": [
|
|
494
|
+
"ActionItem",
|
|
495
|
+
"Menu",
|
|
496
|
+
"Button"
|
|
497
|
+
],
|
|
455
498
|
"slots": {
|
|
456
499
|
"default (action-item-ui children)": {
|
|
457
500
|
"description": "Child content region for the `default (action-item-ui children)` slot."
|
|
@@ -463,7 +506,13 @@
|
|
|
463
506
|
"name": "idle"
|
|
464
507
|
}
|
|
465
508
|
],
|
|
466
|
-
"synonyms": {
|
|
509
|
+
"synonyms": {
|
|
510
|
+
"action-list": [
|
|
511
|
+
"command-list",
|
|
512
|
+
"action-rows",
|
|
513
|
+
"command-rows"
|
|
514
|
+
]
|
|
515
|
+
},
|
|
467
516
|
"tag": "action-list-ui",
|
|
468
517
|
"tokens": {},
|
|
469
518
|
"traits": [],
|
|
@@ -472,7 +521,7 @@
|
|
|
472
521
|
},
|
|
473
522
|
"AdminCommand": {
|
|
474
523
|
"title": "AdminCommand",
|
|
475
|
-
"description": "Module-tier command palette wrapper — wraps a native <dialog> and the\ninner <command-ui>. Owns the keyboard shortcut listener, focus\nmanagement, and dismiss handlers. Reflects [open].\n\nSits inside <admin-shell> as a direct child. The host wires\n[data-command-trigger] elements to <admin-command>.show() via lookup.\n\nThis is the bespoke web-component replacement for the legacy\n<dialog data-command> shape
|
|
524
|
+
"description": "Module-tier command palette wrapper — wraps a native <dialog> and the\ninner <command-ui>. Owns the keyboard shortcut listener, focus\nmanagement, and dismiss handlers. Reflects [open].\n\nSits inside <admin-shell> as a direct child. The host wires\n[data-command-trigger] elements to <admin-command>.show() via lookup.\n\nThis is the bespoke web-component replacement for the legacy\n<dialog data-command> shape per ADR-0023. The legacy shape was\nretired in v0.4.0 per ADR-0024 and is no longer recognized.\n",
|
|
476
525
|
"type": "object",
|
|
477
526
|
"allOf": [
|
|
478
527
|
{
|
|
@@ -573,7 +622,7 @@
|
|
|
573
622
|
},
|
|
574
623
|
"AdminContent": {
|
|
575
624
|
"title": "AdminContent",
|
|
576
|
-
"description": "Module-tier shell main-column container. CSS-only — no behavior, no\nJS. Sits inside <admin-shell> as the center column between leading\nand trailing sidebars. Authors compose chrome bars + scroll surface\nvia slot vocabulary.\n\nThis is the bespoke replacement for the legacy raw <main> element\ninside admin-shell.
|
|
625
|
+
"description": "Module-tier shell main-column container. CSS-only — no behavior, no\nJS. Sits inside <admin-shell> as the center column between leading\nand trailing sidebars. Authors compose chrome bars + scroll surface\nvia slot vocabulary.\n\nThis is the bespoke replacement for the legacy raw <main> element\ninside admin-shell per ADR-0023. The legacy shape was retired in\nv0.4.0 per ADR-0024 and is no longer recognized.\n",
|
|
577
626
|
"type": "object",
|
|
578
627
|
"allOf": [
|
|
579
628
|
{
|
|
@@ -978,7 +1027,7 @@
|
|
|
978
1027
|
},
|
|
979
1028
|
"AdminSidebar": {
|
|
980
1029
|
"title": "AdminSidebar",
|
|
981
|
-
"description": "Module-tier shell sidebar — owns resize, snap-to-collapsed, persistence,\nand the [collapsed] reflected attribute. Sits inside <admin-shell> as\nslot=\"leading\" or slot=\"trailing\". Authors compose chrome bars + content\ninside via slot vocabulary.\n\nThis is the bespoke web-component replacement for the legacy\n<aside data-sidebar> shape
|
|
1030
|
+
"description": "Module-tier shell sidebar — owns resize, snap-to-collapsed, persistence,\nand the [collapsed] reflected attribute. Sits inside <admin-shell> as\nslot=\"leading\" or slot=\"trailing\". Authors compose chrome bars + content\ninside via slot vocabulary.\n\nThis is the bespoke web-component replacement for the legacy\n<aside data-sidebar> shape per ADR-0023. The legacy shape was\nretired in v0.4.0 per ADR-0024 and is no longer recognized.\n",
|
|
982
1031
|
"type": "object",
|
|
983
1032
|
"allOf": [
|
|
984
1033
|
{
|
|
@@ -1115,7 +1164,7 @@
|
|
|
1115
1164
|
},
|
|
1116
1165
|
"AdminStatusbar": {
|
|
1117
1166
|
"title": "AdminStatusbar",
|
|
1118
|
-
"description": "Module-tier shell bottom chrome bar. CSS-only — no behavior, no JS.\nSame shape as <admin-topbar> (icon + heading + description + action\nclusters via slot vocabulary), conventionally used for read-only\nstatus — connection state, sync indicator, footer metadata.\n\nReplaces legacy <footer-ui> usage at shell-tier.
|
|
1167
|
+
"description": "Module-tier shell bottom chrome bar. CSS-only — no behavior, no JS.\nSame shape as <admin-topbar> (icon + heading + description + action\nclusters via slot vocabulary), conventionally used for read-only\nstatus — connection state, sync indicator, footer metadata.\n\nReplaces legacy <footer-ui> usage at shell-tier per ADR-0023. The\nlegacy shape was retired in v0.4.0 per ADR-0024 and is no longer\nrecognized; new code uses <admin-statusbar> for shell-tier chrome\n(use <footer-ui> for primitive containers like Card / Drawer /\nModal).\n",
|
|
1119
1168
|
"type": "object",
|
|
1120
1169
|
"allOf": [
|
|
1121
1170
|
{
|
|
@@ -1196,7 +1245,7 @@
|
|
|
1196
1245
|
},
|
|
1197
1246
|
"AdminTopbar": {
|
|
1198
1247
|
"title": "AdminTopbar",
|
|
1199
|
-
"description": "Module-tier shell top chrome bar. CSS-only — no behavior, no JS.\nSits at the top of <admin-content>, <admin-sidebar>, or any chrome\nregion. Provides the canonical icon + heading + description +\naction-clusters layout via slot vocabulary.\n\nReplaces the legacy <header-ui> usage at shell-tier
|
|
1248
|
+
"description": "Module-tier shell top chrome bar. CSS-only — no behavior, no JS.\nSits at the top of <admin-content>, <admin-sidebar>, or any chrome\nregion. Provides the canonical icon + heading + description +\naction-clusters layout via slot vocabulary.\n\nReplaces the legacy <header-ui> usage at shell-tier per ADR-0023.\nThe legacy shape was retired in v0.4.0 per ADR-0024 and is no\nlonger recognized; new code uses <admin-topbar> for shell-tier\nchrome bars (use <header-ui> for primitive containers like Card /\nDrawer / Modal).\n",
|
|
1200
1249
|
"type": "object",
|
|
1201
1250
|
"allOf": [
|
|
1202
1251
|
{
|
|
@@ -1279,7 +1328,7 @@
|
|
|
1279
1328
|
},
|
|
1280
1329
|
"AgentArtifact": {
|
|
1281
1330
|
"title": "AgentArtifact",
|
|
1282
|
-
"description": "Inline container for structured agent artifacts (A2UI, JSON, tickets).",
|
|
1331
|
+
"description": "Inline container for structured agent artifacts (A2UI, JSON, tickets, code). Renders inside <chat-thread-ui> message bodies or <inspector-ui> panes as a labeled, optionally collapsible block with content-type-aware rendering. Use for agent-emitted structured payloads; for free-text agent output use <text-ui> or <richtext-ui> instead.",
|
|
1283
1332
|
"type": "object",
|
|
1284
1333
|
"allOf": [
|
|
1285
1334
|
{
|
|
@@ -1377,7 +1426,14 @@
|
|
|
1377
1426
|
"name": "idle"
|
|
1378
1427
|
}
|
|
1379
1428
|
],
|
|
1380
|
-
"synonyms": {
|
|
1429
|
+
"synonyms": {
|
|
1430
|
+
"artifact": [
|
|
1431
|
+
"agent-artifact",
|
|
1432
|
+
"tool-output",
|
|
1433
|
+
"agent-output",
|
|
1434
|
+
"tool-result"
|
|
1435
|
+
]
|
|
1436
|
+
},
|
|
1381
1437
|
"tag": "agent-artifact-ui",
|
|
1382
1438
|
"tokens": {},
|
|
1383
1439
|
"traits": [],
|
|
@@ -1386,7 +1442,7 @@
|
|
|
1386
1442
|
},
|
|
1387
1443
|
"AgentFeedbackBar": {
|
|
1388
1444
|
"title": "AgentFeedbackBar",
|
|
1389
|
-
"description": "
|
|
1445
|
+
"description": "Agent-response feedback bar — thumbs up / thumbs down rating row\nplus an optional Save action, rendered beneath an LLM-generated\nmessage. Composes <button-ui> children for the affordances; emits\n`feedback` event with detail.{value, action} on rating. Sits as the\ntrailing chrome of a chat message bubble or alongside an\n<agent-trace-ui> step — used in chat-shell, gen-ui canvas, and\ninspector flows.\n",
|
|
1390
1446
|
"type": "object",
|
|
1391
1447
|
"allOf": [
|
|
1392
1448
|
{
|
|
@@ -1475,7 +1531,14 @@
|
|
|
1475
1531
|
"name": "disabled"
|
|
1476
1532
|
}
|
|
1477
1533
|
],
|
|
1478
|
-
"synonyms": {
|
|
1534
|
+
"synonyms": {
|
|
1535
|
+
"feedback-bar": [
|
|
1536
|
+
"agent-feedback",
|
|
1537
|
+
"response-feedback",
|
|
1538
|
+
"thumbs-bar",
|
|
1539
|
+
"rating-bar"
|
|
1540
|
+
]
|
|
1541
|
+
},
|
|
1479
1542
|
"tag": "agent-feedback-bar-ui",
|
|
1480
1543
|
"tokens": {},
|
|
1481
1544
|
"traits": [],
|
|
@@ -1484,7 +1547,7 @@
|
|
|
1484
1547
|
},
|
|
1485
1548
|
"AgentQuestions": {
|
|
1486
1549
|
"title": "AgentQuestions",
|
|
1487
|
-
"description": "Multi-choice clarifying-question cards.",
|
|
1550
|
+
"description": "Multi-choice clarifying-question card emitted by an agent when it\nneeds disambiguation before proceeding. Renders the question prompt\n+ a slotted list of <button-ui> answer chips (or radio-style cards\nwhen [multi] is set for multi-select). The submit button fires\n`answer` with detail.{value(s)} once the user confirms. Use for\nagentic clarification turns — not generic form input (use\n<field-ui> + form primitives for that).\n",
|
|
1488
1551
|
"type": "object",
|
|
1489
1552
|
"allOf": [
|
|
1490
1553
|
{
|
|
@@ -1575,7 +1638,13 @@
|
|
|
1575
1638
|
"name": "idle"
|
|
1576
1639
|
}
|
|
1577
1640
|
],
|
|
1578
|
-
"synonyms": {
|
|
1641
|
+
"synonyms": {
|
|
1642
|
+
"questions": [
|
|
1643
|
+
"clarifying-questions",
|
|
1644
|
+
"agent-prompt",
|
|
1645
|
+
"disambiguation"
|
|
1646
|
+
]
|
|
1647
|
+
},
|
|
1579
1648
|
"tag": "agent-questions-ui",
|
|
1580
1649
|
"tokens": {},
|
|
1581
1650
|
"traits": [],
|
|
@@ -1714,7 +1783,7 @@
|
|
|
1714
1783
|
},
|
|
1715
1784
|
"AgentSuggestions": {
|
|
1716
1785
|
"title": "AgentSuggestions",
|
|
1717
|
-
"description": "Row of follow-up suggestion chips.",
|
|
1786
|
+
"description": "Row of follow-up suggestion chips presented under an agent response.\nEach suggestion is a <button-ui> child the user can tap to send the\ntext back as the next prompt. Composes <button-ui> with chip-style\nvisual treatment; the variant + size props cascade to children. Use\nto lower input friction at the bottom of a chat response; not for\npermanent navigation (that's <nav-ui>).\n",
|
|
1718
1787
|
"type": "object",
|
|
1719
1788
|
"allOf": [
|
|
1720
1789
|
{
|
|
@@ -1807,7 +1876,14 @@
|
|
|
1807
1876
|
"name": "disabled"
|
|
1808
1877
|
}
|
|
1809
1878
|
],
|
|
1810
|
-
"synonyms": {
|
|
1879
|
+
"synonyms": {
|
|
1880
|
+
"suggestions": [
|
|
1881
|
+
"follow-ups",
|
|
1882
|
+
"follow-up-chips",
|
|
1883
|
+
"prompts",
|
|
1884
|
+
"completions"
|
|
1885
|
+
]
|
|
1886
|
+
},
|
|
1811
1887
|
"tag": "agent-suggestions-ui",
|
|
1812
1888
|
"tokens": {},
|
|
1813
1889
|
"traits": [],
|
|
@@ -1816,7 +1892,7 @@
|
|
|
1816
1892
|
},
|
|
1817
1893
|
"AgentTrace": {
|
|
1818
1894
|
"title": "AgentTrace",
|
|
1819
|
-
"description": "Collapsible metrics + training-feedback panel for an agent turn.",
|
|
1895
|
+
"description": "Collapsible metrics + training-feedback panel for an agent turn. Shows reasoning steps, tool calls, latency, and token counts with a thumbs-up/down feedback affordance. Use inside <chat-thread-ui> message bodies for expert/debug views; hide by default in user-facing chat.",
|
|
1820
1896
|
"type": "object",
|
|
1821
1897
|
"allOf": [
|
|
1822
1898
|
{
|
|
@@ -1890,7 +1966,14 @@
|
|
|
1890
1966
|
"name": "idle"
|
|
1891
1967
|
}
|
|
1892
1968
|
],
|
|
1893
|
-
"synonyms": {
|
|
1969
|
+
"synonyms": {
|
|
1970
|
+
"trace": [
|
|
1971
|
+
"agent-trace",
|
|
1972
|
+
"reasoning-trace",
|
|
1973
|
+
"tool-trace",
|
|
1974
|
+
"agent-log"
|
|
1975
|
+
]
|
|
1976
|
+
},
|
|
1894
1977
|
"tag": "agent-trace-ui",
|
|
1895
1978
|
"tokens": {},
|
|
1896
1979
|
"traits": [],
|
|
@@ -1899,7 +1982,7 @@
|
|
|
1899
1982
|
},
|
|
1900
1983
|
"Alert": {
|
|
1901
1984
|
"title": "Alert",
|
|
1902
|
-
"description": "Inline alert banner with optional
|
|
1985
|
+
"description": "Inline alert banner — a persistent, in-flow notice with icon +\ntitle + description + optional dismiss + slotted action. Variants\nmap to semantic severity (info / success / warning / danger).\nDistinct from <toast-ui> (transient global notification with\nauto-dismiss) and from <empty-state-ui> (zero-data placeholder).\nUse alert-ui for inline contextual notices the user should see\nbefore continuing — form-level errors, banner-style status,\ninline upgrade prompts.\n",
|
|
1903
1986
|
"type": "object",
|
|
1904
1987
|
"allOf": [
|
|
1905
1988
|
{
|
|
@@ -2129,7 +2212,7 @@
|
|
|
2129
2212
|
},
|
|
2130
2213
|
"AppShell": {
|
|
2131
2214
|
"title": "AppShell",
|
|
2132
|
-
"description": "Behavior-only application shell.
|
|
2215
|
+
"description": "Behavior-only application shell. Canonical authoring shape uses\ncluster-namespaced bespoke children — <admin-topbar> at the top,\n<admin-sidebar slot=\"leading|trailing\"> rails, <admin-content> for\nthe main content region, <admin-command> for the Cmd+K palette, and\noptional <admin-statusbar> at the bottom. The shell wires sidebar\ntoggle forwarding, command-palette triggers, and the ResizeObserver\nthat drives responsive sidebar collapse; each bespoke child owns\nits own resize / collapse / open state-as-attribute semantics per\nADR-0023.\n\nLegacy data-attribute shapes (<aside data-sidebar>, <dialog\ndata-command>, [data-resize], <aside-ui slot=>, <span data-spacer>,\n<div data-actions>) were RETIRED in v0.4.0 per ADR-0024 and are no\nlonger recognized. Consumers must use the bespoke vocabulary.\n",
|
|
2133
2216
|
"type": "object",
|
|
2134
2217
|
"allOf": [
|
|
2135
2218
|
{
|
|
@@ -2201,19 +2284,19 @@
|
|
|
2201
2284
|
"description": "Secondary metadata inside any chrome bar. Muted + --a-ui-sm size."
|
|
2202
2285
|
},
|
|
2203
2286
|
"default": {
|
|
2204
|
-
"description": "
|
|
2287
|
+
"description": "Bespoke children compose here in document order — <admin-topbar>, <admin-sidebar slot=\"leading\">, <admin-content> (containing <admin-page> / <admin-page-header> / <admin-page-body>), <admin-sidebar slot=\"trailing\">, <admin-command>, optional <admin-statusbar>. The shell's grid layout reads child tag selectors to place them."
|
|
2205
2288
|
},
|
|
2206
2289
|
"action": {
|
|
2207
|
-
"description": "Trailing control cluster inside any chrome bar. The first [slot=\"action\"] child pushes itself (and siblings) to the end; subsequent siblings flow with gap.
|
|
2290
|
+
"description": "Trailing control cluster inside any chrome bar. The first [slot=\"action\"] child pushes itself (and siblings) to the end; subsequent siblings flow with gap."
|
|
2208
2291
|
},
|
|
2209
2292
|
"action-leading": {
|
|
2210
|
-
"description": "Leading (inline-start) control cluster inside any chrome bar. Pairs with [slot=\"action\"] for dual-cluster chrome (e.g. back button + breadcrumb on the left, primary actions on the right).
|
|
2293
|
+
"description": "Leading (inline-start) control cluster inside any chrome bar. Pairs with [slot=\"action\"] for dual-cluster chrome (e.g. back button + breadcrumb on the left, primary actions on the right)."
|
|
2211
2294
|
},
|
|
2212
2295
|
"heading": {
|
|
2213
2296
|
"description": "Primary label inside any chrome bar. Medium-weight + strong fg."
|
|
2214
2297
|
},
|
|
2215
2298
|
"icon": {
|
|
2216
|
-
"description": "Leading glyph inside any chrome bar
|
|
2299
|
+
"description": "Leading glyph inside any chrome bar (<admin-topbar>, <admin-statusbar>, <admin-sidebar> header/footer). Muted color, flex-align."
|
|
2217
2300
|
}
|
|
2218
2301
|
},
|
|
2219
2302
|
"states": [
|
|
@@ -2316,7 +2399,13 @@
|
|
|
2316
2399
|
"name": "idle"
|
|
2317
2400
|
}
|
|
2318
2401
|
],
|
|
2319
|
-
"synonyms": {
|
|
2402
|
+
"synonyms": {
|
|
2403
|
+
"aside": [
|
|
2404
|
+
"side-region",
|
|
2405
|
+
"side-panel-slot",
|
|
2406
|
+
"secondary-rail"
|
|
2407
|
+
]
|
|
2408
|
+
},
|
|
2320
2409
|
"tag": "aside-ui",
|
|
2321
2410
|
"tokens": {},
|
|
2322
2411
|
"traits": [],
|
|
@@ -2325,7 +2414,7 @@
|
|
|
2325
2414
|
},
|
|
2326
2415
|
"Avatar": {
|
|
2327
2416
|
"title": "Avatar",
|
|
2328
|
-
"description": "
|
|
2417
|
+
"description": "User-portrait primitive with an image → initials → icon fallback\nchain. Resolves the leading [src] image; on load failure falls back\nto [text]-derived initials; on missing text falls back to a slotted\nor default <icon-ui>. Use for user identity in chat surfaces,\nmember tables, statusbar account chips, comment threads. Pair via\n<avatar-group-ui> for stacked / overflowed sets.\n",
|
|
2329
2418
|
"type": "object",
|
|
2330
2419
|
"allOf": [
|
|
2331
2420
|
{
|
|
@@ -2568,12 +2657,29 @@
|
|
|
2568
2657
|
"composes": [],
|
|
2569
2658
|
"events": {},
|
|
2570
2659
|
"examples": [],
|
|
2571
|
-
"keywords": [
|
|
2660
|
+
"keywords": [
|
|
2661
|
+
"avatar-group",
|
|
2662
|
+
"avatar-stack",
|
|
2663
|
+
"user-group",
|
|
2664
|
+
"facepile",
|
|
2665
|
+
"people-stack",
|
|
2666
|
+
"overflow-avatars"
|
|
2667
|
+
],
|
|
2572
2668
|
"name": "UIAvatarGroup",
|
|
2573
|
-
"related": [
|
|
2669
|
+
"related": [
|
|
2670
|
+
"Avatar",
|
|
2671
|
+
"Tag"
|
|
2672
|
+
],
|
|
2574
2673
|
"slots": {},
|
|
2575
2674
|
"states": [],
|
|
2576
|
-
"synonyms": {
|
|
2675
|
+
"synonyms": {
|
|
2676
|
+
"avatar-group": [
|
|
2677
|
+
"facepile",
|
|
2678
|
+
"user-stack",
|
|
2679
|
+
"people-pile",
|
|
2680
|
+
"avatar-pile"
|
|
2681
|
+
]
|
|
2682
|
+
},
|
|
2577
2683
|
"tag": "avatar-group-ui",
|
|
2578
2684
|
"tokens": {},
|
|
2579
2685
|
"traits": [],
|
|
@@ -2582,7 +2688,7 @@
|
|
|
2582
2688
|
},
|
|
2583
2689
|
"Badge": {
|
|
2584
2690
|
"title": "Badge",
|
|
2585
|
-
"description": "Inline pill-shaped badge
|
|
2691
|
+
"description": "Inline pill-shaped badge — READ-ONLY status flag, count, or\nnotification dot. Text rendered via CSS `attr(text)`. Distinct from\n<tag-ui>, which is INTERACTIVE / removable and fires a `remove`\nevent. Use badge-ui for status flags (Beta / New / Deprecated),\nnotification counts, and unread indicators; use tag-ui for filter\nchips or user-managed labels.\n",
|
|
2586
2692
|
"type": "object",
|
|
2587
2693
|
"allOf": [
|
|
2588
2694
|
{
|
|
@@ -2754,7 +2860,7 @@
|
|
|
2754
2860
|
},
|
|
2755
2861
|
"Block": {
|
|
2756
2862
|
"title": "Block",
|
|
2757
|
-
"description": "Generic padded/margined content wrapper.",
|
|
2863
|
+
"description": "Generic padded / margined content wrapper. Applies a configurable\npadding + margin scale via [padding] / [margin] attribute props,\nmapping to the canonical spacing tokens. Use as a lightweight\nspacing wrapper when <section-ui> would imply chrome the parent\ncontainer doesn't own. Not a layout primitive (no flex / grid) —\nfor layout use <col-ui> / <row-ui> / <stack-ui> / <grid-ui>.\n",
|
|
2758
2864
|
"type": "object",
|
|
2759
2865
|
"allOf": [
|
|
2760
2866
|
{
|
|
@@ -2769,7 +2875,7 @@
|
|
|
2769
2875
|
"const": "Block"
|
|
2770
2876
|
},
|
|
2771
2877
|
"margin": {
|
|
2772
|
-
"description": "Margin size",
|
|
2878
|
+
"description": "Margin size (none/xs/sm/md/lg/xl). Accepts `@bp` notation: margin=\"none sm@md\" = no margin below md, sm from md up.",
|
|
2773
2879
|
"type": "string",
|
|
2774
2880
|
"enum": [
|
|
2775
2881
|
"none",
|
|
@@ -2782,7 +2888,7 @@
|
|
|
2782
2888
|
"default": "none"
|
|
2783
2889
|
},
|
|
2784
2890
|
"padding": {
|
|
2785
|
-
"description": "Padding amount
|
|
2891
|
+
"description": "Padding amount (none/xs/sm/md/lg/xl → spacing tokens). Accepts `@bp` notation: padding=\"sm md@lg\" = sm below lg, md from lg up.",
|
|
2786
2892
|
"type": "string",
|
|
2787
2893
|
"enum": [
|
|
2788
2894
|
"none",
|
|
@@ -2823,7 +2929,12 @@
|
|
|
2823
2929
|
"developer"
|
|
2824
2930
|
],
|
|
2825
2931
|
"name": "UIBlock",
|
|
2826
|
-
"related": [
|
|
2932
|
+
"related": [
|
|
2933
|
+
"Section",
|
|
2934
|
+
"Col",
|
|
2935
|
+
"Row",
|
|
2936
|
+
"Stack"
|
|
2937
|
+
],
|
|
2827
2938
|
"slots": {},
|
|
2828
2939
|
"states": [
|
|
2829
2940
|
{
|
|
@@ -2951,7 +3062,11 @@
|
|
|
2951
3062
|
"back"
|
|
2952
3063
|
],
|
|
2953
3064
|
"name": "UIBreadcrumb",
|
|
2954
|
-
"related": [
|
|
3065
|
+
"related": [
|
|
3066
|
+
"AdminTopbar",
|
|
3067
|
+
"Nav",
|
|
3068
|
+
"Tabs"
|
|
3069
|
+
],
|
|
2955
3070
|
"slots": {},
|
|
2956
3071
|
"states": [
|
|
2957
3072
|
{
|
|
@@ -3104,7 +3219,16 @@
|
|
|
3104
3219
|
}
|
|
3105
3220
|
},
|
|
3106
3221
|
"examples": [],
|
|
3107
|
-
"keywords": [
|
|
3222
|
+
"keywords": [
|
|
3223
|
+
"button",
|
|
3224
|
+
"action",
|
|
3225
|
+
"cta",
|
|
3226
|
+
"submit",
|
|
3227
|
+
"click",
|
|
3228
|
+
"primary-action",
|
|
3229
|
+
"ghost-button",
|
|
3230
|
+
"icon-button"
|
|
3231
|
+
],
|
|
3108
3232
|
"name": "UIButton",
|
|
3109
3233
|
"related": [
|
|
3110
3234
|
"Link"
|
|
@@ -3143,7 +3267,18 @@
|
|
|
3143
3267
|
"selector": ":active"
|
|
3144
3268
|
}
|
|
3145
3269
|
],
|
|
3146
|
-
"synonyms": {
|
|
3270
|
+
"synonyms": {
|
|
3271
|
+
"button": [
|
|
3272
|
+
"btn",
|
|
3273
|
+
"action-button",
|
|
3274
|
+
"click-target",
|
|
3275
|
+
"control"
|
|
3276
|
+
],
|
|
3277
|
+
"submit": [
|
|
3278
|
+
"form-submit",
|
|
3279
|
+
"primary-action"
|
|
3280
|
+
]
|
|
3281
|
+
},
|
|
3147
3282
|
"tag": "button-ui",
|
|
3148
3283
|
"tokens": {
|
|
3149
3284
|
"--button-background": {
|
|
@@ -3183,7 +3318,7 @@
|
|
|
3183
3318
|
},
|
|
3184
3319
|
"CalendarPicker": {
|
|
3185
3320
|
"title": "CalendarPicker",
|
|
3186
|
-
"description": "Date picker with trigger button and popover calendar grid. Form-associated.",
|
|
3321
|
+
"description": "Date picker with trigger button and popover calendar grid. Form-associated input emitting ISO date string via change events; supports min/max and disabled-date masks. Use for single-date input in forms; for date ranges compose two pickers or use a dedicated range component.",
|
|
3187
3322
|
"type": "object",
|
|
3188
3323
|
"allOf": [
|
|
3189
3324
|
{
|
|
@@ -3326,7 +3461,7 @@
|
|
|
3326
3461
|
},
|
|
3327
3462
|
"Canvas": {
|
|
3328
3463
|
"title": "Canvas",
|
|
3329
|
-
"description": "A2UI rendering surface
|
|
3464
|
+
"description": "A2UI rendering surface — the canonical mount point that consumes a\nDocStore / A2UI document and renders the component tree from it.\nThe runtime's <a2ui-root> typically wraps a canvas-ui internally\nfor the preview pane in <editor-canvas>. Use for embedding live\nA2UI output inside a custom editor, playground, or preview surface;\nnot for generic in-page canvases (use HTML <canvas> for drawing).\n",
|
|
3330
3465
|
"type": "object",
|
|
3331
3466
|
"allOf": [
|
|
3332
3467
|
{
|
|
@@ -3370,7 +3505,11 @@
|
|
|
3370
3505
|
"canvas"
|
|
3371
3506
|
],
|
|
3372
3507
|
"name": "UICanvas",
|
|
3373
|
-
"related": [
|
|
3508
|
+
"related": [
|
|
3509
|
+
"A2uiRoot",
|
|
3510
|
+
"GenRoot",
|
|
3511
|
+
"EditorCanvas"
|
|
3512
|
+
],
|
|
3374
3513
|
"slots": {
|
|
3375
3514
|
"default": {
|
|
3376
3515
|
"description": "Default slot — primary child content."
|
|
@@ -4149,7 +4288,7 @@
|
|
|
4149
4288
|
},
|
|
4150
4289
|
"ChatComposer": {
|
|
4151
4290
|
"title": "ChatComposer",
|
|
4152
|
-
"description": "Module-tier chat composer wrapper — replaces legacy <chat-input-ui\ndata-chat-input> direct child of <chat-shell> per ADR-0023.\nForwards submit events as 'composer-submit', propagates [disabled]\nto the inner input, provides slot vocabulary for future composer\nsurfaces (file attach, autocomplete, model picker).\n\nSits inside <chat-shell> as the input region (typically inside or\nalongside the footer). Authors place an inner <chat-input-ui>\n(or input-ui / textarea-ui) as the primary input.\n
|
|
4291
|
+
"description": "Module-tier chat composer wrapper — replaces legacy <chat-input-ui\ndata-chat-input> direct child of <chat-shell> per ADR-0023.\nForwards submit events as 'composer-submit', propagates [disabled]\nto the inner input, provides slot vocabulary for future composer\nsurfaces (file attach, autocomplete, model picker).\n\nSits inside <chat-shell> as the input region (typically inside or\nalongside the footer). Authors place an inner <chat-input-ui>\n(or input-ui / textarea-ui) as the primary input.\n",
|
|
4153
4292
|
"type": "object",
|
|
4154
4293
|
"allOf": [
|
|
4155
4294
|
{
|
|
@@ -4242,7 +4381,7 @@
|
|
|
4242
4381
|
},
|
|
4243
4382
|
"ChatEmpty": {
|
|
4244
4383
|
"title": "ChatEmpty",
|
|
4245
|
-
"description": "Module-tier chat empty state. CSS-only — no behavior, no JS. Sits\nas the first child of <chat-thread> as the empty state placeholder.\nVisibility is driven by <chat-thread>'s [empty] reflected attribute\nvia CSS (no JS toggling needed) — when messages arrive, the parent\nthread loses [empty] and CSS hides this stub.\n\nReplaces the legacy <empty-state-ui data-chat-empty> child of the\nmessages container per ADR-0023.
|
|
4384
|
+
"description": "Module-tier chat empty state. CSS-only — no behavior, no JS. Sits\nas the first child of <chat-thread> as the empty state placeholder.\nVisibility is driven by <chat-thread>'s [empty] reflected attribute\nvia CSS (no JS toggling needed) — when messages arrive, the parent\nthread loses [empty] and CSS hides this stub.\n\nReplaces the legacy <empty-state-ui data-chat-empty> child of the\nmessages container per ADR-0023. The legacy shape was retired in\nv0.4.0 per ADR-0024 and is no longer recognized.\n",
|
|
4246
4385
|
"type": "object",
|
|
4247
4386
|
"allOf": [
|
|
4248
4387
|
{
|
|
@@ -4309,7 +4448,7 @@
|
|
|
4309
4448
|
},
|
|
4310
4449
|
"ChatHeader": {
|
|
4311
4450
|
"title": "ChatHeader",
|
|
4312
|
-
"description": "Module-tier chat header chrome bar. CSS-only — no behavior, no JS.\nSits at the top of <chat-shell> or inside a <chat-sidebar>. Holds\nthe chat name, status indicator, and action clusters via slot\nvocabulary.\n\nReplaces the legacy <header> with [data-chat-name] / [data-chat-status]\ndata-attribute children.
|
|
4451
|
+
"description": "Module-tier chat header chrome bar. CSS-only — no behavior, no JS.\nSits at the top of <chat-shell> or inside a <chat-sidebar>. Holds\nthe chat name, status indicator, and action clusters via slot\nvocabulary.\n\nReplaces the legacy <header> with [data-chat-name] / [data-chat-status]\ndata-attribute children per ADR-0023. The legacy shape was retired\nin v0.4.0 per ADR-0024 and is no longer recognized; new code uses\n<chat-header> with <chat-status> as a slotted child.\n",
|
|
4313
4452
|
"type": "object",
|
|
4314
4453
|
"allOf": [
|
|
4315
4454
|
{
|
|
@@ -4541,7 +4680,7 @@
|
|
|
4541
4680
|
},
|
|
4542
4681
|
"ChatShell": {
|
|
4543
4682
|
"title": "ChatShell",
|
|
4544
|
-
"description": "Behavior-only chat orchestrator (LLM-streaming module).
|
|
4683
|
+
"description": "Behavior-only chat orchestrator (LLM-streaming module). Canonical\nauthoring shape uses cluster-namespaced bespoke children —\n<chat-thread> as the message scroll surface (containing <chat-empty>\nas the empty-state slot), <chat-composer> wrapping the input\nprimitive, and optional <chat-header> / <chat-sidebar> / <chat-status>\nchrome. The shell wires LLM streaming, markdown rendering, code-block\nupgrades, and the proxy-url integration path; each bespoke child owns\nits own [streaming] / [empty] / [disabled] state-as-attribute\nsemantics per ADR-0023.\n\nLegacy data-attribute shapes (<section data-chat-messages>,\n<chat-input-ui data-chat-input>, <empty-state-ui data-chat-empty>,\n<header data-chat-name>) were RETIRED in v0.4.0 per ADR-0024 and\nare no longer recognized. Consumers must use the bespoke vocabulary.\n",
|
|
4545
4684
|
"type": "object",
|
|
4546
4685
|
"allOf": [
|
|
4547
4686
|
{
|
|
@@ -4571,7 +4710,7 @@
|
|
|
4571
4710
|
"default": ""
|
|
4572
4711
|
},
|
|
4573
4712
|
"streaming": {
|
|
4574
|
-
"description": "Active streaming indicator; toggled while a response is being received.",
|
|
4713
|
+
"description": "Active streaming indicator; toggled while a response is being received. Propagated to <chat-thread>[streaming] and <chat-composer>[disabled].",
|
|
4575
4714
|
"type": "boolean",
|
|
4576
4715
|
"default": false
|
|
4577
4716
|
},
|
|
@@ -4633,7 +4772,7 @@
|
|
|
4633
4772
|
}
|
|
4634
4773
|
},
|
|
4635
4774
|
"submit": {
|
|
4636
|
-
"description": "Fired on user message submit (before LLM call begins).",
|
|
4775
|
+
"description": "Fired on user message submit (before LLM call begins). Forwarded from <chat-composer>'s composer-submit event.",
|
|
4637
4776
|
"detail": {
|
|
4638
4777
|
"model": "string",
|
|
4639
4778
|
"text": "string"
|
|
@@ -4653,16 +4792,23 @@
|
|
|
4653
4792
|
"llm",
|
|
4654
4793
|
"streaming",
|
|
4655
4794
|
"conversation",
|
|
4656
|
-
"agent"
|
|
4795
|
+
"agent",
|
|
4796
|
+
"assistant"
|
|
4657
4797
|
],
|
|
4658
4798
|
"name": "ChatShell",
|
|
4659
4799
|
"related": [
|
|
4800
|
+
"ChatThread",
|
|
4801
|
+
"ChatComposer",
|
|
4802
|
+
"ChatEmpty",
|
|
4803
|
+
"ChatHeader",
|
|
4804
|
+
"ChatSidebar",
|
|
4805
|
+
"ChatStatus",
|
|
4660
4806
|
"ChatInput",
|
|
4661
4807
|
"Code"
|
|
4662
4808
|
],
|
|
4663
4809
|
"slots": {
|
|
4664
4810
|
"default": {
|
|
4665
|
-
"description": "
|
|
4811
|
+
"description": "Bespoke children compose here in document order — typically <chat-thread> (with optional <chat-empty> inside) for the message surface, then <chat-composer> wrapping a <chat-input-ui submit-on-enter> for the input. Optional <chat-header>, <chat-sidebar slot=\"leading|trailing\">, <chat-status>."
|
|
4666
4812
|
}
|
|
4667
4813
|
},
|
|
4668
4814
|
"states": [
|
|
@@ -4671,7 +4817,7 @@
|
|
|
4671
4817
|
"name": "idle"
|
|
4672
4818
|
},
|
|
4673
4819
|
{
|
|
4674
|
-
"description": "An LLM request is in-flight; [
|
|
4820
|
+
"description": "An LLM request is in-flight; child <chat-thread>[streaming] + <chat-composer>[disabled] propagate from this attribute.",
|
|
4675
4821
|
"attribute": "streaming",
|
|
4676
4822
|
"name": "streaming"
|
|
4677
4823
|
}
|
|
@@ -4680,7 +4826,9 @@
|
|
|
4680
4826
|
"chat": [
|
|
4681
4827
|
"conversation",
|
|
4682
4828
|
"messages",
|
|
4683
|
-
"thread"
|
|
4829
|
+
"thread",
|
|
4830
|
+
"assistant",
|
|
4831
|
+
"agent"
|
|
4684
4832
|
]
|
|
4685
4833
|
},
|
|
4686
4834
|
"tag": "chat-shell",
|
|
@@ -4888,7 +5036,7 @@
|
|
|
4888
5036
|
},
|
|
4889
5037
|
"ChatThread": {
|
|
4890
5038
|
"title": "ChatThread",
|
|
4891
|
-
"description": "Module-tier chat message thread container — replaces legacy\n<section data-chat-messages> per ADR-0023. Owns scroll-to-bottom\non new message (with user-scroll-up suspension), [streaming] and\n[empty] reflected attributes, and a stable target for the host's\nmessage rendering pipeline.\n\nSits inside <chat-shell> as the central scroll surface. Authors
|
|
5039
|
+
"description": "Module-tier chat message thread container — replaces legacy\n<section data-chat-messages> per ADR-0023. Owns scroll-to-bottom\non new message (with user-scroll-up suspension), [streaming] and\n[empty] reflected attributes, and a stable target for the host's\nmessage rendering pipeline.\n\nSits inside <chat-shell> as the central scroll surface. Authors compose <chat-empty> as an optional first child for the empty state; message children are appended dynamically by the host.\n",
|
|
4892
5040
|
"type": "object",
|
|
4893
5041
|
"allOf": [
|
|
4894
5042
|
{
|
|
@@ -4984,7 +5132,7 @@
|
|
|
4984
5132
|
},
|
|
4985
5133
|
"Check": {
|
|
4986
5134
|
"title": "Check",
|
|
4987
|
-
"description": "Checkbox
|
|
5135
|
+
"description": "Checkbox primitive — the host IS the control (per ADR-0025, no\nnative <input> wrapped underneath). Form-bearing via UIFormElement:\n[name], [value], [checked] (reflect), [indeterminate], [required],\n[disabled]. Wrap in <field-ui label=\"…\" hint=\"…\"> for the canonical\nlabeled stack, or set inline [label] / [hint] props. Distinct from\n<switch-ui> (binary on/off toggle) — use check-ui for opt-in lists\nand form acknowledgements, switch-ui for setting-style toggles.\n",
|
|
4988
5136
|
"type": "object",
|
|
4989
5137
|
"allOf": [
|
|
4990
5138
|
{
|
|
@@ -5070,7 +5218,11 @@
|
|
|
5070
5218
|
"check"
|
|
5071
5219
|
],
|
|
5072
5220
|
"name": "UICheck",
|
|
5073
|
-
"related": [
|
|
5221
|
+
"related": [
|
|
5222
|
+
"Switch",
|
|
5223
|
+
"Radio",
|
|
5224
|
+
"Field"
|
|
5225
|
+
],
|
|
5074
5226
|
"slots": {
|
|
5075
5227
|
"box": {
|
|
5076
5228
|
"description": "Visual checkbox indicator"
|
|
@@ -5093,7 +5245,13 @@
|
|
|
5093
5245
|
"name": "disabled"
|
|
5094
5246
|
}
|
|
5095
5247
|
],
|
|
5096
|
-
"synonyms": {
|
|
5248
|
+
"synonyms": {
|
|
5249
|
+
"checkbox": [
|
|
5250
|
+
"check",
|
|
5251
|
+
"tickbox",
|
|
5252
|
+
"boolean-input"
|
|
5253
|
+
]
|
|
5254
|
+
},
|
|
5097
5255
|
"tag": "check-ui",
|
|
5098
5256
|
"tokens": {
|
|
5099
5257
|
"--check-box-background": {
|
|
@@ -5124,7 +5282,7 @@
|
|
|
5124
5282
|
},
|
|
5125
5283
|
"Code": {
|
|
5126
5284
|
"title": "Code",
|
|
5127
|
-
"description": "Inline or block code display with optional language label and copy button.",
|
|
5285
|
+
"description": "Inline or block code display with optional language label and copy button. Renders preformatted text with monospace font and code-block tokens; syntax highlighting is opt-in via the language attribute. Use for code snippets in documentation, chat, or artifact panes; for editable code use <richtext-ui> with a code variant.",
|
|
5128
5286
|
"type": "object",
|
|
5129
5287
|
"allOf": [
|
|
5130
5288
|
{
|
|
@@ -5363,7 +5521,7 @@
|
|
|
5363
5521
|
},
|
|
5364
5522
|
"Col": {
|
|
5365
5523
|
"title": "Col",
|
|
5366
|
-
"description": "Flex column layout primitive.",
|
|
5524
|
+
"description": "Flex column layout primitive — vertical stack of children with\n[gap] / [align] / [justify] / [grow]. The most common layout\nprimitive in the repo. Use <col-ui> for vertical stacks, <row-ui>\nfor horizontal rows, <stack-ui> for overlay (children stack on top\nof each other in a grid), <grid-ui> for 2D grids. Composes inside\n<section-ui> for in-card layout; do NOT use as a child of\n<header-ui> / <footer-ui> (the chrome scope already lays out\nslots).\n",
|
|
5367
5525
|
"type": "object",
|
|
5368
5526
|
"allOf": [
|
|
5369
5527
|
{
|
|
@@ -5375,7 +5533,7 @@
|
|
|
5375
5533
|
],
|
|
5376
5534
|
"properties": {
|
|
5377
5535
|
"align": {
|
|
5378
|
-
"description": "
|
|
5536
|
+
"description": "Cross-axis alignment (start/center/end/stretch). Accepts `@bp` notation: align=\"stretch center@sm\" applies stretch below sm, center from sm up.",
|
|
5379
5537
|
"type": "string",
|
|
5380
5538
|
"default": "stretch"
|
|
5381
5539
|
},
|
|
@@ -5383,7 +5541,7 @@
|
|
|
5383
5541
|
"const": "Col"
|
|
5384
5542
|
},
|
|
5385
5543
|
"gap": {
|
|
5386
|
-
"description": "Gap between children.
|
|
5544
|
+
"description": "Gap between children. Named scale (xs/sm/md/lg/xl) or numeric spacing rung (\"1\"…\"16\", mapped to --a-space-N). Accepts `@bp` notation: gap=\"2 4@md\" = 2 below md, 4 from md upward.",
|
|
5387
5545
|
"type": "string",
|
|
5388
5546
|
"default": "md"
|
|
5389
5547
|
},
|
|
@@ -5393,7 +5551,7 @@
|
|
|
5393
5551
|
"default": false
|
|
5394
5552
|
},
|
|
5395
5553
|
"justify": {
|
|
5396
|
-
"description": "
|
|
5554
|
+
"description": "Main-axis justify (start/center/end/space-between/space-around). Accepts `@bp` notation: justify=\"start space-between@md\".",
|
|
5397
5555
|
"type": "string",
|
|
5398
5556
|
"default": "start"
|
|
5399
5557
|
}
|
|
@@ -5442,7 +5600,14 @@
|
|
|
5442
5600
|
"name": "idle"
|
|
5443
5601
|
}
|
|
5444
5602
|
],
|
|
5445
|
-
"synonyms": {
|
|
5603
|
+
"synonyms": {
|
|
5604
|
+
"column": [
|
|
5605
|
+
"col",
|
|
5606
|
+
"vstack",
|
|
5607
|
+
"vertical-stack",
|
|
5608
|
+
"vbox"
|
|
5609
|
+
]
|
|
5610
|
+
},
|
|
5446
5611
|
"tag": "col-ui",
|
|
5447
5612
|
"tokens": {},
|
|
5448
5613
|
"traits": [],
|
|
@@ -5667,7 +5832,7 @@
|
|
|
5667
5832
|
},
|
|
5668
5833
|
"ColorPicker": {
|
|
5669
5834
|
"title": "ColorPicker",
|
|
5670
|
-
"description": "OKLCH-native color picker with 2D area and H/C/L sliders. Form-associated.",
|
|
5835
|
+
"description": "OKLCH-native color picker with 2D area and H/C/L sliders. Form-associated input emitting OKLCH color strings; canonical color authoring surface in the AdiaUI token system. Use for color input in design tools or theming UIs; for simple color swatches use <swatch-ui> or <color-input-ui> instead.",
|
|
5671
5836
|
"type": "object",
|
|
5672
5837
|
"allOf": [
|
|
5673
5838
|
{
|
|
@@ -5793,7 +5958,13 @@
|
|
|
5793
5958
|
"name": "disabled"
|
|
5794
5959
|
}
|
|
5795
5960
|
],
|
|
5796
|
-
"synonyms": {
|
|
5961
|
+
"synonyms": {
|
|
5962
|
+
"color-picker": [
|
|
5963
|
+
"color-canvas",
|
|
5964
|
+
"color-surface",
|
|
5965
|
+
"swatch-picker"
|
|
5966
|
+
]
|
|
5967
|
+
},
|
|
5797
5968
|
"tag": "color-picker-ui",
|
|
5798
5969
|
"tokens": {},
|
|
5799
5970
|
"traits": [],
|
|
@@ -5802,7 +5973,7 @@
|
|
|
5802
5973
|
},
|
|
5803
5974
|
"Command": {
|
|
5804
5975
|
"title": "Command",
|
|
5805
|
-
"description": "Searchable command palette
|
|
5976
|
+
"description": "Searchable command palette primitive — combobox-style search input\nplus a scrollable list of <option value> items grouped by\n<optgroup label>. Content-only; does NOT own the dialog or the\nCmd+K shortcut. For canonical Cmd+K palettes wrap in <admin-command>\nat the shell tier, which provides the native <dialog> + focus\nmanagement + cross-platform Cmd+K listener. Distinct from <menu-ui>\n(small popover action menu, not searchable) and <modal-ui> (generic\ncentered dialog).\n",
|
|
5806
5977
|
"type": "object",
|
|
5807
5978
|
"allOf": [
|
|
5808
5979
|
{
|
|
@@ -5888,7 +6059,12 @@
|
|
|
5888
6059
|
"keybinding"
|
|
5889
6060
|
],
|
|
5890
6061
|
"name": "UICommand",
|
|
5891
|
-
"related": [
|
|
6062
|
+
"related": [
|
|
6063
|
+
"AdminCommand",
|
|
6064
|
+
"Menu",
|
|
6065
|
+
"Modal",
|
|
6066
|
+
"Search"
|
|
6067
|
+
],
|
|
5892
6068
|
"slots": {
|
|
5893
6069
|
"empty": {
|
|
5894
6070
|
"description": "Empty state shown when no items match"
|
|
@@ -6250,7 +6426,11 @@
|
|
|
6250
6426
|
"dl"
|
|
6251
6427
|
],
|
|
6252
6428
|
"name": "UIDescriptionList",
|
|
6253
|
-
"related": [
|
|
6429
|
+
"related": [
|
|
6430
|
+
"List",
|
|
6431
|
+
"Field",
|
|
6432
|
+
"Section"
|
|
6433
|
+
],
|
|
6254
6434
|
"slots": {
|
|
6255
6435
|
"[object Object]": {
|
|
6256
6436
|
"description": "Child content region for the `[object Object]` slot."
|
|
@@ -6279,7 +6459,7 @@
|
|
|
6279
6459
|
},
|
|
6280
6460
|
"Divider": {
|
|
6281
6461
|
"title": "Divider",
|
|
6282
|
-
"description": "Horizontal or vertical divider with optional label.",
|
|
6462
|
+
"description": "Horizontal or vertical divider with optional label — a semantic\nrule between content groups. Set [vertical] for column dividers\n(typically inside <row-ui>); set [label] for a labeled-rule pattern\nwhere the divider carries a short caption (e.g. \"OR\" between auth\nmethods, \"Today\" between message groups). Distinct from\n<hr data-nav-divider> (which is a CSS hook used by <nav-ui> for nav\nsection separation, not a primitive).\n",
|
|
6283
6463
|
"type": "object",
|
|
6284
6464
|
"allOf": [
|
|
6285
6465
|
{
|
|
@@ -6608,7 +6788,7 @@
|
|
|
6608
6788
|
},
|
|
6609
6789
|
"EditorCanvas": {
|
|
6610
6790
|
"title": "EditorCanvas",
|
|
6611
|
-
"description": "Module-tier editor canvas surface — replaces legacy <div data-canvas>\ninside <editor-shell> per ADR-0023. Owns scroll/zoom container\nsemantics, [empty] and [focused] reflected attributes, and a stable\ntarget for the host's content rendering pipeline.\n\nSits as the central content region inside <editor-shell>, between\nthe optional <editor-sidebar slot=\"leading\"> and <editor-sidebar\nslot=\"trailing\">. Authors compose <editor-canvas-empty> as an\noptional first child for the empty state; canvas content children\n(artboards, document body, etc.) are appended either statically or\ndynamically by the host.\n
|
|
6791
|
+
"description": "Module-tier editor canvas surface — replaces legacy <div data-canvas>\ninside <editor-shell> per ADR-0023. Owns scroll/zoom container\nsemantics, [empty] and [focused] reflected attributes, and a stable\ntarget for the host's content rendering pipeline.\n\nSits as the central content region inside <editor-shell>, between\nthe optional <editor-sidebar slot=\"leading\"> and <editor-sidebar\nslot=\"trailing\">. Authors compose <editor-canvas-empty> as an\noptional first child for the empty state; canvas content children\n(artboards, document body, etc.) are appended either statically or\ndynamically by the host.\n",
|
|
6612
6792
|
"type": "object",
|
|
6613
6793
|
"allOf": [
|
|
6614
6794
|
{
|
|
@@ -6842,7 +7022,7 @@
|
|
|
6842
7022
|
},
|
|
6843
7023
|
"EditorShell": {
|
|
6844
7024
|
"title": "EditorShell",
|
|
6845
|
-
"description": "Behavior-only editor shell
|
|
7025
|
+
"description": "Behavior-only editor shell for design-tool / code-editor / canvas\nlayouts. Canonical authoring shape uses cluster-namespaced bespoke\nchildren — <editor-toolbar> at the top, <editor-sidebar\nslot=\"leading|trailing\"> rails wrapping <pane-ui resizable>,\n<editor-canvas> as the central work surface (optionally containing\n<editor-canvas-toolbar> + <editor-canvas-empty>), and\n<editor-statusbar> at the bottom. The shell coordinates the family,\npropagates [focus-mode] to children's [full-screen] / [focused],\nand lets each child own its own state-as-attribute semantics per\nADR-0023.\n\nLegacy data-attribute shapes (<header>, <div data-editor-body>,\n<pane-ui data-left|data-right>, <div data-canvas>, <footer>,\n<span data-spacer>) were RETIRED in v0.4.0 per ADR-0024 and are no\nlonger recognized. Consumers must use the bespoke vocabulary.\n",
|
|
6846
7026
|
"type": "object",
|
|
6847
7027
|
"allOf": [
|
|
6848
7028
|
{
|
|
@@ -6855,6 +7035,11 @@
|
|
|
6855
7035
|
"properties": {
|
|
6856
7036
|
"component": {
|
|
6857
7037
|
"const": "EditorShell"
|
|
7038
|
+
},
|
|
7039
|
+
"focusMode": {
|
|
7040
|
+
"description": "Reflected — when set, the shell enters distraction-free mode and\npropagates a matching [full-screen] / [focused] state to its\nbespoke children (editor-toolbar gains [full-screen], editor-canvas\ngains [focused]). Typically toggled by a [data-toolbar-action]\nbutton inside <editor-toolbar>.\n",
|
|
7041
|
+
"type": "boolean",
|
|
7042
|
+
"default": false
|
|
6858
7043
|
}
|
|
6859
7044
|
},
|
|
6860
7045
|
"required": [
|
|
@@ -6871,41 +7056,47 @@
|
|
|
6871
7056
|
"editor-shell",
|
|
6872
7057
|
"editor",
|
|
6873
7058
|
"design-tool",
|
|
6874
|
-
"
|
|
7059
|
+
"code-editor",
|
|
7060
|
+
"canvas-shell",
|
|
7061
|
+
"workspace-shell",
|
|
7062
|
+
"editing-surface"
|
|
6875
7063
|
],
|
|
6876
7064
|
"name": "EditorShell",
|
|
6877
7065
|
"related": [
|
|
7066
|
+
"EditorToolbar",
|
|
7067
|
+
"EditorCanvas",
|
|
7068
|
+
"EditorCanvasToolbar",
|
|
7069
|
+
"EditorCanvasEmpty",
|
|
7070
|
+
"EditorSidebar",
|
|
7071
|
+
"EditorStatusbar",
|
|
6878
7072
|
"Pane",
|
|
6879
|
-
"
|
|
6880
|
-
"
|
|
7073
|
+
"AdminShell",
|
|
7074
|
+
"ChatShell"
|
|
6881
7075
|
],
|
|
6882
7076
|
"slots": {
|
|
6883
|
-
"description": {
|
|
6884
|
-
"description": "Secondary metadata inside <header> or <footer> — document name, artboard size, zoom level, etc. Muted color, --a-ui-sm size."
|
|
6885
|
-
},
|
|
6886
7077
|
"default": {
|
|
6887
|
-
"description": "
|
|
6888
|
-
},
|
|
6889
|
-
"action": {
|
|
6890
|
-
"description": "Trailing control cluster inside <header> or <footer>. The first [slot=\"action\"] child pushes itself (and siblings) to the end of the bar; subsequent [slot=\"action\"] siblings flow with gap."
|
|
6891
|
-
},
|
|
6892
|
-
"action-leading": {
|
|
6893
|
-
"description": "Leading (inline-start) control cluster inside <header> or <footer>. Pairs with [slot=\"action\"] to produce a dual-cluster bar with space-between alignment (e.g. Back ↔ Cancel/Next, Discard ↔ Publish). Replaces the legacy <span data-spacer> hack."
|
|
6894
|
-
},
|
|
6895
|
-
"heading": {
|
|
6896
|
-
"description": "Primary label inside <header> or <footer>. Rendered with --editor-title-weight + the strong foreground token."
|
|
6897
|
-
},
|
|
6898
|
-
"icon": {
|
|
6899
|
-
"description": "Leading glyph inside <header> or <footer> — status dot, app icon, zoom badge, etc. Muted color, size-aware."
|
|
7078
|
+
"description": "Bespoke children compose here in document order — <editor-toolbar>, <editor-sidebar slot=\"leading\">, <editor-canvas>, <editor-sidebar slot=\"trailing\">, <editor-statusbar>. The shell's grid layout reads child tag selectors to place them; no slot= attribute is needed on the children themselves except for the leading / trailing sidebar discriminator."
|
|
6900
7079
|
}
|
|
6901
7080
|
},
|
|
6902
7081
|
"states": [
|
|
6903
7082
|
{
|
|
6904
|
-
"description": "Default.",
|
|
7083
|
+
"description": "Default editing mode.",
|
|
6905
7084
|
"name": "idle"
|
|
7085
|
+
},
|
|
7086
|
+
{
|
|
7087
|
+
"description": "Distraction-free mode active; chrome children dim or hide per their own [full-screen] / [focused] rules.",
|
|
7088
|
+
"attribute": "focus-mode",
|
|
7089
|
+
"name": "focus-mode"
|
|
6906
7090
|
}
|
|
6907
7091
|
],
|
|
6908
|
-
"synonyms": {
|
|
7092
|
+
"synonyms": {
|
|
7093
|
+
"editor-shell": [
|
|
7094
|
+
"design-tool-shell",
|
|
7095
|
+
"code-editor-shell",
|
|
7096
|
+
"workspace-shell",
|
|
7097
|
+
"canvas-shell"
|
|
7098
|
+
]
|
|
7099
|
+
},
|
|
6909
7100
|
"tag": "editor-shell",
|
|
6910
7101
|
"tokens": {},
|
|
6911
7102
|
"traits": [],
|
|
@@ -7091,7 +7282,7 @@
|
|
|
7091
7282
|
},
|
|
7092
7283
|
"EditorToolbar": {
|
|
7093
7284
|
"title": "EditorToolbar",
|
|
7094
|
-
"description": "Module-tier editor toolbar — replaces legacy <header> chrome bar\ninside <editor-shell> per ADR-0023. Owns the [full-screen] reflected\nattribute (set when host enters focus mode), click-bubble for\n[data-toolbar-action] buttons, and slot vocabulary routing.\n\nSits at the top of <editor-shell>. Authors compose actions + status\nvia slot vocabulary.
|
|
7285
|
+
"description": "Module-tier editor toolbar — replaces legacy <header> chrome bar\ninside <editor-shell> per ADR-0023. Owns the [full-screen] reflected\nattribute (set when host enters focus mode), click-bubble for\n[data-toolbar-action] buttons, and slot vocabulary routing.\n\nSits at the top of <editor-shell>. Authors compose actions + status\nvia slot vocabulary. Replaces the legacy <header> chrome bar per\nADR-0023; the legacy shape was retired in v0.4.0 per ADR-0024 and\nis no longer recognized.\n",
|
|
7095
7286
|
"type": "object",
|
|
7096
7287
|
"allOf": [
|
|
7097
7288
|
{
|
|
@@ -7186,7 +7377,7 @@
|
|
|
7186
7377
|
},
|
|
7187
7378
|
"Embed": {
|
|
7188
7379
|
"title": "Embed",
|
|
7189
|
-
"description": "Responsive sandboxed iframe wrapper.",
|
|
7380
|
+
"description": "Responsive sandboxed <iframe> wrapper — renders external content at\na constrained [aspect] ratio with optional [width] / [height] override.\nThe iframe is created in light DOM with safe sandbox attributes;\nauthors do NOT slot an <iframe> directly. Use for YouTube / Vimeo /\nFigma embeds in articles, marketing pages, or chat responses; not\nfor arbitrary cross-origin app integrations (use the platform's own\nSDK / portal instead).\n",
|
|
7190
7381
|
"type": "object",
|
|
7191
7382
|
"allOf": [
|
|
7192
7383
|
{
|
|
@@ -7335,7 +7526,7 @@
|
|
|
7335
7526
|
},
|
|
7336
7527
|
"EmptyState": {
|
|
7337
7528
|
"title": "EmptyState",
|
|
7338
|
-
"description": "Placeholder for empty views with icon, heading, description, and action slot.",
|
|
7529
|
+
"description": "Placeholder for empty views with icon, heading, description, and action slot. Renders centered inside lists, tables, panes, or cards when no data is present. Use as a zero-state inside containers; for app-loading shells use <skeleton-ui> instead.",
|
|
7339
7530
|
"type": "object",
|
|
7340
7531
|
"allOf": [
|
|
7341
7532
|
{
|
|
@@ -7368,6 +7559,16 @@
|
|
|
7368
7559
|
"description": "§223 (v0.5.9). Single-line muted layout — drops centered-column chrome\n(no vertical padding, no row-stack, no icon-size bump). Useful for\ninline empty-table-row / inline empty-list / placeholder cells where\nthe full-canvas placeholder is too prominent.",
|
|
7369
7560
|
"type": "boolean",
|
|
7370
7561
|
"default": false
|
|
7562
|
+
},
|
|
7563
|
+
"variant": {
|
|
7564
|
+
"description": "Semantic color variant. Use `danger` or `warning` for full-section error states where the data cannot be shown (API failure, permission error) — the centered layout mirrors the empty state but uses danger/ warning tones. Leave unset (default) for the canonical zero-data case.",
|
|
7565
|
+
"type": "string",
|
|
7566
|
+
"enum": [
|
|
7567
|
+
"default",
|
|
7568
|
+
"danger",
|
|
7569
|
+
"warning"
|
|
7570
|
+
],
|
|
7571
|
+
"default": "default"
|
|
7371
7572
|
}
|
|
7372
7573
|
},
|
|
7373
7574
|
"required": [
|
|
@@ -7418,7 +7619,14 @@
|
|
|
7418
7619
|
"name": "idle"
|
|
7419
7620
|
}
|
|
7420
7621
|
],
|
|
7421
|
-
"synonyms": {
|
|
7622
|
+
"synonyms": {
|
|
7623
|
+
"empty-state": [
|
|
7624
|
+
"zero-state",
|
|
7625
|
+
"no-data",
|
|
7626
|
+
"placeholder",
|
|
7627
|
+
"empty"
|
|
7628
|
+
]
|
|
7629
|
+
},
|
|
7422
7630
|
"tag": "empty-state-ui",
|
|
7423
7631
|
"tokens": {
|
|
7424
7632
|
"--empty-state-action-mt": {
|
|
@@ -7512,12 +7720,32 @@
|
|
|
7512
7720
|
}
|
|
7513
7721
|
},
|
|
7514
7722
|
"examples": [],
|
|
7515
|
-
"keywords": [
|
|
7723
|
+
"keywords": [
|
|
7724
|
+
"feed",
|
|
7725
|
+
"notification-feed",
|
|
7726
|
+
"activity-stream",
|
|
7727
|
+
"toast-stack",
|
|
7728
|
+
"alert-stack",
|
|
7729
|
+
"snackbar-stack",
|
|
7730
|
+
"notification-channel"
|
|
7731
|
+
],
|
|
7516
7732
|
"name": "UIFeedContainer",
|
|
7517
|
-
"related": [
|
|
7733
|
+
"related": [
|
|
7734
|
+
"FeedItem",
|
|
7735
|
+
"Toast",
|
|
7736
|
+
"Alert"
|
|
7737
|
+
],
|
|
7518
7738
|
"slots": {},
|
|
7519
7739
|
"states": {},
|
|
7520
|
-
"synonyms": {
|
|
7740
|
+
"synonyms": {
|
|
7741
|
+
"feed": [
|
|
7742
|
+
"notification-feed",
|
|
7743
|
+
"toast-feed",
|
|
7744
|
+
"alert-feed",
|
|
7745
|
+
"activity-feed",
|
|
7746
|
+
"snackbar-stack"
|
|
7747
|
+
]
|
|
7748
|
+
},
|
|
7521
7749
|
"tag": "feed-ui",
|
|
7522
7750
|
"tokens": {},
|
|
7523
7751
|
"traits": [],
|
|
@@ -7592,16 +7820,34 @@
|
|
|
7592
7820
|
}
|
|
7593
7821
|
},
|
|
7594
7822
|
"examples": [],
|
|
7595
|
-
"keywords": [
|
|
7823
|
+
"keywords": [
|
|
7824
|
+
"feed-item",
|
|
7825
|
+
"notification",
|
|
7826
|
+
"toast-row",
|
|
7827
|
+
"alert-row",
|
|
7828
|
+
"feed-entry",
|
|
7829
|
+
"notification-card"
|
|
7830
|
+
],
|
|
7596
7831
|
"name": "UIFeedItem",
|
|
7597
|
-
"related": [
|
|
7832
|
+
"related": [
|
|
7833
|
+
"Feed",
|
|
7834
|
+
"Toast",
|
|
7835
|
+
"Alert"
|
|
7836
|
+
],
|
|
7598
7837
|
"slots": {
|
|
7599
7838
|
"body": {
|
|
7600
7839
|
"description": "Default content slot (also accepts the `text` / `heading` props)"
|
|
7601
7840
|
}
|
|
7602
7841
|
},
|
|
7603
7842
|
"states": {},
|
|
7604
|
-
"synonyms": {
|
|
7843
|
+
"synonyms": {
|
|
7844
|
+
"feed-item": [
|
|
7845
|
+
"notification-row",
|
|
7846
|
+
"toast-entry",
|
|
7847
|
+
"feed-row",
|
|
7848
|
+
"alert-item"
|
|
7849
|
+
]
|
|
7850
|
+
},
|
|
7605
7851
|
"tag": "feed-item-ui",
|
|
7606
7852
|
"tokens": {},
|
|
7607
7853
|
"traits": [],
|
|
@@ -7949,7 +8195,13 @@
|
|
|
7949
8195
|
"name": "idle"
|
|
7950
8196
|
}
|
|
7951
8197
|
],
|
|
7952
|
-
"synonyms": {
|
|
8198
|
+
"synonyms": {
|
|
8199
|
+
"footer": [
|
|
8200
|
+
"footer-bar",
|
|
8201
|
+
"footer-row",
|
|
8202
|
+
"bottom-bar"
|
|
8203
|
+
]
|
|
8204
|
+
},
|
|
7953
8205
|
"tag": "footer-ui",
|
|
7954
8206
|
"tokens": {},
|
|
7955
8207
|
"traits": [],
|
|
@@ -8024,7 +8276,13 @@
|
|
|
8024
8276
|
"name": "idle"
|
|
8025
8277
|
}
|
|
8026
8278
|
],
|
|
8027
|
-
"synonyms": {
|
|
8279
|
+
"synonyms": {
|
|
8280
|
+
"gen-root": [
|
|
8281
|
+
"gen-ui-root",
|
|
8282
|
+
"gen-ui-mount",
|
|
8283
|
+
"generative-root"
|
|
8284
|
+
]
|
|
8285
|
+
},
|
|
8028
8286
|
"tag": "gen-root",
|
|
8029
8287
|
"tokens": {},
|
|
8030
8288
|
"traits": [],
|
|
@@ -8033,7 +8291,7 @@
|
|
|
8033
8291
|
},
|
|
8034
8292
|
"Grid": {
|
|
8035
8293
|
"title": "Grid",
|
|
8036
|
-
"description": "CSS grid layout primitive. Supports [columns=\"1..6\"] for equal columns, [columns=\"auto-fill\"|\"auto-fit\"] for responsive density, and a per-child [span=\"2..6\"|\"full\"] attribute for asymmetric layouts. Compose a 2:1 split as columns=\"3\" +
|
|
8294
|
+
"description": "CSS grid layout primitive. Supports [columns=\"1..6\"] for equal columns, [columns=\"auto-fill\"|\"auto-fit\"] for responsive density, and a per-child [span=\"2..6\"|\"full\"] attribute for asymmetric layouts. Both [columns] and [gap] accept responsive `@bp` notation for viewport-driven layout: columns=\"1 2@sm 4@lg\" gives 1 column on xs, 2 from sm, 4 from lg/xl. Compose a 2:1 split as columns=\"3\" + span=\"2\"; 3:2 as columns=\"5\" + span=\"3\" + span=\"2\".",
|
|
8037
8295
|
"type": "object",
|
|
8038
8296
|
"allOf": [
|
|
8039
8297
|
{
|
|
@@ -8050,7 +8308,7 @@
|
|
|
8050
8308
|
"default": ""
|
|
8051
8309
|
},
|
|
8052
8310
|
"columns": {
|
|
8053
|
-
"description": "Number of columns or
|
|
8311
|
+
"description": "Number of equal columns (1–6), \"auto-fill\", or \"auto-fit\". Accepts responsive `@bp` notation: \"1 2@sm 4@lg\" = 1 on xs, 2 from sm, 4 from lg/xl. Unannotated value is the mobile-first base.",
|
|
8054
8312
|
"type": "string",
|
|
8055
8313
|
"default": "3"
|
|
8056
8314
|
},
|
|
@@ -8058,7 +8316,7 @@
|
|
|
8058
8316
|
"const": "Grid"
|
|
8059
8317
|
},
|
|
8060
8318
|
"gap": {
|
|
8061
|
-
"description": "Grid gap",
|
|
8319
|
+
"description": "Grid gap. Accepts numeric space-scale values (0–12) or named sizes (xs/sm/md/lg/xl). Responsive notation supported: \"2 4@md\" = 2 below md, 4 from md upward.",
|
|
8062
8320
|
"type": "string",
|
|
8063
8321
|
"default": "md"
|
|
8064
8322
|
},
|
|
@@ -8264,7 +8522,14 @@
|
|
|
8264
8522
|
"name": "idle"
|
|
8265
8523
|
}
|
|
8266
8524
|
],
|
|
8267
|
-
"synonyms": {
|
|
8525
|
+
"synonyms": {
|
|
8526
|
+
"header": [
|
|
8527
|
+
"header-bar",
|
|
8528
|
+
"header-row",
|
|
8529
|
+
"top-bar",
|
|
8530
|
+
"chrome-top"
|
|
8531
|
+
]
|
|
8532
|
+
},
|
|
8268
8533
|
"tag": "header-ui",
|
|
8269
8534
|
"tokens": {},
|
|
8270
8535
|
"traits": [],
|
|
@@ -8431,7 +8696,7 @@
|
|
|
8431
8696
|
},
|
|
8432
8697
|
"Icon": {
|
|
8433
8698
|
"title": "Icon",
|
|
8434
|
-
"description": "SVG icon from the icon registry. Renders inline SVG from getIcon().",
|
|
8699
|
+
"description": "SVG icon from the icon registry. Renders inline SVG from getIcon() lookups with size + color token support; the canonical icon primitive throughout AdiaUI. Use for all icon needs; do not embed raw SVG or image-based icons in composed components.",
|
|
8435
8700
|
"type": "object",
|
|
8436
8701
|
"allOf": [
|
|
8437
8702
|
{
|
|
@@ -8513,7 +8778,14 @@
|
|
|
8513
8778
|
"name": "idle"
|
|
8514
8779
|
}
|
|
8515
8780
|
],
|
|
8516
|
-
"synonyms": {
|
|
8781
|
+
"synonyms": {
|
|
8782
|
+
"icon": [
|
|
8783
|
+
"glyph",
|
|
8784
|
+
"phosphor-icon",
|
|
8785
|
+
"ui-icon",
|
|
8786
|
+
"symbol"
|
|
8787
|
+
]
|
|
8788
|
+
},
|
|
8517
8789
|
"tag": "icon-ui",
|
|
8518
8790
|
"tokens": {},
|
|
8519
8791
|
"traits": [],
|
|
@@ -9122,7 +9394,7 @@
|
|
|
9122
9394
|
},
|
|
9123
9395
|
"Inspector": {
|
|
9124
9396
|
"title": "Inspector",
|
|
9125
|
-
"description": "Developer
|
|
9397
|
+
"description": "Developer-tools pane for inspecting A2UI runtime state — composes\n<tabs-ui> + <code-ui> to show the live document JSON, rendered\nHTML, and event log for the bound <canvas-ui> / <a2ui-root>. The\nright-pane inspector of the a2ui-editor app. Use inside an\n<editor-sidebar slot=\"trailing\"> for debugging A2UI playgrounds;\nnot for end-user inspector panes (build those bespoke with\n<field-ui> + form rows per the editor-inspector-pane recipe in\npatterns-recipes.md).\n",
|
|
9126
9398
|
"type": "object",
|
|
9127
9399
|
"allOf": [
|
|
9128
9400
|
{
|
|
@@ -9166,7 +9438,12 @@
|
|
|
9166
9438
|
"inspector"
|
|
9167
9439
|
],
|
|
9168
9440
|
"name": "UIInspector",
|
|
9169
|
-
"related": [
|
|
9441
|
+
"related": [
|
|
9442
|
+
"A2uiRoot",
|
|
9443
|
+
"EditorSidebar",
|
|
9444
|
+
"Code",
|
|
9445
|
+
"Tabs"
|
|
9446
|
+
],
|
|
9170
9447
|
"slots": {
|
|
9171
9448
|
"default": {
|
|
9172
9449
|
"description": "Default slot — primary child content."
|
|
@@ -9194,7 +9471,7 @@
|
|
|
9194
9471
|
},
|
|
9195
9472
|
"Kbd": {
|
|
9196
9473
|
"title": "Kbd",
|
|
9197
|
-
"description": "Keyboard key cap. Purely decorative, content from innerHTML.",
|
|
9474
|
+
"description": "Keyboard key cap. Purely decorative, content from innerHTML — typically a single key or short chord like \"⌘K\" or \"Ctrl+Shift+P\". Use inline in menu items, tooltips, command hints, and shortcut documentation.",
|
|
9198
9475
|
"type": "object",
|
|
9199
9476
|
"allOf": [
|
|
9200
9477
|
{
|
|
@@ -9471,7 +9748,7 @@
|
|
|
9471
9748
|
},
|
|
9472
9749
|
"List": {
|
|
9473
9750
|
"title": "List",
|
|
9474
|
-
"description": "Styled list with optional icons and
|
|
9751
|
+
"description": "Styled flat list with optional row dividers and icons — each row\nis a <list-item-ui> child. Selectable mode via [selectable] +\n[selectedKey] / `select` event. Composes <icon-ui> for row leading\nglyphs. Distinct from <nav-ui> (sidebar navigation, route-aware),\n<tree-ui> (hierarchical with arbitrary nesting), and <table-ui>\n(tabular data with columns). Use list-ui for non-navigable,\nnon-tabular vertical rows — comment lists, file lists, message\nstreams outside chat-shell.\n",
|
|
9475
9752
|
"type": "object",
|
|
9476
9753
|
"allOf": [
|
|
9477
9754
|
{
|
|
@@ -9548,7 +9825,12 @@
|
|
|
9548
9825
|
"star"
|
|
9549
9826
|
],
|
|
9550
9827
|
"name": "UIList",
|
|
9551
|
-
"related": [
|
|
9828
|
+
"related": [
|
|
9829
|
+
"ListItem",
|
|
9830
|
+
"Tree",
|
|
9831
|
+
"Nav",
|
|
9832
|
+
"Table"
|
|
9833
|
+
],
|
|
9552
9834
|
"slots": {},
|
|
9553
9835
|
"states": [
|
|
9554
9836
|
{
|
|
@@ -9631,12 +9913,30 @@
|
|
|
9631
9913
|
"composes": [],
|
|
9632
9914
|
"events": {},
|
|
9633
9915
|
"examples": [],
|
|
9634
|
-
"keywords": [
|
|
9916
|
+
"keywords": [
|
|
9917
|
+
"list-item",
|
|
9918
|
+
"list-row",
|
|
9919
|
+
"list-entry",
|
|
9920
|
+
"item-row",
|
|
9921
|
+
"row"
|
|
9922
|
+
],
|
|
9635
9923
|
"name": "UIListItem",
|
|
9636
|
-
"related": [
|
|
9924
|
+
"related": [
|
|
9925
|
+
"List",
|
|
9926
|
+
"NavItem",
|
|
9927
|
+
"MenuItem",
|
|
9928
|
+
"TreeItem"
|
|
9929
|
+
],
|
|
9637
9930
|
"slots": {},
|
|
9638
9931
|
"states": [],
|
|
9639
|
-
"synonyms": {
|
|
9932
|
+
"synonyms": {
|
|
9933
|
+
"list-item": [
|
|
9934
|
+
"row",
|
|
9935
|
+
"entry",
|
|
9936
|
+
"list-row",
|
|
9937
|
+
"item"
|
|
9938
|
+
]
|
|
9939
|
+
},
|
|
9640
9940
|
"tag": "list-item-ui",
|
|
9641
9941
|
"tokens": {},
|
|
9642
9942
|
"traits": [],
|
|
@@ -9724,7 +10024,13 @@
|
|
|
9724
10024
|
"right-click"
|
|
9725
10025
|
],
|
|
9726
10026
|
"name": "UIMenu",
|
|
9727
|
-
"related": [
|
|
10027
|
+
"related": [
|
|
10028
|
+
"MenuItem",
|
|
10029
|
+
"MenuDivider",
|
|
10030
|
+
"Popover",
|
|
10031
|
+
"Command",
|
|
10032
|
+
"Button"
|
|
10033
|
+
],
|
|
9728
10034
|
"slots": {
|
|
9729
10035
|
"default": {
|
|
9730
10036
|
"description": "Menu items with role=\"menuitem\" and optional <hr> dividers"
|
|
@@ -9817,12 +10123,26 @@
|
|
|
9817
10123
|
"composes": [],
|
|
9818
10124
|
"events": {},
|
|
9819
10125
|
"examples": [],
|
|
9820
|
-
"keywords": [
|
|
10126
|
+
"keywords": [
|
|
10127
|
+
"menu-divider",
|
|
10128
|
+
"separator",
|
|
10129
|
+
"menu-rule"
|
|
10130
|
+
],
|
|
9821
10131
|
"name": "UIMenuDivider",
|
|
9822
|
-
"related": [
|
|
10132
|
+
"related": [
|
|
10133
|
+
"Menu",
|
|
10134
|
+
"MenuItem",
|
|
10135
|
+
"Divider"
|
|
10136
|
+
],
|
|
9823
10137
|
"slots": {},
|
|
9824
10138
|
"states": [],
|
|
9825
|
-
"synonyms": {
|
|
10139
|
+
"synonyms": {
|
|
10140
|
+
"menu-divider": [
|
|
10141
|
+
"menu-separator",
|
|
10142
|
+
"menu-rule",
|
|
10143
|
+
"popover-divider"
|
|
10144
|
+
]
|
|
10145
|
+
},
|
|
9826
10146
|
"tag": "menu-divider-ui",
|
|
9827
10147
|
"tokens": {},
|
|
9828
10148
|
"traits": [],
|
|
@@ -9885,9 +10205,19 @@
|
|
|
9885
10205
|
"composes": [],
|
|
9886
10206
|
"events": {},
|
|
9887
10207
|
"examples": [],
|
|
9888
|
-
"keywords": [
|
|
10208
|
+
"keywords": [
|
|
10209
|
+
"menu-item",
|
|
10210
|
+
"menu-row",
|
|
10211
|
+
"popover-action",
|
|
10212
|
+
"dropdown-item"
|
|
10213
|
+
],
|
|
9889
10214
|
"name": "UIMenuItem",
|
|
9890
|
-
"related": [
|
|
10215
|
+
"related": [
|
|
10216
|
+
"Menu",
|
|
10217
|
+
"MenuDivider",
|
|
10218
|
+
"Button",
|
|
10219
|
+
"NavItem"
|
|
10220
|
+
],
|
|
9891
10221
|
"slots": {
|
|
9892
10222
|
"icon": {
|
|
9893
10223
|
"description": "Custom leading element override; falls through to `[icon]` prop if not slotted."
|
|
@@ -9897,7 +10227,13 @@
|
|
|
9897
10227
|
}
|
|
9898
10228
|
},
|
|
9899
10229
|
"states": [],
|
|
9900
|
-
"synonyms": {
|
|
10230
|
+
"synonyms": {
|
|
10231
|
+
"menu-item": [
|
|
10232
|
+
"dropdown-item",
|
|
10233
|
+
"menu-row",
|
|
10234
|
+
"popover-action"
|
|
10235
|
+
]
|
|
10236
|
+
},
|
|
9901
10237
|
"tag": "menu-item-ui",
|
|
9902
10238
|
"tokens": {},
|
|
9903
10239
|
"traits": [],
|
|
@@ -9906,7 +10242,7 @@
|
|
|
9906
10242
|
},
|
|
9907
10243
|
"Modal": {
|
|
9908
10244
|
"title": "Modal",
|
|
9909
|
-
"description": "Centered dialog overlay using native <dialog>.
|
|
10245
|
+
"description": "Centered dialog overlay using native <dialog> — same portal /\nbackdrop / focus-trap / Escape-dismiss primitives as <drawer-ui>,\nbut anchored to the viewport center with size presets. Canonical\ninner shape mirrors drawer / card: <header> + one or more <section>\n+ optional <footer>. The header stamps a built-in title bar from\n[text] plus an auto-close button (unless [permanent]). Use modal-ui\nfor centered confirmations, destructive prompts, transient previews,\nand short focused interactions; use <drawer-ui> instead for\nedge-anchored multi-field editors and mobile sheet patterns.\n",
|
|
9910
10246
|
"type": "object",
|
|
9911
10247
|
"allOf": [
|
|
9912
10248
|
{
|
|
@@ -9971,7 +10307,12 @@
|
|
|
9971
10307
|
"modal"
|
|
9972
10308
|
],
|
|
9973
10309
|
"name": "UIModal",
|
|
9974
|
-
"related": [
|
|
10310
|
+
"related": [
|
|
10311
|
+
"Drawer",
|
|
10312
|
+
"Card",
|
|
10313
|
+
"Popover",
|
|
10314
|
+
"AdminCommand"
|
|
10315
|
+
],
|
|
9975
10316
|
"slots": {
|
|
9976
10317
|
"default": {
|
|
9977
10318
|
"description": "Content placed inside the modal surface. Accepts any elements (card-ui, command-ui, custom markup)."
|
|
@@ -10112,7 +10453,13 @@
|
|
|
10112
10453
|
"links"
|
|
10113
10454
|
],
|
|
10114
10455
|
"name": "UINav",
|
|
10115
|
-
"related": [
|
|
10456
|
+
"related": [
|
|
10457
|
+
"NavGroup",
|
|
10458
|
+
"NavItem",
|
|
10459
|
+
"Tabs",
|
|
10460
|
+
"Breadcrumb",
|
|
10461
|
+
"AdminSidebar"
|
|
10462
|
+
],
|
|
10116
10463
|
"slots": {
|
|
10117
10464
|
"default": {
|
|
10118
10465
|
"description": "Primary slot — accepts <nav-group-ui> + <nav-item-ui> children, plus <hr data-nav-divider> for hand-placed dividers."
|
|
@@ -10128,7 +10475,15 @@
|
|
|
10128
10475
|
"name": "collapsed"
|
|
10129
10476
|
}
|
|
10130
10477
|
],
|
|
10131
|
-
"synonyms": {
|
|
10478
|
+
"synonyms": {
|
|
10479
|
+
"nav": [
|
|
10480
|
+
"sidebar",
|
|
10481
|
+
"side-nav",
|
|
10482
|
+
"navigation-rail",
|
|
10483
|
+
"primary-nav",
|
|
10484
|
+
"section-nav"
|
|
10485
|
+
]
|
|
10486
|
+
},
|
|
10132
10487
|
"tag": "nav-ui",
|
|
10133
10488
|
"tokens": {},
|
|
10134
10489
|
"traits": [],
|
|
@@ -10222,7 +10577,11 @@
|
|
|
10222
10577
|
"menu"
|
|
10223
10578
|
],
|
|
10224
10579
|
"name": "UINavGroup",
|
|
10225
|
-
"related": [
|
|
10580
|
+
"related": [
|
|
10581
|
+
"Nav",
|
|
10582
|
+
"NavItem",
|
|
10583
|
+
"Accordion"
|
|
10584
|
+
],
|
|
10226
10585
|
"slots": {
|
|
10227
10586
|
"default": {
|
|
10228
10587
|
"description": "Children — typically <nav-item-ui> rows."
|
|
@@ -10241,7 +10600,13 @@
|
|
|
10241
10600
|
"name": "open"
|
|
10242
10601
|
}
|
|
10243
10602
|
],
|
|
10244
|
-
"synonyms": {
|
|
10603
|
+
"synonyms": {
|
|
10604
|
+
"nav-group": [
|
|
10605
|
+
"nav-section",
|
|
10606
|
+
"sidebar-group",
|
|
10607
|
+
"menu-group"
|
|
10608
|
+
]
|
|
10609
|
+
},
|
|
10245
10610
|
"tag": "nav-group-ui",
|
|
10246
10611
|
"tokens": {},
|
|
10247
10612
|
"traits": [],
|
|
@@ -10343,7 +10708,12 @@
|
|
|
10343
10708
|
"sidebar"
|
|
10344
10709
|
],
|
|
10345
10710
|
"name": "UINavItem",
|
|
10346
|
-
"related": [
|
|
10711
|
+
"related": [
|
|
10712
|
+
"Nav",
|
|
10713
|
+
"NavGroup",
|
|
10714
|
+
"Button",
|
|
10715
|
+
"Tab"
|
|
10716
|
+
],
|
|
10347
10717
|
"slots": {
|
|
10348
10718
|
"default": {
|
|
10349
10719
|
"description": "Optional override of the default icon + text + badge stamping."
|
|
@@ -10363,7 +10733,13 @@
|
|
|
10363
10733
|
"name": "disabled"
|
|
10364
10734
|
}
|
|
10365
10735
|
],
|
|
10366
|
-
"synonyms": {
|
|
10736
|
+
"synonyms": {
|
|
10737
|
+
"nav-item": [
|
|
10738
|
+
"nav-link",
|
|
10739
|
+
"sidebar-item",
|
|
10740
|
+
"menu-link"
|
|
10741
|
+
]
|
|
10742
|
+
},
|
|
10367
10743
|
"tag": "nav-item-ui",
|
|
10368
10744
|
"tokens": {},
|
|
10369
10745
|
"traits": [],
|
|
@@ -10526,7 +10902,10 @@
|
|
|
10526
10902
|
"noodles"
|
|
10527
10903
|
],
|
|
10528
10904
|
"name": "UINoodles",
|
|
10529
|
-
"related": [
|
|
10905
|
+
"related": [
|
|
10906
|
+
"Canvas",
|
|
10907
|
+
"EditorCanvas"
|
|
10908
|
+
],
|
|
10530
10909
|
"slots": {},
|
|
10531
10910
|
"states": [
|
|
10532
10911
|
{
|
|
@@ -10539,7 +10918,14 @@
|
|
|
10539
10918
|
"name": "disabled"
|
|
10540
10919
|
}
|
|
10541
10920
|
],
|
|
10542
|
-
"synonyms": {
|
|
10921
|
+
"synonyms": {
|
|
10922
|
+
"noodles": [
|
|
10923
|
+
"connection-curve",
|
|
10924
|
+
"wire",
|
|
10925
|
+
"edge-line",
|
|
10926
|
+
"bezier-wire"
|
|
10927
|
+
]
|
|
10928
|
+
},
|
|
10543
10929
|
"tag": "noodles-ui",
|
|
10544
10930
|
"tokens": {
|
|
10545
10931
|
"--noodles-duration": {
|
|
@@ -11038,7 +11424,13 @@
|
|
|
11038
11424
|
"name": "header-stuck"
|
|
11039
11425
|
}
|
|
11040
11426
|
],
|
|
11041
|
-
"synonyms": {
|
|
11427
|
+
"synonyms": {
|
|
11428
|
+
"page": [
|
|
11429
|
+
"page-container",
|
|
11430
|
+
"route-surface",
|
|
11431
|
+
"content-surface"
|
|
11432
|
+
]
|
|
11433
|
+
},
|
|
11042
11434
|
"tag": "page-ui",
|
|
11043
11435
|
"tokens": {},
|
|
11044
11436
|
"traits": [],
|
|
@@ -11047,7 +11439,7 @@
|
|
|
11047
11439
|
},
|
|
11048
11440
|
"Pagination": {
|
|
11049
11441
|
"title": "Pagination",
|
|
11050
|
-
"description": "Page navigation with prev/next buttons, page numbers, and ellipsis.",
|
|
11442
|
+
"description": "Page navigation with prev/next buttons, page numbers, and ellipsis. Emits page-change events when buttons are clicked; visible page-number range is automatically truncated for high page counts. Use below tables, card grids, or list views; for cursor-based pagination use a custom load-more <button-ui> instead.",
|
|
11051
11443
|
"type": "object",
|
|
11052
11444
|
"allOf": [
|
|
11053
11445
|
{
|
|
@@ -11164,7 +11556,7 @@
|
|
|
11164
11556
|
},
|
|
11165
11557
|
"Pane": {
|
|
11166
11558
|
"title": "Pane",
|
|
11167
|
-
"description": "Collapsible, resizable panel.",
|
|
11559
|
+
"description": "Collapsible, resizable content panel — drag-resize handle on the\ninner edge when [side=\"leading\"] / [side=\"trailing\"], [resizable]\nopt-in. Used standalone for resizable two-pane layouts, or wrapped\nby <editor-sidebar> / <admin-sidebar> which DELEGATE drag to the\ninner pane-ui rather than reimplementing it. See pane.yaml's\na2ui.rules for the full composition contract.\n",
|
|
11168
11560
|
"type": "object",
|
|
11169
11561
|
"allOf": [
|
|
11170
11562
|
{
|
|
@@ -11274,7 +11666,7 @@
|
|
|
11274
11666
|
},
|
|
11275
11667
|
"PipelineStatus": {
|
|
11276
11668
|
"title": "PipelineStatus",
|
|
11277
|
-
"description": "
|
|
11669
|
+
"description": "Single updating pipeline status indicator showing current step and progress. Renders inline as a status pill with optional progress bar; updates via the status property. Use for long-running agent or build pipelines; for multi-step wizards use <stepper-ui> instead.",
|
|
11278
11670
|
"type": "object",
|
|
11279
11671
|
"allOf": [
|
|
11280
11672
|
{
|
|
@@ -11342,7 +11734,11 @@
|
|
|
11342
11734
|
"status"
|
|
11343
11735
|
],
|
|
11344
11736
|
"name": "UIPipelineStatus",
|
|
11345
|
-
"related": [
|
|
11737
|
+
"related": [
|
|
11738
|
+
"AgentTrace",
|
|
11739
|
+
"Stepper",
|
|
11740
|
+
"StepProgress"
|
|
11741
|
+
],
|
|
11346
11742
|
"slots": {
|
|
11347
11743
|
"default": {
|
|
11348
11744
|
"description": "Default slot — primary child content."
|
|
@@ -11535,7 +11931,7 @@
|
|
|
11535
11931
|
},
|
|
11536
11932
|
"Progress": {
|
|
11537
11933
|
"title": "Progress",
|
|
11538
|
-
"description": "Progress indicator
|
|
11934
|
+
"description": "Progress indicator with bar (default) or spinner variant. Value < 0 marks indeterminate state showing animated activity instead of a fill. Use inside <progress-row-ui> for labeled task lists or standalone for global loading indicators; for percent-complete inline displays use <stat-ui> instead.",
|
|
11539
11935
|
"type": "object",
|
|
11540
11936
|
"allOf": [
|
|
11541
11937
|
{
|
|
@@ -11794,7 +12190,11 @@
|
|
|
11794
12190
|
"row"
|
|
11795
12191
|
],
|
|
11796
12192
|
"name": "UIProgressRow",
|
|
11797
|
-
"related": [
|
|
12193
|
+
"related": [
|
|
12194
|
+
"Progress",
|
|
12195
|
+
"StepProgress",
|
|
12196
|
+
"List"
|
|
12197
|
+
],
|
|
11798
12198
|
"slots": {
|
|
11799
12199
|
"label": {
|
|
11800
12200
|
"description": "Label region — control label."
|
|
@@ -11809,7 +12209,13 @@
|
|
|
11809
12209
|
"name": "idle"
|
|
11810
12210
|
}
|
|
11811
12211
|
],
|
|
11812
|
-
"synonyms": {
|
|
12212
|
+
"synonyms": {
|
|
12213
|
+
"progress-row": [
|
|
12214
|
+
"task-row",
|
|
12215
|
+
"progress-line",
|
|
12216
|
+
"labeled-progress"
|
|
12217
|
+
]
|
|
12218
|
+
},
|
|
11813
12219
|
"tag": "progress-row-ui",
|
|
11814
12220
|
"tokens": {},
|
|
11815
12221
|
"traits": [],
|
|
@@ -11818,7 +12224,7 @@
|
|
|
11818
12224
|
},
|
|
11819
12225
|
"Radio": {
|
|
11820
12226
|
"title": "Radio",
|
|
11821
|
-
"description": "Radio button with pure CSS dot. Groups by name attribute
|
|
12227
|
+
"description": "Radio button with pure CSS dot. Groups by name attribute (one selected value per group); form-associated and emits standard change events. Use for single-select option groups in forms; for richer styling or button-style options use <segment-ui> inside <segmented-ui> instead.",
|
|
11822
12228
|
"type": "object",
|
|
11823
12229
|
"allOf": [
|
|
11824
12230
|
{
|
|
@@ -12296,7 +12702,10 @@
|
|
|
12296
12702
|
"like"
|
|
12297
12703
|
],
|
|
12298
12704
|
"name": "UIRating",
|
|
12299
|
-
"related": [
|
|
12705
|
+
"related": [
|
|
12706
|
+
"Field",
|
|
12707
|
+
"AgentFeedbackBar"
|
|
12708
|
+
],
|
|
12300
12709
|
"slots": {},
|
|
12301
12710
|
"states": [
|
|
12302
12711
|
{
|
|
@@ -12320,7 +12729,7 @@
|
|
|
12320
12729
|
},
|
|
12321
12730
|
"RichText": {
|
|
12322
12731
|
"title": "RichText",
|
|
12323
|
-
"description": "
|
|
12732
|
+
"description": "Markdown-to-HTML rendering primitive — converts the [markdown] prop\n(or fetched [src] content) into styled HTML using the canonical\nprose tokens. Used for rendering LLM responses inside chat surfaces,\narticle bodies, and documentation pages. Distinct from <code-ui>\n(syntax-highlighted code), <textarea-ui> (interactive editor), and\n<text-ui> (single-line typography). Not a Markdown editor — for\nediting use a CodeMirror-backed <code-ui language=\"markdown\"\neditable>.\n",
|
|
12324
12733
|
"type": "object",
|
|
12325
12734
|
"allOf": [
|
|
12326
12735
|
{
|
|
@@ -12380,7 +12789,11 @@
|
|
|
12380
12789
|
"richtext"
|
|
12381
12790
|
],
|
|
12382
12791
|
"name": "UIRichText",
|
|
12383
|
-
"related": [
|
|
12792
|
+
"related": [
|
|
12793
|
+
"Code",
|
|
12794
|
+
"Text",
|
|
12795
|
+
"Textarea"
|
|
12796
|
+
],
|
|
12384
12797
|
"slots": {
|
|
12385
12798
|
"default": {
|
|
12386
12799
|
"description": "Default slot — primary child content."
|
|
@@ -12407,7 +12820,7 @@
|
|
|
12407
12820
|
},
|
|
12408
12821
|
"Row": {
|
|
12409
12822
|
"title": "Row",
|
|
12410
|
-
"description": "Flex row layout primitive.",
|
|
12823
|
+
"description": "Flex row layout primitive — horizontal stack of children with\n[gap] / [align] / [justify] / [grow] / [wrap]. The horizontal\ncounterpart to <col-ui>. Use <row-ui> for horizontal toolbars,\ninline-control clusters, button groups, table cells. For action\nclusters inside chrome containers (<header-ui> / <footer-ui>) use\nthe parent's [slot=\"action\"] convention instead — the chrome scope\nalready lays out actions correctly without wrapping in row-ui.\n",
|
|
12411
12824
|
"type": "object",
|
|
12412
12825
|
"allOf": [
|
|
12413
12826
|
{
|
|
@@ -12419,7 +12832,7 @@
|
|
|
12419
12832
|
],
|
|
12420
12833
|
"properties": {
|
|
12421
12834
|
"align": {
|
|
12422
|
-
"description": "
|
|
12835
|
+
"description": "Cross-axis alignment (start/center/end/stretch/baseline). Accepts `@bp` notation: align=\"start center@sm\".",
|
|
12423
12836
|
"type": "string",
|
|
12424
12837
|
"default": "center"
|
|
12425
12838
|
},
|
|
@@ -12432,7 +12845,7 @@
|
|
|
12432
12845
|
"default": false
|
|
12433
12846
|
},
|
|
12434
12847
|
"gap": {
|
|
12435
|
-
"description": "Gap between children.
|
|
12848
|
+
"description": "Gap between children. Named scale (xs/sm/md/lg/xl) or numeric spacing rung (\"1\"…\"16\"). Accepts `@bp` notation: gap=\"2 4@md\".",
|
|
12436
12849
|
"type": "string",
|
|
12437
12850
|
"default": "md"
|
|
12438
12851
|
},
|
|
@@ -12442,7 +12855,7 @@
|
|
|
12442
12855
|
"default": false
|
|
12443
12856
|
},
|
|
12444
12857
|
"justify": {
|
|
12445
|
-
"description": "
|
|
12858
|
+
"description": "Main-axis justify (start/center/end/between/space-between/space-around). Accepts `@bp` notation: justify=\"start between@md\".",
|
|
12446
12859
|
"type": "string",
|
|
12447
12860
|
"default": "start"
|
|
12448
12861
|
},
|
|
@@ -12495,7 +12908,13 @@
|
|
|
12495
12908
|
"name": "idle"
|
|
12496
12909
|
}
|
|
12497
12910
|
],
|
|
12498
|
-
"synonyms": {
|
|
12911
|
+
"synonyms": {
|
|
12912
|
+
"row": [
|
|
12913
|
+
"hstack",
|
|
12914
|
+
"horizontal-stack",
|
|
12915
|
+
"hbox"
|
|
12916
|
+
]
|
|
12917
|
+
},
|
|
12499
12918
|
"tag": "row-ui",
|
|
12500
12919
|
"tokens": {},
|
|
12501
12920
|
"traits": [],
|
|
@@ -12596,7 +13015,11 @@
|
|
|
12596
13015
|
"combobox"
|
|
12597
13016
|
],
|
|
12598
13017
|
"name": "UISearch",
|
|
12599
|
-
"related": [
|
|
13018
|
+
"related": [
|
|
13019
|
+
"Input",
|
|
13020
|
+
"Command",
|
|
13021
|
+
"Select"
|
|
13022
|
+
],
|
|
12600
13023
|
"slots": {
|
|
12601
13024
|
"clear": {
|
|
12602
13025
|
"description": "Clear button (shown when value is non-empty)"
|
|
@@ -12761,7 +13184,13 @@
|
|
|
12761
13184
|
"name": "idle"
|
|
12762
13185
|
}
|
|
12763
13186
|
],
|
|
12764
|
-
"synonyms": {
|
|
13187
|
+
"synonyms": {
|
|
13188
|
+
"section": [
|
|
13189
|
+
"section-region",
|
|
13190
|
+
"body-region",
|
|
13191
|
+
"content-section"
|
|
13192
|
+
]
|
|
13193
|
+
},
|
|
12765
13194
|
"tag": "section-ui",
|
|
12766
13195
|
"tokens": {},
|
|
12767
13196
|
"traits": [],
|
|
@@ -12770,7 +13199,7 @@
|
|
|
12770
13199
|
},
|
|
12771
13200
|
"Segment": {
|
|
12772
13201
|
"title": "Segment",
|
|
12773
|
-
"description": "Individual segment
|
|
13202
|
+
"description": "Individual segment child of <segmented-ui> — carries the [value],\n[text], optional [icon], and [selected] state for one option in\na horizontal segmented selector. Distinct from <tab-ui> (a view\nswitcher's child) and <option> (native option for <select-ui>).\nUse segment-ui only as a direct child of <segmented-ui>; never\nstandalone.\n",
|
|
12774
13203
|
"type": "object",
|
|
12775
13204
|
"allOf": [
|
|
12776
13205
|
{
|
|
@@ -12867,7 +13296,13 @@
|
|
|
12867
13296
|
"name": "disabled"
|
|
12868
13297
|
}
|
|
12869
13298
|
],
|
|
12870
|
-
"synonyms": {
|
|
13299
|
+
"synonyms": {
|
|
13300
|
+
"segment": [
|
|
13301
|
+
"segment-button",
|
|
13302
|
+
"segmented-option",
|
|
13303
|
+
"option-button"
|
|
13304
|
+
]
|
|
13305
|
+
},
|
|
12871
13306
|
"tag": "segment-ui",
|
|
12872
13307
|
"tokens": {},
|
|
12873
13308
|
"traits": [],
|
|
@@ -12927,7 +13362,12 @@
|
|
|
12927
13362
|
"button-group"
|
|
12928
13363
|
],
|
|
12929
13364
|
"name": "UISegmented",
|
|
12930
|
-
"related": [
|
|
13365
|
+
"related": [
|
|
13366
|
+
"Segment",
|
|
13367
|
+
"ToggleGroup",
|
|
13368
|
+
"Tabs",
|
|
13369
|
+
"Radio"
|
|
13370
|
+
],
|
|
12931
13371
|
"slots": {
|
|
12932
13372
|
"default": {
|
|
12933
13373
|
"description": "Child segment-ui elements that form the toggle group. Children MUST be segment-ui — bare segment tags render text but are silently ignored for the sliding indicator and role/aria-checked state."
|
|
@@ -12992,7 +13432,7 @@
|
|
|
12992
13432
|
},
|
|
12993
13433
|
"Select": {
|
|
12994
13434
|
"title": "Select",
|
|
12995
|
-
"description": "
|
|
13435
|
+
"description": "Single-select dropdown primitive — the canonical AdiaUI select\ncontrol. Form-bearing via UIFormElement: [name], [value],\n[required], [disabled], fires `change`. Options via native\n<option> / <optgroup> children, programmatic `.options` array, or\nJSON [data-options] (hydrated by <editor-shell>'s wireSelects).\nUse for single-select with > 4 options; for ≤ 4 options use\n<segmented-ui> or <radio-ui>. Multi-select via [multiple searchable].\n",
|
|
12996
13436
|
"type": "object",
|
|
12997
13437
|
"allOf": [
|
|
12998
13438
|
{
|
|
@@ -13448,7 +13888,7 @@
|
|
|
13448
13888
|
},
|
|
13449
13889
|
"Skeleton": {
|
|
13450
13890
|
"title": "Skeleton",
|
|
13451
|
-
"description": "Placeholder shimmer for loading states. Purely presentational.",
|
|
13891
|
+
"description": "Placeholder shimmer for loading states. Purely presentational — animated pulse background with configurable shape via CSS sizing. Use as a structural placeholder while data loads; for zero-state messaging after loading completes use <empty-state-ui> instead.",
|
|
13452
13892
|
"type": "object",
|
|
13453
13893
|
"allOf": [
|
|
13454
13894
|
{
|
|
@@ -13514,7 +13954,12 @@
|
|
|
13514
13954
|
"shimmer"
|
|
13515
13955
|
],
|
|
13516
13956
|
"name": "UISkeleton",
|
|
13517
|
-
"related": [
|
|
13957
|
+
"related": [
|
|
13958
|
+
"EmptyState",
|
|
13959
|
+
"Card",
|
|
13960
|
+
"Table",
|
|
13961
|
+
"List"
|
|
13962
|
+
],
|
|
13518
13963
|
"slots": {},
|
|
13519
13964
|
"states": [
|
|
13520
13965
|
{
|
|
@@ -13728,7 +14173,7 @@
|
|
|
13728
14173
|
},
|
|
13729
14174
|
"Stack": {
|
|
13730
14175
|
"title": "Stack",
|
|
13731
|
-
"description": "Grid
|
|
14176
|
+
"description": "Grid-overlay layout primitive — children stack on TOP of each\nother in a single grid cell (z-axis layering). Distinct from\n<col-ui> (vertical) / <row-ui> (horizontal) / <grid-ui> (2D\ngrid with cells). Use stack-ui for badge overlays on avatars,\nabsolute-positioned UI on top of charts, loading spinners over\ncontent, or any case where children must occupy the same physical\nspace. [align] controls how children align within the shared\ncell.\n",
|
|
13732
14177
|
"type": "object",
|
|
13733
14178
|
"allOf": [
|
|
13734
14179
|
{
|
|
@@ -13768,7 +14213,11 @@
|
|
|
13768
14213
|
"stack"
|
|
13769
14214
|
],
|
|
13770
14215
|
"name": "UIStack",
|
|
13771
|
-
"related": [
|
|
14216
|
+
"related": [
|
|
14217
|
+
"Col",
|
|
14218
|
+
"Row",
|
|
14219
|
+
"Grid"
|
|
14220
|
+
],
|
|
13772
14221
|
"slots": {
|
|
13773
14222
|
"default": {
|
|
13774
14223
|
"description": "Default slot — primary child content."
|
|
@@ -13780,7 +14229,14 @@
|
|
|
13780
14229
|
"name": "idle"
|
|
13781
14230
|
}
|
|
13782
14231
|
],
|
|
13783
|
-
"synonyms": {
|
|
14232
|
+
"synonyms": {
|
|
14233
|
+
"stack": [
|
|
14234
|
+
"overlay-stack",
|
|
14235
|
+
"z-stack",
|
|
14236
|
+
"grid-overlay",
|
|
14237
|
+
"layer"
|
|
14238
|
+
]
|
|
14239
|
+
},
|
|
13784
14240
|
"tag": "stack-ui",
|
|
13785
14241
|
"tokens": {},
|
|
13786
14242
|
"traits": [],
|
|
@@ -13789,7 +14245,7 @@
|
|
|
13789
14245
|
},
|
|
13790
14246
|
"Stat": {
|
|
13791
14247
|
"title": "Stat",
|
|
13792
|
-
"description": "Metric/KPI display — value + label + optional change indicator and trend.",
|
|
14248
|
+
"description": "Metric/KPI display — value + label + optional change indicator and trend icon. Renders as a stacked block with prominent value and small caption; supports positive/negative delta coloring. Use inside dashboard cards or summary headers; for inline percentages or progress use <progress-ui>.",
|
|
13793
14249
|
"type": "object",
|
|
13794
14250
|
"allOf": [
|
|
13795
14251
|
{
|
|
@@ -13874,7 +14330,11 @@
|
|
|
13874
14330
|
"scoreboard"
|
|
13875
14331
|
],
|
|
13876
14332
|
"name": "UIStat",
|
|
13877
|
-
"related": [
|
|
14333
|
+
"related": [
|
|
14334
|
+
"Card",
|
|
14335
|
+
"Badge",
|
|
14336
|
+
"Progress"
|
|
14337
|
+
],
|
|
13878
14338
|
"slots": {
|
|
13879
14339
|
"change": {
|
|
13880
14340
|
"description": "Child content region for the `change` slot."
|
|
@@ -14045,7 +14505,7 @@
|
|
|
14045
14505
|
},
|
|
14046
14506
|
"Stepper": {
|
|
14047
14507
|
"title": "Stepper",
|
|
14048
|
-
"description": "Wizard / process stepper — parent step index drives numbered children.",
|
|
14508
|
+
"description": "Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead.",
|
|
14049
14509
|
"type": "object",
|
|
14050
14510
|
"allOf": [
|
|
14051
14511
|
{
|
|
@@ -14174,9 +14634,19 @@
|
|
|
14174
14634
|
"composes": [],
|
|
14175
14635
|
"events": {},
|
|
14176
14636
|
"examples": [],
|
|
14177
|
-
"keywords": [
|
|
14637
|
+
"keywords": [
|
|
14638
|
+
"stepper-item",
|
|
14639
|
+
"step",
|
|
14640
|
+
"wizard-step",
|
|
14641
|
+
"progress-step",
|
|
14642
|
+
"step-row"
|
|
14643
|
+
],
|
|
14178
14644
|
"name": "UIStepperItem",
|
|
14179
|
-
"related": [
|
|
14645
|
+
"related": [
|
|
14646
|
+
"Stepper",
|
|
14647
|
+
"Timeline",
|
|
14648
|
+
"StepProgress"
|
|
14649
|
+
],
|
|
14180
14650
|
"slots": {
|
|
14181
14651
|
"description": {
|
|
14182
14652
|
"description": "Custom description content; falls through to `[description]` prop if not slotted."
|
|
@@ -14186,7 +14656,14 @@
|
|
|
14186
14656
|
}
|
|
14187
14657
|
},
|
|
14188
14658
|
"states": [],
|
|
14189
|
-
"synonyms": {
|
|
14659
|
+
"synonyms": {
|
|
14660
|
+
"stepper-item": [
|
|
14661
|
+
"step",
|
|
14662
|
+
"wizard-step",
|
|
14663
|
+
"progress-step",
|
|
14664
|
+
"checkpoint"
|
|
14665
|
+
]
|
|
14666
|
+
},
|
|
14190
14667
|
"tag": "stepper-item-ui",
|
|
14191
14668
|
"tokens": {},
|
|
14192
14669
|
"traits": [],
|
|
@@ -14371,7 +14848,11 @@
|
|
|
14371
14848
|
"stream"
|
|
14372
14849
|
],
|
|
14373
14850
|
"name": "UIStream",
|
|
14374
|
-
"related": [
|
|
14851
|
+
"related": [
|
|
14852
|
+
"ChatThreadUI",
|
|
14853
|
+
"Text",
|
|
14854
|
+
"Code"
|
|
14855
|
+
],
|
|
14375
14856
|
"slots": {
|
|
14376
14857
|
"default": {
|
|
14377
14858
|
"description": "Default slot — primary child content."
|
|
@@ -14383,7 +14864,13 @@
|
|
|
14383
14864
|
"name": "idle"
|
|
14384
14865
|
}
|
|
14385
14866
|
],
|
|
14386
|
-
"synonyms": {
|
|
14867
|
+
"synonyms": {
|
|
14868
|
+
"stream": [
|
|
14869
|
+
"streaming-text",
|
|
14870
|
+
"live-text",
|
|
14871
|
+
"incremental-text"
|
|
14872
|
+
]
|
|
14873
|
+
},
|
|
14387
14874
|
"tag": "stream-ui",
|
|
14388
14875
|
"tokens": {
|
|
14389
14876
|
"--stream-color": {
|
|
@@ -14782,7 +15269,7 @@
|
|
|
14782
15269
|
},
|
|
14783
15270
|
"Switch": {
|
|
14784
15271
|
"title": "Switch",
|
|
14785
|
-
"description": "Toggle switch
|
|
15272
|
+
"description": "Toggle switch primitive — binary on/off control where the host IS\nthe control (per ADR-0025, no native <input type=\"checkbox\"> wrapped\nunderneath). Form-bearing via UIFormElement: [name], [value],\n[checked] (reflect), [required], [disabled]. Distinct from <check-ui>\n— use switch-ui for setting-style toggles (notifications on/off,\ndark mode, feature flags), check-ui for opt-in lists, terms\nacceptance, multi-select rows.\n",
|
|
14786
15273
|
"type": "object",
|
|
14787
15274
|
"allOf": [
|
|
14788
15275
|
{
|
|
@@ -14875,7 +15362,11 @@
|
|
|
14875
15362
|
"switch"
|
|
14876
15363
|
],
|
|
14877
15364
|
"name": "UISwitch",
|
|
14878
|
-
"related": [
|
|
15365
|
+
"related": [
|
|
15366
|
+
"Check",
|
|
15367
|
+
"Radio",
|
|
15368
|
+
"Field"
|
|
15369
|
+
],
|
|
14879
15370
|
"slots": {
|
|
14880
15371
|
"hint": {
|
|
14881
15372
|
"description": "Help text below the label"
|
|
@@ -14976,12 +15467,26 @@
|
|
|
14976
15467
|
"composes": [],
|
|
14977
15468
|
"events": {},
|
|
14978
15469
|
"examples": [],
|
|
14979
|
-
"keywords": [
|
|
15470
|
+
"keywords": [
|
|
15471
|
+
"tab",
|
|
15472
|
+
"tab-panel",
|
|
15473
|
+
"view-switcher-child",
|
|
15474
|
+
"tabs-child"
|
|
15475
|
+
],
|
|
14980
15476
|
"name": "UITab",
|
|
14981
|
-
"related": [
|
|
15477
|
+
"related": [
|
|
15478
|
+
"Tabs",
|
|
15479
|
+
"Nav",
|
|
15480
|
+
"Segmented"
|
|
15481
|
+
],
|
|
14982
15482
|
"slots": {},
|
|
14983
15483
|
"states": [],
|
|
14984
|
-
"synonyms": {
|
|
15484
|
+
"synonyms": {
|
|
15485
|
+
"tab": [
|
|
15486
|
+
"view-tab",
|
|
15487
|
+
"switcher-tab"
|
|
15488
|
+
]
|
|
15489
|
+
},
|
|
14985
15490
|
"tag": "tab-ui",
|
|
14986
15491
|
"tokens": {},
|
|
14987
15492
|
"traits": [],
|
|
@@ -15765,7 +16270,7 @@
|
|
|
15765
16270
|
},
|
|
15766
16271
|
"Tabs": {
|
|
15767
16272
|
"title": "Tabs",
|
|
15768
|
-
"description": "Tabbed panel switcher. Renders button strip from child tab-ui elements.",
|
|
16273
|
+
"description": "Tabbed panel switcher. Renders a button strip from child <tab-ui> elements and toggles their associated panel via the active attribute. Use for switching between equivalent peer views in one region; for navigation between routes use <nav-ui> instead.",
|
|
15769
16274
|
"type": "object",
|
|
15770
16275
|
"allOf": [
|
|
15771
16276
|
{
|
|
@@ -15946,7 +16451,7 @@
|
|
|
15946
16451
|
},
|
|
15947
16452
|
"Tag": {
|
|
15948
16453
|
"title": "Tag",
|
|
15949
|
-
"description": "Inline
|
|
16454
|
+
"description": "Inline INTERACTIVE chip / pill with optional dismiss affordance.\nText rendered via CSS `attr(text)`. Use for filter chips\n(removable=true + `remove` event), autocomplete tokens, and\nuser-managed labels. Distinct from <badge-ui>, which is READ-ONLY\nand includes the [status] shorthand for Beta / New / Deprecated\nmarkers — badge-ui has no remove event. For navigation grouping\nuse <nav-group-ui>; for inline command actions use\n<action-list-ui>.\n",
|
|
15950
16455
|
"type": "object",
|
|
15951
16456
|
"allOf": [
|
|
15952
16457
|
{
|
|
@@ -16041,7 +16546,11 @@
|
|
|
16041
16546
|
"pill"
|
|
16042
16547
|
],
|
|
16043
16548
|
"name": "UITag",
|
|
16044
|
-
"related": [
|
|
16549
|
+
"related": [
|
|
16550
|
+
"Badge",
|
|
16551
|
+
"NavGroup",
|
|
16552
|
+
"ActionList"
|
|
16553
|
+
],
|
|
16045
16554
|
"slots": {},
|
|
16046
16555
|
"states": [
|
|
16047
16556
|
{
|
|
@@ -16136,7 +16645,7 @@
|
|
|
16136
16645
|
"default": 0
|
|
16137
16646
|
},
|
|
16138
16647
|
"size": {
|
|
16139
|
-
"description": "Override the variant's font-size on the body ladder
|
|
16648
|
+
"description": "Override the variant's font-size on the body ladder (sm/md/lg → --a-body-sm/md/lg). Accepts `@bp` notation: size=\"sm md@lg\" = sm below lg, md from lg up. Added v0.6.18 (FB-10).",
|
|
16140
16649
|
"type": "string",
|
|
16141
16650
|
"enum": [
|
|
16142
16651
|
"sm",
|
|
@@ -16254,7 +16763,14 @@
|
|
|
16254
16763
|
"name": "idle"
|
|
16255
16764
|
}
|
|
16256
16765
|
],
|
|
16257
|
-
"synonyms": {
|
|
16766
|
+
"synonyms": {
|
|
16767
|
+
"text": [
|
|
16768
|
+
"typography",
|
|
16769
|
+
"prose",
|
|
16770
|
+
"label-text",
|
|
16771
|
+
"paragraph"
|
|
16772
|
+
]
|
|
16773
|
+
},
|
|
16258
16774
|
"tag": "text-ui",
|
|
16259
16775
|
"tokens": {},
|
|
16260
16776
|
"traits": [],
|
|
@@ -16263,7 +16779,7 @@
|
|
|
16263
16779
|
},
|
|
16264
16780
|
"Textarea": {
|
|
16265
16781
|
"title": "Textarea",
|
|
16266
|
-
"description": "
|
|
16782
|
+
"description": "Multi-line text input primitive — the host IS the contenteditable\nsurface (per ADR-0025, no native <textarea> wrapped underneath).\nForm-bearing via UIFormElement: [name], [value], [required],\n[disabled], [readonly], fires `change` on blur and `input` per\nkeystroke. Enter inserts a newline — does NOT fire `submit` (for\nEnter-to-send composers use <chat-input-ui submit-on-enter> inside\n<chat-composer>). Wrap in <field-ui label=\"…\"> for the canonical\nlabeled stack.\n",
|
|
16267
16783
|
"type": "object",
|
|
16268
16784
|
"allOf": [
|
|
16269
16785
|
{
|
|
@@ -16371,7 +16887,12 @@
|
|
|
16371
16887
|
"textarea"
|
|
16372
16888
|
],
|
|
16373
16889
|
"name": "UITextarea",
|
|
16374
|
-
"related": [
|
|
16890
|
+
"related": [
|
|
16891
|
+
"Input",
|
|
16892
|
+
"Field",
|
|
16893
|
+
"ChatInput",
|
|
16894
|
+
"Code"
|
|
16895
|
+
],
|
|
16375
16896
|
"slots": {},
|
|
16376
16897
|
"states": [
|
|
16377
16898
|
{
|
|
@@ -16379,7 +16900,14 @@
|
|
|
16379
16900
|
"name": "idle"
|
|
16380
16901
|
}
|
|
16381
16902
|
],
|
|
16382
|
-
"synonyms": {
|
|
16903
|
+
"synonyms": {
|
|
16904
|
+
"textarea": [
|
|
16905
|
+
"multiline-input",
|
|
16906
|
+
"text-area",
|
|
16907
|
+
"comment-input",
|
|
16908
|
+
"long-text-input"
|
|
16909
|
+
]
|
|
16910
|
+
},
|
|
16383
16911
|
"tag": "textarea-ui",
|
|
16384
16912
|
"tokens": {},
|
|
16385
16913
|
"traits": [],
|
|
@@ -16647,7 +17175,14 @@
|
|
|
16647
17175
|
"name": "idle"
|
|
16648
17176
|
}
|
|
16649
17177
|
],
|
|
16650
|
-
"synonyms": {
|
|
17178
|
+
"synonyms": {
|
|
17179
|
+
"timeline": [
|
|
17180
|
+
"activity-log",
|
|
17181
|
+
"event-log",
|
|
17182
|
+
"history",
|
|
17183
|
+
"audit-trail"
|
|
17184
|
+
]
|
|
17185
|
+
},
|
|
16651
17186
|
"tag": "timeline-ui",
|
|
16652
17187
|
"tokens": {},
|
|
16653
17188
|
"traits": [],
|
|
@@ -16716,12 +17251,29 @@
|
|
|
16716
17251
|
"composes": [],
|
|
16717
17252
|
"events": {},
|
|
16718
17253
|
"examples": [],
|
|
16719
|
-
"keywords": [
|
|
17254
|
+
"keywords": [
|
|
17255
|
+
"timeline-item",
|
|
17256
|
+
"timeline-row",
|
|
17257
|
+
"activity-entry",
|
|
17258
|
+
"event-entry",
|
|
17259
|
+
"history-row"
|
|
17260
|
+
],
|
|
16720
17261
|
"name": "UITimelineItem",
|
|
16721
|
-
"related": [
|
|
17262
|
+
"related": [
|
|
17263
|
+
"Timeline",
|
|
17264
|
+
"FeedItem",
|
|
17265
|
+
"Stepper"
|
|
17266
|
+
],
|
|
16722
17267
|
"slots": {},
|
|
16723
17268
|
"states": [],
|
|
16724
|
-
"synonyms": {
|
|
17269
|
+
"synonyms": {
|
|
17270
|
+
"timeline-item": [
|
|
17271
|
+
"timeline-row",
|
|
17272
|
+
"activity-row",
|
|
17273
|
+
"event-row",
|
|
17274
|
+
"history-entry"
|
|
17275
|
+
]
|
|
17276
|
+
},
|
|
16725
17277
|
"tag": "timeline-item-ui",
|
|
16726
17278
|
"tokens": {},
|
|
16727
17279
|
"traits": [],
|
|
@@ -16730,7 +17282,7 @@
|
|
|
16730
17282
|
},
|
|
16731
17283
|
"Toast": {
|
|
16732
17284
|
"title": "Toast",
|
|
16733
|
-
"description": "
|
|
17285
|
+
"description": "Transient global notification popup with auto-dismiss + animated\nenter/exit. Variants map to severity (info / success / warning /\ndanger). Distinct from <alert-ui> (inline persistent banner) and\n<empty-state-ui> (zero-data placeholder). Use toast-ui for\nshort-lived feedback after user actions (\"Saved\", \"Copied to\nclipboard\"); the toast positions itself relative to viewport\n[position] regardless of where in the DOM it's rendered.\n",
|
|
16734
17286
|
"type": "object",
|
|
16735
17287
|
"allOf": [
|
|
16736
17288
|
{
|
|
@@ -16814,7 +17366,11 @@
|
|
|
16814
17366
|
"alert"
|
|
16815
17367
|
],
|
|
16816
17368
|
"name": "UIToast",
|
|
16817
|
-
"related": [
|
|
17369
|
+
"related": [
|
|
17370
|
+
"Feed",
|
|
17371
|
+
"Alert",
|
|
17372
|
+
"FeedItem"
|
|
17373
|
+
],
|
|
16818
17374
|
"slots": {},
|
|
16819
17375
|
"states": [
|
|
16820
17376
|
{
|
|
@@ -16908,7 +17464,7 @@
|
|
|
16908
17464
|
},
|
|
16909
17465
|
"ToggleGroup": {
|
|
16910
17466
|
"title": "ToggleGroup",
|
|
16911
|
-
"description": "Multi-select button group (unlike segmented which is single-select).",
|
|
17467
|
+
"description": "Multi-select button group (unlike <segmented-ui> which is single-select). Hosts <toggle-option-ui> children, each independently toggleable; emits change events with the active value set. Use for filter chips or feature flag clusters; for single-select option groups use <segmented-ui> instead.",
|
|
16912
17468
|
"type": "object",
|
|
16913
17469
|
"allOf": [
|
|
16914
17470
|
{
|
|
@@ -16966,7 +17522,11 @@
|
|
|
16966
17522
|
"group"
|
|
16967
17523
|
],
|
|
16968
17524
|
"name": "UIToggleGroup",
|
|
16969
|
-
"related": [
|
|
17525
|
+
"related": [
|
|
17526
|
+
"ToggleOption",
|
|
17527
|
+
"Segmented",
|
|
17528
|
+
"Radio"
|
|
17529
|
+
],
|
|
16970
17530
|
"slots": {
|
|
16971
17531
|
"default": {
|
|
16972
17532
|
"description": "Default slot — primary child content."
|
|
@@ -16978,7 +17538,13 @@
|
|
|
16978
17538
|
"name": "idle"
|
|
16979
17539
|
}
|
|
16980
17540
|
],
|
|
16981
|
-
"synonyms": {
|
|
17541
|
+
"synonyms": {
|
|
17542
|
+
"toggle-group": [
|
|
17543
|
+
"segmented-control",
|
|
17544
|
+
"option-group",
|
|
17545
|
+
"toggle-set"
|
|
17546
|
+
]
|
|
17547
|
+
},
|
|
16982
17548
|
"tag": "toggle-group-ui",
|
|
16983
17549
|
"tokens": {
|
|
16984
17550
|
"--toggle-group-border": {
|
|
@@ -17084,12 +17650,27 @@
|
|
|
17084
17650
|
"composes": [],
|
|
17085
17651
|
"events": {},
|
|
17086
17652
|
"examples": [],
|
|
17087
|
-
"keywords": [
|
|
17653
|
+
"keywords": [
|
|
17654
|
+
"toggle-option",
|
|
17655
|
+
"toggle-segment",
|
|
17656
|
+
"option-toggle",
|
|
17657
|
+
"segmented-option"
|
|
17658
|
+
],
|
|
17088
17659
|
"name": "UIToggleOption",
|
|
17089
|
-
"related": [
|
|
17660
|
+
"related": [
|
|
17661
|
+
"ToggleGroup",
|
|
17662
|
+
"Segment",
|
|
17663
|
+
"Radio"
|
|
17664
|
+
],
|
|
17090
17665
|
"slots": {},
|
|
17091
17666
|
"states": [],
|
|
17092
|
-
"synonyms": {
|
|
17667
|
+
"synonyms": {
|
|
17668
|
+
"toggle-option": [
|
|
17669
|
+
"toggle-segment",
|
|
17670
|
+
"option-button",
|
|
17671
|
+
"segmented-option"
|
|
17672
|
+
]
|
|
17673
|
+
},
|
|
17093
17674
|
"tag": "toggle-option-ui",
|
|
17094
17675
|
"tokens": {},
|
|
17095
17676
|
"traits": [],
|
|
@@ -17440,12 +18021,27 @@
|
|
|
17440
18021
|
"composes": [],
|
|
17441
18022
|
"events": {},
|
|
17442
18023
|
"examples": [],
|
|
17443
|
-
"keywords": [
|
|
18024
|
+
"keywords": [
|
|
18025
|
+
"toolbar-group",
|
|
18026
|
+
"button-group",
|
|
18027
|
+
"action-cluster",
|
|
18028
|
+
"toolbar-cluster"
|
|
18029
|
+
],
|
|
17444
18030
|
"name": "UIToolbarGroup",
|
|
17445
|
-
"related": [
|
|
18031
|
+
"related": [
|
|
18032
|
+
"Toolbar",
|
|
18033
|
+
"Button",
|
|
18034
|
+
"Divider"
|
|
18035
|
+
],
|
|
17446
18036
|
"slots": {},
|
|
17447
18037
|
"states": [],
|
|
17448
|
-
"synonyms": {
|
|
18038
|
+
"synonyms": {
|
|
18039
|
+
"toolbar-group": [
|
|
18040
|
+
"button-group",
|
|
18041
|
+
"action-cluster",
|
|
18042
|
+
"toolbar-section"
|
|
18043
|
+
]
|
|
18044
|
+
},
|
|
17449
18045
|
"tag": "toolbar-group-ui",
|
|
17450
18046
|
"tokens": {},
|
|
17451
18047
|
"traits": [],
|
|
@@ -17684,7 +18280,12 @@
|
|
|
17684
18280
|
"folder"
|
|
17685
18281
|
],
|
|
17686
18282
|
"name": "UITree",
|
|
17687
|
-
"related": [
|
|
18283
|
+
"related": [
|
|
18284
|
+
"TreeItem",
|
|
18285
|
+
"Nav",
|
|
18286
|
+
"List",
|
|
18287
|
+
"Accordion"
|
|
18288
|
+
],
|
|
17688
18289
|
"slots": {
|
|
17689
18290
|
"default (tree-item-ui children)": {
|
|
17690
18291
|
"description": "Child content region for the `default (tree-item-ui children)` slot."
|
|
@@ -17826,12 +18427,28 @@
|
|
|
17826
18427
|
"composes": [],
|
|
17827
18428
|
"events": {},
|
|
17828
18429
|
"examples": [],
|
|
17829
|
-
"keywords": [
|
|
18430
|
+
"keywords": [
|
|
18431
|
+
"tree-item",
|
|
18432
|
+
"tree-row",
|
|
18433
|
+
"tree-node",
|
|
18434
|
+
"hierarchy-item"
|
|
18435
|
+
],
|
|
17830
18436
|
"name": "UITreeItem",
|
|
17831
|
-
"related": [
|
|
18437
|
+
"related": [
|
|
18438
|
+
"Tree",
|
|
18439
|
+
"List",
|
|
18440
|
+
"Nav",
|
|
18441
|
+
"Accordion"
|
|
18442
|
+
],
|
|
17832
18443
|
"slots": {},
|
|
17833
18444
|
"states": [],
|
|
17834
|
-
"synonyms": {
|
|
18445
|
+
"synonyms": {
|
|
18446
|
+
"tree-item": [
|
|
18447
|
+
"tree-node",
|
|
18448
|
+
"tree-row",
|
|
18449
|
+
"hierarchy-row"
|
|
18450
|
+
]
|
|
18451
|
+
},
|
|
17835
18452
|
"tag": "tree-item-ui",
|
|
17836
18453
|
"tokens": {},
|
|
17837
18454
|
"traits": [],
|