@yamada-ui/carousel 0.3.15 → 0.3.16

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 (15) hide show
  1. package/dist/carousel-control.js +3 -3
  2. package/dist/carousel-control.mjs +1 -1
  3. package/dist/carousel-indicators.js +2 -2
  4. package/dist/carousel-indicators.mjs +1 -1
  5. package/dist/carousel-slide.js +2 -2
  6. package/dist/carousel-slide.mjs +1 -1
  7. package/dist/carousel.js +9 -9
  8. package/dist/carousel.mjs +4 -4
  9. package/dist/{chunk-N4QDBYCD.mjs → chunk-HBLYAK54.mjs} +2 -2
  10. package/dist/{chunk-NNEXVWRE.mjs → chunk-I6T2UL3T.mjs} +2 -2
  11. package/dist/{chunk-LEE6VTY6.mjs → chunk-OGODE3KA.mjs} +3 -3
  12. package/dist/{chunk-IZ7DCTH6.mjs → chunk-ULZ4RSRV.mjs} +5 -5
  13. package/dist/index.js +9 -9
  14. package/dist/index.mjs +4 -4
  15. package/package.json +1 -1
package/dist/carousel-control.js CHANGED
@@ -90,7 +90,7 @@ var CarouselControlPrev = (0, import_core2.forwardRef)(
90
90
  CarouselControl,
91
91
  {
92
92
  operation: "prev",
93
- className: (0, import_utils2.cx)("ui-carousel-control-prev", className),
93
+ className: (0, import_utils2.cx)("ui-carousel__control--prev", className),
94
94
  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
95
95
  import_icon.ChevronIcon,
96
96
  {
@@ -113,7 +113,7 @@ var CarouselControlNext = (0, import_core2.forwardRef)(
113
113
  CarouselControl,
114
114
  {
115
115
  operation: "next",
116
- className: (0, import_utils2.cx)("ui-carousel-control-next", className),
116
+ className: (0, import_utils2.cx)("ui-carousel__control--next", className),
117
117
  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
118
118
  import_icon.ChevronIcon,
119
119
  {
@@ -141,7 +141,7 @@ var CarouselControl = (0, import_core2.forwardRef)(({ className, operation, ...r
141
141
  import_button.IconButton,
142
142
  {
143
143
  ref,
144
- className: (0, import_utils2.cx)("ui-carousel-control", className),
144
+ className: (0, import_utils2.cx)("ui-carousel__control", className),
145
145
  colorScheme,
146
146
  isRounded: true,
147
147
  __css: css,
package/dist/carousel-control.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  CarouselControlNext,
4
4
  CarouselControlPrev
5
- } from "./chunk-LEE6VTY6.mjs";
5
+ } from "./chunk-OGODE3KA.mjs";
6
6
  import "./chunk-IJF6FVDP.mjs";
7
7
  export {
8
8
  CarouselControlNext,
package/dist/carousel-indicators.js CHANGED
@@ -94,7 +94,7 @@ var CarouselIndicators = (0, import_core2.forwardRef)(
94
94
  import_core2.ui.div,
95
95
  {
96
96
  ref,
97
- className: (0, import_utils2.cx)("ui-carousel-indicators", className),
97
+ className: (0, import_utils2.cx)("ui-carousel__indicators", className),
98
98
  __css: css,
99
99
  ...rest,
100
100
  children: indexes.map((index) => {
@@ -128,7 +128,7 @@ var CarouselIndicator = ({
128
128
  {
129
129
  type: "button",
130
130
  tabIndex: -1,
131
- className: (0, import_utils2.cx)("ui-carousel-indicator", className),
131
+ className: (0, import_utils2.cx)("ui-carousel__indicators__indicator", className),
132
132
  __css: css,
133
133
  ...rest
134
134
  }
package/dist/carousel-indicators.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  CarouselIndicators
4
- } from "./chunk-N4QDBYCD.mjs";
4
+ } from "./chunk-HBLYAK54.mjs";
5
5
  import "./chunk-IJF6FVDP.mjs";
6
6
  export {
7
7
  CarouselIndicators
package/dist/carousel-slide.js CHANGED
@@ -78,7 +78,7 @@ var CarouselSlide = (0, import_core2.forwardRef)(
78
78
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
79
79
  import_core2.ui.div,
80
80
  {
81
- className: (0, import_utils2.cx)("ui-carousel-slide", className),
81
+ className: (0, import_utils2.cx)("ui-carousel__slide", className),
82
82
  __css: css,
83
83
  ...getSlideProps({}),
84
84
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -92,7 +92,7 @@ var CarouselSlideInner = (0, import_core2.forwardRef)(
92
92
  import_core2.ui.div,
93
93
  {
94
94
  ref,
95
- className: "ui-carousel-slide-inner",
95
+ className: "ui-carousel__slide__inner",
96
96
  w: "100%",
97
97
  h: "100%",
98
98
  ...rest
package/dist/carousel-slide.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  CarouselSlide
4
- } from "./chunk-NNEXVWRE.mjs";
4
+ } from "./chunk-I6T2UL3T.mjs";
5
5
  import "./chunk-IJF6FVDP.mjs";
6
6
  export {
7
7
  CarouselSlide
package/dist/carousel.js CHANGED
@@ -302,7 +302,7 @@ var CarouselSlide = (0, import_core2.forwardRef)(
302
302
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
303
303
  import_core2.ui.div,
304
304
  {
305
- className: (0, import_utils2.cx)("ui-carousel-slide", className),
305
+ className: (0, import_utils2.cx)("ui-carousel__slide", className),
306
306
  __css: css,
307
307
  ...getSlideProps({}),
308
308
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -316,7 +316,7 @@ var CarouselSlideInner = (0, import_core2.forwardRef)(
316
316
  import_core2.ui.div,
317
317
  {
318
318
  ref,
319
- className: "ui-carousel-slide-inner",
319
+ className: "ui-carousel__slide__inner",
320
320
  w: "100%",
321
321
  h: "100%",
322
322
  ...rest
@@ -339,7 +339,7 @@ var CarouselControlPrev = (0, import_core3.forwardRef)(
339
339
  CarouselControl,
340
340
  {
341
341
  operation: "prev",
342
- className: (0, import_utils3.cx)("ui-carousel-control-prev", className),
342
+ className: (0, import_utils3.cx)("ui-carousel__control--prev", className),
343
343
  icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
344
344
  import_icon.ChevronIcon,
345
345
  {
@@ -362,7 +362,7 @@ var CarouselControlNext = (0, import_core3.forwardRef)(
362
362
  CarouselControl,
363
363
  {
364
364
  operation: "next",
365
- className: (0, import_utils3.cx)("ui-carousel-control-next", className),
365
+ className: (0, import_utils3.cx)("ui-carousel__control--next", className),
366
366
  icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
367
367
  import_icon.ChevronIcon,
368
368
  {
@@ -390,7 +390,7 @@ var CarouselControl = (0, import_core3.forwardRef)(({ className, operation, ...r
390
390
  import_button.IconButton,
391
391
  {
392
392
  ref,
393
- className: (0, import_utils3.cx)("ui-carousel-control", className),
393
+ className: (0, import_utils3.cx)("ui-carousel__control", className),
394
394
  colorScheme,
395
395
  isRounded: true,
396
396
  __css: css,
@@ -420,7 +420,7 @@ var CarouselIndicators = (0, import_core4.forwardRef)(
420
420
  import_core4.ui.div,
421
421
  {
422
422
  ref,
423
- className: (0, import_utils4.cx)("ui-carousel-indicators", className),
423
+ className: (0, import_utils4.cx)("ui-carousel__indicators", className),
424
424
  __css: css,
425
425
  ...rest,
426
426
  children: indexes.map((index) => {
@@ -454,7 +454,7 @@ var CarouselIndicator = ({
454
454
  {
455
455
  type: "button",
456
456
  tabIndex: -1,
457
- className: (0, import_utils4.cx)("ui-carousel-indicator", className),
457
+ className: (0, import_utils4.cx)("ui-carousel__indicators__indicator", className),
458
458
  __css: css,
459
459
  ...rest
460
460
  }
@@ -576,7 +576,7 @@ var Carousel = (0, import_core5.forwardRef)(
576
576
  var CarouselSlides = (0, import_core5.forwardRef)(
577
577
  ({ ...rest }, ref) => {
578
578
  const css = { w: "100%", h: "fit-content", overflow: "hidden" };
579
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { ref, className: "ui-carousel-sliders", __css: css, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CarouselSlidesInner, { ...rest }) });
579
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { ref, className: "ui-carousel__sliders", __css: css, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CarouselSlidesInner, { ...rest }) });
580
580
  }
581
581
  );
582
582
  var CarouselSlidesInner = ({ ...rest }) => {
@@ -587,7 +587,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
587
587
  ...styles.inner,
588
588
  ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
589
589
  };
590
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
590
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
591
591
  };
592
592
  // Annotate the CommonJS export names for ESM import in node:
593
593
  0 && (module.exports = {
package/dist/carousel.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  Carousel
4
- } from "./chunk-IZ7DCTH6.mjs";
5
- import "./chunk-LEE6VTY6.mjs";
6
- import "./chunk-N4QDBYCD.mjs";
7
- import "./chunk-NNEXVWRE.mjs";
4
+ } from "./chunk-ULZ4RSRV.mjs";
5
+ import "./chunk-OGODE3KA.mjs";
6
+ import "./chunk-HBLYAK54.mjs";
7
+ import "./chunk-I6T2UL3T.mjs";
8
8
  import "./chunk-IJF6FVDP.mjs";
9
9
  export {
10
10
  Carousel
package/dist/{chunk-N4QDBYCD.mjs → chunk-HBLYAK54.mjs} RENAMED
@@ -25,7 +25,7 @@ var CarouselIndicators = forwardRef(
25
25
  ui.div,
26
26
  {
27
27
  ref,
28
- className: cx("ui-carousel-indicators", className),
28
+ className: cx("ui-carousel__indicators", className),
29
29
  __css: css,
30
30
  ...rest,
31
31
  children: indexes.map((index) => {
@@ -59,7 +59,7 @@ var CarouselIndicator = ({
59
59
  {
60
60
  type: "button",
61
61
  tabIndex: -1,
62
- className: cx("ui-carousel-indicator", className),
62
+ className: cx("ui-carousel__indicators__indicator", className),
63
63
  __css: css,
64
64
  ...rest
65
65
  }
package/dist/{chunk-NNEXVWRE.mjs → chunk-I6T2UL3T.mjs} RENAMED
@@ -24,7 +24,7 @@ var CarouselSlide = forwardRef(
24
24
  return /* @__PURE__ */ jsx(
25
25
  ui.div,
26
26
  {
27
- className: cx("ui-carousel-slide", className),
27
+ className: cx("ui-carousel__slide", className),
28
28
  __css: css,
29
29
  ...getSlideProps({}),
30
30
  children: /* @__PURE__ */ jsx(CarouselSlideInner, { ref, ...rest })
@@ -38,7 +38,7 @@ var CarouselSlideInner = forwardRef(
38
38
  ui.div,
39
39
  {
40
40
  ref,
41
- className: "ui-carousel-slide-inner",
41
+ className: "ui-carousel__slide__inner",
42
42
  w: "100%",
43
43
  h: "100%",
44
44
  ...rest
package/dist/{chunk-LEE6VTY6.mjs → chunk-OGODE3KA.mjs} RENAMED
@@ -18,7 +18,7 @@ var CarouselControlPrev = forwardRef(
18
18
  CarouselControl,
19
19
  {
20
20
  operation: "prev",
21
- className: cx("ui-carousel-control-prev", className),
21
+ className: cx("ui-carousel__control--prev", className),
22
22
  icon: /* @__PURE__ */ jsx(
23
23
  ChevronIcon,
24
24
  {
@@ -41,7 +41,7 @@ var CarouselControlNext = forwardRef(
41
41
  CarouselControl,
42
42
  {
43
43
  operation: "next",
44
- className: cx("ui-carousel-control-next", className),
44
+ className: cx("ui-carousel__control--next", className),
45
45
  icon: /* @__PURE__ */ jsx(
46
46
  ChevronIcon,
47
47
  {
@@ -69,7 +69,7 @@ var CarouselControl = forwardRef(({ className, operation, ...rest }, ref) => {
69
69
  IconButton,
70
70
  {
71
71
  ref,
72
- className: cx("ui-carousel-control", className),
72
+ className: cx("ui-carousel__control", className),
73
73
  colorScheme,
74
74
  isRounded: true,
75
75
  __css: css,
package/dist/{chunk-IZ7DCTH6.mjs → chunk-ULZ4RSRV.mjs} RENAMED
@@ -2,13 +2,13 @@
2
2
  import {
3
3
  CarouselControlNext,
4
4
  CarouselControlPrev
5
- } from "./chunk-LEE6VTY6.mjs";
5
+ } from "./chunk-OGODE3KA.mjs";
6
6
  import {
7
7
  CarouselIndicators
8
- } from "./chunk-N4QDBYCD.mjs";
8
+ } from "./chunk-HBLYAK54.mjs";
9
9
  import {
10
10
  CarouselSlide
11
- } from "./chunk-NNEXVWRE.mjs";
11
+ } from "./chunk-I6T2UL3T.mjs";
12
12
  import {
13
13
  CarouselProvider,
14
14
  useCarousel,
@@ -147,7 +147,7 @@ var Carousel = forwardRef(
147
147
  var CarouselSlides = forwardRef(
148
148
  ({ ...rest }, ref) => {
149
149
  const css = { w: "100%", h: "fit-content", overflow: "hidden" };
150
- return /* @__PURE__ */ jsx(ui.div, { ref, className: "ui-carousel-sliders", __css: css, children: /* @__PURE__ */ jsx(CarouselSlidesInner, { ...rest }) });
150
+ return /* @__PURE__ */ jsx(ui.div, { ref, className: "ui-carousel__sliders", __css: css, children: /* @__PURE__ */ jsx(CarouselSlidesInner, { ...rest }) });
151
151
  }
152
152
  );
153
153
  var CarouselSlidesInner = ({ ...rest }) => {
@@ -158,7 +158,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
158
158
  ...styles.inner,
159
159
  ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
160
160
  };
161
- return /* @__PURE__ */ jsx(ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
161
+ return /* @__PURE__ */ jsx(ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
162
162
  };
163
163
 
164
164
  export {
package/dist/index.js CHANGED
@@ -406,7 +406,7 @@ var Carousel = (0, import_core2.forwardRef)(
406
406
  var CarouselSlides = (0, import_core2.forwardRef)(
407
407
  ({ ...rest }, ref) => {
408
408
  const css = { w: "100%", h: "fit-content", overflow: "hidden" };
409
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { ref, className: "ui-carousel-sliders", __css: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlidesInner, { ...rest }) });
409
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { ref, className: "ui-carousel__sliders", __css: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlidesInner, { ...rest }) });
410
410
  }
411
411
  );
412
412
  var CarouselSlidesInner = ({ ...rest }) => {
@@ -417,7 +417,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
417
417
  ...styles.inner,
418
418
  ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
419
419
  };
420
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
420
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
421
421
  };
422
422
 
423
423
  // src/carousel-slide.tsx
@@ -437,7 +437,7 @@ var CarouselSlide = (0, import_core3.forwardRef)(
437
437
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
438
438
  import_core3.ui.div,
439
439
  {
440
- className: (0, import_utils3.cx)("ui-carousel-slide", className),
440
+ className: (0, import_utils3.cx)("ui-carousel__slide", className),
441
441
  __css: css,
442
442
  ...getSlideProps({}),
443
443
  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -451,7 +451,7 @@ var CarouselSlideInner = (0, import_core3.forwardRef)(
451
451
  import_core3.ui.div,
452
452
  {
453
453
  ref,
454
- className: "ui-carousel-slide-inner",
454
+ className: "ui-carousel__slide__inner",
455
455
  w: "100%",
456
456
  h: "100%",
457
457
  ...rest
@@ -474,7 +474,7 @@ var CarouselControlPrev = (0, import_core4.forwardRef)(
474
474
  CarouselControl,
475
475
  {
476
476
  operation: "prev",
477
- className: (0, import_utils4.cx)("ui-carousel-control-prev", className),
477
+ className: (0, import_utils4.cx)("ui-carousel__control--prev", className),
478
478
  icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
479
479
  import_icon.ChevronIcon,
480
480
  {
@@ -497,7 +497,7 @@ var CarouselControlNext = (0, import_core4.forwardRef)(
497
497
  CarouselControl,
498
498
  {
499
499
  operation: "next",
500
- className: (0, import_utils4.cx)("ui-carousel-control-next", className),
500
+ className: (0, import_utils4.cx)("ui-carousel__control--next", className),
501
501
  icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
502
502
  import_icon.ChevronIcon,
503
503
  {
@@ -525,7 +525,7 @@ var CarouselControl = (0, import_core4.forwardRef)(({ className, operation, ...r
525
525
  import_button.IconButton,
526
526
  {
527
527
  ref,
528
- className: (0, import_utils4.cx)("ui-carousel-control", className),
528
+ className: (0, import_utils4.cx)("ui-carousel__control", className),
529
529
  colorScheme,
530
530
  isRounded: true,
531
531
  __css: css,
@@ -555,7 +555,7 @@ var CarouselIndicators = (0, import_core5.forwardRef)(
555
555
  import_core5.ui.div,
556
556
  {
557
557
  ref,
558
- className: (0, import_utils5.cx)("ui-carousel-indicators", className),
558
+ className: (0, import_utils5.cx)("ui-carousel__indicators", className),
559
559
  __css: css,
560
560
  ...rest,
561
561
  children: indexes.map((index) => {
@@ -589,7 +589,7 @@ var CarouselIndicator = ({
589
589
  {
590
590
  type: "button",
591
591
  tabIndex: -1,
592
- className: (0, import_utils5.cx)("ui-carousel-indicator", className),
592
+ className: (0, import_utils5.cx)("ui-carousel__indicators__indicator", className),
593
593
  __css: css,
594
594
  ...rest
595
595
  }
package/dist/index.mjs CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client"
2
2
  import {
3
3
  Carousel
4
- } from "./chunk-IZ7DCTH6.mjs";
4
+ } from "./chunk-ULZ4RSRV.mjs";
5
5
  import {
6
6
  CarouselControlNext,
7
7
  CarouselControlPrev
8
- } from "./chunk-LEE6VTY6.mjs";
8
+ } from "./chunk-OGODE3KA.mjs";
9
9
  import {
10
10
  CarouselIndicators
11
- } from "./chunk-N4QDBYCD.mjs";
11
+ } from "./chunk-HBLYAK54.mjs";
12
12
  import {
13
13
  CarouselSlide
14
- } from "./chunk-NNEXVWRE.mjs";
14
+ } from "./chunk-I6T2UL3T.mjs";
15
15
  import "./chunk-IJF6FVDP.mjs";
16
16
  export {
17
17
  Carousel,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/carousel",
3
- "version": "0.3.15",
3
+ "version": "0.3.16",
4
4
  "description": "Yamada UI carousel component",
5
5
  "keywords": [
6
6
  "yamada",