@synopackageland/ui 0.13.0 → 0.13.2

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.
Files changed (23) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +25 -0
  3. package/dist/components/app/app-layout/AppLayout.vue.d.ts +8 -1
  4. package/dist/components/app/app-sidebar/AppTopNav.vue.d.ts +13 -0
  5. package/dist/components/app/app-sidebar/AppTopNavItems.vue.d.ts +13 -0
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.js +8739 -8518
  8. package/dist/json/catalog.d.ts +8 -0
  9. package/dist/json/registry.d.ts +136 -0
  10. package/dist/json-ai-prompt.md +1 -1
  11. package/dist/json-catalog.schema.json +15 -1
  12. package/dist/json-preview/preview.js +12219 -9652
  13. package/dist/json.js +157 -155
  14. package/dist/lib/adaptiveLayout.d.ts +4 -0
  15. package/dist/reka-runtime.json +1 -1
  16. package/dist/theme.css +1 -1
  17. package/dist/themes/dsm7-embedded-theme.css +1 -1
  18. package/dist/themes/dsm7-embedded.css +1 -1
  19. package/dist/themes/dsm7.css +1 -1
  20. package/docs/adaptive-layout.md +5 -0
  21. package/docs/json-ui.md +2 -0
  22. package/docs/theme-hooks.md +168 -0
  23. package/package.json +3 -2
package/dist/json/catalog.d.ts CHANGED
@@ -36,6 +36,10 @@ export declare const synoJsonComponentDefinitions: {
36
36
  window: "window";
37
37
  web: "web";
38
38
  }>>;
39
+ navigation: z.ZodOptional<z.ZodEnum<{
40
+ top: "top";
41
+ sidebar: "sidebar";
42
+ }>>;
39
43
  }, z.core.$strip>;
40
44
  slots: string[];
41
45
  description: string;
@@ -567,6 +571,10 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
567
571
  window: "window";
568
572
  web: "web";
569
573
  }>>;
574
+ navigation: z.ZodOptional<z.ZodEnum<{
575
+ top: "top";
576
+ sidebar: "sidebar";
577
+ }>>;
570
578
  }, z.core.$strip>;
571
579
  slots: string[];
572
580
  description: string;
package/dist/json/registry.d.ts CHANGED
@@ -56,6 +56,10 @@ export declare const synoJsonRenderers: {
56
56
  window: "window";
57
57
  web: "web";
58
58
  }>>;
59
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
60
+ top: "top";
61
+ sidebar: "sidebar";
62
+ }>>;
59
63
  }, import('zod/v4/core').$strip>;
60
64
  slots: string[];
61
65
  description: string;
@@ -591,6 +595,10 @@ export declare const synoJsonRenderers: {
591
595
  window: "window";
592
596
  web: "web";
593
597
  }>>;
598
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
599
+ top: "top";
600
+ sidebar: "sidebar";
601
+ }>>;
594
602
  }, import('zod/v4/core').$strip>;
595
603
  slots: string[];
596
604
  description: string;
@@ -1126,6 +1134,10 @@ export declare const synoJsonRenderers: {
1126
1134
  window: "window";
1127
1135
  web: "web";
1128
1136
  }>>;
1137
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
1138
+ top: "top";
1139
+ sidebar: "sidebar";
1140
+ }>>;
1129
1141
  }, import('zod/v4/core').$strip>;
1130
1142
  slots: string[];
1131
1143
  description: string;
@@ -1661,6 +1673,10 @@ export declare const synoJsonRenderers: {
1661
1673
  window: "window";
1662
1674
  web: "web";
1663
1675
  }>>;
1676
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
1677
+ top: "top";
1678
+ sidebar: "sidebar";
1679
+ }>>;
1664
1680
  }, import('zod/v4/core').$strip>;
1665
1681
  slots: string[];
1666
1682
  description: string;
@@ -2196,6 +2212,10 @@ export declare const synoJsonRenderers: {
2196
2212
  window: "window";
2197
2213
  web: "web";
2198
2214
  }>>;
2215
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
2216
+ top: "top";
2217
+ sidebar: "sidebar";
2218
+ }>>;
2199
2219
  }, import('zod/v4/core').$strip>;
2200
2220
  slots: string[];
2201
2221
  description: string;
@@ -2731,6 +2751,10 @@ export declare const synoJsonRenderers: {
2731
2751
  window: "window";
2732
2752
  web: "web";
2733
2753
  }>>;
