@machinerd/js-module 0.4.1 → 0.5.1
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 +36 -4
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.d.cts +2 -3
- package/dist/hooks/index.d.mts +2 -3
- package/dist/hooks/index.mjs +1 -1
- package/dist/hooks-DBo6LQrH.mjs +1 -0
- package/dist/hooks-DqgWx1Fa.cjs +1 -0
- package/dist/{index-CWgr7lXX.d.cts → index-ByfkW7VU.d.mts} +186 -192
- package/dist/{index-CfKO4Lbp.d.mts → index-ComhjQ-q.d.cts} +186 -192
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +1 -1
- package/dist/providers/index.cjs +1 -0
- package/dist/providers/index.d.cts +14 -0
- package/dist/providers/index.d.mts +14 -0
- package/dist/providers/index.mjs +1 -0
- package/dist/providers-5JCPezAS.mjs +1 -0
- package/dist/providers-BNK8Fisc.cjs +1 -0
- package/dist/{skeleton-NTpsm0XR.mjs → skeleton-S6S1ZnCy.mjs} +1 -1
- package/dist/{skeleton-B1Jzl0cz.cjs → skeleton-g6yXh6D9.cjs} +1 -1
- package/dist/src-C_FmOyer.mjs +1 -0
- package/dist/src-CjpmdVyv.cjs +1 -0
- package/dist/styles/index.css +206 -1
- package/dist/ui/index.cjs +1 -1
- package/dist/ui/index.d.cts +10 -10
- package/dist/ui/index.d.mts +3 -3
- package/dist/ui/index.mjs +1 -1
- package/dist/ui-client/index.cjs +1 -1
- package/dist/ui-client/index.d.cts +37 -23
- package/dist/ui-client/index.d.mts +38 -24
- package/dist/ui-client/index.mjs +1 -1
- package/dist/util/index.cjs +1 -1
- package/dist/util/index.mjs +1 -1
- package/package.json +5 -1
- package/dist/hooks-BDwkyixK.mjs +0 -1
- package/dist/hooks-D1JcFVTH.cjs +0 -1
- /package/dist/{index-DiZ4xS_f.d.mts → index-CH1uVFqx.d.cts} +0 -0
- /package/dist/{index-OjfbEYpE.d.cts → index-D6Jzsxc-.d.mts} +0 -0
- /package/dist/{util-1BLWEgZB.cjs → util-o7fjt7iK.cjs} +0 -0
- /package/dist/{util-Dtb82Us1.mjs → util-zXJA6Gnc.mjs} +0 -0
package/dist/styles/index.css
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
5
|
:root, :host {
|
|
6
|
+
--komc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
7
|
+
monospace;
|
|
6
8
|
--komc-color-sky-950: #006699;
|
|
7
9
|
--komc-color-blue-50: oklch(97% 0.014 254.604);
|
|
8
10
|
--komc-color-blue-500: oklch(62.3% 0.214 259.815);
|
|
@@ -21,6 +23,8 @@
|
|
|
21
23
|
--komc-color-neutral-300: oklch(87% 0 0);
|
|
22
24
|
--komc-color-neutral-500: oklch(55.6% 0 0);
|
|
23
25
|
--komc-color-neutral-600: oklch(43.9% 0 0);
|
|
26
|
+
--komc-color-neutral-700: oklch(37.1% 0 0);
|
|
27
|
+
--komc-color-neutral-800: oklch(26.9% 0 0);
|
|
24
28
|
--komc-color-black: #000;
|
|
25
29
|
--komc-color-white: #fff;
|
|
26
30
|
--komc-spacing: 0.25rem;
|
|
@@ -44,6 +48,7 @@
|
|
|
44
48
|
--komc-font-weight-bold: 700;
|
|
45
49
|
--komc-font-weight-extrabold: 800;
|
|
46
50
|
--komc-font-weight-black: 900;
|
|
51
|
+
--komc-leading-relaxed: 1.625;
|
|
47
52
|
--komc-radius-sm: 0.25rem;
|
|
48
53
|
--komc-radius-md: 0.375rem;
|
|
49
54
|
--komc-radius-lg: 0.5rem;
|
|
@@ -57,6 +62,7 @@
|
|
|
57
62
|
--komc-drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
|
|
58
63
|
--komc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
59
64
|
--komc-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
65
|
+
--komc-blur-sm: 8px;
|
|
60
66
|
--komc-default-transition-duration: 150ms;
|
|
61
67
|
--komc-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
62
68
|
--komc-color-night-700: #2c5cb7;
|
|
@@ -82,9 +88,15 @@
|
|
|
82
88
|
.komc\:relative {
|
|
83
89
|
position: relative;
|
|
84
90
|
}
|
|
91
|
+
.komc\:sticky {
|
|
92
|
+
position: sticky;
|
|
93
|
+
}
|
|
85
94
|
.komc\:inset-0 {
|
|
86
95
|
inset: calc(var(--komc-spacing) * 0);
|
|
87
96
|
}
|
|
97
|
+
.komc\:top-0 {
|
|
98
|
+
top: calc(var(--komc-spacing) * 0);
|
|
99
|
+
}
|
|
88
100
|
.komc\:top-full {
|
|
89
101
|
top: 100%;
|
|
90
102
|
}
|
|
@@ -109,6 +121,9 @@
|
|
|
109
121
|
.komc\:left-5 {
|
|
110
122
|
left: calc(var(--komc-spacing) * 5);
|
|
111
123
|
}
|
|
124
|
+
.komc\:z-0 {
|
|
125
|
+
z-index: 0;
|
|
126
|
+
}
|
|
112
127
|
.komc\:z-10 {
|
|
113
128
|
z-index: 10;
|
|
114
129
|
}
|
|
@@ -208,6 +223,9 @@
|
|
|
208
223
|
.komc\:h-56 {
|
|
209
224
|
height: calc(var(--komc-spacing) * 56);
|
|
210
225
|
}
|
|
226
|
+
.komc\:h-\[50dvh\] {
|
|
227
|
+
height: 50dvh;
|
|
228
|
+
}
|
|
211
229
|
.komc\:h-auto {
|
|
212
230
|
height: auto;
|
|
213
231
|
}
|
|
@@ -217,6 +235,12 @@
|
|
|
217
235
|
.komc\:h-full {
|
|
218
236
|
height: 100%;
|
|
219
237
|
}
|
|
238
|
+
.komc\:max-h-\[90dvh\] {
|
|
239
|
+
max-height: 90dvh;
|
|
240
|
+
}
|
|
241
|
+
.komc\:max-h-full {
|
|
242
|
+
max-height: 100%;
|
|
243
|
+
}
|
|
220
244
|
.komc\:min-h-0 {
|
|
221
245
|
min-height: calc(var(--komc-spacing) * 0);
|
|
222
246
|
}
|
|
@@ -238,12 +262,24 @@
|
|
|
238
262
|
.komc\:min-h-96 {
|
|
239
263
|
min-height: calc(var(--komc-spacing) * 96);
|
|
240
264
|
}
|
|
265
|
+
.komc\:min-h-\[28vh\] {
|
|
266
|
+
min-height: 28vh;
|
|
267
|
+
}
|
|
241
268
|
.komc\:min-h-screen {
|
|
242
269
|
min-height: 100vh;
|
|
243
270
|
}
|
|
244
271
|
.komc\:w-2 {
|
|
245
272
|
width: calc(var(--komc-spacing) * 2);
|
|
246
273
|
}
|
|
274
|
+
.komc\:w-\[50dvw\] {
|
|
275
|
+
width: 50dvw;
|
|
276
|
+
}
|
|
277
|
+
.komc\:w-\[320px\] {
|
|
278
|
+
width: 320px;
|
|
279
|
+
}
|
|
280
|
+
.komc\:w-auto {
|
|
281
|
+
width: auto;
|
|
282
|
+
}
|
|
247
283
|
.komc\:w-fit {
|
|
248
284
|
width: fit-content;
|
|
249
285
|
}
|
|
@@ -259,6 +295,12 @@
|
|
|
259
295
|
.komc\:max-w-70 {
|
|
260
296
|
max-width: calc(var(--komc-spacing) * 70);
|
|
261
297
|
}
|
|
298
|
+
.komc\:max-w-\[90dvw\] {
|
|
299
|
+
max-width: 90dvw;
|
|
300
|
+
}
|
|
301
|
+
.komc\:max-w-\[320px\] {
|
|
302
|
+
max-width: 320px;
|
|
303
|
+
}
|
|
262
304
|
.komc\:max-w-full {
|
|
263
305
|
max-width: 100%;
|
|
264
306
|
}
|
|
@@ -283,6 +325,9 @@
|
|
|
283
325
|
.komc\:min-w-\[min\(100\%\,320px\)\] {
|
|
284
326
|
min-width: min(100%, 320px);
|
|
285
327
|
}
|
|
328
|
+
.komc\:flex-1 {
|
|
329
|
+
flex: 1;
|
|
330
|
+
}
|
|
286
331
|
.komc\:shrink-0 {
|
|
287
332
|
flex-shrink: 0;
|
|
288
333
|
}
|
|
@@ -296,14 +341,30 @@
|
|
|
296
341
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
297
342
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
298
343
|
}
|
|
344
|
+
.komc\:-translate-x-full {
|
|
345
|
+
--tw-translate-x: -100%;
|
|
346
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
347
|
+
}
|
|
348
|
+
.komc\:translate-x-full {
|
|
349
|
+
--tw-translate-x: 100%;
|
|
350
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
351
|
+
}
|
|
299
352
|
.komc\:-translate-y-2 {
|
|
300
353
|
--tw-translate-y: calc(var(--komc-spacing) * -2);
|
|
301
354
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
302
355
|
}
|
|
356
|
+
.komc\:-translate-y-full {
|
|
357
|
+
--tw-translate-y: -100%;
|
|
358
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
359
|
+
}
|
|
303
360
|
.komc\:translate-y-2 {
|
|
304
361
|
--tw-translate-y: calc(var(--komc-spacing) * 2);
|
|
305
362
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
306
363
|
}
|
|
364
|
+
.komc\:translate-y-full {
|
|
365
|
+
--tw-translate-y: 100%;
|
|
366
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
367
|
+
}
|
|
307
368
|
.komc\:animate-pulse {
|
|
308
369
|
animation: var(--komc-animate-pulse);
|
|
309
370
|
}
|
|
@@ -361,12 +422,25 @@
|
|
|
361
422
|
.komc\:gap-6 {
|
|
362
423
|
gap: calc(var(--komc-spacing) * 6);
|
|
363
424
|
}
|
|
425
|
+
.komc\:space-y-3 {
|
|
426
|
+
:where(& > :not(:last-child)) {
|
|
427
|
+
--tw-space-y-reverse: 0;
|
|
428
|
+
margin-block-start: calc(calc(var(--komc-spacing) * 3) * var(--tw-space-y-reverse));
|
|
429
|
+
margin-block-end: calc(calc(var(--komc-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
|
|
430
|
+
}
|
|
431
|
+
}
|
|
364
432
|
.komc\:gap-x-2 {
|
|
365
433
|
column-gap: calc(var(--komc-spacing) * 2);
|
|
366
434
|
}
|
|
435
|
+
.komc\:overflow-auto {
|
|
436
|
+
overflow: auto;
|
|
437
|
+
}
|
|
367
438
|
.komc\:overflow-hidden {
|
|
368
439
|
overflow: hidden;
|
|
369
440
|
}
|
|
441
|
+
.komc\:overflow-y-auto {
|
|
442
|
+
overflow-y: auto;
|
|
443
|
+
}
|
|
370
444
|
.komc\:rounded {
|
|
371
445
|
border-radius: 0.25rem;
|
|
372
446
|
}
|
|
@@ -406,6 +480,10 @@
|
|
|
406
480
|
border-top-style: var(--tw-border-style);
|
|
407
481
|
border-top-width: 1px;
|
|
408
482
|
}
|
|
483
|
+
.komc\:border-b {
|
|
484
|
+
border-bottom-style: var(--tw-border-style);
|
|
485
|
+
border-bottom-width: 1px;
|
|
486
|
+
}
|
|
409
487
|
.komc\:border-dashed {
|
|
410
488
|
--tw-border-style: dashed;
|
|
411
489
|
border-style: dashed;
|
|
@@ -430,6 +508,12 @@
|
|
|
430
508
|
.komc\:border-neutral-200 {
|
|
431
509
|
border-color: var(--komc-color-neutral-200);
|
|
432
510
|
}
|
|
511
|
+
.komc\:border-neutral-200\/60 {
|
|
512
|
+
border-color: var(--komc-color-neutral-200);
|
|
513
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
514
|
+
border-color: color-mix(in oklab, var(--komc-color-neutral-200) 60%, transparent);
|
|
515
|
+
}
|
|
516
|
+
}
|
|
433
517
|
.komc\:border-neutral-300 {
|
|
434
518
|
border-color: var(--komc-color-neutral-300);
|
|
435
519
|
}
|
|
@@ -448,6 +532,12 @@
|
|
|
448
532
|
.komc\:bg-\[rgb\(95\,95\,96\)\] {
|
|
449
533
|
background-color: rgb(95,95,96);
|
|
450
534
|
}
|
|
535
|
+
.komc\:bg-black\/40 {
|
|
536
|
+
background-color: var(--komc-color-black);
|
|
537
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
538
|
+
background-color: color-mix(in oklab, var(--komc-color-black) 40%, transparent);
|
|
539
|
+
}
|
|
540
|
+
}
|
|
451
541
|
.komc\:bg-black\/50 {
|
|
452
542
|
background-color: var(--komc-color-black);
|
|
453
543
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -478,6 +568,12 @@
|
|
|
478
568
|
.komc\:bg-neutral-100 {
|
|
479
569
|
background-color: var(--komc-color-neutral-100);
|
|
480
570
|
}
|
|
571
|
+
.komc\:bg-neutral-100\/95 {
|
|
572
|
+
background-color: var(--komc-color-neutral-100);
|
|
573
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
574
|
+
background-color: color-mix(in oklab, var(--komc-color-neutral-100) 95%, transparent);
|
|
575
|
+
}
|
|
576
|
+
}
|
|
481
577
|
.komc\:bg-night-700 {
|
|
482
578
|
background-color: var(--komc-color-night-700);
|
|
483
579
|
}
|
|
@@ -511,6 +607,9 @@
|
|
|
511
607
|
.komc\:p-8 {
|
|
512
608
|
padding: calc(var(--komc-spacing) * 8);
|
|
513
609
|
}
|
|
610
|
+
.komc\:p-10 {
|
|
611
|
+
padding: calc(var(--komc-spacing) * 10);
|
|
612
|
+
}
|
|
514
613
|
.komc\:px-0 {
|
|
515
614
|
padding-inline: calc(var(--komc-spacing) * 0);
|
|
516
615
|
}
|
|
@@ -544,12 +643,27 @@
|
|
|
544
643
|
.komc\:py-2 {
|
|
545
644
|
padding-block: calc(var(--komc-spacing) * 2);
|
|
546
645
|
}
|
|
646
|
+
.komc\:py-3 {
|
|
647
|
+
padding-block: calc(var(--komc-spacing) * 3);
|
|
648
|
+
}
|
|
649
|
+
.komc\:py-4 {
|
|
650
|
+
padding-block: calc(var(--komc-spacing) * 4);
|
|
651
|
+
}
|
|
547
652
|
.komc\:pt-4 {
|
|
548
653
|
padding-top: calc(var(--komc-spacing) * 4);
|
|
549
654
|
}
|
|
655
|
+
.komc\:pb-32 {
|
|
656
|
+
padding-bottom: calc(var(--komc-spacing) * 32);
|
|
657
|
+
}
|
|
550
658
|
.komc\:pl-4 {
|
|
551
659
|
padding-left: calc(var(--komc-spacing) * 4);
|
|
552
660
|
}
|
|
661
|
+
.komc\:text-center {
|
|
662
|
+
text-align: center;
|
|
663
|
+
}
|
|
664
|
+
.komc\:font-mono {
|
|
665
|
+
font-family: var(--komc-font-mono);
|
|
666
|
+
}
|
|
553
667
|
.komc\:text-base {
|
|
554
668
|
font-size: var(--komc-text-base);
|
|
555
669
|
line-height: var(--tw-leading, var(--komc-text-base--line-height));
|
|
@@ -566,6 +680,10 @@
|
|
|
566
680
|
font-size: var(--komc-text-xs);
|
|
567
681
|
line-height: var(--tw-leading, var(--komc-text-xs--line-height));
|
|
568
682
|
}
|
|
683
|
+
.komc\:leading-relaxed {
|
|
684
|
+
--tw-leading: var(--komc-leading-relaxed);
|
|
685
|
+
line-height: var(--komc-leading-relaxed);
|
|
686
|
+
}
|
|
569
687
|
.komc\:font-black {
|
|
570
688
|
--tw-font-weight: var(--komc-font-weight-black);
|
|
571
689
|
font-weight: var(--komc-font-weight-black);
|
|
@@ -615,6 +733,12 @@
|
|
|
615
733
|
.komc\:text-neutral-600 {
|
|
616
734
|
color: var(--komc-color-neutral-600);
|
|
617
735
|
}
|
|
736
|
+
.komc\:text-neutral-700 {
|
|
737
|
+
color: var(--komc-color-neutral-700);
|
|
738
|
+
}
|
|
739
|
+
.komc\:text-neutral-800 {
|
|
740
|
+
color: var(--komc-color-neutral-800);
|
|
741
|
+
}
|
|
618
742
|
.komc\:text-white {
|
|
619
743
|
color: var(--komc-color-white);
|
|
620
744
|
}
|
|
@@ -624,6 +748,10 @@
|
|
|
624
748
|
.komc\:opacity-100 {
|
|
625
749
|
opacity: 100%;
|
|
626
750
|
}
|
|
751
|
+
.komc\:shadow-2xl {
|
|
752
|
+
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
753
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
754
|
+
}
|
|
627
755
|
.komc\:shadow-lg {
|
|
628
756
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
629
757
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -662,6 +790,11 @@
|
|
|
662
790
|
--tw-drop-shadow: drop-shadow(var(--komc-drop-shadow-xl));
|
|
663
791
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
664
792
|
}
|
|
793
|
+
.komc\:backdrop-blur-sm {
|
|
794
|
+
--tw-backdrop-blur: blur(var(--komc-blur-sm));
|
|
795
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
796
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
797
|
+
}
|
|
665
798
|
.komc\:transition-all {
|
|
666
799
|
transition-property: all;
|
|
667
800
|
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
@@ -677,6 +810,11 @@
|
|
|
677
810
|
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
678
811
|
transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
|
|
679
812
|
}
|
|
813
|
+
.komc\:transition-transform {
|
|
814
|
+
transition-property: transform, translate, scale, rotate;
|
|
815
|
+
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
816
|
+
transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
|
|
817
|
+
}
|
|
680
818
|
.komc\:duration-200 {
|
|
681
819
|
--tw-duration: 200ms;
|
|
682
820
|
transition-duration: 200ms;
|
|
@@ -1016,6 +1154,18 @@
|
|
|
1016
1154
|
opacity: 0%;
|
|
1017
1155
|
}
|
|
1018
1156
|
}
|
|
1157
|
+
.komc\:data-\[state\=open\]\:translate-x-0 {
|
|
1158
|
+
&[data-state="open"] {
|
|
1159
|
+
--tw-translate-x: calc(var(--komc-spacing) * 0);
|
|
1160
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1163
|
+
.komc\:data-\[state\=open\]\:translate-y-0 {
|
|
1164
|
+
&[data-state="open"] {
|
|
1165
|
+
--tw-translate-y: calc(var(--komc-spacing) * 0);
|
|
1166
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1167
|
+
}
|
|
1168
|
+
}
|
|
1019
1169
|
.komc\:data-\[state\=open\]\:scale-100 {
|
|
1020
1170
|
&[data-state="open"] {
|
|
1021
1171
|
--tw-scale-x: 100%;
|
|
@@ -1082,7 +1232,6 @@
|
|
|
1082
1232
|
border: 0 solid;
|
|
1083
1233
|
background-color: transparent;
|
|
1084
1234
|
box-sizing: border-box;
|
|
1085
|
-
line-height: 1.5;
|
|
1086
1235
|
}
|
|
1087
1236
|
button[data-komc] {
|
|
1088
1237
|
cursor: pointer;
|
|
@@ -1106,11 +1255,20 @@
|
|
|
1106
1255
|
inherits: false;
|
|
1107
1256
|
initial-value: 0;
|
|
1108
1257
|
}
|
|
1258
|
+
@property --tw-space-y-reverse {
|
|
1259
|
+
syntax: "*";
|
|
1260
|
+
inherits: false;
|
|
1261
|
+
initial-value: 0;
|
|
1262
|
+
}
|
|
1109
1263
|
@property --tw-border-style {
|
|
1110
1264
|
syntax: "*";
|
|
1111
1265
|
inherits: false;
|
|
1112
1266
|
initial-value: solid;
|
|
1113
1267
|
}
|
|
1268
|
+
@property --tw-leading {
|
|
1269
|
+
syntax: "*";
|
|
1270
|
+
inherits: false;
|
|
1271
|
+
}
|
|
1114
1272
|
@property --tw-font-weight {
|
|
1115
1273
|
syntax: "*";
|
|
1116
1274
|
inherits: false;
|
|
@@ -1233,6 +1391,42 @@
|
|
|
1233
1391
|
syntax: "*";
|
|
1234
1392
|
inherits: false;
|
|
1235
1393
|
}
|
|
1394
|
+
@property --tw-backdrop-blur {
|
|
1395
|
+
syntax: "*";
|
|
1396
|
+
inherits: false;
|
|
1397
|
+
}
|
|
1398
|
+
@property --tw-backdrop-brightness {
|
|
1399
|
+
syntax: "*";
|
|
1400
|
+
inherits: false;
|
|
1401
|
+
}
|
|
1402
|
+
@property --tw-backdrop-contrast {
|
|
1403
|
+
syntax: "*";
|
|
1404
|
+
inherits: false;
|
|
1405
|
+
}
|
|
1406
|
+
@property --tw-backdrop-grayscale {
|
|
1407
|
+
syntax: "*";
|
|
1408
|
+
inherits: false;
|
|
1409
|
+
}
|
|
1410
|
+
@property --tw-backdrop-hue-rotate {
|
|
1411
|
+
syntax: "*";
|
|
1412
|
+
inherits: false;
|
|
1413
|
+
}
|
|
1414
|
+
@property --tw-backdrop-invert {
|
|
1415
|
+
syntax: "*";
|
|
1416
|
+
inherits: false;
|
|
1417
|
+
}
|
|
1418
|
+
@property --tw-backdrop-opacity {
|
|
1419
|
+
syntax: "*";
|
|
1420
|
+
inherits: false;
|
|
1421
|
+
}
|
|
1422
|
+
@property --tw-backdrop-saturate {
|
|
1423
|
+
syntax: "*";
|
|
1424
|
+
inherits: false;
|
|
1425
|
+
}
|
|
1426
|
+
@property --tw-backdrop-sepia {
|
|
1427
|
+
syntax: "*";
|
|
1428
|
+
inherits: false;
|
|
1429
|
+
}
|
|
1236
1430
|
@property --tw-duration {
|
|
1237
1431
|
syntax: "*";
|
|
1238
1432
|
inherits: false;
|
|
@@ -1272,7 +1466,9 @@
|
|
|
1272
1466
|
--tw-translate-x: 0;
|
|
1273
1467
|
--tw-translate-y: 0;
|
|
1274
1468
|
--tw-translate-z: 0;
|
|
1469
|
+
--tw-space-y-reverse: 0;
|
|
1275
1470
|
--tw-border-style: solid;
|
|
1471
|
+
--tw-leading: initial;
|
|
1276
1472
|
--tw-font-weight: initial;
|
|
1277
1473
|
--tw-shadow: 0 0 #0000;
|
|
1278
1474
|
--tw-shadow-color: initial;
|
|
@@ -1301,6 +1497,15 @@
|
|
|
1301
1497
|
--tw-drop-shadow-color: initial;
|
|
1302
1498
|
--tw-drop-shadow-alpha: 100%;
|
|
1303
1499
|
--tw-drop-shadow-size: initial;
|
|
1500
|
+
--tw-backdrop-blur: initial;
|
|
1501
|
+
--tw-backdrop-brightness: initial;
|
|
1502
|
+
--tw-backdrop-contrast: initial;
|
|
1503
|
+
--tw-backdrop-grayscale: initial;
|
|
1504
|
+
--tw-backdrop-hue-rotate: initial;
|
|
1505
|
+
--tw-backdrop-invert: initial;
|
|
1506
|
+
--tw-backdrop-opacity: initial;
|
|
1507
|
+
--tw-backdrop-saturate: initial;
|
|
1508
|
+
--tw-backdrop-sepia: initial;
|
|
1304
1509
|
--tw-duration: initial;
|
|
1305
1510
|
--tw-ease: initial;
|
|
1306
1511
|
--tw-content: "";
|
package/dist/ui/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../util-
|
|
1
|
+
const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../util-o7fjt7iK.cjs`),n=require(`../skeleton-g6yXh6D9.cjs`);let r=require(`clsx`);r=e.t(r);let i=require(`react`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`class-variance-authority`),s=require(`@radix-ui/react-slot`);function c({className:e,items:t,render:n,...o}){return(0,a.jsx)(`nav`,{"data-komc":!0,"aria-label":`bottom app bar`,className:(0,r.default)(`komc:fixed komc:bottom-0 komc:left-0 komc:right-0`,`komc:border-t komc:border-neutral-200 komc:bg-white komc:z-10`,e),...o,children:(0,a.jsx)(`div`,{className:`komc:grid komc:min-h-15`,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((e,t)=>(0,a.jsx)(i.default.Fragment,{children:n(e)},t))})})}const l=(0,o.cva)(t.y(`komc:flex komc:justify-center komc:items-center komc:gap-x-2 komc:w-full`,`komc:transition-colors komc:duration-200 komc:relative`,`komc:[&_svg]:transition-colors komc:[&_svg]:duration-200`,`komc:cursor-pointer komc:disabled:cursor-default`),{variants:{size:{xxs:`komc:h-7.5`,xs:`komc:h-8`,sm:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`,"4xl":`komc:h-15`},shadow:{none:``,sm:`komc:drop-shadow-sm`,md:`komc:drop-shadow-md`,lg:`komc:drop-shadow-lg`,xl:`komc:drop-shadow-xl`,"2xl":`komc:drop-shadow-2xl`,"3xl":`komc:drop-shadow-3xl`},outline:{line:`komc:border`,solid:`komc:border komc:border-transparent`,clear:`komc:border-none`},variant:{blue:``,duo:``,white:``,gray:``,neutral:``,night:``,black:``,sky:``,"sky-blue":``,indigo:``},px:{none:`komc:px-0`,xs:`komc:px-0.5`,sm:`komc:px-1`,md:`komc:px-1.5`,lg:`komc:px-2`,xl:`komc:px-3`,"2xl":`komc:px-4`,"3xl":`komc:px-5`,"4xl":`komc:px-6`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`,"3xl":`komc:rounded-3xl`,full:`komc:rounded-full`}},compoundVariants:[{outline:`line`,variant:`blue`,className:t.y(`komc:border-blue-500 komc:bg-white komc:text-blue-500`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`duo`,className:t.y(`komc:border-blue-500 komc:bg-white komc:text-brand-blck`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`white`,className:t.y(`komc:border-gray-600 komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200 komc:hover:text-brand-blck`,`komc:active:bg-gray-200 komc:active:text-brand-blck`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`gray`,className:t.y(`komc:border-white komc:bg-transparent komc:text-white`,`komc:hover:bg-[rgb(199,199,199)] komc:hover:text-white`,`komc:active:bg-[rgb(199,199,199)] komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`neutral`,className:t.y(`komc:border-gray-800 komc:bg-transparent komc:text-black`,`komc:hover:bg-gray-200 komc:hover:text-black`,`komc:active:bg-gray-200 komc:active:text-black`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky`,className:t.y(`komc:border-sky-750 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-750 komc:hover:text-white`,`komc:active:bg-sky-750 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky-blue`,className:t.y(`komc:border-sky-450 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-450 komc:hover:text-white`,`komc:active:bg-sky-450 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`solid`,variant:`white`,className:t.y(`komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200`,`komc:active:bg-gray-200`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`gray`,className:t.y(`komc:bg-gray-100 komc:text-blue-500`,`komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`blue`,className:t.y(`komc:bg-blue-500 komc:text-white`,`komc:hover:bg-night-700 komc:hover:text-white`,`komc:active:bg-night-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`night`,className:t.y(`komc:bg-night-700 komc:text-white`,`komc:hover:bg-night-800 komc:hover:text-white`,`komc:active:bg-night-800 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`black`,className:t.y(`komc:bg-[rgb(95,95,96)] komc:text-white`,`komc:hover:bg-[rgb(76,76,77)] komc:hover:text-white`,`komc:active:bg-[rgb(76,76,77)] komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`sky`,className:t.y(`komc:bg-sky-750 komc:text-white`,`komc:hover:bg-sky-950 komc:hover:text-white`,`komc:active:bg-sky-950 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`sky-blue`,className:t.y(`komc:bg-sky-450 komc:text-white`,`komc:hover:bg-sky-650 komc:hover:text-white`,`komc:active:bg-sky-650 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`indigo`,className:t.y(`komc:bg-indigo-600 komc:text-white`,`komc:hover:bg-indigo-700 komc:hover:text-white`,`komc:active:bg-indigo-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`clear`,variant:`sky`,className:t.y(`komc:bg-transparent komc:text-[#1890FF]`,`komc:hover:bg-transparent komc:hover:text-[#1890FF] komc:hover:underline`,`komc:active:bg-transparent komc:active:text-[#1890FF] komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`clear`,variant:`gray`,className:t.y(`komc:bg-transparent komc:text-gray-800`,`komc:hover:bg-transparent komc:hover:text-gray-800 komc:hover:underline`,`komc:active:bg-transparent komc:active:text-gray-800 komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)}],defaultVariants:{size:`md`,shadow:`none`,outline:`line`,variant:`blue`,px:`2xl`,rounded:`sm`}}),u=(0,i.forwardRef)(({type:e=`button`,className:t,id:n,size:r,shadow:i,outline:o,variant:c,px:u,rounded:d,asChild:f,...p},m)=>(0,a.jsx)(f?s.Slot:`button`,{ref:m,...p,type:e,id:n,className:l({size:r,shadow:i,outline:o,variant:c,px:u,rounded:d,className:t})}));var d=u;function f({condition:e,wrapper:t,children:n}){return e?t(n):n}const p=(0,o.cva)(t.y(`komc:flex komc:items-center komc:w-full komc:px-2`,`komc:[&>input]:outline-none komc:[&>input]:w-full`,`komc:[&>input]:focus:ring-0 komc:[&>input]:focus:ring-offset-0`,`komc:[&>input]:h-full`),{variants:{size:{xs:`komc:h-7.5`,sm:`komc:h-8`,base:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`},gap:{none:`komc:gap-0`,xs:`komc:gap-1`,sm:`komc:gap-2`,md:`komc:gap-3`,lg:`komc:gap-4`,xl:`komc:gap-5`},outline:{line:`komc:border`,solid:`komc:border-transparent`,clear:`komc:border-none`,dashed:`komc:border-dashed`,dotted:`komc:border-dotted`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`}}}),m=(0,i.forwardRef)(({prefix:e=null,surffix:t=null,size:n=`lg`,gap:r=`xl`,outline:i=`line`,rounded:o=`lg`,className:s,...c},l)=>(0,a.jsxs)(`div`,{"data-komc":!0,className:p({size:n,gap:r,outline:i,rounded:o,className:s}),children:[e,(0,a.jsx)(`input`,{ref:l,type:`text`,...c}),t]}));var h=m;function g({children:e,className:t,...n}){return(0,a.jsx)(`span`,{...n,"data-komc":!0,"data-text":`${e}`,className:(0,r.default)(`komc:inline-flex komc:flex-col komc:justify-center komc:items-center`,`komc:after:content-[attr(data-text)] komc:after:font-bold`,`komc:after:h-0 komc:after:invisible komc:after:overflow-hidden`,`komc:after:select-none komc:after:pointer-events-none`,t),children:e})}exports.BottomAppBar=c,exports.Button=d,exports.ConditionalWrapper=f,exports.Input=h,exports.Skeleton=n.t,exports.StableText=g;
|
package/dist/ui/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react10 from "react";
|
|
2
2
|
import React$1, { ComponentProps, HTMLAttributes } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
4
4
|
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
5
5
|
import { VariantProps } from "class-variance-authority";
|
|
6
6
|
|
|
@@ -43,22 +43,22 @@ type ButtonProps = ComponentProps<'button'> & BaseProps & ({
|
|
|
43
43
|
}) & {
|
|
44
44
|
asChild?: boolean;
|
|
45
45
|
};
|
|
46
|
-
declare const Button:
|
|
46
|
+
declare const Button: react10.ForwardRefExoticComponent<(Omit<react10.ClassAttributes<HTMLButtonElement> & react10.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
|
|
47
47
|
outline?: "line";
|
|
48
48
|
variant?: VariantMap["line"];
|
|
49
49
|
} & {
|
|
50
50
|
asChild?: boolean;
|
|
51
|
-
}, "ref"> | Omit<
|
|
51
|
+
}, "ref"> | Omit<react10.ClassAttributes<HTMLButtonElement> & react10.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
|
|
52
52
|
outline: "solid";
|
|
53
53
|
variant?: VariantMap["solid"];
|
|
54
54
|
} & {
|
|
55
55
|
asChild?: boolean;
|
|
56
|
-
}, "ref"> | Omit<
|
|
56
|
+
}, "ref"> | Omit<react10.ClassAttributes<HTMLButtonElement> & react10.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
|
|
57
57
|
outline: "clear";
|
|
58
58
|
variant?: VariantMap["clear"];
|
|
59
59
|
} & {
|
|
60
60
|
asChild?: boolean;
|
|
61
|
-
}, "ref">) &
|
|
61
|
+
}, "ref">) & react10.RefAttributes<HTMLButtonElement>>;
|
|
62
62
|
//#endregion
|
|
63
63
|
//#region src/ui/conditional-wrapper/conditional-wrapper.d.ts
|
|
64
64
|
interface ConditionalWrapperProps {
|
|
@@ -70,7 +70,7 @@ declare function ConditionalWrapper({
|
|
|
70
70
|
condition,
|
|
71
71
|
wrapper,
|
|
72
72
|
children
|
|
73
|
-
}: ConditionalWrapperProps):
|
|
73
|
+
}: ConditionalWrapperProps): react10.ReactNode;
|
|
74
74
|
//#endregion
|
|
75
75
|
//#region src/ui/input/input.d.ts
|
|
76
76
|
declare const classes$1: (props?: ({
|
|
@@ -87,7 +87,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
|
|
|
87
87
|
prefix?: React.ReactNode;
|
|
88
88
|
surffix?: React.ReactNode;
|
|
89
89
|
}
|
|
90
|
-
declare const Input:
|
|
90
|
+
declare const Input: react10.ForwardRefExoticComponent<InputProps & react10.RefAttributes<HTMLInputElement>>;
|
|
91
91
|
//#endregion
|
|
92
92
|
//#region src/ui/skeleton/skeleton.d.ts
|
|
93
93
|
declare const classes: (props?: ({
|
|
@@ -107,7 +107,7 @@ declare function Skeleton({
|
|
|
107
107
|
height,
|
|
108
108
|
className,
|
|
109
109
|
...props
|
|
110
|
-
}: SkeletonProps):
|
|
110
|
+
}: SkeletonProps): react_jsx_runtime8.JSX.Element;
|
|
111
111
|
//#endregion
|
|
112
112
|
//#region src/ui/stable-text/stable-text.d.ts
|
|
113
113
|
declare function StableText({
|
|
@@ -116,6 +116,6 @@ declare function StableText({
|
|
|
116
116
|
...props
|
|
117
117
|
}: Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
|
|
118
118
|
children: string | number;
|
|
119
|
-
}):
|
|
119
|
+
}): react_jsx_runtime8.JSX.Element;
|
|
120
120
|
//#endregion
|
|
121
121
|
export { BottomAppBar, type BottomAppBarProps, Button, type ButtonProps, ConditionalWrapper, type ConditionalWrapperProps, Input, type InputProps, Skeleton, type SkeletonProps, StableText };
|
package/dist/ui/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react7 from "react";
|
|
2
2
|
import React$1, { ComponentProps, HTMLAttributes } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
5
5
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
6
6
|
|
|
@@ -107,7 +107,7 @@ declare function Skeleton({
|
|
|
107
107
|
height,
|
|
108
108
|
className,
|
|
109
109
|
...props
|
|
110
|
-
}: SkeletonProps):
|
|
110
|
+
}: SkeletonProps): react_jsx_runtime9.JSX.Element;
|
|
111
111
|
//#endregion
|
|
112
112
|
//#region src/ui/stable-text/stable-text.d.ts
|
|
113
113
|
declare function StableText({
|
|
@@ -116,6 +116,6 @@ declare function StableText({
|
|
|
116
116
|
...props
|
|
117
117
|
}: Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
|
|
118
118
|
children: string | number;
|
|
119
|
-
}):
|
|
119
|
+
}): react_jsx_runtime9.JSX.Element;
|
|
120
120
|
//#endregion
|
|
121
121
|
export { BottomAppBar, type BottomAppBarProps, Button, type ButtonProps, ConditionalWrapper, type ConditionalWrapperProps, Input, type InputProps, Skeleton, type SkeletonProps, StableText };
|
package/dist/ui/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{y as e}from"../util-
|
|
1
|
+
import{y as e}from"../util-zXJA6Gnc.mjs";import{t}from"../skeleton-S6S1ZnCy.mjs";import n from"clsx";import r,{forwardRef as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{Slot as c}from"@radix-ui/react-slot";function l({className:e,items:t,render:i,...o}){return a(`nav`,{"data-komc":!0,"aria-label":`bottom app bar`,className:n(`komc:fixed komc:bottom-0 komc:left-0 komc:right-0`,`komc:border-t komc:border-neutral-200 komc:bg-white komc:z-10`,e),...o,children:a(`div`,{className:`komc:grid komc:min-h-15`,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((e,t)=>a(r.Fragment,{children:i(e)},t))})})}const u=s(e(`komc:flex komc:justify-center komc:items-center komc:gap-x-2 komc:w-full`,`komc:transition-colors komc:duration-200 komc:relative`,`komc:[&_svg]:transition-colors komc:[&_svg]:duration-200`,`komc:cursor-pointer komc:disabled:cursor-default`),{variants:{size:{xxs:`komc:h-7.5`,xs:`komc:h-8`,sm:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`,"4xl":`komc:h-15`},shadow:{none:``,sm:`komc:drop-shadow-sm`,md:`komc:drop-shadow-md`,lg:`komc:drop-shadow-lg`,xl:`komc:drop-shadow-xl`,"2xl":`komc:drop-shadow-2xl`,"3xl":`komc:drop-shadow-3xl`},outline:{line:`komc:border`,solid:`komc:border komc:border-transparent`,clear:`komc:border-none`},variant:{blue:``,duo:``,white:``,gray:``,neutral:``,night:``,black:``,sky:``,"sky-blue":``,indigo:``},px:{none:`komc:px-0`,xs:`komc:px-0.5`,sm:`komc:px-1`,md:`komc:px-1.5`,lg:`komc:px-2`,xl:`komc:px-3`,"2xl":`komc:px-4`,"3xl":`komc:px-5`,"4xl":`komc:px-6`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`,"3xl":`komc:rounded-3xl`,full:`komc:rounded-full`}},compoundVariants:[{outline:`line`,variant:`blue`,className:e(`komc:border-blue-500 komc:bg-white komc:text-blue-500`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`duo`,className:e(`komc:border-blue-500 komc:bg-white komc:text-brand-blck`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`white`,className:e(`komc:border-gray-600 komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200 komc:hover:text-brand-blck`,`komc:active:bg-gray-200 komc:active:text-brand-blck`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`gray`,className:e(`komc:border-white komc:bg-transparent komc:text-white`,`komc:hover:bg-[rgb(199,199,199)] komc:hover:text-white`,`komc:active:bg-[rgb(199,199,199)] komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`neutral`,className:e(`komc:border-gray-800 komc:bg-transparent komc:text-black`,`komc:hover:bg-gray-200 komc:hover:text-black`,`komc:active:bg-gray-200 komc:active:text-black`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky`,className:e(`komc:border-sky-750 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-750 komc:hover:text-white`,`komc:active:bg-sky-750 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky-blue`,className:e(`komc:border-sky-450 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-450 komc:hover:text-white`,`komc:active:bg-sky-450 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`solid`,variant:`white`,className:e(`komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200`,`komc:active:bg-gray-200`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`gray`,className:e(`komc:bg-gray-100 komc:text-blue-500`,`komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`blue`,className:e(`komc:bg-blue-500 komc:text-white`,`komc:hover:bg-night-700 komc:hover:text-white`,`komc:active:bg-night-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`night`,className:e(`komc:bg-night-700 komc:text-white`,`komc:hover:bg-night-800 komc:hover:text-white`,`komc:active:bg-night-800 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`black`,className:e(`komc:bg-[rgb(95,95,96)] komc:text-white`,`komc:hover:bg-[rgb(76,76,77)] komc:hover:text-white`,`komc:active:bg-[rgb(76,76,77)] komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`sky`,className:e(`komc:bg-sky-750 komc:text-white`,`komc:hover:bg-sky-950 komc:hover:text-white`,`komc:active:bg-sky-950 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`sky-blue`,className:e(`komc:bg-sky-450 komc:text-white`,`komc:hover:bg-sky-650 komc:hover:text-white`,`komc:active:bg-sky-650 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`indigo`,className:e(`komc:bg-indigo-600 komc:text-white`,`komc:hover:bg-indigo-700 komc:hover:text-white`,`komc:active:bg-indigo-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`clear`,variant:`sky`,className:e(`komc:bg-transparent komc:text-[#1890FF]`,`komc:hover:bg-transparent komc:hover:text-[#1890FF] komc:hover:underline`,`komc:active:bg-transparent komc:active:text-[#1890FF] komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`clear`,variant:`gray`,className:e(`komc:bg-transparent komc:text-gray-800`,`komc:hover:bg-transparent komc:hover:text-gray-800 komc:hover:underline`,`komc:active:bg-transparent komc:active:text-gray-800 komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)}],defaultVariants:{size:`md`,shadow:`none`,outline:`line`,variant:`blue`,px:`2xl`,rounded:`sm`}});var d=i(({type:e=`button`,className:t,id:n,size:r,shadow:i,outline:o,variant:s,px:l,rounded:d,asChild:f,...p},m)=>a(f?c:`button`,{ref:m,...p,type:e,id:n,className:u({size:r,shadow:i,outline:o,variant:s,px:l,rounded:d,className:t})}));function f({condition:e,wrapper:t,children:n}){return e?t(n):n}const p=s(e(`komc:flex komc:items-center komc:w-full komc:px-2`,`komc:[&>input]:outline-none komc:[&>input]:w-full`,`komc:[&>input]:focus:ring-0 komc:[&>input]:focus:ring-offset-0`,`komc:[&>input]:h-full`),{variants:{size:{xs:`komc:h-7.5`,sm:`komc:h-8`,base:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`},gap:{none:`komc:gap-0`,xs:`komc:gap-1`,sm:`komc:gap-2`,md:`komc:gap-3`,lg:`komc:gap-4`,xl:`komc:gap-5`},outline:{line:`komc:border`,solid:`komc:border-transparent`,clear:`komc:border-none`,dashed:`komc:border-dashed`,dotted:`komc:border-dotted`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`}}});var m=i(({prefix:e=null,surffix:t=null,size:n=`lg`,gap:r=`xl`,outline:i=`line`,rounded:s=`lg`,className:c,...l},u)=>o(`div`,{"data-komc":!0,className:p({size:n,gap:r,outline:i,rounded:s,className:c}),children:[e,a(`input`,{ref:u,type:`text`,...l}),t]}));function h({children:e,className:t,...r}){return a(`span`,{...r,"data-komc":!0,"data-text":`${e}`,className:n(`komc:inline-flex komc:flex-col komc:justify-center komc:items-center`,`komc:after:content-[attr(data-text)] komc:after:font-bold`,`komc:after:h-0 komc:after:invisible komc:after:overflow-hidden`,`komc:after:select-none komc:after:pointer-events-none`,t),children:e})}export{l as BottomAppBar,d as Button,f as ConditionalWrapper,m as Input,t as Skeleton,h as StableText};
|