@developer_tribe/react-builder 1.0.5 → 1.0.6

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 (66) hide show
  1. package/dist/build-components/index.d.ts +1 -2
  2. package/dist/build-components/patterns.generated.d.ts +56 -439
  3. package/dist/components/AttributesEditorPanel.d.ts +2 -2
  4. package/dist/components/BottomBar.d.ts +8 -0
  5. package/dist/components/Checkbox.d.ts +1 -1
  6. package/dist/components/LoadingComponent.d.ts +1 -0
  7. package/dist/components/MobilePanelToggleButton.d.ts +8 -0
  8. package/dist/hooks/useMinimumDelay.d.ts +7 -0
  9. package/dist/hooks/useMobileEditorPanels.d.ts +12 -0
  10. package/dist/hooks/useSyncProjectPageStore.d.ts +15 -0
  11. package/dist/index.cjs.js +3 -3
  12. package/dist/index.cjs.js.map +1 -1
  13. package/dist/index.esm.js +3 -3
  14. package/dist/index.esm.js.map +1 -1
  15. package/dist/index.native.cjs.js +1 -1
  16. package/dist/index.native.cjs.js.map +1 -1
  17. package/dist/index.native.esm.js +4 -4
  18. package/dist/index.native.esm.js.map +1 -1
  19. package/dist/modals/ScreenColorsModal.d.ts +8 -0
  20. package/dist/modals/index.d.ts +1 -0
  21. package/dist/pages/tabs/BuilderPanel.d.ts +2 -2
  22. package/dist/store.d.ts +6 -0
  23. package/dist/styles.css +1 -1
  24. package/dist/utils/nodeTree.d.ts +5 -0
  25. package/package.json +1 -1
  26. package/src/RenderPage.tsx +4 -1
  27. package/src/assets/samples/carousel-sample.json +99 -81
  28. package/src/assets/samples/simple-1.json +8 -2
  29. package/src/assets/samples/simple-2.json +36 -9
  30. package/src/assets/samples/vpn-onboard-1.json +27 -23
  31. package/src/assets/samples/vpn-onboard-2.json +279 -275
  32. package/src/assets/samples/vpn-onboard-3.json +247 -246
  33. package/src/assets/samples/vpn-onboard-4.json +247 -246
  34. package/src/assets/samples/vpn-onboard-5.json +375 -369
  35. package/src/assets/samples/vpn-onboard-6.json +252 -248
  36. package/src/build-components/RenderNode.generated.tsx +0 -7
  37. package/src/build-components/View/pattern.json +2 -2
  38. package/src/build-components/index.ts +0 -5
  39. package/src/build-components/patterns.generated.ts +56 -455
  40. package/src/components/AttributesEditorPanel.tsx +12 -8
  41. package/src/components/BottomBar.tsx +236 -0
  42. package/src/components/EditorHeader.tsx +11 -4
  43. package/src/components/LoadingComponent.tsx +10 -0
  44. package/src/components/MobilePanelToggleButton.tsx +39 -0
  45. package/src/hooks/useMinimumDelay.ts +20 -0
  46. package/src/hooks/useMobileEditorPanels.ts +56 -0
  47. package/src/hooks/useSyncProjectPageStore.ts +40 -0
  48. package/src/modals/ScreenColorsModal.tsx +115 -0
  49. package/src/modals/index.ts +1 -0
  50. package/src/pages/ProjectPage.tsx +53 -243
  51. package/src/pages/tabs/BuilderPanel.tsx +14 -8
  52. package/src/store.ts +10 -6
  53. package/src/styles/base/_global.scss +12 -4
  54. package/src/styles/components/_attributes-editor.scss +9 -1
  55. package/src/styles/components/_bottom-bar.scss +113 -0
  56. package/src/styles/components/_editor-shell.scss +0 -19
  57. package/src/styles/index.scss +1 -0
  58. package/src/utils/analyseNodeByPatterns.ts +15 -0
  59. package/src/utils/nodeTree.ts +99 -0
  60. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts +0 -5
  61. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts +0 -50
  62. package/dist/pages/tabs/SideTool.d.ts +0 -8
  63. package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx +0 -10
  64. package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts +0 -77
  65. package/src/build-components/PaywallSubscriButton/pattern.json +0 -27
  66. package/src/pages/tabs/SideTool.tsx +0 -253
