@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.
Files changed (101) hide show
  1. package/dist/api-client-B-kwZogn.mjs +1 -0
  2. package/dist/api-client-BH5tW3p8.cjs +1 -0
  3. package/dist/common-BQEGjmFn.cjs +1 -0
  4. package/dist/{common-Df03Ovdm.mjs → common-CCtD91nO.mjs} +1 -1
  5. package/dist/{common-Bn0Ko6B7.cjs → common-D4sUwkFd.cjs} +1 -1
  6. package/dist/common-L3y7_eAy.mjs +1 -0
  7. package/dist/hooks/common/index.cjs +1 -0
  8. package/dist/hooks/common/index.d.cts +71 -0
  9. package/dist/hooks/common/index.d.mts +71 -0
  10. package/dist/hooks/common/index.mjs +1 -0
  11. package/dist/hooks/use-snackbar.cjs +1 -0
  12. package/dist/hooks/use-snackbar.d.cts +10 -0
  13. package/dist/hooks/use-snackbar.d.mts +10 -0
  14. package/dist/hooks/use-snackbar.mjs +1 -0
  15. package/dist/{index-B3fFA21M.d.mts → index-CFOJBfVt.d.mts} +4 -0
  16. package/dist/{index-CeiAF-WU.d.cts → index-ChiDX5zW.d.cts} +4 -0
  17. package/dist/index.cjs +1 -1
  18. package/dist/index.d.cts +1 -1
  19. package/dist/index.d.mts +1 -1
  20. package/dist/index.mjs +1 -1
  21. package/dist/providers/api-client/index.cjs +1 -0
  22. package/dist/providers/{index.d.cts → api-client/index.d.cts} +3 -3
  23. package/dist/providers/{index.d.mts → api-client/index.d.mts} +1 -1
  24. package/dist/providers/api-client/index.mjs +1 -0
  25. package/dist/providers/noti-stack/index.cjs +1 -0
  26. package/dist/providers/noti-stack/index.d.cts +11 -0
  27. package/dist/providers/noti-stack/index.d.mts +11 -0
  28. package/dist/providers/noti-stack/index.mjs +1 -0
  29. package/dist/{skeleton-DtV9S1QK.cjs → skeleton-BCdxpynL.cjs} +1 -1
  30. package/dist/{skeleton-B6_oBhkl.mjs → skeleton-azZrk5-3.mjs} +1 -1
  31. package/dist/src-6KfzqI9Z.cjs +1 -0
  32. package/dist/src-Ce2i3Lkj.mjs +1 -0
  33. package/dist/styles/index.css +120 -0
  34. package/dist/ui/carousel/index.cjs +1 -1
  35. package/dist/ui/carousel/index.d.cts +9 -9
  36. package/dist/ui/carousel/index.d.mts +9 -9
  37. package/dist/ui/carousel/index.mjs +1 -1
  38. package/dist/ui/dialog/index.cjs +1 -1
  39. package/dist/ui/dialog/index.d.cts +2 -2
  40. package/dist/ui/dialog/index.d.mts +4 -4
  41. package/dist/ui/dialog/index.mjs +1 -1
  42. package/dist/ui/dnd/index.cjs +1 -0
  43. package/dist/ui/dnd/index.d.cts +17 -0
  44. package/dist/ui/dnd/index.d.mts +17 -0
  45. package/dist/ui/dnd/index.mjs +1 -0
  46. package/dist/ui/image/index.cjs +1 -1
  47. package/dist/ui/image/index.d.cts +8 -8
  48. package/dist/ui/image/index.d.mts +6 -6
  49. package/dist/ui/image/index.mjs +1 -1
  50. package/dist/ui/index.cjs +1 -1
  51. package/dist/ui/index.d.cts +19 -19
  52. package/dist/ui/index.d.mts +23 -23
  53. package/dist/ui/index.mjs +1 -1
  54. package/dist/ui/motion-dialog/index.cjs +1 -0
  55. package/dist/ui/motion-dialog/index.d.cts +34 -0
  56. package/dist/ui/motion-dialog/index.d.mts +34 -0
  57. package/dist/ui/motion-dialog/index.mjs +1 -0
  58. package/dist/ui/sheet/index.cjs +1 -1
  59. package/dist/ui/sheet/index.d.cts +2 -2
  60. package/dist/ui/sheet/index.d.mts +2 -2
  61. package/dist/ui/sheet/index.mjs +1 -1
  62. package/dist/ui/switch/index.cjs +1 -0
  63. package/dist/ui/switch/index.d.cts +16 -0
  64. package/dist/ui/switch/index.d.mts +16 -0
  65. package/dist/ui/switch/index.mjs +1 -0
  66. package/dist/ui/tooltip/index.cjs +1 -1
  67. package/dist/ui/tooltip/index.d.cts +2 -2
  68. package/dist/ui/tooltip/index.mjs +1 -1
  69. package/dist/use-dialog-stack-DmBRPhe2.cjs +1 -0
  70. package/dist/use-dialog-stack-STwnhvBB.mjs +1 -0
  71. package/dist/use-subset-image-CTy5mCLo.cjs +1 -0
  72. package/dist/use-subset-image-Ck1Gk5Qk.d.mts +601 -0
  73. package/dist/use-subset-image-LQWsE5P4.mjs +1 -0
  74. package/dist/use-subset-image-oZAiC9VK.d.cts +601 -0
  75. package/dist/util/common.cjs +1 -1
  76. package/dist/util/common.d.cts +8 -1
  77. package/dist/util/common.d.mts +8 -1
  78. package/dist/util/common.mjs +1 -1
  79. package/dist/util/fetcher.cjs +1 -0
  80. package/dist/util/fetcher.d.cts +15 -0
  81. package/dist/util/fetcher.d.mts +15 -0
  82. package/dist/util/fetcher.mjs +1 -0
  83. package/dist/util/file.mjs +1 -1
  84. package/package.json +66 -33
  85. package/dist/hooks/index.cjs +0 -1
  86. package/dist/hooks/index.d.cts +0 -2
  87. package/dist/hooks/index.d.mts +0 -2
  88. package/dist/hooks/index.mjs +0 -1
  89. package/dist/hooks-CUj2xuzU.cjs +0 -1
  90. package/dist/hooks-gbU5dqVF.mjs +0 -1
  91. package/dist/index-BFHrNSKP.d.mts +0 -655
  92. package/dist/index-DiRj3rRA.d.cts +0 -655
  93. package/dist/providers/index.cjs +0 -1
  94. package/dist/providers/index.mjs +0 -1
  95. package/dist/providers-CkXkdYcB.cjs +0 -1
  96. package/dist/providers-zftmvT1z.mjs +0 -1
  97. package/dist/src-CjpmdVyv.cjs +0 -1
  98. package/dist/src-CukOR3K2.mjs +0 -1
  99. package/dist/use-subset-image-D8ssrZhj.mjs +0 -1
  100. package/dist/use-subset-image-DC86cg6O.cjs +0 -1
  101. /package/dist/{file-DShNxIW4.mjs → file-CjW1pMb_.mjs} +0 -0
