@synopackageland/ui 0.12.3 → 0.12.5
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 +15 -0
- package/README.md +18 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +1 -1
- package/dist/components/app/page-content/PageContent.vue.d.ts +3 -3
- package/dist/components/primitives/dropdown-menu/types.d.ts +3 -0
- package/dist/components/primitives/segment-control/SegmentControl.vue.d.ts +4 -0
- package/dist/components/primitives/segment-control/context.d.ts +3 -0
- package/dist/index.js +21635 -17311
- package/dist/json/catalog.d.ts +2 -0
- package/dist/json/registry.d.ts +34 -0
- package/dist/json-ai-prompt.md +1 -1
- package/dist/json-catalog.schema.json +2 -1
- package/dist/json-preview/preview.js +11791 -10685
- package/dist/json.js +223 -205
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/adaptive-layout.md +14 -6
- package/package.json +1 -70
package/dist/json/catalog.d.ts
CHANGED
|
@@ -58,6 +58,7 @@ export declare const synoJsonComponentDefinitions: {
|
|
|
58
58
|
surface: z.ZodOptional<z.ZodEnum<{
|
|
59
59
|
flat: "flat";
|
|
60
60
|
auto: "auto";
|
|
61
|
+
none: "none";
|
|
61
62
|
card: "card";
|
|
62
63
|
}>>;
|
|
63
64
|
}, z.core.$strip>;
|
|
@@ -588,6 +589,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
|
|
|
588
589
|
surface: z.ZodOptional<z.ZodEnum<{
|
|
589
590
|
flat: "flat";
|
|
590
591
|
auto: "auto";
|
|
592
|
+
none: "none";
|
|
591
593
|
card: "card";
|
|
592
594
|
}>>;
|
|
593
595
|
}, z.core.$strip>;
|
package/dist/json/registry.d.ts
CHANGED
|
@@ -78,6 +78,7 @@ export declare const synoJsonRenderers: {
|
|
|
78
78
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
79
79
|
flat: "flat";
|
|
80
80
|
auto: "auto";
|
|
81
|
+
none: "none";
|
|
81
82
|
card: "card";
|
|
82
83
|
}>>;
|
|
83
84
|
}, import('zod/v4/core').$strip>;
|
|
@@ -612,6 +613,7 @@ export declare const synoJsonRenderers: {
|
|
|
612
613
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
613
614
|
flat: "flat";
|
|
614
615
|
auto: "auto";
|
|
616
|
+
none: "none";
|
|
615
617
|
card: "card";
|
|
616
618
|
}>>;
|
|
617
619
|
}, import('zod/v4/core').$strip>;
|
|
@@ -1146,6 +1148,7 @@ export declare const synoJsonRenderers: {
|
|
|
1146
1148
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1147
1149
|
flat: "flat";
|
|
1148
1150
|
auto: "auto";
|
|
1151
|
+
none: "none";
|
|
1149
1152
|
card: "card";
|
|
1150
1153
|
}>>;
|
|
1151
1154
|
}, import('zod/v4/core').$strip>;
|
|
@@ -1680,6 +1683,7 @@ export declare const synoJsonRenderers: {
|
|
|
1680
1683
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1681
1684
|
flat: "flat";
|
|
1682
1685
|
auto: "auto";
|
|
1686
|
+
none: "none";
|
|
1683
1687
|
card: "card";
|
|
1684
1688
|
}>>;
|
|
1685
1689
|
}, import('zod/v4/core').$strip>;
|
|
@@ -2214,6 +2218,7 @@ export declare const synoJsonRenderers: {
|
|
|
2214
2218
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2215
2219
|
flat: "flat";
|
|
2216
2220
|
auto: "auto";
|
|
2221
|
+
none: "none";
|
|
2217
2222
|
card: "card";
|
|
2218
2223
|
}>>;
|
|
2219
2224
|
}, import('zod/v4/core').$strip>;
|
|
@@ -2748,6 +2753,7 @@ export declare const synoJsonRenderers: {
|
|
|
2748
2753
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2749
2754
|
flat: "flat";
|
|
2750
2755
|
auto: "auto";
|
|
2756
|
+
none: "none";
|
|
2751
2757
|
card: "card";
|
|
2752
2758
|
}>>;
|
|
2753
2759
|
}, import('zod/v4/core').$strip>;
|
|
@@ -3282,6 +3288,7 @@ export declare const synoJsonRenderers: {
|
|
|
3282
3288
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
3283
3289
|
flat: "flat";
|
|
3284
3290
|
auto: "auto";
|
|
3291
|
+
none: "none";
|
|
3285
3292
|
card: "card";
|
|
3286
3293
|
}>>;
|
|
3287
3294
|
}, import('zod/v4/core').$strip>;
|
|
@@ -3816,6 +3823,7 @@ export declare const synoJsonRenderers: {
|
|
|
3816
3823
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
3817
3824
|
flat: "flat";
|
|
3818
3825
|
auto: "auto";
|
|
3826
|
+
none: "none";
|
|
3819
3827
|
card: "card";
|
|
3820
3828
|
}>>;
|
|
3821
3829
|
}, import('zod/v4/core').$strip>;
|
|
@@ -4350,6 +4358,7 @@ export declare const synoJsonRenderers: {
|
|
|
4350
4358
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4351
4359
|
flat: "flat";
|
|
4352
4360
|
auto: "auto";
|
|
4361
|
+
none: "none";
|
|
4353
4362
|
card: "card";
|
|
4354
4363
|
}>>;
|
|
4355
4364
|
}, import('zod/v4/core').$strip>;
|
|
@@ -4884,6 +4893,7 @@ export declare const synoJsonRenderers: {
|
|
|
4884
4893
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4885
4894
|
flat: "flat";
|
|
4886
4895
|
auto: "auto";
|
|
4896
|
+
none: "none";
|
|
4887
4897
|
card: "card";
|
|
4888
4898
|
}>>;
|
|
4889
4899
|
}, import('zod/v4/core').$strip>;
|
|
@@ -5418,6 +5428,7 @@ export declare const synoJsonRenderers: {
|
|
|
5418
5428
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5419
5429
|
flat: "flat";
|
|
5420
5430
|
auto: "auto";
|
|
5431
|
+
none: "none";
|
|
5421
5432
|
card: "card";
|
|
5422
5433
|
}>>;
|
|
5423
5434
|
}, import('zod/v4/core').$strip>;
|
|
@@ -5952,6 +5963,7 @@ export declare const synoJsonRenderers: {
|
|
|
5952
5963
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5953
5964
|
flat: "flat";
|
|
5954
5965
|
auto: "auto";
|
|
5966
|
+
none: "none";
|
|
5955
5967
|
card: "card";
|
|
5956
5968
|
}>>;
|
|
5957
5969
|
}, import('zod/v4/core').$strip>;
|
|
@@ -6486,6 +6498,7 @@ export declare const synoJsonRenderers: {
|
|
|
6486
6498
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
6487
6499
|
flat: "flat";
|
|
6488
6500
|
auto: "auto";
|
|
6501
|
+
none: "none";
|
|
6489
6502
|
card: "card";
|
|
6490
6503
|
}>>;
|
|
6491
6504
|
}, import('zod/v4/core').$strip>;
|
|
@@ -7020,6 +7033,7 @@ export declare const synoJsonRenderers: {
|
|
|
7020
7033
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7021
7034
|
flat: "flat";
|
|
7022
7035
|
auto: "auto";
|
|
7036
|
+
none: "none";
|
|
7023
7037
|
card: "card";
|
|
7024
7038
|
}>>;
|
|
7025
7039
|
}, import('zod/v4/core').$strip>;
|
|
@@ -7554,6 +7568,7 @@ export declare const synoJsonRenderers: {
|
|
|
7554
7568
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7555
7569
|
flat: "flat";
|
|
7556
7570
|
auto: "auto";
|
|
7571
|
+
none: "none";
|
|
7557
7572
|
card: "card";
|
|
7558
7573
|
}>>;
|
|
7559
7574
|
}, import('zod/v4/core').$strip>;
|
|
@@ -8088,6 +8103,7 @@ export declare const synoJsonRenderers: {
|
|
|
8088
8103
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8089
8104
|
flat: "flat";
|
|
8090
8105
|
auto: "auto";
|
|
8106
|
+
none: "none";
|
|
8091
8107
|
card: "card";
|
|
8092
8108
|
}>>;
|
|
8093
8109
|
}, import('zod/v4/core').$strip>;
|
|
@@ -8622,6 +8638,7 @@ export declare const synoJsonRenderers: {
|
|
|
8622
8638
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8623
8639
|
flat: "flat";
|
|
8624
8640
|
auto: "auto";
|
|
8641
|
+
none: "none";
|
|
8625
8642
|
card: "card";
|
|
8626
8643
|
}>>;
|
|
8627
8644
|
}, import('zod/v4/core').$strip>;
|
|
@@ -9156,6 +9173,7 @@ export declare const synoJsonRenderers: {
|
|
|
9156
9173
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
9157
9174
|
flat: "flat";
|
|
9158
9175
|
auto: "auto";
|
|
9176
|
+
none: "none";
|
|
9159
9177
|
card: "card";
|
|
9160
9178
|
}>>;
|
|
9161
9179
|
}, import('zod/v4/core').$strip>;
|
|
@@ -9690,6 +9708,7 @@ export declare const synoJsonRenderers: {
|
|
|
9690
9708
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
9691
9709
|
flat: "flat";
|
|
9692
9710
|
auto: "auto";
|
|
9711
|
+
none: "none";
|
|
9693
9712
|
card: "card";
|
|
9694
9713
|
}>>;
|
|
9695
9714
|
}, import('zod/v4/core').$strip>;
|
|
@@ -10224,6 +10243,7 @@ export declare const synoJsonRenderers: {
|
|
|
10224
10243
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
10225
10244
|
flat: "flat";
|
|
10226
10245
|
auto: "auto";
|
|
10246
|
+
none: "none";
|
|
10227
10247
|
card: "card";
|
|
10228
10248
|
}>>;
|
|
10229
10249
|
}, import('zod/v4/core').$strip>;
|
|
@@ -10758,6 +10778,7 @@ export declare const synoJsonRenderers: {
|
|
|
10758
10778
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
10759
10779
|
flat: "flat";
|
|
10760
10780
|
auto: "auto";
|
|
10781
|
+
none: "none";
|
|
10761
10782
|
card: "card";
|
|
10762
10783
|
}>>;
|
|
10763
10784
|
}, import('zod/v4/core').$strip>;
|
|
@@ -11292,6 +11313,7 @@ export declare const synoJsonRenderers: {
|
|
|
11292
11313
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11293
11314
|
flat: "flat";
|
|
11294
11315
|
auto: "auto";
|
|
11316
|
+
none: "none";
|
|
11295
11317
|
card: "card";
|
|
11296
11318
|
}>>;
|
|
11297
11319
|
}, import('zod/v4/core').$strip>;
|
|
@@ -11826,6 +11848,7 @@ export declare const synoJsonRenderers: {
|
|
|
11826
11848
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11827
11849
|
flat: "flat";
|
|
11828
11850
|
auto: "auto";
|
|
11851
|
+
none: "none";
|
|
11829
11852
|
card: "card";
|
|
11830
11853
|
}>>;
|
|
11831
11854
|
}, import('zod/v4/core').$strip>;
|
|
@@ -12360,6 +12383,7 @@ export declare const synoJsonRenderers: {
|
|
|
12360
12383
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12361
12384
|
flat: "flat";
|
|
12362
12385
|
auto: "auto";
|
|
12386
|
+
none: "none";
|
|
12363
12387
|
card: "card";
|
|
12364
12388
|
}>>;
|
|
12365
12389
|
}, import('zod/v4/core').$strip>;
|
|
@@ -12894,6 +12918,7 @@ export declare const synoJsonRenderers: {
|
|
|
12894
12918
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12895
12919
|
flat: "flat";
|
|
12896
12920
|
auto: "auto";
|
|
12921
|
+
none: "none";
|
|
12897
12922
|
card: "card";
|
|
12898
12923
|
}>>;
|
|
12899
12924
|
}, import('zod/v4/core').$strip>;
|
|
@@ -13428,6 +13453,7 @@ export declare const synoJsonRenderers: {
|
|
|
13428
13453
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13429
13454
|
flat: "flat";
|
|
13430
13455
|
auto: "auto";
|
|
13456
|
+
none: "none";
|
|
13431
13457
|
card: "card";
|
|
13432
13458
|
}>>;
|
|
13433
13459
|
}, import('zod/v4/core').$strip>;
|
|
@@ -13962,6 +13988,7 @@ export declare const synoJsonRenderers: {
|
|
|
13962
13988
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13963
13989
|
flat: "flat";
|
|
13964
13990
|
auto: "auto";
|
|
13991
|
+
none: "none";
|
|
13965
13992
|
card: "card";
|
|
13966
13993
|
}>>;
|
|
13967
13994
|
}, import('zod/v4/core').$strip>;
|
|
@@ -14496,6 +14523,7 @@ export declare const synoJsonRenderers: {
|
|
|
14496
14523
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
14497
14524
|
flat: "flat";
|
|
14498
14525
|
auto: "auto";
|
|
14526
|
+
none: "none";
|
|
14499
14527
|
card: "card";
|
|
14500
14528
|
}>>;
|
|
14501
14529
|
}, import('zod/v4/core').$strip>;
|
|
@@ -15030,6 +15058,7 @@ export declare const synoJsonRenderers: {
|
|
|
15030
15058
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
15031
15059
|
flat: "flat";
|
|
15032
15060
|
auto: "auto";
|
|
15061
|
+
none: "none";
|
|
15033
15062
|
card: "card";
|
|
15034
15063
|
}>>;
|
|
15035
15064
|
}, import('zod/v4/core').$strip>;
|
|
@@ -15564,6 +15593,7 @@ export declare const synoJsonRenderers: {
|
|
|
15564
15593
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
15565
15594
|
flat: "flat";
|
|
15566
15595
|
auto: "auto";
|
|
15596
|
+
none: "none";
|
|
15567
15597
|
card: "card";
|
|
15568
15598
|
}>>;
|
|
15569
15599
|
}, import('zod/v4/core').$strip>;
|
|
@@ -16098,6 +16128,7 @@ export declare const synoJsonRenderers: {
|
|
|
16098
16128
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
16099
16129
|
flat: "flat";
|
|
16100
16130
|
auto: "auto";
|
|
16131
|
+
none: "none";
|
|
16101
16132
|
card: "card";
|
|
16102
16133
|
}>>;
|
|
16103
16134
|
}, import('zod/v4/core').$strip>;
|
|
@@ -16632,6 +16663,7 @@ export declare const synoJsonRenderers: {
|
|
|
16632
16663
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
16633
16664
|
flat: "flat";
|
|
16634
16665
|
auto: "auto";
|
|
16666
|
+
none: "none";
|
|
16635
16667
|
card: "card";
|
|
16636
16668
|
}>>;
|
|
16637
16669
|
}, import('zod/v4/core').$strip>;
|
|
@@ -17166,6 +17198,7 @@ export declare const synoJsonRenderers: {
|
|
|
17166
17198
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17167
17199
|
flat: "flat";
|
|
17168
17200
|
auto: "auto";
|
|
17201
|
+
none: "none";
|
|
17169
17202
|
card: "card";
|
|
17170
17203
|
}>>;
|
|
17171
17204
|
}, import('zod/v4/core').$strip>;
|
|
@@ -17700,6 +17733,7 @@ export declare const synoJsonRenderers: {
|
|
|
17700
17733
|
surface: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17701
17734
|
flat: "flat";
|
|
17702
17735
|
auto: "auto";
|
|
17736
|
+
none: "none";
|
|
17703
17737
|
card: "card";
|
|
17704
17738
|
}>>;
|
|
17705
17739
|
}, import('zod/v4/core').$strip>;
|
package/dist/json-ai-prompt.md
CHANGED
|
@@ -52,7 +52,7 @@ AVAILABLE COMPONENTS (34):
|
|
|
52
52
|
- AppRoot: { modalScope?: "document" | "app" } - Root of a DSM application. Use once around the application shell. Dialogs stay inside the app by default (modalScope "app"); "document" is only for full-page web/Portal apps. [accepts children]
|
|
53
53
|
- AppShell: { sidebarWidth?: string, minHeight?: string, responsive?: boolean, wideLayout?: "window" | "web" } - DSM application interior with optional sidebar, toolbar, main content and footer regions. Set wideLayout "web" only for a standalone Portal page; DSM windows keep the default "window" at every width. [accepts children; slots: sidebar, toolbar, footer]
|
|
54
54
|
- ResponsiveView: { mode?: "auto" | "mobile" | "window" | "web" } - Optionally replace a specialized element with a phone-friendly alternative. mobile/window/web slots follow AppShell container width (web only with AppShell wideLayout "web"); default is always the fallback. [accepts children; slots: mobile, window, web]
|
|
55
|
-
- Page: { width?: string, surface?: "auto" | "flat" | "card" } - Page content area. Use width "fill" for data-heavy screens and "readable" for forms/settings. [accepts children]
|
|
55
|
+
- Page: { width?: string, surface?: "auto" | "flat" | "card" | "none" } - Page content area. Use width "fill" for data-heavy screens and "readable" for forms/settings. [accepts children]
|
|
56
56
|
- PageHeader: { title: string, description?: string } - Page heading with optional description and page-level actions. The meta slot sits on the title line, for a small chip such as when the data was read. [slots: actions, meta]
|
|
57
57
|
- Toolbar: { height?: string } - Application toolbar. Put primary page-independent actions in the actions slot. [accepts children; slots: leading, actions]
|
|
58
58
|
- SidebarNav: { value?: string, groups: Array<{ label?: string, items: Array<unknown> }>, searchable?: boolean, collapsible?: boolean, searchPlaceholder?: string } - DSM sidebar navigation. Icon values are names registered by the host application. [events: change]
|