@synopackageland/ui 0.21.1 → 0.23.0
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 +24 -0
- package/README.md +1 -0
- package/dist/cli.js +0 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +13 -2
- package/dist/components/composite/about-dialog/AboutDialog.vue.d.ts +1 -1
- package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts +1 -1
- package/dist/components/composite/disclosure-row/DisclosureRow.vue.d.ts +39 -0
- package/dist/components/composite/record-panel/RecordPanel.vue.d.ts +1 -1
- package/dist/components/containers/split-pane/SplitPane.vue.d.ts +1 -1
- package/dist/components/feedback/validation-popup/ValidationPopup.vue.d.ts +1 -1
- package/dist/components/primitives/button/Button.vue.d.ts +7 -1
- package/dist/components/primitives/checkbox/CheckboxGroup.vue.d.ts +1 -1
- package/dist/components/primitives/dropdown-menu/types.d.ts +6 -0
- package/dist/components/primitives/pagination/Pagination.vue.d.ts +1 -1
- package/dist/components/primitives/popover/Popover.vue.d.ts +1 -1
- package/dist/components/primitives/progress/Progress.vue.d.ts +1 -1
- package/dist/components/primitives/tooltip/tooltipStyle.d.ts +1 -1
- package/dist/components/rich-text-editor/RichTextEditor.vue.d.ts +1 -1
- package/dist/feedback/StatusSlot.vue.d.ts +1 -1
- package/dist/grid-core/theme.d.ts +2 -1
- package/dist/grid.js +253 -251
- package/dist/index.d.ts +3 -0
- package/dist/index.js +14628 -14321
- 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 +9516 -9405
- package/dist/json.js +23 -23
- package/dist/lib/adaptiveLayout.d.ts +17 -0
- package/dist/lib/scroll.d.ts +31 -0
- package/dist/lib/typeScale.d.ts +20 -0
- 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/button-policy.md +19 -2
- package/docs/mobile-native.md +191 -34
- package/package.json +67 -59
package/dist/json/catalog.d.ts
CHANGED
|
@@ -158,6 +158,7 @@ export declare const synoJsonComponentDefinitions: {
|
|
|
158
158
|
props: z.ZodObject<{
|
|
159
159
|
label: z.ZodString;
|
|
160
160
|
variant: z.ZodOptional<z.ZodEnum<{
|
|
161
|
+
text: "text";
|
|
161
162
|
primary: "primary";
|
|
162
163
|
secondary: "secondary";
|
|
163
164
|
ghost: "ghost";
|
|
@@ -701,6 +702,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
|
|
|
701
702
|
props: z.ZodObject<{
|
|
702
703
|
label: z.ZodString;
|
|
703
704
|
variant: z.ZodOptional<z.ZodEnum<{
|
|
705
|
+
text: "text";
|
|
704
706
|
primary: "primary";
|
|
705
707
|
secondary: "secondary";
|
|
706
708
|
ghost: "ghost";
|
package/dist/json/registry.d.ts
CHANGED
|
@@ -178,6 +178,7 @@ export declare const synoJsonRenderers: {
|
|
|
178
178
|
props: import('zod').ZodObject<{
|
|
179
179
|
label: import('zod').ZodString;
|
|
180
180
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
181
|
+
text: "text";
|
|
181
182
|
primary: "primary";
|
|
182
183
|
secondary: "secondary";
|
|
183
184
|
ghost: "ghost";
|
|
@@ -725,6 +726,7 @@ export declare const synoJsonRenderers: {
|
|
|
725
726
|
props: import('zod').ZodObject<{
|
|
726
727
|
label: import('zod').ZodString;
|
|
727
728
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
729
|
+
text: "text";
|
|
728
730
|
primary: "primary";
|
|
729
731
|
secondary: "secondary";
|
|
730
732
|
ghost: "ghost";
|
|
@@ -1272,6 +1274,7 @@ export declare const synoJsonRenderers: {
|
|
|
1272
1274
|
props: import('zod').ZodObject<{
|
|
1273
1275
|
label: import('zod').ZodString;
|
|
1274
1276
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1277
|
+
text: "text";
|
|
1275
1278
|
primary: "primary";
|
|
1276
1279
|
secondary: "secondary";
|
|
1277
1280
|
ghost: "ghost";
|
|
@@ -1819,6 +1822,7 @@ export declare const synoJsonRenderers: {
|
|
|
1819
1822
|
props: import('zod').ZodObject<{
|
|
1820
1823
|
label: import('zod').ZodString;
|
|
1821
1824
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1825
|
+
text: "text";
|
|
1822
1826
|
primary: "primary";
|
|
1823
1827
|
secondary: "secondary";
|
|
1824
1828
|
ghost: "ghost";
|
|
@@ -2366,6 +2370,7 @@ export declare const synoJsonRenderers: {
|
|
|
2366
2370
|
props: import('zod').ZodObject<{
|
|
2367
2371
|
label: import('zod').ZodString;
|
|
2368
2372
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2373
|
+
text: "text";
|
|
2369
2374
|
primary: "primary";
|
|
2370
2375
|
secondary: "secondary";
|
|
2371
2376
|
ghost: "ghost";
|
|
@@ -2913,6 +2918,7 @@ export declare const synoJsonRenderers: {
|
|
|
2913
2918
|
props: import('zod').ZodObject<{
|
|
2914
2919
|
label: import('zod').ZodString;
|
|
2915
2920
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2921
|
+
text: "text";
|
|
2916
2922
|
primary: "primary";
|
|
2917
2923
|
secondary: "secondary";
|
|
2918
2924
|
ghost: "ghost";
|
|
@@ -3460,6 +3466,7 @@ export declare const synoJsonRenderers: {
|
|
|
3460
3466
|
props: import('zod').ZodObject<{
|
|
3461
3467
|
label: import('zod').ZodString;
|
|
3462
3468
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
3469
|
+
text: "text";
|
|
3463
3470
|
primary: "primary";
|
|
3464
3471
|
secondary: "secondary";
|
|
3465
3472
|
ghost: "ghost";
|
|
@@ -4007,6 +4014,7 @@ export declare const synoJsonRenderers: {
|
|
|
4007
4014
|
props: import('zod').ZodObject<{
|
|
4008
4015
|
label: import('zod').ZodString;
|
|
4009
4016
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4017
|
+
text: "text";
|
|
4010
4018
|
primary: "primary";
|
|
4011
4019
|
secondary: "secondary";
|
|
4012
4020
|
ghost: "ghost";
|
|
@@ -4554,6 +4562,7 @@ export declare const synoJsonRenderers: {
|
|
|
4554
4562
|
props: import('zod').ZodObject<{
|
|
4555
4563
|
label: import('zod').ZodString;
|
|
4556
4564
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4565
|
+
text: "text";
|
|
4557
4566
|
primary: "primary";
|
|
4558
4567
|
secondary: "secondary";
|
|
4559
4568
|
ghost: "ghost";
|
|
@@ -5101,6 +5110,7 @@ export declare const synoJsonRenderers: {
|
|
|
5101
5110
|
props: import('zod').ZodObject<{
|
|
5102
5111
|
label: import('zod').ZodString;
|
|
5103
5112
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5113
|
+
text: "text";
|
|
5104
5114
|
primary: "primary";
|
|
5105
5115
|
secondary: "secondary";
|
|
5106
5116
|
ghost: "ghost";
|
|
@@ -5648,6 +5658,7 @@ export declare const synoJsonRenderers: {
|
|
|
5648
5658
|
props: import('zod').ZodObject<{
|
|
5649
5659
|
label: import('zod').ZodString;
|
|
5650
5660
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5661
|
+
text: "text";
|
|
5651
5662
|
primary: "primary";
|
|
5652
5663
|
secondary: "secondary";
|
|
5653
5664
|
ghost: "ghost";
|
|
@@ -6195,6 +6206,7 @@ export declare const synoJsonRenderers: {
|
|
|
6195
6206
|
props: import('zod').ZodObject<{
|
|
6196
6207
|
label: import('zod').ZodString;
|
|
6197
6208
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
6209
|
+
text: "text";
|
|
6198
6210
|
primary: "primary";
|
|
6199
6211
|
secondary: "secondary";
|
|
6200
6212
|
ghost: "ghost";
|
|
@@ -6742,6 +6754,7 @@ export declare const synoJsonRenderers: {
|
|
|
6742
6754
|
props: import('zod').ZodObject<{
|
|
6743
6755
|
label: import('zod').ZodString;
|
|
6744
6756
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
6757
|
+
text: "text";
|
|
6745
6758
|
primary: "primary";
|
|
6746
6759
|
secondary: "secondary";
|
|
6747
6760
|
ghost: "ghost";
|
|
@@ -7289,6 +7302,7 @@ export declare const synoJsonRenderers: {
|
|
|
7289
7302
|
props: import('zod').ZodObject<{
|
|
7290
7303
|
label: import('zod').ZodString;
|
|
7291
7304
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7305
|
+
text: "text";
|
|
7292
7306
|
primary: "primary";
|
|
7293
7307
|
secondary: "secondary";
|
|
7294
7308
|
ghost: "ghost";
|
|
@@ -7836,6 +7850,7 @@ export declare const synoJsonRenderers: {
|
|
|
7836
7850
|
props: import('zod').ZodObject<{
|
|
7837
7851
|
label: import('zod').ZodString;
|
|
7838
7852
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7853
|
+
text: "text";
|
|
7839
7854
|
primary: "primary";
|
|
7840
7855
|
secondary: "secondary";
|
|
7841
7856
|
ghost: "ghost";
|
|
@@ -8383,6 +8398,7 @@ export declare const synoJsonRenderers: {
|
|
|
8383
8398
|
props: import('zod').ZodObject<{
|
|
8384
8399
|
label: import('zod').ZodString;
|
|
8385
8400
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8401
|
+
text: "text";
|
|
8386
8402
|
primary: "primary";
|
|
8387
8403
|
secondary: "secondary";
|
|
8388
8404
|
ghost: "ghost";
|
|
@@ -8930,6 +8946,7 @@ export declare const synoJsonRenderers: {
|
|
|
8930
8946
|
props: import('zod').ZodObject<{
|
|
8931
8947
|
label: import('zod').ZodString;
|
|
8932
8948
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8949
|
+
text: "text";
|
|
8933
8950
|
primary: "primary";
|
|
8934
8951
|
secondary: "secondary";
|
|
8935
8952
|
ghost: "ghost";
|
|
@@ -9477,6 +9494,7 @@ export declare const synoJsonRenderers: {
|
|
|
9477
9494
|
props: import('zod').ZodObject<{
|
|
9478
9495
|
label: import('zod').ZodString;
|
|
9479
9496
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
9497
|
+
text: "text";
|
|
9480
9498
|
primary: "primary";
|
|
9481
9499
|
secondary: "secondary";
|
|
9482
9500
|
ghost: "ghost";
|
|
@@ -10024,6 +10042,7 @@ export declare const synoJsonRenderers: {
|
|
|
10024
10042
|
props: import('zod').ZodObject<{
|
|
10025
10043
|
label: import('zod').ZodString;
|
|
10026
10044
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
10045
|
+
text: "text";
|
|
10027
10046
|
primary: "primary";
|
|
10028
10047
|
secondary: "secondary";
|
|
10029
10048
|
ghost: "ghost";
|
|
@@ -10571,6 +10590,7 @@ export declare const synoJsonRenderers: {
|
|
|
10571
10590
|
props: import('zod').ZodObject<{
|
|
10572
10591
|
label: import('zod').ZodString;
|
|
10573
10592
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
10593
|
+
text: "text";
|
|
10574
10594
|
primary: "primary";
|
|
10575
10595
|
secondary: "secondary";
|
|
10576
10596
|
ghost: "ghost";
|
|
@@ -11118,6 +11138,7 @@ export declare const synoJsonRenderers: {
|
|
|
11118
11138
|
props: import('zod').ZodObject<{
|
|
11119
11139
|
label: import('zod').ZodString;
|
|
11120
11140
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11141
|
+
text: "text";
|
|
11121
11142
|
primary: "primary";
|
|
11122
11143
|
secondary: "secondary";
|
|
11123
11144
|
ghost: "ghost";
|
|
@@ -11665,6 +11686,7 @@ export declare const synoJsonRenderers: {
|
|
|
11665
11686
|
props: import('zod').ZodObject<{
|
|
11666
11687
|
label: import('zod').ZodString;
|
|
11667
11688
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11689
|
+
text: "text";
|
|
11668
11690
|
primary: "primary";
|
|
11669
11691
|
secondary: "secondary";
|
|
11670
11692
|
ghost: "ghost";
|
|
@@ -12212,6 +12234,7 @@ export declare const synoJsonRenderers: {
|
|
|
12212
12234
|
props: import('zod').ZodObject<{
|
|
12213
12235
|
label: import('zod').ZodString;
|
|
12214
12236
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12237
|
+
text: "text";
|
|
12215
12238
|
primary: "primary";
|
|
12216
12239
|
secondary: "secondary";
|
|
12217
12240
|
ghost: "ghost";
|
|
@@ -12759,6 +12782,7 @@ export declare const synoJsonRenderers: {
|
|
|
12759
12782
|
props: import('zod').ZodObject<{
|
|
12760
12783
|
label: import('zod').ZodString;
|
|
12761
12784
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12785
|
+
text: "text";
|
|
12762
12786
|
primary: "primary";
|
|
12763
12787
|
secondary: "secondary";
|
|
12764
12788
|
ghost: "ghost";
|
|
@@ -13306,6 +13330,7 @@ export declare const synoJsonRenderers: {
|
|
|
13306
13330
|
props: import('zod').ZodObject<{
|
|
13307
13331
|
label: import('zod').ZodString;
|
|
13308
13332
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13333
|
+
text: "text";
|
|
13309
13334
|
primary: "primary";
|
|
13310
13335
|
secondary: "secondary";
|
|
13311
13336
|
ghost: "ghost";
|
|
@@ -13853,6 +13878,7 @@ export declare const synoJsonRenderers: {
|
|
|
13853
13878
|
props: import('zod').ZodObject<{
|
|
13854
13879
|
label: import('zod').ZodString;
|
|
13855
13880
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13881
|
+
text: "text";
|
|
13856
13882
|
primary: "primary";
|
|
13857
13883
|
secondary: "secondary";
|
|
13858
13884
|
ghost: "ghost";
|
|
@@ -14400,6 +14426,7 @@ export declare const synoJsonRenderers: {
|
|
|
14400
14426
|
props: import('zod').ZodObject<{
|
|
14401
14427
|
label: import('zod').ZodString;
|
|
14402
14428
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
14429
|
+
text: "text";
|
|
14403
14430
|
primary: "primary";
|
|
14404
14431
|
secondary: "secondary";
|
|
14405
14432
|
ghost: "ghost";
|
|
@@ -14947,6 +14974,7 @@ export declare const synoJsonRenderers: {
|
|
|
14947
14974
|
props: import('zod').ZodObject<{
|
|
14948
14975
|
label: import('zod').ZodString;
|
|
14949
14976
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
14977
|
+
text: "text";
|
|
14950
14978
|
primary: "primary";
|
|
14951
14979
|
secondary: "secondary";
|
|
14952
14980
|
ghost: "ghost";
|
|
@@ -15494,6 +15522,7 @@ export declare const synoJsonRenderers: {
|
|
|
15494
15522
|
props: import('zod').ZodObject<{
|
|
15495
15523
|
label: import('zod').ZodString;
|
|
15496
15524
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
15525
|
+
text: "text";
|
|
15497
15526
|
primary: "primary";
|
|
15498
15527
|
secondary: "secondary";
|
|
15499
15528
|
ghost: "ghost";
|
|
@@ -16041,6 +16070,7 @@ export declare const synoJsonRenderers: {
|
|
|
16041
16070
|
props: import('zod').ZodObject<{
|
|
16042
16071
|
label: import('zod').ZodString;
|
|
16043
16072
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
16073
|
+
text: "text";
|
|
16044
16074
|
primary: "primary";
|
|
16045
16075
|
secondary: "secondary";
|
|
16046
16076
|
ghost: "ghost";
|
|
@@ -16588,6 +16618,7 @@ export declare const synoJsonRenderers: {
|
|
|
16588
16618
|
props: import('zod').ZodObject<{
|
|
16589
16619
|
label: import('zod').ZodString;
|
|
16590
16620
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
16621
|
+
text: "text";
|
|
16591
16622
|
primary: "primary";
|
|
16592
16623
|
secondary: "secondary";
|
|
16593
16624
|
ghost: "ghost";
|
|
@@ -17135,6 +17166,7 @@ export declare const synoJsonRenderers: {
|
|
|
17135
17166
|
props: import('zod').ZodObject<{
|
|
17136
17167
|
label: import('zod').ZodString;
|
|
17137
17168
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17169
|
+
text: "text";
|
|
17138
17170
|
primary: "primary";
|
|
17139
17171
|
secondary: "secondary";
|
|
17140
17172
|
ghost: "ghost";
|
|
@@ -17682,6 +17714,7 @@ export declare const synoJsonRenderers: {
|
|
|
17682
17714
|
props: import('zod').ZodObject<{
|
|
17683
17715
|
label: import('zod').ZodString;
|
|
17684
17716
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17717
|
+
text: "text";
|
|
17685
17718
|
primary: "primary";
|
|
17686
17719
|
secondary: "secondary";
|
|
17687
17720
|
ghost: "ghost";
|
|
@@ -18229,6 +18262,7 @@ export declare const synoJsonRenderers: {
|
|
|
18229
18262
|
props: import('zod').ZodObject<{
|
|
18230
18263
|
label: import('zod').ZodString;
|
|
18231
18264
|
variant: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
18265
|
+
text: "text";
|
|
18232
18266
|
primary: "primary";
|
|
18233
18267
|
secondary: "secondary";
|
|
18234
18268
|
ghost: "ghost";
|
package/dist/json-ai-prompt.md
CHANGED
|
@@ -59,7 +59,7 @@ AVAILABLE COMPONENTS (34):
|
|
|
59
59
|
- Tabs: { value: string, items: Array<{ label: string, value: string, disabled?: boolean }>, ariaLabel?: string } - Section tabs for switching a local mode or filter. Bind value to state for two-way updates. [events: change]
|
|
60
60
|
- Stack: { direction?: "row" | "column", gap?: "none" | "xs" | "sm" | "md" | "lg", align?: "start" | "center" | "end" | "stretch", justify?: "start" | "center" | "end" | "between", wrap?: boolean } - Simple layout composition. Prefer semantic components first and use Stack only for local arrangement. [accepts children]
|
|
61
61
|
- Text: { text: string, variant?: "body" | "muted" | "caption" | "heading" | "mono" } - Short application text. Do not use it when a semantic component already owns the label/description.
|
|
62
|
-
- Button: { label: string, variant?: "primary" | "secondary" | "ghost" | "danger" | "danger-outline", size?: "sm" | "md" | "lg", disabled?: boolean, loading?: boolean, icon?: string } - User action. Its shape follows the container: a capsule in a Dialog footer, else a tool button. One primary (or one danger to confirm a deletion) per footer or section, placed last; toolbar and row actions, Delete included, stay secondary. Icon is an optional host-registered icon name. [events: press]
|
|
62
|
+
- Button: { label: string, variant?: "primary" | "secondary" | "ghost" | "danger" | "danger-outline" | "text", size?: "sm" | "md" | "lg", disabled?: boolean, loading?: boolean, icon?: string } - User action. Its shape follows the container: a capsule in a Dialog footer, else a tool button. One primary (or one danger to confirm a deletion) per footer or section, placed last; toolbar and row actions, Delete included, stay secondary. Icon is an optional host-registered icon name. [events: press]
|
|
63
63
|
- Input: { value?: string | number, type?: string, placeholder?: string, disabled?: boolean, readonly?: boolean, invalid?: boolean, size?: "sm" | "md" | "lg", ariaLabel?: string } - Single-line input. Use $bindState/$bindItem on value for editable state. [events: change]
|
|
64
64
|
- Select: { value?: string, options: Array<{ label: string, value: string, disabled?: boolean }>, placeholder?: string, disabled?: boolean, search?: boolean } - Single-choice select. Use $bindState/$bindItem on value. [events: change]
|
|
65
65
|
- Checkbox: { checked?: boolean, label?: string, description?: string, disabled?: boolean } - Boolean choice. Use $bindState/$bindItem on checked. [events: change]
|