@synopackageland/ui 0.14.8 → 0.14.10

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 (25) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +5 -1
  3. package/dist/components/composite/callout/Callout.vue.d.ts +22 -4
  4. package/dist/components/composite/tree-view/TreeView.vue.d.ts +2 -2
  5. package/dist/components/containers/card/Card.vue.d.ts +1 -1
  6. package/dist/components/containers/expandable-item/ExpandableItem.vue.d.ts +1 -1
  7. package/dist/i18n/text.d.ts +2 -0
  8. package/dist/index.js +3740 -3695
  9. package/dist/json/catalog.d.ts +10 -0
  10. package/dist/json/registry.d.ts +170 -0
  11. package/dist/json-ai-prompt.md +1 -1
  12. package/dist/json-catalog.schema.json +27 -2
  13. package/dist/json-preview/preview.js +6916 -6817
  14. package/dist/json.js +28 -24
  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/button-policy.md +3 -0
  21. package/docs/callout.md +123 -0
  22. package/docs/color-system.md +3 -3
  23. package/docs/layout-rules.md +1 -0
  24. package/docs/theme-hooks.md +9 -0
  25. package/package.json +2 -1
package/dist/json/catalog.d.ts CHANGED
@@ -339,9 +339,14 @@ export declare const synoJsonComponentDefinitions: {
339
339
  warning: "warning";
340
340
  info: "info";
341
341
  }>>;
342
+ variant: z.ZodOptional<z.ZodEnum<{
343
+ inline: "inline";
344
+ soft: "soft";
345
+ }>>;
342
346
  title: z.ZodOptional<z.ZodString>;
343
347
  closable: z.ZodOptional<z.ZodBoolean>;
344
348
  code: z.ZodOptional<z.ZodString>;
349
+ fill: z.ZodOptional<z.ZodBoolean>;
345
350
  }, z.core.$strip>;
346
351
  slots: string[];
347
352
  events: string[];
@@ -874,9 +879,14 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
874
879
  warning: "warning";
875
880
  info: "info";
876
881
  }>>;
882
+ variant: z.ZodOptional<z.ZodEnum<{
883
+ inline: "inline";
884
+ soft: "soft";
885
+ }>>;
877
886
  title: z.ZodOptional<z.ZodString>;
878
887
  closable: z.ZodOptional<z.ZodBoolean>;
879
888
  code: z.ZodOptional<z.ZodString>;
889
+ fill: z.ZodOptional<z.ZodBoolean>;
880
890
  }, z.core.$strip>;
881
891
  slots: string[];
882
892
  events: string[];
package/dist/json/registry.d.ts CHANGED
@@ -359,9 +359,14 @@ export declare const synoJsonRenderers: {
359
359
  warning: "warning";
360
360
  info: "info";
361
361
  }>>;
362
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
363
+ inline: "inline";
364
+ soft: "soft";
365
+ }>>;
362
366
  title: import('zod').ZodOptional<import('zod').ZodString>;
363
367
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
364
368
  code: import('zod').ZodOptional<import('zod').ZodString>;
369
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
365
370
  }, import('zod/v4/core').$strip>;
366
371
  slots: string[];
367
372
  events: string[];
@@ -898,9 +903,14 @@ export declare const synoJsonRenderers: {
898
903
  warning: "warning";
899
904
  info: "info";
900
905
  }>>;
906
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
907
+ inline: "inline";
908
+ soft: "soft";
909
+ }>>;
901
910
  title: import('zod').ZodOptional<import('zod').ZodString>;
902
911
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
903
912
  code: import('zod').ZodOptional<import('zod').ZodString>;
913
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
904
914
  }, import('zod/v4/core').$strip>;
905
915
  slots: string[];
906
916
  events: string[];
@@ -1437,9 +1447,14 @@ export declare const synoJsonRenderers: {
1437
1447
  warning: "warning";
1438
1448
  info: "info";
1439
1449
  }>>;
