@pondipondi/mimas 0.1.2 → 0.1.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.
package/README.md CHANGED
@@ -1,30 +1 @@
1
- # React + TypeScript + Vite
2
-
3
- This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
-
5
- Currently, two official plugins are available:
6
-
7
- - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8
- - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9
-
10
- ## Expanding the ESLint configuration
11
-
12
- If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13
-
14
- - Configure the top-level `parserOptions` property like this:
15
-
16
- ```js
17
- export default {
18
- // other rules...
19
- parserOptions: {
20
- ecmaVersion: 'latest',
21
- sourceType: 'module',
22
- project: ['./tsconfig.json', './tsconfig.node.json'],
23
- tsconfigRootDir: __dirname,
24
- },
25
- }
26
- ```
27
-
28
- - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
29
- - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
30
- - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
1
+ # Mimas
@@ -0,0 +1,538 @@
1
+ import { VariantProps } from "tailwind-variants";
2
+ declare const button: import("tailwind-variants").TVReturnType<{
3
+ corners: {
4
+ sharp: {
5
+ inner: string;
6
+ outer: string;
7
+ chip: string;
8
+ };
9
+ round: {
10
+ inner: string;
11
+ outer: string;
12
+ chip: string;
13
+ };
14
+ circle: {
15
+ inner: string;
16
+ outer: string;
17
+ chip: string;
18
+ };
19
+ };
20
+ leftCorners: {
21
+ none: {};
22
+ sharp: {
23
+ inner: string;
24
+ outer: string;
25
+ chip: string;
26
+ };
27
+ round: {
28
+ inner: string;
29
+ outer: string;
30
+ chip: string;
31
+ };
32
+ circle: {
33
+ inner: string;
34
+ outer: string;
35
+ chip: string;
36
+ };
37
+ };
38
+ size: {
39
+ small: {
40
+ inner: string;
41
+ };
42
+ large: {
43
+ inner: string;
44
+ };
45
+ };
46
+ colour: {
47
+ neutral: {
48
+ inner: string;
49
+ chip: string;
50
+ };
51
+ red: {
52
+ inner: string;
53
+ chip: string;
54
+ };
55
+ green: {
56
+ inner: string;
57
+ chip: string;
58
+ };
59
+ blue: {
60
+ inner: string;
61
+ chip: string;
62
+ };
63
+ white: {
64
+ inner: string;
65
+ chip: string;
66
+ };
67
+ };
68
+ width: {
69
+ fit: {};
70
+ grow: {
71
+ inner: string;
72
+ outer: string;
73
+ chip: string;
74
+ };
75
+ };
76
+ }, {
77
+ outer: string;
78
+ inner: string;
79
+ chip: string;
80
+ }, undefined, import("tailwind-variants/dist/config").TVConfig<{
81
+ corners: {
82
+ sharp: {
83
+ inner: string;
84
+ outer: string;
85
+ chip: string;
86
+ };
87
+ round: {
88
+ inner: string;
89
+ outer: string;
90
+ chip: string;
91
+ };
92
+ circle: {
93
+ inner: string;
94
+ outer: string;
95
+ chip: string;
96
+ };
97
+ };
98
+ leftCorners: {
99
+ none: {};
100
+ sharp: {
101
+ inner: string;
102
+ outer: string;
103
+ chip: string;
104
+ };
105
+ round: {
106
+ inner: string;
107
+ outer: string;
108
+ chip: string;
109
+ };
110
+ circle: {
111
+ inner: string;
112
+ outer: string;
113
+ chip: string;
114
+ };
115
+ };
116
+ size: {
117
+ small: {
118
+ inner: string;
119
+ };
120
+ large: {
121
+ inner: string;
122
+ };
123
+ };
124
+ colour: {
125
+ neutral: {
126
+ inner: string;
127
+ chip: string;
128
+ };
129
+ red: {
130
+ inner: string;
131
+ chip: string;
132
+ };
133
+ green: {
134
+ inner: string;
135
+ chip: string;
136
+ };
137
+ blue: {
138
+ inner: string;
139
+ chip: string;
140
+ };
141
+ white: {
142
+ inner: string;
143
+ chip: string;
144
+ };
145
+ };
146
+ width: {
147
+ fit: {};
148
+ grow: {
149
+ inner: string;
150
+ outer: string;
151
+ chip: string;
152
+ };
153
+ };
154
+ }, {
155
+ corners: {
156
+ sharp: {
157
+ inner: string;
158
+ outer: string;
159
+ chip: string;
160
+ };
161
+ round: {
162
+ inner: string;
163
+ outer: string;
164
+ chip: string;
165
+ };
166
+ circle: {
167
+ inner: string;
168
+ outer: string;
169
+ chip: string;
170
+ };
171
+ };
172
+ leftCorners: {
173
+ none: {};
174
+ sharp: {
175
+ inner: string;
176
+ outer: string;
177
+ chip: string;
178
+ };
179
+ round: {
180
+ inner: string;
181
+ outer: string;
182
+ chip: string;
183
+ };
184
+ circle: {
185
+ inner: string;
186
+ outer: string;
187
+ chip: string;
188
+ };
189
+ };
190
+ size: {
191
+ small: {
192
+ inner: string;
193
+ };
194
+ large: {
195
+ inner: string;
196
+ };
197
+ };
198
+ colour: {
199
+ neutral: {
200
+ inner: string;
201
+ chip: string;
202
+ };
203
+ red: {
204
+ inner: string;
205
+ chip: string;
206
+ };
207
+ green: {
208
+ inner: string;
209
+ chip: string;
210
+ };
211
+ blue: {
212
+ inner: string;
213
+ chip: string;
214
+ };
215
+ white: {
216
+ inner: string;
217
+ chip: string;
218
+ };
219
+ };
220
+ width: {
221
+ fit: {};
222
+ grow: {
223
+ inner: string;
224
+ outer: string;
225
+ chip: string;
226
+ };
227
+ };
228
+ }>, {
229
+ corners: {
230
+ sharp: {
231
+ inner: string;
232
+ outer: string;
233
+ chip: string;
234
+ };
235
+ round: {
236
+ inner: string;
237
+ outer: string;
238
+ chip: string;
239
+ };
240
+ circle: {
241
+ inner: string;
242
+ outer: string;
243
+ chip: string;
244
+ };
245
+ };
246
+ leftCorners: {
247
+ none: {};
248
+ sharp: {
249
+ inner: string;
250
+ outer: string;
251
+ chip: string;
252
+ };
253
+ round: {
254
+ inner: string;
255
+ outer: string;
256
+ chip: string;
257
+ };
258
+ circle: {
259
+ inner: string;
260
+ outer: string;
261
+ chip: string;
262
+ };
263
+ };
264
+ size: {
265
+ small: {
266
+ inner: string;
267
+ };
268
+ large: {
269
+ inner: string;
270
+ };
271
+ };
272
+ colour: {
273
+ neutral: {
274
+ inner: string;
275
+ chip: string;
276
+ };
277
+ red: {
278
+ inner: string;
279
+ chip: string;
280
+ };
281
+ green: {
282
+ inner: string;
283
+ chip: string;
284
+ };
285
+ blue: {
286
+ inner: string;
287
+ chip: string;
288
+ };
289
+ white: {
290
+ inner: string;
291
+ chip: string;
292
+ };
293
+ };
294
+ width: {
295
+ fit: {};
296
+ grow: {
297
+ inner: string;
298
+ outer: string;
299
+ chip: string;
300
+ };
301
+ };
302
+ }, {
303
+ outer: string;
304
+ inner: string;
305
+ chip: string;
306
+ }, import("tailwind-variants").TVReturnType<{
307
+ corners: {
308
+ sharp: {
309
+ inner: string;
310
+ outer: string;
311
+ chip: string;
312
+ };
313
+ round: {
314
+ inner: string;
315
+ outer: string;
316
+ chip: string;
317
+ };
318
+ circle: {
319
+ inner: string;
320
+ outer: string;
321
+ chip: string;
322
+ };
323
+ };
324
+ leftCorners: {
325
+ none: {};
326
+ sharp: {
327
+ inner: string;
328
+ outer: string;
329
+ chip: string;
330
+ };
331
+ round: {
332
+ inner: string;
333
+ outer: string;
334
+ chip: string;
335
+ };
336
+ circle: {
337
+ inner: string;
338
+ outer: string;
339
+ chip: string;
340
+ };
341
+ };
342
+ size: {
343
+ small: {
344
+ inner: string;
345
+ };
346
+ large: {
347
+ inner: string;
348
+ };
349
+ };
350
+ colour: {
351
+ neutral: {
352
+ inner: string;
353
+ chip: string;
354
+ };
355
+ red: {
356
+ inner: string;
357
+ chip: string;
358
+ };
359
+ green: {
360
+ inner: string;
361
+ chip: string;
362
+ };
363
+ blue: {
364
+ inner: string;
365
+ chip: string;
366
+ };
367
+ white: {
368
+ inner: string;
369
+ chip: string;
370
+ };
371
+ };
372
+ width: {
373
+ fit: {};
374
+ grow: {
375
+ inner: string;
376
+ outer: string;
377
+ chip: string;
378
+ };
379
+ };
380
+ }, {
381
+ outer: string;
382
+ inner: string;
383
+ chip: string;
384
+ }, undefined, import("tailwind-variants/dist/config").TVConfig<{
385
+ corners: {
386
+ sharp: {
387
+ inner: string;
388
+ outer: string;
389
+ chip: string;
390
+ };
391
+ round: {
392
+ inner: string;
393
+ outer: string;
394
+ chip: string;
395
+ };
396
+ circle: {
397
+ inner: string;
398
+ outer: string;
399
+ chip: string;
400
+ };
401
+ };
402
+ leftCorners: {
403
+ none: {};
404
+ sharp: {
405
+ inner: string;
406
+ outer: string;
407
+ chip: string;
408
+ };
409
+ round: {
410
+ inner: string;
411
+ outer: string;
412
+ chip: string;
413
+ };
414
+ circle: {
415
+ inner: string;
416
+ outer: string;
417
+ chip: string;
418
+ };
419
+ };
420
+ size: {
421
+ small: {
422
+ inner: string;
423
+ };
424
+ large: {
425
+ inner: string;
426
+ };
427
+ };
428
+ colour: {
429
+ neutral: {
430
+ inner: string;
431
+ chip: string;
432
+ };
433
+ red: {
434
+ inner: string;
435
+ chip: string;
436
+ };
437
+ green: {
438
+ inner: string;
439
+ chip: string;
440
+ };
441
+ blue: {
442
+ inner: string;
443
+ chip: string;
444
+ };
445
+ white: {
446
+ inner: string;
447
+ chip: string;
448
+ };
449
+ };
450
+ width: {
451
+ fit: {};
452
+ grow: {
453
+ inner: string;
454
+ outer: string;
455
+ chip: string;
456
+ };
457
+ };
458
+ }, {
459
+ corners: {
460
+ sharp: {
461
+ inner: string;
462
+ outer: string;
463
+ chip: string;
464
+ };
465
+ round: {
466
+ inner: string;
467
+ outer: string;
468
+ chip: string;
469
+ };
470
+ circle: {
471
+ inner: string;
472
+ outer: string;
473
+ chip: string;
474
+ };
475
+ };
476
+ leftCorners: {
477
+ none: {};
478
+ sharp: {
479
+ inner: string;
480
+ outer: string;
481
+ chip: string;
482
+ };
483
+ round: {
484
+ inner: string;
485
+ outer: string;
486
+ chip: string;
487
+ };
488
+ circle: {
489
+ inner: string;
490
+ outer: string;
491
+ chip: string;
492
+ };
493
+ };
494
+ size: {
495
+ small: {
496
+ inner: string;
497
+ };
498
+ large: {
499
+ inner: string;
500
+ };
501
+ };
502
+ colour: {
503
+ neutral: {
504
+ inner: string;
505
+ chip: string;
506
+ };
507
+ red: {
508
+ inner: string;
509
+ chip: string;
510
+ };
511
+ green: {
512
+ inner: string;
513
+ chip: string;
514
+ };
515
+ blue: {
516
+ inner: string;
517
+ chip: string;
518
+ };
519
+ white: {
520
+ inner: string;
521
+ chip: string;
522
+ };
523
+ };
524
+ width: {
525
+ fit: {};
526
+ grow: {
527
+ inner: string;
528
+ outer: string;
529
+ chip: string;
530
+ };
531
+ };
532
+ }>, unknown, unknown, undefined>>;
533
+ interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
534
+ loading?: boolean;
535
+ text?: string;
536
+ }
537
+ declare function Button({ size, colour, width, corners, leftCorners, loading, text, children, className, disabled, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
538
+ export default Button;
@@ -0,0 +1,43 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ import Button from "./Button";
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Button;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ size: {
12
+ control: "radio";
13
+ options: string[];
14
+ };
15
+ width: {
16
+ control: "radio";
17
+ options: string[];
18
+ };
19
+ colour: {
20
+ control: "select";
21
+ options: string[];
22
+ };
23
+ corners: {
24
+ control: "select";
25
+ options: string[];
26
+ };
27
+ leftCorners: {
28
+ control: "select";
29
+ options: string[];
30
+ };
31
+ };
32
+ args: {
33
+ onClick: import("@vitest/spy").Mock<[event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>], void>;
34
+ size: "large";
35
+ colour: "neutral";
36
+ text: string;
37
+ width: "fit";
38
+ corners: "round";
39
+ };
40
+ };
41
+ export default meta;
42
+ type Story = StoryObj<typeof meta>;
43
+ export declare const Primary: Story;
@@ -0,0 +1,39 @@
1
+ import { VariantProps } from "tailwind-variants";
2
+ declare const loadingRing: import("tailwind-variants").TVReturnType<{
3
+ size: {
4
+ small: string;
5
+ large: string;
6
+ };
7
+ }, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
8
+ size: {
9
+ small: string;
10
+ large: string;
11
+ };
12
+ }, {
13
+ size: {
14
+ small: string;
15
+ large: string;
16
+ };
17
+ }>, {
18
+ size: {
19
+ small: string;
20
+ large: string;
21
+ };
22
+ }, undefined, import("tailwind-variants").TVReturnType<{
23
+ size: {
24
+ small: string;
25
+ large: string;
26
+ };
27
+ }, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
28
+ size: {
29
+ small: string;
30
+ large: string;
31
+ };
32
+ }, {
33
+ size: {
34
+ small: string;
35
+ large: string;
36
+ };
37
+ }>, unknown, unknown, undefined>>;
38
+ declare function LoadingRing({ size }: VariantProps<typeof loadingRing>): import("react/jsx-runtime").JSX.Element;
39
+ export default LoadingRing;
@@ -0,0 +1,22 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ import LoadingRing from "./LoadingRing";
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof LoadingRing;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ size: {
12
+ control: "radio";
13
+ options: string[];
14
+ };
15
+ };
16
+ args: {
17
+ size: "large";
18
+ };
19
+ };
20
+ export default meta;
21
+ type Story = StoryObj<typeof meta>;
22
+ export declare const Primary: Story;
@@ -0,0 +1,2 @@
1
+ declare function ToggleSet(): import("react/jsx-runtime").JSX.Element;
2
+ export default ToggleSet;
@@ -1,5 +1,4 @@
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
-
5
- export { default as Noise } from "./util/Noise/Noise";
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";
@@ -0,0 +1,2 @@
1
+ declare function Noise(): import("react/jsx-runtime").JSX.Element;
2
+ export default Noise;
@@ -1 +1 @@
1
- export * from "./components";
1
+ export * from "./components";