@synopackageland/ui 0.11.0 → 0.11.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 (30) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +44 -3
  3. package/dist/DataGridListDemo.vue.d.ts +8 -1
  4. package/dist/DownloadsPageDemo.vue.d.ts +8 -0
  5. package/dist/components/app/app-layout/AppLayout.vue.d.ts +7 -0
  6. package/dist/components/app/page-content/PageContent.vue.d.ts +7 -0
  7. package/dist/components/composite/data-grid/DataGrid.vue.d.ts +6 -0
  8. package/dist/components/composite/data-grid/columnWidths.d.ts +14 -0
  9. package/dist/components/composite/data-grid/labels.d.ts +3 -0
  10. package/dist/components/composite/path-display/PathDisplay.vue.d.ts +3 -0
  11. package/dist/components/composite/table-cell/CellStatus.vue.d.ts +4 -2
  12. package/dist/components/primitives/dropdown-menu/types.d.ts +2 -0
  13. package/dist/components/primitives/progress/Progress.vue.d.ts +3 -0
  14. package/dist/i18n/text.d.ts +2 -0
  15. package/dist/index.d.ts +3 -2
  16. package/dist/index.js +4192 -4092
  17. package/dist/json/catalog.d.ts +2 -0
  18. package/dist/json/registry.d.ts +34 -0
  19. package/dist/json-ai-prompt.md +1 -1
  20. package/dist/json-catalog.schema.json +11 -1
  21. package/dist/json-preview/preview.js +3736 -3691
  22. package/dist/json.js +3 -2
  23. package/dist/lib/format.d.ts +14 -0
  24. package/dist/reka-runtime.json +1 -1
  25. package/dist/theme.css +1 -1
  26. package/dist/themes/dsm7-embedded-theme.css +1 -1
  27. package/dist/themes/dsm7-embedded.css +1 -1
  28. package/dist/themes/dsm7.css +1 -1
  29. package/docs/layout-rules.md +6 -3
  30. package/package.json +1 -1
package/dist/json/catalog.d.ts CHANGED
@@ -473,6 +473,7 @@ export declare const synoJsonComponentDefinitions: {
473
473
  }>>;
474
474
  progress: z.ZodOptional<z.ZodNumber>;
475
475
  detail: z.ZodOptional<z.ZodString>;
476
+ description: z.ZodOptional<z.ZodString>;
476
477
  }, z.core.$strip>;
477
478
  description: string;
478
479
  };
@@ -990,6 +991,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
990
991
  }>>;
991
992
  progress: z.ZodOptional<z.ZodNumber>;
992
993
  detail: z.ZodOptional<z.ZodString>;
994
+ description: z.ZodOptional<z.ZodString>;
993
995
  }, z.core.$strip>;
994
996
  description: string;
995
997
  };
package/dist/json/registry.d.ts CHANGED
@@ -493,6 +493,7 @@ export declare const synoJsonRenderers: {
493
493
  }>>;
494
494
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
495
495
  detail: import('zod').ZodOptional<import('zod').ZodString>;
496
+ description: import('zod').ZodOptional<import('zod').ZodString>;
496
497
  }, import('zod/v4/core').$strip>;
497
498
  description: string;
498
499
  };
@@ -1014,6 +1015,7 @@ export declare const synoJsonRenderers: {
1014
1015
  }>>;
1015
1016
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
1016
1017
  detail: import('zod').ZodOptional<import('zod').ZodString>;
1018
+ description: import('zod').ZodOptional<import('zod').ZodString>;
1017
1019
  }, import('zod/v4/core').$strip>;
1018
1020
  description: string;
1019
1021
  };
@@ -1535,6 +1537,7 @@ export declare const synoJsonRenderers: {
1535
1537
  }>>;
1536
1538
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
1537
1539
  detail: import('zod').ZodOptional<import('zod').ZodString>;
1540
+ description: import('zod').ZodOptional<import('zod').ZodString>;
1538
1541
  }, import('zod/v4/core').$strip>;
1539
1542
  description: string;
1540
1543
  };