@@ -87,8 +87,8 @@ export declare const patterns: readonly [{
87
87
  readonly sort: 4;
88
88
  };
89
89
  readonly scrollable: {
90
- readonly label: "Scrollable";
91
- readonly description: "Turns scroll interaction on.";
90
+ readonly label: "Scrollable (!!)";
91
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
92
92
  readonly category: "container";
93
93
  readonly specialCategory: null;
94
94
  readonly sort: -1;
@@ -495,8 +495,8 @@ export declare const patterns: readonly [{
495
495
  };
496
496
  readonly attributes: {
497
497
  readonly scrollable: {
498
- readonly label: "Scrollable";
499
- readonly description: "Turns scroll interaction on.";
498
+ readonly label: "Scrollable (!!)";
499
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
500
500
  readonly category: "container";
501
501
  readonly specialCategory: null;
502
502
  readonly sort: -1;
@@ -867,8 +867,8 @@ export declare const patterns: readonly [{
867
867
  };
868
868
  readonly attributes: {
869
869
  readonly scrollable: {
870
- readonly label: "Scrollable";
871
- readonly description: "Turns scroll interaction on.";
870
+ readonly label: "Scrollable (!!)";
871
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
872
872
  readonly category: "container";
873
873
  readonly specialCategory: null;
874
874
  readonly sort: -1;
@@ -1237,8 +1237,8 @@ export declare const patterns: readonly [{
1237
1237
  };
1238
1238
  readonly attributes: {
1239
1239
  readonly scrollable: {
1240
- readonly label: "Scrollable";
1241
- readonly description: "Turns scroll interaction on.";
1240
+ readonly label: "Scrollable (!!)";
1241
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
1242
1242
  readonly category: "container";
1243
1243
  readonly specialCategory: null;
1244
1244
  readonly sort: -1;
@@ -1589,8 +1589,8 @@ export declare const patterns: readonly [{
1589
1589
  };
1590
1590
  readonly attributes: {
1591
1591
  readonly scrollable: {
1592
- readonly label: "Scrollable";
1593
- readonly description: "Turns scroll interaction on.";
1592
+ readonly label: "Scrollable (!!)";
1593
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
1594
1594
  readonly category: "container";
1595
1595
  readonly specialCategory: null;
1596
1596
  readonly sort: -1;
@@ -1954,8 +1954,8 @@ export declare const patterns: readonly [{
1954
1954
  };
1955
1955
  readonly attributes: {
1956
1956
  readonly scrollable: {
1957
- readonly label: "Scrollable";
1958
- readonly description: "Turns scroll interaction on.";
1957
+ readonly label: "Scrollable (!!)";
1958
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
1959
1959
  readonly category: "container";
1960
1960
  readonly specialCategory: null;
1961
1961
  readonly sort: -1;
@@ -2311,8 +2311,8 @@ export declare const patterns: readonly [{
2311
2311
  };
2312
2312
  readonly attributes: {
2313
2313
  readonly scrollable: {
2314
- readonly label: "Scrollable";
2315
- readonly description: "Turns scroll interaction on.";
2314
+ readonly label: "Scrollable (!!)";
2315
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
2316
2316
  readonly category: "container";
2317
2317
  readonly specialCategory: null;
2318
2318
  readonly sort: -1;
@@ -2661,8 +2661,8 @@ export declare const patterns: readonly [{
2661
2661
  };
2662
2662
  readonly attributes: {
2663
2663
  readonly scrollable: {
2664
- readonly label: "Scrollable";
2665
- readonly description: "Turns scroll interaction on.";
2664
+ readonly label: "Scrollable (!!)";
2665
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
2666
2666
  readonly category: "container";
2667
2667
  readonly specialCategory: null;
2668
2668
  readonly sort: -1;
@@ -3013,8 +3013,8 @@ export declare const patterns: readonly [{
3013
3013
  };
3014
3014
  readonly attributes: {
3015
3015
  readonly scrollable: {
3016
- readonly label: "Scrollable";
3017
- readonly description: "Turns scroll interaction on.";
3016
+ readonly label: "Scrollable (!!)";
3017
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
3018
3018
  readonly category: "container";
3019
3019
  readonly specialCategory: null;
3020
3020
  readonly sort: -1;
@@ -3376,8 +3376,8 @@ export declare const patterns: readonly [{
3376
3376
  };
3377
3377
  readonly attributes: {
3378
3378
  readonly scrollable: {
3379
- readonly label: "Scrollable";
3380
- readonly description: "Turns scroll interaction on.";
3379
+ readonly label: "Scrollable (!!)";
3380
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
3381
3381
  readonly category: "container";
3382
3382
  readonly specialCategory: null;
3383
3383
  readonly sort: -1;
@@ -3737,8 +3737,8 @@ export declare const patterns: readonly [{
3737
3737
  };
3738
3738
  readonly attributes: {
3739
3739
  readonly scrollable: {
3740
- readonly label: "Scrollable";
3741
- readonly description: "Turns scroll interaction on.";
3740
+ readonly label: "Scrollable (!!)";
3741
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
3742
3742
  readonly category: "container";
3743
3743
  readonly specialCategory: null;
3744
3744
  readonly sort: -1;
@@ -4094,8 +4094,8 @@ export declare const patterns: readonly [{
4094
4094
  };
4095
4095
  readonly attributes: {
4096
4096
  readonly scrollable: {
4097
- readonly label: "Scrollable";
4098
- readonly description: "Turns scroll interaction on.";
4097
+ readonly label: "Scrollable (!!)";
4098
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
4099
4099
  readonly category: "container";
4100
4100
  readonly specialCategory: null;
4101
4101
  readonly sort: -1;
@@ -4500,8 +4500,8 @@ export declare const patterns: readonly [{
4500
4500
  };
4501
4501
  readonly attributes: {
4502
4502
  readonly scrollable: {
4503
- readonly label: "Scrollable";
4504
- readonly description: "Turns scroll interaction on.";
4503
+ readonly label: "Scrollable (!!)";
4504
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
4505
4505
  readonly category: "container";
4506
4506
  readonly specialCategory: null;
4507
4507
  readonly sort: -1;
@@ -4903,8 +4903,8 @@ export declare const patterns: readonly [{
4903
4903
  };
4904
4904
  readonly attributes: {
4905
4905
  readonly scrollable: {
4906
- readonly label: "Scrollable";
4907
- readonly description: "Turns scroll interaction on.";
4906
+ readonly label: "Scrollable (!!)";
4907
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
4908
4908
  readonly category: "container";
4909
4909
  readonly specialCategory: null;
4910
4910
  readonly sort: -1;
@@ -5295,8 +5295,8 @@ export declare const patterns: readonly [{
5295
5295
  readonly sort: 4;
5296
5296
  };
5297
5297
  readonly scrollable: {
5298
- readonly label: "Scrollable";
5299
- readonly description: "Turns scroll interaction on.";
5298
+ readonly label: "Scrollable (!!)";
5299
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
5300
5300
  readonly category: "container";
5301
5301
  readonly specialCategory: null;
5302
5302
  readonly sort: -1;
@@ -5729,8 +5729,8 @@ export declare const patterns: readonly [{
5729
5729
  readonly sort: 4;
5730
5730
  };
5731
5731
  readonly scrollable: {
5732
- readonly label: "Scrollable";
5733
- readonly description: "Turns scroll interaction on.";
5732
+ readonly label: "Scrollable (!!)";
5733
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
5734
5734
  readonly category: "container";
5735
5735
  readonly specialCategory: null;
5736
5736
  readonly sort: -1;
@@ -6104,8 +6104,8 @@ export declare const patterns: readonly [{
6104
6104
  };
6105
6105
  readonly attributes: {
6106
6106
  readonly scrollable: {
6107
- readonly label: "Scrollable";
6108
- readonly description: "Turns scroll interaction on.";
6107
+ readonly label: "Scrollable (!!)";
6108
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
6109
6109
  readonly category: "container";
6110
6110
  readonly specialCategory: null;
6111
6111
  readonly sort: -1;
@@ -6462,8 +6462,8 @@ export declare const patterns: readonly [{
6462
6462
  };
6463
6463
  readonly attributes: {
6464
6464
  readonly scrollable: {
6465
- readonly label: "Scrollable";
6466
- readonly description: "Turns scroll interaction on.";
6465
+ readonly label: "Scrollable (!!)";
6466
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
6467
6467
  readonly category: "container";
6468
6468
  readonly specialCategory: null;
6469
6469
  readonly sort: -1;
@@ -6817,8 +6817,8 @@ export declare const patterns: readonly [{
6817
6817
  readonly sort: 4;
6818
6818
  };
6819
6819
  readonly scrollable: {
6820
- readonly label: "Scrollable";
6821
- readonly description: "Turns scroll interaction on.";
6820
+ readonly label: "Scrollable (!!)";
6821
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
6822
6822
  readonly category: "container";
6823
6823
  readonly specialCategory: null;
6824
6824
  readonly sort: -1;
@@ -7202,8 +7202,8 @@ export declare const patterns: readonly [{
7202
7202
  readonly sort: 4;
7203
7203
  };
7204
7204
  readonly scrollable: {
7205
- readonly label: "Scrollable";
7206
- readonly description: "Turns scroll interaction on.";
7205
+ readonly label: "Scrollable (!!)";
7206
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
7207
7207
  readonly category: "container";
7208
7208
  readonly specialCategory: null;
7209
7209
  readonly sort: -1;
@@ -7581,8 +7581,8 @@ export declare const patterns: readonly [{
7581
7581
  };
7582
7582
  readonly attributes: {
7583
7583
  readonly scrollable: {
7584
- readonly label: "Scrollable";
7585
- readonly description: "Turns scroll interaction on.";
7584
+ readonly label: "Scrollable (!!)";
7585
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
7586
7586
  readonly category: "container";
7587
7587
  readonly specialCategory: null;
7588
7588
  readonly sort: -1;
@@ -7964,8 +7964,8 @@ export declare const patterns: readonly [{
7964
7964
  readonly sort: 4;
7965
7965
  };
7966
7966
  readonly scrollable: {
7967
- readonly label: "Scrollable";
7968
- readonly description: "Turns scroll interaction on.";
7967
+ readonly label: "Scrollable (!!)";
7968
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
7969
7969
  readonly category: "container";
7970
7970
  readonly specialCategory: null;
7971
7971
  readonly sort: -1;
@@ -8347,8 +8347,8 @@ export declare const patterns: readonly [{
8347
8347
  };
8348
8348
  readonly attributes: {
8349
8349
  readonly scrollable: {
8350
- readonly label: "Scrollable";
8351
- readonly description: "Turns scroll interaction on.";
8350
+ readonly label: "Scrollable (!!)";
8351
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
8352
8352
  readonly category: "container";
8353
8353
  readonly specialCategory: null;
8354
8354
  readonly sort: -1;
@@ -8700,8 +8700,8 @@ export declare const patterns: readonly [{
8700
8700
  };
8701
8701
  readonly attributes: {
8702
8702
  readonly scrollable: {
8703
- readonly label: "Scrollable";
8704
- readonly description: "Turns scroll interaction on.";
8703
+ readonly label: "Scrollable (!!)";
8704
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
8705
8705
  readonly category: "container";
8706
8706
  readonly specialCategory: null;
8707
8707
  readonly sort: -1;
@@ -8977,389 +8977,6 @@ export declare const patterns: readonly [{
8977
8977
  readonly height: "100%";
8978
8978
  };
8979
8979
  readonly types: {};
8980
- }, {
8981
- readonly schemaVersion: 1;
8982
- readonly allowUnknownAttributes: false;
8983
- readonly pattern: {
8984
- readonly type: "PaywallSubscriButton";
8985
- readonly children: "string";
8986
- readonly attributes: {
8987
- readonly color: "color";
8988
- readonly fontSize: "size";
8989
- readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
8990
- readonly scrollable: "boolean";
8991
- readonly flexDirection: readonly ["row", "column"];
8992
- readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
8993
- readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
8994
- readonly gap: "size";
8995
- readonly padding: "size";
8996
- readonly paddingHorizontal: "size";
8997
- readonly paddingVertical: "size";
8998
- readonly paddingTop: "size";
8999
- readonly paddingBottom: "size";
9000
- readonly paddingLeft: "size";
9001
- readonly paddingRight: "size";
9002
- readonly margin: "size";
9003
- readonly marginVertical: "size";
9004
- readonly marginTop: "size";
9005
- readonly marginBottom: "size";
9006
- readonly marginLeft: "size";
9007
- readonly marginRight: "size";
9008
- readonly backgroundColor: "color";
9009
- readonly borderRadius: "size";
9010
- readonly width: "size";
9011
- readonly minWidth: "size";
9012
- readonly maxWidth: "size";
9013
- readonly height: "size";
9014
- readonly minHeight: "size";
9015
- readonly maxHeight: "size";
9016
- readonly flex: "number";
9017
- readonly position: readonly ["relative", "absolute"];
9018
- readonly top: "size";
9019
- readonly bottom: "size";
9020
- readonly left: "size";
9021
- readonly right: "size";
9022
- readonly zIndex: "number";
9023
- };
9024
- readonly defaults: {
9025
- readonly flexDirection: "column";
9026
- readonly position: "relative";
9027
- readonly zIndex: 1;
9028
- };
9029
- };
9030
- readonly meta: {
9031
- readonly desiredParent: readonly [">PaywallProvider"];
9032
- readonly label: "Paywall Subscribe Button";
9033
- readonly description: "Paywall subscribe call-to-action button. Extends Button.";
9034
- readonly attributes: {
9035
- readonly color: {
9036
- readonly label: "Color";
9037
- readonly description: "Text color of the button.";
9038
- readonly category: "style";
9039
- readonly specialCategory: null;
9040
- readonly sort: 1;
9041
- };
9042
- readonly fontSize: {
9043
- readonly label: "Font Size";
9044
- readonly description: "Text size of the button.";
9045
- readonly category: "style";
9046
- readonly specialCategory: null;
9047
- readonly sort: 2;
9048
- };
9049
- readonly fontWeight: {
9050
- readonly label: "Font Weight";
9051
- readonly description: "Text weight of the button.";
9052
- readonly category: "style";
9053
- readonly specialCategory: null;
9054
- readonly sort: 3;
9055
- };
9056
- readonly scrollable: {
9057
- readonly label: "Scrollable";
9058
- readonly description: "Turns scroll interaction on.";
9059
- readonly category: "container";
9060
- readonly specialCategory: null;
9061
- readonly sort: -1;
9062
- };
9063
- readonly flexDirection: {
9064
- readonly label: "Flex Direction";
9065
- readonly description: "Sets row or column layout.";
9066
- readonly category: "container";
9067
- readonly specialCategory: null;
9068
- readonly sort: 4;
9069
- };
9070
- readonly alignItems: {
9071
- readonly label: "Align Items";
9072
- readonly description: "Controls cross-axis alignment.";
9073
- readonly category: "container";
9074
- readonly specialCategory: null;
9075
- readonly sort: 3;
9076
- };
9077
- readonly justifyContent: {
9078
- readonly label: "Justify Content";
9079
- readonly description: "Controls main-axis alignment.";
9080
- readonly category: "container";
9081
- readonly specialCategory: null;
9082
- readonly sort: 5;
9083
- };
9084
- readonly gap: {
9085
- readonly label: "Gap";
9086
- readonly description: "Space between children.";
9087
- readonly category: "container";
9088
- readonly specialCategory: null;
9089
- readonly sort: 10;
9090
- readonly preferedScale: "s";
9091
- };
9092
- readonly padding: {
9093
- readonly label: "Padding";
9094
- readonly description: "Uniform padding on all sides.";
9095
- readonly category: "container";
9096
- readonly specialCategory: "padding";
9097
- readonly sort: 6;
9098
- readonly preferedScale: "s";
9099
- };
9100
- readonly paddingHorizontal: {
9101
- readonly label: "Padding Horizontal";
9102
- readonly description: "Left and right padding.";
9103
- readonly category: "container";
9104
- readonly specialCategory: "padding";
9105
- readonly sort: 7;
9106
- readonly preferedScale: "s";
9107
- };
9108
- readonly paddingVertical: {
9109
- readonly label: "Padding Vertical";
9110
- readonly description: "Top and bottom padding.";
9111
- readonly category: "container";
9112
- readonly specialCategory: "padding";
9113
- readonly sort: 8;
9114
- readonly preferedScale: "vs";
9115
- };
9116
- readonly paddingTop: {
9117
- readonly label: "Padding Top";
9118
- readonly description: "Top padding only.";
9119
- readonly category: "container";
9120
- readonly specialCategory: "padding";
9121
- readonly sort: 9;
9122
- readonly preferedScale: "vs";
9123
- };
9124
- readonly paddingBottom: {
9125
- readonly label: "Padding Bottom";
9126
- readonly description: "Bottom padding only.";
9127
- readonly category: "container";
9128
- readonly specialCategory: "padding";
9129
- readonly sort: 10;
9130
- readonly preferedScale: "vs";
9131
- };
9132
- readonly paddingLeft: {
9133
- readonly label: "Padding Left";
9134
- readonly description: "Left padding only.";
9135
- readonly category: "container";
9136
- readonly specialCategory: "padding";
9137
- readonly sort: 11;
9138
- readonly preferedScale: "s";
9139
- };
9140
- readonly paddingRight: {
9141
- readonly label: "Padding Right";
9142
- readonly description: "Right padding only.";
9143
- readonly category: "container";
9144
- readonly specialCategory: "padding";
9145
- readonly sort: 12;
9146
- readonly preferedScale: "s";
9147
- };
9148
- readonly margin: {
9149
- readonly label: "Margin";
9150
- readonly description: "Uniform margin on all sides.";
9151
- readonly category: "container";
9152
- readonly specialCategory: "margin";
9153
- readonly sort: 13;
9154
- readonly preferedScale: "s";
9155
- };
9156
- readonly marginHorizontal: {
9157
- readonly label: "Margin Horizontal";
9158
- readonly description: "Left and right margin.";
9159
- readonly category: "container";
9160
- readonly specialCategory: "margin";
9161
- readonly sort: 14;
9162
- readonly preferedScale: "s";
9163
- };
9164
- readonly marginVertical: {
9165
- readonly label: "Margin Vertical";
9166
- readonly description: "Top and bottom margin.";
9167
- readonly category: "container";
9168
- readonly specialCategory: "margin";
9169
- readonly sort: 15;
9170
- readonly preferedScale: "vs";
9171
- };
9172
- readonly marginTop: {
9173
- readonly label: "Margin Top";
9174
- readonly description: "Top margin only.";
9175
- readonly category: "container";
9176
- readonly specialCategory: "margin";
9177
- readonly sort: 16;
9178
- readonly preferedScale: "vs";
9179
- };
9180
- readonly marginBottom: {
9181
- readonly label: "Margin Bottom";
9182
- readonly description: "Bottom margin only.";
9183
- readonly category: "container";
9184
- readonly specialCategory: "margin";
9185
- readonly sort: 17;
9186
- readonly preferedScale: "vs";
9187
- };
9188
- readonly marginLeft: {
9189
- readonly label: "Margin Left";
9190
- readonly description: "Left margin only.";
9191
- readonly category: "container";
9192
- readonly specialCategory: "margin";
9193
- readonly sort: 18;
9194
- readonly preferedScale: "s";
9195
- };
9196
- readonly marginRight: {
9197
- readonly label: "Margin Right";
9198
- readonly description: "Right margin only.";
9199
- readonly category: "container";
9200
- readonly specialCategory: "margin";
9201
- readonly sort: 19;
9202
- readonly preferedScale: "s";
9203
- };
9204
- readonly backgroundColor: {
9205
- readonly label: "Background Color";
9206
- readonly description: "Background fill color.";
9207
- readonly category: "style";
9208
- readonly specialCategory: null;
9209
- readonly sort: 20;
9210
- };
9211
- readonly borderRadius: {
9212
- readonly label: "Border Radius";
9213
- readonly description: "Corner rounding amount.";
9214
- readonly category: "style";
9215
- readonly specialCategory: null;
9216
- readonly sort: 21;
9217
- readonly preferedScale: "s";
9218
- };
9219
- readonly width: {
9220
- readonly label: "Width";
9221
- readonly description: "Fixed width value.";
9222
- readonly category: "container";
9223
- readonly specialCategory: "size";
9224
- readonly sort: 0;
9225
- readonly preferedScale: "s";
9226
- };
9227
- readonly minWidth: {
9228
- readonly label: "Min Width";
9229
- readonly description: "Minimum width constraint.";
9230
- readonly category: "container";
9231
- readonly specialCategory: "size";
9232
- readonly sort: 1;
9233
- readonly preferedScale: "s";
9234
- };
9235
- readonly maxWidth: {
9236
- readonly label: "Max Width";
9237
- readonly description: "Maximum width constraint.";
9238
- readonly category: "container";
9239
- readonly specialCategory: "size";
9240
- readonly sort: 2;
9241
- readonly preferedScale: "s";
9242
- };
9243
- readonly height: {
9244
- readonly label: "Height";
9245
- readonly description: "Fixed height value.";
9246
- readonly category: "container";
9247
- readonly specialCategory: "size";
9248
- readonly sort: 3;
9249
- readonly preferedScale: "vs";
9250
- };
9251
- readonly minHeight: {
9252
- readonly label: "Min Height";
9253
- readonly description: "Minimum height constraint.";
9254
- readonly category: "container";
9255
- readonly specialCategory: "size";
9256
- readonly sort: 4;
9257
- readonly preferedScale: "vs";
9258
- };
9259
- readonly maxHeight: {
9260
- readonly label: "Max Height";
9261
- readonly description: "Maximum height constraint.";
9262
- readonly category: "container";
9263
- readonly specialCategory: "size";
9264
- readonly sort: 5;
9265
- readonly preferedScale: "vs";
9266
- };
9267
- readonly flex: {
9268
- readonly label: "Flex";
9269
- readonly description: "Flex grow factor (e.g. 1 fills available space).";
9270
- readonly category: "container";
9271
- readonly specialCategory: "size";
9272
- readonly sort: 6;
9273
- };
9274
- readonly position: {
9275
- readonly label: "Position";
9276
- readonly description: "Sets layout positioning mode.";
9277
- readonly category: "container";
9278
- readonly specialCategory: null;
9279
- readonly sort: 3;
9280
- };
9281
- readonly top: {
9282
- readonly label: "Top";
9283
- readonly description: "Offset from the top edge.";
9284
- readonly category: "container";
9285
- readonly specialCategory: "offset";
9286
- readonly sort: 22;
9287
- readonly preferedScale: "vs";
9288
- };
9289
- readonly bottom: {
9290
- readonly label: "Bottom";
9291
- readonly description: "Offset from the bottom edge.";
9292
- readonly category: "container";
9293
- readonly specialCategory: "offset";
9294
- readonly sort: 23;
9295
- readonly preferedScale: "vs";
9296
- };
9297
- readonly left: {
9298
- readonly label: "Left";
9299
- readonly description: "Offset from the left edge.";
9300
- readonly category: "container";
9301
- readonly specialCategory: "offset";
9302
- readonly sort: 24;
9303
- readonly preferedScale: "s";
9304
- };
9305
- readonly right: {
9306
- readonly label: "Right";
9307
- readonly description: "Offset from the right edge.";
9308
- readonly category: "container";
9309
- readonly specialCategory: "offset";
9310
- readonly sort: 25;
9311
- readonly preferedScale: "s";
9312
- };
9313
- readonly zIndex: {
9314
- readonly label: "Z-Index";
9315
- readonly description: "Controls stacking order.";
9316
- readonly category: "container";
9317
- readonly specialCategory: null;
9318
- readonly sort: 26;
9319
- };
9320
- };
9321
- readonly specialCategories: {
9322
- readonly padding: {
9323
- readonly label: "Padding";
9324
- readonly description: "Uniform padding on all sides.";
9325
- readonly category: "container";
9326
- readonly sort: 1;
9327
- };
9328
- readonly margin: {
9329
- readonly label: "Margin";
9330
- readonly description: "Uniform margin on all sides.";
9331
- readonly category: "container";
9332
- readonly sort: 2;
9333
- };
9334
- readonly size: {
9335
- readonly label: "Size";
9336
- readonly description: "Fixed dimensions.";
9337
- readonly category: "container";
9338
- readonly sort: 3;
9339
- };
9340
- readonly offset: {
9341
- readonly label: "Offset";
9342
- readonly description: "Absolute positioning offsets.";
9343
- readonly category: "container";
9344
- readonly sort: 4;
9345
- };
9346
- };
9347
- };
9348
- readonly defaults: {
9349
- readonly flexDirection: "column";
9350
- readonly position: "relative";
9351
- readonly zIndex: 1;
9352
- readonly backgroundColor: "#1C1C1E";
9353
- readonly paddingHorizontal: "20@s";
9354
- readonly paddingVertical: "12@vs";
9355
- readonly borderRadius: "12@s";
9356
- readonly color: "cornflowerblue";
9357
- readonly fontSize: "16@fs";
9358
- readonly fontWeight: "700";
9359
- readonly justifyContent: "center";
9360
- readonly alignItems: "center";
9361
- };
9362
- readonly types: {};
9363
8980
  }, {
9364
8981
  readonly schemaVersion: 1;
9365
8982
  readonly allowUnknownAttributes: false;
@@ -9437,8 +9054,8 @@ export declare const patterns: readonly [{
9437
9054
  readonly sort: 3;
9438
9055
  };
9439
9056
  readonly scrollable: {
9440
- readonly label: "Scrollable";
9441
- readonly description: "Turns scroll interaction on.";
9057
+ readonly label: "Scrollable (!!)";
9058
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
9442
9059
  readonly category: "container";
9443
9060
  readonly specialCategory: null;
9444
9061
  readonly sort: -1;
@@ -9825,8 +9442,8 @@ export declare const patterns: readonly [{
9825
9442
  };
9826
9443
  readonly attributes: {
9827
9444
  readonly scrollable: {
9828
- readonly label: "Scrollable";
9829
- readonly description: "Turns scroll interaction on.";
9445
+ readonly label: "Scrollable (!!)";
9446
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
9830
9447
  readonly category: "container";
9831
9448
  readonly specialCategory: null;
9832
9449
  readonly sort: -1;
@@ -10200,8 +9817,8 @@ export declare const patterns: readonly [{
10200
9817
  };
10201
9818
  readonly attributes: {
10202
9819
  readonly scrollable: {
10203
- readonly label: "Scrollable";
10204
- readonly description: "Turns scroll interaction on.";
9820
+ readonly label: "Scrollable (!!)";
9821
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
10205
9822
  readonly category: "container";
10206
9823
  readonly specialCategory: null;
10207
9824
  readonly sort: -1;
@@ -10579,8 +10196,8 @@ export declare const patterns: readonly [{
10579
10196
  };
10580
10197
  readonly attributes: {
10581
10198
  readonly scrollable: {
10582
- readonly label: "Scrollable";
10583
- readonly description: "Turns scroll interaction on.";
10199
+ readonly label: "Scrollable (!!)";
10200
+ readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
10584
10201
  readonly category: "container";
10585
10202
  readonly specialCategory: null;
10586
10203
  readonly sort: -1;