1450
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
1451
+ inline: "inline";
1452
+ soft: "soft";
1453
+ }>>;
1440
1454
  title: import('zod').ZodOptional<import('zod').ZodString>;
1441
1455
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
1442
1456
  code: import('zod').ZodOptional<import('zod').ZodString>;
1457
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
1443
1458
  }, import('zod/v4/core').$strip>;
1444
1459
  slots: string[];
1445
1460
  events: string[];
@@ -1976,9 +1991,14 @@ export declare const synoJsonRenderers: {
1976
1991
  warning: "warning";
1977
1992
  info: "info";
1978
1993
  }>>;
1994
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
1995
+ inline: "inline";
1996
+ soft: "soft";
1997
+ }>>;
1979
1998
  title: import('zod').ZodOptional<import('zod').ZodString>;
1980
1999
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
1981
2000
  code: import('zod').ZodOptional<import('zod').ZodString>;
2001
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
1982
2002
  }, import('zod/v4/core').$strip>;
1983
2003
  slots: string[];
1984
2004
  events: string[];
@@ -2515,9 +2535,14 @@ export declare const synoJsonRenderers: {
2515
2535
  warning: "warning";
2516
2536
  info: "info";
2517
2537
  }>>;
2538
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
2539
+ inline: "inline";
2540
+ soft: "soft";
2541
+ }>>;
2518
2542
  title: import('zod').ZodOptional<import('zod').ZodString>;
2519
2543
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
2520
2544
  code: import('zod').ZodOptional<import('zod').ZodString>;
2545
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
2521
2546
  }, import('zod/v4/core').$strip>;
2522
2547
  slots: string[];
2523
2548
  events: string[];
@@ -3054,9 +3079,14 @@ export declare const synoJsonRenderers: {
3054
3079
  warning: "warning";
3055
3080
  info: "info";
3056
3081
  }>>;
3082
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
3083
+ inline: "inline";
3084
+ soft: "soft";
3085
+ }>>;
3057
3086
  title: import('zod').ZodOptional<import('zod').ZodString>;
3058
3087
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
3059
3088
  code: import('zod').ZodOptional<import('zod').ZodString>;
3089
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
3060
3090
  }, import('zod/v4/core').$strip>;
3061
3091
  slots: string[];
3062
3092
  events: string[];
@@ -3593,9 +3623,14 @@ export declare const synoJsonRenderers: {
3593
3623
  warning: "warning";
3594
3624
  info: "info";
3595
3625
  }>>;
3626
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
3627
+ inline: "inline";
3628
+ soft: "soft";
3629
+ }>>;
3596
3630
  title: import('zod').ZodOptional<import('zod').ZodString>;
3597
3631
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
3598
3632
  code: import('zod').ZodOptional<import('zod').ZodString>;
3633
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
3599
3634
  }, import('zod/v4/core').$strip>;
3600
3635
  slots: string[];
3601
3636
  events: string[];
@@ -4132,9 +4167,14 @@ export declare const synoJsonRenderers: {
4132
4167
  warning: "warning";
4133
4168
  info: "info";
4134
4169
  }>>;
4170
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
4171
+ inline: "inline";
4172
+ soft: "soft";
4173
+ }>>;
4135
4174
  title: import('zod').ZodOptional<import('zod').ZodString>;
4136
4175
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
4137
4176
  code: import('zod').ZodOptional<import('zod').ZodString>;
4177
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
4138
4178
  }, import('zod/v4/core').$strip>;
4139
4179
  slots: string[];
4140
4180
  events: string[];
@@ -4671,9 +4711,14 @@ export declare const synoJsonRenderers: {
4671
4711
  warning: "warning";
4672
4712
  info: "info";
4673
4713
  }>>;
4714
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
4715
+ inline: "inline";
4716
+ soft: "soft";
4717
+ }>>;
4674
4718
  title: import('zod').ZodOptional<import('zod').ZodString>;
4675
4719
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
4676
4720
  code: import('zod').ZodOptional<import('zod').ZodString>;
4721
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
4677
4722
  }, import('zod/v4/core').$strip>;
