@developer_tribe/react-builder 1.0.2 → 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 (147) hide show
  1. package/dist/AttributesEditor.d.ts +3 -1
  2. package/dist/RenderPage.d.ts +2 -1
  3. package/dist/android.svg +43 -0
  4. package/dist/apple.svg +16 -0
  5. package/dist/attributes-editor/Field.d.ts +4 -2
  6. package/dist/attributes-editor/SizeField.d.ts +9 -0
  7. package/dist/attributes-editor/SpecialCategorySection.d.ts +2 -1
  8. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +5 -0
  9. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +45 -0
  10. package/dist/build-components/Button/ButtonProps.generated.d.ts +8 -0
  11. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +8 -0
  12. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +8 -0
  13. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +8 -0
  14. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +8 -0
  15. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +8 -0
  16. package/dist/build-components/Image/ImageProps.generated.d.ts +8 -0
  17. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +8 -0
  18. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +8 -1
  19. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +8 -0
  20. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +9 -3
  21. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +8 -0
  22. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +9 -1
  23. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +8 -0
  24. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +8 -1
  25. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +8 -0
  26. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +8 -0
  27. package/dist/build-components/Text/TextProps.generated.d.ts +8 -0
  28. package/dist/build-components/View/ViewProps.generated.d.ts +8 -0
  29. package/dist/build-components/index.d.ts +2 -1
  30. package/dist/build-components/patterns.generated.d.ts +1612 -46
  31. package/dist/components/AttributesEditorPanel.d.ts +3 -4
  32. package/dist/components/Builder.d.ts +2 -1
  33. package/dist/components/BuilderButton.d.ts +9 -0
  34. package/dist/components/JsonTextEditor.d.ts +9 -0
  35. package/dist/index.cjs.js +5 -5
  36. package/dist/index.cjs.js.map +1 -1
  37. package/dist/index.d.ts +2 -2
  38. package/dist/index.esm.js +5 -5
  39. package/dist/index.esm.js.map +1 -1
  40. package/dist/modals/ColorModal.d.ts +3 -1
  41. package/dist/pages/ProjectPage.d.ts +3 -3
  42. package/dist/pages/tabs/BuilderPanel.d.ts +8 -0
  43. package/dist/pages/tabs/SideTool.d.ts +8 -0
  44. package/dist/store.d.ts +9 -1
  45. package/dist/styles.css +1 -1
  46. package/dist/types/Project.d.ts +11 -0
  47. package/dist/utils/analyseNode.d.ts +1 -0
  48. package/dist/utils/extractImageStyle.d.ts +2 -1
  49. package/dist/utils/extractTextStyle.d.ts +8 -1
  50. package/dist/utils/extractViewStyle.d.ts +7 -1
  51. package/dist/utils/parseColor.d.ts +7 -0
  52. package/dist/utils/selection.d.ts +7 -0
  53. package/dist/utils/useMergedStyle.d.ts +2 -0
  54. package/package.json +2 -5
  55. package/src/.DS_Store +0 -0
  56. package/src/AttributesEditor.tsx +83 -16
  57. package/src/RenderPage.tsx +86 -4
  58. package/src/attributes-editor/Field.tsx +60 -165
  59. package/src/attributes-editor/SizeField.tsx +184 -0
  60. package/src/attributes-editor/SpecialCategorySection.tsx +12 -4
  61. package/src/build-components/BackgroundImage/BackgroundImage.tsx +77 -0
  62. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +61 -0
  63. package/src/build-components/BackgroundImage/pattern.json +45 -0
  64. package/src/build-components/Button/Button.tsx +29 -4
  65. package/src/build-components/Button/ButtonProps.generated.ts +8 -0
  66. package/src/build-components/Carousel/Carousel.tsx +25 -3
  67. package/src/build-components/Carousel/CarouselProps.generated.ts +8 -0
  68. package/src/build-components/CarouselButtons/CarouselButtons.tsx +19 -4
  69. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +8 -0
  70. package/src/build-components/CarouselDots/CarouselDots.tsx +13 -4
  71. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +8 -0
  72. package/src/build-components/CarouselItem/CarouselItem.tsx +20 -4
  73. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +8 -0
  74. package/src/build-components/CarouselProvider/CarouselProvider.tsx +14 -3
  75. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +8 -0
  76. package/src/build-components/Image/Image.tsx +27 -9
  77. package/src/build-components/Image/ImageProps.generated.ts +8 -0
  78. package/src/build-components/Image/pattern.json +1 -9
  79. package/src/build-components/Onboard/Onboard.tsx +2 -2
  80. package/src/build-components/Onboard/OnboardProps.generated.ts +8 -0
  81. package/src/build-components/OnboardButton/OnboardButton.tsx +11 -7
  82. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +8 -1
  83. package/src/build-components/OnboardButtons/OnboardButtons.tsx +17 -5
  84. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +8 -0
  85. package/src/build-components/OnboardDot/OnboardDot.tsx +68 -39
  86. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +9 -3
  87. package/src/build-components/OnboardDot/pattern.json +3 -19
  88. package/src/build-components/OnboardFooter/OnboardFooter.tsx +37 -14
  89. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +8 -0
  90. package/src/build-components/OnboardImage/OnboardImage.tsx +28 -6
  91. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +9 -1
  92. package/src/build-components/OnboardItem/OnboardItem.tsx +15 -14
  93. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +8 -0
  94. package/src/build-components/OnboardProvider/OnboardProvider.tsx +35 -20
  95. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +8 -1
  96. package/src/build-components/OnboardProvider/pattern.json +0 -8
  97. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +8 -0
  98. package/src/build-components/OnboardSubtitle/pattern.json +1 -1
  99. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +8 -0
  100. package/src/build-components/OnboardTitle/pattern.json +1 -1
  101. package/src/build-components/RenderNode.generated.tsx +3 -0
  102. package/src/build-components/Text/Text.tsx +28 -10
  103. package/src/build-components/Text/TextProps.generated.ts +8 -0
  104. package/src/build-components/View/View.tsx +25 -3
  105. package/src/build-components/View/ViewProps.generated.ts +8 -0
  106. package/src/build-components/View/pattern.json +67 -1
  107. package/src/build-components/index.ts +5 -0
  108. package/src/build-components/patterns.generated.ts +1620 -46
  109. package/src/components/AttributesEditorPanel.tsx +13 -6
  110. package/src/components/Builder.tsx +200 -56
  111. package/src/components/BuilderButton.tsx +127 -0
  112. package/src/components/DeviceNavigationBar.tsx +0 -1
  113. package/src/components/EditorHeader.tsx +11 -1
  114. package/src/components/JsonTextEditor.tsx +185 -0
  115. package/src/index.ts +2 -2
  116. package/src/mockOS/components/MockOSRouter.tsx +17 -3
  117. package/src/mockOS/context/MockOSContext.tsx +0 -5
  118. package/src/mockOS/managers/mockPermissionManager.ts +0 -4
  119. package/src/mockOS/managers/navigationManager.ts +1 -6
  120. package/src/modals/ColorModal.tsx +306 -71
  121. package/src/modals/LocalicationModal.tsx +4 -5
  122. package/src/modals/Modal.tsx +8 -1
  123. package/src/pages/ProjectPage.tsx +299 -55
  124. package/src/pages/tabs/{BuilderTab.tsx → BuilderPanel.tsx} +13 -9
  125. package/src/pages/tabs/SideTool.tsx +260 -0
  126. package/src/size-matters/index.ts +6 -0
  127. package/src/store.ts +18 -1
  128. package/src/styles/base/_global.scss +163 -7
  129. package/src/styles/components/_attributes-editor.scss +12 -0
  130. package/src/styles/components/_editor-shell.scss +25 -0
  131. package/src/styles/foundation/_sizes.scss +1 -1
  132. package/src/styles/layout/_builder.scss +66 -10
  133. package/src/styles/modals/_color-modal.scss +59 -1
  134. package/src/styles/utilities/_carousel.scss +9 -8
  135. package/src/types/Project.ts +14 -0
  136. package/src/utils/analyseNode.ts +98 -0
  137. package/src/utils/extractImageStyle.ts +3 -6
  138. package/src/utils/extractTextStyle.ts +19 -82
  139. package/src/utils/extractViewStyle.ts +41 -12
  140. package/src/utils/parseColor.ts +43 -0
  141. package/src/utils/selection.ts +24 -0
  142. package/src/utils/useMergedStyle.ts +16 -0
  143. package/dist/pages/tabs/BuilderTab.d.ts +0 -9
  144. package/dist/pages/tabs/DebugTab.d.ts +0 -7
  145. package/dist/pages/tabs/PreviewTab.d.ts +0 -3
  146. package/src/pages/tabs/DebugTab.tsx +0 -64
  147. package/src/pages/tabs/PreviewTab.tsx +0 -206