@@ -2056,6 +2059,7 @@ export declare const synoJsonRenderers: {
2056
2059
  }>>;
2057
2060
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
2058
2061
  detail: import('zod').ZodOptional<import('zod').ZodString>;
2062
+ description: import('zod').ZodOptional<import('zod').ZodString>;
2059
2063
  }, import('zod/v4/core').$strip>;
2060
2064
  description: string;
2061
2065
  };
@@ -2577,6 +2581,7 @@ export declare const synoJsonRenderers: {
2577
2581
  }>>;
2578
2582
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
2579
2583
  detail: import('zod').ZodOptional<import('zod').ZodString>;
2584
+ description: import('zod').ZodOptional<import('zod').ZodString>;
2580
2585
  }, import('zod/v4/core').$strip>;
2581
2586
  description: string;
2582
2587
  };
@@ -3098,6 +3103,7 @@ export declare const synoJsonRenderers: {
3098
3103
  }>>;
3099
3104
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
3100
3105
  detail: import('zod').ZodOptional<import('zod').ZodString>;
3106
+ description: import('zod').ZodOptional<import('zod').ZodString>;
3101
3107
  }, import('zod/v4/core').$strip>;
3102
3108
  description: string;
3103
3109
  };
@@ -3619,6 +3625,7 @@ export declare const synoJsonRenderers: {
3619
3625
  }>>;
3620
3626
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
3621
3627
  detail: import('zod').ZodOptional<import('zod').ZodString>;
3628
+ description: import('zod').ZodOptional<import('zod').ZodString>;
3622
3629
  }, import('zod/v4/core').$strip>;
3623
3630
  description: string;
3624
3631
  };
@@ -4140,6 +4147,7 @@ export declare const synoJsonRenderers: {
4140
4147
  }>>;
4141
4148
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
4142
4149
  detail: import('zod').ZodOptional<import('zod').ZodString>;
4150
+ description: import('zod').ZodOptional<import('zod').ZodString>;
4143
4151
  }, import('zod/v4/core').$strip>;
4144
4152
  description: string;
4145
4153
  };
@@ -4661,6 +4669,7 @@ export declare const synoJsonRenderers: {
4661
4669
  }>>;
4662
4670
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
4663
4671
  detail: import('zod').ZodOptional<import('zod').ZodString>;
4672
+ description: import('zod').ZodOptional<import('zod').ZodString>;
4664
4673
  }, import('zod/v4/core').$strip>;
4665
4674
  description: string;
4666
4675
  };
@@ -5182,6 +5191,7 @@ export declare const synoJsonRenderers: {
5182
5191
  }>>;
5183
5192
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
5184
5193
  detail: import('zod').ZodOptional<import('zod').ZodString>;
5194
+ description: import('zod').ZodOptional<import('zod').ZodString>;
5185
5195
  }, import('zod/v4/core').$strip>;
5186
5196
  description: string;
5187
5197
  };
@@ -5703,6 +5713,7 @@ export declare const synoJsonRenderers: {
5703
5713
  }>>;
5704
5714
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
5705
5715
  detail: import('zod').ZodOptional<import('zod').ZodString>;
5716
+ description: import('zod').ZodOptional<import('zod').ZodString>;
5706
5717
  }, import('zod/v4/core').$strip>;
5707
5718
  description: string;
5708
5719
  };
@@ -6224,6 +6235,7 @@ export declare const synoJsonRenderers: {
6224
6235
  }>>;
6225
6236
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
6226
6237
  detail: import('zod').ZodOptional<import('zod').ZodString>;
6238
+ description: import('zod').ZodOptional<import('zod').ZodString>;
6227
6239
  }, import('zod/v4/core').$strip>;
6228
6240
  description: string;
6229
6241
  };
@@ -6745,6 +6757,7 @@ export declare const synoJsonRenderers: {
6745
6757
  }>>;
6746
6758
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
6747
6759
  detail: import('zod').ZodOptional<import('zod').ZodString>;
6760
+ description: import('zod').ZodOptional<import('zod').ZodString>;
6748
6761
  }, import('zod/v4/core').$strip>;
