@adia-ai/a2ui-corpus 0.7.17 → 0.7.18
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 +5 -0
- package/chunks/_index.json +804 -4
- package/chunks/admin-page-header-flush.json +83 -0
- package/chunks/admin-page-header-title-description.json +80 -0
- package/chunks/admin-page-header-with-actions.json +109 -0
- package/chunks/admin-page-header-with-tabs.json +144 -0
- package/chunks/admin-sidebar-brand-signin.json +152 -0
- package/chunks/admin-sidebar-brand-version.json +124 -0
- package/chunks/admin-sidebar-flat-nav.json +125 -0
- package/chunks/admin-sidebar-nav-dividers.json +144 -0
- package/chunks/admin-sidebar-nav-groups.json +165 -0
- package/chunks/admin-sidebar-workspace-switcher.json +132 -0
- package/chunks/admin-topbar-breadcrumb-actions.json +130 -0
- package/chunks/admin-topbar-breadcrumb-minimal.json +79 -0
- package/chunks/admin-topbar-deep-breadcrumb.json +129 -0
- package/chunks/admin-topbar-search.json +104 -0
- package/chunks/admin-topbar-status-indicator.json +131 -0
- package/chunks/admin-topbar-trailing-toggle.json +114 -0
- package/chunks/form-checkbox-group.json +65 -0
- package/chunks/form-field-email-hint.json +53 -0
- package/chunks/form-field-range.json +54 -0
- package/chunks/form-field-required.json +52 -0
- package/chunks/form-field-select.json +66 -0
- package/chunks/form-field-textarea.json +51 -0
- package/chunks/form-fields-two-column.json +69 -0
- package/chunks/form-switch-toggle.json +41 -0
- package/package.json +1 -1
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-page-header-flush",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-page-header",
|
|
5
|
+
"page": "/site/patterns/admin-page-header.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<admin-page-header>\n <header data-flush>\n <div><h1>Account</h1></div>\n <p>Personal details, billing, and security.</p>\n </header>\n </admin-page-header>",
|
|
10
|
+
"source": "site/pages/patterns/admin-page-header.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "Admin page header band with data-flush on the inner header to drop the bottom border. Use when the page body provides its own top edge (hero panel, edge-to-edge card).",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"admin",
|
|
16
|
+
"page",
|
|
17
|
+
"header",
|
|
18
|
+
"flush",
|
|
19
|
+
"no-border",
|
|
20
|
+
"data-flush",
|
|
21
|
+
"title",
|
|
22
|
+
"band",
|
|
23
|
+
"borderless",
|
|
24
|
+
"hero",
|
|
25
|
+
"edge",
|
|
26
|
+
"admin-page-header",
|
|
27
|
+
"account",
|
|
28
|
+
"layout"
|
|
29
|
+
]
|
|
30
|
+
},
|
|
31
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
32
|
+
"template": [
|
|
33
|
+
{
|
|
34
|
+
"id": "text",
|
|
35
|
+
"component": "Text",
|
|
36
|
+
"variant": "display",
|
|
37
|
+
"textContent": "Account"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"id": "column",
|
|
41
|
+
"component": "Column",
|
|
42
|
+
"children": [
|
|
43
|
+
"text"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"id": "section",
|
|
48
|
+
"component": "Section",
|
|
49
|
+
"children": [
|
|
50
|
+
"column"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"id": "card",
|
|
55
|
+
"component": "Card",
|
|
56
|
+
"children": [
|
|
57
|
+
"section"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"id": "text-2",
|
|
62
|
+
"component": "Text",
|
|
63
|
+
"variant": "body",
|
|
64
|
+
"textContent": "Personal details, billing, and security."
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"id": "header",
|
|
68
|
+
"component": "Header",
|
|
69
|
+
"data-flush": "",
|
|
70
|
+
"children": [
|
|
71
|
+
"card",
|
|
72
|
+
"text-2"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"id": "root",
|
|
77
|
+
"component": "AdminPageHeader",
|
|
78
|
+
"children": [
|
|
79
|
+
"header"
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-page-header-title-description",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-page-header",
|
|
5
|
+
"page": "/site/patterns/admin-page-header.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<admin-page-header>\n <header>\n <div><h1>Settings</h1></div>\n <p>Manage your workspace preferences.</p>\n </header>\n </admin-page-header>",
|
|
10
|
+
"source": "site/pages/patterns/admin-page-header.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "Admin page header band — minimal shape with page title and description, no page-level actions. The sticky title band inside admin-page.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"admin",
|
|
16
|
+
"page",
|
|
17
|
+
"header",
|
|
18
|
+
"title",
|
|
19
|
+
"description",
|
|
20
|
+
"band",
|
|
21
|
+
"sticky",
|
|
22
|
+
"page-title",
|
|
23
|
+
"admin-page-header",
|
|
24
|
+
"heading",
|
|
25
|
+
"settings",
|
|
26
|
+
"layout"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
30
|
+
"template": [
|
|
31
|
+
{
|
|
32
|
+
"id": "text",
|
|
33
|
+
"component": "Text",
|
|
34
|
+
"variant": "display",
|
|
35
|
+
"textContent": "Settings"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"id": "column",
|
|
39
|
+
"component": "Column",
|
|
40
|
+
"children": [
|
|
41
|
+
"text"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": "section",
|
|
46
|
+
"component": "Section",
|
|
47
|
+
"children": [
|
|
48
|
+
"column"
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "card",
|
|
53
|
+
"component": "Card",
|
|
54
|
+
"children": [
|
|
55
|
+
"section"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"id": "text-2",
|
|
60
|
+
"component": "Text",
|
|
61
|
+
"variant": "body",
|
|
62
|
+
"textContent": "Manage your workspace preferences."
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "header",
|
|
66
|
+
"component": "Header",
|
|
67
|
+
"children": [
|
|
68
|
+
"card",
|
|
69
|
+
"text-2"
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"id": "root",
|
|
74
|
+
"component": "AdminPageHeader",
|
|
75
|
+
"children": [
|
|
76
|
+
"header"
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
]
|
|
80
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-page-header-with-actions",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-page-header",
|
|
5
|
+
"page": "/site/patterns/admin-page-header.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<admin-page-header>\n <header>\n <div>\n <h1>Customers</h1>\n <div data-actions>\n <button-ui text=\"Export\" icon=\"download\" variant=\"outline\" size=\"sm\"></button-ui>\n <button-ui text=\"+ New customer\" variant=\"primary\" size=\"sm\"></button-ui>\n </div>\n </div>\n <p>1,284 customers · 38 added this week.</p>\n </header>\n </admin-page-header>",
|
|
10
|
+
"source": "site/pages/patterns/admin-page-header.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "Admin page header band with right-aligned page-level action buttons (Export, + New) in a data-actions slot beside the title. For pages with page-scope verbs.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"admin",
|
|
16
|
+
"page",
|
|
17
|
+
"header",
|
|
18
|
+
"actions",
|
|
19
|
+
"buttons",
|
|
20
|
+
"export",
|
|
21
|
+
"new",
|
|
22
|
+
"title",
|
|
23
|
+
"band",
|
|
24
|
+
"page-level",
|
|
25
|
+
"toolbar",
|
|
26
|
+
"admin-page-header",
|
|
27
|
+
"data-actions",
|
|
28
|
+
"primary",
|
|
29
|
+
"outline",
|
|
30
|
+
"layout"
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
34
|
+
"template": [
|
|
35
|
+
{
|
|
36
|
+
"id": "text",
|
|
37
|
+
"component": "Text",
|
|
38
|
+
"variant": "display",
|
|
39
|
+
"textContent": "Customers"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "button",
|
|
43
|
+
"component": "Button",
|
|
44
|
+
"icon": "download",
|
|
45
|
+
"size": "sm",
|
|
46
|
+
"text": "Export",
|
|
47
|
+
"variant": "outline"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"id": "button-2",
|
|
51
|
+
"component": "Button",
|
|
52
|
+
"size": "sm",
|
|
53
|
+
"text": "+ New customer",
|
|
54
|
+
"variant": "primary"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"id": "column",
|
|
58
|
+
"component": "Column",
|
|
59
|
+
"data-actions": "",
|
|
60
|
+
"children": [
|
|
61
|
+
"button",
|
|
62
|
+
"button-2"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"id": "column-2",
|
|
67
|
+
"component": "Column",
|
|
68
|
+
"children": [
|
|
69
|
+
"text",
|
|
70
|
+
"column"
|
|
71
|
+
]
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"id": "section",
|
|
75
|
+
"component": "Section",
|
|
76
|
+
"children": [
|
|
77
|
+
"column-2"
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"id": "card",
|
|
82
|
+
"component": "Card",
|
|
83
|
+
"children": [
|
|
84
|
+
"section"
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"id": "text-2",
|
|
89
|
+
"component": "Text",
|
|
90
|
+
"variant": "body",
|
|
91
|
+
"textContent": "1,284 customers · 38 added this week."
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "header",
|
|
95
|
+
"component": "Header",
|
|
96
|
+
"children": [
|
|
97
|
+
"card",
|
|
98
|
+
"text-2"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "root",
|
|
103
|
+
"component": "AdminPageHeader",
|
|
104
|
+
"children": [
|
|
105
|
+
"header"
|
|
106
|
+
]
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-page-header-with-tabs",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-page-header",
|
|
5
|
+
"page": "/site/patterns/admin-page-header.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<admin-page-header>\n <header>\n <div>\n <h1>Dashboard</h1>\n <div data-actions>\n <button-ui text=\"Refresh\" icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n </div>\n </div>\n <p>Welcome back. Here's what's happening today.</p>\n <tabs-ui value=\"overview\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n </tabs-ui>\n </header>\n </admin-page-header>",
|
|
10
|
+
"source": "site/pages/patterns/admin-page-header.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "Admin page header band with a tabs-ui sub-view switcher after the description. For pages with multiple panels that swap inside the same shell (dashboard tabs, settings sections).",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"admin",
|
|
16
|
+
"page",
|
|
17
|
+
"header",
|
|
18
|
+
"tabs",
|
|
19
|
+
"sub-view",
|
|
20
|
+
"switcher",
|
|
21
|
+
"dashboard",
|
|
22
|
+
"panels",
|
|
23
|
+
"tabs-ui",
|
|
24
|
+
"tab-ui",
|
|
25
|
+
"overview",
|
|
26
|
+
"band",
|
|
27
|
+
"title",
|
|
28
|
+
"admin-page-header",
|
|
29
|
+
"layout",
|
|
30
|
+
"navigation"
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
34
|
+
"template": [
|
|
35
|
+
{
|
|
36
|
+
"id": "text",
|
|
37
|
+
"component": "Text",
|
|
38
|
+
"variant": "display",
|
|
39
|
+
"textContent": "Dashboard"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "button",
|
|
43
|
+
"component": "Button",
|
|
44
|
+
"icon": "arrow-clockwise",
|
|
45
|
+
"size": "sm",
|
|
46
|
+
"text": "Refresh",
|
|
47
|
+
"variant": "ghost"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"id": "column",
|
|
51
|
+
"component": "Column",
|
|
52
|
+
"data-actions": "",
|
|
53
|
+
"children": [
|
|
54
|
+
"button"
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"id": "column-2",
|
|
59
|
+
"component": "Column",
|
|
60
|
+
"children": [
|
|
61
|
+
"text",
|
|
62
|
+
"column"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"id": "section",
|
|
67
|
+
"component": "Section",
|
|
68
|
+
"children": [
|
|
69
|
+
"column-2"
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"id": "card",
|
|
74
|
+
"component": "Card",
|
|
75
|
+
"children": [
|
|
76
|
+
"section"
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"id": "text-2",
|
|
81
|
+
"component": "Text",
|
|
82
|
+
"variant": "body",
|
|
83
|
+
"textContent": "Welcome back. Here's what's happening today."
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"id": "tab",
|
|
87
|
+
"component": "Tab",
|
|
88
|
+
"text": "Overview",
|
|
89
|
+
"value": "overview"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"id": "tab-2",
|
|
93
|
+
"component": "Tab",
|
|
94
|
+
"text": "Audience",
|
|
95
|
+
"value": "audience"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"id": "tab-3",
|
|
99
|
+
"component": "Tab",
|
|
100
|
+
"text": "Acquisition",
|
|
101
|
+
"value": "acquisition"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"id": "tab-4",
|
|
105
|
+
"component": "Tab",
|
|
106
|
+
"text": "Conversion",
|
|
107
|
+
"value": "conversion"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"id": "tab-5",
|
|
111
|
+
"component": "Tab",
|
|
112
|
+
"text": "Reports",
|
|
113
|
+
"value": "reports"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"id": "tabs",
|
|
117
|
+
"component": "Tabs",
|
|
118
|
+
"value": "overview",
|
|
119
|
+
"children": [
|
|
120
|
+
"tab",
|
|
121
|
+
"tab-2",
|
|
122
|
+
"tab-3",
|
|
123
|
+
"tab-4",
|
|
124
|
+
"tab-5"
|
|
125
|
+
]
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"id": "header",
|
|
129
|
+
"component": "Header",
|
|
130
|
+
"children": [
|
|
131
|
+
"card",
|
|
132
|
+
"text-2",
|
|
133
|
+
"tabs"
|
|
134
|
+
]
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"id": "root",
|
|
138
|
+
"component": "AdminPageHeader",
|
|
139
|
+
"children": [
|
|
140
|
+
"header"
|
|
141
|
+
]
|
|
142
|
+
}
|
|
143
|
+
]
|
|
144
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-sidebar-brand-signin",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-sidebar",
|
|
5
|
+
"page": "/site/patterns/admin-sidebar.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"slot": "leading",
|
|
10
|
+
"name": "demo-sw-2"
|
|
11
|
+
},
|
|
12
|
+
"html": "<admin-sidebar slot=\"leading\" name=\"demo-sw-2\">\n <admin-topbar slot=\"header\">\n <admin-entity-item slot=\"heading\">\n <img slot=\"icon\" class=\"brand-logo\" src=\"/icons/agent-ui-light.svg\" alt=\"\">\n <span slot=\"label\">Adia Console</span>\n </admin-entity-item>\n </admin-topbar>\n <section-ui>\n <nav-ui>\n <nav-item-ui icon=\"house\" text=\"Home\" selected></nav-item-ui>\n <nav-item-ui icon=\"book-open\" text=\"Docs\"></nav-item-ui>\n <nav-item-ui icon=\"magnifying-glass\" text=\"Search\"></nav-item-ui>\n </nav-ui>\n </section-ui>\n <admin-statusbar slot=\"footer\">\n <admin-entity-item slot=\"heading\">\n <avatar-ui slot=\"icon\" icon=\"user\" size=\"sm\"></avatar-ui>\n <span slot=\"label\">Guest</span>\n </admin-entity-item>\n <button-ui slot=\"action\" text=\"Sign in\" icon=\"sign-in\" variant=\"primary\" size=\"sm\"></button-ui>\n </admin-statusbar>\n </admin-sidebar>",
|
|
13
|
+
"source": "site/pages/patterns/admin-sidebar.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "navigation",
|
|
16
|
+
"description": "Admin sidebar rail with a static brand header and a sign-in CTA in the footer — for unauthenticated single-product apps. Guest entity item plus a primary Sign in button.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"admin",
|
|
19
|
+
"sidebar",
|
|
20
|
+
"brand",
|
|
21
|
+
"sign-in",
|
|
22
|
+
"signin",
|
|
23
|
+
"cta",
|
|
24
|
+
"unauthenticated",
|
|
25
|
+
"guest",
|
|
26
|
+
"logo",
|
|
27
|
+
"nav",
|
|
28
|
+
"rail",
|
|
29
|
+
"header",
|
|
30
|
+
"footer",
|
|
31
|
+
"admin-sidebar",
|
|
32
|
+
"admin-statusbar",
|
|
33
|
+
"navigation",
|
|
34
|
+
"login",
|
|
35
|
+
"button",
|
|
36
|
+
"single-product"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
40
|
+
"template": [
|
|
41
|
+
{
|
|
42
|
+
"id": "image",
|
|
43
|
+
"component": "Image",
|
|
44
|
+
"slot": "icon",
|
|
45
|
+
"src": "/icons/agent-ui-light.svg"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"id": "text",
|
|
49
|
+
"component": "Text",
|
|
50
|
+
"variant": "body",
|
|
51
|
+
"slot": "label",
|
|
52
|
+
"textContent": "Adia Console"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "column",
|
|
56
|
+
"component": "Column",
|
|
57
|
+
"slot": "heading",
|
|
58
|
+
"children": [
|
|
59
|
+
"image",
|
|
60
|
+
"text"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"id": "admin-topbar",
|
|
65
|
+
"component": "AdminTopbar",
|
|
66
|
+
"slot": "header",
|
|
67
|
+
"children": [
|
|
68
|
+
"column"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"id": "nav-item",
|
|
73
|
+
"component": "NavItem",
|
|
74
|
+
"icon": "house",
|
|
75
|
+
"selected": true,
|
|
76
|
+
"text": "Home"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"id": "nav-item-2",
|
|
80
|
+
"component": "NavItem",
|
|
81
|
+
"icon": "book-open",
|
|
82
|
+
"text": "Docs"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"id": "nav-item-3",
|
|
86
|
+
"component": "NavItem",
|
|
87
|
+
"icon": "magnifying-glass",
|
|
88
|
+
"text": "Search"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"id": "nav",
|
|
92
|
+
"component": "Nav",
|
|
93
|
+
"children": [
|
|
94
|
+
"nav-item",
|
|
95
|
+
"nav-item-2",
|
|
96
|
+
"nav-item-3"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"id": "avatar",
|
|
101
|
+
"component": "Avatar",
|
|
102
|
+
"slot": "icon",
|
|
103
|
+
"icon": "user",
|
|
104
|
+
"size": "sm"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"id": "text-2",
|
|
108
|
+
"component": "Text",
|
|
109
|
+
"variant": "body",
|
|
110
|
+
"slot": "label",
|
|
111
|
+
"textContent": "Guest"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"id": "column-3",
|
|
115
|
+
"component": "Column",
|
|
116
|
+
"slot": "heading",
|
|
117
|
+
"children": [
|
|
118
|
+
"avatar",
|
|
119
|
+
"text-2"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"id": "button",
|
|
124
|
+
"component": "Button",
|
|
125
|
+
"slot": "action",
|
|
126
|
+
"icon": "sign-in",
|
|
127
|
+
"size": "sm",
|
|
128
|
+
"text": "Sign in",
|
|
129
|
+
"variant": "primary"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"id": "admin-statusbar",
|
|
133
|
+
"component": "AdminStatusbar",
|
|
134
|
+
"slot": "footer",
|
|
135
|
+
"children": [
|
|
136
|
+
"column-3",
|
|
137
|
+
"button"
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"id": "root",
|
|
142
|
+
"component": "Sidebar",
|
|
143
|
+
"slot": "leading",
|
|
144
|
+
"name": "demo-sw-2",
|
|
145
|
+
"children": [
|
|
146
|
+
"admin-topbar",
|
|
147
|
+
"nav",
|
|
148
|
+
"admin-statusbar"
|
|
149
|
+
]
|
|
150
|
+
}
|
|
151
|
+
]
|
|
152
|
+
}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "admin-sidebar-brand-version",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "admin-sidebar",
|
|
5
|
+
"page": "/site/patterns/admin-sidebar.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"slot": "leading",
|
|
10
|
+
"name": "demo-sw-3"
|
|
11
|
+
},
|
|
12
|
+
"html": "<admin-sidebar slot=\"leading\" name=\"demo-sw-3\">\n <admin-topbar slot=\"header\">\n <admin-entity-item slot=\"heading\">\n <img slot=\"icon\" class=\"brand-logo\" src=\"/icons/agent-ui-light.svg\" alt=\"\">\n <span slot=\"label\">Adia Docs</span>\n </admin-entity-item>\n </admin-topbar>\n <section-ui>\n <nav-ui>\n <nav-item-ui icon=\"house\" text=\"Home\" selected></nav-item-ui>\n <nav-item-ui icon=\"cube\" text=\"Components\"></nav-item-ui>\n <nav-item-ui icon=\"star\" text=\"Changelog\"></nav-item-ui>\n </nav-ui>\n </section-ui>\n <admin-statusbar slot=\"footer\">\n <span>v1.0.0</span>\n </admin-statusbar>\n </admin-sidebar>",
|
|
13
|
+
"source": "site/pages/patterns/admin-sidebar.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "navigation",
|
|
16
|
+
"description": "Minimal admin sidebar rail with a static brand header and a version string in the footer — for docs sites with no authentication. The simplest nav rail shape.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"admin",
|
|
19
|
+
"sidebar",
|
|
20
|
+
"brand",
|
|
21
|
+
"version",
|
|
22
|
+
"docs",
|
|
23
|
+
"minimal",
|
|
24
|
+
"no-auth",
|
|
25
|
+
"logo",
|
|
26
|
+
"nav",
|
|
27
|
+
"rail",
|
|
28
|
+
"header",
|
|
29
|
+
"footer",
|
|
30
|
+
"admin-sidebar",
|
|
31
|
+
"admin-statusbar",
|
|
32
|
+
"navigation",
|
|
33
|
+
"simple",
|
|
34
|
+
"version-string",
|
|
35
|
+
"documentation"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"captured_at": "2026-06-09T18:16:34.245Z",
|
|
39
|
+
"template": [
|
|
40
|
+
{
|
|
41
|
+
"id": "image",
|
|
42
|
+
"component": "Image",
|
|
43
|
+
"slot": "icon",
|
|
44
|
+
"src": "/icons/agent-ui-light.svg"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"id": "text",
|
|
48
|
+
"component": "Text",
|
|
49
|
+
"variant": "body",
|
|
50
|
+
"slot": "label",
|
|
51
|
+
"textContent": "Adia Docs"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"id": "column",
|
|
55
|
+
"component": "Column",
|
|
56
|
+
"slot": "heading",
|
|
57
|
+
"children": [
|
|
58
|
+
"image",
|
|
59
|
+
"text"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"id": "admin-topbar",
|
|
64
|
+
"component": "AdminTopbar",
|
|
65
|
+
"slot": "header",
|
|
66
|
+
"children": [
|
|
67
|
+
"column"
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"id": "nav-item",
|
|
72
|
+
"component": "NavItem",
|
|
73
|
+
"icon": "house",
|
|
74
|
+
"selected": true,
|
|
75
|
+
"text": "Home"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"id": "nav-item-2",
|
|
79
|
+
"component": "NavItem",
|
|
80
|
+
"icon": "cube",
|
|
81
|
+
"text": "Components"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"id": "nav-item-3",
|
|
85
|
+
"component": "NavItem",
|
|
86
|
+
"icon": "star",
|
|
87
|
+
"text": "Changelog"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"id": "nav",
|
|
91
|
+
"component": "Nav",
|
|
92
|
+
"children": [
|
|
93
|
+
"nav-item",
|
|
94
|
+
"nav-item-2",
|
|
95
|
+
"nav-item-3"
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"id": "text-2",
|
|
100
|
+
"component": "Text",
|
|
101
|
+
"variant": "body",
|
|
102
|
+
"textContent": "v1.0.0"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"id": "admin-statusbar",
|
|
106
|
+
"component": "AdminStatusbar",
|
|
107
|
+
"slot": "footer",
|
|
108
|
+
"children": [
|
|
109
|
+
"text-2"
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"id": "root",
|
|
114
|
+
"component": "Sidebar",
|
|
115
|
+
"slot": "leading",
|
|
116
|
+
"name": "demo-sw-3",
|
|
117
|
+
"children": [
|
|
118
|
+
"admin-topbar",
|
|
119
|
+
"nav",
|
|
120
|
+
"admin-statusbar"
|
|
121
|
+
]
|
|
122
|
+
}
|
|
123
|
+
]
|
|
124
|
+
}
|