@yamada-ui/menu 1.3.12 → 1.3.13-dev-20240917033401

package/dist/menu-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menu-context.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createDescendant } from \"@yamada-ui/use-descendant\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type {\n  Dispatch,\n  KeyboardEventHandler,\n  MutableRefObject,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { MenuOptions } from \"./menu\"\n\nexport const {\n  DescendantsContextProvider,\n  useDescendantsContext: useMenuDescendantsContext,\n  useDescendants,\n  useDescendant: useMenuDescendant,\n} = createDescendant()\n\ninterface MenuContext extends MenuOptions {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onUpstreamClose?: () => void\n  onFocusFirstItem: () => void\n  onFocusLastItem: () => void\n  focusedIndex: number\n  setFocusedIndex: Dispatch<SetStateAction<number>>\n  menuRef: RefObject<HTMLDivElement>\n  requestAnimationFrameId: MutableRefObject<number | null>\n  isNested: boolean\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [MenuProvider, useMenu] = createContext<MenuContext>({\n  name: \"MenuContext\",\n  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in \"<Menu />\"`,\n})\n\ninterface ContextMenuContext {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ContextMenuProvider, useContextMenu] =\n  createContext<ContextMenuContext>({\n    strict: false,\n    name: \"ContextMenuContext\",\n  })\n\ninterface UpstreamMenuContext {\n  relatedRef: RefObject<HTMLElement>\n  onDownstreamCloseMapRef: MutableRefObject<Map<string, () => void>>\n  onUpstreamClose: () => void\n}\n\nexport const [UpstreamMenuProvider, useUpstreamMenu] =\n  createContext<UpstreamMenuContext>({\n    strict: false,\n    name: \"UpstreamMenuContext\",\n  })\n\ninterface UpstreamMenuItemContext {\n  onUpstreamRestoreFocus: () => void\n  onKeyDownRef: RefObject<KeyboardEventHandler<HTMLLIElement>>\n  setDownstreamOpen: Dispatch<SetStateAction<boolean>>\n  hasDownstreamRef: MutableRefObject<boolean>\n}\n\nexport const [UpstreamMenuItemProvider, useUpstreamMenuItem] =\n  createContext<UpstreamMenuItemContext>({\n    strict: false,\n    name: \"UpstreamMenuItemContext\",\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAiC;AACjC,mBAA8B;AAUvB,IAAM;AAAA,EACX;AAAA,EACA,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AACjB,QAAI,wCAAiB;AAiBd,IAAM,CAAC,cAAc,OAAO,QAAI,4BAA2B;AAAA,EAChE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,qBAAqB,cAAc,QAC/C,4BAAkC;AAAA,EAChC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAQI,IAAM,CAAC,sBAAsB,eAAe,QACjD,4BAAmC;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AASI,IAAM,CAAC,0BAA0B,mBAAmB,QACzD,4BAAuC;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;","names":[]}

package/dist/menu-context.mjs

@@ -0,0 +1,30 @@
+"use client"
+import {
+  ContextMenuProvider,
+  DescendantsContextProvider,
+  MenuProvider,
+  UpstreamMenuItemProvider,
+  UpstreamMenuProvider,
+  useContextMenu,
+  useDescendants,
+  useMenu,
+  useMenuDescendant,
+  useMenuDescendantsContext,
+  useUpstreamMenu,
+  useUpstreamMenuItem
+} from "./chunk-ZUOFHOX6.mjs";
+export {
+  ContextMenuProvider,
+  DescendantsContextProvider,
+  MenuProvider,
+  UpstreamMenuItemProvider,
+  UpstreamMenuProvider,
+  useContextMenu,
+  useDescendants,
+  useMenu,
+  useMenuDescendant,
+  useMenuDescendantsContext,
+  useUpstreamMenu,
+  useUpstreamMenuItem
+};
+//# sourceMappingURL=menu-context.mjs.map

package/dist/menu-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/menu-divider.d.mts

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

package/dist/menu-divider.d.ts

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

package/dist/menu-divider.js

@@ -24,17 +24,12 @@ __export(menu_divider_exports, {
   MenuDivider: () => MenuDivider
 });
 module.exports = __toCommonJS(menu_divider_exports);
-var import_core2 = require("@yamada-ui/core");
+var import_core = require("@yamada-ui/core");
 var import_utils2 = require("@yamada-ui/utils");
 
-// src/menu.tsx
-var import_core = require("@yamada-ui/core");
-var import_popover = require("@yamada-ui/popover");
+// src/menu-context.ts
 var import_use_descendant = require("@yamada-ui/use-descendant");