2754
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
2755
+ top: "top";
2756
+ sidebar: "sidebar";
2757
+ }>>;
2734
2758
  }, import('zod/v4/core').$strip>;
2735
2759
  slots: string[];
2736
2760
  description: string;
@@ -3266,6 +3290,10 @@ export declare const synoJsonRenderers: {
3266
3290
  window: "window";
3267
3291
  web: "web";
3268
3292
  }>>;
3293
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
3294
+ top: "top";
3295
+ sidebar: "sidebar";
3296
+ }>>;
3269
3297
  }, import('zod/v4/core').$strip>;
3270
3298
  slots: string[];
3271
3299
  description: string;
@@ -3801,6 +3829,10 @@ export declare const synoJsonRenderers: {
3801
3829
  window: "window";
3802
3830
  web: "web";
3803
3831
  }>>;
3832
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
3833
+ top: "top";
3834
+ sidebar: "sidebar";
3835
+ }>>;
3804
3836
  }, import('zod/v4/core').$strip>;
3805
3837
  slots: string[];
3806
3838
  description: string;
@@ -4336,6 +4368,10 @@ export declare const synoJsonRenderers: {
4336
4368
  window: "window";
4337
4369
  web: "web";
4338
4370
  }>>;
4371
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
4372
+ top: "top";
4373
+ sidebar: "sidebar";
4374
+ }>>;
4339
4375
  }, import('zod/v4/core').$strip>;
4340
4376
  slots: string[];
4341
4377
  description: string;
@@ -4871,6 +4907,10 @@ export declare const synoJsonRenderers: {
4871
4907
  window: "window";
4872
4908
  web: "web";
4873
4909
  }>>;
4910
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
4911
+ top: "top";
4912
+ sidebar: "sidebar";
4913
+ }>>;
4874
4914
  }, import('zod/v4/core').$strip>;
4875
4915
  slots: string[];
4876
4916
  description: string;
@@ -5406,6 +5446,10 @@ export declare const synoJsonRenderers: {
5406
5446
  window: "window";
5407
5447
  web: "web";
5408
5448
  }>>;
5449
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
5450
+ top: "top";
5451
+ sidebar: "sidebar";
5452
+ }>>;
5409
5453
  }, import('zod/v4/core').$strip>;
5410
5454
  slots: string[];
5411
5455
  description: string;
@@ -5941,6 +5985,10 @@ export declare const synoJsonRenderers: {
5941
5985
  window: "window";
5942
5986
  web: "web";
5943
5987
  }>>;
5988
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
5989
+ top: "top";
5990
+ sidebar: "sidebar";
5991
+ }>>;
5944
5992
  }, import('zod/v4/core').$strip>;
5945
5993
  slots: string[];
5946
5994
  description: string;
@@ -6476,6 +6524,10 @@ export declare const synoJsonRenderers: {
6476
6524
  window: "window";
6477
6525
  web: "web";
6478
6526
  }>>;
6527
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
6528
+ top: "top";
6529
+ sidebar: "sidebar";
6530
+ }>>;
6479
6531
  }, import('zod/v4/core').$strip>;
6480
6532
  slots: string[];
6481
6533
  description: string;
@@ -7011,6 +7063,10 @@ export declare const synoJsonRenderers: {
7011
7063
  window: "window";
7012
7064
  web: "web";
7013
7065
  }>>;
7066
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
7067
+ top: "top";
7068
+ sidebar: "sidebar";
7069
+ }>>;
7014
7070
  }, import('zod/v4/core').$strip>;
7015
7071
  slots: string[];
7016
7072
  description: string;
@@ -7546,6 +7602,10 @@ export declare const synoJsonRenderers: {
7546
7602
  window: "window";
7547
7603
  web: "web";
7548
7604
  }>>;
7605
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
7606
+ top: "top";
7607
+ sidebar: "sidebar";
7608
+ }>>;
7549
7609
  }, import('zod/v4/core').$strip>;
7550
7610
  slots: string[];
7551
7611
  description: string;
@@ -8081,6 +8141,10 @@ export declare const synoJsonRenderers: {
8081
8141
  window: "window";
8082
8142
  web: "web";
8083
8143
  }>>;
8144
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
8145
+ top: "top";
8146
+ sidebar: "sidebar";
8147
+ }>>;
8084
8148
  }, import('zod/v4/core').$strip>;
8085
8149
  slots: string[];
8086
8150
  description: string;
@@ -8616,6 +8680,10 @@ export declare const synoJsonRenderers: {
8616
8680
  window: "window";
8617
8681
  web: "web";
8618
8682
  }>>;
