@developer_tribe/react-builder 1.0.3 → 1.0.4

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 (102) hide show
  1. package/dist/android.svg +43 -0
  2. package/dist/apple.svg +16 -0
  3. package/dist/attributes-editor/Field.d.ts +2 -1
  4. package/dist/attributes-editor/SizeField.d.ts +9 -0
  5. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
  6. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
  7. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +1 -0
  8. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
  9. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
  10. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
  11. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
  12. package/dist/build-components/Image/ImageProps.generated.d.ts +1 -0
  13. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
  14. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +1 -1
  15. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
  16. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -3
  17. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -0
  18. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +2 -1
  19. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
  20. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +1 -0
  21. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -0
  22. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -0
  23. package/dist/build-components/Text/TextProps.generated.d.ts +1 -0
  24. package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
  25. package/dist/build-components/patterns.generated.d.ts +194 -57
  26. package/dist/components/JsonTextEditor.d.ts +9 -0
  27. package/dist/index.cjs.js +5 -5
  28. package/dist/index.cjs.js.map +1 -1
  29. package/dist/index.esm.js +5 -5
  30. package/dist/index.esm.js.map +1 -1
  31. package/dist/pages/tabs/SideTool.d.ts +2 -1
  32. package/dist/store.d.ts +2 -0
  33. package/dist/styles.css +1 -1
  34. package/dist/utils/extractImageStyle.d.ts +2 -1
  35. package/dist/utils/extractViewStyle.d.ts +1 -2
  36. package/dist/utils/selection.d.ts +7 -0
  37. package/dist/utils/useMergedStyle.d.ts +2 -0
  38. package/package.json +2 -5
  39. package/src/.DS_Store +0 -0
  40. package/src/AttributesEditor.tsx +7 -2
  41. package/src/RenderPage.tsx +10 -6
  42. package/src/attributes-editor/Field.tsx +48 -160
  43. package/src/attributes-editor/SizeField.tsx +184 -0
  44. package/src/attributes-editor/SpecialCategorySection.tsx +10 -3
  45. package/src/build-components/BackgroundImage/BackgroundImage.tsx +7 -17
  46. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  47. package/src/build-components/Button/Button.tsx +7 -9
  48. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  49. package/src/build-components/Carousel/Carousel.tsx +7 -9
  50. package/src/build-components/Carousel/CarouselProps.generated.ts +1 -0
  51. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  52. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  53. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  54. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  55. package/src/build-components/Image/Image.tsx +11 -18
  56. package/src/build-components/Image/ImageProps.generated.ts +1 -0
  57. package/src/build-components/Image/pattern.json +1 -9
  58. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  59. package/src/build-components/OnboardButton/OnboardButton.tsx +0 -3
  60. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +1 -1
  61. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  62. package/src/build-components/OnboardDot/OnboardDot.tsx +59 -39
  63. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +2 -3
  64. package/src/build-components/OnboardDot/pattern.json +2 -18
  65. package/src/build-components/OnboardFooter/OnboardFooter.tsx +28 -15
  66. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -0
  67. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +2 -1
  68. package/src/build-components/OnboardItem/OnboardItem.tsx +1 -11
  69. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  70. package/src/build-components/OnboardProvider/OnboardProvider.tsx +1 -8
  71. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -0
  72. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -0
  73. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -0
  74. package/src/build-components/Text/Text.tsx +9 -15
  75. package/src/build-components/Text/TextProps.generated.ts +1 -0
  76. package/src/build-components/View/View.tsx +7 -9
  77. package/src/build-components/View/ViewProps.generated.ts +1 -0
  78. package/src/build-components/View/pattern.json +9 -1
  79. package/src/build-components/patterns.generated.ts +194 -57
  80. package/src/components/Builder.tsx +61 -17
  81. package/src/components/DeviceNavigationBar.tsx +0 -1
  82. package/src/components/EditorHeader.tsx +11 -1
  83. package/src/components/JsonTextEditor.tsx +185 -0
  84. package/src/mockOS/components/MockOSRouter.tsx +6 -0
  85. package/src/mockOS/context/MockOSContext.tsx +0 -5
  86. package/src/mockOS/managers/mockPermissionManager.ts +0 -4
  87. package/src/mockOS/managers/navigationManager.ts +1 -6
  88. package/src/modals/ColorModal.tsx +103 -25
  89. package/src/modals/LocalicationModal.tsx +4 -5
  90. package/src/modals/Modal.tsx +8 -1
  91. package/src/pages/ProjectPage.tsx +7 -1
  92. package/src/pages/tabs/SideTool.tsx +10 -9
  93. package/src/store.ts +5 -0
  94. package/src/styles/base/_global.scss +5 -0
  95. package/src/styles/components/_editor-shell.scss +4 -2
  96. package/src/styles/modals/_color-modal.scss +30 -1
  97. package/src/styles/utilities/_carousel.scss +9 -8
  98. package/src/utils/extractImageStyle.ts +3 -6
  99. package/src/utils/extractTextStyle.ts +2 -81
  100. package/src/utils/extractViewStyle.ts +20 -15
  101. package/src/utils/selection.ts +24 -0
  102. package/src/utils/useMergedStyle.ts +16 -0