4678
4723
  slots: string[];
4679
4724
  events: string[];
@@ -5210,9 +5255,14 @@ export declare const synoJsonRenderers: {
5210
5255
  warning: "warning";
5211
5256
  info: "info";
5212
5257
  }>>;
5258
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
5259
+ inline: "inline";
5260
+ soft: "soft";
5261
+ }>>;
5213
5262
  title: import('zod').ZodOptional<import('zod').ZodString>;
5214
5263
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
5215
5264
  code: import('zod').ZodOptional<import('zod').ZodString>;
5265
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
5216
5266
  }, import('zod/v4/core').$strip>;
5217
5267
  slots: string[];
5218
5268
  events: string[];
@@ -5749,9 +5799,14 @@ export declare const synoJsonRenderers: {
5749
5799
  warning: "warning";
5750
5800
  info: "info";
5751
5801
  }>>;
5802
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
5803
+ inline: "inline";
5804
+ soft: "soft";
5805
+ }>>;
5752
5806
  title: import('zod').ZodOptional<import('zod').ZodString>;
5753
5807
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
5754
5808
  code: import('zod').ZodOptional<import('zod').ZodString>;
5809
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
5755
5810
  }, import('zod/v4/core').$strip>;
5756
5811
  slots: string[];
5757
5812
  events: string[];
@@ -6288,9 +6343,14 @@ export declare const synoJsonRenderers: {
6288
6343
  warning: "warning";
6289
6344
  info: "info";
6290
6345
  }>>;
6346
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
6347
+ inline: "inline";
6348
+ soft: "soft";
6349
+ }>>;
6291
6350
  title: import('zod').ZodOptional<import('zod').ZodString>;
6292
6351
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
6293
6352
  code: import('zod').ZodOptional<import('zod').ZodString>;
6353
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
6294
6354
  }, import('zod/v4/core').$strip>;
6295
6355
  slots: string[];
6296
6356
  events: string[];
@@ -6827,9 +6887,14 @@ export declare const synoJsonRenderers: {
6827
6887
  warning: "warning";
6828
6888
  info: "info";
6829
6889
  }>>;
6890
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
6891
+ inline: "inline";
6892
+ soft: "soft";
6893
+ }>>;
6830
6894
  title: import('zod').ZodOptional<import('zod').ZodString>;
6831
6895
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
6832
6896
  code: import('zod').ZodOptional<import('zod').ZodString>;
6897
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
6833
6898
  }, import('zod/v4/core').$strip>;
6834
6899
  slots: string[];
6835
6900
  events: string[];
@@ -7366,9 +7431,14 @@ export declare const synoJsonRenderers: {
7366
7431
  warning: "warning";
7367
7432
  info: "info";
7368
7433
  }>>;
7434
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
7435
+ inline: "inline";
7436
+ soft: "soft";
7437
+ }>>;
7369
7438
  title: import('zod').ZodOptional<import('zod').ZodString>;
7370
7439
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
7371
7440
  code: import('zod').ZodOptional<import('zod').ZodString>;
7441
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
7372
7442
  }, import('zod/v4/core').$strip>;
7373
7443
  slots: string[];
7374
7444
  events: string[];
@@ -7905,9 +7975,14 @@ export declare const synoJsonRenderers: {
7905
7975
  warning: "warning";
7906
7976
  info: "info";
7907
7977
  }>>;
7978
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
7979
+ inline: "inline";
7980
+ soft: "soft";
7981
+ }>>;
7908
7982
  title: import('zod').ZodOptional<import('zod').ZodString>;
7909
7983
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
7910
7984
  code: import('zod').ZodOptional<import('zod').ZodString>;
7985
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
7911
7986
  }, import('zod/v4/core').$strip>;
7912
7987
  slots: string[];
7913
7988
  events: string[];
@@ -8444,9 +8519,14 @@ export declare const synoJsonRenderers: {
8444
8519
  warning: "warning";
8445
8520
  info: "info";
8446
8521
  }>>;