@@ -1,4 +1,347 @@
1
1
  export declare const patterns: readonly [{
2
+ readonly schemaVersion: 1;
3
+ readonly allowUnknownAttributes: false;
4
+ readonly pattern: {
5
+ readonly type: "background-image";
6
+ readonly children: "never";
7
+ readonly attributes: {
8
+ readonly scrollable: "boolean";
9
+ readonly flexDirection: readonly ["row", "column"];
10
+ readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
11
+ readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
12
+ readonly gap: "size";
13
+ readonly padding: "size";
14
+ readonly paddingHorizontal: "size";
15
+ readonly paddingVertical: "size";
16
+ readonly paddingTop: "size";
17
+ readonly paddingBottom: "size";
18
+ readonly paddingLeft: "size";
19
+ readonly paddingRight: "size";
20
+ readonly margin: "size";
21
+ readonly marginVertical: "size";
22
+ readonly marginTop: "size";
23
+ readonly marginBottom: "size";
24
+ readonly marginLeft: "size";
25
+ readonly marginRight: "size";
26
+ readonly backgroundColor: "color";
27
+ readonly borderRadius: "size";
28
+ readonly width: "size";
29
+ readonly height: "size";
30
+ readonly flex: "number";
31
+ readonly position: readonly ["relative", "absolute"];
32
+ readonly top: "size";
33
+ readonly bottom: "size";
34
+ readonly left: "size";
35
+ readonly right: "size";
36
+ readonly zIndex: "number";
37
+ readonly src: "string";
38
+ readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
39
+ };
40
+ readonly defaults: {
41
+ readonly resizeMode: "cover";
42
+ readonly width: "100%";
43
+ readonly height: "100%";
44
+ readonly position: "fixed";
45
+ readonly top: 0;
46
+ readonly left: 0;
47
+ readonly right: 0;
48
+ readonly bottom: 0;
49
+ readonly zIndex: 0;
50
+ };
51
+ };
52
+ readonly meta: {
53
+ readonly desiredParent: readonly ["all", "background"];
54
+ readonly label: "Background Image";
55
+ readonly description: "Background image.";
56
+ readonly specialCategories: {
57
+ readonly padding: {
58
+ readonly label: "Padding";
59
+ readonly description: "Uniform padding on all sides.";
60
+ readonly category: "container";
61
+ readonly sort: 1;
62
+ };
63
+ readonly margin: {
64
+ readonly label: "Margin";
65
+ readonly description: "Uniform margin on all sides.";
66
+ readonly category: "container";
67
+ readonly sort: 2;
68
+ };
69
+ readonly size: {
70
+ readonly label: "Size";
71
+ readonly description: "Fixed dimensions.";
72
+ readonly category: "container";
73
+ readonly sort: 3;
74
+ };
75
+ readonly offset: {
76
+ readonly label: "Offset";
77
+ readonly description: "Absolute positioning offsets.";
78
+ readonly category: "container";
79
+ readonly sort: 4;
80
+ };
81
+ };
82
+ readonly attributes: {
83
+ readonly scrollable: {
84
+ readonly label: "Scrollable";
85
+ readonly description: "Turns scroll interaction on.";
86
+ readonly category: "container";
87
+ readonly specialCategory: null;
88
+ readonly sort: -1;
89
+ };
90
+ readonly flexDirection: {
91
+ readonly label: "Flex Direction";
92
+ readonly description: "Sets row or column layout.";
93
+ readonly category: "container";
94
+ readonly specialCategory: null;
95
+ readonly sort: 4;
96
+ };
97
+ readonly alignItems: {
98
+ readonly label: "Align Items";
99
+ readonly description: "Controls cross-axis alignment.";
100
+ readonly category: "container";
101
+ readonly specialCategory: null;
102
+ readonly sort: 3;
103
+ };
104
+ readonly justifyContent: {
105
+ readonly label: "Justify Content";
106
+ readonly description: "Controls main-axis alignment.";
107
+ readonly category: "container";
108
+ readonly specialCategory: null;
109
+ readonly sort: 5;
110
+ };
111
+ readonly gap: {
112
+ readonly label: "Gap";
113
+ readonly description: "Space between children.";
114
+ readonly category: "container";
115
+ readonly specialCategory: null;
116
+ readonly sort: 10;
117
+ readonly preferedScale: "s";
118
+ };
119
+ readonly padding: {
120
+ readonly label: "Padding";
121
+ readonly description: "Uniform padding on all sides.";
122
+ readonly category: "container";
123
+ readonly specialCategory: "padding";
124
+ readonly sort: 6;
125
+ readonly preferedScale: "s";
126
+ };
127
+ readonly paddingHorizontal: {
128
+ readonly label: "Padding Horizontal";
129
+ readonly description: "Left and right padding.";
130
+ readonly category: "container";
131
+ readonly specialCategory: "padding";
132
+ readonly sort: 7;
133
+ readonly preferedScale: "s";
134
+ };
135
+ readonly paddingVertical: {
136
+ readonly label: "Padding Vertical";
137
+ readonly description: "Top and bottom padding.";
138
+ readonly category: "container";
139
+ readonly specialCategory: "padding";
140
+ readonly sort: 8;
141
+ readonly preferedScale: "vs";
142
+ };
143
+ readonly paddingTop: {
144
+ readonly label: "Padding Top";
145
+ readonly description: "Top padding only.";
146
+ readonly category: "container";
147
+ readonly specialCategory: "padding";
148
+ readonly sort: 9;
149
+ readonly preferedScale: "vs";
150
+ };
151
+ readonly paddingBottom: {
152
+ readonly label: "Padding Bottom";
153
+ readonly description: "Bottom padding only.";
154
+ readonly category: "container";
155
+ readonly specialCategory: "padding";
156
+ readonly sort: 10;
157
+ readonly preferedScale: "vs";
158
+ };
159
+ readonly paddingLeft: {
160
+ readonly label: "Padding Left";
161
+ readonly description: "Left padding only.";
162
+ readonly category: "container";
163
+ readonly specialCategory: "padding";
164
+ readonly sort: 11;
165
+ readonly preferedScale: "s";
166
+ };
167
+ readonly paddingRight: {
168
+ readonly label: "Padding Right";
169
+ readonly description: "Right padding only.";
170
+ readonly category: "container";
171
+ readonly specialCategory: "padding";
172
+ readonly sort: 12;
173
+ readonly preferedScale: "s";
174
+ };
175
+ readonly margin: {
176
+ readonly label: "Margin";
177
+ readonly description: "Uniform margin on all sides.";
178
+ readonly category: "container";
179
+ readonly specialCategory: "margin";
180
+ readonly sort: 13;
181
+ readonly preferedScale: "s";
182
+ };
183
+ readonly marginHorizontal: {
184
+ readonly label: "Margin Horizontal";
185
+ readonly description: "Left and right margin.";
186
+ readonly category: "container";
187
+ readonly specialCategory: "margin";
188
+ readonly sort: 14;
189
+ readonly preferedScale: "s";
190
+ };
191
+ readonly marginVertical: {
192
+ readonly label: "Margin Vertical";
193
+ readonly description: "Top and bottom margin.";
194
+ readonly category: "container";
195
+ readonly specialCategory: "margin";
196
+ readonly sort: 15;
197
+ readonly preferedScale: "vs";
198
+ };
199
+ readonly marginTop: {
200
+ readonly label: "Margin Top";
201
+ readonly description: "Top margin only.";
202
+ readonly category: "container";
203
+ readonly specialCategory: "margin";
204
+ readonly sort: 16;
205
+ readonly preferedScale: "vs";
206
+ };
207
+ readonly marginBottom: {
208
+ readonly label: "Margin Bottom";
209
+ readonly description: "Bottom margin only.";
210
+ readonly category: "container";
211
+ readonly specialCategory: "margin";
212
+ readonly sort: 17;
213
+ readonly preferedScale: "vs";
214
+ };
215
+ readonly marginLeft: {
216
+ readonly label: "Margin Left";
217
+ readonly description: "Left margin only.";
218
+ readonly category: "container";
219
+ readonly specialCategory: "margin";
220
+ readonly sort: 18;
221
+ readonly preferedScale: "s";
222
+ };
223
+ readonly marginRight: {
224
+ readonly label: "Margin Right";
225
+ readonly description: "Right margin only.";
226
+ readonly category: "container";
227
+ readonly specialCategory: "margin";
228
+ readonly sort: 19;
229
+ readonly preferedScale: "s";
230
+ };
231
+ readonly backgroundColor: {
232
+ readonly label: "Background Color";
233
+ readonly description: "Background fill color.";
234
+ readonly category: "style";
235
+ readonly specialCategory: null;
236
+ readonly sort: 20;
237
+ };
238
+ readonly borderRadius: {
239
+ readonly label: "Border Radius";
240
+ readonly description: "Corner rounding amount.";
241
+ readonly category: "style";
242
+ readonly specialCategory: null;
243
+ readonly sort: 21;
244
+ readonly preferedScale: "s";
245
+ };
246
+ readonly width: {
247
+ readonly label: "Width";
248
+ readonly description: "Fixed width value.";
249
+ readonly category: "container";
250
+ readonly specialCategory: "size";
251
+ readonly sort: 0;
252
+ readonly preferedScale: "s";
253
+ };
254
+ readonly height: {
255
+ readonly label: "Height";
256
+ readonly description: "Fixed height value.";
257
+ readonly category: "container";
258
+ readonly specialCategory: "size";
259
+ readonly sort: 1;
260
+ readonly preferedScale: "vs";
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
+ };
269
+ readonly position: {
270
+ readonly label: "Position";
271
+ readonly description: "Sets layout positioning mode.";
272
+ readonly category: "container";
273
+ readonly specialCategory: null;
274
+ readonly sort: 3;
275
+ };
276
+ readonly top: {
277
+ readonly label: "Top";
278
+ readonly description: "Offset from the top edge.";
279
+ readonly category: "container";
280
+ readonly specialCategory: "offset";
281
+ readonly sort: 22;
282
+ readonly preferedScale: "vs";
283
+ };
284
+ readonly bottom: {
285
+ readonly label: "Bottom";
286
+ readonly description: "Offset from the bottom edge.";
287
+ readonly category: "container";
288
+ readonly specialCategory: "offset";
289
+ readonly sort: 23;
290
+ readonly preferedScale: "vs";
291
+ };
292
+ readonly left: {
293
+ readonly label: "Left";
294
+ readonly description: "Offset from the left edge.";
295
+ readonly category: "container";
296
+ readonly specialCategory: "offset";
297
+ readonly sort: 24;
298
+ readonly preferedScale: "s";
299
+ };
300
+ readonly right: {
301
+ readonly label: "Right";
302
+ readonly description: "Offset from the right edge.";
303
+ readonly category: "container";
304
+ readonly specialCategory: "offset";
305
+ readonly sort: 25;
306
+ readonly preferedScale: "s";
307
+ };
308
+ readonly zIndex: {
309
+ readonly label: "Z-Index";
310
+ readonly description: "Controls stacking order.";
311
+ readonly category: "container";
312
+ readonly specialCategory: null;
313
+ readonly sort: 26;
314
+ };
315
+ readonly src: {
316
+ readonly label: "Src";
317
+ readonly description: "Image source URL.";
318
+ readonly category: "other";
319
+ readonly specialCategory: null;
320
+ readonly sort: 1;
321
+ };
322
+ readonly resizeMode: {
323
+ readonly label: "Resize Mode";
324
+ readonly description: "How the image fits its container.";
325
+ readonly category: "style";
326
+ readonly specialCategory: null;
327
+ readonly sort: 4;
328
+ };
329
+ };
330
+ };
331
+ readonly types: {};
332
+ readonly defaults: {
333
+ readonly resizeMode: "cover";
334
+ readonly width: "100%";
335
+ readonly height: "100%";
336
+ readonly position: "fixed";
337
+ readonly top: 0;
338
+ readonly left: 0;
339
+ readonly right: 0;
340
+ readonly bottom: 0;
341
+ readonly zIndex: 0;
342
+ readonly flexDirection: "column";
343
+ };
344
+ }, {
2
345
  readonly schemaVersion: 1;
3
346
  readonly allowUnknownAttributes: false;
4
347
  readonly pattern: {
@@ -27,6 +370,13 @@ export declare const patterns: readonly [{
27
370
  readonly borderRadius: "size";
28
371
  readonly width: "size";
29
372
  readonly height: "size";
373
+ readonly flex: "number";
374
+ readonly position: readonly ["relative", "absolute"];
375
+ readonly top: "size";
376
+ readonly bottom: "size";
377
+ readonly left: "size";
378
+ readonly right: "size";
379
+ readonly zIndex: "number";
30
380
  readonly color: "color";
31
381
  readonly fontSize: "size";
32
382
  readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
@@ -58,6 +408,12 @@ export declare const patterns: readonly [{
58
408
  readonly category: "container";
59
409
  readonly sort: 3;
60
410
  };
411
+ readonly offset: {
412
+ readonly label: "Offset";
413
+ readonly description: "Absolute positioning offsets.";
414
+ readonly category: "container";
415
+ readonly sort: 4;
416
+ };
61
417
  };
62
418
  readonly attributes: {
63
419
  readonly scrollable: {
@@ -239,6 +595,59 @@ export declare const patterns: readonly [{
239
595
  readonly sort: 1;
240
596
  readonly preferedScale: "vs";
241
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
+ };
605
+ readonly position: {
606
+ readonly label: "Position";
607
+ readonly description: "Sets layout positioning mode.";
608
+ readonly category: "container";
609
+ readonly specialCategory: null;
610
+ readonly sort: 3;
611
+ };
612
+ readonly top: {
613
+ readonly label: "Top";
614
+ readonly description: "Offset from the top edge.";
615
+ readonly category: "container";
616
+ readonly specialCategory: "offset";
617
+ readonly sort: 22;
618
+ readonly preferedScale: "vs";
619
+ };
620
+ readonly bottom: {
621
+ readonly label: "Bottom";
622
+ readonly description: "Offset from the bottom edge.";
623
+ readonly category: "container";
624
+ readonly specialCategory: "offset";
625
+ readonly sort: 23;
626
+ readonly preferedScale: "vs";
627
+ };
628
+ readonly left: {
629
+ readonly label: "Left";
630
+ readonly description: "Offset from the left edge.";
631
+ readonly category: "container";
632
+ readonly specialCategory: "offset";
633
+ readonly sort: 24;
634
+ readonly preferedScale: "s";
635
+ };
636
+ readonly right: {
637
+ readonly label: "Right";
638
+ readonly description: "Offset from the right edge.";
639
+ readonly category: "container";
640
+ readonly specialCategory: "offset";
641
+ readonly sort: 25;
642
+ readonly preferedScale: "s";
643
+ };
644
+ readonly zIndex: {
645
+ readonly label: "Z-Index";
646
+ readonly description: "Controls stacking order.";
647
+ readonly category: "container";
648
+ readonly specialCategory: null;
649
+ readonly sort: 26;
650
+ };
242
651
  readonly color: {
243
652
  readonly label: "Color";
244
653
  readonly description: "Text color of the button.";
@@ -295,6 +704,13 @@ export declare const patterns: readonly [{
295
704
  readonly borderRadius: "size";
296
705
  readonly width: "size";
297
706
  readonly height: "size";
707
+ readonly flex: "number";
708
+ readonly position: readonly ["relative", "absolute"];
709
+ readonly top: "size";
710
+ readonly bottom: "size";
711
+ readonly left: "size";
712
+ readonly right: "size";
713
+ readonly zIndex: "number";
298
714
  };
299
715
  readonly defaults: {
300
716
  readonly flexDirection: "row";
@@ -323,6 +739,12 @@ export declare const patterns: readonly [{
323
739
  readonly category: "container";
324
740
  readonly sort: 3;
325
741
  };
742
+ readonly offset: {
743
+ readonly label: "Offset";
744
+ readonly description: "Absolute positioning offsets.";
745
+ readonly category: "container";
746
+ readonly sort: 4;
747
+ };
326
748
  };
327
749
  readonly attributes: {
328
750
  readonly scrollable: {
@@ -504,6 +926,59 @@ export declare const patterns: readonly [{
504
926
  readonly sort: 1;
505
927
  readonly preferedScale: "vs";
506
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
+ };
936
+ readonly position: {
937
+ readonly label: "Position";
938
+ readonly description: "Sets layout positioning mode.";
939
+ readonly category: "container";
940
+ readonly specialCategory: null;
941
+ readonly sort: 3;
942
+ };
943
+ readonly top: {
944
+ readonly label: "Top";
945
+ readonly description: "Offset from the top edge.";
946
+ readonly category: "container";
947
+ readonly specialCategory: "offset";
948
+ readonly sort: 22;
949
+ readonly preferedScale: "vs";
950
+ };
951
+ readonly bottom: {
952
+ readonly label: "Bottom";
953
+ readonly description: "Offset from the bottom edge.";
954
+ readonly category: "container";
955
+ readonly specialCategory: "offset";
956
+ readonly sort: 23;
957
+ readonly preferedScale: "vs";
958
+ };
959
+ readonly left: {
960
+ readonly label: "Left";
961
+ readonly description: "Offset from the left edge.";
962
+ readonly category: "container";
963
+ readonly specialCategory: "offset";
964
+ readonly sort: 24;
965
+ readonly preferedScale: "s";
966
+ };
967
+ readonly right: {
968
+ readonly label: "Right";
969
+ readonly description: "Offset from the right edge.";
970
+ readonly category: "container";
971
+ readonly specialCategory: "offset";
972
+ readonly sort: 25;
973
+ readonly preferedScale: "s";
974
+ };
975
+ readonly zIndex: {
976
+ readonly label: "Z-Index";
977
+ readonly description: "Controls stacking order.";
978
+ readonly category: "container";
979
+ readonly specialCategory: null;
980
+ readonly sort: 26;
981
+ };
507
982
  };
508
983
  };
509
984
  readonly types: {};
@@ -539,6 +1014,13 @@ export declare const patterns: readonly [{
539
1014
  readonly borderRadius: "size";
540
1015
  readonly width: "size";
541
1016
  readonly height: "size";
1017
+ readonly flex: "number";
1018
+ readonly position: readonly ["relative", "absolute"];
1019
+ readonly top: "size";
1020
+ readonly bottom: "size";
1021
+ readonly left: "size";
1022
+ readonly right: "size";
1023
+ readonly zIndex: "number";
542
1024
  readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
543
1025
  readonly skipNumber: "number";
544
1026
  };
@@ -569,6 +1051,12 @@ export declare const patterns: readonly [{
569
1051
  readonly category: "container";
570
1052
  readonly sort: 3;
571
1053
  };
1054
+ readonly offset: {
1055
+ readonly label: "Offset";
1056
+ readonly description: "Absolute positioning offsets.";
1057
+ readonly category: "container";
1058
+ readonly sort: 4;
1059
+ };
572
1060
  };
573
1061
  readonly attributes: {
574
1062
  readonly scrollable: {
@@ -750,6 +1238,59 @@ export declare const patterns: readonly [{
750
1238
  readonly sort: 1;
751
1239
  readonly preferedScale: "vs";
752
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
+ };
1248
+ readonly position: {
1249
+ readonly label: "Position";
1250
+ readonly description: "Sets layout positioning mode.";
1251
+ readonly category: "container";
1252
+ readonly specialCategory: null;
1253
+ readonly sort: 3;
1254
+ };
1255
+ readonly top: {
1256
+ readonly label: "Top";
1257
+ readonly description: "Offset from the top edge.";
1258
+ readonly category: "container";
1259
+ readonly specialCategory: "offset";
1260
+ readonly sort: 22;
1261
+ readonly preferedScale: "vs";
1262
+ };
1263
+ readonly bottom: {
1264
+ readonly label: "Bottom";
1265
+ readonly description: "Offset from the bottom edge.";
1266
+ readonly category: "container";
1267
+ readonly specialCategory: "offset";
1268
+ readonly sort: 23;
1269
+ readonly preferedScale: "vs";
1270
+ };
1271
+ readonly left: {
1272
+ readonly label: "Left";
1273
+ readonly description: "Offset from the left edge.";
1274
+ readonly category: "container";
1275
+ readonly specialCategory: "offset";
1276
+ readonly sort: 24;
1277
+ readonly preferedScale: "s";
1278
+ };
1279
+ readonly right: {
1280
+ readonly label: "Right";
1281
+ readonly description: "Offset from the right edge.";
1282
+ readonly category: "container";
1283
+ readonly specialCategory: "offset";
1284
+ readonly sort: 25;
1285
+ readonly preferedScale: "s";
1286
+ };
1287
+ readonly zIndex: {
1288
+ readonly label: "Z-Index";
1289
+ readonly description: "Controls stacking order.";
1290
+ readonly category: "container";
1291
+ readonly specialCategory: null;
1292
+ readonly sort: 26;
1293
+ };
753
1294
  readonly buttonType: {
754
1295
  readonly label: "Button Type";
755
1296
  readonly description: "Which carousel button to show.";
@@ -799,6 +1340,13 @@ export declare const patterns: readonly [{
799
1340
  readonly borderRadius: "size";
800
1341
  readonly width: "size";
801
1342
  readonly height: "size";
1343
+ readonly flex: "number";
1344
+ readonly position: readonly ["relative", "absolute"];
1345
+ readonly top: "size";
1346
+ readonly bottom: "size";
1347
+ readonly left: "size";
1348
+ readonly right: "size";
1349
+ readonly zIndex: "number";
802
1350
  readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
803
1351
  };
804
1352
  readonly defaults: {
@@ -828,6 +1376,12 @@ export declare const patterns: readonly [{
828
1376
  readonly category: "container";
829
1377
  readonly sort: 3;
830
1378
  };
1379
+ readonly offset: {
1380
+ readonly label: "Offset";
1381
+ readonly description: "Absolute positioning offsets.";
1382
+ readonly category: "container";
1383
+ readonly sort: 4;
1384
+ };
831
1385
  };
832
1386
  readonly attributes: {
833
1387
  readonly scrollable: {
@@ -1009,6 +1563,59 @@ export declare const patterns: readonly [{
1009
1563
  readonly sort: 1;
1010
1564
  readonly preferedScale: "vs";
1011
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
+ };
1573
+ readonly position: {
1574
+ readonly label: "Position";
1575
+ readonly description: "Sets layout positioning mode.";
1576
+ readonly category: "container";
1577
+ readonly specialCategory: null;
1578
+ readonly sort: 3;
1579
+ };
1580
+ readonly top: {
1581
+ readonly label: "Top";
1582
+ readonly description: "Offset from the top edge.";
1583
+ readonly category: "container";
1584
+ readonly specialCategory: "offset";
1585
+ readonly sort: 22;
1586
+ readonly preferedScale: "vs";
1587
+ };
1588
+ readonly bottom: {
1589
+ readonly label: "Bottom";
1590
+ readonly description: "Offset from the bottom edge.";
1591
+ readonly category: "container";
1592
+ readonly specialCategory: "offset";
1593
+ readonly sort: 23;
1594
+ readonly preferedScale: "vs";
1595
+ };
1596
+ readonly left: {
1597
+ readonly label: "Left";
1598
+ readonly description: "Offset from the left edge.";
1599
+ readonly category: "container";
1600
+ readonly specialCategory: "offset";
1601
+ readonly sort: 24;
1602
+ readonly preferedScale: "s";
1603
+ };
1604
+ readonly right: {
1605
+ readonly label: "Right";
1606
+ readonly description: "Offset from the right edge.";
1607
+ readonly category: "container";
1608
+ readonly specialCategory: "offset";
1609
+ readonly sort: 25;
1610
+ readonly preferedScale: "s";
1611
+ };
1612
+ readonly zIndex: {
1613
+ readonly label: "Z-Index";
1614
+ readonly description: "Controls stacking order.";
1615
+ readonly category: "container";
1616
+ readonly specialCategory: null;
1617
+ readonly sort: 26;
1618
+ };
1012
1619
  readonly dotType: {
1013
1620
  readonly label: "Dot Type";
1014
1621
  readonly description: "Style used for the dots.";
@@ -1051,6 +1658,13 @@ export declare const patterns: readonly [{
1051
1658
  readonly borderRadius: "size";
1052
1659
  readonly width: "size";
1053
1660
  readonly height: "size";
1661
+ readonly flex: "number";
1662
+ readonly position: readonly ["relative", "absolute"];
1663
+ readonly top: "size";
1664
+ readonly bottom: "size";
1665
+ readonly left: "size";
1666
+ readonly right: "size";
1667
+ readonly zIndex: "number";
1054
1668
  };
1055
1669
  readonly defaults: {
1056
1670
  readonly flexDirection: "column";
@@ -1079,6 +1693,12 @@ export declare const patterns: readonly [{
1079
1693
  readonly category: "container";
1080
1694
  readonly sort: 3;
1081
1695
  };
1696
+ readonly offset: {
1697
+ readonly label: "Offset";
1698
+ readonly description: "Absolute positioning offsets.";
1699
+ readonly category: "container";
1700
+ readonly sort: 4;
1701
+ };
1082
1702
  };
1083
1703
  readonly attributes: {
1084
1704
  readonly scrollable: {
@@ -1260,6 +1880,59 @@ export declare const patterns: readonly [{
1260
1880
  readonly sort: 1;
1261
1881
  readonly preferedScale: "vs";
1262
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
+ };
1890
+ readonly position: {
1891
+ readonly label: "Position";
1892
+ readonly description: "Sets layout positioning mode.";
1893
+ readonly category: "container";
1894
+ readonly specialCategory: null;
1895
+ readonly sort: 3;
1896
+ };
1897
+ readonly top: {
1898
+ readonly label: "Top";
1899
+ readonly description: "Offset from the top edge.";
1900
+ readonly category: "container";
1901
+ readonly specialCategory: "offset";
1902
+ readonly sort: 22;
1903
+ readonly preferedScale: "vs";
1904
+ };
1905
+ readonly bottom: {
1906
+ readonly label: "Bottom";
1907
+ readonly description: "Offset from the bottom edge.";
1908
+ readonly category: "container";
1909
+ readonly specialCategory: "offset";
1910
+ readonly sort: 23;
1911
+ readonly preferedScale: "vs";
1912
+ };
1913
+ readonly left: {
1914
+ readonly label: "Left";
1915
+ readonly description: "Offset from the left edge.";
1916
+ readonly category: "container";
1917
+ readonly specialCategory: "offset";
1918
+ readonly sort: 24;
1919
+ readonly preferedScale: "s";
1920
+ };
1921
+ readonly right: {
1922
+ readonly label: "Right";
1923
+ readonly description: "Offset from the right edge.";
1924
+ readonly category: "container";
1925
+ readonly specialCategory: "offset";
1926
+ readonly sort: 25;
1927
+ readonly preferedScale: "s";
1928
+ };
1929
+ readonly zIndex: {
1930
+ readonly label: "Z-Index";
1931
+ readonly description: "Controls stacking order.";
1932
+ readonly category: "container";
1933
+ readonly specialCategory: null;
1934
+ readonly sort: 26;
1935
+ };
1263
1936
  };
1264
1937
  };
1265
1938
  readonly types: {};
@@ -1295,6 +1968,13 @@ export declare const patterns: readonly [{
1295
1968
  readonly borderRadius: "size";
1296
1969
  readonly width: "size";
1297
1970
  readonly height: "size";
1971
+ readonly flex: "number";
1972
+ readonly position: readonly ["relative", "absolute"];
1973
+ readonly top: "size";
1974
+ readonly bottom: "size";
1975
+ readonly left: "size";
1976
+ readonly right: "size";
1977
+ readonly zIndex: "number";
1298
1978
  };
1299
1979
  readonly defaults: {
1300
1980
  readonly flexDirection: "column";
@@ -1323,6 +2003,12 @@ export declare const patterns: readonly [{
1323
2003
  readonly category: "container";
1324
2004
  readonly sort: 3;
1325
2005
  };
2006
+ readonly offset: {
2007
+ readonly label: "Offset";
2008
+ readonly description: "Absolute positioning offsets.";
2009
+ readonly category: "container";
2010
+ readonly sort: 4;
2011
+ };
1326
2012
  };
1327
2013
  readonly attributes: {
1328
2014
  readonly scrollable: {
@@ -1504,6 +2190,59 @@ export declare const patterns: readonly [{
1504
2190
  readonly sort: 1;
1505
2191
  readonly preferedScale: "vs";
1506
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
+ };
2200
+ readonly position: {
2201
+ readonly label: "Position";
2202
+ readonly description: "Sets layout positioning mode.";
2203
+ readonly category: "container";
2204
+ readonly specialCategory: null;
2205
+ readonly sort: 3;
2206
+ };
2207
+ readonly top: {
2208
+ readonly label: "Top";
2209
+ readonly description: "Offset from the top edge.";
2210
+ readonly category: "container";
2211
+ readonly specialCategory: "offset";
2212
+ readonly sort: 22;
2213
+ readonly preferedScale: "vs";
2214
+ };
2215
+ readonly bottom: {
2216
+ readonly label: "Bottom";
2217
+ readonly description: "Offset from the bottom edge.";
2218
+ readonly category: "container";
2219
+ readonly specialCategory: "offset";
2220
+ readonly sort: 23;
2221
+ readonly preferedScale: "vs";
2222
+ };
2223
+ readonly left: {
2224
+ readonly label: "Left";
2225
+ readonly description: "Offset from the left edge.";
2226
+ readonly category: "container";
2227
+ readonly specialCategory: "offset";
2228
+ readonly sort: 24;
2229
+ readonly preferedScale: "s";
2230
+ };
2231
+ readonly right: {
2232
+ readonly label: "Right";
2233
+ readonly description: "Offset from the right edge.";
2234
+ readonly category: "container";
2235
+ readonly specialCategory: "offset";
2236
+ readonly sort: 25;
2237
+ readonly preferedScale: "s";
2238
+ };
2239
+ readonly zIndex: {
2240
+ readonly label: "Z-Index";
2241
+ readonly description: "Controls stacking order.";
2242
+ readonly category: "container";
2243
+ readonly specialCategory: null;
2244
+ readonly sort: 26;
2245
+ };
1507
2246
  };
1508
2247
  };
1509
2248
  readonly types: {};
@@ -1539,6 +2278,13 @@ export declare const patterns: readonly [{
1539
2278
  readonly borderRadius: "size";
1540
2279
  readonly width: "size";
1541
2280
  readonly height: "size";
2281
+ readonly flex: "number";
2282
+ readonly position: readonly ["relative", "absolute"];
2283
+ readonly top: "size";
2284
+ readonly bottom: "size";
2285
+ readonly left: "size";
2286
+ readonly right: "size";
2287
+ readonly zIndex: "number";
1542
2288
  readonly src: "string";
1543
2289
  readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
1544
2290
  };
@@ -1569,6 +2315,12 @@ export declare const patterns: readonly [{
1569
2315
  readonly category: "container";
1570
2316
  readonly sort: 3;
1571
2317
  };
2318
+ readonly offset: {
2319
+ readonly label: "Offset";
2320
+ readonly description: "Absolute positioning offsets.";
2321
+ readonly category: "container";
2322
+ readonly sort: 4;
2323
+ };
1572
2324
  };
1573
2325
  readonly attributes: {
1574
2326
  readonly scrollable: {
@@ -1728,10 +2480,11 @@ export declare const patterns: readonly [{
1728
2480
  };
1729
2481
  readonly borderRadius: {
1730
2482
  readonly label: "Border Radius";
1731
- readonly description: "Corner rounding.";
2483
+ readonly description: "Corner rounding amount.";
1732
2484
  readonly category: "style";
1733
2485
  readonly specialCategory: null;
1734
- readonly sort: 5;
2486
+ readonly sort: 21;
2487
+ readonly preferedScale: "s";
1735
2488
  };
1736
2489
  readonly width: {
1737
2490
  readonly label: "Width";
@@ -1747,6 +2500,59 @@ export declare const patterns: readonly [{
1747
2500
  readonly specialCategory: null;
1748
2501
  readonly sort: 3;
1749
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
+ };
2510
+ readonly position: {
2511
+ readonly label: "Position";
2512
+ readonly description: "Sets layout positioning mode.";
2513
+ readonly category: "container";
2514
+ readonly specialCategory: null;
2515
+ readonly sort: 3;
2516
+ };
2517
+ readonly top: {
2518
+ readonly label: "Top";
2519
+ readonly description: "Offset from the top edge.";
2520
+ readonly category: "container";
2521
+ readonly specialCategory: "offset";
2522
+ readonly sort: 22;
2523
+ readonly preferedScale: "vs";
2524
+ };
2525
+ readonly bottom: {
2526
+ readonly label: "Bottom";
2527
+ readonly description: "Offset from the bottom edge.";
2528
+ readonly category: "container";
2529
+ readonly specialCategory: "offset";
2530
+ readonly sort: 23;
2531
+ readonly preferedScale: "vs";
2532
+ };
2533
+ readonly left: {
2534
+ readonly label: "Left";
2535
+ readonly description: "Offset from the left edge.";
2536
+ readonly category: "container";
2537
+ readonly specialCategory: "offset";
2538
+ readonly sort: 24;
2539
+ readonly preferedScale: "s";
2540
+ };
2541
+ readonly right: {
2542
+ readonly label: "Right";
2543
+ readonly description: "Offset from the right edge.";
2544
+ readonly category: "container";
2545
+ readonly specialCategory: "offset";
2546
+ readonly sort: 25;
2547
+ readonly preferedScale: "s";
2548
+ };
2549
+ readonly zIndex: {
2550
+ readonly label: "Z-Index";
2551
+ readonly description: "Controls stacking order.";
2552
+ readonly category: "container";
2553
+ readonly specialCategory: null;
2554
+ readonly sort: 26;
2555
+ };
1750
2556
  readonly src: {
1751
2557
  readonly label: "Src";
1752
2558
  readonly description: "Image source URL.";
@@ -1796,6 +2602,13 @@ export declare const patterns: readonly [{
1796
2602
  readonly borderRadius: "size";
1797
2603
  readonly width: "size";
1798
2604
  readonly height: "size";
2605
+ readonly flex: "number";
2606
+ readonly position: readonly ["relative", "absolute"];
2607
+ readonly top: "size";
2608
+ readonly bottom: "size";
2609
+ readonly left: "size";
2610
+ readonly right: "size";
2611
+ readonly zIndex: "number";
1799
2612
  };
1800
2613
  readonly defaults: {
1801
2614
  readonly flexDirection: "row";
@@ -1824,6 +2637,12 @@ export declare const patterns: readonly [{
1824
2637
  readonly category: "container";
1825
2638
  readonly sort: 3;
1826
2639
  };
2640
+ readonly offset: {
2641
+ readonly label: "Offset";
2642
+ readonly description: "Absolute positioning offsets.";
2643
+ readonly category: "container";
2644
+ readonly sort: 4;
2645
+ };
1827
2646
  };
1828
2647
  readonly attributes: {
1829
2648
  readonly scrollable: {
@@ -2005,6 +2824,59 @@ export declare const patterns: readonly [{
2005
2824
  readonly sort: 1;
2006
2825
  readonly preferedScale: "vs";
2007
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
+ };
2834
+ readonly position: {
2835
+ readonly label: "Position";
2836
+ readonly description: "Sets layout positioning mode.";
2837
+ readonly category: "container";
2838
+ readonly specialCategory: null;
2839
+ readonly sort: 3;
2840
+ };
2841
+ readonly top: {
2842
+ readonly label: "Top";
2843
+ readonly description: "Offset from the top edge.";
2844
+ readonly category: "container";
2845
+ readonly specialCategory: "offset";
2846
+ readonly sort: 22;
2847
+ readonly preferedScale: "vs";
2848
+ };
2849
+ readonly bottom: {
2850
+ readonly label: "Bottom";
2851
+ readonly description: "Offset from the bottom edge.";
2852
+ readonly category: "container";
2853
+ readonly specialCategory: "offset";
2854
+ readonly sort: 23;
2855
+ readonly preferedScale: "vs";
2856
+ };
2857
+ readonly left: {
2858
+ readonly label: "Left";
2859
+ readonly description: "Offset from the left edge.";
2860
+ readonly category: "container";
2861
+ readonly specialCategory: "offset";
2862
+ readonly sort: 24;
2863
+ readonly preferedScale: "s";
2864
+ };
2865
+ readonly right: {
2866
+ readonly label: "Right";
2867
+ readonly description: "Offset from the right edge.";
2868
+ readonly category: "container";
2869
+ readonly specialCategory: "offset";
2870
+ readonly sort: 25;
2871
+ readonly preferedScale: "s";
2872
+ };
2873
+ readonly zIndex: {
2874
+ readonly label: "Z-Index";
2875
+ readonly description: "Controls stacking order.";
2876
+ readonly category: "container";
2877
+ readonly specialCategory: null;
2878
+ readonly sort: 26;
2879
+ };
2008
2880
  };
2009
2881
  readonly desiredChildren: readonly ["=OnboardItem"];
2010
2882
  };
@@ -2041,12 +2913,18 @@ export declare const patterns: readonly [{
2041
2913
  readonly borderRadius: "size";
2042
2914
  readonly width: "size";
2043
2915
  readonly height: "size";
2916
+ readonly flex: "number";
2917
+ readonly position: readonly ["relative", "absolute"];
2918
+ readonly top: "size";
2919
+ readonly bottom: "size";
2920
+ readonly left: "size";
2921
+ readonly right: "size";
2922
+ readonly zIndex: "number";
2044
2923
  readonly labelKey: "string";
2045
2924
  readonly button_text_color: "color";
2046
2925
  readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
2047
2926
  readonly animation_color: "color";
2048
2927
  readonly button_background_color: "color";
2049
- readonly flex: "number";
2050
2928
  readonly events: "EventObject[]";
2051
2929
  };
2052
2930
  readonly defaults: {
@@ -2076,6 +2954,12 @@ export declare const patterns: readonly [{
2076
2954
  readonly category: "container";
2077
2955
  readonly sort: 3;
2078
2956
  };
2957
+ readonly offset: {
2958
+ readonly label: "Offset";
2959
+ readonly description: "Absolute positioning offsets.";
2960
+ readonly category: "container";
2961
+ readonly sort: 4;
2962
+ };
2079
2963
  };
2080
2964
  readonly attributes: {
2081
2965
  readonly scrollable: {
@@ -2257,6 +3141,59 @@ export declare const patterns: readonly [{
2257
3141
  readonly sort: 1;
2258
3142
  readonly preferedScale: "vs";
2259
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
+ };
3151
+ readonly position: {
3152
+ readonly label: "Position";
3153
+ readonly description: "Sets layout positioning mode.";
3154
+ readonly category: "container";
3155
+ readonly specialCategory: null;
3156
+ readonly sort: 3;
3157
+ };
3158
+ readonly top: {
3159
+ readonly label: "Top";
3160
+ readonly description: "Offset from the top edge.";
3161
+ readonly category: "container";
3162
+ readonly specialCategory: "offset";
3163
+ readonly sort: 22;
3164
+ readonly preferedScale: "vs";
3165
+ };
3166
+ readonly bottom: {
3167
+ readonly label: "Bottom";
3168
+ readonly description: "Offset from the bottom edge.";
3169
+ readonly category: "container";
3170
+ readonly specialCategory: "offset";
3171
+ readonly sort: 23;
3172
+ readonly preferedScale: "vs";
3173
+ };
3174
+ readonly left: {
3175
+ readonly label: "Left";
3176
+ readonly description: "Offset from the left edge.";
3177
+ readonly category: "container";
3178
+ readonly specialCategory: "offset";
3179
+ readonly sort: 24;
3180
+ readonly preferedScale: "s";
3181
+ };
3182
+ readonly right: {
3183
+ readonly label: "Right";
3184
+ readonly description: "Offset from the right edge.";
3185
+ readonly category: "container";
3186
+ readonly specialCategory: "offset";
3187
+ readonly sort: 25;
3188
+ readonly preferedScale: "s";
3189
+ };
3190
+ readonly zIndex: {
3191
+ readonly label: "Z-Index";
3192
+ readonly description: "Controls stacking order.";
3193
+ readonly category: "container";
3194
+ readonly specialCategory: null;
3195
+ readonly sort: 26;
3196
+ };
2260
3197
  readonly labelKey: {
2261
3198
  readonly label: "Label Key";
2262
3199
  readonly description: "Localization key for the button text.";
@@ -2292,13 +3229,6 @@ export declare const patterns: readonly [{
2292
3229
  readonly specialCategory: null;
2293
3230
  readonly sort: 5;
2294
3231
  };
2295
- readonly flex: {
2296
- readonly label: "Flex";
2297
- readonly description: "Flex grow value in layout.";
2298
- readonly category: "container";
2299
- readonly specialCategory: null;
2300
- readonly sort: 6;
2301
- };
2302
3232
  readonly events: {
2303
3233
  readonly label: "Events";
2304
3234
  readonly description: "List of events fired by the button.";
@@ -2348,6 +3278,13 @@ export declare const patterns: readonly [{
2348
3278
  readonly borderRadius: "size";
2349
3279
  readonly width: "size";
2350
3280
  readonly height: "size";
3281
+ readonly flex: "number";
3282
+ readonly position: readonly ["relative", "absolute"];
3283
+ readonly top: "size";
3284
+ readonly bottom: "size";
3285
+ readonly left: "size";
3286
+ readonly right: "size";
3287
+ readonly zIndex: "number";
2351
3288
  readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
2352
3289
  readonly skipNumber: "number";
2353
3290
  readonly buttons_direction: readonly ["row", "column"];
@@ -2383,6 +3320,12 @@ export declare const patterns: readonly [{
2383
3320
  readonly category: "container";
2384
3321
  readonly sort: 3;
2385
3322
  };
3323
+ readonly offset: {
3324
+ readonly label: "Offset";
3325
+ readonly description: "Absolute positioning offsets.";
3326
+ readonly category: "container";
3327
+ readonly sort: 4;
3328
+ };
2386
3329
  };
2387
3330
  readonly attributes: {
2388
3331
  readonly scrollable: {
@@ -2564,6 +3507,59 @@ export declare const patterns: readonly [{
2564
3507
  readonly sort: 1;
2565
3508
  readonly preferedScale: "vs";
2566
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
+ };
3517
+ readonly position: {
3518
+ readonly label: "Position";
3519
+ readonly description: "Sets layout positioning mode.";
3520
+ readonly category: "container";
3521
+ readonly specialCategory: null;
3522
+ readonly sort: 3;
3523
+ };
3524
+ readonly top: {
3525
+ readonly label: "Top";
3526
+ readonly description: "Offset from the top edge.";
3527
+ readonly category: "container";
3528
+ readonly specialCategory: "offset";
3529
+ readonly sort: 22;
3530
+ readonly preferedScale: "vs";
3531
+ };
3532
+ readonly bottom: {
3533
+ readonly label: "Bottom";
3534
+ readonly description: "Offset from the bottom edge.";
3535
+ readonly category: "container";
3536
+ readonly specialCategory: "offset";
3537
+ readonly sort: 23;
3538
+ readonly preferedScale: "vs";
3539
+ };
3540
+ readonly left: {
3541
+ readonly label: "Left";
3542
+ readonly description: "Offset from the left edge.";
3543
+ readonly category: "container";
3544
+ readonly specialCategory: "offset";
3545
+ readonly sort: 24;
3546
+ readonly preferedScale: "s";
3547
+ };
3548
+ readonly right: {
3549
+ readonly label: "Right";
3550
+ readonly description: "Offset from the right edge.";
3551
+ readonly category: "container";
3552
+ readonly specialCategory: "offset";
3553
+ readonly sort: 25;
3554
+ readonly preferedScale: "s";
3555
+ };
3556
+ readonly zIndex: {
3557
+ readonly label: "Z-Index";
3558
+ readonly description: "Controls stacking order.";
3559
+ readonly category: "container";
3560
+ readonly specialCategory: null;
3561
+ readonly sort: 26;
3562
+ };
2567
3563
  readonly buttonType: {
2568
3564
  readonly label: "Button Type";
2569
3565
  readonly description: "Which onboard button to show.";
@@ -2624,7 +3620,7 @@ export declare const patterns: readonly [{
2624
3620
  readonly allowUnknownAttributes: false;
2625
3621
  readonly pattern: {
2626
3622
  readonly type: "OnboardDot";
2627
- readonly children: "node";
3623
+ readonly children: "never";
2628
3624
  readonly attributes: {
2629
3625
  readonly scrollable: "boolean";
2630
3626
  readonly flexDirection: "never";
@@ -2648,11 +3644,16 @@ export declare const patterns: readonly [{
2648
3644
  readonly borderRadius: "size";
2649
3645
  readonly width: "size";
2650
3646
  readonly height: "size";
3647
+ readonly flex: "number";
3648
+ readonly position: readonly ["relative", "absolute"];
3649
+ readonly top: "size";
3650
+ readonly bottom: "size";
3651
+ readonly left: "size";
3652
+ readonly right: "size";
3653
+ readonly zIndex: "number";
2651
3654
  readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
2652
3655
  readonly inactive_dot_opacity: "number";
2653
- readonly expanding_dot_width: "number";
2654
- readonly dot_style: "string";
2655
- readonly container_style: "string";
3656
+ readonly expanding_dot_width: "size";
2656
3657
  readonly active_dot_color: "color";
2657
3658
  };
2658
3659
  readonly defaults: {
@@ -2682,6 +3683,12 @@ export declare const patterns: readonly [{
2682
3683
  readonly category: "container";
2683
3684
  readonly sort: 3;
2684
3685
  };
3686
+ readonly offset: {
3687
+ readonly label: "Offset";
3688
+ readonly description: "Absolute positioning offsets.";
3689
+ readonly category: "container";
3690
+ readonly sort: 4;
3691
+ };
2685
3692
  };
2686
3693
  readonly attributes: {
2687
3694
  readonly scrollable: {
@@ -2863,6 +3870,59 @@ export declare const patterns: readonly [{
2863
3870
  readonly sort: 1;
2864
3871
  readonly preferedScale: "vs";
2865
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
+ };
3880
+ readonly position: {
3881
+ readonly label: "Position";
3882
+ readonly description: "Sets layout positioning mode.";
3883
+ readonly category: "container";
3884
+ readonly specialCategory: null;
3885
+ readonly sort: 3;
3886
+ };
3887
+ readonly top: {
3888
+ readonly label: "Top";
3889
+ readonly description: "Offset from the top edge.";
3890
+ readonly category: "container";
3891
+ readonly specialCategory: "offset";
3892
+ readonly sort: 22;
3893
+ readonly preferedScale: "vs";
3894
+ };
3895
+ readonly bottom: {
3896
+ readonly label: "Bottom";
3897
+ readonly description: "Offset from the bottom edge.";
3898
+ readonly category: "container";
3899
+ readonly specialCategory: "offset";
3900
+ readonly sort: 23;
3901
+ readonly preferedScale: "vs";
3902
+ };
3903
+ readonly left: {
3904
+ readonly label: "Left";
3905
+ readonly description: "Offset from the left edge.";
3906
+ readonly category: "container";
3907
+ readonly specialCategory: "offset";
3908
+ readonly sort: 24;
3909
+ readonly preferedScale: "s";
3910
+ };
3911
+ readonly right: {
3912
+ readonly label: "Right";
3913
+ readonly description: "Offset from the right edge.";
3914
+ readonly category: "container";
3915
+ readonly specialCategory: "offset";
3916
+ readonly sort: 25;
3917
+ readonly preferedScale: "s";
3918
+ };
3919
+ readonly zIndex: {
3920
+ readonly label: "Z-Index";
3921
+ readonly description: "Controls stacking order.";
3922
+ readonly category: "container";
3923
+ readonly specialCategory: null;
3924
+ readonly sort: 26;
3925
+ };
2866
3926
  readonly dotType: {
2867
3927
  readonly label: "Dot Type";
2868
3928
  readonly description: "Dot animation style.";
@@ -2884,26 +3944,12 @@ export declare const patterns: readonly [{
2884
3944
  readonly specialCategory: null;
2885
3945
  readonly sort: 3;
2886
3946
  };
2887
- readonly dot_style: {
2888
- readonly label: "Dot Style";
2889
- readonly description: "Custom style for each dot.";
2890
- readonly category: "style";
2891
- readonly specialCategory: null;
2892
- readonly sort: 4;
2893
- };
2894
- readonly container_style: {
2895
- readonly label: "Container Style";
2896
- readonly description: "Style for the dot wrapper.";
2897
- readonly category: "style";
2898
- readonly specialCategory: null;
2899
- readonly sort: 5;
2900
- };
2901
3947
  readonly active_dot_color: {
2902
3948
  readonly label: "Active Dot Color";
2903
3949
  readonly description: "Color of the active dot.";
2904
3950
  readonly category: "style";
2905
3951
  readonly specialCategory: null;
2906
- readonly sort: 6;
3952
+ readonly sort: 4;
2907
3953
  };
2908
3954
  };
2909
3955
  };
@@ -2944,6 +3990,13 @@ export declare const patterns: readonly [{
2944
3990
  readonly borderRadius: "size";
2945
3991
  readonly width: "size";
2946
3992
  readonly height: "size";
3993
+ readonly flex: "number";
3994
+ readonly position: readonly ["relative", "absolute"];
3995
+ readonly top: "size";
3996
+ readonly bottom: "size";
3997
+ readonly left: "size";
3998
+ readonly right: "size";
3999
+ readonly zIndex: "number";
2947
4000
  readonly textLocalizationKey: "string";
2948
4001
  readonly linkedWordFirstLocalizationKey: "string";
2949
4002
  readonly linkedWordFirstColor: "color";
@@ -3169,6 +4222,59 @@ export declare const patterns: readonly [{
3169
4222
  readonly sort: 1;
3170
4223
  readonly preferedScale: "vs";
3171
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
+ };
4232
+ readonly position: {
4233
+ readonly label: "Position";
4234
+ readonly description: "Sets layout positioning mode.";
4235
+ readonly category: "container";
4236
+ readonly specialCategory: null;
4237
+ readonly sort: 3;
4238
+ };
4239
+ readonly top: {
4240
+ readonly label: "Top";
4241
+ readonly description: "Offset from the top edge.";
4242
+ readonly category: "container";
4243
+ readonly specialCategory: "offset";
4244
+ readonly sort: 22;
4245
+ readonly preferedScale: "vs";
4246
+ };
4247
+ readonly bottom: {
4248
+ readonly label: "Bottom";
4249
+ readonly description: "Offset from the bottom edge.";
4250
+ readonly category: "container";
4251
+ readonly specialCategory: "offset";
4252
+ readonly sort: 23;
4253
+ readonly preferedScale: "vs";
4254
+ };
4255
+ readonly left: {
4256
+ readonly label: "Left";
4257
+ readonly description: "Offset from the left edge.";
4258
+ readonly category: "container";
4259
+ readonly specialCategory: "offset";
4260
+ readonly sort: 24;
4261
+ readonly preferedScale: "s";
4262
+ };
4263
+ readonly right: {
4264
+ readonly label: "Right";
4265
+ readonly description: "Offset from the right edge.";
4266
+ readonly category: "container";
4267
+ readonly specialCategory: "offset";
4268
+ readonly sort: 25;
4269
+ readonly preferedScale: "s";
4270
+ };
4271
+ readonly zIndex: {
4272
+ readonly label: "Z-Index";
4273
+ readonly description: "Controls stacking order.";
4274
+ readonly category: "container";
4275
+ readonly specialCategory: null;
4276
+ readonly sort: 26;
4277
+ };
3172
4278
  readonly textLocalizationKey: {
3173
4279
  readonly label: "Text Localization Key";
3174
4280
  readonly description: "Localization key for the footer text.";
@@ -3238,6 +4344,12 @@ export declare const patterns: readonly [{
3238
4344
  readonly category: "container";
3239
4345
  readonly sort: 3;
3240
4346
  };
4347
+ readonly offset: {
4348
+ readonly label: "Offset";
4349
+ readonly description: "Absolute positioning offsets.";
4350
+ readonly category: "container";
4351
+ readonly sort: 4;
4352
+ };
3241
4353
  };
3242
4354
  };
3243
4355
  readonly defaults: {
@@ -3256,7 +4368,6 @@ export declare const patterns: readonly [{
3256
4368
  readonly width: "size";
3257
4369
  readonly height: "size";
3258
4370
  readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
3259
- readonly borderRadius: "size";
3260
4371
  readonly scrollable: "boolean";
3261
4372
  readonly flexDirection: readonly ["row", "column"];
3262
4373
  readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -3276,6 +4387,14 @@ export declare const patterns: readonly [{
3276
4387
  readonly marginLeft: "size";
3277
4388
  readonly marginRight: "size";
3278
4389
  readonly backgroundColor: "color";
4390
+ readonly borderRadius: "size";
4391
+ readonly flex: "number";
4392
+ readonly position: readonly ["relative", "absolute"];
4393
+ readonly top: "size";
4394
+ readonly bottom: "size";
4395
+ readonly left: "size";
4396
+ readonly right: "size";
4397
+ readonly zIndex: "number";
3279
4398
  readonly video_url: "string";
3280
4399
  readonly lottie: "string";
3281
4400
  };
@@ -3318,14 +4437,6 @@ export declare const patterns: readonly [{
3318
4437
  readonly specialCategory: null;
3319
4438
  readonly sort: 4;
3320
4439
  };
3321
- readonly borderRadius: {
3322
- readonly label: "Border Radius";
3323
- readonly description: "Corner rounding amount.";
3324
- readonly category: "style";
3325
- readonly specialCategory: null;
3326
- readonly sort: 21;
3327
- readonly preferedScale: "s";
3328
- };
3329
4440
  readonly scrollable: {
3330
4441
  readonly label: "Scrollable";
3331
4442
  readonly description: "Turns scroll interaction on.";
@@ -3481,6 +4592,67 @@ export declare const patterns: readonly [{
3481
4592
  readonly specialCategory: null;
3482
4593
  readonly sort: 20;
3483
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
+ };
4610
+ readonly position: {
4611
+ readonly label: "Position";
4612
+ readonly description: "Sets layout positioning mode.";
4613
+ readonly category: "container";
4614
+ readonly specialCategory: null;
4615
+ readonly sort: 3;
4616
+ };
4617
+ readonly top: {
4618
+ readonly label: "Top";
4619
+ readonly description: "Offset from the top edge.";
4620
+ readonly category: "container";
4621
+ readonly specialCategory: "offset";
4622
+ readonly sort: 22;
4623
+ readonly preferedScale: "vs";
4624
+ };
4625
+ readonly bottom: {
4626
+ readonly label: "Bottom";
4627
+ readonly description: "Offset from the bottom edge.";
4628
+ readonly category: "container";
4629
+ readonly specialCategory: "offset";
4630
+ readonly sort: 23;
4631
+ readonly preferedScale: "vs";
4632
+ };
4633
+ readonly left: {
4634
+ readonly label: "Left";
4635
+ readonly description: "Offset from the left edge.";
4636
+ readonly category: "container";
4637
+ readonly specialCategory: "offset";
4638
+ readonly sort: 24;
4639
+ readonly preferedScale: "s";
4640
+ };
4641
+ readonly right: {
4642
+ readonly label: "Right";
4643
+ readonly description: "Offset from the right edge.";
4644
+ readonly category: "container";
4645
+ readonly specialCategory: "offset";
4646
+ readonly sort: 25;
4647
+ readonly preferedScale: "s";
4648
+ };
4649
+ readonly zIndex: {
4650
+ readonly label: "Z-Index";
4651
+ readonly description: "Controls stacking order.";
4652
+ readonly category: "container";
4653
+ readonly specialCategory: null;
4654
+ readonly sort: 26;
4655
+ };
3484
4656
  readonly video_url: {
3485
4657
  readonly label: "Video Url";
3486
4658
  readonly description: "URL for the onboarding video.";
@@ -3515,6 +4687,12 @@ export declare const patterns: readonly [{
3515
4687
  readonly category: "container";
3516
4688
  readonly sort: 3;
3517
4689
  };
4690
+ readonly offset: {
4691
+ readonly label: "Offset";
4692
+ readonly description: "Absolute positioning offsets.";
4693
+ readonly category: "container";
4694
+ readonly sort: 4;
4695
+ };
3518
4696
  };
3519
4697
  };
3520
4698
  readonly types: {};
@@ -3550,6 +4728,13 @@ export declare const patterns: readonly [{
3550
4728
  readonly borderRadius: "size";
3551
4729
  readonly width: "size";
3552
4730
  readonly height: "size";
4731
+ readonly flex: "number";
4732
+ readonly position: readonly ["relative", "absolute"];
4733
+ readonly top: "size";
4734
+ readonly bottom: "size";
4735
+ readonly left: "size";
4736
+ readonly right: "size";
4737
+ readonly zIndex: "number";
3553
4738
  readonly display: readonly ["flex", "block"];
3554
4739
  };
3555
4740
  readonly defaults: {
@@ -3579,6 +4764,12 @@ export declare const patterns: readonly [{
3579
4764
  readonly category: "container";
3580
4765
  readonly sort: 3;
3581
4766
  };
4767
+ readonly offset: {
4768
+ readonly label: "Offset";
4769
+ readonly description: "Absolute positioning offsets.";
4770
+ readonly category: "container";
4771
+ readonly sort: 4;
4772
+ };
3582
4773
  };
3583
4774
  readonly attributes: {
3584
4775
  readonly scrollable: {
@@ -3758,6 +4949,59 @@ export declare const patterns: readonly [{
3758
4949
  readonly sort: 1;
3759
4950
  readonly preferedScale: "vs";
3760
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
+ };
4959
+ readonly position: {
4960
+ readonly label: "Position";
4961
+ readonly description: "Sets layout positioning mode.";
4962
+ readonly category: "container";
4963
+ readonly specialCategory: null;
4964
+ readonly sort: 3;
4965
+ };
4966
+ readonly top: {
4967
+ readonly label: "Top";
4968
+ readonly description: "Offset from the top edge.";
4969
+ readonly category: "container";
4970
+ readonly specialCategory: "offset";
4971
+ readonly sort: 22;
4972
+ readonly preferedScale: "vs";
4973
+ };
4974
+ readonly bottom: {
4975
+ readonly label: "Bottom";
4976
+ readonly description: "Offset from the bottom edge.";
4977
+ readonly category: "container";
4978
+ readonly specialCategory: "offset";
4979
+ readonly sort: 23;
4980
+ readonly preferedScale: "vs";
4981
+ };
4982
+ readonly left: {
4983
+ readonly label: "Left";
4984
+ readonly description: "Offset from the left edge.";
4985
+ readonly category: "container";
4986
+ readonly specialCategory: "offset";
4987
+ readonly sort: 24;
4988
+ readonly preferedScale: "s";
4989
+ };
4990
+ readonly right: {
4991
+ readonly label: "Right";
4992
+ readonly description: "Offset from the right edge.";
4993
+ readonly category: "container";
4994
+ readonly specialCategory: "offset";
4995
+ readonly sort: 25;
4996
+ readonly preferedScale: "s";
4997
+ };
4998
+ readonly zIndex: {
4999
+ readonly label: "Z-Index";
5000
+ readonly description: "Controls stacking order.";
5001
+ readonly category: "container";
5002
+ readonly specialCategory: null;
5003
+ readonly sort: 26;
5004
+ };
3761
5005
  readonly display: {
3762
5006
  readonly label: "Display";
3763
5007
  readonly description: "Controls layout display mode.";
@@ -3803,7 +5047,13 @@ export declare const patterns: readonly [{
3803
5047
  readonly borderRadius: "never";
3804
5048
  readonly width: "size";
3805
5049
  readonly height: "size";
3806
- readonly theme: "string";
5050
+ readonly flex: "number";
5051
+ readonly position: readonly ["relative", "absolute"];
5052
+ readonly top: "size";
5053
+ readonly bottom: "size";
5054
+ readonly left: "size";
5055
+ readonly right: "size";
5056
+ readonly zIndex: "number";
3807
5057
  readonly use_safe_area_inset: "boolean";
3808
5058
  };
3809
5059
  readonly defaults: {
@@ -3833,6 +5083,12 @@ export declare const patterns: readonly [{
3833
5083
  readonly category: "container";
3834
5084
  readonly sort: 3;
3835
5085
  };
5086
+ readonly offset: {
5087
+ readonly label: "Offset";
5088
+ readonly description: "Absolute positioning offsets.";
5089
+ readonly category: "container";
5090
+ readonly sort: 4;
5091
+ };
3836
5092
  };
3837
5093
  readonly attributes: {
3838
5094
  readonly scrollable: {
@@ -4010,12 +5266,58 @@ export declare const patterns: readonly [{
4010
5266
  readonly sort: 1;
4011
5267
  readonly preferedScale: "vs";
4012
5268
  };
4013
- readonly theme: {
4014
- readonly label: "Theme";
4015
- readonly description: "Theme key for onboarding screens.";
4016
- readonly category: "other";
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
+ };
5276
+ readonly position: {
5277
+ readonly label: "Position";
5278
+ readonly description: "Sets layout positioning mode.";
5279
+ readonly category: "container";
4017
5280
  readonly specialCategory: null;
4018
- readonly sort: 1;
5281
+ readonly sort: 3;
5282
+ };
5283
+ readonly top: {
5284
+ readonly label: "Top";
5285
+ readonly description: "Offset from the top edge.";
5286
+ readonly category: "container";
5287
+ readonly specialCategory: "offset";
5288
+ readonly sort: 22;
5289
+ readonly preferedScale: "vs";
5290
+ };
5291
+ readonly bottom: {
5292
+ readonly label: "Bottom";
5293
+ readonly description: "Offset from the bottom edge.";
5294
+ readonly category: "container";
5295
+ readonly specialCategory: "offset";
5296
+ readonly sort: 23;
5297
+ readonly preferedScale: "vs";
5298
+ };
5299
+ readonly left: {
5300
+ readonly label: "Left";
5301
+ readonly description: "Offset from the left edge.";
5302
+ readonly category: "container";
5303
+ readonly specialCategory: "offset";
5304
+ readonly sort: 24;
5305
+ readonly preferedScale: "s";
5306
+ };
5307
+ readonly right: {
5308
+ readonly label: "Right";
5309
+ readonly description: "Offset from the right edge.";
5310
+ readonly category: "container";
5311
+ readonly specialCategory: "offset";
5312
+ readonly sort: 25;
5313
+ readonly preferedScale: "s";
5314
+ };
5315
+ readonly zIndex: {
5316
+ readonly label: "Z-Index";
5317
+ readonly description: "Controls stacking order.";
5318
+ readonly category: "container";
5319
+ readonly specialCategory: null;
5320
+ readonly sort: 26;
4019
5321
  };
4020
5322
  readonly use_safe_area_inset: {
4021
5323
  readonly label: "Use Safe Area Inset";
@@ -4039,7 +5341,7 @@ export declare const patterns: readonly [{
4039
5341
  readonly allowUnknownAttributes: false;
4040
5342
  readonly pattern: {
4041
5343
  readonly type: "OnboardSubtitle";
4042
- readonly children: "node";
5344
+ readonly children: "string";
4043
5345
  readonly attributes: {
4044
5346
  readonly color: "color";
4045
5347
  readonly fontSize: "size";
@@ -4067,6 +5369,13 @@ export declare const patterns: readonly [{
4067
5369
  readonly borderRadius: "size";
4068
5370
  readonly width: "size";
4069
5371
  readonly height: "size";
5372
+ readonly flex: "number";
5373
+ readonly position: readonly ["relative", "absolute"];
5374
+ readonly top: "size";
5375
+ readonly bottom: "size";
5376
+ readonly left: "size";
5377
+ readonly right: "size";
5378
+ readonly zIndex: "number";
4070
5379
  };
4071
5380
  readonly defaults: {
4072
5381
  readonly flexDirection: "column";
@@ -4285,6 +5594,59 @@ export declare const patterns: readonly [{
4285
5594
  readonly sort: 1;
4286
5595
  readonly preferedScale: "vs";
4287
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
+ };
5604
+ readonly position: {
5605
+ readonly label: "Position";
5606
+ readonly description: "Sets layout positioning mode.";
5607
+ readonly category: "container";
5608
+ readonly specialCategory: null;
5609
+ readonly sort: 3;
5610
+ };
5611
+ readonly top: {
5612
+ readonly label: "Top";
5613
+ readonly description: "Offset from the top edge.";
5614
+ readonly category: "container";
5615
+ readonly specialCategory: "offset";
5616
+ readonly sort: 22;
5617
+ readonly preferedScale: "vs";
5618
+ };
5619
+ readonly bottom: {
5620
+ readonly label: "Bottom";
5621
+ readonly description: "Offset from the bottom edge.";
5622
+ readonly category: "container";
5623
+ readonly specialCategory: "offset";
5624
+ readonly sort: 23;
5625
+ readonly preferedScale: "vs";
5626
+ };
5627
+ readonly left: {
5628
+ readonly label: "Left";
5629
+ readonly description: "Offset from the left edge.";
5630
+ readonly category: "container";
5631
+ readonly specialCategory: "offset";
5632
+ readonly sort: 24;
5633
+ readonly preferedScale: "s";
5634
+ };
5635
+ readonly right: {
5636
+ readonly label: "Right";
5637
+ readonly description: "Offset from the right edge.";
5638
+ readonly category: "container";
5639
+ readonly specialCategory: "offset";
5640
+ readonly sort: 25;
5641
+ readonly preferedScale: "s";
5642
+ };
5643
+ readonly zIndex: {
5644
+ readonly label: "Z-Index";
5645
+ readonly description: "Controls stacking order.";
5646
+ readonly category: "container";
5647
+ readonly specialCategory: null;
5648
+ readonly sort: 26;
5649
+ };
4288
5650
  };
4289
5651
  readonly specialCategories: {
4290
5652
  readonly padding: {
@@ -4305,6 +5667,12 @@ export declare const patterns: readonly [{
4305
5667
  readonly category: "container";
4306
5668
  readonly sort: 3;
4307
5669
  };
5670
+ readonly offset: {
5671
+ readonly label: "Offset";
5672
+ readonly description: "Absolute positioning offsets.";
5673
+ readonly category: "container";
5674
+ readonly sort: 4;
5675
+ };
4308
5676
  };
4309
5677
  };
4310
5678
  readonly defaults: {
@@ -4318,7 +5686,7 @@ export declare const patterns: readonly [{
4318
5686
  readonly allowUnknownAttributes: false;
4319
5687
  readonly pattern: {
4320
5688
  readonly type: "OnboardTitle";
4321
- readonly children: "node";
5689
+ readonly children: "string";
4322
5690
  readonly attributes: {
4323
5691
  readonly color: "color";
4324
5692
  readonly fontSize: "size";
@@ -4346,6 +5714,13 @@ export declare const patterns: readonly [{
4346
5714
  readonly borderRadius: "size";
4347
5715
  readonly width: "size";
4348
5716
  readonly height: "size";
5717
+ readonly flex: "number";
5718
+ readonly position: readonly ["relative", "absolute"];
5719
+ readonly top: "size";
5720
+ readonly bottom: "size";
5721
+ readonly left: "size";
5722
+ readonly right: "size";
5723
+ readonly zIndex: "number";
4349
5724
  };
4350
5725
  readonly defaults: {
4351
5726
  readonly flexDirection: "column";
@@ -4564,6 +5939,59 @@ export declare const patterns: readonly [{
4564
5939
  readonly sort: 1;
4565
5940
  readonly preferedScale: "vs";
4566
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
+ };
5949
+ readonly position: {
5950
+ readonly label: "Position";
5951
+ readonly description: "Sets layout positioning mode.";
5952
+ readonly category: "container";
5953
+ readonly specialCategory: null;
5954
+ readonly sort: 3;
5955
+ };
5956
+ readonly top: {
5957
+ readonly label: "Top";
5958
+ readonly description: "Offset from the top edge.";
5959
+ readonly category: "container";
5960
+ readonly specialCategory: "offset";
5961
+ readonly sort: 22;
5962
+ readonly preferedScale: "vs";
5963
+ };
5964
+ readonly bottom: {
5965
+ readonly label: "Bottom";
5966
+ readonly description: "Offset from the bottom edge.";
5967
+ readonly category: "container";
5968
+ readonly specialCategory: "offset";
5969
+ readonly sort: 23;
5970
+ readonly preferedScale: "vs";
5971
+ };
5972
+ readonly left: {
5973
+ readonly label: "Left";
5974
+ readonly description: "Offset from the left edge.";
5975
+ readonly category: "container";
5976
+ readonly specialCategory: "offset";
5977
+ readonly sort: 24;
5978
+ readonly preferedScale: "s";
5979
+ };
5980
+ readonly right: {
5981
+ readonly label: "Right";
5982
+ readonly description: "Offset from the right edge.";
5983
+ readonly category: "container";
5984
+ readonly specialCategory: "offset";
5985
+ readonly sort: 25;
5986
+ readonly preferedScale: "s";
5987
+ };
5988
+ readonly zIndex: {
5989
+ readonly label: "Z-Index";
5990
+ readonly description: "Controls stacking order.";
5991
+ readonly category: "container";
5992
+ readonly specialCategory: null;
5993
+ readonly sort: 26;
5994
+ };
4567
5995
  };
4568
5996
  readonly specialCategories: {
4569
5997
  readonly padding: {
@@ -4584,6 +6012,12 @@ export declare const patterns: readonly [{
4584
6012
  readonly category: "container";
4585
6013
  readonly sort: 3;
4586
6014
  };
6015
+ readonly offset: {
6016
+ readonly label: "Offset";
6017
+ readonly description: "Absolute positioning offsets.";
6018
+ readonly category: "container";
6019
+ readonly sort: 4;
6020
+ };
4587
6021
  };
4588
6022
  };
4589
6023
  readonly defaults: {
@@ -4622,6 +6056,13 @@ export declare const patterns: readonly [{
4622
6056
  readonly borderRadius: "size";
4623
6057
  readonly width: "size";
4624
6058
  readonly height: "size";
6059
+ readonly flex: "number";
6060
+ readonly position: readonly ["relative", "absolute"];
6061
+ readonly top: "size";
6062
+ readonly bottom: "size";
6063
+ readonly left: "size";
6064
+ readonly right: "size";
6065
+ readonly zIndex: "number";
4625
6066
  readonly color: "color";
4626
6067
  readonly fontSize: "size";
4627
6068
  readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
@@ -4654,6 +6095,12 @@ export declare const patterns: readonly [{
4654
6095
  readonly category: "container";
4655
6096
  readonly sort: 3;
4656
6097
  };
6098
+ readonly offset: {
6099
+ readonly label: "Offset";
6100
+ readonly description: "Absolute positioning offsets.";
6101
+ readonly category: "container";
6102
+ readonly sort: 4;
6103
+ };
4657
6104
  };
4658
6105
  readonly attributes: {
4659
6106
  readonly scrollable: {
@@ -4835,6 +6282,59 @@ export declare const patterns: readonly [{
4835
6282
  readonly sort: 1;
4836
6283
  readonly preferedScale: "vs";
4837
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
+ };
6292
+ readonly position: {
6293
+ readonly label: "Position";
6294
+ readonly description: "Sets layout positioning mode.";
6295
+ readonly category: "container";
6296
+ readonly specialCategory: null;
6297
+ readonly sort: 3;
6298
+ };
6299
+ readonly top: {
6300
+ readonly label: "Top";
6301
+ readonly description: "Offset from the top edge.";
6302
+ readonly category: "container";
6303
+ readonly specialCategory: "offset";
6304
+ readonly sort: 22;
6305
+ readonly preferedScale: "vs";
6306
+ };
6307
+ readonly bottom: {
6308
+ readonly label: "Bottom";
6309
+ readonly description: "Offset from the bottom edge.";
6310
+ readonly category: "container";
6311
+ readonly specialCategory: "offset";
6312
+ readonly sort: 23;
6313
+ readonly preferedScale: "vs";
6314
+ };
6315
+ readonly left: {
6316
+ readonly label: "Left";
6317
+ readonly description: "Offset from the left edge.";
6318
+ readonly category: "container";
6319
+ readonly specialCategory: "offset";
6320
+ readonly sort: 24;
6321
+ readonly preferedScale: "s";
6322
+ };
6323
+ readonly right: {
6324
+ readonly label: "Right";
6325
+ readonly description: "Offset from the right edge.";
6326
+ readonly category: "container";
6327
+ readonly specialCategory: "offset";
6328
+ readonly sort: 25;
6329
+ readonly preferedScale: "s";
6330
+ };
6331
+ readonly zIndex: {
6332
+ readonly label: "Z-Index";
6333
+ readonly description: "Controls stacking order.";
6334
+ readonly category: "container";
6335
+ readonly specialCategory: null;
6336
+ readonly sort: 26;
6337
+ };
4838
6338
  readonly color: {
4839
6339
  readonly label: "Color";
4840
6340
  readonly description: "Text color.";
@@ -4899,6 +6399,13 @@ export declare const patterns: readonly [{
4899
6399
  readonly borderRadius: "size";
4900
6400
  readonly width: "size";
4901
6401
  readonly height: "size";
6402
+ readonly flex: "number";
6403
+ readonly position: readonly ["relative", "absolute"];
6404
+ readonly top: "size";
6405
+ readonly bottom: "size";
6406
+ readonly left: "size";
6407
+ readonly right: "size";
6408
+ readonly zIndex: "number";
4902
6409
  };
4903
6410
  readonly defaults: {
4904
6411
  readonly flexDirection: "column";
@@ -4927,6 +6434,12 @@ export declare const patterns: readonly [{
4927
6434
  readonly category: "container";
4928
6435
  readonly sort: 3;
4929
6436
  };
6437
+ readonly offset: {
6438
+ readonly label: "Offset";
6439
+ readonly description: "Absolute positioning offsets.";
6440
+ readonly category: "container";
6441
+ readonly sort: 4;
6442
+ };
4930
6443
  };
4931
6444
  readonly attributes: {
4932
6445
  readonly scrollable: {
@@ -5108,6 +6621,59 @@ export declare const patterns: readonly [{
5108
6621
  readonly sort: 1;
5109
6622
  readonly preferedScale: "vs";
5110
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
+ };
6631
+ readonly position: {
6632
+ readonly label: "Position";
6633
+ readonly description: "Sets layout positioning mode.";
6634
+ readonly category: "container";
6635
+ readonly specialCategory: null;
6636
+ readonly sort: 3;
6637
+ };
6638
+ readonly top: {
6639
+ readonly label: "Top";
6640
+ readonly description: "Offset from the top edge.";
6641
+ readonly category: "container";
6642
+ readonly specialCategory: "offset";
6643
+ readonly sort: 22;
6644
+ readonly preferedScale: "vs";
6645
+ };
6646
+ readonly bottom: {
6647
+ readonly label: "Bottom";
6648
+ readonly description: "Offset from the bottom edge.";
6649
+ readonly category: "container";
6650
+ readonly specialCategory: "offset";
6651
+ readonly sort: 23;
6652
+ readonly preferedScale: "vs";
6653
+ };
6654
+ readonly left: {
6655
+ readonly label: "Left";
6656
+ readonly description: "Offset from the left edge.";
6657
+ readonly category: "container";
6658
+ readonly specialCategory: "offset";
6659
+ readonly sort: 24;
6660
+ readonly preferedScale: "s";
6661
+ };
6662
+ readonly right: {
6663
+ readonly label: "Right";
6664
+ readonly description: "Offset from the right edge.";
6665
+ readonly category: "container";
6666
+ readonly specialCategory: "offset";
6667
+ readonly sort: 25;
6668
+ readonly preferedScale: "s";
6669
+ };
6670
+ readonly zIndex: {
6671
+ readonly label: "Z-Index";
6672
+ readonly description: "Controls stacking order.";
6673
+ readonly category: "container";
6674
+ readonly specialCategory: null;
6675
+ readonly sort: 26;
6676
+ };
5111
6677
  };
5112
6678
  };
5113
6679
  readonly defaults: {