package/dist/build-components/patterns.generated.d.ts CHANGED
@@ -27,6 +27,7 @@ export declare const patterns: readonly [{
27
27
  readonly borderRadius: "size";
28
28
  readonly width: "size";
29
29
  readonly height: "size";
30
+ readonly flex: "number";
30
31
  readonly position: readonly ["relative", "absolute"];
31
32
  readonly top: "size";
32
33
  readonly bottom: "size";
@@ -258,12 +259,19 @@ export declare const patterns: readonly [{
258
259
  readonly sort: 1;
259
260
  readonly preferedScale: "vs";
260
261
  };
262
+ readonly flex: {
263
+ readonly label: "Flex";
264
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
265
+ readonly category: "container";
266
+ readonly specialCategory: "size";
267
+ readonly sort: 2;
268
+ };
261
269
  readonly position: {
262
270
  readonly label: "Position";
263
271
  readonly description: "Sets layout positioning mode.";
264
272
  readonly category: "container";
265
273
  readonly specialCategory: null;
266
- readonly sort: 2;
274
+ readonly sort: 3;
267
275
  };
268
276
  readonly top: {
269
277
  readonly label: "Top";
@@ -362,6 +370,7 @@ export declare const patterns: readonly [{
362
370
  readonly borderRadius: "size";
363
371
  readonly width: "size";
364
372
  readonly height: "size";
373
+ readonly flex: "number";
365
374
  readonly position: readonly ["relative", "absolute"];
366
375
  readonly top: "size";
367
376
  readonly bottom: "size";
@@ -586,12 +595,19 @@ export declare const patterns: readonly [{
586
595
  readonly sort: 1;
587
596
  readonly preferedScale: "vs";
588
597
  };
598
+ readonly flex: {
599
+ readonly label: "Flex";
600
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
601
+ readonly category: "container";
602
+ readonly specialCategory: "size";
603
+ readonly sort: 2;
604
+ };
589
605
  readonly position: {
590
606
  readonly label: "Position";
591
607
  readonly description: "Sets layout positioning mode.";
592
608
  readonly category: "container";
593
609
  readonly specialCategory: null;
594
- readonly sort: 2;
610
+ readonly sort: 3;
595
611
  };
596
612
  readonly top: {
597
613
  readonly label: "Top";
@@ -688,6 +704,7 @@ export declare const patterns: readonly [{
688
704
  readonly borderRadius: "size";
689
705
  readonly width: "size";
690
706
  readonly height: "size";
707
+ readonly flex: "number";
691
708
  readonly position: readonly ["relative", "absolute"];
692
709
  readonly top: "size";
693
710
  readonly bottom: "size";
@@ -909,12 +926,19 @@ export declare const patterns: readonly [{
909
926
  readonly sort: 1;
910
927
  readonly preferedScale: "vs";
911
928
  };
929
+ readonly flex: {
930
+ readonly label: "Flex";
931
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
932
+ readonly category: "container";
933
+ readonly specialCategory: "size";
934
+ readonly sort: 2;
935
+ };
912
936
  readonly position: {
913
937
  readonly label: "Position";
914
938
  readonly description: "Sets layout positioning mode.";
915
939
  readonly category: "container";
916
940
  readonly specialCategory: null;
917
- readonly sort: 2;
941
+ readonly sort: 3;
918
942
  };
919
943
  readonly top: {
920
944
  readonly label: "Top";
@@ -990,6 +1014,7 @@ export declare const patterns: readonly [{
990
1014
  readonly borderRadius: "size";
991
1015
  readonly width: "size";
992
1016
  readonly height: "size";
1017
+ readonly flex: "number";
993
1018
  readonly position: readonly ["relative", "absolute"];
994
1019
  readonly top: "size";
995
1020
  readonly bottom: "size";
@@ -1213,12 +1238,19 @@ export declare const patterns: readonly [{
1213
1238
  readonly sort: 1;
1214
1239
  readonly preferedScale: "vs";
1215
1240
  };
1241
+ readonly flex: {
1242
+ readonly label: "Flex";
1243
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
1244
+ readonly category: "container";
1245
+ readonly specialCategory: "size";
1246
+ readonly sort: 2;
1247
+ };
1216
1248
  readonly position: {
1217
1249
  readonly label: "Position";
1218
1250
  readonly description: "Sets layout positioning mode.";
1219
1251
  readonly category: "container";
1220
1252
  readonly specialCategory: null;
1221
- readonly sort: 2;
1253
+ readonly sort: 3;
1222
1254
  };
1223
1255
  readonly top: {
1224
1256
  readonly label: "Top";
@@ -1308,6 +1340,7 @@ export declare const patterns: readonly [{
1308
1340
  readonly borderRadius: "size";
1309
1341
  readonly width: "size";
1310
1342
  readonly height: "size";
1343
+ readonly flex: "number";
1311
1344
  readonly position: readonly ["relative", "absolute"];
1312
1345
  readonly top: "size";
1313
1346
  readonly bottom: "size";
@@ -1530,12 +1563,19 @@ export declare const patterns: readonly [{
1530
1563
  readonly sort: 1;
1531
1564
  readonly preferedScale: "vs";
1532
1565
  };
1566
+ readonly flex: {
1567
+ readonly label: "Flex";
1568
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
1569
+ readonly category: "container";
1570
+ readonly specialCategory: "size";
1571
+ readonly sort: 2;
1572
+ };
1533
1573
  readonly position: {
1534
1574
  readonly label: "Position";
1535
1575
  readonly description: "Sets layout positioning mode.";
1536
1576
  readonly category: "container";
1537
1577
  readonly specialCategory: null;
1538
- readonly sort: 2;
1578
+ readonly sort: 3;
1539
1579
  };
1540
1580
  readonly top: {
1541
1581
  readonly label: "Top";
@@ -1618,6 +1658,7 @@ export declare const patterns: readonly [{
1618
1658
  readonly borderRadius: "size";
1619
1659
  readonly width: "size";
1620
1660
  readonly height: "size";
1661
+ readonly flex: "number";
1621
1662
  readonly position: readonly ["relative", "absolute"];
1622
1663
  readonly top: "size";
1623
1664
  readonly bottom: "size";
@@ -1839,12 +1880,19 @@ export declare const patterns: readonly [{
1839
1880
  readonly sort: 1;
1840
1881
  readonly preferedScale: "vs";
1841
1882
  };
1883
+ readonly flex: {
1884
+ readonly label: "Flex";
1885
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
1886
+ readonly category: "container";
1887
+ readonly specialCategory: "size";
1888
+ readonly sort: 2;
1889
+ };
1842
1890
  readonly position: {
1843
1891
  readonly label: "Position";
1844
1892
  readonly description: "Sets layout positioning mode.";
1845
1893
  readonly category: "container";
1846
1894
  readonly specialCategory: null;
1847
- readonly sort: 2;
1895
+ readonly sort: 3;
1848
1896
  };
1849
1897
  readonly top: {
1850
1898
  readonly label: "Top";
@@ -1920,6 +1968,7 @@ export declare const patterns: readonly [{
1920
1968
  readonly borderRadius: "size";
1921
1969
  readonly width: "size";
1922
1970
  readonly height: "size";
1971
+ readonly flex: "number";
1923
1972
  readonly position: readonly ["relative", "absolute"];
1924
1973
  readonly top: "size";
1925
1974
  readonly bottom: "size";
@@ -2141,12 +2190,19 @@ export declare const patterns: readonly [{
2141
2190
  readonly sort: 1;
2142
2191
  readonly preferedScale: "vs";
2143
2192
  };
2193
+ readonly flex: {
2194
+ readonly label: "Flex";
2195
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
2196
+ readonly category: "container";
2197
+ readonly specialCategory: "size";
2198
+ readonly sort: 2;
2199
+ };
2144
2200
  readonly position: {
2145
2201
  readonly label: "Position";
2146
2202
  readonly description: "Sets layout positioning mode.";
2147
2203
  readonly category: "container";
2148
2204
  readonly specialCategory: null;
2149
- readonly sort: 2;
2205
+ readonly sort: 3;
2150
2206
  };
2151
2207
  readonly top: {
2152
2208
  readonly label: "Top";
@@ -2222,6 +2278,7 @@ export declare const patterns: readonly [{
2222
2278
  readonly borderRadius: "size";
2223
2279
  readonly width: "size";
2224
2280
  readonly height: "size";
2281
+ readonly flex: "number";
2225
2282
  readonly position: readonly ["relative", "absolute"];
2226
2283
  readonly top: "size";
2227
2284
  readonly bottom: "size";
@@ -2423,10 +2480,11 @@ export declare const patterns: readonly [{
2423
2480
  };
2424
2481
  readonly borderRadius: {
2425
2482
  readonly label: "Border Radius";
2426
- readonly description: "Corner rounding.";
2483
+ readonly description: "Corner rounding amount.";
2427
2484
  readonly category: "style";
2428
2485
  readonly specialCategory: null;
2429
- readonly sort: 5;
2486
+ readonly sort: 21;
2487
+ readonly preferedScale: "s";
2430
2488
  };
2431
2489
  readonly width: {
2432
2490
  readonly label: "Width";
@@ -2442,12 +2500,19 @@ export declare const patterns: readonly [{
2442
2500
  readonly specialCategory: null;
2443
2501
  readonly sort: 3;
2444
2502
  };
2503
+ readonly flex: {
2504
+ readonly label: "Flex";
2505
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
2506
+ readonly category: "container";
2507
+ readonly specialCategory: "size";
2508
+ readonly sort: 2;
2509
+ };
2445
2510
  readonly position: {
2446
2511
  readonly label: "Position";
2447
2512
  readonly description: "Sets layout positioning mode.";
2448
2513
  readonly category: "container";
2449
2514
  readonly specialCategory: null;
2450
- readonly sort: 2;
2515
+ readonly sort: 3;
2451
2516
  };
2452
2517
  readonly top: {
2453
2518
  readonly label: "Top";
@@ -2537,6 +2602,7 @@ export declare const patterns: readonly [{
2537
2602
  readonly borderRadius: "size";
2538
2603
  readonly width: "size";
2539
2604
  readonly height: "size";
2605
+ readonly flex: "number";
2540
2606
  readonly position: readonly ["relative", "absolute"];
2541
2607
  readonly top: "size";
2542
2608
  readonly bottom: "size";
@@ -2758,12 +2824,19 @@ export declare const patterns: readonly [{
2758
2824
  readonly sort: 1;
2759
2825
  readonly preferedScale: "vs";
2760
2826
  };
2827
+ readonly flex: {
2828
+ readonly label: "Flex";
2829
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
2830
+ readonly category: "container";
2831
+ readonly specialCategory: "size";
2832
+ readonly sort: 2;
2833
+ };
2761
2834
  readonly position: {
2762
2835
  readonly label: "Position";
2763
2836
  readonly description: "Sets layout positioning mode.";
2764
2837
  readonly category: "container";
2765
2838
  readonly specialCategory: null;
2766
- readonly sort: 2;
2839
+ readonly sort: 3;
2767
2840
  };
2768
2841
  readonly top: {
2769
2842
  readonly label: "Top";
@@ -2840,6 +2913,7 @@ export declare const patterns: readonly [{
2840
2913
  readonly borderRadius: "size";
2841
2914
  readonly width: "size";
2842
2915
  readonly height: "size";
2916
+ readonly flex: "number";
2843
2917
  readonly position: readonly ["relative", "absolute"];
2844
2918
  readonly top: "size";
2845
2919
  readonly bottom: "size";
@@ -2851,7 +2925,6 @@ export declare const patterns: readonly [{
2851
2925
  readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
2852
2926
  readonly animation_color: "color";
2853
2927
  readonly button_background_color: "color";
2854
- readonly flex: "number";
2855
2928
  readonly events: "EventObject[]";
2856
2929
  };
2857
2930
  readonly defaults: {
@@ -3068,12 +3141,19 @@ export declare const patterns: readonly [{
3068
3141
  readonly sort: 1;
3069
3142
  readonly preferedScale: "vs";
3070
3143
  };
3144
+ readonly flex: {
3145
+ readonly label: "Flex";
3146
+ readonly description: "Flex grow value in layout.";
3147
+ readonly category: "container";
3148
+ readonly specialCategory: null;
3149
+ readonly sort: 6;
3150
+ };
3071
3151
  readonly position: {
3072
3152
  readonly label: "Position";
3073
3153
  readonly description: "Sets layout positioning mode.";
3074
3154
  readonly category: "container";
3075
3155
  readonly specialCategory: null;
3076
- readonly sort: 2;
3156
+ readonly sort: 3;
3077
3157
  };
3078
3158
  readonly top: {
3079
3159
  readonly label: "Top";
@@ -3149,13 +3229,6 @@ export declare const patterns: readonly [{
3149
3229
  readonly specialCategory: null;
3150
3230
  readonly sort: 5;
3151
3231
  };
3152
- readonly flex: {
3153
- readonly label: "Flex";
3154
- readonly description: "Flex grow value in layout.";
3155
- readonly category: "container";
3156
- readonly specialCategory: null;
3157
- readonly sort: 6;
3158
- };
3159
3232
  readonly events: {
3160
3233
  readonly label: "Events";
3161
3234
  readonly description: "List of events fired by the button.";
@@ -3205,6 +3278,7 @@ export declare const patterns: readonly [{
3205
3278
  readonly borderRadius: "size";
3206
3279
  readonly width: "size";
3207
3280
  readonly height: "size";
3281
+ readonly flex: "number";
3208
3282
  readonly position: readonly ["relative", "absolute"];
3209
3283
  readonly top: "size";
3210
3284
  readonly bottom: "size";
@@ -3433,12 +3507,19 @@ export declare const patterns: readonly [{
3433
3507
  readonly sort: 1;
3434
3508
  readonly preferedScale: "vs";
3435
3509
  };
3510
+ readonly flex: {
3511
+ readonly label: "Flex";
3512
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
3513
+ readonly category: "container";
3514
+ readonly specialCategory: "size";
3515
+ readonly sort: 2;
3516
+ };
3436
3517
  readonly position: {
3437
3518
  readonly label: "Position";
3438
3519
  readonly description: "Sets layout positioning mode.";
3439
3520
  readonly category: "container";
3440
3521
  readonly specialCategory: null;
3441
- readonly sort: 2;
3522
+ readonly sort: 3;
3442
3523
  };
3443
3524
  readonly top: {
3444
3525
  readonly label: "Top";
@@ -3563,6 +3644,7 @@ export declare const patterns: readonly [{
3563
3644
  readonly borderRadius: "size";
3564
3645
  readonly width: "size";
3565
3646
  readonly height: "size";
3647
+ readonly flex: "number";
3566
3648
  readonly position: readonly ["relative", "absolute"];
3567
3649
  readonly top: "size";
3568
3650
  readonly bottom: "size";
@@ -3571,9 +3653,7 @@ export declare const patterns: readonly [{
3571
3653
  readonly zIndex: "number";
3572
3654
  readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
3573
3655
  readonly inactive_dot_opacity: "number";
3574
- readonly expanding_dot_width: "number";
3575
- readonly dot_style: "string";
3576
- readonly container_style: "string";
3656
+ readonly expanding_dot_width: "size";
3577
3657
  readonly active_dot_color: "color";
3578
3658
  };
3579
3659
  readonly defaults: {
@@ -3790,12 +3870,19 @@ export declare const patterns: readonly [{
3790
3870
  readonly sort: 1;
3791
3871
  readonly preferedScale: "vs";
3792
3872
  };
3873
+ readonly flex: {
3874
+ readonly label: "Flex";
3875
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
3876
+ readonly category: "container";
3877
+ readonly specialCategory: "size";
3878
+ readonly sort: 2;
3879
+ };
3793
3880
  readonly position: {
3794
3881
  readonly label: "Position";
3795
3882
  readonly description: "Sets layout positioning mode.";
3796
3883
  readonly category: "container";
3797
3884
  readonly specialCategory: null;
3798
- readonly sort: 2;
3885
+ readonly sort: 3;
3799
3886
  };
3800
3887
  readonly top: {
3801
3888
  readonly label: "Top";
@@ -3857,26 +3944,12 @@ export declare const patterns: readonly [{
3857
3944
  readonly specialCategory: null;
3858
3945
  readonly sort: 3;
3859
3946
  };
3860
- readonly dot_style: {
3861
- readonly label: "Dot Style";
3862
- readonly description: "Custom style for each dot.";
3863
- readonly category: "style";
3864
- readonly specialCategory: null;
3865
- readonly sort: 4;
3866
- };
3867
- readonly container_style: {
3868
- readonly label: "Container Style";
3869
- readonly description: "Style for the dot wrapper.";
3870
- readonly category: "style";
3871
- readonly specialCategory: null;
3872
- readonly sort: 5;
3873
- };
3874
3947
  readonly active_dot_color: {
3875
3948
  readonly label: "Active Dot Color";
3876
3949
  readonly description: "Color of the active dot.";
3877
3950
  readonly category: "style";
3878
3951
  readonly specialCategory: null;
3879
- readonly sort: 6;
3952
+ readonly sort: 4;
3880
3953
  };
3881
3954
  };
3882
3955
  };
@@ -3917,6 +3990,7 @@ export declare const patterns: readonly [{
3917
3990
  readonly borderRadius: "size";
3918
3991
  readonly width: "size";
3919
3992
  readonly height: "size";
3993
+ readonly flex: "number";
3920
3994
  readonly position: readonly ["relative", "absolute"];
3921
3995
  readonly top: "size";
3922
3996
  readonly bottom: "size";
@@ -4148,12 +4222,19 @@ export declare const patterns: readonly [{
4148
4222
  readonly sort: 1;
4149
4223
  readonly preferedScale: "vs";
4150
4224
  };
4225
+ readonly flex: {
4226
+ readonly label: "Flex";
4227
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
4228
+ readonly category: "container";
4229
+ readonly specialCategory: "size";
4230
+ readonly sort: 2;
4231
+ };
4151
4232
  readonly position: {
4152
4233
  readonly label: "Position";
4153
4234
  readonly description: "Sets layout positioning mode.";
4154
4235
  readonly category: "container";
4155
4236
  readonly specialCategory: null;
4156
- readonly sort: 2;
4237
+ readonly sort: 3;
4157
4238
  };
4158
4239
  readonly top: {
4159
4240
  readonly label: "Top";
@@ -4287,7 +4368,6 @@ export declare const patterns: readonly [{
4287
4368
  readonly width: "size";
4288
4369
  readonly height: "size";
4289
4370
  readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
4290
- readonly borderRadius: "size";
4291
4371
  readonly scrollable: "boolean";
4292
4372
  readonly flexDirection: readonly ["row", "column"];
4293
4373
  readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -4307,6 +4387,8 @@ export declare const patterns: readonly [{
4307
4387
  readonly marginLeft: "size";
4308
4388
  readonly marginRight: "size";
4309
4389
  readonly backgroundColor: "color";
4390
+ readonly borderRadius: "size";
4391
+ readonly flex: "number";
4310
4392
  readonly position: readonly ["relative", "absolute"];
4311
4393
  readonly top: "size";
4312
4394
  readonly bottom: "size";
@@ -4355,14 +4437,6 @@ export declare const patterns: readonly [{
4355
4437
  readonly specialCategory: null;
4356
4438
  readonly sort: 4;
4357
4439
  };
4358
- readonly borderRadius: {
4359
- readonly label: "Border Radius";
4360
- readonly description: "Corner rounding amount.";
4361
- readonly category: "style";
4362
- readonly specialCategory: null;
4363
- readonly sort: 21;
4364
- readonly preferedScale: "s";
4365
- };
4366
4440
  readonly scrollable: {
4367
4441
  readonly label: "Scrollable";
4368
4442
  readonly description: "Turns scroll interaction on.";
@@ -4518,12 +4592,27 @@ export declare const patterns: readonly [{
4518
4592
  readonly specialCategory: null;
4519
4593
  readonly sort: 20;
4520
4594
  };
4595
+ readonly borderRadius: {
4596
+ readonly label: "Border Radius";
4597
+ readonly description: "Corner rounding amount.";
4598
+ readonly category: "style";
4599
+ readonly specialCategory: null;
4600
+ readonly sort: 21;
4601
+ readonly preferedScale: "s";
4602
+ };
4603
+ readonly flex: {
4604
+ readonly label: "Flex";
4605
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
4606
+ readonly category: "container";
4607
+ readonly specialCategory: "size";
4608
+ readonly sort: 2;
4609
+ };
4521
4610
  readonly position: {
4522
4611
  readonly label: "Position";
4523
4612
  readonly description: "Sets layout positioning mode.";
4524
4613
  readonly category: "container";
4525
4614
  readonly specialCategory: null;
4526
- readonly sort: 2;
4615
+ readonly sort: 3;
4527
4616
  };
4528
4617
  readonly top: {
4529
4618
  readonly label: "Top";
@@ -4639,6 +4728,7 @@ export declare const patterns: readonly [{
4639
4728
  readonly borderRadius: "size";
4640
4729
  readonly width: "size";
4641
4730
  readonly height: "size";
4731
+ readonly flex: "number";
4642
4732
  readonly position: readonly ["relative", "absolute"];
4643
4733
  readonly top: "size";
4644
4734
  readonly bottom: "size";
@@ -4859,12 +4949,19 @@ export declare const patterns: readonly [{
4859
4949
  readonly sort: 1;
4860
4950
  readonly preferedScale: "vs";
4861
4951
  };
4952
+ readonly flex: {
4953
+ readonly label: "Flex";
4954
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
4955
+ readonly category: "container";
4956
+ readonly specialCategory: "size";
4957
+ readonly sort: 2;
4958
+ };
4862
4959
  readonly position: {
4863
4960
  readonly label: "Position";
4864
4961
  readonly description: "Sets layout positioning mode.";
4865
4962
  readonly category: "container";
4866
4963
  readonly specialCategory: null;
4867
- readonly sort: 2;
4964
+ readonly sort: 3;
4868
4965
  };
4869
4966
  readonly top: {
4870
4967
  readonly label: "Top";
@@ -4950,6 +5047,7 @@ export declare const patterns: readonly [{
4950
5047
  readonly borderRadius: "never";
4951
5048
  readonly width: "size";
4952
5049
  readonly height: "size";
5050
+ readonly flex: "number";
4953
5051
  readonly position: readonly ["relative", "absolute"];
4954
5052
  readonly top: "size";
4955
5053
  readonly bottom: "size";
@@ -5168,12 +5266,19 @@ export declare const patterns: readonly [{
5168
5266
  readonly sort: 1;
5169
5267
  readonly preferedScale: "vs";
5170
5268
  };
5269
+ readonly flex: {
5270
+ readonly label: "Flex";
5271
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
5272
+ readonly category: "container";
5273
+ readonly specialCategory: "size";
5274
+ readonly sort: 2;
5275
+ };
5171
5276
  readonly position: {
5172
5277
  readonly label: "Position";
5173
5278
  readonly description: "Sets layout positioning mode.";
5174
5279
  readonly category: "container";
5175
5280
  readonly specialCategory: null;
5176
- readonly sort: 2;
5281
+ readonly sort: 3;
5177
5282
  };
5178
5283
  readonly top: {
5179
5284
  readonly label: "Top";
@@ -5264,6 +5369,7 @@ export declare const patterns: readonly [{
5264
5369
  readonly borderRadius: "size";
5265
5370
  readonly width: "size";
5266
5371
  readonly height: "size";
5372
+ readonly flex: "number";
5267
5373
  readonly position: readonly ["relative", "absolute"];
5268
5374
  readonly top: "size";
5269
5375
  readonly bottom: "size";
@@ -5488,12 +5594,19 @@ export declare const patterns: readonly [{
5488
5594
  readonly sort: 1;
5489
5595
  readonly preferedScale: "vs";
5490
5596
  };
5597
+ readonly flex: {
5598
+ readonly label: "Flex";
5599
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
5600
+ readonly category: "container";
5601
+ readonly specialCategory: "size";
5602
+ readonly sort: 2;
5603
+ };
5491
5604
  readonly position: {
5492
5605
  readonly label: "Position";
5493
5606
  readonly description: "Sets layout positioning mode.";
5494
5607
  readonly category: "container";
5495
5608
  readonly specialCategory: null;
5496
- readonly sort: 2;
5609
+ readonly sort: 3;
5497
5610
  };
5498
5611
  readonly top: {
5499
5612
  readonly label: "Top";
@@ -5601,6 +5714,7 @@ export declare const patterns: readonly [{
5601
5714
  readonly borderRadius: "size";
5602
5715
  readonly width: "size";
5603
5716
  readonly height: "size";
5717
+ readonly flex: "number";
5604
5718
  readonly position: readonly ["relative", "absolute"];
5605
5719
  readonly top: "size";
5606
5720
  readonly bottom: "size";
@@ -5825,12 +5939,19 @@ export declare const patterns: readonly [{
5825
5939
  readonly sort: 1;
5826
5940
  readonly preferedScale: "vs";
5827
5941
  };
5942
+ readonly flex: {
5943
+ readonly label: "Flex";
5944
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
5945
+ readonly category: "container";
5946
+ readonly specialCategory: "size";
5947
+ readonly sort: 2;
5948
+ };
5828
5949
  readonly position: {
5829
5950
  readonly label: "Position";
5830
5951
  readonly description: "Sets layout positioning mode.";
5831
5952
  readonly category: "container";
5832
5953
  readonly specialCategory: null;
5833
- readonly sort: 2;
5954
+ readonly sort: 3;
5834
5955
  };
5835
5956
  readonly top: {
5836
5957
  readonly label: "Top";
@@ -5935,6 +6056,7 @@ export declare const patterns: readonly [{
5935
6056
  readonly borderRadius: "size";
5936
6057
  readonly width: "size";
5937
6058
  readonly height: "size";
6059
+ readonly flex: "number";
5938
6060
  readonly position: readonly ["relative", "absolute"];
5939
6061
  readonly top: "size";
5940
6062
  readonly bottom: "size";
@@ -6160,12 +6282,19 @@ export declare const patterns: readonly [{
6160
6282
  readonly sort: 1;
6161
6283
  readonly preferedScale: "vs";
6162
6284
  };
6285
+ readonly flex: {
6286
+ readonly label: "Flex";
6287
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
6288
+ readonly category: "container";
6289
+ readonly specialCategory: "size";
6290
+ readonly sort: 2;
6291
+ };
6163
6292
  readonly position: {
6164
6293
  readonly label: "Position";
6165
6294
  readonly description: "Sets layout positioning mode.";
6166
6295
  readonly category: "container";
6167
6296
  readonly specialCategory: null;
6168
- readonly sort: 2;
6297
+ readonly sort: 3;
6169
6298
  };
6170
6299
  readonly top: {
6171
6300
  readonly label: "Top";
@@ -6270,6 +6399,7 @@ export declare const patterns: readonly [{
6270
6399
  readonly borderRadius: "size";
6271
6400
  readonly width: "size";
6272
6401
  readonly height: "size";
6402
+ readonly flex: "number";
6273
6403
  readonly position: readonly ["relative", "absolute"];
6274
6404
  readonly top: "size";
6275
6405
  readonly bottom: "size";
@@ -6491,12 +6621,19 @@ export declare const patterns: readonly [{
6491
6621
  readonly sort: 1;
6492
6622
  readonly preferedScale: "vs";
6493
6623
  };
6624
+ readonly flex: {
6625
+ readonly label: "Flex";
6626
+ readonly description: "Flex grow factor (e.g. 1 fills available space).";
6627
+ readonly category: "container";
6628
+ readonly specialCategory: "size";
6629
+ readonly sort: 2;
6630
+ };
6494
6631
  readonly position: {
6495
6632
  readonly label: "Position";
6496
6633
  readonly description: "Sets layout positioning mode.";
6497
6634
  readonly category: "container";
6498
6635
  readonly specialCategory: null;
6499
- readonly sort: 2;
6636
+ readonly sort: 3;
6500
6637
  };
6501
6638
  readonly top: {
6502
6639
  readonly label: "Top";
package/dist/components/JsonTextEditor.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ type JsonTextEditorProps = {
2
+ value: unknown;
3
+ onChange?: (next: unknown) => void;
4
+ rootName?: string;
5
+ readOnly?: boolean;
6
+ className?: string;
7
+ };
8
+ export declare function JsonTextEditor({ value, onChange, rootName, readOnly, className, }: JsonTextEditorProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};