8522
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
8523
+ inline: "inline";
8524
+ soft: "soft";
8525
+ }>>;
8447
8526
  title: import('zod').ZodOptional<import('zod').ZodString>;
8448
8527
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
8449
8528
  code: import('zod').ZodOptional<import('zod').ZodString>;
8529
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
8450
8530
  }, import('zod/v4/core').$strip>;
8451
8531
  slots: string[];
8452
8532
  events: string[];
@@ -8983,9 +9063,14 @@ export declare const synoJsonRenderers: {
8983
9063
  warning: "warning";
8984
9064
  info: "info";
8985
9065
  }>>;
9066
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
9067
+ inline: "inline";
9068
+ soft: "soft";
9069
+ }>>;
8986
9070
  title: import('zod').ZodOptional<import('zod').ZodString>;
8987
9071
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
8988
9072
  code: import('zod').ZodOptional<import('zod').ZodString>;
9073
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
8989
9074
  }, import('zod/v4/core').$strip>;
8990
9075
  slots: string[];
8991
9076
  events: string[];
@@ -9522,9 +9607,14 @@ export declare const synoJsonRenderers: {
9522
9607
  warning: "warning";
9523
9608
  info: "info";
9524
9609
  }>>;
9610
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
9611
+ inline: "inline";
9612
+ soft: "soft";
9613
+ }>>;
9525
9614
  title: import('zod').ZodOptional<import('zod').ZodString>;
9526
9615
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
9527
9616
  code: import('zod').ZodOptional<import('zod').ZodString>;
9617
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
9528
9618
  }, import('zod/v4/core').$strip>;
9529
9619
  slots: string[];
9530
9620
  events: string[];
@@ -10061,9 +10151,14 @@ export declare const synoJsonRenderers: {
10061
10151
  warning: "warning";
10062
10152
  info: "info";
10063
10153
  }>>;
10154
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
10155
+ inline: "inline";
10156
+ soft: "soft";
10157
+ }>>;
10064
10158
  title: import('zod').ZodOptional<import('zod').ZodString>;
10065
10159
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
10066
10160
  code: import('zod').ZodOptional<import('zod').ZodString>;
10161
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
10067
10162
  }, import('zod/v4/core').$strip>;
10068
10163
  slots: string[];
10069
10164
  events: string[];
@@ -10600,9 +10695,14 @@ export declare const synoJsonRenderers: {
10600
10695
  warning: "warning";
10601
10696
  info: "info";
10602
10697
  }>>;
10698
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
10699
+ inline: "inline";
10700
+ soft: "soft";
10701
+ }>>;
10603
10702
  title: import('zod').ZodOptional<import('zod').ZodString>;
10604
10703
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
10605
10704
  code: import('zod').ZodOptional<import('zod').ZodString>;
10705
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
10606
10706
  }, import('zod/v4/core').$strip>;
10607
10707
  slots: string[];
10608
10708
  events: string[];
@@ -11139,9 +11239,14 @@ export declare const synoJsonRenderers: {
11139
11239
  warning: "warning";
11140
11240
  info: "info";
11141
11241
  }>>;
11242
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
11243
+ inline: "inline";
11244
+ soft: "soft";
11245
+ }>>;
11142
11246
  title: import('zod').ZodOptional<import('zod').ZodString>;
11143
11247
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
11144
11248
  code: import('zod').ZodOptional<import('zod').ZodString>;
11249
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
11145
11250
  }, import('zod/v4/core').$strip>;
11146
11251
  slots: string[];
11147
11252
  events: string[];
@@ -11678,9 +11783,14 @@ export declare const synoJsonRenderers: {
11678
11783
  warning: "warning";
11679
11784
  info: "info";
11680
11785
  }>>;
11786
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
11787
+ inline: "inline";
11788
+ soft: "soft";
11789
+ }>>;
11681
11790
  title: import('zod').ZodOptional<import('zod').ZodString>;
11682
11791
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
11683
11792
  code: import('zod').ZodOptional<import('zod').ZodString>;