6749
6762
  description: string;
6750
6763
  };
@@ -7266,6 +7279,7 @@ export declare const synoJsonRenderers: {
7266
7279
  }>>;
7267
7280
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
7268
7281
  detail: import('zod').ZodOptional<import('zod').ZodString>;
7282
+ description: import('zod').ZodOptional<import('zod').ZodString>;
7269
7283
  }, import('zod/v4/core').$strip>;
7270
7284
  description: string;
7271
7285
  };
@@ -7787,6 +7801,7 @@ export declare const synoJsonRenderers: {
7787
7801
  }>>;
7788
7802
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
7789
7803
  detail: import('zod').ZodOptional<import('zod').ZodString>;
7804
+ description: import('zod').ZodOptional<import('zod').ZodString>;
7790
7805
  }, import('zod/v4/core').$strip>;
7791
7806
  description: string;
7792
7807
  };
@@ -8308,6 +8323,7 @@ export declare const synoJsonRenderers: {
8308
8323
  }>>;
8309
8324
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
8310
8325
  detail: import('zod').ZodOptional<import('zod').ZodString>;
8326
+ description: import('zod').ZodOptional<import('zod').ZodString>;
8311
8327
  }, import('zod/v4/core').$strip>;
8312
8328
  description: string;
8313
8329
  };
@@ -8829,6 +8845,7 @@ export declare const synoJsonRenderers: {
8829
8845
  }>>;
8830
8846
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
8831
8847
  detail: import('zod').ZodOptional<import('zod').ZodString>;
8848
+ description: import('zod').ZodOptional<import('zod').ZodString>;
8832
8849
  }, import('zod/v4/core').$strip>;
8833
8850
  description: string;
8834
8851
  };
@@ -9350,6 +9367,7 @@ export declare const synoJsonRenderers: {
9350
9367
  }>>;
9351
9368
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
9352
9369
  detail: import('zod').ZodOptional<import('zod').ZodString>;
9370
+ description: import('zod').ZodOptional<import('zod').ZodString>;
9353
9371
  }, import('zod/v4/core').$strip>;
9354
9372
  description: string;
9355
9373
  };
@@ -9871,6 +9889,7 @@ export declare const synoJsonRenderers: {
9871
9889
  }>>;
9872
9890
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
9873
9891
  detail: import('zod').ZodOptional<import('zod').ZodString>;
9892
+ description: import('zod').ZodOptional<import('zod').ZodString>;
9874
9893
  }, import('zod/v4/core').$strip>;
9875
9894
  description: string;
9876
9895
  };
@@ -10392,6 +10411,7 @@ export declare const synoJsonRenderers: {
10392
10411
  }>>;
10393
10412
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
10394
10413
  detail: import('zod').ZodOptional<import('zod').ZodString>;
10414
+ description: import('zod').ZodOptional<import('zod').ZodString>;
10395
10415
  }, import('zod/v4/core').$strip>;
10396
10416
  description: string;
10397
10417
  };
@@ -10913,6 +10933,7 @@ export declare const synoJsonRenderers: {
10913
10933
  }>>;
10914
10934
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
10915
10935
  detail: import('zod').ZodOptional<import('zod').ZodString>;
10936
+ description: import('zod').ZodOptional<import('zod').ZodString>;
10916
10937
  }, import('zod/v4/core').$strip>;
10917
10938
  description: string;
10918
10939
  };
@@ -11434,6 +11455,7 @@ export declare const synoJsonRenderers: {
11434
11455
  }>>;
11435
11456
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
11436
11457
  detail: import('zod').ZodOptional<import('zod').ZodString>;
11458
+ description: import('zod').ZodOptional<import('zod').ZodString>;
11437
11459
  }, import('zod/v4/core').$strip>;
11438
11460
  description: string;
11439
11461
  };
@@ -11955,6 +11977,7 @@ export declare const synoJsonRenderers: {
11955
11977
  }>>;
11956
11978
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
11957
11979
  detail: import('zod').ZodOptional<import('zod').ZodString>;