8683
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
8684
+ top: "top";
8685
+ sidebar: "sidebar";
8686
+ }>>;
8619
8687
  }, import('zod/v4/core').$strip>;
8620
8688
  slots: string[];
8621
8689
  description: string;
@@ -9151,6 +9219,10 @@ export declare const synoJsonRenderers: {
9151
9219
  window: "window";
9152
9220
  web: "web";
9153
9221
  }>>;
9222
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
9223
+ top: "top";
9224
+ sidebar: "sidebar";
9225
+ }>>;
9154
9226
  }, import('zod/v4/core').$strip>;
9155
9227
  slots: string[];
9156
9228
  description: string;
@@ -9686,6 +9758,10 @@ export declare const synoJsonRenderers: {
9686
9758
  window: "window";
9687
9759
  web: "web";
9688
9760
  }>>;
9761
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
9762
+ top: "top";
9763
+ sidebar: "sidebar";
9764
+ }>>;
9689
9765
  }, import('zod/v4/core').$strip>;
9690
9766
  slots: string[];
9691
9767
  description: string;
@@ -10221,6 +10297,10 @@ export declare const synoJsonRenderers: {
10221
10297
  window: "window";
10222
10298
  web: "web";
10223
10299
  }>>;
10300
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
10301
+ top: "top";
10302
+ sidebar: "sidebar";
10303
+ }>>;
10224
10304
  }, import('zod/v4/core').$strip>;
10225
10305
  slots: string[];
10226
10306
  description: string;
@@ -10756,6 +10836,10 @@ export declare const synoJsonRenderers: {
10756
10836
  window: "window";
10757
10837
  web: "web";
10758
10838
  }>>;
10839
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
10840
+ top: "top";
10841
+ sidebar: "sidebar";
10842
+ }>>;
10759
10843
  }, import('zod/v4/core').$strip>;
10760
10844
  slots: string[];
10761
10845
  description: string;
@@ -11291,6 +11375,10 @@ export declare const synoJsonRenderers: {
11291
11375
  window: "window";
11292
11376
  web: "web";
11293
11377
  }>>;
11378
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
11379
+ top: "top";
11380
+ sidebar: "sidebar";
11381
+ }>>;
11294
11382
  }, import('zod/v4/core').$strip>;
11295
11383
  slots: string[];
11296
11384
  description: string;
@@ -11826,6 +11914,10 @@ export declare const synoJsonRenderers: {
11826
11914
  window: "window";
11827
11915
  web: "web";
11828
11916
  }>>;
11917
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
11918
+ top: "top";
11919
+ sidebar: "sidebar";
11920
+ }>>;
11829
11921
  }, import('zod/v4/core').$strip>;
11830
11922
  slots: string[];
11831
11923
  description: string;
@@ -12361,6 +12453,10 @@ export declare const synoJsonRenderers: {
12361
12453
  window: "window";
12362
12454
  web: "web";
12363
12455
  }>>;
12456
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
12457
+ top: "top";
12458
+ sidebar: "sidebar";
12459
+ }>>;
12364
12460
  }, import('zod/v4/core').$strip>;
12365
12461
  slots: string[];
12366
12462
  description: string;
@@ -12896,6 +12992,10 @@ export declare const synoJsonRenderers: {
12896
12992
  window: "window";
12897
12993
  web: "web";
12898
12994
  }>>;
12995
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
12996
+ top: "top";
12997
+ sidebar: "sidebar";
12998
+ }>>;
12899
12999
  }, import('zod/v4/core').$strip>;
12900
13000
  slots: string[];
12901
13001
  description: string;
@@ -13431,6 +13531,10 @@ export declare const synoJsonRenderers: {
13431
13531
  window: "window";
13432
13532
  web: "web";
13433
13533
  }>>;
13534
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
13535
+ top: "top";
13536
+ sidebar: "sidebar";
13537
+ }>>;
13434
13538
  }, import('zod/v4/core').$strip>;
13435
13539
  slots: string[];
13436
13540
  description: string;
@@ -13966,6 +14070,10 @@ export declare const synoJsonRenderers: {
13966
14070
  window: "window";
13967
14071
  web: "web";
13968
14072
  }>>;
14073
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
14074
+ top: "top";
14075
+ sidebar: "sidebar";
14076
+ }>>;
13969
14077
  }, import('zod/v4/core').$strip>;
13970
14078
  slots: string[];
13971
14079
  description: string;