11793
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
11684
11794
  }, import('zod/v4/core').$strip>;
11685
11795
  slots: string[];
11686
11796
  events: string[];
@@ -12217,9 +12327,14 @@ export declare const synoJsonRenderers: {
12217
12327
  warning: "warning";
12218
12328
  info: "info";
12219
12329
  }>>;
12330
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
12331
+ inline: "inline";
12332
+ soft: "soft";
12333
+ }>>;
12220
12334
  title: import('zod').ZodOptional<import('zod').ZodString>;
12221
12335
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
12222
12336
  code: import('zod').ZodOptional<import('zod').ZodString>;
12337
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
12223
12338
  }, import('zod/v4/core').$strip>;
12224
12339
  slots: string[];
12225
12340
  events: string[];
@@ -12756,9 +12871,14 @@ export declare const synoJsonRenderers: {
12756
12871
  warning: "warning";
12757
12872
  info: "info";
12758
12873
  }>>;
12874
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
12875
+ inline: "inline";
12876
+ soft: "soft";
12877
+ }>>;
12759
12878
  title: import('zod').ZodOptional<import('zod').ZodString>;
12760
12879
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
12761
12880
  code: import('zod').ZodOptional<import('zod').ZodString>;
12881
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
12762
12882
  }, import('zod/v4/core').$strip>;
12763
12883
  slots: string[];
12764
12884
  events: string[];
@@ -13295,9 +13415,14 @@ export declare const synoJsonRenderers: {
13295
13415
  warning: "warning";
13296
13416
  info: "info";
13297
13417
  }>>;
13418
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
13419
+ inline: "inline";
13420
+ soft: "soft";
13421
+ }>>;
13298
13422
  title: import('zod').ZodOptional<import('zod').ZodString>;
13299
13423
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
13300
13424
  code: import('zod').ZodOptional<import('zod').ZodString>;
13425
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
13301
13426
  }, import('zod/v4/core').$strip>;
13302
13427
  slots: string[];
13303
13428
  events: string[];
@@ -13834,9 +13959,14 @@ export declare const synoJsonRenderers: {
13834
13959
  warning: "warning";
13835
13960
  info: "info";
13836
13961
  }>>;
13962
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
13963
+ inline: "inline";
13964
+ soft: "soft";
13965
+ }>>;
13837
13966
  title: import('zod').ZodOptional<import('zod').ZodString>;
13838
13967
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
13839
13968
  code: import('zod').ZodOptional<import('zod').ZodString>;
13969
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
13840
13970
  }, import('zod/v4/core').$strip>;
13841
13971
  slots: string[];
13842
13972
  events: string[];
@@ -14373,9 +14503,14 @@ export declare const synoJsonRenderers: {
14373
14503
  warning: "warning";
14374
14504
  info: "info";
14375
14505
  }>>;
14506
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
14507
+ inline: "inline";
14508
+ soft: "soft";
14509
+ }>>;
14376
14510
  title: import('zod').ZodOptional<import('zod').ZodString>;
14377
14511
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
14378
14512
  code: import('zod').ZodOptional<import('zod').ZodString>;
14513
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
14379
14514
  }, import('zod/v4/core').$strip>;
14380
14515
  slots: string[];
14381
14516
  events: string[];
@@ -14912,9 +15047,14 @@ export declare const synoJsonRenderers: {
14912
15047
  warning: "warning";
14913
15048
  info: "info";
14914
15049
  }>>;
15050
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
15051
+ inline: "inline";
15052
+ soft: "soft";
15053
+ }>>;
14915
15054
  title: import('zod').ZodOptional<import('zod').ZodString>;
14916
15055
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
14917
15056
  code: import('zod').ZodOptional<import('zod').ZodString>;
15057
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
14918
15058
  }, import('zod/v4/core').$strip>;
14919
15059
  slots: string[];
14920
15060
  events: string[];
@@ -15451,9 +15591,14 @@ export declare const synoJsonRenderers: {
15451
15591
  warning: "warning";
15452
15592
  info: "info";
15453
15593
  }>>;