@@ -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-Bn0Ko6B7.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`,{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
+ "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 react_jsx_runtime1 from "react/jsx-runtime";
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): react_jsx_runtime1.JSX.Element;
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'>): react_jsx_runtime1.JSX.Element;
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'>): react_jsx_runtime1.JSX.Element;
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'>): react_jsx_runtime1.JSX.Element;
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'>): react_jsx_runtime1.JSX.Element;
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'>): react_jsx_runtime1.JSX.Element;
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
- }): react_jsx_runtime1.JSX.Element;
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
- }): react_jsx_runtime1.JSX.Element;
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 react_jsx_runtime2 from "react/jsx-runtime";
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): react_jsx_runtime2.JSX.Element;
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'>): react_jsx_runtime2.JSX.Element;
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'>): react_jsx_runtime2.JSX.Element;
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'>): react_jsx_runtime2.JSX.Element;
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'>): react_jsx_runtime2.JSX.Element;
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'>): react_jsx_runtime2.JSX.Element;
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
- }): react_jsx_runtime2.JSX.Element;
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
- }): react_jsx_runtime2.JSX.Element;
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-Df03Ovdm.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`,{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};
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};
@@ -1 +1 @@
1
- "use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-CjpmdVyv.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../hooks-CUj2xuzU.cjs`);require(`../../providers-CkXkdYcB.cjs`),require(`../../use-subset-image-DC86cg6O.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`class-variance-authority`);const a=(0,i.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 o({closeOnBackdropClick:e=!0,isOpen:i,zIndex:o=1e4,padding:s,maxWidth:c,className:l,onClose:u,children:d,...f}){let p=t.o(i,300),[m,h]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(i&&p){let e=setTimeout(()=>h(!0),10);return()=>clearTimeout(e)}else i||h(!1)},[i,p]);let g=(0,n.useCallback)(e=>{e.key===`Escape`&&u()},[u]),_=(0,n.useCallback)(()=>{e&&u()},[e,u]);return(0,n.useEffect)(()=>(i?(document.addEventListener(`keydown`,g),document.body.style.overflow=`hidden`):document.body.style.overflow=`unset`,()=>{document.removeEventListener(`keydown`,g),document.body.style.overflow=`unset`}),[i,g]),p?(0,r.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:o},children:(0,r.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,r.jsx)(`button`,{type:`button`,"data-state":m?`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,r.jsx)(`div`,{"data-state":m?`open`:`closed`,className:`${a({padding:s,maxWidth:c,className:l})} 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`,...f,children:d})]})}):null}exports.Dialog=o;
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 react_jsx_runtime9 from "react/jsx-runtime";
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): react_jsx_runtime9.JSX.Element | null;
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 react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime14 from "react/jsx-runtime";
3
3
  import { VariantProps } from "class-variance-authority";
