@developer_tribe/react-builder 1.0.2 → 1.0.3

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 (124) hide show
  1. package/dist/AttributesEditor.d.ts +3 -1
  2. package/dist/RenderPage.d.ts +2 -1
  3. package/dist/attributes-editor/Field.d.ts +2 -1
  4. package/dist/attributes-editor/SpecialCategorySection.d.ts +2 -1
  5. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +5 -0
  6. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +44 -0
  7. package/dist/build-components/Button/ButtonProps.generated.d.ts +7 -0
  8. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +7 -0
  9. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +7 -0
  10. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +7 -0
  11. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +7 -0
  12. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +7 -0
  13. package/dist/build-components/Image/ImageProps.generated.d.ts +7 -0
  14. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +7 -0
  15. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +7 -0
  16. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +7 -0
  17. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +7 -0
  18. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +7 -0
  19. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +7 -0
  20. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +7 -0
  21. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +7 -1
  22. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +7 -0
  23. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +7 -0
  24. package/dist/build-components/Text/TextProps.generated.d.ts +7 -0
  25. package/dist/build-components/View/ViewProps.generated.d.ts +7 -0
  26. package/dist/build-components/index.d.ts +2 -1
  27. package/dist/build-components/patterns.generated.d.ts +1444 -15
  28. package/dist/components/AttributesEditorPanel.d.ts +3 -4
  29. package/dist/components/Builder.d.ts +2 -1
  30. package/dist/components/BuilderButton.d.ts +9 -0
  31. package/dist/index.cjs.js +5 -5
  32. package/dist/index.cjs.js.map +1 -1
  33. package/dist/index.d.ts +2 -2
  34. package/dist/index.esm.js +5 -5
  35. package/dist/index.esm.js.map +1 -1
  36. package/dist/modals/ColorModal.d.ts +3 -1
  37. package/dist/pages/ProjectPage.d.ts +3 -3
  38. package/dist/pages/tabs/BuilderPanel.d.ts +8 -0
  39. package/dist/pages/tabs/{DebugTab.d.ts → SideTool.d.ts} +2 -2
  40. package/dist/store.d.ts +7 -1
  41. package/dist/styles.css +1 -1
  42. package/dist/types/Project.d.ts +11 -0
  43. package/dist/utils/analyseNode.d.ts +1 -0
  44. package/dist/utils/extractTextStyle.d.ts +8 -1
  45. package/dist/utils/extractViewStyle.d.ts +8 -1
  46. package/dist/utils/parseColor.d.ts +7 -0
  47. package/package.json +1 -1
  48. package/src/AttributesEditor.tsx +76 -14
  49. package/src/RenderPage.tsx +82 -4
  50. package/src/attributes-editor/Field.tsx +12 -5
  51. package/src/attributes-editor/SpecialCategorySection.tsx +2 -1
  52. package/src/build-components/BackgroundImage/BackgroundImage.tsx +87 -0
  53. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +60 -0
  54. package/src/build-components/BackgroundImage/pattern.json +45 -0
  55. package/src/build-components/Button/Button.tsx +31 -4
  56. package/src/build-components/Button/ButtonProps.generated.ts +7 -0
  57. package/src/build-components/Carousel/Carousel.tsx +27 -3
  58. package/src/build-components/Carousel/CarouselProps.generated.ts +7 -0
  59. package/src/build-components/CarouselButtons/CarouselButtons.tsx +19 -4
  60. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +7 -0
  61. package/src/build-components/CarouselDots/CarouselDots.tsx +13 -4
  62. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +7 -0
  63. package/src/build-components/CarouselItem/CarouselItem.tsx +20 -4
  64. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +7 -0
  65. package/src/build-components/CarouselProvider/CarouselProvider.tsx +14 -3
  66. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +7 -0
  67. package/src/build-components/Image/Image.tsx +29 -4
  68. package/src/build-components/Image/ImageProps.generated.ts +7 -0
  69. package/src/build-components/Onboard/Onboard.tsx +2 -2
  70. package/src/build-components/Onboard/OnboardProps.generated.ts +7 -0
  71. package/src/build-components/OnboardButton/OnboardButton.tsx +11 -4
  72. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +7 -0
  73. package/src/build-components/OnboardButtons/OnboardButtons.tsx +17 -5
  74. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +7 -0
  75. package/src/build-components/OnboardDot/OnboardDot.tsx +15 -6
  76. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +7 -0
  77. package/src/build-components/OnboardDot/pattern.json +1 -1
  78. package/src/build-components/OnboardFooter/OnboardFooter.tsx +15 -5
  79. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +7 -0
  80. package/src/build-components/OnboardImage/OnboardImage.tsx +28 -6
  81. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +7 -0
  82. package/src/build-components/OnboardItem/OnboardItem.tsx +14 -3
  83. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +7 -0
  84. package/src/build-components/OnboardProvider/OnboardProvider.tsx +34 -12
  85. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +7 -1
  86. package/src/build-components/OnboardProvider/pattern.json +0 -8
  87. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +7 -0
  88. package/src/build-components/OnboardSubtitle/pattern.json +1 -1
  89. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +7 -0
  90. package/src/build-components/OnboardTitle/pattern.json +1 -1
  91. package/src/build-components/RenderNode.generated.tsx +3 -0
  92. package/src/build-components/Text/Text.tsx +33 -9
  93. package/src/build-components/Text/TextProps.generated.ts +7 -0
  94. package/src/build-components/View/View.tsx +27 -3
  95. package/src/build-components/View/ViewProps.generated.ts +7 -0
  96. package/src/build-components/View/pattern.json +59 -1
  97. package/src/build-components/index.ts +5 -0
  98. package/src/build-components/patterns.generated.ts +1452 -15
  99. package/src/components/AttributesEditorPanel.tsx +13 -6
  100. package/src/components/Builder.tsx +140 -40
  101. package/src/components/BuilderButton.tsx +127 -0
  102. package/src/index.ts +2 -2
  103. package/src/mockOS/components/MockOSRouter.tsx +11 -3
  104. package/src/modals/ColorModal.tsx +212 -55
  105. package/src/pages/ProjectPage.tsx +293 -55
  106. package/src/pages/tabs/{BuilderTab.tsx → BuilderPanel.tsx} +13 -9
  107. package/src/pages/tabs/SideTool.tsx +259 -0
  108. package/src/size-matters/index.ts +6 -0
  109. package/src/store.ts +13 -1
  110. package/src/styles/base/_global.scss +158 -7
  111. package/src/styles/components/_attributes-editor.scss +12 -0
  112. package/src/styles/components/_editor-shell.scss +23 -0
  113. package/src/styles/foundation/_sizes.scss +1 -1
  114. package/src/styles/layout/_builder.scss +66 -10
  115. package/src/styles/modals/_color-modal.scss +29 -0
  116. package/src/types/Project.ts +14 -0
  117. package/src/utils/analyseNode.ts +98 -0
  118. package/src/utils/extractTextStyle.ts +24 -8
  119. package/src/utils/extractViewStyle.ts +27 -3
  120. package/src/utils/parseColor.ts +43 -0
  121. package/dist/pages/tabs/BuilderTab.d.ts +0 -9
  122. package/dist/pages/tabs/PreviewTab.d.ts +0 -3
  123. package/src/pages/tabs/DebugTab.tsx +0 -64
  124. package/src/pages/tabs/PreviewTab.tsx +0 -206