15594
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
15595
+ inline: "inline";
15596
+ soft: "soft";
15597
+ }>>;
15454
15598
  title: import('zod').ZodOptional<import('zod').ZodString>;
15455
15599
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
15456
15600
  code: import('zod').ZodOptional<import('zod').ZodString>;
15601
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
15457
15602
  }, import('zod/v4/core').$strip>;
15458
15603
  slots: string[];
15459
15604
  events: string[];
@@ -15990,9 +16135,14 @@ export declare const synoJsonRenderers: {
15990
16135
  warning: "warning";
15991
16136
  info: "info";
15992
16137
  }>>;
16138
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
16139
+ inline: "inline";
16140
+ soft: "soft";
16141
+ }>>;
15993
16142
  title: import('zod').ZodOptional<import('zod').ZodString>;
15994
16143
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
15995
16144
  code: import('zod').ZodOptional<import('zod').ZodString>;
16145
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
15996
16146
  }, import('zod/v4/core').$strip>;
15997
16147
  slots: string[];
15998
16148
  events: string[];
@@ -16529,9 +16679,14 @@ export declare const synoJsonRenderers: {
16529
16679
  warning: "warning";
16530
16680
  info: "info";
16531
16681
  }>>;
16682
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
16683
+ inline: "inline";
16684
+ soft: "soft";
16685
+ }>>;
16532
16686
  title: import('zod').ZodOptional<import('zod').ZodString>;
16533
16687
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
16534
16688
  code: import('zod').ZodOptional<import('zod').ZodString>;
16689
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
16535
16690
  }, import('zod/v4/core').$strip>;
16536
16691
  slots: string[];
16537
16692
  events: string[];
@@ -17068,9 +17223,14 @@ export declare const synoJsonRenderers: {
17068
17223
  warning: "warning";
17069
17224
  info: "info";
17070
17225
  }>>;
17226
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
17227
+ inline: "inline";
17228
+ soft: "soft";
17229
+ }>>;
17071
17230
  title: import('zod').ZodOptional<import('zod').ZodString>;
17072
17231
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
17073
17232
  code: import('zod').ZodOptional<import('zod').ZodString>;
17233
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
17074
17234
  }, import('zod/v4/core').$strip>;
17075
17235
  slots: string[];
17076
17236
  events: string[];
@@ -17607,9 +17767,14 @@ export declare const synoJsonRenderers: {
17607
17767
  warning: "warning";
17608
17768
  info: "info";
17609
17769
  }>>;
17770
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
17771
+ inline: "inline";
17772
+ soft: "soft";
17773
+ }>>;
17610
17774
  title: import('zod').ZodOptional<import('zod').ZodString>;
17611
17775
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
17612
17776
  code: import('zod').ZodOptional<import('zod').ZodString>;
17777
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
17613
17778
  }, import('zod/v4/core').$strip>;
17614
17779
  slots: string[];
17615
17780
  events: string[];
@@ -18146,9 +18311,14 @@ export declare const synoJsonRenderers: {
18146
18311
  warning: "warning";
18147
18312
  info: "info";
18148
18313
  }>>;
18314
+ variant: import('zod').ZodOptional<import('zod').ZodEnum<{
18315
+ inline: "inline";
18316
+ soft: "soft";
18317
+ }>>;
18149
18318
  title: import('zod').ZodOptional<import('zod').ZodString>;
18150
18319
  closable: import('zod').ZodOptional<import('zod').ZodBoolean>;
18151
18320
  code: import('zod').ZodOptional<import('zod').ZodString>;
18321
+ fill: import('zod').ZodOptional<import('zod').ZodBoolean>;
18152
18322
  }, import('zod/v4/core').$strip>;
18153
18323
  slots: string[];
18154
18324
  events: string[];
