@@ -21,12 +21,13 @@ A clean login form with email and password fields.
2121 className: " w-full max-w-md mx-auto" ,
2222 children: [
2323 {
24- type: " div " ,
25- className: " p-6 space-y-6 " ,
24+ type: " stack " ,
25+ spacing: 6 ,
2626 children: [
2727 {
28- type: " div" ,
29- className: " space-y-2 text-center" ,
28+ type: " stack" ,
29+ spacing: 2 ,
30+ className: " text-center" ,
3031 children: [
3132 {
3233 type: " text" ,
@@ -41,12 +42,12 @@ A clean login form with email and password fields.
4142 ]
4243 },
4344 {
44- type: " div " ,
45- className: " space-y-4 " ,
45+ type: " stack " ,
46+ spacing: 4 ,
4647 children: [
4748 {
48- type: " div " ,
49- className: " space-y-2 " ,
49+ type: " stack " ,
50+ spacing: 2 ,
5051 children: [
5152 {
5253 type: " label" ,
@@ -64,8 +65,8 @@ A clean login form with email and password fields.
6465 ]
6566 },
6667 {
67- type: " div " ,
68- className: " space-y-2 " ,
68+ type: " stack " ,
69+ spacing: 2 ,
6970 children: [
7071 {
7172 type: " label" ,
@@ -83,12 +84,12 @@ A clean login form with email and password fields.
8384 ]
8485 },
8586 {
86- type: " div " ,
87- className: " flex items-center justify-between" ,
87+ type: " flex " ,
88+ className: " items-center justify-between" ,
8889 children: [
8990 {
90- type: " div " ,
91- className: " flex items-center space-x-2" ,
91+ type: " flex " ,
92+ className: " items-center space-x-2" ,
9293 children: [
9394 {
9495 type: " checkbox" ,
@@ -179,12 +180,13 @@ Complete registration form with validation.
179180 className: " w-full max-w-md mx-auto" ,
180181 children: [
181182 {
182- type: " div " ,
183- className: " p-6 space-y-6 " ,
183+ type: " stack " ,
184+ spacing: 6 ,
184185 children: [
185186 {
186- type: " div" ,
187- className: " space-y-2 text-center" ,
187+ type: " stack" ,
188+ spacing: 2 ,
189+ className: " text-center" ,
188190 children: [
189191 {
190192 type: " text" ,
@@ -199,16 +201,17 @@ Complete registration form with validation.
199201 ]
200202 },
201203 {
202- type: " div " ,
203- className: " space-y-4 " ,
204+ type: " stack " ,
205+ spacing: 4 ,
204206 children: [
205207 {
206- type: " div" ,
207- className: " grid grid-cols-2 gap-4" ,
208+ type: " grid" ,
209+ cols: 2 ,
210+ gap: 4 ,
208211 children: [
209212 {
210- type: " div " ,
211- className: " space-y-2 " ,
213+ type: " stack " ,
214+ spacing: 2 ,
212215 children: [
213216 {
214217 type: " label" ,
@@ -225,8 +228,8 @@ Complete registration form with validation.
225228 ]
226229 },
227230 {
228- type: " div " ,
229- className: " space-y-2 " ,
231+ type: " stack " ,
232+ spacing: 2 ,
230233 children: [
231234 {
232235 type: " label" ,
@@ -245,8 +248,8 @@ Complete registration form with validation.
245248 ]
246249 },
247250 {
248- type: " div " ,
249- className: " space-y-2 " ,
251+ type: " stack " ,
252+ spacing: 2 ,
250253 children: [
251254 {
252255 type: " label" ,
@@ -264,8 +267,8 @@ Complete registration form with validation.
264267 ]
265268 },
266269 {
267- type: " div " ,
268- className: " space-y-2 " ,
270+ type: " stack " ,
271+ spacing: 2 ,
269272 children: [
270273 {
271274 type: " label" ,
@@ -283,8 +286,8 @@ Complete registration form with validation.
283286 ]
284287 },
285288 {
286- type: " div " ,
287- className: " flex items-start space-x-2" ,
289+ type: " flex " ,
290+ className: " items-start space-x-2" ,
288291 children: [
289292 {
290293 type: " checkbox" ,
@@ -342,12 +345,13 @@ Password reset request form.
342345 className: " w-full max-w-md mx-auto" ,
343346 children: [
344347 {
345- type: " div " ,
346- className: " p-6 space-y-6 " ,
348+ type: " stack " ,
349+ spacing: 6 ,
347350 children: [
348351 {
349- type: " div" ,
350- className: " space-y-2 text-center" ,
352+ type: " stack" ,
353+ spacing: 2 ,
354+ className: " text-center" ,
351355 children: [
352356 {
353357 type: " text" ,
@@ -362,12 +366,12 @@ Password reset request form.
362366 ]
363367 },
364368 {
365- type: " div " ,
366- className: " space-y-4 " ,
369+ type: " stack " ,
370+ spacing: 4 ,
367371 children: [
368372 {
369- type: " div " ,
370- className: " space-y-2 " ,
373+ type: " stack " ,
374+ spacing: 2 ,
371375 children: [
372376 {
373377 type: " label" ,
@@ -416,12 +420,13 @@ Password reset request form.
416420 className: " w-full max-w-md mx-auto" ,
417421 children: [
418422 {
419- type: " div " ,
420- className: " p-6 space-y-6 " ,
423+ type: " stack " ,
424+ spacing: 6 ,
421425 children: [
422426 {
423- type: " div" ,
424- className: " space-y-2 text-center" ,
427+ type: " stack" ,
428+ spacing: 2 ,
429+ className: " text-center" ,
425430 children: [
426431 {
427432 type: " text" ,
@@ -436,12 +441,12 @@ Password reset request form.
436441 ]
437442 },
438443 {
439- type: " div " ,
440- className: " space-y-4 " ,
444+ type: " stack " ,
445+ spacing: 4 ,
441446 children: [
442447 {
443- type: " div " ,
444- className: " space-y-2 " ,
448+ type: " stack " ,
449+ spacing: 2 ,
445450 children: [
446451 {
447452 type: " label" ,
0 commit comments