@adia-ai/gen-ui 0.8.45 → 0.8.46

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.
@@ -0,0 +1,49 @@
1
+ {
2
+ "name": "table-footer-empty",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/components/table-footer/table-footer.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "empty — confirmed zero rows"
11
+ },
12
+ "html": "<table-footer-ui range-total=\"0\">\n <span slot=\"empty\">No tests match your filters</span>\n </table-footer-ui>",
13
+ "source": "packages/web-components/components/table-footer/table-footer.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Table footer with an explicit range-total of 0 and slotted empty content — pager hidden, message renders in the range label's own position without a layout shift.",
17
+ "keywords": [
18
+ "table",
19
+ "footer",
20
+ "pagination",
21
+ "empty",
22
+ "zero",
23
+ "rows",
24
+ "no",
25
+ "results",
26
+ "filters",
27
+ "data",
28
+ "grid"
29
+ ]
30
+ },
31
+ "captured_at": "2026-08-21T02:53:19.885Z",
32
+ "template": [
33
+ {
34
+ "id": "text",
35
+ "component": "Text",
36
+ "variant": "body",
37
+ "slot": "empty",
38
+ "textContent": "No tests match your filters"
39
+ },
40
+ {
41
+ "id": "root",
42
+ "component": "TableFooter",
43
+ "range-total": 0,
44
+ "children": [
45
+ "text"
46
+ ]
47
+ }
48
+ ]
49
+ }
@@ -0,0 +1,136 @@
1
+ {
2
+ "name": "table-footer-server-mode",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/components/table-footer/table-footer.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "server-mode — Shape 1 (explicit range-total)"
11
+ },
12
+ "html": "<col-ui gap=\"0\">\n <table-ui id=\"demo-footer-server\" raw>\n <table>\n <thead><tr><th>Name</th><th>Status</th></tr></thead>\n <tbody>\n <tr><td>Metabolic panel — A. Chen</td><td><tag-ui variant=\"success\">Complete</tag-ui></td></tr>\n <tr><td>Metabolic panel — J. Park</td><td><tag-ui variant=\"warning\">Pending</tag-ui></td></tr>\n </tbody>\n </table>\n </table-ui>\n <table-footer-ui for=\"demo-footer-server\" page=\"2\" page-size=\"10\" range-total=\"128\"></table-footer-ui>\n </col-ui>",
13
+ "source": "packages/web-components/components/table-footer/table-footer.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Server-mode table footer — explicit page/page-size/range-total attributes render the range label and pager against a table with no [paginate] set (server-mode default), so it never grows its own internal pager.",
17
+ "keywords": [
18
+ "table",
19
+ "footer",
20
+ "pagination",
21
+ "server",
22
+ "mode",
23
+ "range",
24
+ "total",
25
+ "showing",
26
+ "page",
27
+ "size",
28
+ "data",
29
+ "grid"
30
+ ]
31
+ },
32
+ "captured_at": "2026-08-21T04:01:35.801Z",
33
+ "template": [
34
+ {
35
+ "id": "text",
36
+ "component": "Text",
37
+ "textContent": "Name",
38
+ "variant": "body"
39
+ },
40
+ {
41
+ "id": "text-2",
42
+ "component": "Text",
43
+ "textContent": "Status",
44
+ "variant": "body"
45
+ },
46
+ {
47
+ "id": "column-2",
48
+ "component": "Column",
49
+ "children": [
50
+ "text",
51
+ "text-2"
52
+ ]
53
+ },
54
+ {
55
+ "id": "text-3",
56
+ "component": "Text",
57
+ "textContent": "Metabolic panel — A. Chen",
58
+ "variant": "body"
59
+ },
60
+ {
61
+ "id": "tag",
62
+ "component": "Tag",
63
+ "variant": "success",
64
+ "text": "Complete"
65
+ },
66
+ {
67
+ "id": "column-6",
68
+ "component": "Column",
69
+ "children": [
70
+ "text-3",
71
+ "tag"
72
+ ]
73
+ },
74
+ {
75
+ "id": "text-4",
76
+ "component": "Text",
77
+ "textContent": "Metabolic panel — J. Park",
78
+ "variant": "body"
79
+ },
80
+ {
81
+ "id": "tag-2",
82
+ "component": "Tag",
83
+ "variant": "warning",
84
+ "text": "Pending"
85
+ },
86
+ {
87
+ "id": "column-9",
88
+ "component": "Column",
89
+ "children": [
90
+ "text-4",
91
+ "tag-2"
92
+ ]
93
+ },
94
+ {
95
+ "id": "column-5",
96
+ "component": "Column",
97
+ "children": [
98
+ "column-6",
99
+ "column-9"
100
+ ]
101
+ },
102
+ {
103
+ "id": "table",
104
+ "component": "Table",
105
+ "children": [
106
+ "column-2",
107
+ "column-5"
108
+ ]
109
+ },
110
+ {
111
+ "id": "demo-footer-server",
112
+ "component": "Table",
113
+ "raw": true,
114
+ "children": [
115
+ "table"
116
+ ]
117
+ },
118
+ {
119
+ "id": "table-footer",
120
+ "component": "TableFooter",
121
+ "for": "demo-footer-server",
122
+ "page": 2,
123
+ "page-size": 10,
124
+ "range-total": 128
125
+ },
126
+ {
127
+ "id": "root",
128
+ "component": "Column",
129
+ "gap": "0",
130
+ "children": [
131
+ "demo-footer-server",
132
+ "table-footer"
133
+ ]
134
+ }
135
+ ]
136
+ }
@@ -0,0 +1,41 @@
1
+ {
2
+ "name": "table-footer-single-page",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/components/table-footer/table-footer.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "single page — pager hidden, range still shown"
11
+ },
12
+ "html": "<table-footer-ui page=\"1\" page-size=\"10\" range-total=\"8\"></table-footer-ui>",
13
+ "source": "packages/web-components/components/table-footer/table-footer.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Table footer with a range-total that fits on one page — the pager hides but the range label ('Showing 1-8 of 8') keeps rendering.",
17
+ "keywords": [
18
+ "table",
19
+ "footer",
20
+ "pagination",
21
+ "single",
22
+ "page",
23
+ "hidden",
24
+ "pager",
25
+ "range",
26
+ "label",
27
+ "data",
28
+ "grid"
29
+ ]
30
+ },
31
+ "captured_at": "2026-08-21T02:53:19.885Z",
32
+ "template": [
33
+ {
34
+ "id": "root",
35
+ "component": "TableFooter",
36
+ "page": 1,
37
+ "page-size": 10,
38
+ "range-total": 8
39
+ }
40
+ ]
41
+ }
@@ -0,0 +1,115 @@
1
+ {
2
+ "name": "table-in-card-client-mode",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/patterns/table-in-card/table-in-card.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "Metabolic Tests — client-mode, paginate + no-pager"
11
+ },
12
+ "html": "<card-ui style=\"max-width:720px;\">\n <header>\n <span slot=\"heading\">Metabolic Tests</span>\n </header>\n <section>\n <table-toolbar-ui for=\"pat-tests-client\" count=\"18\"></table-toolbar-ui>\n </section>\n <section bleed>\n <table-ui id=\"pat-tests-client\" paginate=\"6\" no-pager sortable></table-ui>\n </section>\n <footer divider>\n <table-footer-ui for=\"pat-tests-client\"></table-footer-ui>\n </footer>\n </card-ui>",
13
+ "source": "packages/web-components/patterns/table-in-card/table-in-card.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Metabolic Tests card in client-mode — table-ui paginate=6 no-pager slices a full in-browser dataset, with table-footer-ui as the sole visible pager.",
17
+ "keywords": [
18
+ "table",
19
+ "card",
20
+ "toolbar",
21
+ "footer",
22
+ "pagination",
23
+ "client",
24
+ "mode",
25
+ "paginate",
26
+ "no-pager",
27
+ "metabolic",
28
+ "tests",
29
+ "data",
30
+ "grid",
31
+ "healthcare"
32
+ ]
33
+ },
34
+ "captured_at": "2026-08-21T02:53:19.885Z",
35
+ "template": [
36
+ {
37
+ "id": "text",
38
+ "component": "Text",
39
+ "variant": "body",
40
+ "slot": "heading",
41
+ "textContent": "Metabolic Tests"
42
+ },
43
+ {
44
+ "id": "header",
45
+ "component": "Header",
46
+ "children": [
47
+ "text"
48
+ ]
49
+ },
50
+ {
51
+ "id": "table-toolbar",
52
+ "component": "TableToolbar",
53
+ "count": "18",
54
+ "for": "pat-tests-client"
55
+ },
56
+ {
57
+ "id": "section",
58
+ "component": "Section",
59
+ "children": [
60
+ "table-toolbar"
61
+ ]
62
+ },
63
+ {
64
+ "id": "pat-tests-client",
65
+ "component": "Table",
66
+ "no-pager": true,
67
+ "paginate": 6,
68
+ "sortable": true
69
+ },
70
+ {
71
+ "id": "section-2",
72
+ "component": "Section",
73
+ "bleed": true,
74
+ "children": [
75
+ "pat-tests-client"
76
+ ]
77
+ },
78
+ {
79
+ "id": "table-footer",
80
+ "component": "TableFooter",
81
+ "for": "pat-tests-client"
82
+ },
83
+ {
84
+ "id": "footer",
85
+ "component": "Footer",
86
+ "children": [
87
+ "table-footer"
88
+ ]
89
+ },
90
+ {
91
+ "id": "column",
92
+ "component": "Column",
93
+ "children": [
94
+ "section",
95
+ "section-2"
96
+ ]
97
+ },
98
+ {
99
+ "id": "section-3",
100
+ "component": "Section",
101
+ "children": [
102
+ "column"
103
+ ]
104
+ },
105
+ {
106
+ "id": "root",
107
+ "component": "Card",
108
+ "children": [
109
+ "header",
110
+ "section-3",
111
+ "footer"
112
+ ]
113
+ }
114
+ ]
115
+ }
@@ -0,0 +1,123 @@
1
+ {
2
+ "name": "table-in-card-empty",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/patterns/table-in-card/table-in-card.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "Metabolic Tests — empty result set"
11
+ },
12
+ "html": "<card-ui style=\"max-width:720px;\">\n <header>\n <span slot=\"heading\">Metabolic Tests</span>\n </header>\n <section>\n <table-toolbar-ui for=\"pat-tests-empty\" count=\"0\"></table-toolbar-ui>\n </section>\n <section bleed>\n <table-ui id=\"pat-tests-empty\"></table-ui>\n </section>\n <footer divider>\n <table-footer-ui for=\"pat-tests-empty\" range-total=\"0\">\n <span slot=\"empty\">No tests match your filters</span>\n </table-footer-ui>\n </footer>\n </card-ui>",
13
+ "source": "packages/web-components/patterns/table-in-card/table-in-card.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Metabolic Tests card with zero matching rows — table-ui empty overlay in the bleed section, table-footer-ui range-total=0 with a slotted 'no tests match your filters' message.",
17
+ "keywords": [
18
+ "table",
19
+ "card",
20
+ "toolbar",
21
+ "footer",
22
+ "pagination",
23
+ "empty",
24
+ "no",
25
+ "results",
26
+ "filters",
27
+ "metabolic",
28
+ "tests",
29
+ "data",
30
+ "grid",
31
+ "healthcare"
32
+ ]
33
+ },
34
+ "captured_at": "2026-08-21T02:53:19.885Z",
35
+ "template": [
36
+ {
37
+ "id": "text",
38
+ "component": "Text",
39
+ "variant": "body",
40
+ "slot": "heading",
41
+ "textContent": "Metabolic Tests"
42
+ },
43
+ {
44
+ "id": "header",
45
+ "component": "Header",
46
+ "children": [
47
+ "text"
48
+ ]
49
+ },
50
+ {
51
+ "id": "table-toolbar",
52
+ "component": "TableToolbar",
53
+ "count": "0",
54
+ "for": "pat-tests-empty"
55
+ },
56
+ {
57
+ "id": "section",
58
+ "component": "Section",
59
+ "children": [
60
+ "table-toolbar"
61
+ ]
62
+ },
63
+ {
64
+ "id": "pat-tests-empty",
65
+ "component": "Table"
66
+ },
67
+ {
68
+ "id": "section-2",
69
+ "component": "Section",
70
+ "bleed": true,
71
+ "children": [
72
+ "pat-tests-empty"
73
+ ]
74
+ },
75
+ {
76
+ "id": "text-2",
77
+ "component": "Text",
78
+ "variant": "body",
79
+ "slot": "empty",
80
+ "textContent": "No tests match your filters"
81
+ },
82
+ {
83
+ "id": "table-footer",
84
+ "component": "TableFooter",
85
+ "for": "pat-tests-empty",
86
+ "range-total": 0,
87
+ "children": [
88
+ "text-2"
89
+ ]
90
+ },
91
+ {
92
+ "id": "footer",
93
+ "component": "Footer",
94
+ "children": [
95
+ "table-footer"
96
+ ]
97
+ },
98
+ {
99
+ "id": "column",
100
+ "component": "Column",
101
+ "children": [
102
+ "section",
103
+ "section-2"
104
+ ]
105
+ },
106
+ {
107
+ "id": "section-3",
108
+ "component": "Section",
109
+ "children": [
110
+ "column"
111
+ ]
112
+ },
113
+ {
114
+ "id": "root",
115
+ "component": "Card",
116
+ "children": [
117
+ "header",
118
+ "section-3",
119
+ "footer"
120
+ ]
121
+ }
122
+ ]
123
+ }
@@ -0,0 +1,111 @@
1
+ {
2
+ "name": "table-in-card-loading",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/packages/web-components/patterns/table-in-card/table-in-card.examples.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-artifact-item": "",
10
+ "data-artifact-label": "Metabolic Tests — loading"
11
+ },
12
+ "html": "<card-ui style=\"max-width:720px;\">\n <header>\n <span slot=\"heading\">Metabolic Tests</span>\n </header>\n <section>\n <table-toolbar-ui for=\"pat-tests-loading\"></table-toolbar-ui>\n </section>\n <section bleed>\n <table-ui id=\"pat-tests-loading\" loading></table-ui>\n </section>\n <footer divider>\n <table-footer-ui for=\"pat-tests-loading\"></table-footer-ui>\n </footer>\n </card-ui>",
13
+ "source": "packages/web-components/patterns/table-in-card/table-in-card.examples.html",
14
+ "metadata": {
15
+ "domain": "data",
16
+ "description": "Metabolic Tests card mid-fetch — table-ui loading skeleton rows, table-footer-ui with no range-total set (both the range label and pager stay hidden).",
17
+ "keywords": [
18
+ "table",
19
+ "card",
20
+ "toolbar",
21
+ "footer",
22
+ "pagination",
23
+ "loading",
24
+ "skeleton",
25
+ "fetch",
26
+ "metabolic",
27
+ "tests",
28
+ "data",
29
+ "grid",
30
+ "healthcare"
31
+ ]
32
+ },
33
+ "captured_at": "2026-08-21T03:28:12.352Z",
34
+ "template": [
35
+ {
36
+ "id": "text",
37
+ "component": "Text",
38
+ "variant": "body",
39
+ "slot": "heading",
40
+ "textContent": "Metabolic Tests"
41
+ },
42
+ {
43
+ "id": "header",
44
+ "component": "Header",
45
+ "children": [
46
+ "text"
47
+ ]
48
+ },
49
+ {
50
+ "id": "table-toolbar",
51
+ "component": "TableToolbar",
52
+ "for": "pat-tests-loading"
53
+ },
54
+ {
55
+ "id": "section",
56
+ "component": "Section",
57
+ "children": [
58
+ "table-toolbar"
59
+ ]
60
+ },
61
+ {
62
+ "id": "pat-tests-loading",
63
+ "component": "Table",
64
+ "loading": true
65
+ },
66
+ {
67
+ "id": "section-2",
68
+ "component": "Section",
69
+ "bleed": true,
70
+ "children": [
71
+ "pat-tests-loading"
72
+ ]
73
+ },
74
+ {
75
+ "id": "table-footer",
76
+ "component": "TableFooter",
77
+ "for": "pat-tests-loading"
78
+ },
79
+ {
80
+ "id": "footer",
81
+ "component": "Footer",
82
+ "children": [
83
+ "table-footer"
84
+ ]
85
+ },
86
+ {
87
+ "id": "column",
88
+ "component": "Column",
89
+ "children": [
90
+ "section",
91
+ "section-2"
92
+ ]
93
+ },
94
+ {
95
+ "id": "section-3",
96
+ "component": "Section",
97
+ "children": [
98
+ "column"
99
+ ]
100
+ },
101
+ {
102
+ "id": "root",
103
+ "component": "Card",
104
+ "children": [
105
+ "header",
106
+ "section-3",
107
+ "footer"
108
+ ]
109
+ }
110
+ ]
111
+ }