-var import_use_disclosure = require("@yamada-ui/use-disclosure");
 var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
 var {
   DescendantsContextProvider,
   useDescendantsContext: useMenuDescendantsContext,
@@ -45,26 +40,36 @@ var [MenuProvider, useMenu] = (0, import_utils.createContext)({
   name: "MenuContext",
   errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in "<Menu />"`
 });
+var [ContextMenuProvider, useContextMenu] = (0, import_utils.createContext)({
+  strict: false,
+  name: "ContextMenuContext"
+});
 var [UpstreamMenuProvider, useUpstreamMenu] = (0, import_utils.createContext)({
   strict: false,
   name: "UpstreamMenuContext"
 });
+var [UpstreamMenuItemProvider, useUpstreamMenuItem] = (0, import_utils.createContext)({
+  strict: false,
+  name: "UpstreamMenuItemContext"
+});
 
 // src/menu-divider.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var MenuDivider = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
-  const { styles } = useMenu();
-  const css = { ...styles.divider };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core2.ui.hr,
-    {
-      ref,
-      className: (0, import_utils2.cx)("ui-menu__divider", className),
-      __css: css,
-      ...rest
-    }
-  );
-});
+var import_jsx_runtime = require("react/jsx-runtime");
+var MenuDivider = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const { styles } = useMenu();
+    const css = { ...styles.divider };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.hr,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-menu__divider", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MenuDivider

package/dist/menu-divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/menu-divider.tsx","../src/menu.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMenu } from \"./menu\"\n\nexport type MenuDividerProps = HTMLUIProps<\"hr\">\n\nexport const MenuDivider = forwardRef(({ className, ...rest }, ref) => {\n  const { styles } = useMenu()\n\n  const css: CSSUIObject = { ...styles.divider }\n\n  return (\n    <ui.hr\n      ref={ref}\n      className={cx(\"ui-menu__divider\", className)}\n      __css={css}\n      {...rest}\n    />\n  )\n})\n","import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { PopoverProps } from \"@yamada-ui/popover\"\nimport { Popover } from \"@yamada-ui/popover\"\nimport { createDescendant } from \"@yamada-ui/use-descendant\"\nimport { useDisclosure } from \"@yamada-ui/use-disclosure\"\nimport {\n  createContext,\n  funcAll,\n  useUnmountEffect,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport type {\n  Dispatch,\n  FC,\n  MutableRefObject,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\"\nimport { useContextMenu } from \"./context-menu\"\nimport { useUpstreamMenuItem } from \"./menu-item\"\n\nconst {\n  DescendantsContextProvider,\n  useDescendantsContext: useMenuDescendantsContext,\n  useDescendants,\n  useDescendant: useMenuDescendant,\n} = createDescendant<HTMLElement>()\n\nexport { useMenuDescendantsContext, useMenuDescendant }\n\ntype MenuContext = MenuOptions & {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onUpstreamClose?: () => void\n  onFocusFirstItem: () => void\n  onFocusLastItem: () => void\n  focusedIndex: number\n  setFocusedIndex: Dispatch<SetStateAction<number>>\n  menuRef: RefObject<HTMLDivElement>\n  requestAnimationFrameId: MutableRefObject<number | null>\n  isNested: boolean\n  styles: Record<string, CSSUIObject>\n}\n\nconst [MenuProvider, useMenu] = createContext<MenuContext>({\n  name: \"MenuContext\",\n  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in \"<Menu />\"`,\n})\n\ntype UpstreamMenuContext = {\n  relatedRef: RefObject<HTMLElement>\n  onDownstreamCloseMapRef: MutableRefObject<Map<string, () => void>>\n  onUpstreamClose: () => void\n}\n\nexport const [UpstreamMenuProvider, useUpstreamMenu] =\n  createContext<UpstreamMenuContext>({\n    strict: false,\n    name: \"UpstreamMenuContext\",\n  })\n\nexport { useMenu }\n\ntype MenuOptions = {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n}\n\nexport type MenuProps = ThemeProps<\"Menu\"> &\n  Omit<PopoverProps, \"closeOnButton\" | \"relatedRef\"> &\n  MenuOptions\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see Docs https://yamada-ui.com/components/overlay/menu\n */\nexport const Menu: FC<MenuProps> = (props) => {\n  const { styles: contextMenuStyles } = useContextMenu() ?? {}\n  const [styles, mergedProps] = useMultiComponentStyle(\"Menu\", props, {\n    isProcessSkip: !!contextMenuStyles,\n    styles: contextMenuStyles,\n  })\n  let {\n    initialFocusRef,\n    closeOnSelect = true,\n    closeOnBlur,\n    placement,\n    duration = 0.2,\n    offset,\n    onOpen: onOpenProp,\n    onClose: onCloseProp,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  const { relatedRef, onUpstreamClose, onDownstreamCloseMapRef } =\n    useUpstreamMenu() ?? {}\n  const { setDownstreamOpen, hasDownstreamRef } = useUpstreamMenuItem() ?? {}\n  const isNested = !!relatedRef\n\n  if (isNested) {\n    placement ??= \"right-start\"\n    offset ??= [-8, 8]\n    closeOnBlur ??= false\n  } else {\n    placement ??= \"bottom-start\"\n  }\n\n  const descendants = useDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const menuRef = useRef<HTMLDivElement>(null)\n  const timeoutIds = useRef<Set<any>>(new Set([]))\n  const requestAnimationFrameId = useRef<number | null>(null)\n  const onCloseMapRef = useRef<Map<string, () => void>>(new Map())\n\n  const onFocusMenu = useCallback(() => {\n    requestAnimationFrame(() =>\n      menuRef.current?.focus({ preventScroll: false }),\n    )\n  }, [])\n\n  const onFocusFirstItem = useCallback(() => {\n    const id = setTimeout(() => {\n      if (initialFocusRef) return\n\n      const first = descendants.enabledFirstValue()\n\n      if (first) setFocusedIndex(first.index)\n    })\n\n    timeoutIds.current.add(id)\n  }, [descendants, initialFocusRef])\n\n  const onFocusLastItem = useCallback(() => {\n    const id = setTimeout(() => {\n      if (initialFocusRef) return\n\n      const last = descendants.enabledLastValue()\n\n      if (last) setFocusedIndex(last.index)\n    })\n\n    timeoutIds.current.add(id)\n  }, [descendants, initialFocusRef])\n\n  const onOpenInternal = useCallback(() => {\n    onOpenProp?.()\n\n    if (!isNested) onFocusMenu()\n  }, [onOpenProp, isNested, onFocusMenu])\n\n  const onCloseInternal = useCallback(() => {\n    onCloseProp?.()\n\n    for (const onClose of onCloseMapRef.current.values()) {\n      onClose()\n    }\n  }, [onCloseProp])\n\n  const id = useId()\n  const { isOpen, onOpen, onClose } = useDisclosure({\n    ...props,\n    onOpen: onOpenInternal,\n    onClose: onCloseInternal,\n  })\n\n  useEffect(() => {\n    const onCloseMap = onDownstreamCloseMapRef?.current\n\n    onCloseMap?.set(id, onClose)\n\n    return () => {\n      onCloseMap?.delete(id)\n    }\n  }, [id, onClose, onDownstreamCloseMapRef])\n\n  useEffect(() => {\n    if (setDownstreamOpen) setDownstreamOpen(isOpen)\n  }, [setDownstreamOpen, isOpen])\n\n  useEffect(() => {\n    if (hasDownstreamRef) hasDownstreamRef.current = true\n\n    return () => {\n      if (hasDownstreamRef) hasDownstreamRef.current = false\n    }\n  })\n\n  useUpdateEffect(() => {\n    if (!isOpen) setFocusedIndex(-1)\n  }, [isOpen])\n\n  useUnmountEffect(() => {\n    timeoutIds.current.forEach((id) => clearTimeout(id))\n    timeoutIds.current.clear()\n  })\n\n  return (\n    <DescendantsContextProvider value={descendants}>\n      <UpstreamMenuProvider\n        value={{\n          relatedRef: menuRef,\n          onDownstreamCloseMapRef: onCloseMapRef,\n          onUpstreamClose: funcAll(onUpstreamClose, onClose),\n        }}\n      >\n        <MenuProvider\n          value={{\n            isOpen,\n            onOpen,\n            onClose,\n            onUpstreamClose,\n            onFocusFirstItem,\n            onFocusLastItem,\n            closeOnSelect,\n            focusedIndex,\n            setFocusedIndex,\n            menuRef,\n            requestAnimationFrameId,\n            isNested,\n            styles,\n          }}\n        >\n          <Popover\n            {...{\n              trigger: isNested ? \"hover\" : \"click\",\n              ...rest,\n              isOpen,\n              onOpen,\n              onClose,\n              placement,\n              offset,\n              duration,\n              initialFocusRef,\n              relatedRef,\n              closeOnButton: false,\n              closeOnBlur,\n            }}\n          />\n        </MenuProvider>\n      </UpstreamMenuProvider>\n    </DescendantsContextProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,eAA+B;AAC/B,IAAAC,gBAAmB;;;ACDnB,kBAAuD;AAEvD,qBAAwB;AACxB,4BAAiC;AACjC,4BAA8B;AAC9B,mBAKO;AAQP,mBAAgE;AAoNtD;AAhNV,IAAM;AAAA,EACJ;AAAA,EACA,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AACjB,QAAI,wCAA8B;AAmBlC,IAAM,CAAC,cAAc,OAAO,QAAI,4BAA2B;AAAA,EACzD,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAQM,IAAM,CAAC,sBAAsB,eAAe,QACjD,4BAAmC;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADjDC,IAAAC,sBAAA;AANG,IAAM,kBAAc,yBAAW,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AACrE,QAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,QAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,SACE;AAAA,IAAC,gBAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,eAAW,kBAAG,oBAAoB,SAAS;AAAA,MAC3C,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/menu-divider.tsx","../src/menu-context.ts"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMenu } from \"./menu-context\"\n\nexport interface MenuDividerProps extends HTMLUIProps<\"hr\"> {}\n\nexport const MenuDivider = forwardRef<MenuDividerProps, \"hr\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useMenu()\n\n    const css: CSSUIObject = { ...styles.divider }\n\n    return (\n      <ui.hr\n        ref={ref}\n        className={cx(\"ui-menu__divider\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createDescendant } from \"@yamada-ui/use-descendant\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type {\n  Dispatch,\n  KeyboardEventHandler,\n  MutableRefObject,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { MenuOptions } from \"./menu\"\n\nexport const {\n  DescendantsContextProvider,\n  useDescendantsContext: useMenuDescendantsContext,\n  useDescendants,\n  useDescendant: useMenuDescendant,\n} = createDescendant()\n\ninterface MenuContext extends MenuOptions {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onUpstreamClose?: () => void\n  onFocusFirstItem: () => void\n  onFocusLastItem: () => void\n  focusedIndex: number\n  setFocusedIndex: Dispatch<SetStateAction<number>>\n  menuRef: RefObject<HTMLDivElement>\n  requestAnimationFrameId: MutableRefObject<number | null>\n  isNested: boolean\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [MenuProvider, useMenu] = createContext<MenuContext>({\n  name: \"MenuContext\",\n  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in \"<Menu />\"`,\n})\n\ninterface ContextMenuContext {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ContextMenuProvider, useContextMenu] =\n  createContext<ContextMenuContext>({\n    strict: false,\n    name: \"ContextMenuContext\",\n  })\n\ninterface UpstreamMenuContext {\n  relatedRef: RefObject<HTMLElement>\n  onDownstreamCloseMapRef: MutableRefObject<Map<string, () => void>>\n  onUpstreamClose: () => void\n}\n\nexport const [UpstreamMenuProvider, useUpstreamMenu] =\n  createContext<UpstreamMenuContext>({\n    strict: false,\n    name: \"UpstreamMenuContext\",\n  })\n\ninterface UpstreamMenuItemContext {\n  onUpstreamRestoreFocus: () => void\n  onKeyDownRef: RefObject<KeyboardEventHandler<HTMLLIElement>>\n  setDownstreamOpen: Dispatch<SetStateAction<boolean>>\n  hasDownstreamRef: MutableRefObject<boolean>\n}\n\nexport const [UpstreamMenuItemProvider, useUpstreamMenuItem] =\n  createContext<UpstreamMenuItemContext>({\n    strict: false,\n    name: \"UpstreamMenuItemContext\",\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,4BAAiC;AACjC,mBAA8B;AAUvB,IAAM;AAAA,EACX;AAAA,EACA,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AACjB,QAAI,wCAAiB;AAiBd,IAAM,CAAC,cAAc,OAAO,QAAI,4BAA2B;AAAA,EAChE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,qBAAqB,cAAc,QAC/C,4BAAkC;AAAA,EAChC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAQI,IAAM,CAAC,sBAAsB,eAAe,QACjD,4BAAmC;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AASI,IAAM,CAAC,0BAA0B,mBAAmB,QACzD,4BAAuC;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;AD1DG;AAPC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils"]}

