@pondipondi/mimas 0.1.3 → 0.1.5
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.
- package/dist/components/crumbs/{Button/Button.d.ts → Button.d.ts} +86 -37
- package/dist/components/crumbs/ButtonGroup.d.ts +11 -0
- package/dist/components/crumbs/{LoadingRing/LoadingRing.d.ts → LoadingRing.d.ts} +7 -0
- package/dist/components/frames/Inset.d.ts +50 -0
- package/dist/components/frames/Panel.d.ts +50 -0
- package/dist/components/index.d.ts +9 -4
- package/dist/components/layout/Flex.d.ts +204 -0
- package/dist/components/util/MimasProvider.d.ts +6 -0
- package/dist/mimas.cjs.js +10 -10
- package/dist/mimas.es.js +943 -885
- package/dist/{components/crumbs/Button → stories/Mimas/Crumbs}/Button.stories.d.ts +2 -4
- package/dist/stories/Mimas/Crumbs/ButtonGroup.stories.d.ts +25 -0
- package/dist/{components/crumbs/LoadingRing → stories/Mimas/Crumbs}/LoadingRing.stories.d.ts +1 -2
- package/dist/stories/Mimas/Frames/Inset.stories.d.ts +11 -0
- package/dist/stories/Mimas/Frames/Panel.stories.d.ts +11 -0
- package/dist/style.css +1 -0
- package/package.json +17 -26
- /package/dist/components/crumbs/{ToggleSet/ToggleSet.d.ts → ToggleSet.d.ts} +0 -0
- /package/dist/components/util/{Noise/Noise.d.ts → Noise.d.ts} +0 -0
|
@@ -39,28 +39,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
39
39
|
small: {
|
|
40
40
|
inner: string;
|
|
41
41
|
};
|
|
42
|
+
medium: {
|
|
43
|
+
inner: string;
|
|
44
|
+
};
|
|
42
45
|
large: {
|
|
43
46
|
inner: string;
|
|
44
47
|
};
|
|
45
48
|
};
|
|
46
49
|
colour: {
|
|
47
|
-
|
|
50
|
+
base: {
|
|
51
|
+
inner: string;
|
|
52
|
+
chip: string;
|
|
53
|
+
};
|
|
54
|
+
primary: {
|
|
48
55
|
inner: string;
|
|
49
56
|
chip: string;
|
|
50
57
|
};
|
|
51
|
-
|
|
58
|
+
negative: {
|
|
52
59
|
inner: string;
|
|
53
60
|
chip: string;
|
|
54
61
|
};
|
|
55
|
-
|
|
62
|
+
positive: {
|
|
56
63
|
inner: string;
|
|
57
64
|
chip: string;
|
|
58
65
|
};
|
|
59
|
-
|
|
66
|
+
warning: {
|
|
60
67
|
inner: string;
|
|
61
68
|
chip: string;
|
|
62
69
|
};
|
|
63
|
-
|
|
70
|
+
invert: {
|
|
64
71
|
inner: string;
|
|
65
72
|
chip: string;
|
|
66
73
|
};
|
|
@@ -117,28 +124,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
117
124
|
small: {
|
|
118
125
|
inner: string;
|
|
119
126
|
};
|
|
127
|
+
medium: {
|
|
128
|
+
inner: string;
|
|
129
|
+
};
|
|
120
130
|
large: {
|
|
121
131
|
inner: string;
|
|
122
132
|
};
|
|
123
133
|
};
|
|
124
134
|
colour: {
|
|
125
|
-
|
|
135
|
+
base: {
|
|
136
|
+
inner: string;
|
|
137
|
+
chip: string;
|
|
138
|
+
};
|
|
139
|
+
primary: {
|
|
126
140
|
inner: string;
|
|
127
141
|
chip: string;
|
|
128
142
|
};
|
|
129
|
-
|
|
143
|
+
negative: {
|
|
130
144
|
inner: string;
|
|
131
145
|
chip: string;
|
|
132
146
|
};
|
|
133
|
-
|
|
147
|
+
positive: {
|
|
134
148
|
inner: string;
|
|
135
149
|
chip: string;
|
|
136
150
|
};
|
|
137
|
-
|
|
151
|
+
warning: {
|
|
138
152
|
inner: string;
|
|
139
153
|
chip: string;
|
|
140
154
|
};
|
|
141
|
-
|
|
155
|
+
invert: {
|
|
142
156
|
inner: string;
|
|
143
157
|
chip: string;
|
|
144
158
|
};
|
|
@@ -191,28 +205,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
191
205
|
small: {
|
|
192
206
|
inner: string;
|
|
193
207
|
};
|
|
208
|
+
medium: {
|
|
209
|
+
inner: string;
|
|
210
|
+
};
|
|
194
211
|
large: {
|
|
195
212
|
inner: string;
|
|
196
213
|
};
|
|
197
214
|
};
|
|
198
215
|
colour: {
|
|
199
|
-
|
|
216
|
+
base: {
|
|
200
217
|
inner: string;
|
|
201
218
|
chip: string;
|
|
202
219
|
};
|
|
203
|
-
|
|
220
|
+
primary: {
|
|
204
221
|
inner: string;
|
|
205
222
|
chip: string;
|
|
206
223
|
};
|
|
207
|
-
|
|
224
|
+
negative: {
|
|
208
225
|
inner: string;
|
|
209
226
|
chip: string;
|
|
210
227
|
};
|
|
211
|
-
|
|
228
|
+
positive: {
|
|
212
229
|
inner: string;
|
|
213
230
|
chip: string;
|
|
214
231
|
};
|
|
215
|
-
|
|
232
|
+
warning: {
|
|
233
|
+
inner: string;
|
|
234
|
+
chip: string;
|
|
235
|
+
};
|
|
236
|
+
invert: {
|
|
216
237
|
inner: string;
|
|
217
238
|
chip: string;
|
|
218
239
|
};
|
|
@@ -265,28 +286,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
265
286
|
small: {
|
|
266
287
|
inner: string;
|
|
267
288
|
};
|
|
289
|
+
medium: {
|
|
290
|
+
inner: string;
|
|
291
|
+
};
|
|
268
292
|
large: {
|
|
269
293
|
inner: string;
|
|
270
294
|
};
|
|
271
295
|
};
|
|
272
296
|
colour: {
|
|
273
|
-
|
|
297
|
+
base: {
|
|
274
298
|
inner: string;
|
|
275
299
|
chip: string;
|
|
276
300
|
};
|
|
277
|
-
|
|
301
|
+
primary: {
|
|
278
302
|
inner: string;
|
|
279
303
|
chip: string;
|
|
280
304
|
};
|
|
281
|
-
|
|
305
|
+
negative: {
|
|
282
306
|
inner: string;
|
|
283
307
|
chip: string;
|
|
284
308
|
};
|
|
285
|
-
|
|
309
|
+
positive: {
|
|
286
310
|
inner: string;
|
|
287
311
|
chip: string;
|
|
288
312
|
};
|
|
289
|
-
|
|
313
|
+
warning: {
|
|
314
|
+
inner: string;
|
|
315
|
+
chip: string;
|
|
316
|
+
};
|
|
317
|
+
invert: {
|
|
290
318
|
inner: string;
|
|
291
319
|
chip: string;
|
|
292
320
|
};
|
|
@@ -343,28 +371,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
343
371
|
small: {
|
|
344
372
|
inner: string;
|
|
345
373
|
};
|
|
374
|
+
medium: {
|
|
375
|
+
inner: string;
|
|
376
|
+
};
|
|
346
377
|
large: {
|
|
347
378
|
inner: string;
|
|
348
379
|
};
|
|
349
380
|
};
|
|
350
381
|
colour: {
|
|
351
|
-
|
|
382
|
+
base: {
|
|
352
383
|
inner: string;
|
|
353
384
|
chip: string;
|
|
354
385
|
};
|
|
355
|
-
|
|
386
|
+
primary: {
|
|
356
387
|
inner: string;
|
|
357
388
|
chip: string;
|
|
358
389
|
};
|
|
359
|
-
|
|
390
|
+
negative: {
|
|
360
391
|
inner: string;
|
|
361
392
|
chip: string;
|
|
362
393
|
};
|
|
363
|
-
|
|
394
|
+
positive: {
|
|
364
395
|
inner: string;
|
|
365
396
|
chip: string;
|
|
366
397
|
};
|
|
367
|
-
|
|
398
|
+
warning: {
|
|
399
|
+
inner: string;
|
|
400
|
+
chip: string;
|
|
401
|
+
};
|
|
402
|
+
invert: {
|
|
368
403
|
inner: string;
|
|
369
404
|
chip: string;
|
|
370
405
|
};
|
|
@@ -421,28 +456,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
421
456
|
small: {
|
|
422
457
|
inner: string;
|
|
423
458
|
};
|
|
459
|
+
medium: {
|
|
460
|
+
inner: string;
|
|
461
|
+
};
|
|
424
462
|
large: {
|
|
425
463
|
inner: string;
|
|
426
464
|
};
|
|
427
465
|
};
|
|
428
466
|
colour: {
|
|
429
|
-
|
|
467
|
+
base: {
|
|
430
468
|
inner: string;
|
|
431
469
|
chip: string;
|
|
432
470
|
};
|
|
433
|
-
|
|
471
|
+
primary: {
|
|
434
472
|
inner: string;
|
|
435
473
|
chip: string;
|
|
436
474
|
};
|
|
437
|
-
|
|
475
|
+
negative: {
|
|
438
476
|
inner: string;
|
|
439
477
|
chip: string;
|
|
440
478
|
};
|
|
441
|
-
|
|
479
|
+
positive: {
|
|
442
480
|
inner: string;
|
|
443
481
|
chip: string;
|
|
444
482
|
};
|
|
445
|
-
|
|
483
|
+
warning: {
|
|
484
|
+
inner: string;
|
|
485
|
+
chip: string;
|
|
486
|
+
};
|
|
487
|
+
invert: {
|
|
446
488
|
inner: string;
|
|
447
489
|
chip: string;
|
|
448
490
|
};
|
|
@@ -495,28 +537,35 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
495
537
|
small: {
|
|
496
538
|
inner: string;
|
|
497
539
|
};
|
|
540
|
+
medium: {
|
|
541
|
+
inner: string;
|
|
542
|
+
};
|
|
498
543
|
large: {
|
|
499
544
|
inner: string;
|
|
500
545
|
};
|
|
501
546
|
};
|
|
502
547
|
colour: {
|
|
503
|
-
|
|
548
|
+
base: {
|
|
549
|
+
inner: string;
|
|
550
|
+
chip: string;
|
|
551
|
+
};
|
|
552
|
+
primary: {
|
|
504
553
|
inner: string;
|
|
505
554
|
chip: string;
|
|
506
555
|
};
|
|
507
|
-
|
|
556
|
+
negative: {
|
|
508
557
|
inner: string;
|
|
509
558
|
chip: string;
|
|
510
559
|
};
|
|
511
|
-
|
|
560
|
+
positive: {
|
|
512
561
|
inner: string;
|
|
513
562
|
chip: string;
|
|
514
563
|
};
|
|
515
|
-
|
|
564
|
+
warning: {
|
|
516
565
|
inner: string;
|
|
517
566
|
chip: string;
|
|
518
567
|
};
|
|
519
|
-
|
|
568
|
+
invert: {
|
|
520
569
|
inner: string;
|
|
521
570
|
chip: string;
|
|
522
571
|
};
|
|
@@ -530,9 +579,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
530
579
|
};
|
|
531
580
|
};
|
|
532
581
|
}>, unknown, unknown, undefined>>;
|
|
533
|
-
interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
582
|
+
export interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
534
583
|
loading?: boolean;
|
|
535
584
|
text?: string;
|
|
536
585
|
}
|
|
537
|
-
declare function Button(
|
|
586
|
+
declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
538
587
|
export default Button;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { ButtonProps } from "./Button";
|
|
3
|
+
import { FlexProps } from "../layout/Flex";
|
|
4
|
+
export interface ButtonGroupProps {
|
|
5
|
+
children?: ReactElement<ButtonProps>[];
|
|
6
|
+
corners?: ButtonProps["corners"];
|
|
7
|
+
outerCorners?: ButtonProps["corners"];
|
|
8
|
+
spacing?: FlexProps["spacing"];
|
|
9
|
+
}
|
|
10
|
+
declare const ButtonGroup: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default ButtonGroup;
|
|
@@ -2,36 +2,43 @@ import { VariantProps } from "tailwind-variants";
|
|
|
2
2
|
declare const loadingRing: import("tailwind-variants").TVReturnType<{
|
|
3
3
|
size: {
|
|
4
4
|
small: string;
|
|
5
|
+
medium: string;
|
|
5
6
|
large: string;
|
|
6
7
|
};
|
|
7
8
|
}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
|
|
8
9
|
size: {
|
|
9
10
|
small: string;
|
|
11
|
+
medium: string;
|
|
10
12
|
large: string;
|
|
11
13
|
};
|
|
12
14
|
}, {
|
|
13
15
|
size: {
|
|
14
16
|
small: string;
|
|
17
|
+
medium: string;
|
|
15
18
|
large: string;
|
|
16
19
|
};
|
|
17
20
|
}>, {
|
|
18
21
|
size: {
|
|
19
22
|
small: string;
|
|
23
|
+
medium: string;
|
|
20
24
|
large: string;
|
|
21
25
|
};
|
|
22
26
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
23
27
|
size: {
|
|
24
28
|
small: string;
|
|
29
|
+
medium: string;
|
|
25
30
|
large: string;
|
|
26
31
|
};
|
|
27
32
|
}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
|
|
28
33
|
size: {
|
|
29
34
|
small: string;
|
|
35
|
+
medium: string;
|
|
30
36
|
large: string;
|
|
31
37
|
};
|
|
32
38
|
}, {
|
|
33
39
|
size: {
|
|
34
40
|
small: string;
|
|
41
|
+
medium: string;
|
|
35
42
|
large: string;
|
|
36
43
|
};
|
|
37
44
|
}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { VariantProps } from "tailwind-variants";
|
|
3
|
+
declare const variants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
padding: {
|
|
5
|
+
small: string;
|
|
6
|
+
medium: string;
|
|
7
|
+
large: string;
|
|
8
|
+
};
|
|
9
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
10
|
+
padding: {
|
|
11
|
+
small: string;
|
|
12
|
+
medium: string;
|
|
13
|
+
large: string;
|
|
14
|
+
};
|
|
15
|
+
}, {
|
|
16
|
+
padding: {
|
|
17
|
+
small: string;
|
|
18
|
+
medium: string;
|
|
19
|
+
large: string;
|
|
20
|
+
};
|
|
21
|
+
}>, {
|
|
22
|
+
padding: {
|
|
23
|
+
small: string;
|
|
24
|
+
medium: string;
|
|
25
|
+
large: string;
|
|
26
|
+
};
|
|
27
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
28
|
+
padding: {
|
|
29
|
+
small: string;
|
|
30
|
+
medium: string;
|
|
31
|
+
large: string;
|
|
32
|
+
};
|
|
33
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
34
|
+
padding: {
|
|
35
|
+
small: string;
|
|
36
|
+
medium: string;
|
|
37
|
+
large: string;
|
|
38
|
+
};
|
|
39
|
+
}, {
|
|
40
|
+
padding: {
|
|
41
|
+
small: string;
|
|
42
|
+
medium: string;
|
|
43
|
+
large: string;
|
|
44
|
+
};
|
|
45
|
+
}>, unknown, unknown, undefined>>;
|
|
46
|
+
interface Props extends VariantProps<typeof variants> {
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
}
|
|
49
|
+
declare const Inset: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export default Inset;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { VariantProps } from "tailwind-variants";
|
|
3
|
+
declare const variants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
padding: {
|
|
5
|
+
small: string;
|
|
6
|
+
medium: string;
|
|
7
|
+
large: string;
|
|
8
|
+
};
|
|
9
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
10
|
+
padding: {
|
|
11
|
+
small: string;
|
|
12
|
+
medium: string;
|
|
13
|
+
large: string;
|
|
14
|
+
};
|
|
15
|
+
}, {
|
|
16
|
+
padding: {
|
|
17
|
+
small: string;
|
|
18
|
+
medium: string;
|
|
19
|
+
large: string;
|
|
20
|
+
};
|
|
21
|
+
}>, {
|
|
22
|
+
padding: {
|
|
23
|
+
small: string;
|
|
24
|
+
medium: string;
|
|
25
|
+
large: string;
|
|
26
|
+
};
|
|
27
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
28
|
+
padding: {
|
|
29
|
+
small: string;
|
|
30
|
+
medium: string;
|
|
31
|
+
large: string;
|
|
32
|
+
};
|
|
33
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
34
|
+
padding: {
|
|
35
|
+
small: string;
|
|
36
|
+
medium: string;
|
|
37
|
+
large: string;
|
|
38
|
+
};
|
|
39
|
+
}, {
|
|
40
|
+
padding: {
|
|
41
|
+
small: string;
|
|
42
|
+
medium: string;
|
|
43
|
+
large: string;
|
|
44
|
+
};
|
|
45
|
+
}>, unknown, unknown, undefined>>;
|
|
46
|
+
interface Props extends VariantProps<typeof variants> {
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
}
|
|
49
|
+
declare const Panel: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export default Panel;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
export { default as
|
|
2
|
-
export { default as
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as
|
|
1
|
+
export { default as MimasProvider } from "./util/MimasProvider";
|
|
2
|
+
export { default as Noise } from "./util/Noise";
|
|
3
|
+
export { default as Inset } from "./frames/Inset";
|
|
4
|
+
export { default as Panel } from "./frames/Panel";
|
|
5
|
+
export { default as Button } from "./crumbs/Button";
|
|
6
|
+
export { default as ButtonGroup } from "./crumbs/ButtonGroup";
|
|
7
|
+
export { default as LoadingRing } from "./crumbs/LoadingRing";
|
|
8
|
+
export { default as ToggleSet } from "./crumbs/ToggleSet";
|
|
9
|
+
export { default as Flex } from "./layout/Flex";
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import { type VariantProps } from "tailwind-variants";
|
|
2
|
+
import type { HTMLAttributes } from "react";
|
|
3
|
+
declare const flex: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
direction: {
|
|
5
|
+
row: string;
|
|
6
|
+
col: string;
|
|
7
|
+
};
|
|
8
|
+
spacing: {
|
|
9
|
+
none: string;
|
|
10
|
+
xs: string;
|
|
11
|
+
sm: string;
|
|
12
|
+
md: string;
|
|
13
|
+
lg: string;
|
|
14
|
+
xl: string;
|
|
15
|
+
};
|
|
16
|
+
justify: {
|
|
17
|
+
start: string;
|
|
18
|
+
center: string;
|
|
19
|
+
end: string;
|
|
20
|
+
between: string;
|
|
21
|
+
around: string;
|
|
22
|
+
evenly: string;
|
|
23
|
+
};
|
|
24
|
+
align: {
|
|
25
|
+
start: string;
|
|
26
|
+
center: string;
|
|
27
|
+
end: string;
|
|
28
|
+
stretch: string;
|
|
29
|
+
baseline: string;
|
|
30
|
+
};
|
|
31
|
+
}, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
|
|
32
|
+
direction: {
|
|
33
|
+
row: string;
|
|
34
|
+
col: string;
|
|
35
|
+
};
|
|
36
|
+
spacing: {
|
|
37
|
+
none: string;
|
|
38
|
+
xs: string;
|
|
39
|
+
sm: string;
|
|
40
|
+
md: string;
|
|
41
|
+
lg: string;
|
|
42
|
+
xl: string;
|
|
43
|
+
};
|
|
44
|
+
justify: {
|
|
45
|
+
start: string;
|
|
46
|
+
center: string;
|
|
47
|
+
end: string;
|
|
48
|
+
between: string;
|
|
49
|
+
around: string;
|
|
50
|
+
evenly: string;
|
|
51
|
+
};
|
|
52
|
+
align: {
|
|
53
|
+
start: string;
|
|
54
|
+
center: string;
|
|
55
|
+
end: string;
|
|
56
|
+
stretch: string;
|
|
57
|
+
baseline: string;
|
|
58
|
+
};
|
|
59
|
+
}, {
|
|
60
|
+
direction: {
|
|
61
|
+
row: string;
|
|
62
|
+
col: string;
|
|
63
|
+
};
|
|
64
|
+
spacing: {
|
|
65
|
+
none: string;
|
|
66
|
+
xs: string;
|
|
67
|
+
sm: string;
|
|
68
|
+
md: string;
|
|
69
|
+
lg: string;
|
|
70
|
+
xl: string;
|
|
71
|
+
};
|
|
72
|
+
justify: {
|
|
73
|
+
start: string;
|
|
74
|
+
center: string;
|
|
75
|
+
end: string;
|
|
76
|
+
between: string;
|
|
77
|
+
around: string;
|
|
78
|
+
evenly: string;
|
|
79
|
+
};
|
|
80
|
+
align: {
|
|
81
|
+
start: string;
|
|
82
|
+
center: string;
|
|
83
|
+
end: string;
|
|
84
|
+
stretch: string;
|
|
85
|
+
baseline: string;
|
|
86
|
+
};
|
|
87
|
+
}>, {
|
|
88
|
+
direction: {
|
|
89
|
+
row: string;
|
|
90
|
+
col: string;
|
|
91
|
+
};
|
|
92
|
+
spacing: {
|
|
93
|
+
none: string;
|
|
94
|
+
xs: string;
|
|
95
|
+
sm: string;
|
|
96
|
+
md: string;
|
|
97
|
+
lg: string;
|
|
98
|
+
xl: string;
|
|
99
|
+
};
|
|
100
|
+
justify: {
|
|
101
|
+
start: string;
|
|
102
|
+
center: string;
|
|
103
|
+
end: string;
|
|
104
|
+
between: string;
|
|
105
|
+
around: string;
|
|
106
|
+
evenly: string;
|
|
107
|
+
};
|
|
108
|
+
align: {
|
|
109
|
+
start: string;
|
|
110
|
+
center: string;
|
|
111
|
+
end: string;
|
|
112
|
+
stretch: string;
|
|
113
|
+
baseline: string;
|
|
114
|
+
};
|
|
115
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
116
|
+
direction: {
|
|
117
|
+
row: string;
|
|
118
|
+
col: string;
|
|
119
|
+
};
|
|
120
|
+
spacing: {
|
|
121
|
+
none: string;
|
|
122
|
+
xs: string;
|
|
123
|
+
sm: string;
|
|
124
|
+
md: string;
|
|
125
|
+
lg: string;
|
|
126
|
+
xl: string;
|
|
127
|
+
};
|
|
128
|
+
justify: {
|
|
129
|
+
start: string;
|
|
130
|
+
center: string;
|
|
131
|
+
end: string;
|
|
132
|
+
between: string;
|
|
133
|
+
around: string;
|
|
134
|
+
evenly: string;
|
|
135
|
+
};
|
|
136
|
+
align: {
|
|
137
|
+
start: string;
|
|
138
|
+
center: string;
|
|
139
|
+
end: string;
|
|
140
|
+
stretch: string;
|
|
141
|
+
baseline: string;
|
|
142
|
+
};
|
|
143
|
+
}, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
|
|
144
|
+
direction: {
|
|
145
|
+
row: string;
|
|
146
|
+
col: string;
|
|
147
|
+
};
|
|
148
|
+
spacing: {
|
|
149
|
+
none: string;
|
|
150
|
+
xs: string;
|
|
151
|
+
sm: string;
|
|
152
|
+
md: string;
|
|
153
|
+
lg: string;
|
|
154
|
+
xl: string;
|
|
155
|
+
};
|
|
156
|
+
justify: {
|
|
157
|
+
start: string;
|
|
158
|
+
center: string;
|
|
159
|
+
end: string;
|
|
160
|
+
between: string;
|
|
161
|
+
around: string;
|
|
162
|
+
evenly: string;
|
|
163
|
+
};
|
|
164
|
+
align: {
|
|
165
|
+
start: string;
|
|
166
|
+
center: string;
|
|
167
|
+
end: string;
|
|
168
|
+
stretch: string;
|
|
169
|
+
baseline: string;
|
|
170
|
+
};
|
|
171
|
+
}, {
|
|
172
|
+
direction: {
|
|
173
|
+
row: string;
|
|
174
|
+
col: string;
|
|
175
|
+
};
|
|
176
|
+
spacing: {
|
|
177
|
+
none: string;
|
|
178
|
+
xs: string;
|
|
179
|
+
sm: string;
|
|
180
|
+
md: string;
|
|
181
|
+
lg: string;
|
|
182
|
+
xl: string;
|
|
183
|
+
};
|
|
184
|
+
justify: {
|
|
185
|
+
start: string;
|
|
186
|
+
center: string;
|
|
187
|
+
end: string;
|
|
188
|
+
between: string;
|
|
189
|
+
around: string;
|
|
190
|
+
evenly: string;
|
|
191
|
+
};
|
|
192
|
+
align: {
|
|
193
|
+
start: string;
|
|
194
|
+
center: string;
|
|
195
|
+
end: string;
|
|
196
|
+
stretch: string;
|
|
197
|
+
baseline: string;
|
|
198
|
+
};
|
|
199
|
+
}>, unknown, unknown, undefined>>;
|
|
200
|
+
export interface FlexProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof flex> {
|
|
201
|
+
vertical?: boolean;
|
|
202
|
+
}
|
|
203
|
+
declare function Flex({ className, vertical, direction, spacing, justify, align, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
|
|
204
|
+
export default Flex;
|