@@ -14501,6 +14609,10 @@ export declare const synoJsonRenderers: {
14501
14609
  window: "window";
14502
14610
  web: "web";
14503
14611
  }>>;
14612
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
14613
+ top: "top";
14614
+ sidebar: "sidebar";
14615
+ }>>;
14504
14616
  }, import('zod/v4/core').$strip>;
14505
14617
  slots: string[];
14506
14618
  description: string;
@@ -15036,6 +15148,10 @@ export declare const synoJsonRenderers: {
15036
15148
  window: "window";
15037
15149
  web: "web";
15038
15150
  }>>;
15151
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
15152
+ top: "top";
15153
+ sidebar: "sidebar";
15154
+ }>>;
15039
15155
  }, import('zod/v4/core').$strip>;
15040
15156
  slots: string[];
15041
15157
  description: string;
@@ -15571,6 +15687,10 @@ export declare const synoJsonRenderers: {
15571
15687
  window: "window";
15572
15688
  web: "web";
15573
15689
  }>>;
15690
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
15691
+ top: "top";
15692
+ sidebar: "sidebar";
15693
+ }>>;
15574
15694
  }, import('zod/v4/core').$strip>;
15575
15695
  slots: string[];
15576
15696
  description: string;
@@ -16106,6 +16226,10 @@ export declare const synoJsonRenderers: {
16106
16226
  window: "window";
16107
16227
  web: "web";
16108
16228
  }>>;
16229
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
16230
+ top: "top";
16231
+ sidebar: "sidebar";
16232
+ }>>;
16109
16233
  }, import('zod/v4/core').$strip>;
16110
16234
  slots: string[];
16111
16235
  description: string;
@@ -16641,6 +16765,10 @@ export declare const synoJsonRenderers: {
16641
16765
  window: "window";
16642
16766
  web: "web";
16643
16767
  }>>;
16768
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
16769
+ top: "top";
16770
+ sidebar: "sidebar";
16771
+ }>>;
16644
16772
  }, import('zod/v4/core').$strip>;
16645
16773
  slots: string[];
16646
16774
  description: string;
@@ -17176,6 +17304,10 @@ export declare const synoJsonRenderers: {
17176
17304
  window: "window";
17177
17305
  web: "web";
17178
17306
  }>>;
17307
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
17308
+ top: "top";
17309
+ sidebar: "sidebar";
17310
+ }>>;
17179
17311
  }, import('zod/v4/core').$strip>;
17180
17312
  slots: string[];
17181
17313
  description: string;
@@ -17711,6 +17843,10 @@ export declare const synoJsonRenderers: {
17711
17843
  window: "window";
17712
17844
  web: "web";
17713
17845
  }>>;
17846
+ navigation: import('zod').ZodOptional<import('zod').ZodEnum<{
17847
+ top: "top";
17848
+ sidebar: "sidebar";
17849
+ }>>;
17714
17850
  }, import('zod/v4/core').$strip>;
17715
17851
  slots: string[];
17716
17852
  description: string;
package/dist/json-ai-prompt.md CHANGED
@@ -50,7 +50,7 @@ IMPORTANT: State paths use RFC 6901 JSON Pointer syntax (e.g. "/todos/0/title").
50
50
  AVAILABLE COMPONENTS (34):
51
51
 
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
- - 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]
53
+ - AppShell: { sidebarWidth?: string, minHeight?: string, responsive?: boolean, wideLayout?: "window" | "web", navigation?: "sidebar" | "top" } - 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. navigation "top" shows the sidebar slot's SidebarNav as one bar above the page (phones keep the drawer). [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
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]
package/dist/json-catalog.schema.json CHANGED
@@ -359,7 +359,7 @@
359
359
  }
360
360
  },
361
361
  "then": {
362
- "description": "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.",
362
+ "description": "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. navigation \"top\" shows the sidebar slot's SidebarNav as one bar above the page (phones keep the drawer).",
363
363
  "properties": {
364
364
  "props": {
365
365
  "type": "object",
@@ -407,6 +407,20 @@
407
407
  "$ref": "#/$defs/expression"
408
408
  }
409
409
  ]
410
+ },
411
+ "navigation": {
412
+ "anyOf": [
413
+ {
414
+ "type": "string",
415
+ "enum": [
416
+ "sidebar",
417
+ "top"
418
+ ]
419
+ },
420
+ {
421
+ "$ref": "#/$defs/expression"
422
+ }
423
+ ]
410
424
  }
411
425
  },
412
426
  "additionalProperties": false