package/dist/menu-divider.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   MenuDivider
-} from "./chunk-ZOUBZWDN.mjs";
-import "./chunk-6IPLI42Z.mjs";
+} from "./chunk-OFCEMPQW.mjs";
+import "./chunk-ZUOFHOX6.mjs";
 export {
   MenuDivider
 };

package/dist/menu-group.d.mts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type MenuGroupProps = HTMLUIProps<"div"> & {
+interface MenuGroupProps extends HTMLUIProps<"li"> {
     /**
      * The label of the group.
      */
@@ -10,7 +10,7 @@ type MenuGroupProps = HTMLUIProps<"div"> & {
      * Props for menu group element.
      */
     labelProps?: HTMLUIProps<"span">;
-};
-declare const MenuGroup: _yamada_ui_core.Component<"div", MenuGroupProps>;
+}
+declare const MenuGroup: _yamada_ui_core.Component<"li", MenuGroupProps>;
 
 export { MenuGroup, type MenuGroupProps };

package/dist/menu-group.d.ts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type MenuGroupProps = HTMLUIProps<"div"> & {
+interface MenuGroupProps extends HTMLUIProps<"li"> {
     /**
      * The label of the group.
      */
@@ -10,7 +10,7 @@ type MenuGroupProps = HTMLUIProps<"div"> & {
      * Props for menu group element.
      */
     labelProps?: HTMLUIProps<"span">;
-};
-declare const MenuGroup: _yamada_ui_core.Component<"div", MenuGroupProps>;
+}
+declare const MenuGroup: _yamada_ui_core.Component<"li", MenuGroupProps>;
 
 export { MenuGroup, type MenuGroupProps };

package/dist/menu-group.js

@@ -24,17 +24,12 @@ __export(menu_group_exports, {
   MenuGroup: () => MenuGroup
 });
 module.exports = __toCommonJS(menu_group_exports);
-var import_core2 = require("@yamada-ui/core");
+var import_core = require("@yamada-ui/core");
 var import_utils2 = require("@yamada-ui/utils");
 
-// src/menu.tsx
-var import_core = require("@yamada-ui/core");
-var import_popover = require("@yamada-ui/popover");
+// src/menu-context.ts
 var import_use_descendant = require("@yamada-ui/use-descendant");
-var import_use_disclosure = require("@yamada-ui/use-disclosure");
 var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
 var {
   DescendantsContextProvider,
   useDescendantsContext: useMenuDescendantsContext,
@@ -45,19 +40,27 @@ var [MenuProvider, useMenu] = (0, import_utils.createContext)({
   name: "MenuContext",
   errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in "<Menu />"`
 });
+var [ContextMenuProvider, useContextMenu] = (0, import_utils.createContext)({
+  strict: false,
+  name: "ContextMenuContext"
+});
 var [UpstreamMenuProvider, useUpstreamMenu] = (0, import_utils.createContext)({
   strict: false,
   name: "UpstreamMenuContext"
 });
+var [UpstreamMenuItemProvider, useUpstreamMenuItem] = (0, import_utils.createContext)({
+  strict: false,
+  name: "UpstreamMenuItemContext"
+});
 
 // src/menu-group.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var MenuGroup = (0, import_core2.forwardRef)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var MenuGroup = (0, import_core.forwardRef)(
   ({ className, label, children, labelProps, ...rest }, ref) => {
     const { styles } = useMenu();
     const css = { ...styles.group };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_core2.ui.li,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_core.ui.li,
       {
         ref,
         className: (0, import_utils2.cx)("ui-menu__item", "ui-menu__item--group", className),
@@ -65,8 +68,8 @@ var MenuGroup = (0, import_core2.forwardRef)(
         __css: css,
         ...rest,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_core2.ui.span,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.ui.span,
             {
               className: (0, import_utils2.cx)("ui-menu__item--group-label"),
               __css: styles.groupLabel,
@@ -74,7 +77,7 @@ var MenuGroup = (0, import_core2.forwardRef)(
               children: label
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.ul, { className: "ui-menu__item__group", children })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.ul, { className: "ui-menu__item__group", children })
         ]
       }
     );

package/dist/menu-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/menu-group.tsx","../src/menu.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMenu } from \"./menu\"\n\nexport type MenuGroupProps = HTMLUIProps<\"div\"> & {\n  /**\n   * The label of the group.\n   */\n  label?: string\n  /**\n   * Props for menu group element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport const MenuGroup = forwardRef<MenuGroupProps, \"div\">(\n  ({ className, label, children, labelProps, ...rest }, ref) => {\n    const { styles } = useMenu()\n\n    const css: CSSUIObject = { ...styles.group }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-menu__item\", \"ui-menu__item--group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {label ? (\n          <ui.span\n            className={cx(\"ui-menu__item--group-label\")}\n            __css={styles.groupLabel}\n            {...labelProps}\n          >\n            {label}\n          </ui.span>\n        ) : null}\n\n        <ui.ul className=\"ui-menu__item__group\">{children}</ui.ul>\n      </ui.li>\n    )\n  },\n)\n","import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { PopoverProps } from \"@yamada-ui/popover\"\nimport { Popover } from \"@yamada-ui/popover\"\nimport { createDescendant } from \"@yamada-ui/use-descendant\"\nimport { useDisclosure } from \"@yamada-ui/use-disclosure\"\nimport {\n  createContext,\n  funcAll,\n  useUnmountEffect,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport type {\n  Dispatch,\n  FC,\n  MutableRefObject,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\"\nimport { useContextMenu } from \"./context-menu\"\nimport { useUpstreamMenuItem } from \"./menu-item\"\n\nconst {\n  DescendantsContextProvider,\n  useDescendantsContext: useMenuDescendantsContext,\n  useDescendants,\n  useDescendant: useMenuDescendant,\n} = createDescendant<HTMLElement>()\n\nexport { useMenuDescendantsContext, useMenuDescendant }\n\ntype MenuContext = MenuOptions & {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onUpstreamClose?: () => void\n  onFocusFirstItem: () => void\n  onFocusLastItem: () => void\n  focusedIndex: number\n  setFocusedIndex: Dispatch<SetStateAction<number>>\n  menuRef: RefObject<HTMLDivElement>\n  requestAnimationFrameId: MutableRefObject<number | null>\n  isNested: boolean\n  styles: Record<string, CSSUIObject>\n}\n\nconst [MenuProvider, useMenu] = createContext<MenuContext>({\n  name: \"MenuContext\",\n  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in \"<Menu />\"`,\n})\n\ntype UpstreamMenuContext = {\n  relatedRef: RefObject<HTMLElement>\n  onDownstreamCloseMapRef: MutableRefObject<Map<string, () => void>>\n  onUpstreamClose: () => void\n}\n\nexport const [UpstreamMenuProvider, useUpstreamMenu] =\n  createContext<UpstreamMenuContext>({\n    strict: false,\n    name: \"UpstreamMenuContext\",\n  })\n\nexport { useMenu }\n\ntype MenuOptions = {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n}\n\nexport type MenuProps = ThemeProps<\"Menu\"> &\n  Omit<PopoverProps, \"closeOnButton\" | \"relatedRef\"> &\n  MenuOptions\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see Docs https://yamada-ui.com/components/overlay/menu\n */\nexport const Menu: FC<MenuProps> = (props) => {\n  const { styles: contextMenuStyles } = useContextMenu() ?? {}\n  const [styles, mergedProps] = useMultiComponentStyle(\"Menu\", props, {\n    isProcessSkip: !!contextMenuStyles,\n    styles: contextMenuStyles,\n  })\n  let {\n    initialFocusRef,\n    closeOnSelect = true,\n    closeOnBlur,\n    placement,\n    duration = 0.2,\n    offset,\n    onOpen: onOpenProp,\n    onClose: onCloseProp,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  const { relatedRef, onUpstreamClose, onDownstreamCloseMapRef } =\n    useUpstreamMenu() ?? {}\n  const { setDownstreamOpen, hasDownstreamRef } = useUpstreamMenuItem() ?? {}\n  const isNested = !!relatedRef\n\n  if (isNested) {\n    placement ??= \"right-start\"\n    offset ??= [-8, 8]\n    closeOnBlur ??= false\n  } else {\n    placement ??= \"bottom-start\"\n  }\n\n  const descendants = useDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const menuRef = useRef<HTMLDivElement>(null)\n  const timeoutIds = useRef<Set<any>>(new Set([]))\n  const requestAnimationFrameId = useRef<number | null>(null)\n  const onCloseMapRef = useRef<Map<string, () => void>>(new Map())\n\n  const onFocusMenu = useCallback(() => {\n    requestAnimationFrame(() =>\n      menuRef.current?.focus({ preventScroll: false }),\n    )\n  }, [])\n\n  const onFocusFirstItem = useCallback(() => {\n    const id = setTimeout(() => {\n      if (initialFocusRef) return\n\n      const first = descendants.enabledFirstValue()\n\n      if (first) setFocusedIndex(first.index)\n    })\n\n    timeoutIds.current.add(id)\n  }, [descendants, initialFocusRef])\n\n  const onFocusLastItem = useCallback(() => {\n    const id = setTimeout(() => {\n      if (initialFocusRef) return\n\n      const last = descendants.enabledLastValue()\n\n      if (last) setFocusedIndex(last.index)\n    })\n\n    timeoutIds.current.add(id)\n  }, [descendants, initialFocusRef])\n\n  const onOpenInternal = useCallback(() => {\n    onOpenProp?.()\n\n    if (!isNested) onFocusMenu()\n  }, [onOpenProp, isNested, onFocusMenu])\n\n  const onCloseInternal = useCallback(() => {\n    onCloseProp?.()\n\n    for (const onClose of onCloseMapRef.current.values()) {\n      onClose()\n    }\n  }, [onCloseProp])\n\n  const id = useId()\n  const { isOpen, onOpen, onClose } = useDisclosure({\n    ...props,\n    onOpen: onOpenInternal,\n    onClose: onCloseInternal,\n  })\n\n  useEffect(() => {\n    const onCloseMap = onDownstreamCloseMapRef?.current\n\n    onCloseMap?.set(id, onClose)\n\n    return () => {\n      onCloseMap?.delete(id)\n    }\n  }, [id, onClose, onDownstreamCloseMapRef])\n\n  useEffect(() => {\n    if (setDownstreamOpen) setDownstreamOpen(isOpen)\n  }, [setDownstreamOpen, isOpen])\n\n  useEffect(() => {\n    if (hasDownstreamRef) hasDownstreamRef.current = true\n\n    return () => {\n      if (hasDownstreamRef) hasDownstreamRef.current = false\n    }\n  })\n\n  useUpdateEffect(() => {\n    if (!isOpen) setFocusedIndex(-1)\n  }, [isOpen])\n\n  useUnmountEffect(() => {\n    timeoutIds.current.forEach((id) => clearTimeout(id))\n    timeoutIds.current.clear()\n  })\n\n  return (\n    <DescendantsContextProvider value={descendants}>\n      <UpstreamMenuProvider\n        value={{\n          relatedRef: menuRef,\n          onDownstreamCloseMapRef: onCloseMapRef,\n          onUpstreamClose: funcAll(onUpstreamClose, onClose),\n        }}\n      >\n        <MenuProvider\n          value={{\n            isOpen,\n            onOpen,\n            onClose,\n            onUpstreamClose,\n            onFocusFirstItem,\n            onFocusLastItem,\n            closeOnSelect,\n            focusedIndex,\n            setFocusedIndex,\n            menuRef,\n            requestAnimationFrameId,\n            isNested,\n            styles,\n          }}\n        >\n          <Popover\n            {...{\n              trigger: isNested ? \"hover\" : \"click\",\n              ...rest,\n              isOpen,\n              onOpen,\n              onClose,\n              placement,\n              offset,\n              duration,\n              initialFocusRef,\n              relatedRef,\n              closeOnButton: false,\n              closeOnBlur,\n            }}\n          />\n        </MenuProvider>\n      </UpstreamMenuProvider>\n    </DescendantsContextProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,eAA+B;AAC/B,IAAAC,gBAAmB;;;ACDnB,kBAAuD;AAEvD,qBAAwB;AACxB,4BAAiC;AACjC,4BAA8B;AAC9B,mBAKO;AAQP,mBAAgE;AAoNtD;AAhNV,IAAM;AAAA,EACJ;AAAA,EACA,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AACjB,QAAI,wCAA8B;AAmBlC,IAAM,CAAC,cAAc,OAAO,QAAI,4BAA2B;AAAA,EACzD,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAQM,IAAM,CAAC,sBAAsB,eAAe,QACjD,4BAAmC;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADvCG,IAAAC,sBAAA;AAPC,IAAM,gBAAY;AAAA,EACvB,CAAC,EAAE,WAAW,OAAO,UAAU,YAAY,GAAG,KAAK,GAAG,QAAQ;AAC5D,UAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,UAAM,MAAmB,EAAE,GAAG,OAAO,MAAM;AAE3C,WACE;AAAA,MAAC,gBAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,iBAAiB,wBAAwB,SAAS;AAAA,QAChE,MAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA,kBACC;AAAA,YAAC,gBAAG;AAAA,YAAH;AAAA,cACC,eAAW,kBAAG,4BAA4B;AAAA,cAC1C,OAAO,OAAO;AAAA,cACb,GAAG;AAAA,cAEH;AAAA;AAAA,UACH,IACE;AAAA,UAEJ,6CAAC,gBAAG,IAAH,EAAM,WAAU,wBAAwB,UAAS;AAAA;AAAA;AAAA,IACpD;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/menu-group.tsx","../src/menu-context.ts"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useMenu } from \"./menu-context\"\n\nexport interface MenuGroupProps extends HTMLUIProps<\"li\"> {\n  /**\n   * The label of the group.\n   */\n  label?: string\n  /**\n   * Props for menu group element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport const MenuGroup = forwardRef<MenuGroupProps, \"li\">(\n  ({ className, label, children, labelProps, ...rest }, ref) => {\n    const { styles } = useMenu()\n\n    const css: CSSUIObject = { ...styles.group }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-menu__item\", \"ui-menu__item--group\", className)}\n        role=\"group\"\n        __css={css}\n        {...rest}\n      >\n        {label ? (\n          <ui.span\n            className={cx(\"ui-menu__item--group-label\")}\n            __css={styles.groupLabel}\n            {...labelProps}\n          >\n            {label}\n          </ui.span>\n        ) : null}\n\n        <ui.ul className=\"ui-menu__item__group\">{children}</ui.ul>\n      </ui.li>\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createDescendant } from \"@yamada-ui/use-descendant\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type {\n  Dispatch,\n  KeyboardEventHandler,\n  MutableRefObject,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { MenuOptions } from \"./menu\"\n\nexport const {\n  DescendantsContextProvider,\n  useDescendantsContext: useMenuDescendantsContext,\n  useDescendants,\n  useDescendant: useMenuDescendant,\n} = createDescendant()\n\ninterface MenuContext extends MenuOptions {\n  isOpen: boolean\n  onOpen: () => void\n  onClose: () => void\n  onUpstreamClose?: () => void\n  onFocusFirstItem: () => void\n  onFocusLastItem: () => void\n  focusedIndex: number\n  setFocusedIndex: Dispatch<SetStateAction<number>>\n  menuRef: RefObject<HTMLDivElement>\n  requestAnimationFrameId: MutableRefObject<number | null>\n  isNested: boolean\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [MenuProvider, useMenu] = createContext<MenuContext>({\n  name: \"MenuContext\",\n  errorMessage: `useMenu returned is 'undefined'. Seems you forgot to wrap the components in \"<Menu />\"`,\n})\n\ninterface ContextMenuContext {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ContextMenuProvider, useContextMenu] =\n  createContext<ContextMenuContext>({\n    strict: false,\n    name: \"ContextMenuContext\",\n  })\n\ninterface UpstreamMenuContext {\n  relatedRef: RefObject<HTMLElement>\n  onDownstreamCloseMapRef: MutableRefObject<Map<string, () => void>>\n  onUpstreamClose: () => void\n}\n\nexport const [UpstreamMenuProvider, useUpstreamMenu] =\n  createContext<UpstreamMenuContext>({\n    strict: false,\n    name: \"UpstreamMenuContext\",\n  })\n\ninterface UpstreamMenuItemContext {\n  onUpstreamRestoreFocus: () => void\n  onKeyDownRef: RefObject<KeyboardEventHandler<HTMLLIElement>>\n  setDownstreamOpen: Dispatch<SetStateAction<boolean>>\n  hasDownstreamRef: MutableRefObject<boolean>\n}\n\nexport const [UpstreamMenuItemProvider, useUpstreamMenuItem] =\n  createContext<UpstreamMenuItemContext>({\n    strict: false,\n    name: \"UpstreamMenuItemContext\",\n  })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAC/B,IAAAA,gBAAmB;;;ACDnB,4BAAiC;AACjC,mBAA8B;AAUvB,IAAM;AAAA,EACX;AAAA,EACA,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AACjB,QAAI,wCAAiB;AAiBd,IAAM,CAAC,cAAc,OAAO,QAAI,4BAA2B;AAAA,EAChE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,qBAAqB,cAAc,QAC/C,4BAAkC;AAAA,EAChC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAQI,IAAM,CAAC,sBAAsB,eAAe,QACjD,4BAAmC;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AASI,IAAM,CAAC,0BAA0B,mBAAmB,QACzD,4BAAuC;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADjDG;AAPC,IAAM,gBAAY;AAAA,EACvB,CAAC,EAAE,WAAW,OAAO,UAAU,YAAY,GAAG,KAAK,GAAG,QAAQ;AAC5D,UAAM,EAAE,OAAO,IAAI,QAAQ;AAE3B,UAAM,MAAmB,EAAE,GAAG,OAAO,MAAM;AAE3C,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,iBAAiB,wBAAwB,SAAS;AAAA,QAChE,MAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA,kBACC;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,eAAW,kBAAG,4BAA4B;AAAA,cAC1C,OAAO,OAAO;AAAA,cACb,GAAG;AAAA,cAEH;AAAA;AAAA,UACH,IACE;AAAA,UAEJ,4CAAC,eAAG,IAAH,EAAM,WAAU,wBAAwB,UAAS;AAAA;AAAA;AAAA,IACpD;AAAA,EAEJ;AACF;","names":["import_utils"]}

package/dist/menu-group.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   MenuGroup
-} from "./chunk-AG6UJA7D.mjs";
-import "./chunk-6IPLI42Z.mjs";
+} from "./chunk-HVOHR2NQ.mjs";
+import "./chunk-ZUOFHOX6.mjs";
 export {
   MenuGroup
 };

package/dist/menu-item.d.mts

@@ -1,17 +1,8 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import * as react from 'react';
-import { RefObject, KeyboardEventHandler, Dispatch, SetStateAction, MutableRefObject, ReactElement } from 'react';
+import { ReactElement } from 'react';
 
-type UpstreamMenuItemContext = {
-    onUpstreamRestoreFocus: () => void;
-    onKeyDownRef: RefObject<KeyboardEventHandler<HTMLLIElement>>;
-    setDownstreamOpen: Dispatch<SetStateAction<boolean>>;
-    hasDownstreamRef: MutableRefObject<boolean>;
-};
-declare const UpstreamMenuItemProvider: react.Provider<UpstreamMenuItemContext>;
-declare const useUpstreamMenuItem: () => UpstreamMenuItemContext;
-type MenuItemOptions = {
+interface MenuItemOptions {
     /**
      * If `true`, the menu item will be disabled.
      *
@@ -38,10 +29,11 @@ type MenuItemOptions = {
      * Right-aligned label text content, useful for displaying hotkeys.
      */
     command?: string;
-};
-type MenuItemProps = HTMLUIProps<"li"> & MenuItemOptions;
+}
+interface MenuItemProps extends HTMLUIProps<"li">, MenuItemOptions {
+}
 declare const MenuItem: _yamada_ui_core.Component<"li", MenuItemProps>;
-type MenuOptionItemOptions = {
+interface MenuOptionItemOptions {
     /**
      * The menu option item icon to use.
      */
@@ -60,12 +52,15 @@ type MenuOptionItemOptions = {
      * The type of the menu option item.
      */
     type?: "radio" | "checkbox";
-};
-type MenuOptionItemProps = Omit<MenuItemProps, "icon" | "command"> & MenuOptionItemOptions;
+}
+interface MenuOptionItemProps extends Omit<MenuItemProps, "icon" | "command" | "value">, MenuOptionItemOptions {
+}
 declare const MenuOptionItem: _yamada_ui_core.Component<"button", MenuOptionItemProps>;
-type MenuIconProps = HTMLUIProps<"span">;
+interface MenuIconProps extends HTMLUIProps<"span"> {
+}
 declare const MenuIcon: _yamada_ui_core.Component<"span", MenuIconProps>;
-type MenuCommandProps = HTMLUIProps<"span">;
+interface MenuCommandProps extends HTMLUIProps<"span"> {
+}
 declare const MenuCommand: _yamada_ui_core.Component<"span", MenuCommandProps>;
 
-export { MenuCommand, type MenuCommandProps, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps, UpstreamMenuItemProvider, useUpstreamMenuItem };
+export { MenuCommand, type MenuCommandProps, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps };

package/dist/menu-item.d.ts

@@ -1,17 +1,8 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import * as react from 'react';
-import { RefObject, KeyboardEventHandler, Dispatch, SetStateAction, MutableRefObject, ReactElement } from 'react';
+import { ReactElement } from 'react';
 
-type UpstreamMenuItemContext = {
-    onUpstreamRestoreFocus: () => void;
-    onKeyDownRef: RefObject<KeyboardEventHandler<HTMLLIElement>>;
-    setDownstreamOpen: Dispatch<SetStateAction<boolean>>;
-    hasDownstreamRef: MutableRefObject<boolean>;
-};
-declare const UpstreamMenuItemProvider: react.Provider<UpstreamMenuItemContext>;
-declare const useUpstreamMenuItem: () => UpstreamMenuItemContext;
-type MenuItemOptions = {
+interface MenuItemOptions {
     /**
      * If `true`, the menu item will be disabled.
      *
@@ -38,10 +29,11 @@ type MenuItemOptions = {
      * Right-aligned label text content, useful for displaying hotkeys.
      */
     command?: string;
-};
-type MenuItemProps = HTMLUIProps<"li"> & MenuItemOptions;
+}
+interface MenuItemProps extends HTMLUIProps<"li">, MenuItemOptions {
+}
 declare const MenuItem: _yamada_ui_core.Component<"li", MenuItemProps>;
-type MenuOptionItemOptions = {
+interface MenuOptionItemOptions {
     /**
      * The menu option item icon to use.
      */
@@ -60,12 +52,15 @@ type MenuOptionItemOptions = {
      * The type of the menu option item.
      */
     type?: "radio" | "checkbox";
-};
-type MenuOptionItemProps = Omit<MenuItemProps, "icon" | "command"> & MenuOptionItemOptions;
+}
+interface MenuOptionItemProps extends Omit<MenuItemProps, "icon" | "command" | "value">, MenuOptionItemOptions {
+}
 declare const MenuOptionItem: _yamada_ui_core.Component<"button", MenuOptionItemProps>;
-type MenuIconProps = HTMLUIProps<"span">;
+interface MenuIconProps extends HTMLUIProps<"span"> {
+}
 declare const MenuIcon: _yamada_ui_core.Component<"span", MenuIconProps>;
-type MenuCommandProps = HTMLUIProps<"span">;
+interface MenuCommandProps extends HTMLUIProps<"span"> {
+}
 declare const MenuCommand: _yamada_ui_core.Component<"span", MenuCommandProps>;
 
-export { MenuCommand, type MenuCommandProps, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps, UpstreamMenuItemProvider, useUpstreamMenuItem };
+export { MenuCommand, type MenuCommandProps, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuOptionItem, type MenuOptionItemProps };