11980
+ description: import('zod').ZodOptional<import('zod').ZodString>;
11958
11981
  }, import('zod/v4/core').$strip>;
11959
11982
  description: string;
11960
11983
  };
@@ -12476,6 +12499,7 @@ export declare const synoJsonRenderers: {
12476
12499
  }>>;
12477
12500
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
12478
12501
  detail: import('zod').ZodOptional<import('zod').ZodString>;
12502
+ description: import('zod').ZodOptional<import('zod').ZodString>;
12479
12503
  }, import('zod/v4/core').$strip>;
12480
12504
  description: string;
12481
12505
  };
@@ -12997,6 +13021,7 @@ export declare const synoJsonRenderers: {
12997
13021
  }>>;
12998
13022
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
12999
13023
  detail: import('zod').ZodOptional<import('zod').ZodString>;
13024
+ description: import('zod').ZodOptional<import('zod').ZodString>;
13000
13025
  }, import('zod/v4/core').$strip>;
13001
13026
  description: string;
13002
13027
  };
@@ -13518,6 +13543,7 @@ export declare const synoJsonRenderers: {
13518
13543
  }>>;
13519
13544
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
13520
13545
  detail: import('zod').ZodOptional<import('zod').ZodString>;
13546
+ description: import('zod').ZodOptional<import('zod').ZodString>;
13521
13547
  }, import('zod/v4/core').$strip>;
13522
13548
  description: string;
13523
13549
  };
@@ -14039,6 +14065,7 @@ export declare const synoJsonRenderers: {
14039
14065
  }>>;
14040
14066
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
14041
14067
  detail: import('zod').ZodOptional<import('zod').ZodString>;
14068
+ description: import('zod').ZodOptional<import('zod').ZodString>;
14042
14069
  }, import('zod/v4/core').$strip>;
14043
14070
  description: string;
14044
14071
  };
@@ -14560,6 +14587,7 @@ export declare const synoJsonRenderers: {
14560
14587
  }>>;
14561
14588
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
14562
14589
  detail: import('zod').ZodOptional<import('zod').ZodString>;
14590
+ description: import('zod').ZodOptional<import('zod').ZodString>;
14563
14591
  }, import('zod/v4/core').$strip>;
14564
14592
  description: string;
14565
14593
  };
@@ -15081,6 +15109,7 @@ export declare const synoJsonRenderers: {
15081
15109
  }>>;
15082
15110
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
15083
15111
  detail: import('zod').ZodOptional<import('zod').ZodString>;
15112
+ description: import('zod').ZodOptional<import('zod').ZodString>;
15084
15113
  }, import('zod/v4/core').$strip>;
15085
15114
  description: string;
15086
15115
  };
@@ -15602,6 +15631,7 @@ export declare const synoJsonRenderers: {
15602
15631
  }>>;
15603
15632
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
15604
15633
  detail: import('zod').ZodOptional<import('zod').ZodString>;
15634
+ description: import('zod').ZodOptional<import('zod').ZodString>;
15605
15635
  }, import('zod/v4/core').$strip>;
15606
15636
  description: string;
15607
15637
  };
@@ -16123,6 +16153,7 @@ export declare const synoJsonRenderers: {
16123
16153
  }>>;
16124
16154
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
16125
16155
  detail: import('zod').ZodOptional<import('zod').ZodString>;
16156
+ description: import('zod').ZodOptional<import('zod').ZodString>;
16126
16157
  }, import('zod/v4/core').$strip>;
16127
16158
  description: string;
16128
16159
  };
@@ -16644,6 +16675,7 @@ export declare const synoJsonRenderers: {
16644
16675
  }>>;
16645
16676
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
16646
16677
  detail: import('zod').ZodOptional<import('zod').ZodString>;
16678
+ description: import('zod').ZodOptional<import('zod').ZodString>;
16647
16679
  }, import('zod/v4/core').$strip>;
16648
16680
  description: string;
16649
16681
  };
@@ -17165,6 +17197,7 @@ export declare const synoJsonRenderers: {
17165
17197
  }>>;
17166
17198
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
17167
17199
  detail: import('zod').ZodOptional<import('zod').ZodString>;
