@yamada-ui/menu 0.3.27 → 0.4.0

package/dist/{chunk-OMC6OCNU.mjs → chunk-BWTIFRBL.mjs}

@@ -101,7 +101,7 @@ var MenuItem = forwardRef(
       ...styles.item
     };
     return /* @__PURE__ */ jsxs(
-      ui.button,
+      ui.li,
       {
         ...props,
         ...rest,

package/dist/{chunk-UFMHWKIJ.mjs → chunk-NLESVCUN.mjs}

@@ -56,6 +56,7 @@ var MenuList = forwardRef(
     return /* @__PURE__ */ jsx(
       PopoverContent,
       {
+        as: "ul",
         ref: mergeRefs(menuRef, ref),
         className: cx("ui-menu__list", className),
         role: "menu",

package/dist/{chunk-6GKORNJH.mjs → chunk-P6NJA644.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   MenuGroup
-} from "./chunk-V62YZTKO.mjs";
+} from "./chunk-SL5MYZ26.mjs";
 import {
   MenuOptionItem
-} from "./chunk-OMC6OCNU.mjs";
+} from "./chunk-BWTIFRBL.mjs";
 
 // src/menu-option-group.tsx
 import { useControllableState } from "@yamada-ui/use-controllable-state";

package/dist/{chunk-V62YZTKO.mjs → chunk-SL5MYZ26.mjs}

@@ -8,27 +8,27 @@ import { ui, forwardRef } from "@yamada-ui/core";
 import { cx } from "@yamada-ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MenuGroup = forwardRef(
-  ({ className, title, children, ...rest }, ref) => {
+  ({ className, label, children, ...rest }, ref) => {
     const { styles } = useMenu();
     const css = { ...styles.group };
     return /* @__PURE__ */ jsxs(
-      ui.div,
+      ui.li,
       {
         ref,
-        className: cx("ui-menu__item--group", className),
+        className: cx("ui-menu__item", "ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
         children: [
-          title ? /* @__PURE__ */ jsx(
+          label ? /* @__PURE__ */ jsx(
             ui.span,
             {
-              className: cx("ui-menu__item--group-title"),
-              __css: styles.groupTitle,
-              children: title
+              className: cx("ui-menu__item--group-label"),
+              __css: styles.groupLabel,
+              children: label
             }
           ) : null,
-          children
+          /* @__PURE__ */ jsx(ui.ul, { className: "ui-menu__item__group", children })
         ]
       }
     );

package/dist/index.js

@@ -246,6 +246,7 @@ var MenuList = (0, import_core3.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_popover3.PopoverContent,
       {
+        as: "ul",
         ref: (0, import_utils3.mergeRefs)(menuRef, ref),
         className: (0, import_utils3.cx)("ui-menu__list", className),
         role: "menu",
@@ -348,7 +349,7 @@ var MenuItem = (0, import_core4.forwardRef)(
       ...styles.item
     };
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_core4.ui.button,
+      import_core4.ui.li,
       {
         ...props,
         ...rest,
@@ -435,27 +436,27 @@ var import_core5 = require("@yamada-ui/core");
 var import_utils5 = require("@yamada-ui/utils");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var MenuGroup = (0, import_core5.forwardRef)(
-  ({ className, title, children, ...rest }, ref) => {
+  ({ className, label, children, ...rest }, ref) => {
     const { styles } = useMenu();
     const css = { ...styles.group };
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      import_core5.ui.div,
+      import_core5.ui.li,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-menu__item--group", className),
+        className: (0, import_utils5.cx)("ui-menu__item", "ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
         children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_core5.ui.span,
             {
-              className: (0, import_utils5.cx)("ui-menu__item--group-title"),
-              __css: styles.groupTitle,
-              children: title
+              className: (0, import_utils5.cx)("ui-menu__item--group-label"),
+              __css: styles.groupLabel,
+              children: label
             }
           ) : null,
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.ui.ul, { className: "ui-menu__item__group", children })
         ]
       }
     );

package/dist/index.mjs

@@ -7,17 +7,17 @@ import {
 } from "./chunk-24W2CY4C.mjs";
 import {
   MenuList
-} from "./chunk-UFMHWKIJ.mjs";
+} from "./chunk-NLESVCUN.mjs";
 import {
   MenuOptionGroup
-} from "./chunk-6GKORNJH.mjs";
+} from "./chunk-P6NJA644.mjs";
 import {
   MenuGroup
-} from "./chunk-V62YZTKO.mjs";
+} from "./chunk-SL5MYZ26.mjs";
 import {
   MenuItem,
   MenuOptionItem
-} from "./chunk-OMC6OCNU.mjs";
+} from "./chunk-BWTIFRBL.mjs";
 import {
   Menu
 } from "./chunk-W5VK56XL.mjs";

package/dist/menu-button.d.mts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuButtonProps = HTMLUIProps<"button">;
 declare const MenuButton: _yamada_ui_core.Component<"button", MenuButtonProps>;
 
-export { MenuButton, MenuButtonProps };
+export { MenuButton, type MenuButtonProps };

package/dist/menu-button.d.ts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuButtonProps = HTMLUIProps<"button">;
 declare const MenuButton: _yamada_ui_core.Component<"button", MenuButtonProps>;
 
-export { MenuButton, MenuButtonProps };
+export { MenuButton, type MenuButtonProps };

package/dist/menu-divider.d.mts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuDividerProps = HTMLUIProps<"hr">;
 declare const MenuDivider: _yamada_ui_core.Component<_yamada_ui_core.As, object>;
 
-export { MenuDivider, MenuDividerProps };
+export { MenuDivider, type MenuDividerProps };

package/dist/menu-divider.d.ts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuDividerProps = HTMLUIProps<"hr">;
 declare const MenuDivider: _yamada_ui_core.Component<_yamada_ui_core.As, object>;
 
-export { MenuDivider, MenuDividerProps };
+export { MenuDivider, type MenuDividerProps };

package/dist/menu-group.d.mts

@@ -1,7 +1,12 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type MenuGroupProps = HTMLUIProps<"div">;
+type MenuGroupProps = HTMLUIProps<"div"> & {
+    /**
+     * The label of the group.
+     */
+    label?: string;
+};
 declare const MenuGroup: _yamada_ui_core.Component<"div", MenuGroupProps>;
 
-export { MenuGroup, MenuGroupProps };
+export { MenuGroup, type MenuGroupProps };

package/dist/menu-group.d.ts

@@ -1,7 +1,12 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type MenuGroupProps = HTMLUIProps<"div">;
+type MenuGroupProps = HTMLUIProps<"div"> & {
+    /**
+     * The label of the group.
+     */
+    label?: string;
+};
 declare const MenuGroup: _yamada_ui_core.Component<"div", MenuGroupProps>;
 
-export { MenuGroup, MenuGroupProps };
+export { MenuGroup, type MenuGroupProps };

package/dist/menu-group.js

@@ -49,27 +49,27 @@ var [MenuProvider, useMenu] = (0, import_utils.createContext)({
 // src/menu-group.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MenuGroup = (0, import_core2.forwardRef)(
-  ({ className, title, children, ...rest }, ref) => {
+  ({ className, label, children, ...rest }, ref) => {
     const { styles } = useMenu();
     const css = { ...styles.group };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_core2.ui.div,
+      import_core2.ui.li,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu__item--group", className),
+        className: (0, import_utils2.cx)("ui-menu__item", "ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
         children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             import_core2.ui.span,
             {
-              className: (0, import_utils2.cx)("ui-menu__item--group-title"),
-              __css: styles.groupTitle,
-              children: title
+              className: (0, import_utils2.cx)("ui-menu__item--group-label"),
+              __css: styles.groupLabel,
+              children: label
             }
           ) : null,
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.ul, { className: "ui-menu__item__group", children })
         ]
       }
     );

package/dist/menu-group.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuGroup
-} from "./chunk-V62YZTKO.mjs";
+} from "./chunk-SL5MYZ26.mjs";
 import "./chunk-W5VK56XL.mjs";
 export {
   MenuGroup

package/dist/menu-item.d.mts

@@ -55,4 +55,4 @@ type MenuOptionItemOptions = {
 type MenuOptionItemProps = Omit<MenuItemProps, "icon" | "command"> & MenuOptionItemOptions;
 declare const MenuOptionItem: _yamada_ui_core.Component<"button", MenuOptionItemProps>;
 
-export { MenuItem, MenuItemProps, MenuOptionItem, MenuOptionItemProps };
+export { MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps };

package/dist/menu-item.d.ts

@@ -55,4 +55,4 @@ type MenuOptionItemOptions = {
 type MenuOptionItemProps = Omit<MenuItemProps, "icon" | "command"> & MenuOptionItemOptions;
 declare const MenuOptionItem: _yamada_ui_core.Component<"button", MenuOptionItemProps>;
 
-export { MenuItem, MenuItemProps, MenuOptionItem, MenuOptionItemProps };
+export { MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps };

package/dist/menu-item.js

@@ -135,7 +135,7 @@ var MenuItem = (0, import_core2.forwardRef)(
       ...styles.item
     };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_core2.ui.button,
+      import_core2.ui.li,
       {
         ...props,
         ...rest,

package/dist/menu-item.mjs

@@ -2,7 +2,7 @@
 import {
   MenuItem,
   MenuOptionItem
-} from "./chunk-OMC6OCNU.mjs";
+} from "./chunk-BWTIFRBL.mjs";
 import "./chunk-W5VK56XL.mjs";
 export {
   MenuItem,

package/dist/menu-list.d.mts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuListProps = HTMLUIProps<"section">;
 declare const MenuList: _yamada_ui_core.Component<"section", MenuListProps>;
 
-export { MenuList, MenuListProps };
+export { MenuList, type MenuListProps };

package/dist/menu-list.d.ts

@@ -4,4 +4,4 @@ import { HTMLUIProps } from '@yamada-ui/core';
 type MenuListProps = HTMLUIProps<"section">;
 declare const MenuList: _yamada_ui_core.Component<"section", MenuListProps>;
 
-export { MenuList, MenuListProps };
+export { MenuList, type MenuListProps };

package/dist/menu-list.js

@@ -96,6 +96,7 @@ var MenuList = (0, import_core2.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_popover2.PopoverContent,
       {
+        as: "ul",
         ref: (0, import_utils2.mergeRefs)(menuRef, ref),
         className: (0, import_utils2.cx)("ui-menu__list", className),
         role: "menu",

package/dist/menu-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MenuList
-} from "./chunk-UFMHWKIJ.mjs";
+} from "./chunk-NLESVCUN.mjs";
 import "./chunk-W5VK56XL.mjs";
 export {
   MenuList

package/dist/menu-option-group.d.mts

@@ -2,6 +2,10 @@ import { HTMLUIProps, ComponentArgs } from '@yamada-ui/core';
 import { Ref } from 'react';
 
 type MenuOptionGroupOptions<Y extends string | string[] = string> = {
+    /**
+     * The label of the option group.
+     */
+    label: string;
     /**
      * The value of the menu item group.
      */
@@ -26,4 +30,4 @@ declare const MenuOptionGroup: (<Y extends string | string[] = string>(props: Om
     ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element) & ComponentArgs;
 
-export { MenuOptionGroup, MenuOptionGroupProps };
+export { MenuOptionGroup, type MenuOptionGroupProps };

package/dist/menu-option-group.d.ts

@@ -2,6 +2,10 @@ import { HTMLUIProps, ComponentArgs } from '@yamada-ui/core';
 import { Ref } from 'react';
 
 type MenuOptionGroupOptions<Y extends string | string[] = string> = {
+    /**
+     * The label of the option group.
+     */
+    label: string;
     /**
      * The value of the menu item group.
      */
@@ -26,4 +30,4 @@ declare const MenuOptionGroup: (<Y extends string | string[] = string>(props: Om
     ref?: Ref<HTMLDivElement> | undefined;
 }) => JSX.Element) & ComponentArgs;
 
-export { MenuOptionGroup, MenuOptionGroupProps };
+export { MenuOptionGroup, type MenuOptionGroupProps };

package/dist/menu-option-group.js

@@ -54,27 +54,27 @@ var [MenuProvider, useMenu] = (0, import_utils.createContext)({
 // src/menu-group.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MenuGroup = (0, import_core2.forwardRef)(
-  ({ className, title, children, ...rest }, ref) => {
+  ({ className, label, children, ...rest }, ref) => {
     const { styles } = useMenu();
     const css = { ...styles.group };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_core2.ui.div,
+      import_core2.ui.li,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-menu__item--group", className),
+        className: (0, import_utils2.cx)("ui-menu__item", "ui-menu__item--group", className),
         role: "group",
         __css: css,
         ...rest,
         children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             import_core2.ui.span,
             {
-              className: (0, import_utils2.cx)("ui-menu__item--group-title"),
-              __css: styles.groupTitle,
-              children: title
+              className: (0, import_utils2.cx)("ui-menu__item--group-label"),
+              __css: styles.groupLabel,
+              children: label
             }
           ) : null,
-          children
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.ul, { className: "ui-menu__item__group", children })
         ]
       }
     );
@@ -171,7 +171,7 @@ var MenuItem = (0, import_core3.forwardRef)(
       ...styles.item
     };
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_core3.ui.button,
+      import_core3.ui.li,
       {
         ...props,
         ...rest,

package/dist/menu-option-group.mjs

@@ -1,9 +1,9 @@
 "use client"
 import {
   MenuOptionGroup
-} from "./chunk-6GKORNJH.mjs";
-import "./chunk-V62YZTKO.mjs";
-import "./chunk-OMC6OCNU.mjs";
+} from "./chunk-P6NJA644.mjs";
+import "./chunk-SL5MYZ26.mjs";
+import "./chunk-BWTIFRBL.mjs";
 import "./chunk-W5VK56XL.mjs";
 export {
   MenuOptionGroup

package/dist/menu.d.mts

@@ -2136,4 +2136,4 @@ type MenuOptions = {
 type MenuProps = ThemeProps<"Menu"> & Omit<PopoverProps, "closeOnButton"> & MenuOptions;
 declare const Menu: FC<MenuProps>;
 
-export { Menu, MenuProps, useMenu, useMenuDescendant, useMenuDescendantsContext };
+export { Menu, type MenuProps, useMenu, useMenuDescendant, useMenuDescendantsContext };

package/dist/menu.d.ts

@@ -2136,4 +2136,4 @@ type MenuOptions = {
 type MenuProps = ThemeProps<"Menu"> & Omit<PopoverProps, "closeOnButton"> & MenuOptions;
 declare const Menu: FC<MenuProps>;
 
-export { Menu, MenuProps, useMenu, useMenuDescendant, useMenuDescendantsContext };
+export { Menu, type MenuProps, useMenu, useMenuDescendant, useMenuDescendantsContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/menu",
-  "version": "0.3.27",
+  "version": "0.4.0",
   "description": "Yamada UI menu component",
   "keywords": [
     "yamada",
@@ -35,10 +35,10 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.12.8",
+    "@yamada-ui/core": "0.13.0",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/popover": "0.3.25",
-    "@yamada-ui/transitions": "0.3.20",
+    "@yamada-ui/popover": "0.3.26",
+    "@yamada-ui/transitions": "0.3.21",
     "@yamada-ui/use-disclosure": "0.4.3",
     "@yamada-ui/use-descendant": "0.2.7",
     "@yamada-ui/use-clickable": "0.3.6",