@machinerd/js-module 0.8.1 → 0.10.0
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/api-client-B-kwZogn.mjs +1 -0
- package/dist/api-client-BH5tW3p8.cjs +1 -0
- package/dist/common-BQEGjmFn.cjs +1 -0
- package/dist/{common-Df03Ovdm.mjs → common-CCtD91nO.mjs} +1 -1
- package/dist/{common-Bn0Ko6B7.cjs → common-D4sUwkFd.cjs} +1 -1
- package/dist/common-L3y7_eAy.mjs +1 -0
- package/dist/hooks/common/index.cjs +1 -0
- package/dist/hooks/common/index.d.cts +71 -0
- package/dist/hooks/common/index.d.mts +71 -0
- package/dist/hooks/common/index.mjs +1 -0
- package/dist/hooks/use-snackbar.cjs +1 -0
- package/dist/hooks/use-snackbar.d.cts +10 -0
- package/dist/hooks/use-snackbar.d.mts +10 -0
- package/dist/hooks/use-snackbar.mjs +1 -0
- package/dist/{index-B3fFA21M.d.mts → index-CFOJBfVt.d.mts} +4 -0
- package/dist/{index-CeiAF-WU.d.cts → index-ChiDX5zW.d.cts} +4 -0
- 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/api-client/index.cjs +1 -0
- package/dist/providers/{index.d.cts → api-client/index.d.cts} +3 -3
- package/dist/providers/{index.d.mts → api-client/index.d.mts} +1 -1
- package/dist/providers/api-client/index.mjs +1 -0
- package/dist/providers/noti-stack/index.cjs +1 -0
- package/dist/providers/noti-stack/index.d.cts +11 -0
- package/dist/providers/noti-stack/index.d.mts +11 -0
- package/dist/providers/noti-stack/index.mjs +1 -0
- package/dist/{skeleton-DtV9S1QK.cjs → skeleton-BCdxpynL.cjs} +1 -1
- package/dist/{skeleton-B6_oBhkl.mjs → skeleton-azZrk5-3.mjs} +1 -1
- package/dist/src-6KfzqI9Z.cjs +1 -0
- package/dist/src-Ce2i3Lkj.mjs +1 -0
- package/dist/styles/index.css +120 -0
- package/dist/ui/carousel/index.cjs +1 -1
- package/dist/ui/carousel/index.d.cts +9 -9
- package/dist/ui/carousel/index.d.mts +9 -9
- package/dist/ui/carousel/index.mjs +1 -1
- package/dist/ui/dialog/index.cjs +1 -1
- package/dist/ui/dialog/index.d.cts +2 -2
- package/dist/ui/dialog/index.d.mts +4 -4
- package/dist/ui/dialog/index.mjs +1 -1
- package/dist/ui/dnd/index.cjs +1 -0
- package/dist/ui/dnd/index.d.cts +17 -0
- package/dist/ui/dnd/index.d.mts +17 -0
- package/dist/ui/dnd/index.mjs +1 -0
- package/dist/ui/image/index.cjs +1 -1
- package/dist/ui/image/index.d.cts +8 -8
- package/dist/ui/image/index.d.mts +6 -6
- package/dist/ui/image/index.mjs +1 -1
- package/dist/ui/index.cjs +1 -1
- package/dist/ui/index.d.cts +19 -19
- package/dist/ui/index.d.mts +23 -23
- package/dist/ui/index.mjs +1 -1
- package/dist/ui/motion-dialog/index.cjs +1 -0
- package/dist/ui/motion-dialog/index.d.cts +34 -0
- package/dist/ui/motion-dialog/index.d.mts +34 -0
- package/dist/ui/motion-dialog/index.mjs +1 -0
- package/dist/ui/sheet/index.cjs +1 -1
- package/dist/ui/sheet/index.d.cts +2 -2
- package/dist/ui/sheet/index.d.mts +2 -2
- package/dist/ui/sheet/index.mjs +1 -1
- package/dist/ui/switch/index.cjs +1 -0
- package/dist/ui/switch/index.d.cts +16 -0
- package/dist/ui/switch/index.d.mts +16 -0
- package/dist/ui/switch/index.mjs +1 -0
- package/dist/ui/tooltip/index.cjs +1 -1
- package/dist/ui/tooltip/index.d.cts +2 -2
- package/dist/ui/tooltip/index.mjs +1 -1
- package/dist/use-dialog-stack-DmBRPhe2.cjs +1 -0
- package/dist/use-dialog-stack-STwnhvBB.mjs +1 -0
- package/dist/use-subset-image-CTy5mCLo.cjs +1 -0
- package/dist/use-subset-image-Ck1Gk5Qk.d.mts +601 -0
- package/dist/use-subset-image-LQWsE5P4.mjs +1 -0
- package/dist/use-subset-image-oZAiC9VK.d.cts +601 -0
- package/dist/util/common.cjs +1 -1
- package/dist/util/common.d.cts +8 -1
- package/dist/util/common.d.mts +8 -1
- package/dist/util/common.mjs +1 -1
- package/dist/util/fetcher.cjs +1 -0
- package/dist/util/fetcher.d.cts +15 -0
- package/dist/util/fetcher.d.mts +15 -0
- package/dist/util/fetcher.mjs +1 -0
- package/dist/util/file.mjs +1 -1
- package/package.json +66 -33
- package/dist/hooks/index.cjs +0 -1
- package/dist/hooks/index.d.cts +0 -2
- package/dist/hooks/index.d.mts +0 -2
- package/dist/hooks/index.mjs +0 -1
- package/dist/hooks-CUj2xuzU.cjs +0 -1
- package/dist/hooks-gbU5dqVF.mjs +0 -1
- package/dist/index-BFHrNSKP.d.mts +0 -655
- package/dist/index-DiRj3rRA.d.cts +0 -655
- package/dist/providers/index.cjs +0 -1
- package/dist/providers/index.mjs +0 -1
- package/dist/providers-CkXkdYcB.cjs +0 -1
- package/dist/providers-zftmvT1z.mjs +0 -1
- package/dist/src-CjpmdVyv.cjs +0 -1
- package/dist/src-CukOR3K2.mjs +0 -1
- package/dist/use-subset-image-D8ssrZhj.mjs +0 -1
- package/dist/use-subset-image-DC86cg6O.cjs +0 -1
- /package/dist/{file-DShNxIW4.mjs → file-CjW1pMb_.mjs} +0 -0
package/dist/styles/index.css
CHANGED
|
@@ -13,10 +13,12 @@
|
|
|
13
13
|
--komc-color-gray-50: #fafafa;
|
|
14
14
|
--komc-color-gray-100: oklch(96.7% 0.003 264.542);
|
|
15
15
|
--komc-color-gray-200: #f5f5f5;
|
|
16
|
+
--komc-color-gray-300: oklch(87.2% 0.01 258.338);
|
|
16
17
|
--komc-color-gray-500: #e5e5e5;
|
|
17
18
|
--komc-color-gray-600: oklch(44.6% 0.03 256.802);
|
|
18
19
|
--komc-color-gray-700: #cccccc;
|
|
19
20
|
--komc-color-gray-800: #808080;
|
|
21
|
+
--komc-color-gray-900: oklch(21% 0.034 264.665);
|
|
20
22
|
--komc-color-neutral-50: oklch(98.5% 0 0);
|
|
21
23
|
--komc-color-neutral-100: oklch(97% 0 0);
|
|
22
24
|
--komc-color-neutral-200: oklch(92.2% 0 0);
|
|
@@ -33,6 +35,8 @@
|
|
|
33
35
|
--komc-container-lg: 32rem;
|
|
34
36
|
--komc-container-xl: 36rem;
|
|
35
37
|
--komc-container-2xl: 42rem;
|
|
38
|
+
--komc-container-4xl: 56rem;
|
|
39
|
+
--komc-container-6xl: 72rem;
|
|
36
40
|
--komc-text-xs: 0.75rem;
|
|
37
41
|
--komc-text-xs--line-height: calc(1 / 0.75);
|
|
38
42
|
--komc-text-sm: 0.875rem;
|
|
@@ -73,6 +77,13 @@
|
|
|
73
77
|
}
|
|
74
78
|
}
|
|
75
79
|
@layer utilities {
|
|
80
|
+
.komc\:\@container\/dialog-content {
|
|
81
|
+
container-type: inline-size;
|
|
82
|
+
container-name: dialog-content;
|
|
83
|
+
}
|
|
84
|
+
.komc\:pointer-events-auto {
|
|
85
|
+
pointer-events: auto;
|
|
86
|
+
}
|
|
76
87
|
.komc\:invisible {
|
|
77
88
|
visibility: hidden;
|
|
78
89
|
}
|
|
@@ -130,6 +141,9 @@
|
|
|
130
141
|
.komc\:z-99 {
|
|
131
142
|
z-index: 99;
|
|
132
143
|
}
|
|
144
|
+
.komc\:mx-4 {
|
|
145
|
+
margin-inline: calc(var(--komc-spacing) * 4);
|
|
146
|
+
}
|
|
133
147
|
.komc\:mx-auto {
|
|
134
148
|
margin-inline: auto;
|
|
135
149
|
}
|
|
@@ -172,12 +186,25 @@
|
|
|
172
186
|
.komc\:aspect-square {
|
|
173
187
|
aspect-ratio: 1 / 1;
|
|
174
188
|
}
|
|
189
|
+
.komc\:size-5 {
|
|
190
|
+
width: calc(var(--komc-spacing) * 5);
|
|
191
|
+
height: calc(var(--komc-spacing) * 5);
|
|
192
|
+
}
|
|
193
|
+
.komc\:h-\(--dialog-content-height\) {
|
|
194
|
+
height: var(--dialog-content-height);
|
|
195
|
+
}
|
|
175
196
|
.komc\:h-2 {
|
|
176
197
|
height: calc(var(--komc-spacing) * 2);
|
|
177
198
|
}
|
|
178
199
|
.komc\:h-4 {
|
|
179
200
|
height: calc(var(--komc-spacing) * 4);
|
|
180
201
|
}
|
|
202
|
+
.komc\:h-5 {
|
|
203
|
+
height: calc(var(--komc-spacing) * 5);
|
|
204
|
+
}
|
|
205
|
+
.komc\:h-6 {
|
|
206
|
+
height: calc(var(--komc-spacing) * 6);
|
|
207
|
+
}
|
|
181
208
|
.komc\:h-7\.5 {
|
|
182
209
|
height: calc(var(--komc-spacing) * 7.5);
|
|
183
210
|
}
|
|
@@ -271,6 +298,12 @@
|
|
|
271
298
|
.komc\:w-2 {
|
|
272
299
|
width: calc(var(--komc-spacing) * 2);
|
|
273
300
|
}
|
|
301
|
+
.komc\:w-5 {
|
|
302
|
+
width: calc(var(--komc-spacing) * 5);
|
|
303
|
+
}
|
|
304
|
+
.komc\:w-10 {
|
|
305
|
+
width: calc(var(--komc-spacing) * 10);
|
|
306
|
+
}
|
|
274
307
|
.komc\:w-\[50dvw\] {
|
|
275
308
|
width: 50dvw;
|
|
276
309
|
}
|
|
@@ -292,6 +325,12 @@
|
|
|
292
325
|
.komc\:max-w-2xl {
|
|
293
326
|
max-width: var(--komc-container-2xl);
|
|
294
327
|
}
|
|
328
|
+
.komc\:max-w-4xl {
|
|
329
|
+
max-width: var(--komc-container-4xl);
|
|
330
|
+
}
|
|
331
|
+
.komc\:max-w-6xl {
|
|
332
|
+
max-width: var(--komc-container-6xl);
|
|
333
|
+
}
|
|
295
334
|
.komc\:max-w-70 {
|
|
296
335
|
max-width: calc(var(--komc-spacing) * 70);
|
|
297
336
|
}
|
|
@@ -383,9 +422,15 @@
|
|
|
383
422
|
.komc\:flex-col {
|
|
384
423
|
flex-direction: column;
|
|
385
424
|
}
|
|
425
|
+
.komc\:flex-col-reverse {
|
|
426
|
+
flex-direction: column-reverse;
|
|
427
|
+
}
|
|
386
428
|
.komc\:flex-row {
|
|
387
429
|
flex-direction: row;
|
|
388
430
|
}
|
|
431
|
+
.komc\:flex-row-reverse {
|
|
432
|
+
flex-direction: row-reverse;
|
|
433
|
+
}
|
|
389
434
|
.komc\:flex-wrap {
|
|
390
435
|
flex-wrap: wrap;
|
|
391
436
|
}
|
|
@@ -436,6 +481,9 @@
|
|
|
436
481
|
.komc\:gap-x-2 {
|
|
437
482
|
column-gap: calc(var(--komc-spacing) * 2);
|
|
438
483
|
}
|
|
484
|
+
.komc\:gap-y-2\.5 {
|
|
485
|
+
row-gap: calc(var(--komc-spacing) * 2.5);
|
|
486
|
+
}
|
|
439
487
|
.komc\:overflow-auto {
|
|
440
488
|
overflow: auto;
|
|
441
489
|
}
|
|
@@ -503,6 +551,9 @@
|
|
|
503
551
|
.komc\:border-blue-500 {
|
|
504
552
|
border-color: var(--komc-color-blue-500);
|
|
505
553
|
}
|
|
554
|
+
.komc\:border-gray-200 {
|
|
555
|
+
border-color: var(--komc-color-gray-200);
|
|
556
|
+
}
|
|
506
557
|
.komc\:border-gray-600 {
|
|
507
558
|
border-color: var(--komc-color-gray-600);
|
|
508
559
|
}
|
|
@@ -731,6 +782,9 @@
|
|
|
731
782
|
.komc\:text-gray-800 {
|
|
732
783
|
color: var(--komc-color-gray-800);
|
|
733
784
|
}
|
|
785
|
+
.komc\:text-gray-900 {
|
|
786
|
+
color: var(--komc-color-gray-900);
|
|
787
|
+
}
|
|
734
788
|
.komc\:text-neutral-500 {
|
|
735
789
|
color: var(--komc-color-neutral-500);
|
|
736
790
|
}
|
|
@@ -749,6 +803,9 @@
|
|
|
749
803
|
.komc\:opacity-0 {
|
|
750
804
|
opacity: 0%;
|
|
751
805
|
}
|
|
806
|
+
.komc\:opacity-50 {
|
|
807
|
+
opacity: 50%;
|
|
808
|
+
}
|
|
752
809
|
.komc\:opacity-100 {
|
|
753
810
|
opacity: 100%;
|
|
754
811
|
}
|
|
@@ -764,6 +821,14 @@
|
|
|
764
821
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
765
822
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
766
823
|
}
|
|
824
|
+
.komc\:shadow-xl {
|
|
825
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
826
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
827
|
+
}
|
|
828
|
+
.komc\:shadow-xs {
|
|
829
|
+
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
830
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
831
|
+
}
|
|
767
832
|
.komc\:drop-shadow-2xl {
|
|
768
833
|
--tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
|
|
769
834
|
--tw-drop-shadow: drop-shadow(var(--komc-drop-shadow-2xl));
|
|
@@ -799,6 +864,11 @@
|
|
|
799
864
|
-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,);
|
|
800
865
|
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,);
|
|
801
866
|
}
|
|
867
|
+
.komc\:transition {
|
|
868
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
869
|
+
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
870
|
+
transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
|
|
871
|
+
}
|
|
802
872
|
.komc\:transition-all {
|
|
803
873
|
transition-property: all;
|
|
804
874
|
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
@@ -878,12 +948,21 @@
|
|
|
878
948
|
.komc\:hover\:bg-blue-500:hover {
|
|
879
949
|
background-color: var(--komc-color-blue-500);
|
|
880
950
|
}
|
|
951
|
+
.komc\:hover\:bg-gray-100:hover {
|
|
952
|
+
background-color: var(--komc-color-gray-100);
|
|
953
|
+
}
|
|
881
954
|
.komc\:hover\:bg-gray-200:hover {
|
|
882
955
|
background-color: var(--komc-color-gray-200);
|
|
883
956
|
}
|
|
884
957
|
.komc\:hover\:bg-indigo-700:hover {
|
|
885
958
|
background-color: var(--komc-color-indigo-700);
|
|
886
959
|
}
|
|
960
|
+
.komc\:hover\:bg-neutral-50:hover {
|
|
961
|
+
background-color: var(--komc-color-neutral-50);
|
|
962
|
+
}
|
|
963
|
+
.komc\:hover\:bg-neutral-200:hover {
|
|
964
|
+
background-color: var(--komc-color-neutral-200);
|
|
965
|
+
}
|
|
887
966
|
.komc\:hover\:bg-night-700:hover {
|
|
888
967
|
background-color: var(--komc-color-night-700);
|
|
889
968
|
}
|
|
@@ -1031,6 +1110,29 @@
|
|
|
1031
1110
|
.komc\:data-\[state\=open\]\:opacity-100[data-state="open"] {
|
|
1032
1111
|
opacity: 100%;
|
|
1033
1112
|
}
|
|
1113
|
+
@media (width >= 40rem) {
|
|
1114
|
+
.komc\:sm\:grid-cols-3 {
|
|
1115
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1116
|
+
}
|
|
1117
|
+
}
|
|
1118
|
+
@media (width >= 48rem) {
|
|
1119
|
+
.komc\:md\:grid-cols-4 {
|
|
1120
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1121
|
+
}
|
|
1122
|
+
}
|
|
1123
|
+
@media (width >= 64rem) {
|
|
1124
|
+
.komc\:lg\:grid-cols-5 {
|
|
1125
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
1126
|
+
}
|
|
1127
|
+
}
|
|
1128
|
+
.komc\:\[\&_span\]\:translate-x-0\.5 span {
|
|
1129
|
+
--tw-translate-x: calc(var(--komc-spacing) * 0.5);
|
|
1130
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1131
|
+
}
|
|
1132
|
+
.komc\:\[\&_span\]\:translate-x-4\.5 span {
|
|
1133
|
+
--tw-translate-x: calc(var(--komc-spacing) * 4.5);
|
|
1134
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1135
|
+
}
|
|
1034
1136
|
.komc\:\[\&_svg\]\:transition-colors svg {
|
|
1035
1137
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
1036
1138
|
transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
|
|
@@ -1040,6 +1142,21 @@
|
|
|
1040
1142
|
--tw-duration: 200ms;
|
|
1041
1143
|
transition-duration: 200ms;
|
|
1042
1144
|
}
|
|
1145
|
+
.komc\:\[\&\>button\]\:absolute > button {
|
|
1146
|
+
position: absolute;
|
|
1147
|
+
}
|
|
1148
|
+
.komc\:\[\&\>button\]\:top-10 > button {
|
|
1149
|
+
top: calc(var(--komc-spacing) * 10);
|
|
1150
|
+
}
|
|
1151
|
+
.komc\:\[\&\>button\]\:right-6 > button {
|
|
1152
|
+
right: calc(var(--komc-spacing) * 6);
|
|
1153
|
+
}
|
|
1154
|
+
.komc\:\[\&\>button\]\:bg-blue-500 > button {
|
|
1155
|
+
background-color: var(--komc-color-blue-500);
|
|
1156
|
+
}
|
|
1157
|
+
.komc\:\[\&\>button\]\:bg-gray-300 > button {
|
|
1158
|
+
background-color: var(--komc-color-gray-300);
|
|
1159
|
+
}
|
|
1043
1160
|
.komc\:\[\&\>input\]\:h-full > input {
|
|
1044
1161
|
height: 100%;
|
|
1045
1162
|
}
|
|
@@ -1067,6 +1184,9 @@
|
|
|
1067
1184
|
background-color: transparent;
|
|
1068
1185
|
box-sizing: border-box;
|
|
1069
1186
|
}
|
|
1187
|
+
[data-komc][data-komc-dialog] {
|
|
1188
|
+
--dialog-content-height: 60vh;
|
|
1189
|
+
}
|
|
1070
1190
|
button[data-komc] {
|
|
1071
1191
|
cursor: pointer;
|
|
1072
1192
|
opacity: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common-
|
|
1
|
+
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common-D4sUwkFd.cjs`);let n=require(`clsx`);n=e.t(n);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`embla-carousel-react`);a=e.t(a);const o=r.default.createContext(null);function s(){let e=r.default.useContext(o);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function c({orientation:e=`horizontal`,options:n,setApi:s,plugins:c,className:l,children:u,...d}){let[f,p]=(0,a.default)({...n,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,r.useState)(!1),[g,_]=(0,r.useState)(!1),[v,y]=(0,r.useState)(0),[b,x]=(0,r.useState)(0),S=(0,r.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()),x(e.selectedScrollSnap()))},[]),C=(0,r.useCallback)(()=>{p?.scrollPrev()},[p]),w=(0,r.useCallback)(()=>{p?.scrollNext()},[p]),T=(0,r.useCallback)(e=>{p?.scrollTo(e)},[p]),E=(0,r.useCallback)(()=>{y(p?.scrollSnapList().length||0)},[p]),D=(0,r.useCallback)(t=>{e===`horizontal`?t.key===`ArrowLeft`?(t.preventDefault(),C()):t.key===`ArrowRight`&&(t.preventDefault(),w()):t.key===`ArrowUp`?(t.preventDefault(),C()):t.key===`ArrowDown`&&(t.preventDefault(),w())},[C,w,e]);return(0,r.useEffect)(()=>{!p||!s||s(p)},[p,s]),(0,r.useEffect)(()=>{if(p)return S(p),E(),p.on(`reInit`,E),p.on(`reInit`,S),p.on(`select`,S),()=>{p?.off(`select`,S)}},[p,E,S]),(0,i.jsx)(o.Provider,{value:{carouselRef:f,api:p,options:n,orientation:e||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:C,scrollNext:w,canScrollPrev:m,canScrollNext:g,scrollTo:T,dots:v,selectedScrollSnap:b},children:(0,i.jsx)(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:D,className:t.n(`komc:relative`,l),...d,children:u})})}function l({children:e,className:n,...r}){let{carouselRef:a}=s();return(0,i.jsx)(`div`,{ref:a,"data-komc":!0,className:t.n(`komc:h-full komc:overflow-hidden`,n),...r,children:e})}function u({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{"data-komc":!0,className:t.n(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,e),...n})}function d({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{"data-komc":!0,className:t.n(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,e),...n})}function f({children:e,className:t,...r}){let{scrollPrev:a,canScrollPrev:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`previous slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function p({children:e,className:t,...r}){let{scrollNext:a,canScrollNext:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`next slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function m({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(i.Fragment,{children:Array.from({length:n}).map((n,o)=>(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===o,"aria-label":`go to slide ${o+1}`,onClick:()=>a(o),...t,children:e?.(o)},o))})}function h({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>a(e),...n,children:t})}exports.Carousel=c,exports.CarouselDot=h,exports.CarouselDots=m,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f,exports.CarouselViewport=l,exports.CarouselWrapper=u,exports.useCarousel=s;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
3
3
|
import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/carousel/carousel-context.d.ts
|
|
@@ -41,40 +41,40 @@ declare function Carousel({
|
|
|
41
41
|
className,
|
|
42
42
|
children,
|
|
43
43
|
...props
|
|
44
|
-
}: CarouselProps$1):
|
|
44
|
+
}: CarouselProps$1): react_jsx_runtime10.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
//#region src/ui/carousel/carousel-viewport.d.ts
|
|
47
47
|
declare function CarouselViewport({
|
|
48
48
|
children,
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: React.ComponentProps<'div'>):
|
|
51
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
|
|
52
52
|
//#endregion
|
|
53
53
|
//#region src/ui/carousel/carousel-wrapper.d.ts
|
|
54
54
|
declare function CarouselWrapper({
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: React.ComponentProps<'div'>):
|
|
57
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
|
|
58
58
|
//#endregion
|
|
59
59
|
//#region src/ui/carousel/carousel-item.d.ts
|
|
60
60
|
declare function CarouselItem({
|
|
61
61
|
className,
|
|
62
62
|
...props
|
|
63
|
-
}: React.ComponentProps<'div'>):
|
|
63
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
|
|
64
64
|
//#endregion
|
|
65
65
|
//#region src/ui/carousel/carousel-previous.d.ts
|
|
66
66
|
declare function CarouselPrevious({
|
|
67
67
|
children,
|
|
68
68
|
className,
|
|
69
69
|
...props
|
|
70
|
-
}: React.ComponentProps<'button'>):
|
|
70
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime10.JSX.Element;
|
|
71
71
|
//#endregion
|
|
72
72
|
//#region src/ui/carousel/carousel-next.d.ts
|
|
73
73
|
declare function CarouselNext({
|
|
74
74
|
children,
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: React.ComponentProps<'button'>):
|
|
77
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime10.JSX.Element;
|
|
78
78
|
//#endregion
|
|
79
79
|
//#region src/ui/carousel/carousel-dots.d.ts
|
|
80
80
|
declare function CarouselDots$1({
|
|
@@ -82,7 +82,7 @@ declare function CarouselDots$1({
|
|
|
82
82
|
...props
|
|
83
83
|
}: Omit<React.ComponentProps<'button'>, 'children'> & {
|
|
84
84
|
children?: (index: number) => React.ReactNode;
|
|
85
|
-
}):
|
|
85
|
+
}): react_jsx_runtime10.JSX.Element;
|
|
86
86
|
//#endregion
|
|
87
87
|
//#region src/ui/carousel/carousel-dot.d.ts
|
|
88
88
|
declare function CarouselDots({
|
|
@@ -91,6 +91,6 @@ declare function CarouselDots({
|
|
|
91
91
|
...props
|
|
92
92
|
}: React.ComponentProps<'button'> & {
|
|
93
93
|
index: number;
|
|
94
|
-
}):
|
|
94
|
+
}): react_jsx_runtime10.JSX.Element;
|
|
95
95
|
//#endregion
|
|
96
96
|
export { Carousel, type CarouselApi, type CarouselContextProps, CarouselDots as CarouselDot, CarouselDots$1 as CarouselDots, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, CarouselViewport, CarouselWrapper, useCarousel };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
3
3
|
import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/carousel/carousel-context.d.ts
|
|
@@ -41,40 +41,40 @@ declare function Carousel({
|
|
|
41
41
|
className,
|
|
42
42
|
children,
|
|
43
43
|
...props
|
|
44
|
-
}: CarouselProps$1):
|
|
44
|
+
}: CarouselProps$1): react_jsx_runtime1.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
//#region src/ui/carousel/carousel-viewport.d.ts
|
|
47
47
|
declare function CarouselViewport({
|
|
48
48
|
children,
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: React.ComponentProps<'div'>):
|
|
51
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
|
|
52
52
|
//#endregion
|
|
53
53
|
//#region src/ui/carousel/carousel-wrapper.d.ts
|
|
54
54
|
declare function CarouselWrapper({
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: React.ComponentProps<'div'>):
|
|
57
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
|
|
58
58
|
//#endregion
|
|
59
59
|
//#region src/ui/carousel/carousel-item.d.ts
|
|
60
60
|
declare function CarouselItem({
|
|
61
61
|
className,
|
|
62
62
|
...props
|
|
63
|
-
}: React.ComponentProps<'div'>):
|
|
63
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
|
|
64
64
|
//#endregion
|
|
65
65
|
//#region src/ui/carousel/carousel-previous.d.ts
|
|
66
66
|
declare function CarouselPrevious({
|
|
67
67
|
children,
|
|
68
68
|
className,
|
|
69
69
|
...props
|
|
70
|
-
}: React.ComponentProps<'button'>):
|
|
70
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime1.JSX.Element;
|
|
71
71
|
//#endregion
|
|
72
72
|
//#region src/ui/carousel/carousel-next.d.ts
|
|
73
73
|
declare function CarouselNext({
|
|
74
74
|
children,
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: React.ComponentProps<'button'>):
|
|
77
|
+
}: React.ComponentProps<'button'>): react_jsx_runtime1.JSX.Element;
|
|
78
78
|
//#endregion
|
|
79
79
|
//#region src/ui/carousel/carousel-dots.d.ts
|
|
80
80
|
declare function CarouselDots$1({
|
|
@@ -82,7 +82,7 @@ declare function CarouselDots$1({
|
|
|
82
82
|
...props
|
|
83
83
|
}: Omit<React.ComponentProps<'button'>, 'children'> & {
|
|
84
84
|
children?: (index: number) => React.ReactNode;
|
|
85
|
-
}):
|
|
85
|
+
}): react_jsx_runtime1.JSX.Element;
|
|
86
86
|
//#endregion
|
|
87
87
|
//#region src/ui/carousel/carousel-dot.d.ts
|
|
88
88
|
declare function CarouselDots({
|
|
@@ -91,6 +91,6 @@ declare function CarouselDots({
|
|
|
91
91
|
...props
|
|
92
92
|
}: React.ComponentProps<'button'> & {
|
|
93
93
|
index: number;
|
|
94
|
-
}):
|
|
94
|
+
}): react_jsx_runtime1.JSX.Element;
|
|
95
95
|
//#endregion
|
|
96
96
|
export { Carousel, type CarouselApi, type CarouselContextProps, CarouselDots as CarouselDot, CarouselDots$1 as CarouselDots, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, CarouselViewport, CarouselWrapper, useCarousel };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{n as e}from"../../common-
|
|
1
|
+
"use client";import{n as e}from"../../common-CCtD91nO.mjs";import t from"clsx";import n,{useCallback as r,useEffect as i,useState as a}from"react";import{Fragment as o,jsx as s}from"react/jsx-runtime";import c from"embla-carousel-react";const l=n.createContext(null);function u(){let e=n.useContext(l);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function d({orientation:t=`horizontal`,options:n,setApi:o,plugins:u,className:d,children:f,...p}){let[m,h]=c({...n,axis:t===`horizontal`?`x`:`y`},u),[g,_]=a(!1),[v,y]=a(!1),[b,x]=a(0),[S,C]=a(0),w=r(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()),C(e.selectedScrollSnap()))},[]),T=r(()=>{h?.scrollPrev()},[h]),E=r(()=>{h?.scrollNext()},[h]),D=r(e=>{h?.scrollTo(e)},[h]),O=r(()=>{x(h?.scrollSnapList().length||0)},[h]),k=r(e=>{t===`horizontal`?e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()):e.key===`ArrowUp`?(e.preventDefault(),T()):e.key===`ArrowDown`&&(e.preventDefault(),E())},[T,E,t]);return i(()=>{!h||!o||o(h)},[h,o]),i(()=>{if(h)return w(h),O(),h.on(`reInit`,O),h.on(`reInit`,w),h.on(`select`,w),()=>{h?.off(`select`,w)}},[h,O,w]),s(l.Provider,{value:{carouselRef:m,api:h,options:n,orientation:t||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:T,scrollNext:E,canScrollPrev:g,canScrollNext:v,scrollTo:D,dots:b,selectedScrollSnap:S},children:s(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:k,className:e(`komc:relative`,d),...p,children:f})})}function f({children:t,className:n,...r}){let{carouselRef:i}=u();return s(`div`,{ref:i,"data-komc":!0,className:e(`komc:h-full komc:overflow-hidden`,n),...r,children:t})}function p({className:t,...n}){let{orientation:r}=u();return s(`div`,{"data-komc":!0,className:e(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,t),...n})}function m({className:t,...n}){let{orientation:r}=u();return s(`div`,{"data-komc":!0,className:e(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,t),...n})}function h({children:e,className:n,...r}){let{scrollPrev:i,canScrollPrev:a}=u();return s(`button`,{type:`button`,"data-komc":!0,disabled:!a,"aria-label":`previous slide`,className:t(`komc:w-full`,n),onClick:i,...r,children:e})}function g({children:e,className:n,...r}){let{scrollNext:i,canScrollNext:a}=u();return s(`button`,{type:`button`,"data-komc":!0,disabled:!a,"aria-label":`next slide`,className:t(`komc:w-full`,n),onClick:i,...r,children:e})}function _({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:i}=u();return s(o,{children:Array.from({length:n}).map((n,a)=>s(`button`,{type:`button`,"data-komc":!0,"data-selected":r===a,"aria-label":`go to slide ${a+1}`,onClick:()=>i(a),...t,children:e?.(a)},a))})}function v({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:i}=u();return s(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>i(e),...n,children:t})}export{d as Carousel,v as CarouselDot,_ as CarouselDots,m as CarouselItem,g as CarouselNext,h as CarouselPrevious,f as CarouselViewport,p as CarouselWrapper,u as useCarousel};
|
package/dist/ui/dialog/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-
|
|
1
|
+
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-6KfzqI9Z.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../common-BQEGjmFn.cjs`),n=require(`../../use-dialog-stack-DmBRPhe2.cjs`);require(`../../api-client-BH5tW3p8.cjs`),require(`../../use-subset-image-CTy5mCLo.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`class-variance-authority`);const o=(0,a.cva)(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function s({closeOnBackdropClick:e=!0,isOpen:a,zIndex:s=1e4,padding:c,maxWidth:l,className:u,onClose:d,children:f,...p}){let m=t.l(a,300),[h,g]=(0,r.useState)(!1);n.t(a,d),(0,r.useEffect)(()=>{if(a&&m){let e=setTimeout(()=>g(!0),10);return()=>clearTimeout(e)}else a||g(!1)},[a,m]);let _=(0,r.useCallback)(()=>{e&&d()},[e,d]);return m?(0,i.jsx)(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:s},children:(0,i.jsxs)(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[(0,i.jsx)(`button`,{type:`button`,"data-state":h?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:_,"aria-label":`close dialog`}),(0,i.jsx)(`div`,{"data-state":h?`open`:`closed`,className:`${o({padding:c,maxWidth:l,className:u})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...p,children:f})]})}):null}exports.Dialog=s;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
3
3
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
5
5
|
|
|
@@ -25,6 +25,6 @@ declare function Dialog({
|
|
|
25
25
|
onClose,
|
|
26
26
|
children,
|
|
27
27
|
...rest
|
|
28
|
-
}: DialogProps):
|
|
28
|
+
}: DialogProps): react_jsx_runtime3.JSX.Element | null;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { Dialog, type DialogProps };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/ui/dialog/dialog.d.ts
|
|
7
7
|
declare const classes: (props?: ({
|
|
8
8
|
padding?: "sm" | "md" | "lg" | "none" | null | undefined;
|
|
9
9
|
maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
|
|
10
|
-
} &
|
|
10
|
+
} & class_variance_authority_types2.ClassProp) | undefined) => string;
|
|
11
11
|
interface DialogProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof classes> {
|
|
12
12
|
closeOnBackdropClick?: boolean;
|
|
13
13
|
isOpen: boolean;
|
|
@@ -25,6 +25,6 @@ declare function Dialog({
|
|
|
25
25
|
onClose,
|
|
26
26
|
children,
|
|
27
27
|
...rest
|
|
28
|
-
}: DialogProps):
|
|
28
|
+
}: DialogProps): react_jsx_runtime14.JSX.Element | null;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { Dialog, type DialogProps };
|
package/dist/ui/dialog/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import"../../src-
|
|
1
|
+
"use client";import"../../src-Ce2i3Lkj.mjs";import"../../file-CjW1pMb_.mjs";import{l as e}from"../../common-L3y7_eAy.mjs";import{t}from"../../use-dialog-stack-STwnhvBB.mjs";import"../../api-client-B-kwZogn.mjs";import"../../use-subset-image-LQWsE5P4.mjs";import{useCallback as n,useEffect as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";const c=s(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function l({closeOnBackdropClick:s=!0,isOpen:l,zIndex:u=1e4,padding:d,maxWidth:f,className:p,onClose:m,children:h,...g}){let _=e(l,300),[v,y]=i(!1);t(l,m),r(()=>{if(l&&_){let e=setTimeout(()=>y(!0),10);return()=>clearTimeout(e)}else l||y(!1)},[l,_]);let b=n(()=>{s&&m()},[s,m]);return _?a(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:u},children:o(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[a(`button`,{type:`button`,"data-state":v?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:b,"aria-label":`close dialog`}),a(`div`,{"data-state":v?`open`:`closed`,className:`${c({padding:d,maxWidth:f,className:p})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...g,children:h})]})}):null}export{l as Dialog};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`@dnd-kit/sortable`),r=require(`@dnd-kit/utilities`);function i({id:e,render:i}){let{attributes:a,listeners:o,setNodeRef:s,transform:c,transition:l,isDragging:u}=(0,n.useSortable)({id:e});return(0,t.jsx)(`div`,{ref:s,"data-komc":!0,style:{width:`100%`,zIndex:u?`100`:`auto`,opacity:u?.7:1,transform:r.CSS.Translate.toString(c),transition:l},children:i(a,o)})}exports.DndItem=i;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
3
|
+
import { DraggableAttributes } from "@dnd-kit/core";
|
|
4
|
+
import { useSortable } from "@dnd-kit/sortable";
|
|
5
|
+
|
|
6
|
+
//#region src/ui/dnd/dnd-item.d.ts
|
|
7
|
+
type SortableListeners = ReturnType<typeof useSortable>['listeners'];
|
|
8
|
+
interface DndItemProps {
|
|
9
|
+
id: string;
|
|
10
|
+
render: (attributes: DraggableAttributes, listeners?: SortableListeners) => ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare function DndItem({
|
|
13
|
+
id,
|
|
14
|
+
render
|
|
15
|
+
}: DndItemProps): react_jsx_runtime11.JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { DndItem };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { useSortable } from "@dnd-kit/sortable";
|
|
4
|
+
import { DraggableAttributes } from "@dnd-kit/core";
|
|
5
|
+
|
|
6
|
+
//#region src/ui/dnd/dnd-item.d.ts
|
|
7
|
+
type SortableListeners = ReturnType<typeof useSortable>['listeners'];
|
|
8
|
+
interface DndItemProps {
|
|
9
|
+
id: string;
|
|
10
|
+
render: (attributes: DraggableAttributes, listeners?: SortableListeners) => ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare function DndItem({
|
|
13
|
+
id,
|
|
14
|
+
render
|
|
15
|
+
}: DndItemProps): react_jsx_runtime0.JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { DndItem };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as e}from"react/jsx-runtime";import{useSortable as t}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";function r({id:r,render:i}){let{attributes:a,listeners:o,setNodeRef:s,transform:c,transition:l,isDragging:u}=t({id:r});return e(`div`,{ref:s,"data-komc":!0,style:{width:`100%`,zIndex:u?`100`:`auto`,opacity:u?.7:1,transform:n.Translate.toString(c),transition:l},children:i(a,o)})}export{r as DndItem};
|
package/dist/ui/image/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-
|
|
1
|
+
"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-6KfzqI9Z.cjs`),require(`../../common-D4sUwkFd.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../skeleton-BCdxpynL.cjs`);require(`../../api-client-BH5tW3p8.cjs`);const n=require(`../../use-subset-image-CTy5mCLo.cjs`);let r=require(`clsx`);r=e.t(r);let i=require(`react`),a=require(`react/jsx-runtime`),o=require(`class-variance-authority`);const s=(0,o.cva)(``,{variants:{fill:{true:`komc:w-full komc:h-full komc:absolute komc:inset-0`,false:``}},defaultVariants:{fill:!1}}),c=(0,i.forwardRef)(({...e},t)=>{let{ref:r,imageProps:i}=n.n({ref:t,...e});return(0,a.jsx)(`img`,{ref:r,...i})}),l=(0,i.forwardRef)(({skeleton:e=!0,layout:i=`stretch`,fallbackSrc:o,className:c,emptyNode:l,emptyNodeClassName:d,skeletonClassName:f,...p},m)=>{let{ref:h,isLoad:g,isError:_,imageProps:v}=n.n({ref:m,fallbackSrc:o,forceLoad:!e,...p}),y=!p.fill&&i===`intrinsic`?{width:`${p.width}px`,height:`${p.height}px`}:void 0,b=(0,r.default)(`komc:flex komc:justify-center komc:items-center komc:relative komc:min-h-0`,!p.fill&&i===`stretch`&&`komc:w-full komc:h-full`);return!o&&_&&l?p.fill?(0,a.jsx)(u,{className:d,children:l}):(0,a.jsx)(`div`,{"data-komc":!0,style:y,className:b,children:(0,a.jsx)(u,{className:d,children:l})}):p.fill?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`img`,{ref:h,...v,className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:invisible`:`komc:visible`,c)}),(0,a.jsx)(`div`,{"data-komc":!0,className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,a.jsx)(t.t,{size:`full`,className:f})})]}):(0,a.jsxs)(`div`,{"data-komc":!0,style:y,className:b,children:[(0,a.jsx)(`img`,{ref:h,...v,className:(0,r.default)(s({fill:p.fill,className:c}),e&&!g?`komc:invisible`:`komc:visible`)}),(0,a.jsx)(`div`,{className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,a.jsx)(t.t,{size:`full`,className:f})})]})}),u=({children:e,className:t})=>(0,a.jsx)(`div`,{"data-komc":!0,role:`alert`,className:(0,r.default)(`komc:flex komc:justify-center komc:items-center komc:w-full komc:h-full komc:bg-gray-100 komc:absolute komc:inset-0 komc:p-1`,t),children:e});var d=l;exports.BaseImage=c,exports.EmptyNode=u,exports.Image=d;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
1
|
+
import { i as UseSubsetImageProps, t as BaseProps } from "../../use-subset-image-oZAiC9VK.cjs";
|
|
2
|
+
import * as react3 from "react";
|
|
3
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/image/image.d.ts
|
|
6
6
|
interface ImageSubsetProps {
|
|
@@ -11,7 +11,7 @@ interface ImageSubsetProps {
|
|
|
11
11
|
skeletonClassName?: string;
|
|
12
12
|
}
|
|
13
13
|
type ImageProps = UseSubsetImageProps & ImageSubsetProps;
|
|
14
|
-
declare const BaseImage:
|
|
14
|
+
declare const BaseImage: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
15
15
|
fill: true;
|
|
16
16
|
sizes: string;
|
|
17
17
|
width?: never;
|
|
@@ -21,8 +21,8 @@ declare const BaseImage: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
|
21
21
|
sizes?: never;
|
|
22
22
|
width: number;
|
|
23
23
|
height: number;
|
|
24
|
-
}, "ref">) &
|
|
25
|
-
declare const Image:
|
|
24
|
+
}, "ref">) & react3.RefAttributes<HTMLImageElement>>;
|
|
25
|
+
declare const Image: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
26
26
|
fill: true;
|
|
27
27
|
sizes: string;
|
|
28
28
|
width?: never;
|
|
@@ -32,7 +32,7 @@ declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
|
32
32
|
sizes?: never;
|
|
33
33
|
width: number;
|
|
34
34
|
height: number;
|
|
35
|
-
} & ImageSubsetProps, "ref">) &
|
|
35
|
+
} & ImageSubsetProps, "ref">) & react3.RefAttributes<HTMLImageElement>>;
|
|
36
36
|
interface EmptyNodeProps {
|
|
37
37
|
children: React.ReactNode;
|
|
38
38
|
className?: string;
|
|
@@ -40,6 +40,6 @@ interface EmptyNodeProps {
|
|
|
40
40
|
declare const EmptyNode: ({
|
|
41
41
|
children,
|
|
42
42
|
className
|
|
43
|
-
}: EmptyNodeProps) =>
|
|
43
|
+
}: EmptyNodeProps) => react_jsx_runtime1.JSX.Element;
|
|
44
44
|
//#endregion
|
|
45
45
|
export { BaseImage, EmptyNode, type EmptyNodeProps, Image, type ImageProps, type ImageSubsetProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as
|
|
1
|
+
import { i as UseSubsetImageProps, t as BaseProps } from "../../use-subset-image-Ck1Gk5Qk.mjs";
|
|
2
|
+
import * as react5 from "react";
|
|
3
3
|
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/image/image.d.ts
|
|
@@ -11,7 +11,7 @@ interface ImageSubsetProps {
|
|
|
11
11
|
skeletonClassName?: string;
|
|
12
12
|
}
|
|
13
13
|
type ImageProps = UseSubsetImageProps & ImageSubsetProps;
|
|
14
|
-
declare const BaseImage:
|
|
14
|
+
declare const BaseImage: react5.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
15
15
|
fill: true;
|
|
16
16
|
sizes: string;
|
|
17
17
|
width?: never;
|
|
@@ -21,8 +21,8 @@ declare const BaseImage: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
|
21
21
|
sizes?: never;
|
|
22
22
|
width: number;
|
|
23
23
|
height: number;
|
|
24
|
-
}, "ref">) &
|
|
25
|
-
declare const Image:
|
|
24
|
+
}, "ref">) & react5.RefAttributes<HTMLImageElement>>;
|
|
25
|
+
declare const Image: react5.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
26
26
|
fill: true;
|
|
27
27
|
sizes: string;
|
|
28
28
|
width?: never;
|
|
@@ -32,7 +32,7 @@ declare const Image: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
|
|
|
32
32
|
sizes?: never;
|
|
33
33
|
width: number;
|
|
34
34
|
height: number;
|
|
35
|
-
} & ImageSubsetProps, "ref">) &
|
|
35
|
+
} & ImageSubsetProps, "ref">) & react5.RefAttributes<HTMLImageElement>>;
|
|
36
36
|
interface EmptyNodeProps {
|
|
37
37
|
children: React.ReactNode;
|
|
38
38
|
className?: string;
|