@yamada-ui/carousel 0.3.14 → 0.3.16

package/dist/carousel-control.js

@@ -90,7 +90,7 @@ var CarouselControlPrev = (0, import_core2.forwardRef)(
       CarouselControl,
       {
         operation: "prev",
-        className: (0, import_utils2.cx)("ui-carousel-control-prev", className),
+        className: (0, import_utils2.cx)("ui-carousel__control--prev", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icon.ChevronIcon,
           {
@@ -113,7 +113,7 @@ var CarouselControlNext = (0, import_core2.forwardRef)(
       CarouselControl,
       {
         operation: "next",
-        className: (0, import_utils2.cx)("ui-carousel-control-next", className),
+        className: (0, import_utils2.cx)("ui-carousel__control--next", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_icon.ChevronIcon,
           {
@@ -141,7 +141,7 @@ var CarouselControl = (0, import_core2.forwardRef)(({ className, operation, ...r
     import_button.IconButton,
     {
       ref,
-      className: (0, import_utils2.cx)("ui-carousel-control", className),
+      className: (0, import_utils2.cx)("ui-carousel__control", className),
       colorScheme,
       isRounded: true,
       __css: css,

package/dist/carousel-control.mjs

@@ -2,7 +2,7 @@
 import {
   CarouselControlNext,
   CarouselControlPrev
-} from "./chunk-LEE6VTY6.mjs";
+} from "./chunk-OGODE3KA.mjs";
 import "./chunk-IJF6FVDP.mjs";
 export {
   CarouselControlNext,

package/dist/carousel-indicators.js

@@ -94,7 +94,7 @@ var CarouselIndicators = (0, import_core2.forwardRef)(
       import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-carousel-indicators", className),
+        className: (0, import_utils2.cx)("ui-carousel__indicators", className),
         __css: css,
         ...rest,
         children: indexes.map((index) => {
@@ -128,7 +128,7 @@ var CarouselIndicator = ({
     {
       type: "button",
       tabIndex: -1,
-      className: (0, import_utils2.cx)("ui-carousel-indicator", className),
+      className: (0, import_utils2.cx)("ui-carousel__indicators__indicator", className),
       __css: css,
       ...rest
     }

package/dist/carousel-indicators.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   CarouselIndicators
-} from "./chunk-N4QDBYCD.mjs";
+} from "./chunk-HBLYAK54.mjs";
 import "./chunk-IJF6FVDP.mjs";
 export {
   CarouselIndicators

package/dist/carousel-slide.js

@@ -78,7 +78,7 @@ var CarouselSlide = (0, import_core2.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_core2.ui.div,
       {
-        className: (0, import_utils2.cx)("ui-carousel-slide", className),
+        className: (0, import_utils2.cx)("ui-carousel__slide", className),
         __css: css,
         ...getSlideProps({}),
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -92,7 +92,7 @@ var CarouselSlideInner = (0, import_core2.forwardRef)(
       import_core2.ui.div,
       {
         ref,
-        className: "ui-carousel-slide-inner",
+        className: "ui-carousel__slide__inner",
         w: "100%",
         h: "100%",
         ...rest

package/dist/carousel-slide.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   CarouselSlide
-} from "./chunk-NNEXVWRE.mjs";
+} from "./chunk-I6T2UL3T.mjs";
 import "./chunk-IJF6FVDP.mjs";
 export {
   CarouselSlide

package/dist/carousel.js

@@ -302,7 +302,7 @@ var CarouselSlide = (0, import_core2.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_core2.ui.div,
       {
-        className: (0, import_utils2.cx)("ui-carousel-slide", className),
+        className: (0, import_utils2.cx)("ui-carousel__slide", className),
         __css: css,
         ...getSlideProps({}),
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -316,7 +316,7 @@ var CarouselSlideInner = (0, import_core2.forwardRef)(
       import_core2.ui.div,
       {
         ref,
-        className: "ui-carousel-slide-inner",
+        className: "ui-carousel__slide__inner",
         w: "100%",
         h: "100%",
         ...rest
@@ -339,7 +339,7 @@ var CarouselControlPrev = (0, import_core3.forwardRef)(
       CarouselControl,
       {
         operation: "prev",
-        className: (0, import_utils3.cx)("ui-carousel-control-prev", className),
+        className: (0, import_utils3.cx)("ui-carousel__control--prev", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_icon.ChevronIcon,
           {
@@ -362,7 +362,7 @@ var CarouselControlNext = (0, import_core3.forwardRef)(
       CarouselControl,
       {
         operation: "next",
-        className: (0, import_utils3.cx)("ui-carousel-control-next", className),
+        className: (0, import_utils3.cx)("ui-carousel__control--next", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_icon.ChevronIcon,
           {
@@ -390,7 +390,7 @@ var CarouselControl = (0, import_core3.forwardRef)(({ className, operation, ...r
     import_button.IconButton,
     {
       ref,
-      className: (0, import_utils3.cx)("ui-carousel-control", className),
+      className: (0, import_utils3.cx)("ui-carousel__control", className),
       colorScheme,
       isRounded: true,
       __css: css,
@@ -420,7 +420,7 @@ var CarouselIndicators = (0, import_core4.forwardRef)(
       import_core4.ui.div,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-carousel-indicators", className),
+        className: (0, import_utils4.cx)("ui-carousel__indicators", className),
         __css: css,
         ...rest,
         children: indexes.map((index) => {
@@ -454,7 +454,7 @@ var CarouselIndicator = ({
     {
       type: "button",
       tabIndex: -1,
-      className: (0, import_utils4.cx)("ui-carousel-indicator", className),
+      className: (0, import_utils4.cx)("ui-carousel__indicators__indicator", className),
       __css: css,
       ...rest
     }
@@ -576,7 +576,7 @@ var Carousel = (0, import_core5.forwardRef)(
 var CarouselSlides = (0, import_core5.forwardRef)(
   ({ ...rest }, ref) => {
     const css = { w: "100%", h: "fit-content", overflow: "hidden" };
-    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 }) });
+    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 }) });
   }
 );
 var CarouselSlidesInner = ({ ...rest }) => {
@@ -587,7 +587,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
     ...styles.inner,
     ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core5.ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/carousel.mjs

@@ -1,10 +1,10 @@
 "use client"
 import {
   Carousel
-} from "./chunk-IZ7DCTH6.mjs";
-import "./chunk-LEE6VTY6.mjs";
-import "./chunk-N4QDBYCD.mjs";
-import "./chunk-NNEXVWRE.mjs";
+} from "./chunk-ULZ4RSRV.mjs";
+import "./chunk-OGODE3KA.mjs";
+import "./chunk-HBLYAK54.mjs";
+import "./chunk-I6T2UL3T.mjs";
 import "./chunk-IJF6FVDP.mjs";
 export {
   Carousel

package/dist/{chunk-N4QDBYCD.mjs → chunk-HBLYAK54.mjs}

@@ -25,7 +25,7 @@ var CarouselIndicators = forwardRef(
       ui.div,
       {
         ref,
-        className: cx("ui-carousel-indicators", className),
+        className: cx("ui-carousel__indicators", className),
         __css: css,
         ...rest,
         children: indexes.map((index) => {
@@ -59,7 +59,7 @@ var CarouselIndicator = ({
     {
       type: "button",
       tabIndex: -1,
-      className: cx("ui-carousel-indicator", className),
+      className: cx("ui-carousel__indicators__indicator", className),
       __css: css,
       ...rest
     }

package/dist/{chunk-NNEXVWRE.mjs → chunk-I6T2UL3T.mjs}

@@ -24,7 +24,7 @@ var CarouselSlide = forwardRef(
     return /* @__PURE__ */ jsx(
       ui.div,
       {
-        className: cx("ui-carousel-slide", className),
+        className: cx("ui-carousel__slide", className),
         __css: css,
         ...getSlideProps({}),
         children: /* @__PURE__ */ jsx(CarouselSlideInner, { ref, ...rest })
@@ -38,7 +38,7 @@ var CarouselSlideInner = forwardRef(
       ui.div,
       {
         ref,
-        className: "ui-carousel-slide-inner",
+        className: "ui-carousel__slide__inner",
         w: "100%",
         h: "100%",
         ...rest

package/dist/{chunk-LEE6VTY6.mjs → chunk-OGODE3KA.mjs}

@@ -18,7 +18,7 @@ var CarouselControlPrev = forwardRef(
       CarouselControl,
       {
         operation: "prev",
-        className: cx("ui-carousel-control-prev", className),
+        className: cx("ui-carousel__control--prev", className),
         icon: /* @__PURE__ */ jsx(
           ChevronIcon,
           {
@@ -41,7 +41,7 @@ var CarouselControlNext = forwardRef(
       CarouselControl,
       {
         operation: "next",
-        className: cx("ui-carousel-control-next", className),
+        className: cx("ui-carousel__control--next", className),
         icon: /* @__PURE__ */ jsx(
           ChevronIcon,
           {
@@ -69,7 +69,7 @@ var CarouselControl = forwardRef(({ className, operation, ...rest }, ref) => {
     IconButton,
     {
       ref,
-      className: cx("ui-carousel-control", className),
+      className: cx("ui-carousel__control", className),
       colorScheme,
       isRounded: true,
       __css: css,

package/dist/{chunk-IZ7DCTH6.mjs → chunk-ULZ4RSRV.mjs}

@@ -2,13 +2,13 @@
 import {
   CarouselControlNext,
   CarouselControlPrev
-} from "./chunk-LEE6VTY6.mjs";
+} from "./chunk-OGODE3KA.mjs";
 import {
   CarouselIndicators
-} from "./chunk-N4QDBYCD.mjs";
+} from "./chunk-HBLYAK54.mjs";
 import {
   CarouselSlide
-} from "./chunk-NNEXVWRE.mjs";
+} from "./chunk-I6T2UL3T.mjs";
 import {
   CarouselProvider,
   useCarousel,
@@ -147,7 +147,7 @@ var Carousel = forwardRef(
 var CarouselSlides = forwardRef(
   ({ ...rest }, ref) => {
     const css = { w: "100%", h: "fit-content", overflow: "hidden" };
-    return /* @__PURE__ */ jsx(ui.div, { ref, className: "ui-carousel-sliders", __css: css, children: /* @__PURE__ */ jsx(CarouselSlidesInner, { ...rest }) });
+    return /* @__PURE__ */ jsx(ui.div, { ref, className: "ui-carousel__sliders", __css: css, children: /* @__PURE__ */ jsx(CarouselSlidesInner, { ...rest }) });
   }
 );
 var CarouselSlidesInner = ({ ...rest }) => {
@@ -158,7 +158,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
     ...styles.inner,
     ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
   };
-  return /* @__PURE__ */ jsx(ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
+  return /* @__PURE__ */ jsx(ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
 };
 
 export {

package/dist/index.js

@@ -406,7 +406,7 @@ var Carousel = (0, import_core2.forwardRef)(
 var CarouselSlides = (0, import_core2.forwardRef)(
   ({ ...rest }, ref) => {
     const css = { w: "100%", h: "fit-content", overflow: "hidden" };
-    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 }) });
+    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 }) });
   }
 );
 var CarouselSlidesInner = ({ ...rest }) => {
@@ -417,7 +417,7 @@ var CarouselSlidesInner = ({ ...rest }) => {
     ...styles.inner,
     ...includeGapInSize ? { [orientation === "vertical" ? "mb" : "mr"]: `-${gap}` } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { className: "ui-carousel-sliders-inner", __css: css, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.ui.div, { className: "ui-carousel__sliders__inner", __css: css, ...rest });
 };
 
 // src/carousel-slide.tsx
@@ -437,7 +437,7 @@ var CarouselSlide = (0, import_core3.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_core3.ui.div,
       {
-        className: (0, import_utils3.cx)("ui-carousel-slide", className),
+        className: (0, import_utils3.cx)("ui-carousel__slide", className),
         __css: css,
         ...getSlideProps({}),
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CarouselSlideInner, { ref, ...rest })
@@ -451,7 +451,7 @@ var CarouselSlideInner = (0, import_core3.forwardRef)(
       import_core3.ui.div,
       {
         ref,
-        className: "ui-carousel-slide-inner",
+        className: "ui-carousel__slide__inner",
         w: "100%",
         h: "100%",
         ...rest
@@ -474,7 +474,7 @@ var CarouselControlPrev = (0, import_core4.forwardRef)(
       CarouselControl,
       {
         operation: "prev",
-        className: (0, import_utils4.cx)("ui-carousel-control-prev", className),
+        className: (0, import_utils4.cx)("ui-carousel__control--prev", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_icon.ChevronIcon,
           {
@@ -497,7 +497,7 @@ var CarouselControlNext = (0, import_core4.forwardRef)(
       CarouselControl,
       {
         operation: "next",
-        className: (0, import_utils4.cx)("ui-carousel-control-next", className),
+        className: (0, import_utils4.cx)("ui-carousel__control--next", className),
         icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_icon.ChevronIcon,
           {
@@ -525,7 +525,7 @@ var CarouselControl = (0, import_core4.forwardRef)(({ className, operation, ...r
     import_button.IconButton,
     {
       ref,
-      className: (0, import_utils4.cx)("ui-carousel-control", className),
+      className: (0, import_utils4.cx)("ui-carousel__control", className),
       colorScheme,
       isRounded: true,
       __css: css,
@@ -555,7 +555,7 @@ var CarouselIndicators = (0, import_core5.forwardRef)(
       import_core5.ui.div,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-carousel-indicators", className),
+        className: (0, import_utils5.cx)("ui-carousel__indicators", className),
         __css: css,
         ...rest,
         children: indexes.map((index) => {
@@ -589,7 +589,7 @@ var CarouselIndicator = ({
     {
       type: "button",
       tabIndex: -1,
-      className: (0, import_utils5.cx)("ui-carousel-indicator", className),
+      className: (0, import_utils5.cx)("ui-carousel__indicators__indicator", className),
       __css: css,
       ...rest
     }

package/dist/index.mjs

@@ -1,17 +1,17 @@
 "use client"
 import {
   Carousel
-} from "./chunk-IZ7DCTH6.mjs";
+} from "./chunk-ULZ4RSRV.mjs";
 import {
   CarouselControlNext,
   CarouselControlPrev
-} from "./chunk-LEE6VTY6.mjs";
+} from "./chunk-OGODE3KA.mjs";
 import {
   CarouselIndicators
-} from "./chunk-N4QDBYCD.mjs";
+} from "./chunk-HBLYAK54.mjs";
 import {
   CarouselSlide
-} from "./chunk-NNEXVWRE.mjs";
+} from "./chunk-I6T2UL3T.mjs";
 import "./chunk-IJF6FVDP.mjs";
 export {
   Carousel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/carousel",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "description": "Yamada UI carousel component",
   "keywords": [
     "yamada",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "embla-carousel-react": "^7.0.0",
-    "@yamada-ui/button": "0.3.14",
+    "@yamada-ui/button": "0.3.15",
     "@yamada-ui/core": "0.12.4",
     "@yamada-ui/icon": "0.3.14",
     "@yamada-ui/use-controllable-state": "0.2.4",