4
- import * as class_variance_authority_types0 from "class-variance-authority/types";
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
- } & class_variance_authority_types0.ClassProp) | undefined) => string;
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): react_jsx_runtime0.JSX.Element | null;
28
+ }: DialogProps): react_jsx_runtime14.JSX.Element | null;
29
29
  //#endregion
30
30
  export { Dialog, type DialogProps };
@@ -1 +1 @@
1
- "use client";import"../../src-CukOR3K2.mjs";import"../../file-DShNxIW4.mjs";import{o as e}from"../../hooks-gbU5dqVF.mjs";import"../../providers-zftmvT1z.mjs";import"../../use-subset-image-D8ssrZhj.mjs";import{useCallback as t,useEffect as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";const s=o(`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 c({closeOnBackdropClick:o=!0,isOpen:c,zIndex:l=1e4,padding:u,maxWidth:d,className:f,onClose:p,children:m,...h}){let g=e(c,300),[_,v]=r(!1);n(()=>{if(c&&g){let e=setTimeout(()=>v(!0),10);return()=>clearTimeout(e)}else c||v(!1)},[c,g]);let y=t(e=>{e.key===`Escape`&&p()},[p]),b=t(()=>{o&&p()},[o,p]);return n(()=>(c?(document.addEventListener(`keydown`,y),document.body.style.overflow=`hidden`):document.body.style.overflow=`unset`,()=>{document.removeEventListener(`keydown`,y),document.body.style.overflow=`unset`}),[c,y]),g?i(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:l},children:a(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[i(`button`,{type:`button`,"data-state":_?`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`}),i(`div`,{"data-state":_?`open`:`closed`,className:`${s({padding:u,maxWidth:d,className:f})} 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`,...h,children:m})]})}):null}export{c as Dialog};
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};
@@ -1 +1 @@
1
- "use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-CjpmdVyv.cjs`),require(`../../common-Bn0Ko6B7.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../skeleton-DtV9S1QK.cjs`);require(`../../providers-CkXkdYcB.cjs`);const n=require(`../../use-subset-image-DC86cg6O.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
+ "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 { a as UseSubsetImageProps, n as BaseProps } from "../../index-DiRj3rRA.cjs";
2
- import * as react1 from "react";
3
- import * as react_jsx_runtime0 from "react/jsx-runtime";
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: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
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">) & react1.RefAttributes<HTMLImageElement>>;
25
- declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
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">) & react1.RefAttributes<HTMLImageElement>>;
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) => react_jsx_runtime0.JSX.Element;
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 { a as UseSubsetImageProps, n as BaseProps } from "../../index-BFHrNSKP.mjs";
2
- import * as react3 from "react";
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: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
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">) & react3.RefAttributes<HTMLImageElement>>;
25
- declare const Image: react3.ForwardRefExoticComponent<(Omit<BaseProps & {
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">) & react3.RefAttributes<HTMLImageElement>>;
35
+ } & ImageSubsetProps, "ref">) & react5.RefAttributes<HTMLImageElement>>;
36
36
  interface EmptyNodeProps {
37
37
  children: React.ReactNode;
38
38
  className?: string;