17200
+ description: import('zod').ZodOptional<import('zod').ZodString>;
17168
17201
  }, import('zod/v4/core').$strip>;
17169
17202
  description: string;
17170
17203
  };
@@ -17686,6 +17719,7 @@ export declare const synoJsonRenderers: {
17686
17719
  }>>;
17687
17720
  progress: import('zod').ZodOptional<import('zod').ZodNumber>;
17688
17721
  detail: import('zod').ZodOptional<import('zod').ZodString>;
17722
+ description: import('zod').ZodOptional<import('zod').ZodString>;
17689
17723
  }, import('zod/v4/core').$strip>;
17690
17724
  description: string;
17691
17725
  };
package/dist/json-ai-prompt.md CHANGED
@@ -79,7 +79,7 @@ AVAILABLE COMPONENTS (34):
79
79
  - DataTable: { columns: Array<{ key: string, label: string, width?: string, align?: "left" | "center" | "right" }>, rows: Array<Record<string, unknown>>, rowKey?: string, emptyText?: string, compact?: boolean, mobileView?: "auto" | "cards" | "table" } - Simple resource table where cells display scalar row fields. Use an app extension component for rich/custom cells and row actions.
80
80
  - ResourceList: { columns: Array<{ key: string, label: string, width?: string, align?: "left" | "center" | "right" }>, rows: Array<Record<string, unknown>>, rowKey?: string, emptyText?: string, compact?: boolean, mobileView?: "auto" | "cards" | "table" } - Common resource collection pattern: optional toolbar plus a simple table. For domain-specific row rendering, extend the catalog with a custom list/table component. [slots: toolbar]
81
81
  - CellText: { text: string, secondary?: string, layout?: "stacked" | "inline", openLabel?: string, openDisabled?: boolean, wrap?: boolean } - Main text with secondary information (size, time, path), truncated with a tooltip; wrap: true wraps both lines instead. With openLabel the main text is a link-styled button that emits open, e.g. "Open in File Station". [events: open]
82
- - CellStatus: { label: string, tone?: "neutral" | "info" | "success" | "warning" | "danger", progress?: number, detail?: string } - Task status: a toned dot and label, a bar while progress (0–100) is running, and a detail such as speed or a reason.
82
+ - CellStatus: { label: string, tone?: "neutral" | "info" | "success" | "warning" | "danger", progress?: number, detail?: string, description?: string } - Task status: a toned dot and label, a bar while progress (0–100) is running, and a detail such as speed or a reason. description explains the status in a tooltip on the label (hover or keyboard focus).
83
83
  - ListItem: { title?: string, description?: string } - One entry of a list (an extension, a tool, a rule): title, description, content and actions on the right. Consecutive entries are split by a hairline. [accepts children; slots: actions]
84
84
  - InputGroup: { } - A field and the buttons acting on it on one line, such as a URL and its Install button. The first child takes the room left. [accepts children]
85
85
  - Loading: { text?: string } - Centered loading state for a page or bounded region.
package/dist/json-catalog.schema.json CHANGED
@@ -2832,7 +2832,7 @@
2832
2832
  }
2833
2833
  },
2834
2834
  "then": {
2835
- "description": "Task status: a toned dot and label, a bar while progress (0–100) is running, and a detail such as speed or a reason.",
2835
+ "description": "Task status: a toned dot and label, a bar while progress (0–100) is running, and a detail such as speed or a reason. description explains the status in a tooltip on the label (hover or keyboard focus).",
2836
2836
  "properties": {
2837
2837
  "props": {
2838
2838
  "type": "object",
@@ -2883,6 +2883,16 @@
2883
2883
  "$ref": "#/$defs/expression"
2884
2884
  }
2885
2885
  ]
2886
+ },
2887
+ "description": {
2888
+ "anyOf": [
2889
+ {
2890
+ "type": "string"
2891
+ },
2892
+ {
2893
+ "$ref": "#/$defs/expression"
2894
+ }
2895
+ ]
2886
2896
  }
2887
2897
  },
2888
2898
  "required": [