@yamada-ui/menu 0.3.18 → 0.3.19

package/dist/{chunk-5PTLJ5CG.mjs → chunk-44VZFKBQ.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   MenuGroup
-} from "./chunk-6ZSJG4EA.mjs";
+} from "./chunk-SDZ5W2LO.mjs";
 import {
   MenuOptionItem
-} from "./chunk-G6G5ZNSN.mjs";
+} from "./chunk-TDHUGZ6T.mjs";
 
 // src/menu-option-group.tsx
 import { useControllableState } from "@yamada-ui/use-controllable-state";
@@ -52,7 +52,7 @@ var MenuOptionGroup = forwardRef(
       MenuGroup,
       {
         ref,
-        className: cx("ui-menu-option-group", className),
+        className: cx("ui-menu__item--group--option", className),
         ...omitObject(rest, ["value", "onChange"]),
         children: cloneChildren
       }

package/dist/{chunk-LZAKLG62.mjs → chunk-BZGEFRKY.mjs}

@@ -14,7 +14,7 @@ var MenuDivider = forwardRef(({ className, ...rest }, ref) => {
     ui.hr,
     {
       ref,
-      className: cx("ui-menu-divider", className),
+      className: cx("ui-menu__divider", className),
       __css: css,
       ...rest
     }

package/dist/{chunk-XT3TL6ST.mjs → chunk-KQUZR7S6.mjs}

@@ -33,7 +33,7 @@ var MenuButton = forwardRef(
       Component,
       {
         ref,
-        className: cx("ui-menu-button", className),
+        className: cx("ui-menu", className),
         ...rest,
         "data-active": dataAttr(isOpen),
         "aria-expanded": ariaAttr(isOpen),

package/dist/{chunk-6ZSJG4EA.mjs → chunk-SDZ5W2LO.mjs}

@@ -15,7 +15,7 @@ var MenuGroup = forwardRef(
       ui.div,
       {
         ref,
-        className: cx("ui-menu-group", className),
+        className: cx("ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
@@ -23,7 +23,7 @@ var MenuGroup = forwardRef(
           title ? /* @__PURE__ */ jsx(
             ui.span,
             {
-              className: cx("ui-menu-group-title"),
+              className: cx("ui-menu__item--group-title"),
               __css: styles.groupTitle,
               children: title
             }

package/dist/{chunk-G6G5ZNSN.mjs → chunk-TDHUGZ6T.mjs}

@@ -112,7 +112,7 @@ var MenuItem = forwardRef(
         type,
         role: "menu-item",
         tabIndex: isFocused ? 0 : -1,
-        className: cx("ui-menu-item", className),
+        className: cx("ui-menu__item", className),
         __css: css,
         children: [
           icon ? /* @__PURE__ */ jsx(MenuIcon, { children: icon }) : null,
@@ -129,7 +129,7 @@ var MenuOptionItem = forwardRef(
       MenuItem,
       {
         ref,
-        className: cx("ui-menu-option-item", className),
+        className: cx("ui-menu__item--option", className),
         "aria-checked": ariaAttr(isChecked),
         closeOnSelect,
         ...rest,
@@ -156,7 +156,7 @@ var MenuIcon = forwardRef(
       ui.span,
       {
         ref,
-        className: cx("ui-menu-icon", className),
+        className: cx("ui-menu__item__icon", className),
         __css: css,
         ...rest
       }
@@ -171,7 +171,7 @@ var MenuCommand = forwardRef(
       ui.span,
       {
         ref,
-        className: cx("ui-menu-command", className),
+        className: cx("ui-menu__item__command", className),
         __css: css,
         ...rest
       }

package/dist/{chunk-73TI5CQ7.mjs → chunk-TYBIINMB.mjs}

@@ -57,7 +57,7 @@ var MenuList = forwardRef(
       PopoverContent,
       {
         ref: mergeRefs(menuRef, ref),
-        className: cx("ui-menu-list", className),
+        className: cx("ui-menu__list", className),
         role: "menu",
         tabIndex: -1,
         __css: css,

package/dist/index.js

@@ -172,7 +172,7 @@ var MenuButton = (0, import_core2.forwardRef)(
       Component,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-button", className),
+        className: (0, import_utils2.cx)("ui-menu", className),
         ...rest,
         "data-active": (0, import_utils2.dataAttr)(isOpen),
         "aria-expanded": (0, import_utils2.ariaAttr)(isOpen),
@@ -247,7 +247,7 @@ var MenuList = (0, import_core3.forwardRef)(
       import_popover3.PopoverContent,
       {
         ref: (0, import_utils3.mergeRefs)(menuRef, ref),
-        className: (0, import_utils3.cx)("ui-menu-list", className),
+        className: (0, import_utils3.cx)("ui-menu__list", className),
         role: "menu",
         tabIndex: -1,
         __css: css,
@@ -356,7 +356,7 @@ var MenuItem = (0, import_core4.forwardRef)(
         type,
         role: "menu-item",
         tabIndex: isFocused ? 0 : -1,
-        className: (0, import_utils4.cx)("ui-menu-item", className),
+        className: (0, import_utils4.cx)("ui-menu__item", className),
         __css: css,
         children: [
           icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MenuIcon, { children: icon }) : null,
@@ -373,7 +373,7 @@ var MenuOptionItem = (0, import_core4.forwardRef)(
       MenuItem,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-menu-option-item", className),
+        className: (0, import_utils4.cx)("ui-menu__item--option", className),
         "aria-checked": (0, import_utils4.ariaAttr)(isChecked),
         closeOnSelect,
         ...rest,
@@ -400,7 +400,7 @@ var MenuIcon = (0, import_core4.forwardRef)(
       import_core4.ui.span,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-menu-icon", className),
+        className: (0, import_utils4.cx)("ui-menu__item__icon", className),
         __css: css,
         ...rest
       }
@@ -415,7 +415,7 @@ var MenuCommand = (0, import_core4.forwardRef)(
       import_core4.ui.span,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-menu-command", className),
+        className: (0, import_utils4.cx)("ui-menu__item__command", className),
         __css: css,
         ...rest
       }
@@ -442,7 +442,7 @@ var MenuGroup = (0, import_core5.forwardRef)(
       import_core5.ui.div,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-menu-group", className),
+        className: (0, import_utils5.cx)("ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
@@ -450,7 +450,7 @@ var MenuGroup = (0, import_core5.forwardRef)(
           title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_core5.ui.span,
             {
-              className: (0, import_utils5.cx)("ui-menu-group-title"),
+              className: (0, import_utils5.cx)("ui-menu__item--group-title"),
               __css: styles.groupTitle,
               children: title
             }
@@ -508,7 +508,7 @@ var MenuOptionGroup = (0, import_react5.forwardRef)(
       MenuGroup,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-menu-option-group", className),
+        className: (0, import_utils6.cx)("ui-menu__item--group--option", className),
         ...(0, import_utils6.omitObject)(rest, ["value", "onChange"]),
         children: cloneChildren
       }
@@ -528,7 +528,7 @@ var MenuDivider = (0, import_core6.forwardRef)(({ className, ...rest }, ref) =>
     import_core6.ui.hr,
     {
       ref,
-      className: (0, import_utils7.cx)("ui-menu-divider", className),
+      className: (0, import_utils7.cx)("ui-menu__divider", className),
       __css: css,
       ...rest
     }

package/dist/index.mjs

@@ -1,23 +1,23 @@
 "use client"
 import {
   MenuButton
-} from "./chunk-XT3TL6ST.mjs";
+} from "./chunk-KQUZR7S6.mjs";
 import {
   MenuDivider
-} from "./chunk-LZAKLG62.mjs";
+} from "./chunk-BZGEFRKY.mjs";
 import {
   MenuList
-} from "./chunk-73TI5CQ7.mjs";
+} from "./chunk-TYBIINMB.mjs";
 import {
   MenuOptionGroup
-} from "./chunk-5PTLJ5CG.mjs";
+} from "./chunk-44VZFKBQ.mjs";
 import {
   MenuGroup
-} from "./chunk-6ZSJG4EA.mjs";
+} from "./chunk-SDZ5W2LO.mjs";
 import {
   MenuItem,
   MenuOptionItem
-} from "./chunk-G6G5ZNSN.mjs";
+} from "./chunk-TDHUGZ6T.mjs";
 import {
   Menu
 } from "./chunk-CODGLBZ5.mjs";

package/dist/menu-button.js

@@ -74,7 +74,7 @@ var MenuButton = (0, import_core2.forwardRef)(
       Component,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-button", className),
+        className: (0, import_utils2.cx)("ui-menu", className),
         ...rest,
         "data-active": (0, import_utils2.dataAttr)(isOpen),
         "aria-expanded": (0, import_utils2.ariaAttr)(isOpen),

package/dist/menu-button.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuButton
-} from "./chunk-XT3TL6ST.mjs";
+} from "./chunk-KQUZR7S6.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuButton

package/dist/menu-divider.js

@@ -55,7 +55,7 @@ var MenuDivider = (0, import_core2.forwardRef)(({ className, ...rest }, ref) =>
     import_core2.ui.hr,
     {
       ref,
-      className: (0, import_utils2.cx)("ui-menu-divider", className),
+      className: (0, import_utils2.cx)("ui-menu__divider", className),
       __css: css,
       ...rest
     }

package/dist/menu-divider.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuDivider
-} from "./chunk-LZAKLG62.mjs";
+} from "./chunk-BZGEFRKY.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuDivider

package/dist/menu-group.js

@@ -56,7 +56,7 @@ var MenuGroup = (0, import_core2.forwardRef)(
       import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-group", className),
+        className: (0, import_utils2.cx)("ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
@@ -64,7 +64,7 @@ var MenuGroup = (0, import_core2.forwardRef)(
           title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             import_core2.ui.span,
             {
-              className: (0, import_utils2.cx)("ui-menu-group-title"),
+              className: (0, import_utils2.cx)("ui-menu__item--group-title"),
               __css: styles.groupTitle,
               children: title
             }

package/dist/menu-group.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuGroup
-} from "./chunk-6ZSJG4EA.mjs";
+} from "./chunk-SDZ5W2LO.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuGroup

package/dist/menu-item.js

@@ -143,7 +143,7 @@ var MenuItem = (0, import_core2.forwardRef)(
         type,
         role: "menu-item",
         tabIndex: isFocused ? 0 : -1,
-        className: (0, import_utils2.cx)("ui-menu-item", className),
+        className: (0, import_utils2.cx)("ui-menu__item", className),
         __css: css,
         children: [
           icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuIcon, { children: icon }) : null,
@@ -160,7 +160,7 @@ var MenuOptionItem = (0, import_core2.forwardRef)(
       MenuItem,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-option-item", className),
+        className: (0, import_utils2.cx)("ui-menu__item--option", className),
         "aria-checked": (0, import_utils2.ariaAttr)(isChecked),
         closeOnSelect,
         ...rest,
@@ -187,7 +187,7 @@ var MenuIcon = (0, import_core2.forwardRef)(
       import_core2.ui.span,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-icon", className),
+        className: (0, import_utils2.cx)("ui-menu__item__icon", className),
         __css: css,
         ...rest
       }
@@ -202,7 +202,7 @@ var MenuCommand = (0, import_core2.forwardRef)(
       import_core2.ui.span,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-command", className),
+        className: (0, import_utils2.cx)("ui-menu__item__command", className),
         __css: css,
         ...rest
       }

package/dist/menu-item.mjs

@@ -2,7 +2,7 @@
 import {
   MenuItem,
   MenuOptionItem
-} from "./chunk-G6G5ZNSN.mjs";
+} from "./chunk-TDHUGZ6T.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuItem,

package/dist/menu-list.js

@@ -97,7 +97,7 @@ var MenuList = (0, import_core2.forwardRef)(
       import_popover2.PopoverContent,
       {
         ref: (0, import_utils2.mergeRefs)(menuRef, ref),
-        className: (0, import_utils2.cx)("ui-menu-list", className),
+        className: (0, import_utils2.cx)("ui-menu__list", className),
         role: "menu",
         tabIndex: -1,
         __css: css,

package/dist/menu-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuList
-} from "./chunk-73TI5CQ7.mjs";
+} from "./chunk-TYBIINMB.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuList

package/dist/menu-option-group.js

@@ -61,7 +61,7 @@ var MenuGroup = (0, import_core2.forwardRef)(
       import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu-group", className),
+        className: (0, import_utils2.cx)("ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
@@ -69,7 +69,7 @@ var MenuGroup = (0, import_core2.forwardRef)(
           title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             import_core2.ui.span,
             {
-              className: (0, import_utils2.cx)("ui-menu-group-title"),
+              className: (0, import_utils2.cx)("ui-menu__item--group-title"),
               __css: styles.groupTitle,
               children: title
             }
@@ -179,7 +179,7 @@ var MenuItem = (0, import_core3.forwardRef)(
         type,
         role: "menu-item",
         tabIndex: isFocused ? 0 : -1,
-        className: (0, import_utils3.cx)("ui-menu-item", className),
+        className: (0, import_utils3.cx)("ui-menu__item", className),
         __css: css,
         children: [
           icon ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuIcon, { children: icon }) : null,
@@ -196,7 +196,7 @@ var MenuOptionItem = (0, import_core3.forwardRef)(
       MenuItem,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-menu-option-item", className),
+        className: (0, import_utils3.cx)("ui-menu__item--option", className),
         "aria-checked": (0, import_utils3.ariaAttr)(isChecked),
         closeOnSelect,
         ...rest,
@@ -223,7 +223,7 @@ var MenuIcon = (0, import_core3.forwardRef)(
       import_core3.ui.span,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-menu-icon", className),
+        className: (0, import_utils3.cx)("ui-menu__item__icon", className),
         __css: css,
         ...rest
       }
@@ -238,7 +238,7 @@ var MenuCommand = (0, import_core3.forwardRef)(
       import_core3.ui.span,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-menu-command", className),
+        className: (0, import_utils3.cx)("ui-menu__item__command", className),
         __css: css,
         ...rest
       }
@@ -296,7 +296,7 @@ var MenuOptionGroup = (0, import_react3.forwardRef)(
       MenuGroup,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-menu-option-group", className),
+        className: (0, import_utils4.cx)("ui-menu__item--group--option", className),
         ...(0, import_utils4.omitObject)(rest, ["value", "onChange"]),
         children: cloneChildren
       }

package/dist/menu-option-group.mjs

@@ -1,9 +1,9 @@
 "use client"
 import {
   MenuOptionGroup
-} from "./chunk-5PTLJ5CG.mjs";
-import "./chunk-6ZSJG4EA.mjs";
-import "./chunk-G6G5ZNSN.mjs";
+} from "./chunk-44VZFKBQ.mjs";
+import "./chunk-SDZ5W2LO.mjs";
+import "./chunk-TDHUGZ6T.mjs";
 import "./chunk-CODGLBZ5.mjs";
 export {
   MenuOptionGroup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/menu",
-  "version": "0.3.18",
+  "version": "0.3.19",
   "description": "Yamada UI menu component",
   "keywords": [
     "yamada",
@@ -37,12 +37,12 @@
   "dependencies": {
     "@yamada-ui/core": "0.12.5",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/transitions": "0.3.15",
-    "@yamada-ui/popover": "0.3.18",
+    "@yamada-ui/transitions": "0.3.16",
+    "@yamada-ui/popover": "0.3.19",
     "@yamada-ui/use-disclosure": "0.4.3",
     "@yamada-ui/use-descendant": "0.2.5",
     "@yamada-ui/use-clickable": "0.3.5",
-    "@yamada-ui/use-controllable-state": "0.2.5"
+    "@yamada-ui/use-controllable-state": "0.3.0"
   },
   "devDependencies": {
     "react": "^18.0.0",