package/dist/json-ai-prompt.md CHANGED
@@ -71,7 +71,7 @@ AVAILABLE COMPONENTS (34):
71
71
  - SettingsField: { label: string, description?: string, required?: boolean, fieldWidth?: string, align?: "start" | "center" } - DSM settings row with label, description and one control/content region. [accepts children]
72
72
  - Surface: { padding?: "none" | "sm" | "md" | "lg", border?: boolean, raised?: boolean } - Neutral bordered/raised content surface when Card semantics are not needed. [accepts children]
73
73
  - Card: { title?: string, layoutType?: "regular" | "compact", expandable?: boolean, expanded?: boolean, footerAlign?: "start" | "end" | "between" } - Grouped content with optional header/actions/footer. Do not use a Card just to add spacing. [accepts children; slots: header-actions, footer] [events: expandedChange]
74
- - Callout: { tone?: "info" | "success" | "warning" | "danger", title?: string, closable?: boolean, code?: string } - Inline information, success, warning or error message. Put a machine error code in `code`, not in the text. [accepts children; slots: actions] [events: close]
74
+ - Callout: { tone?: "info" | "success" | "warning" | "danger", variant?: "soft" | "inline", title?: string, closable?: boolean, code?: string, fill?: boolean } - A message that stays until its cause goes away: something to act on (a one-line title, at most one line of text, one action in `actions`) or a short risk note (`variant: inline`, longer text in `details` behind Learn more). A passing result such as Saved is a toast, not a Callout. Callout text has no closing period. Put a machine error code in `code`, not in the text. [accepts children; slots: actions, details] [events: close]
75
75
  - EmptyState: { title: string, description?: string, icon?: string } - Empty/no-results state with optional recovery or create actions. [slots: actions]
76
76
  - Progress: { value?: number, max?: number, label?: string, valueLabel?: string, tone?: "primary" | "success" | "warning" | "danger" } - Linear determinate progress. Domain-specific progress visualizations should be custom components.
77
77
  - Badge: { text: string, tone?: "neutral" | "info" | "success" | "warning" | "danger" } - Short status/category badge.
package/dist/json-catalog.schema.json CHANGED
@@ -2071,7 +2071,7 @@
2071
2071
  }
2072
2072
  },
2073
2073
  "then": {
2074
- "description": "Inline information, success, warning or error message. Put a machine error code in `code`, not in the text.",
2074
+ "description": "A message that stays until its cause goes away: something to act on (a one-line title, at most one line of text, one action in `actions`) or a short risk note (`variant: inline`, longer text in `details` behind Learn more). A passing result such as Saved is a toast, not a Callout. Callout text has no closing period. Put a machine error code in `code`, not in the text.",
2075
2075
  "properties": {
2076
2076
  "props": {
2077
2077
  "type": "object",
@@ -2092,6 +2092,20 @@
2092
2092
  }
2093
2093
  ]
2094
2094
  },
2095
+ "variant": {
2096
+ "anyOf": [
2097
+ {
2098
+ "type": "string",
2099
+ "enum": [
2100
+ "soft",
2101
+ "inline"
2102
+ ]
2103
+ },
2104
+ {
2105
+ "$ref": "#/$defs/expression"
2106
+ }
2107
+ ]
2108
+ },
2095
2109
  "title": {
2096
2110
  "anyOf": [
2097
2111
  {
@@ -2121,6 +2135,16 @@
2121
2135
  "$ref": "#/$defs/expression"
2122
2136
  }
2123
2137
  ]
2138
+ },
2139
+ "fill": {
2140
+ "anyOf": [
2141
+ {
2142
+ "type": "boolean"
2143
+ },
2144
+ {
2145
+ "$ref": "#/$defs/expression"
2146
+ }
2147
+ ]
2124
2148
  }
2125
2149
  },
2126
2150
  "additionalProperties": false
@@ -2128,7 +2152,8 @@
2128
2152
  "slots": {
2129
2153
  "propertyNames": {
2130
2154
  "enum": [
2131
- "actions"
2155
+ "actions",
2156
+ "details"
2132
2157
  ]
2133
2158
  }
2134
2159
  },