@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.
@@ -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
- neutral: {
50
+ base: {
51
+ inner: string;
52
+ chip: string;
53
+ };
54
+ primary: {
48
55
  inner: string;
49
56
  chip: string;
50
57
  };
51
- red: {
58
+ negative: {
52
59
  inner: string;
53
60
  chip: string;
54
61
  };
55
- green: {
62
+ positive: {
56
63
  inner: string;
57
64
  chip: string;
58
65
  };
59
- blue: {
66
+ warning: {
60
67
  inner: string;
61
68
  chip: string;
62
69
  };
63
- white: {
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
- neutral: {
135
+ base: {
136
+ inner: string;
137
+ chip: string;
138
+ };
139
+ primary: {
126
140
  inner: string;
127
141
  chip: string;
128
142
  };
129
- red: {
143
+ negative: {
130
144
  inner: string;
131
145
  chip: string;
132
146
  };
133
- green: {
147
+ positive: {
134
148
  inner: string;
135
149
  chip: string;
136
150
  };
137
- blue: {
151
+ warning: {
138
152
  inner: string;
139
153
  chip: string;
140
154
  };
141
- white: {
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
- neutral: {
216
+ base: {
200
217
  inner: string;
201
218
  chip: string;
202
219
  };
203
- red: {
220
+ primary: {
204
221
  inner: string;
205
222
  chip: string;
206
223
  };
207
- green: {
224
+ negative: {
208
225
  inner: string;
209
226
  chip: string;
210
227
  };
211
- blue: {
228
+ positive: {
212
229
  inner: string;
213
230
  chip: string;
214
231
  };
215
- white: {
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
- neutral: {
297
+ base: {
274
298
  inner: string;
275
299
  chip: string;
276
300
  };
277
- red: {
301
+ primary: {
278
302
  inner: string;
279
303
  chip: string;
280
304
  };
281
- green: {
305
+ negative: {
282
306
  inner: string;
283
307
  chip: string;
284
308
  };
285
- blue: {
309
+ positive: {
286
310
  inner: string;
287
311
  chip: string;
288
312
  };
289
- white: {
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
- neutral: {
382
+ base: {
352
383
  inner: string;
353
384
  chip: string;
354
385
  };
355
- red: {
386
+ primary: {
356
387
  inner: string;
357
388
  chip: string;
358
389
  };
359
- green: {
390
+ negative: {
360
391
  inner: string;
361
392
  chip: string;
362
393
  };
363
- blue: {
394
+ positive: {
364
395
  inner: string;
365
396
  chip: string;
366
397
  };
367
- white: {
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
- neutral: {
467
+ base: {
430
468
  inner: string;
431
469
  chip: string;
432
470
  };
433
- red: {
471
+ primary: {
434
472
  inner: string;
435
473
  chip: string;
436
474
  };
437
- green: {
475
+ negative: {
438
476
  inner: string;
439
477
  chip: string;
440
478
  };
441
- blue: {
479
+ positive: {
442
480
  inner: string;
443
481
  chip: string;
444
482
  };
445
- white: {
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
- neutral: {
548
+ base: {
549
+ inner: string;
550
+ chip: string;
551
+ };
552
+ primary: {
504
553
  inner: string;
505
554
  chip: string;
506
555
  };
507
- red: {
556
+ negative: {
508
557
  inner: string;
509
558
  chip: string;
510
559
  };
511
- green: {
560
+ positive: {
512
561
  inner: string;
513
562
  chip: string;
514
563
  };
515
- blue: {
564
+ warning: {
516
565
  inner: string;
517
566
  chip: string;
518
567
  };
519
- white: {
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({ size, colour, width, corners, leftCorners, loading, text, children, className, disabled, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
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 Button } from "./crumbs/Button/Button";
2
- export { default as LoadingRing } from "./crumbs/LoadingRing/LoadingRing";
3
- export { default as ToggleSet } from "./crumbs/ToggleSet/ToggleSet";
4
- export { default as Noise } from "./util/Noise/Noise";
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;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from "react";
2
+ import "@/index.css";
3
+ declare function MimasProvider({ children }: {
4
+ children?: ReactNode;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ export default MimasProvider;