@@ -1,4 +1,339 @@
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 position: readonly ["relative", "absolute"];
31
+ readonly top: "size";
32
+ readonly bottom: "size";
33
+ readonly left: "size";
34
+ readonly right: "size";
35
+ readonly zIndex: "number";
36
+ readonly src: "string";
37
+ readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
38
+ };
39
+ readonly defaults: {
40
+ readonly resizeMode: "cover";
41
+ readonly width: "100%";
42
+ readonly height: "100%";
43
+ readonly position: "fixed";
44
+ readonly top: 0;
45
+ readonly left: 0;
46
+ readonly right: 0;
47
+ readonly bottom: 0;
48
+ readonly zIndex: 0;
49
+ };
50
+ };
51
+ readonly meta: {
52
+ readonly desiredParent: readonly ["all", "background"];
53
+ readonly label: "Background Image";
54
+ readonly description: "Background image.";
55
+ readonly specialCategories: {
56
+ readonly padding: {
57
+ readonly label: "Padding";
58
+ readonly description: "Uniform padding on all sides.";
59
+ readonly category: "container";
60
+ readonly sort: 1;
61
+ };
62
+ readonly margin: {
63
+ readonly label: "Margin";
64
+ readonly description: "Uniform margin on all sides.";
65
+ readonly category: "container";
66
+ readonly sort: 2;
67
+ };
68
+ readonly size: {
69
+ readonly label: "Size";
70
+ readonly description: "Fixed dimensions.";
71
+ readonly category: "container";
72
+ readonly sort: 3;
73
+ };
74
+ readonly offset: {
75
+ readonly label: "Offset";
76
+ readonly description: "Absolute positioning offsets.";
77
+ readonly category: "container";
78
+ readonly sort: 4;
79
+ };
80
+ };
81
+ readonly attributes: {
82
+ readonly scrollable: {
83
+ readonly label: "Scrollable";
84
+ readonly description: "Turns scroll interaction on.";
85
+ readonly category: "container";
86
+ readonly specialCategory: null;
87
+ readonly sort: -1;
88
+ };
89
+ readonly flexDirection: {
90
+ readonly label: "Flex Direction";
91
+ readonly description: "Sets row or column layout.";
92
+ readonly category: "container";
93
+ readonly specialCategory: null;
94
+ readonly sort: 4;
95
+ };
96
+ readonly alignItems: {
97
+ readonly label: "Align Items";
98
+ readonly description: "Controls cross-axis alignment.";
99
+ readonly category: "container";
100
+ readonly specialCategory: null;
101
+ readonly sort: 3;
102
+ };
103
+ readonly justifyContent: {
104
+ readonly label: "Justify Content";
105
+ readonly description: "Controls main-axis alignment.";
106
+ readonly category: "container";
107
+ readonly specialCategory: null;
108
+ readonly sort: 5;
109
+ };
110
+ readonly gap: {
111
+ readonly label: "Gap";
112
+ readonly description: "Space between children.";
113
+ readonly category: "container";
114
+ readonly specialCategory: null;
115
+ readonly sort: 10;
116
+ readonly preferedScale: "s";
117
+ };
118
+ readonly padding: {
119
+ readonly label: "Padding";
120
+ readonly description: "Uniform padding on all sides.";
121
+ readonly category: "container";
122
+ readonly specialCategory: "padding";
123
+ readonly sort: 6;
124
+ readonly preferedScale: "s";
125
+ };
126
+ readonly paddingHorizontal: {
127
+ readonly label: "Padding Horizontal";
128
+ readonly description: "Left and right padding.";
129
+ readonly category: "container";
130
+ readonly specialCategory: "padding";
131
+ readonly sort: 7;
132
+ readonly preferedScale: "s";
133
+ };
134
+ readonly paddingVertical: {
135
+ readonly label: "Padding Vertical";
136
+ readonly description: "Top and bottom padding.";
137
+ readonly category: "container";
138
+ readonly specialCategory: "padding";
139
+ readonly sort: 8;
140
+ readonly preferedScale: "vs";
141
+ };
142
+ readonly paddingTop: {
143
+ readonly label: "Padding Top";
144
+ readonly description: "Top padding only.";
145
+ readonly category: "container";
146
+ readonly specialCategory: "padding";
147
+ readonly sort: 9;
148
+ readonly preferedScale: "vs";
149
+ };
150
+ readonly paddingBottom: {
151
+ readonly label: "Padding Bottom";
152
+ readonly description: "Bottom padding only.";
153
+ readonly category: "container";
154
+ readonly specialCategory: "padding";
155
+ readonly sort: 10;
156
+ readonly preferedScale: "vs";
157
+ };
158
+ readonly paddingLeft: {
159
+ readonly label: "Padding Left";
160
+ readonly description: "Left padding only.";
161
+ readonly category: "container";
162
+ readonly specialCategory: "padding";
163
+ readonly sort: 11;
164
+ readonly preferedScale: "s";
165
+ };
166
+ readonly paddingRight: {
167
+ readonly label: "Padding Right";
168
+ readonly description: "Right padding only.";
169
+ readonly category: "container";
170
+ readonly specialCategory: "padding";
171
+ readonly sort: 12;
172
+ readonly preferedScale: "s";
173
+ };
174
+ readonly margin: {
175
+ readonly label: "Margin";
176
+ readonly description: "Uniform margin on all sides.";
177
+ readonly category: "container";
178
+ readonly specialCategory: "margin";
179
+ readonly sort: 13;
180
+ readonly preferedScale: "s";
181
+ };
182
+ readonly marginHorizontal: {
183
+ readonly label: "Margin Horizontal";
184
+ readonly description: "Left and right margin.";
185
+ readonly category: "container";
186
+ readonly specialCategory: "margin";
187
+ readonly sort: 14;
188
+ readonly preferedScale: "s";
189
+ };
190
+ readonly marginVertical: {
191
+ readonly label: "Margin Vertical";
192
+ readonly description: "Top and bottom margin.";
193
+ readonly category: "container";
194
+ readonly specialCategory: "margin";
195
+ readonly sort: 15;
196
+ readonly preferedScale: "vs";
197
+ };
198
+ readonly marginTop: {
199
+ readonly label: "Margin Top";
200
+ readonly description: "Top margin only.";
201
+ readonly category: "container";
202
+ readonly specialCategory: "margin";
203
+ readonly sort: 16;
204
+ readonly preferedScale: "vs";
205
+ };
206
+ readonly marginBottom: {
207
+ readonly label: "Margin Bottom";
208
+ readonly description: "Bottom margin only.";
209
+ readonly category: "container";
210
+ readonly specialCategory: "margin";
211
+ readonly sort: 17;
212
+ readonly preferedScale: "vs";
213
+ };
214
+ readonly marginLeft: {
215
+ readonly label: "Margin Left";
216
+ readonly description: "Left margin only.";
217
+ readonly category: "container";
218
+ readonly specialCategory: "margin";
219
+ readonly sort: 18;
220
+ readonly preferedScale: "s";
221
+ };
222
+ readonly marginRight: {
223
+ readonly label: "Margin Right";
224
+ readonly description: "Right margin only.";
225
+ readonly category: "container";
226
+ readonly specialCategory: "margin";
227
+ readonly sort: 19;
228
+ readonly preferedScale: "s";
229
+ };
230
+ readonly backgroundColor: {
231
+ readonly label: "Background Color";
232
+ readonly description: "Background fill color.";
233
+ readonly category: "style";
234
+ readonly specialCategory: null;
235
+ readonly sort: 20;
236
+ };
237
+ readonly borderRadius: {
238
+ readonly label: "Border Radius";
239
+ readonly description: "Corner rounding amount.";
240
+ readonly category: "style";
241
+ readonly specialCategory: null;
242
+ readonly sort: 21;
243
+ readonly preferedScale: "s";
244
+ };
245
+ readonly width: {
246
+ readonly label: "Width";
247
+ readonly description: "Fixed width value.";
248
+ readonly category: "container";
249
+ readonly specialCategory: "size";
250
+ readonly sort: 0;
251
+ readonly preferedScale: "s";
252
+ };
253
+ readonly height: {
254
+ readonly label: "Height";
255
+ readonly description: "Fixed height value.";
256
+ readonly category: "container";
257
+ readonly specialCategory: "size";
258
+ readonly sort: 1;
259
+ readonly preferedScale: "vs";
260
+ };
261
+ readonly position: {
262
+ readonly label: "Position";
263
+ readonly description: "Sets layout positioning mode.";
264
+ readonly category: "container";
265
+ readonly specialCategory: null;
266
+ readonly sort: 2;
267
+ };
268
+ readonly top: {
269
+ readonly label: "Top";
270
+ readonly description: "Offset from the top edge.";
271
+ readonly category: "container";
272
+ readonly specialCategory: "offset";
273
+ readonly sort: 22;
274
+ readonly preferedScale: "vs";
275
+ };
276
+ readonly bottom: {
277
+ readonly label: "Bottom";
278
+ readonly description: "Offset from the bottom edge.";
279
+ readonly category: "container";
280
+ readonly specialCategory: "offset";
281
+ readonly sort: 23;
282
+ readonly preferedScale: "vs";
283
+ };
284
+ readonly left: {
285
+ readonly label: "Left";
286
+ readonly description: "Offset from the left edge.";
287
+ readonly category: "container";
288
+ readonly specialCategory: "offset";
289
+ readonly sort: 24;
290
+ readonly preferedScale: "s";
291
+ };
292
+ readonly right: {
293
+ readonly label: "Right";
294
+ readonly description: "Offset from the right edge.";
295
+ readonly category: "container";
296
+ readonly specialCategory: "offset";
297
+ readonly sort: 25;
298
+ readonly preferedScale: "s";
299
+ };
300
+ readonly zIndex: {
301
+ readonly label: "Z-Index";
302
+ readonly description: "Controls stacking order.";
303
+ readonly category: "container";
304
+ readonly specialCategory: null;
305
+ readonly sort: 26;
306
+ };
307
+ readonly src: {
308
+ readonly label: "Src";
309
+ readonly description: "Image source URL.";
310
+ readonly category: "other";
311
+ readonly specialCategory: null;
312
+ readonly sort: 1;
313
+ };
314
+ readonly resizeMode: {
315
+ readonly label: "Resize Mode";
316
+ readonly description: "How the image fits its container.";
317
+ readonly category: "style";
318
+ readonly specialCategory: null;
319
+ readonly sort: 4;
320
+ };
321
+ };
322
+ };
323
+ readonly types: {};
324
+ readonly defaults: {
325
+ readonly resizeMode: "cover";
326
+ readonly width: "100%";
327
+ readonly height: "100%";
328
+ readonly position: "fixed";
329
+ readonly top: 0;
330
+ readonly left: 0;
331
+ readonly right: 0;
332
+ readonly bottom: 0;
333
+ readonly zIndex: 0;
334
+ readonly flexDirection: "column";
335
+ };
336
+ }, {
2
337
  readonly schemaVersion: 1;
3
338
  readonly allowUnknownAttributes: false;
4
339
  readonly pattern: {
@@ -27,6 +362,12 @@ export declare const patterns: readonly [{
27
362
  readonly borderRadius: "size";
28
363
  readonly width: "size";
29
364
  readonly height: "size";
365
+ readonly position: readonly ["relative", "absolute"];
366
+ readonly top: "size";
367
+ readonly bottom: "size";
368
+ readonly left: "size";
369
+ readonly right: "size";
370
+ readonly zIndex: "number";
30
371
  readonly color: "color";
31
372
  readonly fontSize: "size";
32
373
  readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
@@ -58,6 +399,12 @@ export declare const patterns: readonly [{
58
399
  readonly category: "container";
59
400
  readonly sort: 3;
60
401
  };
402
+ readonly offset: {
403
+ readonly label: "Offset";
404
+ readonly description: "Absolute positioning offsets.";
405
+ readonly category: "container";
406
+ readonly sort: 4;
407
+ };
61
408
  };
62
409
  readonly attributes: {
63
410
  readonly scrollable: {
@@ -239,6 +586,52 @@ export declare const patterns: readonly [{
239
586
  readonly sort: 1;
240
587
  readonly preferedScale: "vs";
241
588
  };
589
+ readonly position: {
590
+ readonly label: "Position";
591
+ readonly description: "Sets layout positioning mode.";
592
+ readonly category: "container";
593
+ readonly specialCategory: null;
594
+ readonly sort: 2;
595
+ };
596
+ readonly top: {
597
+ readonly label: "Top";
598
+ readonly description: "Offset from the top edge.";
599
+ readonly category: "container";
600
+ readonly specialCategory: "offset";
601
+ readonly sort: 22;
602
+ readonly preferedScale: "vs";
603
+ };
604
+ readonly bottom: {
605
+ readonly label: "Bottom";
606
+ readonly description: "Offset from the bottom edge.";
607
+ readonly category: "container";
608
+ readonly specialCategory: "offset";
609
+ readonly sort: 23;
610
+ readonly preferedScale: "vs";
611
+ };
612
+ readonly left: {
613
+ readonly label: "Left";
614
+ readonly description: "Offset from the left edge.";
615
+ readonly category: "container";
616
+ readonly specialCategory: "offset";
617
+ readonly sort: 24;
618
+ readonly preferedScale: "s";
619
+ };
620
+ readonly right: {
621
+ readonly label: "Right";
622
+ readonly description: "Offset from the right edge.";
623
+ readonly category: "container";
624
+ readonly specialCategory: "offset";
625
+ readonly sort: 25;
626
+ readonly preferedScale: "s";
627
+ };
628
+ readonly zIndex: {
629
+ readonly label: "Z-Index";
630
+ readonly description: "Controls stacking order.";
631
+ readonly category: "container";
632
+ readonly specialCategory: null;
633
+ readonly sort: 26;
634
+ };
242
635
  readonly color: {
243
636
  readonly label: "Color";
244
637
  readonly description: "Text color of the button.";
@@ -295,6 +688,12 @@ export declare const patterns: readonly [{
295
688
  readonly borderRadius: "size";
296
689
  readonly width: "size";
297
690
  readonly height: "size";
691
+ readonly position: readonly ["relative", "absolute"];
692
+ readonly top: "size";
693
+ readonly bottom: "size";
694
+ readonly left: "size";
695
+ readonly right: "size";
696
+ readonly zIndex: "number";
298
697
  };
299
698
  readonly defaults: {
300
699
  readonly flexDirection: "row";
@@ -323,6 +722,12 @@ export declare const patterns: readonly [{
323
722
  readonly category: "container";
324
723
  readonly sort: 3;
325
724
  };
725
+ readonly offset: {
726
+ readonly label: "Offset";
727
+ readonly description: "Absolute positioning offsets.";
728
+ readonly category: "container";
729
+ readonly sort: 4;
730
+ };
326
731
  };
327
732
  readonly attributes: {
328
733
  readonly scrollable: {
@@ -504,6 +909,52 @@ export declare const patterns: readonly [{
504
909
  readonly sort: 1;
505
910
  readonly preferedScale: "vs";
506
911
  };
912
+ readonly position: {
913
+ readonly label: "Position";
914
+ readonly description: "Sets layout positioning mode.";
915
+ readonly category: "container";
916
+ readonly specialCategory: null;
917
+ readonly sort: 2;
918
+ };
919
+ readonly top: {
920
+ readonly label: "Top";
921
+ readonly description: "Offset from the top edge.";
922
+ readonly category: "container";
923
+ readonly specialCategory: "offset";
924
+ readonly sort: 22;
925
+ readonly preferedScale: "vs";
926
+ };
927
+ readonly bottom: {
928
+ readonly label: "Bottom";
929
+ readonly description: "Offset from the bottom edge.";
930
+ readonly category: "container";
931
+ readonly specialCategory: "offset";
932
+ readonly sort: 23;
933
+ readonly preferedScale: "vs";
934
+ };
935
+ readonly left: {
936
+ readonly label: "Left";
937
+ readonly description: "Offset from the left edge.";
938
+ readonly category: "container";
939
+ readonly specialCategory: "offset";
940
+ readonly sort: 24;
941
+ readonly preferedScale: "s";
942
+ };
943
+ readonly right: {
944
+ readonly label: "Right";
945
+ readonly description: "Offset from the right edge.";
946
+ readonly category: "container";
947
+ readonly specialCategory: "offset";
948
+ readonly sort: 25;
949
+ readonly preferedScale: "s";
950
+ };
951
+ readonly zIndex: {
952
+ readonly label: "Z-Index";
953
+ readonly description: "Controls stacking order.";
954
+ readonly category: "container";
955
+ readonly specialCategory: null;
956
+ readonly sort: 26;
957
+ };
507
958
  };
508
959
  };
509
960
  readonly types: {};
@@ -539,6 +990,12 @@ export declare const patterns: readonly [{
539
990
  readonly borderRadius: "size";
540
991
  readonly width: "size";
541
992
  readonly height: "size";
993
+ readonly position: readonly ["relative", "absolute"];
994
+ readonly top: "size";
995
+ readonly bottom: "size";
996
+ readonly left: "size";
997
+ readonly right: "size";
998
+ readonly zIndex: "number";
542
999
  readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
543
1000
  readonly skipNumber: "number";
544
1001
  };
@@ -569,6 +1026,12 @@ export declare const patterns: readonly [{
569
1026
  readonly category: "container";
570
1027
  readonly sort: 3;
571
1028
  };
1029
+ readonly offset: {
1030
+ readonly label: "Offset";
1031
+ readonly description: "Absolute positioning offsets.";
1032
+ readonly category: "container";
1033
+ readonly sort: 4;
1034
+ };
572
1035
  };
573
1036
  readonly attributes: {
574
1037
  readonly scrollable: {
@@ -750,6 +1213,52 @@ export declare const patterns: readonly [{
750
1213
  readonly sort: 1;
751
1214
  readonly preferedScale: "vs";
752
1215
  };
1216
+ readonly position: {
1217
+ readonly label: "Position";
1218
+ readonly description: "Sets layout positioning mode.";
1219
+ readonly category: "container";
1220
+ readonly specialCategory: null;
1221
+ readonly sort: 2;
1222
+ };
1223
+ readonly top: {
1224
+ readonly label: "Top";
1225
+ readonly description: "Offset from the top edge.";
1226
+ readonly category: "container";
1227
+ readonly specialCategory: "offset";
1228
+ readonly sort: 22;
1229
+ readonly preferedScale: "vs";
1230
+ };
1231
+ readonly bottom: {
1232
+ readonly label: "Bottom";
1233
+ readonly description: "Offset from the bottom edge.";
1234
+ readonly category: "container";
1235
+ readonly specialCategory: "offset";
1236
+ readonly sort: 23;
1237
+ readonly preferedScale: "vs";
1238
+ };
1239
+ readonly left: {
1240
+ readonly label: "Left";
1241
+ readonly description: "Offset from the left edge.";
1242
+ readonly category: "container";
1243
+ readonly specialCategory: "offset";
1244
+ readonly sort: 24;
1245
+ readonly preferedScale: "s";
1246
+ };
1247
+ readonly right: {
1248
+ readonly label: "Right";
1249
+ readonly description: "Offset from the right edge.";
1250
+ readonly category: "container";
1251
+ readonly specialCategory: "offset";
1252
+ readonly sort: 25;
1253
+ readonly preferedScale: "s";
1254
+ };
1255
+ readonly zIndex: {
1256
+ readonly label: "Z-Index";
1257
+ readonly description: "Controls stacking order.";
1258
+ readonly category: "container";
1259
+ readonly specialCategory: null;
1260
+ readonly sort: 26;
1261
+ };
753
1262
  readonly buttonType: {
754
1263
  readonly label: "Button Type";
755
1264
  readonly description: "Which carousel button to show.";
@@ -799,6 +1308,12 @@ export declare const patterns: readonly [{
799
1308
  readonly borderRadius: "size";
800
1309
  readonly width: "size";
801
1310
  readonly height: "size";
1311
+ readonly position: readonly ["relative", "absolute"];
1312
+ readonly top: "size";
1313
+ readonly bottom: "size";
1314
+ readonly left: "size";
1315
+ readonly right: "size";
1316
+ readonly zIndex: "number";
802
1317
  readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
803
1318
  };
804
1319
  readonly defaults: {
@@ -828,6 +1343,12 @@ export declare const patterns: readonly [{
828
1343
  readonly category: "container";
829
1344
  readonly sort: 3;
830
1345
  };
1346
+ readonly offset: {
1347
+ readonly label: "Offset";
1348
+ readonly description: "Absolute positioning offsets.";
1349
+ readonly category: "container";
1350
+ readonly sort: 4;
1351
+ };
831
1352
  };
832
1353
  readonly attributes: {
833
1354
  readonly scrollable: {
@@ -1009,6 +1530,52 @@ export declare const patterns: readonly [{
1009
1530
  readonly sort: 1;
1010
1531
  readonly preferedScale: "vs";
1011
1532
  };
1533
+ readonly position: {
1534
+ readonly label: "Position";
1535
+ readonly description: "Sets layout positioning mode.";
1536
+ readonly category: "container";
1537
+ readonly specialCategory: null;
1538
+ readonly sort: 2;
1539
+ };
1540
+ readonly top: {
1541
+ readonly label: "Top";
1542
+ readonly description: "Offset from the top edge.";
1543
+ readonly category: "container";
1544
+ readonly specialCategory: "offset";
1545
+ readonly sort: 22;
1546
+ readonly preferedScale: "vs";
1547
+ };
1548
+ readonly bottom: {
1549
+ readonly label: "Bottom";
1550
+ readonly description: "Offset from the bottom edge.";
1551
+ readonly category: "container";
1552
+ readonly specialCategory: "offset";
1553
+ readonly sort: 23;
1554
+ readonly preferedScale: "vs";
1555
+ };
1556
+ readonly left: {
1557
+ readonly label: "Left";
1558
+ readonly description: "Offset from the left edge.";
1559
+ readonly category: "container";
1560
+ readonly specialCategory: "offset";
1561
+ readonly sort: 24;
1562
+ readonly preferedScale: "s";
1563
+ };
1564
+ readonly right: {
1565
+ readonly label: "Right";
1566
+ readonly description: "Offset from the right edge.";
1567
+ readonly category: "container";
1568
+ readonly specialCategory: "offset";
1569
+ readonly sort: 25;
1570
+ readonly preferedScale: "s";
1571
+ };
1572
+ readonly zIndex: {
1573
+ readonly label: "Z-Index";
1574
+ readonly description: "Controls stacking order.";
1575
+ readonly category: "container";
1576
+ readonly specialCategory: null;
1577
+ readonly sort: 26;
1578
+ };
1012
1579
  readonly dotType: {
1013
1580
  readonly label: "Dot Type";
1014
1581
  readonly description: "Style used for the dots.";
@@ -1051,6 +1618,12 @@ export declare const patterns: readonly [{
1051
1618
  readonly borderRadius: "size";
1052
1619
  readonly width: "size";
1053
1620
  readonly height: "size";
1621
+ readonly position: readonly ["relative", "absolute"];
1622
+ readonly top: "size";
1623
+ readonly bottom: "size";
1624
+ readonly left: "size";
1625
+ readonly right: "size";
1626
+ readonly zIndex: "number";
1054
1627
  };
1055
1628
  readonly defaults: {
1056
1629
  readonly flexDirection: "column";
@@ -1079,6 +1652,12 @@ export declare const patterns: readonly [{
1079
1652
  readonly category: "container";
1080
1653
  readonly sort: 3;
1081
1654
  };
1655
+ readonly offset: {
1656
+ readonly label: "Offset";
1657
+ readonly description: "Absolute positioning offsets.";
1658
+ readonly category: "container";
1659
+ readonly sort: 4;
1660
+ };
1082
1661
  };
1083
1662
  readonly attributes: {
1084
1663
  readonly scrollable: {
@@ -1260,6 +1839,52 @@ export declare const patterns: readonly [{
1260
1839
  readonly sort: 1;
1261
1840
  readonly preferedScale: "vs";
1262
1841
  };
1842
+ readonly position: {
1843
+ readonly label: "Position";
1844
+ readonly description: "Sets layout positioning mode.";
1845
+ readonly category: "container";
1846
+ readonly specialCategory: null;
1847
+ readonly sort: 2;
1848
+ };
1849
+ readonly top: {
1850
+ readonly label: "Top";
1851
+ readonly description: "Offset from the top edge.";
1852
+ readonly category: "container";
1853
+ readonly specialCategory: "offset";
1854
+ readonly sort: 22;
1855
+ readonly preferedScale: "vs";
1856
+ };
1857
+ readonly bottom: {
1858
+ readonly label: "Bottom";
1859
+ readonly description: "Offset from the bottom edge.";
1860
+ readonly category: "container";
1861
+ readonly specialCategory: "offset";
1862
+ readonly sort: 23;
1863
+ readonly preferedScale: "vs";
1864
+ };
1865
+ readonly left: {
1866
+ readonly label: "Left";
1867
+ readonly description: "Offset from the left edge.";
1868
+ readonly category: "container";
1869
+ readonly specialCategory: "offset";
1870
+ readonly sort: 24;
1871
+ readonly preferedScale: "s";
1872
+ };
1873
+ readonly right: {
1874
+ readonly label: "Right";
1875
+ readonly description: "Offset from the right edge.";
1876
+ readonly category: "container";
1877
+ readonly specialCategory: "offset";
1878
+ readonly sort: 25;
1879
+ readonly preferedScale: "s";
1880
+ };
1881
+ readonly zIndex: {
1882
+ readonly label: "Z-Index";
1883
+ readonly description: "Controls stacking order.";
1884
+ readonly category: "container";
1885
+ readonly specialCategory: null;
1886
+ readonly sort: 26;
1887
+ };
1263
1888
  };
1264
1889
  };
1265
1890
  readonly types: {};
@@ -1295,6 +1920,12 @@ export declare const patterns: readonly [{
1295
1920
  readonly borderRadius: "size";
1296
1921
  readonly width: "size";
1297
1922
  readonly height: "size";
1923
+ readonly position: readonly ["relative", "absolute"];
1924
+ readonly top: "size";
1925
+ readonly bottom: "size";
1926
+ readonly left: "size";
1927
+ readonly right: "size";
1928
+ readonly zIndex: "number";
1298
1929
  };
1299
1930
  readonly defaults: {
1300
1931
  readonly flexDirection: "column";
@@ -1323,6 +1954,12 @@ export declare const patterns: readonly [{
1323
1954
  readonly category: "container";
1324
1955
  readonly sort: 3;
1325
1956
  };
1957
+ readonly offset: {
1958
+ readonly label: "Offset";
1959
+ readonly description: "Absolute positioning offsets.";
1960
+ readonly category: "container";
1961
+ readonly sort: 4;
1962
+ };
1326
1963
  };
1327
1964
  readonly attributes: {
1328
1965
  readonly scrollable: {
@@ -1504,6 +2141,52 @@ export declare const patterns: readonly [{
1504
2141
  readonly sort: 1;
1505
2142
  readonly preferedScale: "vs";
1506
2143
  };
2144
+ readonly position: {
2145
+ readonly label: "Position";
2146
+ readonly description: "Sets layout positioning mode.";
2147
+ readonly category: "container";
2148
+ readonly specialCategory: null;
2149
+ readonly sort: 2;
2150
+ };
2151
+ readonly top: {
2152
+ readonly label: "Top";
2153
+ readonly description: "Offset from the top edge.";
2154
+ readonly category: "container";
2155
+ readonly specialCategory: "offset";
2156
+ readonly sort: 22;
2157
+ readonly preferedScale: "vs";
2158
+ };
2159
+ readonly bottom: {
2160
+ readonly label: "Bottom";
2161
+ readonly description: "Offset from the bottom edge.";
2162
+ readonly category: "container";
2163
+ readonly specialCategory: "offset";
2164
+ readonly sort: 23;
2165
+ readonly preferedScale: "vs";
2166
+ };
2167
+ readonly left: {
2168
+ readonly label: "Left";
2169
+ readonly description: "Offset from the left edge.";
2170
+ readonly category: "container";
2171
+ readonly specialCategory: "offset";
2172
+ readonly sort: 24;
2173
+ readonly preferedScale: "s";
2174
+ };
2175
+ readonly right: {
2176
+ readonly label: "Right";
2177
+ readonly description: "Offset from the right edge.";
2178
+ readonly category: "container";
2179
+ readonly specialCategory: "offset";
2180
+ readonly sort: 25;
2181
+ readonly preferedScale: "s";
2182
+ };
2183
+ readonly zIndex: {
2184
+ readonly label: "Z-Index";
2185
+ readonly description: "Controls stacking order.";
2186
+ readonly category: "container";
2187
+ readonly specialCategory: null;
2188
+ readonly sort: 26;
2189
+ };
1507
2190
  };
1508
2191
  };
1509
2192
  readonly types: {};
@@ -1539,6 +2222,12 @@ export declare const patterns: readonly [{
1539
2222
  readonly borderRadius: "size";
1540
2223
  readonly width: "size";
1541
2224
  readonly height: "size";
2225
+ readonly position: readonly ["relative", "absolute"];
2226
+ readonly top: "size";
2227
+ readonly bottom: "size";
2228
+ readonly left: "size";
2229
+ readonly right: "size";
2230
+ readonly zIndex: "number";
1542
2231
  readonly src: "string";
1543
2232
  readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
1544
2233
  };
@@ -1569,6 +2258,12 @@ export declare const patterns: readonly [{
1569
2258
  readonly category: "container";
1570
2259
  readonly sort: 3;
1571
2260
  };
2261
+ readonly offset: {
2262
+ readonly label: "Offset";
2263
+ readonly description: "Absolute positioning offsets.";
2264
+ readonly category: "container";
2265
+ readonly sort: 4;
2266
+ };
1572
2267
  };
1573
2268
  readonly attributes: {
1574
2269
  readonly scrollable: {
@@ -1747,6 +2442,52 @@ export declare const patterns: readonly [{
1747
2442
  readonly specialCategory: null;
1748
2443
  readonly sort: 3;
1749
2444
  };
2445
+ readonly position: {
2446
+ readonly label: "Position";
2447
+ readonly description: "Sets layout positioning mode.";
2448
+ readonly category: "container";
2449
+ readonly specialCategory: null;
2450
+ readonly sort: 2;
2451
+ };
2452
+ readonly top: {
2453
+ readonly label: "Top";
2454
+ readonly description: "Offset from the top edge.";
2455
+ readonly category: "container";
2456
+ readonly specialCategory: "offset";
2457
+ readonly sort: 22;
2458
+ readonly preferedScale: "vs";
2459
+ };
2460
+ readonly bottom: {
2461
+ readonly label: "Bottom";
2462
+ readonly description: "Offset from the bottom edge.";
2463
+ readonly category: "container";
2464
+ readonly specialCategory: "offset";
2465
+ readonly sort: 23;
2466
+ readonly preferedScale: "vs";
2467
+ };
2468
+ readonly left: {
2469
+ readonly label: "Left";
2470
+ readonly description: "Offset from the left edge.";
2471
+ readonly category: "container";
2472
+ readonly specialCategory: "offset";
2473
+ readonly sort: 24;
2474
+ readonly preferedScale: "s";
2475
+ };
2476
+ readonly right: {
2477
+ readonly label: "Right";
2478
+ readonly description: "Offset from the right edge.";
2479
+ readonly category: "container";
2480
+ readonly specialCategory: "offset";
2481
+ readonly sort: 25;
2482
+ readonly preferedScale: "s";
2483
+ };
2484
+ readonly zIndex: {
2485
+ readonly label: "Z-Index";
2486
+ readonly description: "Controls stacking order.";
2487
+ readonly category: "container";
2488
+ readonly specialCategory: null;
2489
+ readonly sort: 26;
2490
+ };
1750
2491
  readonly src: {
1751
2492
  readonly label: "Src";
1752
2493
  readonly description: "Image source URL.";
@@ -1796,6 +2537,12 @@ export declare const patterns: readonly [{
1796
2537
  readonly borderRadius: "size";
1797
2538
  readonly width: "size";
1798
2539
  readonly height: "size";
2540
+ readonly position: readonly ["relative", "absolute"];
2541
+ readonly top: "size";
2542
+ readonly bottom: "size";
2543
+ readonly left: "size";
2544
+ readonly right: "size";
2545
+ readonly zIndex: "number";
1799
2546
  };
1800
2547
  readonly defaults: {
1801
2548
  readonly flexDirection: "row";
@@ -1824,6 +2571,12 @@ export declare const patterns: readonly [{
1824
2571
  readonly category: "container";
1825
2572
  readonly sort: 3;
1826
2573
  };
2574
+ readonly offset: {
2575
+ readonly label: "Offset";
2576
+ readonly description: "Absolute positioning offsets.";
2577
+ readonly category: "container";
2578
+ readonly sort: 4;
2579
+ };
1827
2580
  };
1828
2581
  readonly attributes: {
1829
2582
  readonly scrollable: {
@@ -1997,13 +2750,59 @@ export declare const patterns: readonly [{
1997
2750
  readonly sort: 0;
1998
2751
  readonly preferedScale: "s";
1999
2752
  };
2000
- readonly height: {
2001
- readonly label: "Height";
2002
- readonly description: "Fixed height value.";
2753
+ readonly height: {
2754
+ readonly label: "Height";
2755
+ readonly description: "Fixed height value.";
2756
+ readonly category: "container";
2757
+ readonly specialCategory: "size";
2758
+ readonly sort: 1;
2759
+ readonly preferedScale: "vs";
2760
+ };
2761
+ readonly position: {
2762
+ readonly label: "Position";
2763
+ readonly description: "Sets layout positioning mode.";
2764
+ readonly category: "container";
2765
+ readonly specialCategory: null;
2766
+ readonly sort: 2;
2767
+ };
2768
+ readonly top: {
2769
+ readonly label: "Top";
2770
+ readonly description: "Offset from the top edge.";
2771
+ readonly category: "container";
2772
+ readonly specialCategory: "offset";
2773
+ readonly sort: 22;
2774
+ readonly preferedScale: "vs";
2775
+ };
2776
+ readonly bottom: {
2777
+ readonly label: "Bottom";
2778
+ readonly description: "Offset from the bottom edge.";
2779
+ readonly category: "container";
2780
+ readonly specialCategory: "offset";
2781
+ readonly sort: 23;
2782
+ readonly preferedScale: "vs";
2783
+ };
2784
+ readonly left: {
2785
+ readonly label: "Left";
2786
+ readonly description: "Offset from the left edge.";
2787
+ readonly category: "container";
2788
+ readonly specialCategory: "offset";
2789
+ readonly sort: 24;
2790
+ readonly preferedScale: "s";
2791
+ };
2792
+ readonly right: {
2793
+ readonly label: "Right";
2794
+ readonly description: "Offset from the right edge.";
2795
+ readonly category: "container";
2796
+ readonly specialCategory: "offset";
2797
+ readonly sort: 25;
2798
+ readonly preferedScale: "s";
2799
+ };
2800
+ readonly zIndex: {
2801
+ readonly label: "Z-Index";
2802
+ readonly description: "Controls stacking order.";
2003
2803
  readonly category: "container";
2004
- readonly specialCategory: "size";
2005
- readonly sort: 1;
2006
- readonly preferedScale: "vs";
2804
+ readonly specialCategory: null;
2805
+ readonly sort: 26;
2007
2806
  };
2008
2807
  };
2009
2808
  readonly desiredChildren: readonly ["=OnboardItem"];
@@ -2041,6 +2840,12 @@ export declare const patterns: readonly [{
2041
2840
  readonly borderRadius: "size";
2042
2841
  readonly width: "size";
2043
2842
  readonly height: "size";
2843
+ readonly position: readonly ["relative", "absolute"];
2844
+ readonly top: "size";
2845
+ readonly bottom: "size";
2846
+ readonly left: "size";
2847
+ readonly right: "size";
2848
+ readonly zIndex: "number";
2044
2849
  readonly labelKey: "string";
2045
2850
  readonly button_text_color: "color";
2046
2851
  readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
@@ -2076,6 +2881,12 @@ export declare const patterns: readonly [{
2076
2881
  readonly category: "container";
2077
2882
  readonly sort: 3;
2078
2883
  };
2884
+ readonly offset: {
2885
+ readonly label: "Offset";
2886
+ readonly description: "Absolute positioning offsets.";
2887
+ readonly category: "container";
2888
+ readonly sort: 4;
2889
+ };
2079
2890
  };
2080
2891
  readonly attributes: {
2081
2892
  readonly scrollable: {
@@ -2257,6 +3068,52 @@ export declare const patterns: readonly [{
2257
3068
  readonly sort: 1;
2258
3069
  readonly preferedScale: "vs";
2259
3070
  };
3071
+ readonly position: {
3072
+ readonly label: "Position";
3073
+ readonly description: "Sets layout positioning mode.";
3074
+ readonly category: "container";
3075
+ readonly specialCategory: null;
3076
+ readonly sort: 2;
3077
+ };
3078
+ readonly top: {
3079
+ readonly label: "Top";
3080
+ readonly description: "Offset from the top edge.";
3081
+ readonly category: "container";
3082
+ readonly specialCategory: "offset";
3083
+ readonly sort: 22;
3084
+ readonly preferedScale: "vs";
3085
+ };
3086
+ readonly bottom: {
3087
+ readonly label: "Bottom";
3088
+ readonly description: "Offset from the bottom edge.";
3089
+ readonly category: "container";
3090
+ readonly specialCategory: "offset";
3091
+ readonly sort: 23;
3092
+ readonly preferedScale: "vs";
3093
+ };
3094
+ readonly left: {
3095
+ readonly label: "Left";
3096
+ readonly description: "Offset from the left edge.";
3097
+ readonly category: "container";
3098
+ readonly specialCategory: "offset";
3099
+ readonly sort: 24;
3100
+ readonly preferedScale: "s";
3101
+ };
3102
+ readonly right: {
3103
+ readonly label: "Right";
3104
+ readonly description: "Offset from the right edge.";
3105
+ readonly category: "container";
3106
+ readonly specialCategory: "offset";
3107
+ readonly sort: 25;
3108
+ readonly preferedScale: "s";
3109
+ };
3110
+ readonly zIndex: {
3111
+ readonly label: "Z-Index";
3112
+ readonly description: "Controls stacking order.";
3113
+ readonly category: "container";
3114
+ readonly specialCategory: null;
3115
+ readonly sort: 26;
3116
+ };
2260
3117
  readonly labelKey: {
2261
3118
  readonly label: "Label Key";
2262
3119
  readonly description: "Localization key for the button text.";
@@ -2348,6 +3205,12 @@ export declare const patterns: readonly [{
2348
3205
  readonly borderRadius: "size";
2349
3206
  readonly width: "size";
2350
3207
  readonly height: "size";
3208
+ readonly position: readonly ["relative", "absolute"];
3209
+ readonly top: "size";
3210
+ readonly bottom: "size";
3211
+ readonly left: "size";
3212
+ readonly right: "size";
3213
+ readonly zIndex: "number";
2351
3214
  readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
2352
3215
  readonly skipNumber: "number";
2353
3216
  readonly buttons_direction: readonly ["row", "column"];
@@ -2383,6 +3246,12 @@ export declare const patterns: readonly [{
2383
3246
  readonly category: "container";
2384
3247
  readonly sort: 3;
2385
3248
  };
3249
+ readonly offset: {
3250
+ readonly label: "Offset";
3251
+ readonly description: "Absolute positioning offsets.";
3252
+ readonly category: "container";
3253
+ readonly sort: 4;
3254
+ };
2386
3255
  };
2387
3256
  readonly attributes: {
2388
3257
  readonly scrollable: {
@@ -2564,6 +3433,52 @@ export declare const patterns: readonly [{
2564
3433
  readonly sort: 1;
2565
3434
  readonly preferedScale: "vs";
2566
3435
  };
3436
+ readonly position: {
3437
+ readonly label: "Position";
3438
+ readonly description: "Sets layout positioning mode.";
3439
+ readonly category: "container";
3440
+ readonly specialCategory: null;
3441
+ readonly sort: 2;
3442
+ };
3443
+ readonly top: {
3444
+ readonly label: "Top";
3445
+ readonly description: "Offset from the top edge.";
3446
+ readonly category: "container";
3447
+ readonly specialCategory: "offset";
3448
+ readonly sort: 22;
3449
+ readonly preferedScale: "vs";
3450
+ };
3451
+ readonly bottom: {
3452
+ readonly label: "Bottom";
3453
+ readonly description: "Offset from the bottom edge.";
3454
+ readonly category: "container";
3455
+ readonly specialCategory: "offset";
3456
+ readonly sort: 23;
3457
+ readonly preferedScale: "vs";
3458
+ };
3459
+ readonly left: {
3460
+ readonly label: "Left";
3461
+ readonly description: "Offset from the left edge.";
3462
+ readonly category: "container";
3463
+ readonly specialCategory: "offset";
3464
+ readonly sort: 24;
3465
+ readonly preferedScale: "s";
3466
+ };
3467
+ readonly right: {
3468
+ readonly label: "Right";
3469
+ readonly description: "Offset from the right edge.";
3470
+ readonly category: "container";
3471
+ readonly specialCategory: "offset";
3472
+ readonly sort: 25;
3473
+ readonly preferedScale: "s";
3474
+ };
3475
+ readonly zIndex: {
3476
+ readonly label: "Z-Index";
3477
+ readonly description: "Controls stacking order.";
3478
+ readonly category: "container";
3479
+ readonly specialCategory: null;
3480
+ readonly sort: 26;
3481
+ };
2567
3482
  readonly buttonType: {
2568
3483
  readonly label: "Button Type";
2569
3484
  readonly description: "Which onboard button to show.";
@@ -2624,7 +3539,7 @@ export declare const patterns: readonly [{
2624
3539
  readonly allowUnknownAttributes: false;
2625
3540
  readonly pattern: {
2626
3541
  readonly type: "OnboardDot";
2627
- readonly children: "node";
3542
+ readonly children: "never";
2628
3543
  readonly attributes: {
2629
3544
  readonly scrollable: "boolean";
2630
3545
  readonly flexDirection: "never";
@@ -2648,6 +3563,12 @@ export declare const patterns: readonly [{
2648
3563
  readonly borderRadius: "size";
2649
3564
  readonly width: "size";
2650
3565
  readonly height: "size";
3566
+ readonly position: readonly ["relative", "absolute"];
3567
+ readonly top: "size";
3568
+ readonly bottom: "size";
3569
+ readonly left: "size";
3570
+ readonly right: "size";
3571
+ readonly zIndex: "number";
2651
3572
  readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
2652
3573
  readonly inactive_dot_opacity: "number";
2653
3574
  readonly expanding_dot_width: "number";
@@ -2682,6 +3603,12 @@ export declare const patterns: readonly [{
2682
3603
  readonly category: "container";
2683
3604
  readonly sort: 3;
2684
3605
  };
3606
+ readonly offset: {
3607
+ readonly label: "Offset";
3608
+ readonly description: "Absolute positioning offsets.";
3609
+ readonly category: "container";
3610
+ readonly sort: 4;
3611
+ };
2685
3612
  };
2686
3613
  readonly attributes: {
2687
3614
  readonly scrollable: {
@@ -2863,6 +3790,52 @@ export declare const patterns: readonly [{
2863
3790
  readonly sort: 1;
2864
3791
  readonly preferedScale: "vs";
2865
3792
  };
3793
+ readonly position: {
3794
+ readonly label: "Position";
3795
+ readonly description: "Sets layout positioning mode.";
3796
+ readonly category: "container";
3797
+ readonly specialCategory: null;
3798
+ readonly sort: 2;
3799
+ };
3800
+ readonly top: {
3801
+ readonly label: "Top";
3802
+ readonly description: "Offset from the top edge.";
3803
+ readonly category: "container";
3804
+ readonly specialCategory: "offset";
3805
+ readonly sort: 22;
3806
+ readonly preferedScale: "vs";
3807
+ };
3808
+ readonly bottom: {
3809
+ readonly label: "Bottom";
3810
+ readonly description: "Offset from the bottom edge.";
3811
+ readonly category: "container";
3812
+ readonly specialCategory: "offset";
3813
+ readonly sort: 23;
3814
+ readonly preferedScale: "vs";
3815
+ };
3816
+ readonly left: {
3817
+ readonly label: "Left";
3818
+ readonly description: "Offset from the left edge.";
3819
+ readonly category: "container";
3820
+ readonly specialCategory: "offset";
3821
+ readonly sort: 24;
3822
+ readonly preferedScale: "s";
3823
+ };
3824
+ readonly right: {
3825
+ readonly label: "Right";
3826
+ readonly description: "Offset from the right edge.";
3827
+ readonly category: "container";
3828
+ readonly specialCategory: "offset";
3829
+ readonly sort: 25;
3830
+ readonly preferedScale: "s";
3831
+ };
3832
+ readonly zIndex: {
3833
+ readonly label: "Z-Index";
3834
+ readonly description: "Controls stacking order.";
3835
+ readonly category: "container";
3836
+ readonly specialCategory: null;
3837
+ readonly sort: 26;
3838
+ };
2866
3839
  readonly dotType: {
2867
3840
  readonly label: "Dot Type";
2868
3841
  readonly description: "Dot animation style.";
@@ -2944,6 +3917,12 @@ export declare const patterns: readonly [{
2944
3917
  readonly borderRadius: "size";
2945
3918
  readonly width: "size";
2946
3919
  readonly height: "size";
3920
+ readonly position: readonly ["relative", "absolute"];
3921
+ readonly top: "size";
3922
+ readonly bottom: "size";
3923
+ readonly left: "size";
3924
+ readonly right: "size";
3925
+ readonly zIndex: "number";
2947
3926
  readonly textLocalizationKey: "string";
2948
3927
  readonly linkedWordFirstLocalizationKey: "string";
2949
3928
  readonly linkedWordFirstColor: "color";
@@ -3169,6 +4148,52 @@ export declare const patterns: readonly [{
3169
4148
  readonly sort: 1;
3170
4149
  readonly preferedScale: "vs";
3171
4150
  };
4151
+ readonly position: {
4152
+ readonly label: "Position";
4153
+ readonly description: "Sets layout positioning mode.";
4154
+ readonly category: "container";
4155
+ readonly specialCategory: null;
4156
+ readonly sort: 2;
4157
+ };
4158
+ readonly top: {
4159
+ readonly label: "Top";
4160
+ readonly description: "Offset from the top edge.";
4161
+ readonly category: "container";
4162
+ readonly specialCategory: "offset";
4163
+ readonly sort: 22;
4164
+ readonly preferedScale: "vs";
4165
+ };
4166
+ readonly bottom: {
4167
+ readonly label: "Bottom";
4168
+ readonly description: "Offset from the bottom edge.";
4169
+ readonly category: "container";
4170
+ readonly specialCategory: "offset";
4171
+ readonly sort: 23;
4172
+ readonly preferedScale: "vs";
4173
+ };
4174
+ readonly left: {
4175
+ readonly label: "Left";
4176
+ readonly description: "Offset from the left edge.";
4177
+ readonly category: "container";
4178
+ readonly specialCategory: "offset";
4179
+ readonly sort: 24;
4180
+ readonly preferedScale: "s";
4181
+ };
4182
+ readonly right: {
4183
+ readonly label: "Right";
4184
+ readonly description: "Offset from the right edge.";
4185
+ readonly category: "container";
4186
+ readonly specialCategory: "offset";
4187
+ readonly sort: 25;
4188
+ readonly preferedScale: "s";
4189
+ };
4190
+ readonly zIndex: {
4191
+ readonly label: "Z-Index";
4192
+ readonly description: "Controls stacking order.";
4193
+ readonly category: "container";
4194
+ readonly specialCategory: null;
4195
+ readonly sort: 26;
4196
+ };
3172
4197
  readonly textLocalizationKey: {
3173
4198
  readonly label: "Text Localization Key";
3174
4199
  readonly description: "Localization key for the footer text.";
@@ -3238,6 +4263,12 @@ export declare const patterns: readonly [{
3238
4263
  readonly category: "container";
3239
4264
  readonly sort: 3;
3240
4265
  };
4266
+ readonly offset: {
4267
+ readonly label: "Offset";
4268
+ readonly description: "Absolute positioning offsets.";
4269
+ readonly category: "container";
4270
+ readonly sort: 4;
4271
+ };
3241
4272
  };
3242
4273
  };
3243
4274
  readonly defaults: {
@@ -3276,6 +4307,12 @@ export declare const patterns: readonly [{
3276
4307
  readonly marginLeft: "size";
3277
4308
  readonly marginRight: "size";
3278
4309
  readonly backgroundColor: "color";
4310
+ readonly position: readonly ["relative", "absolute"];
4311
+ readonly top: "size";
4312
+ readonly bottom: "size";
4313
+ readonly left: "size";
4314
+ readonly right: "size";
4315
+ readonly zIndex: "number";
3279
4316
  readonly video_url: "string";
3280
4317
  readonly lottie: "string";
3281
4318
  };
@@ -3481,6 +4518,52 @@ export declare const patterns: readonly [{
3481
4518
  readonly specialCategory: null;
3482
4519
  readonly sort: 20;
3483
4520
  };
4521
+ readonly position: {
4522
+ readonly label: "Position";
4523
+ readonly description: "Sets layout positioning mode.";
4524
+ readonly category: "container";
4525
+ readonly specialCategory: null;
4526
+ readonly sort: 2;
4527
+ };
4528
+ readonly top: {
4529
+ readonly label: "Top";
4530
+ readonly description: "Offset from the top edge.";
4531
+ readonly category: "container";
4532
+ readonly specialCategory: "offset";
4533
+ readonly sort: 22;
4534
+ readonly preferedScale: "vs";
4535
+ };
4536
+ readonly bottom: {
4537
+ readonly label: "Bottom";
4538
+ readonly description: "Offset from the bottom edge.";
4539
+ readonly category: "container";
4540
+ readonly specialCategory: "offset";
4541
+ readonly sort: 23;
4542
+ readonly preferedScale: "vs";
4543
+ };
4544
+ readonly left: {
4545
+ readonly label: "Left";
4546
+ readonly description: "Offset from the left edge.";
4547
+ readonly category: "container";
4548
+ readonly specialCategory: "offset";
4549
+ readonly sort: 24;
4550
+ readonly preferedScale: "s";
4551
+ };
4552
+ readonly right: {
4553
+ readonly label: "Right";
4554
+ readonly description: "Offset from the right edge.";
4555
+ readonly category: "container";
4556
+ readonly specialCategory: "offset";
4557
+ readonly sort: 25;
4558
+ readonly preferedScale: "s";
4559
+ };
4560
+ readonly zIndex: {
4561
+ readonly label: "Z-Index";
4562
+ readonly description: "Controls stacking order.";
4563
+ readonly category: "container";
4564
+ readonly specialCategory: null;
4565
+ readonly sort: 26;
4566
+ };
3484
4567
  readonly video_url: {
3485
4568
  readonly label: "Video Url";
3486
4569
  readonly description: "URL for the onboarding video.";
@@ -3515,6 +4598,12 @@ export declare const patterns: readonly [{
3515
4598
  readonly category: "container";
3516
4599
  readonly sort: 3;
3517
4600
  };
4601
+ readonly offset: {
4602
+ readonly label: "Offset";
4603
+ readonly description: "Absolute positioning offsets.";
4604
+ readonly category: "container";
4605
+ readonly sort: 4;
4606
+ };
3518
4607
  };
3519
4608
  };
3520
4609
  readonly types: {};
@@ -3550,6 +4639,12 @@ export declare const patterns: readonly [{
3550
4639
  readonly borderRadius: "size";
3551
4640
  readonly width: "size";
3552
4641
  readonly height: "size";
4642
+ readonly position: readonly ["relative", "absolute"];
4643
+ readonly top: "size";
4644
+ readonly bottom: "size";
4645
+ readonly left: "size";
4646
+ readonly right: "size";
4647
+ readonly zIndex: "number";
3553
4648
  readonly display: readonly ["flex", "block"];
3554
4649
  };
3555
4650
  readonly defaults: {
@@ -3579,6 +4674,12 @@ export declare const patterns: readonly [{
3579
4674
  readonly category: "container";
3580
4675
  readonly sort: 3;
3581
4676
  };
4677
+ readonly offset: {
4678
+ readonly label: "Offset";
4679
+ readonly description: "Absolute positioning offsets.";
4680
+ readonly category: "container";
4681
+ readonly sort: 4;
4682
+ };
3582
4683
  };
3583
4684
  readonly attributes: {
3584
4685
  readonly scrollable: {
@@ -3758,6 +4859,52 @@ export declare const patterns: readonly [{
3758
4859
  readonly sort: 1;
3759
4860
  readonly preferedScale: "vs";
3760
4861
  };
4862
+ readonly position: {
4863
+ readonly label: "Position";
4864
+ readonly description: "Sets layout positioning mode.";
4865
+ readonly category: "container";
4866
+ readonly specialCategory: null;
4867
+ readonly sort: 2;
4868
+ };
4869
+ readonly top: {
4870
+ readonly label: "Top";
4871
+ readonly description: "Offset from the top edge.";
4872
+ readonly category: "container";
4873
+ readonly specialCategory: "offset";
4874
+ readonly sort: 22;
4875
+ readonly preferedScale: "vs";
4876
+ };
4877
+ readonly bottom: {
4878
+ readonly label: "Bottom";
4879
+ readonly description: "Offset from the bottom edge.";
4880
+ readonly category: "container";
4881
+ readonly specialCategory: "offset";
4882
+ readonly sort: 23;
4883
+ readonly preferedScale: "vs";
4884
+ };
4885
+ readonly left: {
4886
+ readonly label: "Left";
4887
+ readonly description: "Offset from the left edge.";
4888
+ readonly category: "container";
4889
+ readonly specialCategory: "offset";
4890
+ readonly sort: 24;
4891
+ readonly preferedScale: "s";
4892
+ };
4893
+ readonly right: {
4894
+ readonly label: "Right";
4895
+ readonly description: "Offset from the right edge.";
4896
+ readonly category: "container";
4897
+ readonly specialCategory: "offset";
4898
+ readonly sort: 25;
4899
+ readonly preferedScale: "s";
4900
+ };
4901
+ readonly zIndex: {
4902
+ readonly label: "Z-Index";
4903
+ readonly description: "Controls stacking order.";
4904
+ readonly category: "container";
4905
+ readonly specialCategory: null;
4906
+ readonly sort: 26;
4907
+ };
3761
4908
  readonly display: {
3762
4909
  readonly label: "Display";
3763
4910
  readonly description: "Controls layout display mode.";
@@ -3803,7 +4950,12 @@ export declare const patterns: readonly [{
3803
4950
  readonly borderRadius: "never";
3804
4951
  readonly width: "size";
3805
4952
  readonly height: "size";
3806
- readonly theme: "string";
4953
+ readonly position: readonly ["relative", "absolute"];
4954
+ readonly top: "size";
4955
+ readonly bottom: "size";
4956
+ readonly left: "size";
4957
+ readonly right: "size";
4958
+ readonly zIndex: "number";
3807
4959
  readonly use_safe_area_inset: "boolean";
3808
4960
  };
3809
4961
  readonly defaults: {
@@ -3833,6 +4985,12 @@ export declare const patterns: readonly [{
3833
4985
  readonly category: "container";
3834
4986
  readonly sort: 3;
3835
4987
  };
4988
+ readonly offset: {
4989
+ readonly label: "Offset";
4990
+ readonly description: "Absolute positioning offsets.";
4991
+ readonly category: "container";
4992
+ readonly sort: 4;
4993
+ };
3836
4994
  };
3837
4995
  readonly attributes: {
3838
4996
  readonly scrollable: {
@@ -4010,12 +5168,51 @@ export declare const patterns: readonly [{
4010
5168
  readonly sort: 1;
4011
5169
  readonly preferedScale: "vs";
4012
5170
  };
4013
- readonly theme: {
4014
- readonly label: "Theme";
4015
- readonly description: "Theme key for onboarding screens.";
4016
- readonly category: "other";
5171
+ readonly position: {
5172
+ readonly label: "Position";
5173
+ readonly description: "Sets layout positioning mode.";
5174
+ readonly category: "container";
4017
5175
  readonly specialCategory: null;
4018
- readonly sort: 1;
5176
+ readonly sort: 2;
5177
+ };
5178
+ readonly top: {
5179
+ readonly label: "Top";
5180
+ readonly description: "Offset from the top edge.";
5181
+ readonly category: "container";
5182
+ readonly specialCategory: "offset";
5183
+ readonly sort: 22;
5184
+ readonly preferedScale: "vs";
5185
+ };
5186
+ readonly bottom: {
5187
+ readonly label: "Bottom";
5188
+ readonly description: "Offset from the bottom edge.";
5189
+ readonly category: "container";
5190
+ readonly specialCategory: "offset";
5191
+ readonly sort: 23;
5192
+ readonly preferedScale: "vs";
5193
+ };
5194
+ readonly left: {
5195
+ readonly label: "Left";
5196
+ readonly description: "Offset from the left edge.";
5197
+ readonly category: "container";
5198
+ readonly specialCategory: "offset";
5199
+ readonly sort: 24;
5200
+ readonly preferedScale: "s";
5201
+ };
5202
+ readonly right: {
5203
+ readonly label: "Right";
5204
+ readonly description: "Offset from the right edge.";
5205
+ readonly category: "container";
5206
+ readonly specialCategory: "offset";
5207
+ readonly sort: 25;
5208
+ readonly preferedScale: "s";
5209
+ };
5210
+ readonly zIndex: {
5211
+ readonly label: "Z-Index";
5212
+ readonly description: "Controls stacking order.";
5213
+ readonly category: "container";
5214
+ readonly specialCategory: null;
5215
+ readonly sort: 26;
4019
5216
  };
4020
5217
  readonly use_safe_area_inset: {
4021
5218
  readonly label: "Use Safe Area Inset";
@@ -4039,7 +5236,7 @@ export declare const patterns: readonly [{
4039
5236
  readonly allowUnknownAttributes: false;
4040
5237
  readonly pattern: {
4041
5238
  readonly type: "OnboardSubtitle";
4042
- readonly children: "node";
5239
+ readonly children: "string";
4043
5240
  readonly attributes: {
4044
5241
  readonly color: "color";
4045
5242
  readonly fontSize: "size";
@@ -4067,6 +5264,12 @@ export declare const patterns: readonly [{
4067
5264
  readonly borderRadius: "size";
4068
5265
  readonly width: "size";
4069
5266
  readonly height: "size";
5267
+ readonly position: readonly ["relative", "absolute"];
5268
+ readonly top: "size";
5269
+ readonly bottom: "size";
5270
+ readonly left: "size";
5271
+ readonly right: "size";
5272
+ readonly zIndex: "number";
4070
5273
  };
4071
5274
  readonly defaults: {
4072
5275
  readonly flexDirection: "column";
@@ -4285,6 +5488,52 @@ export declare const patterns: readonly [{
4285
5488
  readonly sort: 1;
4286
5489
  readonly preferedScale: "vs";
4287
5490
  };
5491
+ readonly position: {
5492
+ readonly label: "Position";
5493
+ readonly description: "Sets layout positioning mode.";
5494
+ readonly category: "container";
5495
+ readonly specialCategory: null;
5496
+ readonly sort: 2;
5497
+ };
5498
+ readonly top: {
5499
+ readonly label: "Top";
5500
+ readonly description: "Offset from the top edge.";
5501
+ readonly category: "container";
5502
+ readonly specialCategory: "offset";
5503
+ readonly sort: 22;
5504
+ readonly preferedScale: "vs";
5505
+ };
5506
+ readonly bottom: {
5507
+ readonly label: "Bottom";
5508
+ readonly description: "Offset from the bottom edge.";
5509
+ readonly category: "container";
5510
+ readonly specialCategory: "offset";
5511
+ readonly sort: 23;
5512
+ readonly preferedScale: "vs";
5513
+ };
5514
+ readonly left: {
5515
+ readonly label: "Left";
5516
+ readonly description: "Offset from the left edge.";
5517
+ readonly category: "container";
5518
+ readonly specialCategory: "offset";
5519
+ readonly sort: 24;
5520
+ readonly preferedScale: "s";
5521
+ };
5522
+ readonly right: {
5523
+ readonly label: "Right";
5524
+ readonly description: "Offset from the right edge.";
5525
+ readonly category: "container";
5526
+ readonly specialCategory: "offset";
5527
+ readonly sort: 25;
5528
+ readonly preferedScale: "s";
5529
+ };
5530
+ readonly zIndex: {
5531
+ readonly label: "Z-Index";
5532
+ readonly description: "Controls stacking order.";
5533
+ readonly category: "container";
5534
+ readonly specialCategory: null;
5535
+ readonly sort: 26;
5536
+ };
4288
5537
  };
4289
5538
  readonly specialCategories: {
4290
5539
  readonly padding: {
@@ -4305,6 +5554,12 @@ export declare const patterns: readonly [{
4305
5554
  readonly category: "container";
4306
5555
  readonly sort: 3;
4307
5556
  };
5557
+ readonly offset: {
5558
+ readonly label: "Offset";
5559
+ readonly description: "Absolute positioning offsets.";
5560
+ readonly category: "container";
5561
+ readonly sort: 4;
5562
+ };
4308
5563
  };
4309
5564
  };
4310
5565
  readonly defaults: {
@@ -4318,7 +5573,7 @@ export declare const patterns: readonly [{
4318
5573
  readonly allowUnknownAttributes: false;
4319
5574
  readonly pattern: {
4320
5575
  readonly type: "OnboardTitle";
4321
- readonly children: "node";
5576
+ readonly children: "string";
4322
5577
  readonly attributes: {
4323
5578
  readonly color: "color";
4324
5579
  readonly fontSize: "size";
@@ -4346,6 +5601,12 @@ export declare const patterns: readonly [{
4346
5601
  readonly borderRadius: "size";
4347
5602
  readonly width: "size";
4348
5603
  readonly height: "size";
5604
+ readonly position: readonly ["relative", "absolute"];
5605
+ readonly top: "size";
5606
+ readonly bottom: "size";
5607
+ readonly left: "size";
5608
+ readonly right: "size";
5609
+ readonly zIndex: "number";
4349
5610
  };
4350
5611
  readonly defaults: {
4351
5612
  readonly flexDirection: "column";
@@ -4564,6 +5825,52 @@ export declare const patterns: readonly [{
4564
5825
  readonly sort: 1;
4565
5826
  readonly preferedScale: "vs";
4566
5827
  };
5828
+ readonly position: {
5829
+ readonly label: "Position";
5830
+ readonly description: "Sets layout positioning mode.";
5831
+ readonly category: "container";
5832
+ readonly specialCategory: null;
5833
+ readonly sort: 2;
5834
+ };
5835
+ readonly top: {
5836
+ readonly label: "Top";
5837
+ readonly description: "Offset from the top edge.";
5838
+ readonly category: "container";
5839
+ readonly specialCategory: "offset";
5840
+ readonly sort: 22;
5841
+ readonly preferedScale: "vs";
5842
+ };
5843
+ readonly bottom: {
5844
+ readonly label: "Bottom";
5845
+ readonly description: "Offset from the bottom edge.";
5846
+ readonly category: "container";
5847
+ readonly specialCategory: "offset";
5848
+ readonly sort: 23;
5849
+ readonly preferedScale: "vs";
5850
+ };
5851
+ readonly left: {
5852
+ readonly label: "Left";
5853
+ readonly description: "Offset from the left edge.";
5854
+ readonly category: "container";
5855
+ readonly specialCategory: "offset";
5856
+ readonly sort: 24;
5857
+ readonly preferedScale: "s";
5858
+ };
5859
+ readonly right: {
5860
+ readonly label: "Right";
5861
+ readonly description: "Offset from the right edge.";
5862
+ readonly category: "container";
5863
+ readonly specialCategory: "offset";
5864
+ readonly sort: 25;
5865
+ readonly preferedScale: "s";
5866
+ };
5867
+ readonly zIndex: {
5868
+ readonly label: "Z-Index";
5869
+ readonly description: "Controls stacking order.";
5870
+ readonly category: "container";
5871
+ readonly specialCategory: null;
5872
+ readonly sort: 26;
5873
+ };
4567
5874
  };
4568
5875
  readonly specialCategories: {
4569
5876
  readonly padding: {
@@ -4584,6 +5891,12 @@ export declare const patterns: readonly [{
4584
5891
  readonly category: "container";
4585
5892
  readonly sort: 3;
4586
5893
  };
5894
+ readonly offset: {
5895
+ readonly label: "Offset";
5896
+ readonly description: "Absolute positioning offsets.";
5897
+ readonly category: "container";
5898
+ readonly sort: 4;
5899
+ };
4587
5900
  };
4588
5901
  };
4589
5902
  readonly defaults: {
@@ -4622,6 +5935,12 @@ export declare const patterns: readonly [{
4622
5935
  readonly borderRadius: "size";
4623
5936
  readonly width: "size";
4624
5937
  readonly height: "size";
5938
+ readonly position: readonly ["relative", "absolute"];
5939
+ readonly top: "size";
5940
+ readonly bottom: "size";
5941
+ readonly left: "size";
5942
+ readonly right: "size";
5943
+ readonly zIndex: "number";
4625
5944
  readonly color: "color";
4626
5945
  readonly fontSize: "size";
4627
5946
  readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
@@ -4654,6 +5973,12 @@ export declare const patterns: readonly [{
4654
5973
  readonly category: "container";
4655
5974
  readonly sort: 3;
4656
5975
  };
5976
+ readonly offset: {
5977
+ readonly label: "Offset";
5978
+ readonly description: "Absolute positioning offsets.";
5979
+ readonly category: "container";
5980
+ readonly sort: 4;
5981
+ };
4657
5982
  };
4658
5983
  readonly attributes: {
4659
5984
  readonly scrollable: {
@@ -4835,6 +6160,52 @@ export declare const patterns: readonly [{
4835
6160
  readonly sort: 1;
4836
6161
  readonly preferedScale: "vs";
4837
6162
  };
6163
+ readonly position: {
6164
+ readonly label: "Position";
6165
+ readonly description: "Sets layout positioning mode.";
6166
+ readonly category: "container";
6167
+ readonly specialCategory: null;
6168
+ readonly sort: 2;
6169
+ };
6170
+ readonly top: {
6171
+ readonly label: "Top";
6172
+ readonly description: "Offset from the top edge.";
6173
+ readonly category: "container";
6174
+ readonly specialCategory: "offset";
6175
+ readonly sort: 22;
6176
+ readonly preferedScale: "vs";
6177
+ };
6178
+ readonly bottom: {
6179
+ readonly label: "Bottom";
6180
+ readonly description: "Offset from the bottom edge.";
6181
+ readonly category: "container";
6182
+ readonly specialCategory: "offset";
6183
+ readonly sort: 23;
6184
+ readonly preferedScale: "vs";
6185
+ };
6186
+ readonly left: {
6187
+ readonly label: "Left";
6188
+ readonly description: "Offset from the left edge.";
6189
+ readonly category: "container";
6190
+ readonly specialCategory: "offset";
6191
+ readonly sort: 24;
6192
+ readonly preferedScale: "s";
6193
+ };
6194
+ readonly right: {
6195
+ readonly label: "Right";
6196
+ readonly description: "Offset from the right edge.";
6197
+ readonly category: "container";
6198
+ readonly specialCategory: "offset";
6199
+ readonly sort: 25;
6200
+ readonly preferedScale: "s";
6201
+ };
6202
+ readonly zIndex: {
6203
+ readonly label: "Z-Index";
6204
+ readonly description: "Controls stacking order.";
6205
+ readonly category: "container";
6206
+ readonly specialCategory: null;
6207
+ readonly sort: 26;
6208
+ };
4838
6209
  readonly color: {
4839
6210
  readonly label: "Color";
4840
6211
  readonly description: "Text color.";
@@ -4899,6 +6270,12 @@ export declare const patterns: readonly [{
4899
6270
  readonly borderRadius: "size";
4900
6271
  readonly width: "size";
4901
6272
  readonly height: "size";
6273
+ readonly position: readonly ["relative", "absolute"];
6274
+ readonly top: "size";
6275
+ readonly bottom: "size";
6276
+ readonly left: "size";
6277
+ readonly right: "size";
6278
+ readonly zIndex: "number";
4902
6279
  };
4903
6280
  readonly defaults: {
4904
6281
  readonly flexDirection: "column";
@@ -4927,6 +6304,12 @@ export declare const patterns: readonly [{
4927
6304
  readonly category: "container";
4928
6305
  readonly sort: 3;
4929
6306
  };
6307
+ readonly offset: {
6308
+ readonly label: "Offset";
6309
+ readonly description: "Absolute positioning offsets.";
6310
+ readonly category: "container";
6311
+ readonly sort: 4;
6312
+ };
4930
6313
  };
4931
6314
  readonly attributes: {
4932
6315
  readonly scrollable: {
@@ -5108,6 +6491,52 @@ export declare const patterns: readonly [{
5108
6491
  readonly sort: 1;
5109
6492
  readonly preferedScale: "vs";
5110
6493
  };
6494
+ readonly position: {
6495
+ readonly label: "Position";
6496
+ readonly description: "Sets layout positioning mode.";
6497
+ readonly category: "container";
6498
+ readonly specialCategory: null;
6499
+ readonly sort: 2;
6500
+ };
6501
+ readonly top: {
6502
+ readonly label: "Top";
6503
+ readonly description: "Offset from the top edge.";
6504
+ readonly category: "container";
6505
+ readonly specialCategory: "offset";
6506
+ readonly sort: 22;
6507
+ readonly preferedScale: "vs";
6508
+ };
6509
+ readonly bottom: {
6510
+ readonly label: "Bottom";
6511
+ readonly description: "Offset from the bottom edge.";
6512
+ readonly category: "container";
6513
+ readonly specialCategory: "offset";
6514
+ readonly sort: 23;
6515
+ readonly preferedScale: "vs";
6516
+ };
6517
+ readonly left: {
6518
+ readonly label: "Left";
6519
+ readonly description: "Offset from the left edge.";
6520
+ readonly category: "container";
6521
+ readonly specialCategory: "offset";
6522
+ readonly sort: 24;
6523
+ readonly preferedScale: "s";
6524
+ };
6525
+ readonly right: {
6526
+ readonly label: "Right";
6527
+ readonly description: "Offset from the right edge.";
6528
+ readonly category: "container";
6529
+ readonly specialCategory: "offset";
6530
+ readonly sort: 25;
6531
+ readonly preferedScale: "s";
6532
+ };
6533
+ readonly zIndex: {
6534
+ readonly label: "Z-Index";
6535
+ readonly description: "Controls stacking order.";
6536
+ readonly category: "container";
6537
+ readonly specialCategory: null;
6538
+ readonly sort: 26;
6539
+ };
5111
6540
  };
5112
6541
  };
5113
6542
  readonly defaults: {