@yamada-ui/react 2.3.2-dev-20261104093107 → 2.3.2-dev-20261104222056

package/dist/cjs/components/action-bar/use-action-bar.cjs

@@ -5,7 +5,6 @@ const require_environment_provider = require("../../core/system/environment-prov
 const require_props = require("../../core/components/props.cjs");
 const require_use_disclosure = require("../../hooks/use-disclosure/use-disclosure.cjs");
 const require_hooks_use_event_listener_index = require("../../hooks/use-event-listener/index.cjs");
-const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");
 // src/components/action-bar/use-action-bar.ts
 const useActionBar = ({ closeOnEsc = true, defaultOpen, open: openProp, onClose: onCloseProp, onOpen: onOpenProp, ...rest } = {}) => {
@@ -17,7 +16,6 @@ const useActionBar = ({ closeOnEsc = true, defaultOpen, open: openProp, onClose:
 		onOpen: onOpenProp
 	});
 	const [contentId] = require_dom.useIds();
-	const { t } = require_i18n_provider.useI18n("actionBar");
 	const onKeyDown = (0, react.useCallback)((ev) => {
 		if (ev.key !== "Escape") return;
 		if (!closeOnEsc) return;
@@ -30,22 +28,19 @@ const useActionBar = ({ closeOnEsc = true, defaultOpen, open: openProp, onClose:
 		"aria-controls": open ? contentId : void 0,
 		"aria-expanded": open,
 		"aria-haspopup": "dialog",
-		"aria-label": t("Open action bar"),
 		...props,
 		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onOpen)
 	}), [
 		contentId,
 		onOpen,
-		open,
-		t
+		open
 	]);
 	return {
 		open,
 		getCloseTriggerProps: (0, react.useCallback)((props = {}) => ({
-			"aria-label": t("Close action bar"),
 			...props,
 			onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClose)
-		}), [onClose, t]),
+		}), [onClose]),
 		getContentProps: (0, react.useCallback)((props = {}) => ({
 			id: contentId,
 			role: "dialog",

package/dist/cjs/components/action-bar/use-action-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-action-bar.cjs","names":["useEnvironment","useDisclosure","useIds","useI18n","useCallback","mergeProps"],"sources":["../../../../src/components/action-bar/use-action-bar.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, useIds } from \"../../utils\"\n\nexport interface UseActionBarProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the action bar will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n}\n\nexport const useActionBar = ({\n  closeOnEsc = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseActionBarProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId] = useIds()\n  const { t } = useI18n(\"actionBar\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (!closeOnEsc) return\n\n      ev.stopPropagation()\n      onClose()\n    },\n    [closeOnEsc, onClose],\n  )\n\n  useEventListener(getDocument(), \"keydown\", onKeyDown)\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) => ({\n      id: contentId,\n      role: \"dialog\",\n      ...props,\n    }),\n    [contentId],\n  )\n\n  return {\n    open,\n    getCloseTriggerProps,\n    getContentProps,\n    getOpenTriggerProps,\n    getRootProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseActionBarReturn = ReturnType<typeof useActionBar>\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,gBAAgB,EAC3B,aAAa,MACb,aACA,MAAM,UACN,SAAS,aACT,QAAQ,YACR,GAAG,SACkB,CAAC,MAAM;CAC5B,MAAM,EAAE,gBAAgBA,6BAAAA,eAAe;CACvC,MAAM,EAAE,MAAM,SAAS,WAAWC,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,aAAaC,YAAAA,OAAO;CAC3B,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,WAAW;CAEjC,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EACf,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,CAAC,YAAY;EAEjB,GAAG,gBAAgB;EACnB,QAAQ;CACV,GACA,CAAC,YAAY,OAAO,CACtB;CAEA,uCAAA,iBAAiB,YAAY,GAAG,WAAW,SAAS;CAEpD,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,QAAQ,CAAC,MAAMC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC,GACxC,CAAC,IAAI,CACP;CAEA,MAAM,uBAAA,GAA4CD,MAAAA,YAAAA,EAC/C,QAAQ,CAAC,OAAO;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,iBAAiB;EACjC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,MAAM;CAC3C,IACA;EAAC;EAAW;EAAQ;EAAM;CAAC,CAC7B;CAoBA,OAAO;EACL;EACA,uBAAA,GApBiDA,MAAAA,YAAAA,EAChD,QAAQ,CAAC,OAAO;GACf,cAAc,EAAE,kBAAkB;GAClC,GAAG;GACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,OAAO;EAC5C,IACA,CAAC,SAAS,CAAC,CAcQ;EACnB,kBAAA,GAZ6CA,MAAAA,YAAAA,EAC5C,QAAQ,CAAC,OAAO;GACf,IAAI;GACJ,MAAM;GACN,GAAG;EACL,IACA,CAAC,SAAS,CAMI;EACd;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-action-bar.cjs","names":["useEnvironment","useDisclosure","useIds","useCallback","mergeProps"],"sources":["../../../../src/components/action-bar/use-action-bar.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { handlerAll, useIds } from \"../../utils\"\n\nexport interface UseActionBarProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the action bar will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n}\n\nexport const useActionBar = ({\n  closeOnEsc = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseActionBarProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId] = useIds()\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (!closeOnEsc) return\n\n      ev.stopPropagation()\n      onClose()\n    },\n    [closeOnEsc, onClose],\n  )\n\n  useEventListener(getDocument(), \"keydown\", onKeyDown)\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) => ({\n      id: contentId,\n      role: \"dialog\",\n      ...props,\n    }),\n    [contentId],\n  )\n\n  return {\n    open,\n    getCloseTriggerProps,\n    getContentProps,\n    getOpenTriggerProps,\n    getRootProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseActionBarReturn = ReturnType<typeof useActionBar>\n"],"mappings":";;;;;;;;;AAoBA,MAAa,gBAAgB,EAC3B,aAAa,MACb,aACA,MAAM,UACN,SAAS,aACT,QAAQ,YACR,GAAG,SACkB,CAAC,MAAM;CAC5B,MAAM,EAAE,gBAAgBA,6BAAAA,eAAe;CACvC,MAAM,EAAE,MAAM,SAAS,WAAWC,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,aAAaC,YAAAA,OAAO;CAE3B,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EACf,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,CAAC,YAAY;EAEjB,GAAG,gBAAgB;EACnB,QAAQ;CACV,GACA,CAAC,YAAY,OAAO,CACtB;CAEA,uCAAA,iBAAiB,YAAY,GAAG,WAAW,SAAS;CAEpD,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,QAAQ,CAAC,MAAMC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC,GACxC,CAAC,IAAI,CACP;CAEA,MAAM,uBAAA,GAA4CD,MAAAA,YAAAA,EAC/C,QAAQ,CAAC,OAAO;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,MAAM;CAC3C,IACA;EAAC;EAAW;EAAQ;CAAI,CAC1B;CAmBA,OAAO;EACL;EACA,uBAAA,GAnBiDA,MAAAA,YAAAA,EAChD,QAAQ,CAAC,OAAO;GACf,GAAG;GACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,OAAO;EAC5C,IACA,CAAC,OAAO,CAcW;EACnB,kBAAA,GAZ6CA,MAAAA,YAAAA,EAC5C,QAAQ,CAAC,OAAO;GACf,IAAI;GACJ,MAAM;GACN,GAAG;EACL,IACA,CAAC,SAAS,CAMI;EACd;EACA;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/color-swatch/color-swatch-group.cjs

@@ -1,5 +1,5 @@
-const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_color_swatch = require("./color-swatch.cjs");
+const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 const require_grid = require("../grid/grid.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/components/color-swatch/color-swatch-group.tsx

package/dist/cjs/components/drawer/drawer.cjs

@@ -114,10 +114,9 @@ const DrawerCloseTrigger = withContext("button", {
 		...getCloseTriggerProps(props)
 	};
 });
-const DrawerCloseButton = withContext(require_close_button.CloseButton, "closeButton")(void 0, (props) => {
-	const { getCloseButtonProps } = useComponentContext();
-	return { ...getCloseButtonProps(props) };
-});
+const DrawerCloseButton = withContext((props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerCloseTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_close_button.CloseButton, { ...props }) });
+}, "closeButton")();
 const DrawerOverlay = withContext((props) => {
 	const { duration, getOverlayProps } = useComponentContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory$1.motion.div, {

package/dist/cjs/components/drawer/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.cjs","names":["createSlotComponent","drawerStyle","useValue","useSplitChildren","useDrawer","useMemo","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","Slide","wrapOrPassProps","Button"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends\n    Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends\n    ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\nexport { DrawerPropsContext, useDrawerPropsContext }\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/docs/components/drawer\n */\nexport const DrawerRoot = withProvider<\"div\", DrawerRootProps, \"placement\">(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragHandleOnly,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      DrawerOpenTrigger,\n      DrawerOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragHandleOnly,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton, customDragBar] =\n      useSplitChildren(children, DrawerCloseButton, DrawerDragBar)\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {omittedChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerDragTriggerProps extends HTMLStyledProps {}\n\nexport const DrawerDragTrigger = withContext<\"div\", DrawerDragTriggerProps>(\n  \"div\",\n  { name: \"DragTrigger\", slot: [\"trigger\", \"drag\"] },\n)(undefined, (props) => {\n  const { getDragTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getDragTriggerProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}
+{"version":3,"file":"drawer.cjs","names":["createSlotComponent","drawerStyle","useValue","useSplitChildren","useDrawer","useMemo","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","Slide","wrapOrPassProps","Button"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends\n    Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends\n    ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\nexport { DrawerPropsContext, useDrawerPropsContext }\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/docs/components/drawer\n */\nexport const DrawerRoot = withProvider<\"div\", DrawerRootProps, \"placement\">(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragHandleOnly,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      DrawerOpenTrigger,\n      DrawerOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragHandleOnly,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  (props) => {\n    return (\n      <DrawerCloseTrigger>\n        <CloseButton {...props} />\n      </DrawerCloseTrigger>\n    )\n  },\n  \"closeButton\",\n)()\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton, customDragBar] =\n      useSplitChildren(children, DrawerCloseButton, DrawerDragBar)\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {omittedChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerDragTriggerProps extends HTMLStyledProps {}\n\nexport const DrawerDragTrigger = withContext<\"div\", DrawerDragTriggerProps>(\n  \"div\",\n  { name: \"DragTrigger\", slot: [\"trigger\", \"drag\"] },\n)(undefined, (props) => {\n  const { getDragTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getDragTriggerProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}

package/dist/cjs/components/menu/menu.cjs

@@ -20,17 +20,14 @@ const { ComponentContext, PropsContext: MenuPropsContext, StyleContext, useCompo
 */
 const MenuRoot = (props) => {
 	const [styleContext, mergedProps] = useRootComponentProps(props);
-	const [{ animationScheme, initialFocusRef, offset, placement, ...popoverProps }, { children, disabled, ...rest }] = require_use_popover.usePopoverProps(mergedProps, [
+	const [{ animationScheme, initialFocusRef, offset, placement, ...popoverProps }, { children, ...rest }] = require_use_popover.usePopoverProps(mergedProps, [
 		"disabled",
 		"open",
 		"defaultOpen",
 		"onOpen",
 		"onClose"
 	]);
-	const { closeOnSelect, descendants, open, subMenu, subMenuDirection, updateRef, getContentProps, getContextTriggerProps, getSeparatorProps, getTriggerProps, onActiveDescendant, onClose, onCloseRef, onCloseSubMenu, onOpen, onSelect } = require_use_menu.useMenu({
-		disabled,
-		...rest
-	});
+	const { closeOnSelect, descendants, disabled, open, subMenu, subMenuDirection, updateRef, getContentProps, getContextTriggerProps, getSeparatorProps, getTriggerProps, onActiveDescendant, onClose, onCloseRef, onCloseSubMenu, onOpen, onSelect } = require_use_menu.useMenu(rest);
 	const mergedPopoverProps = (0, react.useMemo)(() => ({
 		...popoverProps,
 		animationScheme: animationScheme ?? (subMenu ? "inline-start" : "block-start"),
@@ -58,6 +55,7 @@ const MenuRoot = (props) => {
 		updateRef
 	]);
 	const menuContext = (0, react.useMemo)(() => ({
+		disabled,
 		subMenu,
 		subMenuDirection,
 		onActiveDescendant,
@@ -66,6 +64,7 @@ const MenuRoot = (props) => {
 		onOpen,
 		onSelect
 	}), [
+		disabled,
 		onClose,
 		onOpen,
 		onSelect,

package/dist/cjs/components/menu/menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","usePopoverProps","useMenu","useMemo","MenuDescendantsContext","MenuContext","MainMenuContext","useState","styled","useMenuContext","Fragment","useMenuGroupContext","useMenuGroup","MenuGroupContext","useMenuOptionGroup","MenuOptionGroupContext","useMenuItem","ChevronRightIcon","useMenuOptionItem","CircleSmallIcon","CheckIcon"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, disabled, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu({ disabled, ...rest })\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps extends HTMLStyledProps, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends HTMLStyledProps, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;AA6GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACEA,yBAAAA,oBACF,QACAC,mBAAAA,SACF;;;;;;AASA,MAAa,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,KAAK;CAC/D,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvBC,oBAAAA,gBAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACEC,iBAAAA,QAAQ;EAAE;EAAU,GAAG;CAAK,CAAC;CACjC,MAAM,sBAAA,GAAqBC,MAAAA,QAAAA,QAClB;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,CAAC,IAAI,KAAA;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,eAAA,GAAcA,MAAAA,QAAAA,QACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,mBAAA,GAAkBA,MAAAA,QAAAA,QACf;EACL;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAe;EAAa;EAAoB;EAAY;CAAQ,CACvE;CACA,MAAM,oBAAA,GAAmBA,MAAAA,QAAAA,QAChB;EACL;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,OAAO;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,aAAD;IAAa,OAAO;IAClB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,iBAAD;KAAiB,OAAO;KACtB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;MAAkB,OAAO;MACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAA,gBAAA,aAAA;OAAc,GAAI;OAAqB;MAAuB,CAAA;KAC9C,CAAA;IACH,CAAA;GACN,CAAA;EACS,CAAA;CACZ,CAAA;AAElB;AAIA,MAAa,cAAc,YAAA,gBAAA,gBAEzB,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,QAAA,GAAA,oBAAA,cAAO,KAAA,CAA0B,iBAAA,GAAA,oBAAA,cAAgB,KAAA,CAAgB,KAAK,CAAC,CAAC;AAC1E,CAAC;AASD,MAAa,qBAAqB,aAC/B,EAAE,UAAU,eAAe,GAAG,WAAW;CACxC,MAAM,CAAC,MAAM,YAAA,GAAWC,MAAAA,SAAAA,CAAe;EACrC,MAAM;EACN,KAAK;CACP,CAAC;CACD,MAAM,EAAE,2BAA2B,oBAAoB;CAEvD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR,EAAY,OAAO;EAAE,UAAU;EAAS,GAAG;CAAK,EAAI,CAAA,EAC1C,CAAA,GAEZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,KAAR;EACE,SAAA;EACA,GAAI,uBAAuB;GACzB,gBAAA,GAAA,oBAAA,cAAe,WAAA,CAAW,gBAAgB,OAAO;IAC/C,QAAQ;KAAE,MAAM,GAAG;KAAS,KAAK,GAAG;IAAQ,CAAC;GAC/C,CAAC;GACD,GAAG;EACL,CAAC;EAEA;CACS,CAAA,CACZ,EAAA,CAAA;AAEN,GACA,gBACF,CAAC,CAAC;AAIF,MAAa,aAAa,YAAA,gBAAA,eAExB,QACF,CAAC,CAAC;AAyBF,MAAa,cAAc,YAAA,gBAAA,gBAEzB,SACF,CAAC,CACC,KAAA,IACC,EACC,UACA,QACA,QACA,QAAQ,CAAC,GACT,aACA,aACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,YAAYC,iBAAAA,eAAe;CACnC,MAAM,EAAE,oBAAoB,oBAAoB;CAChD,MAAM,oBAAA,GAAmBN,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,GAAI;IAAc,UAAA;GAAmB,CAAA,IAAI;GAE9D,MAAM,KAAK,OAAO,UAAU;IAC3B,IAAI,UAAU,OAAO;KACnB,IAAI,MAAM,SAAS,SAAS;MAC1B,MAAM,EACJ,MACA,eAAe,MACf,kBAAkB,cAClB,oBAAoB,cACpB,QAAQ,CAAC,GACT,GAAG,SACD;MAEJ,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACO,MAAAA,UAAD,EAAA,UAAA;OACG,oBAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;OAEzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;QAAuB;QAAM,GAAI;QAC9B,UAAA,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;SAA4B,GAAI;SAC7B,UAAA;QACa,GAFK,KAEL,CACjB;OACc,CAAA;OAEhB,kBAAkB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;MAC/B,EAAA,GAZK,KAYL;KAEd,OAAO,IAAI,MAAM,SAAS,YAAY;MACpC,MAAM,EACJ,MACA,eAAe,MACf,kBAAkB,cAClB,oBAAoB,cACpB,QAAQ,CAAC,GACT,GAAG,SACD;MAEJ,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,MAAAA,UAAD,EAAA,UAAA;OACG,oBAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;OAEzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;QAAuB;QAAM,GAAI;QAC9B,UAAA,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;SAA4B,GAAI;SAC7B,UAAA;QACa,GAFK,KAEL,CACjB;OACc,CAAA;OAEhB,kBAAkB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;MAC/B,EAAA,GAZK,KAYL;KAEd,OACE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAA4B,GAAR,KAAQ;IAEvC,OAAO,IAAI,WAAW,OAAO;KAC3B,MAAM,EACJ,eAAe,MACf,kBAAkB,cAClB,oBAAoB,cACpB,QAAQ,CAAC,GACT,GAAG,SACD;KAEJ,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,MAAAA,UAAD,EAAA,UAAA;MACG,oBAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;MAEzC,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;OAAW,GAAI;OACZ,UAAA,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;QAAsB,GAAI;QACvB,UAAA;OACO,GAFK,KAEL,CACX;MACQ,CAAA;MAEV,kBAAkB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAAI;KAC/B,EAAA,GAZK,KAYL;IAEd,OAAO,IAAI,WAAW,OAAO;KAC3B,MAAM,EAAE,OAAO,GAAG,SAAS;KAE3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;MAAsB,GAAI;MACvB,UAAA;KACO,GAFK,KAEL;IAEd;GACF,CAAC;GAEA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,GAAI;IAAc,UAAA;GAAmB,CAAA,IAAI;EAC/D,EAAA,CAAA;CAEN,GAAG;EAAC;EAAU;EAAQ;EAAa;EAAQ;EAAa;CAAK,CAAC;CAE9D,OAAO;EACL,GAAG,iBAAA,GAAA,oBAAA,cACD,KAAA,CAAgB;GAAE,GAAG;GAAM,UAAU;EAAiB,CAAC,CACzD;EACA,aAAa,UAAU;GAAE,GAAG;GAAa,UAAU;EAAK,IAAI;CAC9D;AACF,CACF;AAIA,MAAa,aAAa,YACxB,OACA,QACF,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC;AAIvB,MAAa,aAAa,YACxB,OACA,QACF,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC;AAIvB,MAAa,YAAY,YAAoC,QAAQ,OAAO,CAAC,CAC3E,KAAA,IACC,UAAU;CACT,MAAM,EAAE,kBAAkBC,iBAAAA,oBAAoB;CAE9C,OAAO,cAAc,KAAK;AAC5B,CACF;AAaA,MAAa,YAAY,aACtB,EAAE,UAAU,OAAO,YAAY,GAAG,WAAW;CAC5C,MAAM,EAAE,eAAe,kBAAkBC,iBAAAA,aAAa,IAAI;CAC1D,MAAM,WAAA,GAAUT,MAAAA,QAAAA,QAAe,EAAE,cAAc,IAAI,CAAC,aAAa,CAAC;CAElE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACU,iBAAAA,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACL,gBAAAA,OAAO,KAAR;GAAY,GAAI,cAAc;GAA9B,UAAA,CACG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;IAAW,GAAI;IAAa,UAAA;GAAiB,CAAA,IAAI,MACzD,QACS;;CACI,CAAA;AAEtB,GACA,OACF,CAAC,CAAC;AAUF,MAAa,kBAAkB,aAC5B,EACC,MAAM,UACN,cACA,OAAO,WACP,UAAU,cACV,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,OAAO,aAAaM,iBAAAA,mBAAmB;EACnD,MAAM;EACN;EACA,OAAO;EACP,UAAU;CACZ,CAAC;CACD,MAAM,WAAA,GAAUX,MAAAA,QAAAA,QACP;EAAE;EAAM;EAAO;CAAS,IAC/B;EAAC;EAAM;EAAO;CAAQ,CACxB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACY,iBAAAA,wBAAD;EAAwB,OAAO;EAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAW,GAAI,KAAO,CAAA;CACA,CAAA;AAE5B,GACA;CAAE,MAAM;CAAe,MAAM,CAAC,SAAS,QAAQ;AAAE,CACnD,CAAC,CAAC;AAWF,MAAa,WAAW,aACrB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,gBAAgB,iBAAiBC,iBAAAA,YAAY,IAAI;CAEzD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACR,gBAAAA,OAAO,KAAR;EAAY,GAAI,aAAa;EAA7B,UAAA,CACG,UAEA,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;GAAe,IAAIS,2BAAAA;GAAkB,IAAG;EAAQ,CAAA,IAC9C,IACM;;AAEhB,GACA,MACF,CAAC,CAAC;AAUF,MAAa,iBAAiB,aAC3B,EAAE,UAAU,MAAM,GAAG,WAAW;CAC/B,MAAM,EAAE,MAAM,mBAAmB,uBAC/BC,iBAAAA,kBAAkB,IAAI;CAExB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACV,gBAAAA,OAAO,KAAR;EAAY,GAAI,mBAAmB;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;GAAe,GAAI,kBAAkB;GAClC,UAAA,SACE,SAAS,UACR,iBAAA,GAAA,kBAAA,IAAA,CAACW,0BAAAA,iBAAD,EAAiB,MAAK,eAAgB,CAAA,IAEtC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,WAAD,CAAY,CAAA;EAEH,CAAA,GACd,QACS;;AAEhB,GACA;CAAE,MAAM;CAAc,MAAM,CAAC,QAAQ,QAAQ;AAAE,CACjD,CAAC,CAAC;AAIF,MAAa,gBAAgB,YAC3B,OACA,WACF,CAAC,CAAC;AAIF,MAAa,cAAc,YACzB,OACA,SACF,CAAC,CAAC;AAIF,MAAa,gBAAgB,YAC3B,MACA,WACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,sBAAsB,oBAAoB;CAElD,OAAO,kBAAkB,KAAK;AAChC,CAAC"}
+{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","usePopoverProps","useMenu","useMemo","MenuDescendantsContext","MenuContext","MainMenuContext","useState","styled","useMenuContext","Fragment","useMenuGroupContext","useMenuGroup","MenuGroupContext","useMenuOptionGroup","MenuOptionGroupContext","useMenuItem","ChevronRightIcon","useMenuOptionItem","CircleSmallIcon","CheckIcon"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    disabled,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu(rest)\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      disabled,\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      disabled,\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps\n  extends Omit<HTMLStyledProps, \"onSelect\">, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends Omit<HTMLStyledProps, \"onSelect\">, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;AA6GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACEA,yBAAAA,oBACF,QACAC,mBAAAA,SACF;;;;;;AASA,MAAa,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,KAAK;CAC/D,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,GAAG,UACbC,oBAAAA,gBAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,EACJ,eACA,aACA,UACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACEC,iBAAAA,QAAQ,IAAI;CAChB,MAAM,sBAAA,GAAqBC,MAAAA,QAAAA,QAClB;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,CAAC,IAAI,KAAA;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,eAAA,GAAcA,MAAAA,QAAAA,QACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,mBAAA,GAAkBA,MAAAA,QAAAA,QACf;EACL;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAe;EAAa;EAAoB;EAAY;CAAQ,CACvE;CACA,MAAM,oBAAA,GAAmBA,MAAAA,QAAAA,QAChB;EACL;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,OAAO;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,wBAAD;GAAwB,OAAO;GAC7B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"}

package/dist/cjs/components/menu/use-menu.cjs

@@ -166,6 +166,7 @@ const useMenu = ({ closeOnSelect, defaultOpen, disabled = false, open: openProp,
 	return {
 		closeOnSelect,
 		descendants,
+		disabled,
 		open,
 		subMenu,
 		subMenuDirection,
@@ -318,9 +319,9 @@ const useMenuGroup = ({ ...rest }) => {
 		}), [labelId])
 	};
 };
-const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataDisabled, "data-trigger": dataTrigger, closeOnSelect, disabled = false, value, ...rest }) => {
+const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataDisabled, "data-trigger": dataTrigger, closeOnSelect, disabled = false, value, onSelect: onSelectProp, ...rest }) => {
 	const trigger = (0, require_utils_index.utils_exports.isTruthyDataAttr)(dataTrigger);
-	const { subMenu, subMenuDirection, onActiveDescendant, onClose, onCloseSubMenu, onSelect } = useMenuContext();
+	const { disabled: rootDisabled, subMenu, subMenuDirection, onActiveDescendant, onClose, onCloseSubMenu, onSelect: onRootSelect } = useMenuContext();
 	const uuid = (0, react.useId)();
 	const itemRef = (0, react.useRef)(null);
 	const subMenuTrigger = subMenu && trigger;
@@ -329,6 +330,17 @@ const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataD
 		id,
 		disabled: disabled || subMenuTrigger
 	});
+	const onSelect = (0, react.useCallback)((value) => {
+		if (disabled || rootDisabled) return;
+		onSelectProp?.(value);
+		onRootSelect(value, closeOnSelect);
+	}, [
+		closeOnSelect,
+		disabled,
+		onRootSelect,
+		onSelectProp,
+		rootDisabled
+	]);
 	const onActive = (0, react.useCallback)(() => {
 		if (disabled) return;
 		const descendant = descendants.value(itemRef.current);
@@ -352,12 +364,12 @@ const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataD
 				const descendant = descendants.enabledLastValue();
 				onActiveDescendant(descendant);
 			},
-			Enter: () => onSelect(value, closeOnSelect),
+			Enter: () => onSelect(value),
 			Home: () => {
 				const descendant = descendants.enabledFirstValue();
 				onActiveDescendant(descendant);
 			},
-			Space: () => onSelect(value, closeOnSelect),
+			Space: () => onSelect(value),
 			[subMenuDirection === "end" ? "ArrowLeft" : "ArrowRight"]: () => {
 				if (!subMenu) return;
 				onClose();
@@ -365,7 +377,6 @@ const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataD
 			}
 		});
 	}, [
-		closeOnSelect,
 		descendants,
 		onActiveDescendant,
 		onClose,
@@ -384,7 +395,7 @@ const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataD
 			role: "menuitem",
 			tabIndex: -1
 		}, rest, props, {
-			onClick: () => onSelect(value, closeOnSelect),
+			onClick: () => onSelect(value),
 			onFocus: onActive,
 			onKeyDown,
 			onMouseMove: () => {
@@ -402,7 +413,6 @@ const useMenuItem = ({ id, "aria-disabled": ariaDisabled, "data-disabled": dataD
 			onKeyDown,
 			onSelect,
 			value,
-			closeOnSelect,
 			onCloseSubMenu
 		])
 	};

package/dist/cjs/components/menu/use-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu.cjs","names":["createDescendants","createContext","useId","useRef","useDisclosure","useCallback","mergeProps","mergeRefs","useControllableState"],"sources":["../../../../src/components/menu/use-menu.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, MouseEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isString,\n  isTruthyDataAttr,\n  mergeRefs,\n  noop,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\n\ntype SubMenuDirection = \"end\" | \"start\"\n\ninterface MenuDescendantProps {\n  id: string\n}\ntype MenuDescendant = Descendant<HTMLDivElement, MenuDescendantProps>\n\nconst {\n  DescendantsContext: MenuDescendantsContext,\n  useDescendant: useMenuDescendant,\n  useDescendantRegister: useMenuDescendantRegister,\n  useDescendants: useMenuDescendants,\n} = createDescendants<HTMLDivElement, MenuDescendantProps>()\n\nexport { MenuDescendantsContext, useMenuDescendant, useMenuDescendants }\n\ninterface MenuContext extends Pick<\n  UseMenuReturn,\n  | \"onActiveDescendant\"\n  | \"onClose\"\n  | \"onCloseSubMenu\"\n  | \"onOpen\"\n  | \"onSelect\"\n  | \"subMenu\"\n  | \"subMenuDirection\"\n> {}\n\nconst [MenuContext, useMenuContext] = createContext<MenuContext>({\n  name: \"MenuContext\",\n})\n\ninterface MenuGroupContext extends Pick<UseMenuGroupReturn, \"getLabelProps\"> {}\n\nconst [MenuGroupContext, useMenuGroupContext] = createContext<MenuGroupContext>(\n  {\n    name: \"MenuGroupContext\",\n  },\n)\n\ninterface MainMenuContext {\n  descendants: Descendants<HTMLDivElement, MenuDescendantProps>\n  onActiveDescendant: (descendant?: MenuDescendant) => void\n  onCloseRef: RefObject<() => void>\n  onSelect: (value?: string, closeOnSelect?: boolean) => void\n  closeOnSelect?: boolean\n}\n\nconst [MainMenuContext, useMainMenuContext] = createContext<MainMenuContext>({\n  name: \"MainMenuContext\",\n  strict: false,\n})\n\ninterface MenuOptionGroupContext {\n  type: \"checkbox\" | \"radio\"\n  value: string | string[]\n  onChange?: (value: string) => void\n}\n\nconst [MenuOptionGroupContext, useMenuOptionGroupContext] =\n  createContext<MenuOptionGroupContext>({\n    name: \"MenuOptionGroupContext\",\n  })\n\nexport {\n  MainMenuContext,\n  MenuContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMainMenuContext,\n  useMenuContext,\n  useMenuGroupContext,\n  useMenuOptionGroupContext,\n}\n\nexport interface UseMenuProps extends Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the menu item will be closed when selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the menu will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The direction of the sub menu.\n   *\n   * @default 'end'\n   */\n  subMenuDirection?: SubMenuDirection\n  /**\n   * Callback invoked when a menu item is selected.\n   */\n  onSelect?: (value?: string) => void\n}\n\nexport const useMenu = ({\n  closeOnSelect,\n  defaultOpen,\n  disabled = false,\n  open: openProp,\n  subMenuDirection = \"end\",\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  onSelect: onSelectProp,\n}: UseMenuProps = {}) => {\n  const triggerId = useId()\n  const contentId = useId()\n  const descendants = useMenuDescendants()\n  const updateRef = useRef<() => void>(noop)\n  const onCloseRef = useRef<() => void>(noop)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const onCloseSubMenu = useCallback(() => onCloseRef.current(), [])\n  const onActiveDescendant = useCallback(\n    (\n      descendant?: MenuDescendant,\n      options: FocusOptions = { preventScroll: true },\n    ) => {\n      if (!contentRef.current || !descendant || disabled) return\n\n      contentRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      descendants.active(descendant, options)\n    },\n    [descendants, disabled],\n  )\n  const { mainCloseOnSelect, subMenu, getSubMenuProps, onMainSelect } =\n    useSubMenu({\n      descendants,\n      disabled,\n      open,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onOpen,\n    })\n\n  closeOnSelect ??= mainCloseOnSelect ?? true\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelectProp = closeOnSelect) => {\n      if (disabled) return\n\n      onSelectProp?.(value)\n      onMainSelect?.(value, closeOnSelectProp)\n\n      if (!closeOnSelectProp) return\n\n      onClose()\n    },\n    [closeOnSelect, disabled, onClose, onMainSelect, onSelectProp],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) onOpen()\n      else onClose()\n    },\n    [disabled, onClose, onOpen, open],\n  )\n\n  const onContextMenu = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n      onOpen()\n      updateRef.current()\n    },\n    [disabled, onOpen],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        ArrowUp: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        Enter: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        Space: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n      })\n    },\n    [descendants, disabled, onActiveDescendant, onOpen],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...getSubMenuProps({\n        id: triggerId,\n        \"aria-controls\": open ? contentId : undefined,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-expanded\": open,\n        \"aria-haspopup\": \"menu\",\n        \"data-trigger\": dataAttr(true),\n        role: \"button\",\n        tabIndex: disabled ? -1 : 0,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      }),\n    }),\n    [contentId, disabled, getSubMenuProps, onClick, onKeyDown, open, triggerId],\n  )\n\n  const getContextTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: triggerId,\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"menu\",\n      \"data-trigger\": dataAttr(true),\n      role: \"application\",\n      ...props,\n      onContextMenu: handlerAll(props.onContextMenu, onContextMenu),\n    }),\n    [contentId, disabled, onContextMenu, open, triggerId],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id: contentId,\n          ref: contentRef,\n          \"aria-labelledby\": triggerId,\n          role: \"menu\",\n        },\n        props,\n      )(),\n    [contentId, triggerId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseMenuReturn = ReturnType<typeof useMenu>\n\nexport interface UseSubMenuProps extends Omit<\n  Required<UseDisclosureProps>,\n  \"defaultOpen\" | \"timing\"\n> {\n  descendants: Descendants<HTMLDivElement, MenuDescendantProps>\n  onActiveDescendant: (descendant?: MenuDescendant) => void\n  disabled?: boolean\n  subMenuDirection?: SubMenuDirection\n}\n\nexport const useSubMenu = ({\n  descendants,\n  disabled = false,\n  open,\n  subMenuDirection = \"end\",\n  onActiveDescendant,\n  onClose,\n  onOpen,\n}: UseSubMenuProps) => {\n  const uuid = useId()\n  const {\n    closeOnSelect: mainCloseOnSelect,\n    descendants: mainDescendants,\n    onActiveDescendant: onActiveMainDescendant,\n    onCloseRef,\n    onSelect: onMainSelect,\n  } = useMainMenuContext() ?? {}\n  const subMenu = !!mainDescendants && !!onActiveMainDescendant\n  const createRegister = useMenuDescendantRegister(mainDescendants)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const dataDisabled = useCallback((node?: HTMLDivElement | null) => {\n    node ??= triggerRef.current\n\n    if (!node) return false\n\n    const dataDisabled = isTruthyDataAttr(node.getAttribute(\"data-disabled\"))\n\n    return dataDisabled\n  }, [])\n\n  const ariaDisabled = useCallback((node?: HTMLDivElement | null) => {\n    node ??= triggerRef.current\n\n    if (!node) return false\n\n    const ariaDisabled = isTruthyDataAttr(node.getAttribute(\"aria-disabled\"))\n\n    return ariaDisabled\n  }, [])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!subMenu) return\n\n      ev.defaultPrevented = disabled || dataDisabled() || ariaDisabled()\n    },\n    [ariaDisabled, dataDisabled, disabled, subMenu],\n  )\n\n  const onMouseEnter = useCallback(() => {\n    if (!subMenu || disabled || dataDisabled() || ariaDisabled()) return\n\n    onOpen()\n  }, [ariaDisabled, dataDisabled, disabled, onOpen, subMenu])\n\n  const onMouseMove = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!subMenu || disabled || dataDisabled() || ariaDisabled()) return\n\n      const descendant = descendants.value(triggerRef.current)\n\n      onActiveMainDescendant(descendant)\n\n      ev.defaultPrevented = true\n    },\n    [\n      ariaDisabled,\n      dataDisabled,\n      descendants,\n      disabled,\n      onActiveMainDescendant,\n      subMenu,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (!subMenu || disabled) return\n\n      const currentDescendant = open ? descendants : mainDescendants\n      const onActiveCurrentDescendant = open\n        ? onActiveDescendant\n        : onActiveMainDescendant\n\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const descendant = currentDescendant.enabledNextValue(\n            triggerRef.current,\n          )\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        ArrowUp: () => {\n          const descendant = currentDescendant.enabledPrevValue(\n            triggerRef.current,\n          )\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        End: () => {\n          const descendant = currentDescendant.enabledLastValue()\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        Home: () => {\n          const descendant = currentDescendant.enabledFirstValue()\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        [subMenuDirection === \"end\" ? \"ArrowRight\" : \"ArrowLeft\"]: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n\n          ev.defaultPrevented = true\n        },\n      })\n    },\n    [\n      subMenu,\n      disabled,\n      open,\n      descendants,\n      mainDescendants,\n      onActiveDescendant,\n      onActiveMainDescendant,\n      subMenuDirection,\n      onOpen,\n    ],\n  )\n\n  assignRef(onCloseRef, onClose)\n\n  const getSubMenuProps: PropGetter = useCallback(\n    ({ id = uuid, ...props } = {}) =>\n      mergeProps(\n        {\n          ref: mergeRefs(\n            triggerRef,\n            createRegister({\n              id,\n              disabled: (node) =>\n                disabled || dataDisabled(node) || ariaDisabled(node),\n            }),\n          ),\n          role: subMenu ? \"menuitem\" : \"button\",\n        },\n        props,\n        { onClick, onKeyDown, onMouseEnter, onMouseMove },\n      )(),\n    [\n      uuid,\n      subMenu,\n      createRegister,\n      onClick,\n      onKeyDown,\n      onMouseEnter,\n      onMouseMove,\n      disabled,\n      dataDisabled,\n      ariaDisabled,\n    ],\n  )\n\n  return { mainCloseOnSelect, subMenu, getSubMenuProps, onMainSelect }\n}\n\nexport type UseSubMenuReturn = ReturnType<typeof useSubMenu>\n\nexport interface UseMenuGroupProps extends HTMLProps {}\n\nexport const useMenuGroup = ({ ...rest }: UseMenuGroupProps) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": labelId,\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseMenuGroupReturn = ReturnType<typeof useMenuGroup>\n\nexport interface UseMenuItemProps extends HTMLProps {\n  /**\n   * If `true`, the menu item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the menu item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value of the menu item.\n   */\n  value?: string\n}\n\nexport const useMenuItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  \"data-trigger\": dataTrigger,\n  closeOnSelect,\n  disabled = false,\n  value,\n  ...rest\n}: UseMenuItemProps) => {\n  const trigger = isTruthyDataAttr(dataTrigger)\n  const {\n    subMenu,\n    subMenuDirection,\n    onActiveDescendant,\n    onClose,\n    onCloseSubMenu,\n    onSelect,\n  } = useMenuContext()\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const subMenuTrigger = subMenu && trigger\n\n  id ??= uuid\n\n  const { descendants, register } = useMenuDescendant({\n    id,\n    disabled: disabled || subMenuTrigger,\n  })\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const descendant = descendants.value(itemRef.current)\n\n    onActiveDescendant(descendant)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const descendant = descendants.enabledNextValue(itemRef.current)\n\n          onActiveDescendant(descendant)\n        },\n        ArrowUp: () => {\n          const descendant = descendants.enabledPrevValue(itemRef.current)\n\n          onActiveDescendant(descendant)\n        },\n        End: () => {\n          const descendant = descendants.enabledLastValue()\n\n          onActiveDescendant(descendant)\n        },\n        Enter: () => onSelect(value, closeOnSelect),\n        Home: () => {\n          const descendant = descendants.enabledFirstValue()\n\n          onActiveDescendant(descendant)\n        },\n        Space: () => onSelect(value, closeOnSelect),\n        [subMenuDirection === \"end\" ? \"ArrowLeft\" : \"ArrowRight\"]: () => {\n          if (!subMenu) return\n\n          onClose()\n\n          const descendant = descendants.firstValue()\n\n          descendant?.node.focus()\n        },\n      })\n    },\n    [\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onClose,\n      onSelect,\n      subMenu,\n      subMenuDirection,\n      value,\n    ],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id,\n          ref: mergeRefs(itemRef, register),\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          role: \"menuitem\",\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onClick: () => onSelect(value, closeOnSelect),\n          onFocus: onActive,\n          onKeyDown: onKeyDown,\n          onMouseMove: () => {\n            onCloseSubMenu()\n            onActive()\n          },\n        },\n      )(),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      dataDisabled,\n      rest,\n      register,\n      onActive,\n      onKeyDown,\n      onSelect,\n      value,\n      closeOnSelect,\n      onCloseSubMenu,\n    ],\n  )\n\n  return {\n    subMenuTrigger,\n    getItemProps,\n  }\n}\n\nexport type UseMenuItemReturn = ReturnType<typeof useMenuItem>\n\nexport type MenuOptionGroupType = \"checkbox\" | \"radio\"\nexport type MenuOptionGroupValue<Y extends MenuOptionGroupType> =\n  Y extends \"checkbox\" ? string[] : string\n\nexport interface UseMenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n> {\n  /**\n   * The initial value of the menu item group.\n   */\n  defaultValue?: M\n  /**\n   * The type of the menu option group.\n   */\n  type?: Y\n  /**\n   * The value of the menu item group.\n   */\n  value?: M\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: M) => void\n}\n\nexport const useMenuOptionGroup = <\n  Y extends \"checkbox\" | \"radio\" = \"checkbox\",\n  M extends (Y extends \"checkbox\" ? string[] : string) = Y extends \"checkbox\"\n    ? string[]\n    : string,\n>({\n  type = \"checkbox\" as Y,\n  defaultValue = (type === \"checkbox\" ? [] : \"\") as M,\n  value: valueProp,\n  onChange: onChangeProp,\n}: UseMenuOptionGroupProps<Y, M>) => {\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const radio = type === \"radio\"\n\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (radio && isString(prev)) return selectedValue as M\n        else if (!radio && isArray(prev))\n          return (\n            prev.includes(selectedValue)\n              ? prev.filter((value) => value !== selectedValue)\n              : prev.concat(selectedValue)\n          ) as M\n        else return prev\n      })\n    },\n    [radio, setValue],\n  )\n\n  useUpdateEffect(() => {\n    setValue(valueProp!)\n  }, [valueProp])\n\n  return {\n    type,\n    value,\n    onChange,\n  }\n}\n\nexport type UseMenuOptionGroupReturn = ReturnType<typeof useMenuOptionGroup>\n\nexport interface UseMenuOptionItemProps extends UseMenuItemProps {\n  /**\n   * The value of the menu option item.\n   */\n  value: string\n}\n\nexport const useMenuOptionItem = ({\n  disabled,\n  value,\n  ...rest\n}: UseMenuOptionItemProps) => {\n  const { type, value: selectedValue, onChange } = useMenuOptionGroupContext()\n  const { getItemProps } = useMenuItem({ disabled, value, ...rest })\n  const radio = type === \"radio\" && isString(selectedValue)\n  const checkbox = type === \"checkbox\" && isArray(selectedValue)\n  const selected = radio\n    ? value === selectedValue\n    : checkbox\n      ? selectedValue.includes(value)\n      : false\n\n  const getIndicatorProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\n    [selected],\n  )\n\n  const getOptionItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      getItemProps({\n        role: radio ? \"menuitemradio\" : \"menuitemcheckbox\",\n        ...props,\n        onClick: handlerAll(props.onClick, () =>\n          !disabled ? onChange?.(value) : noop,\n        ),\n      }),\n    [disabled, getItemProps, onChange, radio, value],\n  )\n\n  return {\n    type,\n    selected,\n    getIndicatorProps,\n    getOptionItemProps,\n  }\n}\n\nexport type UseMenuOptionItemReturn = ReturnType<typeof useMenuOptionItem>\n"],"mappings":"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"}
+{"version":3,"file":"use-menu.cjs","names":["createDescendants","createContext","useId","useRef","useDisclosure","useCallback","mergeProps","mergeRefs","useControllableState"],"sources":["../../../../src/components/menu/use-menu.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, MouseEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isString,\n  isTruthyDataAttr,\n  mergeRefs,\n  noop,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\n\ntype SubMenuDirection = \"end\" | \"start\"\n\ninterface MenuDescendantProps {\n  id: string\n}\ntype MenuDescendant = Descendant<HTMLDivElement, MenuDescendantProps>\n\nconst {\n  DescendantsContext: MenuDescendantsContext,\n  useDescendant: useMenuDescendant,\n  useDescendantRegister: useMenuDescendantRegister,\n  useDescendants: useMenuDescendants,\n} = createDescendants<HTMLDivElement, MenuDescendantProps>()\n\nexport { MenuDescendantsContext, useMenuDescendant, useMenuDescendants }\n\ninterface MenuContext extends Pick<\n  UseMenuReturn,\n  | \"disabled\"\n  | \"onActiveDescendant\"\n  | \"onClose\"\n  | \"onCloseSubMenu\"\n  | \"onOpen\"\n  | \"onSelect\"\n  | \"subMenu\"\n  | \"subMenuDirection\"\n> {}\n\nconst [MenuContext, useMenuContext] = createContext<MenuContext>({\n  name: \"MenuContext\",\n})\n\ninterface MenuGroupContext extends Pick<UseMenuGroupReturn, \"getLabelProps\"> {}\n\nconst [MenuGroupContext, useMenuGroupContext] = createContext<MenuGroupContext>(\n  {\n    name: \"MenuGroupContext\",\n  },\n)\n\ninterface MainMenuContext {\n  descendants: Descendants<HTMLDivElement, MenuDescendantProps>\n  onActiveDescendant: (descendant?: MenuDescendant) => void\n  onCloseRef: RefObject<() => void>\n  onSelect: (value?: string, closeOnSelect?: boolean) => void\n  closeOnSelect?: boolean\n}\n\nconst [MainMenuContext, useMainMenuContext] = createContext<MainMenuContext>({\n  name: \"MainMenuContext\",\n  strict: false,\n})\n\ninterface MenuOptionGroupContext {\n  type: \"checkbox\" | \"radio\"\n  value: string | string[]\n  onChange?: (value: string) => void\n}\n\nconst [MenuOptionGroupContext, useMenuOptionGroupContext] =\n  createContext<MenuOptionGroupContext>({\n    name: \"MenuOptionGroupContext\",\n  })\n\nexport {\n  MainMenuContext,\n  MenuContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMainMenuContext,\n  useMenuContext,\n  useMenuGroupContext,\n  useMenuOptionGroupContext,\n}\n\nexport interface UseMenuProps extends Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the menu item will be closed when selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the menu will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The direction of the sub menu.\n   *\n   * @default 'end'\n   */\n  subMenuDirection?: SubMenuDirection\n  /**\n   * Callback invoked when a menu item is selected.\n   */\n  onSelect?: (value?: string) => void\n}\n\nexport const useMenu = ({\n  closeOnSelect,\n  defaultOpen,\n  disabled = false,\n  open: openProp,\n  subMenuDirection = \"end\",\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  onSelect: onSelectProp,\n}: UseMenuProps = {}) => {\n  const triggerId = useId()\n  const contentId = useId()\n  const descendants = useMenuDescendants()\n  const updateRef = useRef<() => void>(noop)\n  const onCloseRef = useRef<() => void>(noop)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const onCloseSubMenu = useCallback(() => onCloseRef.current(), [])\n  const onActiveDescendant = useCallback(\n    (\n      descendant?: MenuDescendant,\n      options: FocusOptions = { preventScroll: true },\n    ) => {\n      if (!contentRef.current || !descendant || disabled) return\n\n      contentRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      descendants.active(descendant, options)\n    },\n    [descendants, disabled],\n  )\n  const { mainCloseOnSelect, subMenu, getSubMenuProps, onMainSelect } =\n    useSubMenu({\n      descendants,\n      disabled,\n      open,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onOpen,\n    })\n\n  closeOnSelect ??= mainCloseOnSelect ?? true\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelectProp = closeOnSelect) => {\n      if (disabled) return\n\n      onSelectProp?.(value)\n      onMainSelect?.(value, closeOnSelectProp)\n\n      if (!closeOnSelectProp) return\n\n      onClose()\n    },\n    [closeOnSelect, disabled, onClose, onMainSelect, onSelectProp],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) onOpen()\n      else onClose()\n    },\n    [disabled, onClose, onOpen, open],\n  )\n\n  const onContextMenu = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n      onOpen()\n      updateRef.current()\n    },\n    [disabled, onOpen],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        ArrowUp: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        Enter: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n        Space: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n        },\n      })\n    },\n    [descendants, disabled, onActiveDescendant, onOpen],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...getSubMenuProps({\n        id: triggerId,\n        \"aria-controls\": open ? contentId : undefined,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-expanded\": open,\n        \"aria-haspopup\": \"menu\",\n        \"data-trigger\": dataAttr(true),\n        role: \"button\",\n        tabIndex: disabled ? -1 : 0,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      }),\n    }),\n    [contentId, disabled, getSubMenuProps, onClick, onKeyDown, open, triggerId],\n  )\n\n  const getContextTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: triggerId,\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"menu\",\n      \"data-trigger\": dataAttr(true),\n      role: \"application\",\n      ...props,\n      onContextMenu: handlerAll(props.onContextMenu, onContextMenu),\n    }),\n    [contentId, disabled, onContextMenu, open, triggerId],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id: contentId,\n          ref: contentRef,\n          \"aria-labelledby\": triggerId,\n          role: \"menu\",\n        },\n        props,\n      )(),\n    [contentId, triggerId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    closeOnSelect,\n    descendants,\n    disabled,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseMenuReturn = ReturnType<typeof useMenu>\n\nexport interface UseSubMenuProps extends Omit<\n  Required<UseDisclosureProps>,\n  \"defaultOpen\" | \"timing\"\n> {\n  descendants: Descendants<HTMLDivElement, MenuDescendantProps>\n  onActiveDescendant: (descendant?: MenuDescendant) => void\n  disabled?: boolean\n  subMenuDirection?: SubMenuDirection\n}\n\nexport const useSubMenu = ({\n  descendants,\n  disabled = false,\n  open,\n  subMenuDirection = \"end\",\n  onActiveDescendant,\n  onClose,\n  onOpen,\n}: UseSubMenuProps) => {\n  const uuid = useId()\n  const {\n    closeOnSelect: mainCloseOnSelect,\n    descendants: mainDescendants,\n    onActiveDescendant: onActiveMainDescendant,\n    onCloseRef,\n    onSelect: onMainSelect,\n  } = useMainMenuContext() ?? {}\n  const subMenu = !!mainDescendants && !!onActiveMainDescendant\n  const createRegister = useMenuDescendantRegister(mainDescendants)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const dataDisabled = useCallback((node?: HTMLDivElement | null) => {\n    node ??= triggerRef.current\n\n    if (!node) return false\n\n    const dataDisabled = isTruthyDataAttr(node.getAttribute(\"data-disabled\"))\n\n    return dataDisabled\n  }, [])\n\n  const ariaDisabled = useCallback((node?: HTMLDivElement | null) => {\n    node ??= triggerRef.current\n\n    if (!node) return false\n\n    const ariaDisabled = isTruthyDataAttr(node.getAttribute(\"aria-disabled\"))\n\n    return ariaDisabled\n  }, [])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!subMenu) return\n\n      ev.defaultPrevented = disabled || dataDisabled() || ariaDisabled()\n    },\n    [ariaDisabled, dataDisabled, disabled, subMenu],\n  )\n\n  const onMouseEnter = useCallback(() => {\n    if (!subMenu || disabled || dataDisabled() || ariaDisabled()) return\n\n    onOpen()\n  }, [ariaDisabled, dataDisabled, disabled, onOpen, subMenu])\n\n  const onMouseMove = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!subMenu || disabled || dataDisabled() || ariaDisabled()) return\n\n      const descendant = descendants.value(triggerRef.current)\n\n      onActiveMainDescendant(descendant)\n\n      ev.defaultPrevented = true\n    },\n    [\n      ariaDisabled,\n      dataDisabled,\n      descendants,\n      disabled,\n      onActiveMainDescendant,\n      subMenu,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (!subMenu || disabled) return\n\n      const currentDescendant = open ? descendants : mainDescendants\n      const onActiveCurrentDescendant = open\n        ? onActiveDescendant\n        : onActiveMainDescendant\n\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const descendant = currentDescendant.enabledNextValue(\n            triggerRef.current,\n          )\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        ArrowUp: () => {\n          const descendant = currentDescendant.enabledPrevValue(\n            triggerRef.current,\n          )\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        End: () => {\n          const descendant = currentDescendant.enabledLastValue()\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        Home: () => {\n          const descendant = currentDescendant.enabledFirstValue()\n\n          onActiveCurrentDescendant(descendant)\n\n          ev.defaultPrevented = true\n        },\n        [subMenuDirection === \"end\" ? \"ArrowRight\" : \"ArrowLeft\"]: () => {\n          onOpen()\n\n          setTimeout(() => {\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n          })\n\n          ev.defaultPrevented = true\n        },\n      })\n    },\n    [\n      subMenu,\n      disabled,\n      open,\n      descendants,\n      mainDescendants,\n      onActiveDescendant,\n      onActiveMainDescendant,\n      subMenuDirection,\n      onOpen,\n    ],\n  )\n\n  assignRef(onCloseRef, onClose)\n\n  const getSubMenuProps: PropGetter = useCallback(\n    ({ id = uuid, ...props } = {}) =>\n      mergeProps(\n        {\n          ref: mergeRefs(\n            triggerRef,\n            createRegister({\n              id,\n              disabled: (node) =>\n                disabled || dataDisabled(node) || ariaDisabled(node),\n            }),\n          ),\n          role: subMenu ? \"menuitem\" : \"button\",\n        },\n        props,\n        { onClick, onKeyDown, onMouseEnter, onMouseMove },\n      )(),\n    [\n      uuid,\n      subMenu,\n      createRegister,\n      onClick,\n      onKeyDown,\n      onMouseEnter,\n      onMouseMove,\n      disabled,\n      dataDisabled,\n      ariaDisabled,\n    ],\n  )\n\n  return { mainCloseOnSelect, subMenu, getSubMenuProps, onMainSelect }\n}\n\nexport type UseSubMenuReturn = ReturnType<typeof useSubMenu>\n\nexport interface UseMenuGroupProps extends HTMLProps {}\n\nexport const useMenuGroup = ({ ...rest }: UseMenuGroupProps) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": labelId,\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseMenuGroupReturn = ReturnType<typeof useMenuGroup>\n\nexport interface UseMenuItemProps extends Omit<HTMLProps, \"onSelect\"> {\n  /**\n   * If `true`, the menu item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the menu item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value of the menu item.\n   */\n  value?: string\n  /**\n   * Callback invoked when the menu item is selected.\n   */\n  onSelect?: (value?: string) => void\n}\n\nexport const useMenuItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  \"data-trigger\": dataTrigger,\n  closeOnSelect,\n  disabled = false,\n  value,\n  onSelect: onSelectProp,\n  ...rest\n}: UseMenuItemProps) => {\n  const trigger = isTruthyDataAttr(dataTrigger)\n  const {\n    disabled: rootDisabled,\n    subMenu,\n    subMenuDirection,\n    onActiveDescendant,\n    onClose,\n    onCloseSubMenu,\n    onSelect: onRootSelect,\n  } = useMenuContext()\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const subMenuTrigger = subMenu && trigger\n\n  id ??= uuid\n\n  const { descendants, register } = useMenuDescendant({\n    id,\n    disabled: disabled || subMenuTrigger,\n  })\n\n  const onSelect = useCallback(\n    (value?: string) => {\n      if (disabled || rootDisabled) return\n\n      onSelectProp?.(value)\n      onRootSelect(value, closeOnSelect)\n    },\n    [closeOnSelect, disabled, onRootSelect, onSelectProp, rootDisabled],\n  )\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const descendant = descendants.value(itemRef.current)\n\n    onActiveDescendant(descendant)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const descendant = descendants.enabledNextValue(itemRef.current)\n\n          onActiveDescendant(descendant)\n        },\n        ArrowUp: () => {\n          const descendant = descendants.enabledPrevValue(itemRef.current)\n\n          onActiveDescendant(descendant)\n        },\n        End: () => {\n          const descendant = descendants.enabledLastValue()\n\n          onActiveDescendant(descendant)\n        },\n        Enter: () => onSelect(value),\n        Home: () => {\n          const descendant = descendants.enabledFirstValue()\n\n          onActiveDescendant(descendant)\n        },\n        Space: () => onSelect(value),\n        [subMenuDirection === \"end\" ? \"ArrowLeft\" : \"ArrowRight\"]: () => {\n          if (!subMenu) return\n\n          onClose()\n\n          const descendant = descendants.firstValue()\n\n          descendant?.node.focus()\n        },\n      })\n    },\n    [\n      descendants,\n      onActiveDescendant,\n      onClose,\n      onSelect,\n      subMenu,\n      subMenuDirection,\n      value,\n    ],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id,\n          ref: mergeRefs(itemRef, register),\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          role: \"menuitem\",\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onClick: () => onSelect(value),\n          onFocus: onActive,\n          onKeyDown: onKeyDown,\n          onMouseMove: () => {\n            onCloseSubMenu()\n            onActive()\n          },\n        },\n      )(),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      dataDisabled,\n      rest,\n      register,\n      onActive,\n      onKeyDown,\n      onSelect,\n      value,\n      onCloseSubMenu,\n    ],\n  )\n\n  return {\n    subMenuTrigger,\n    getItemProps,\n  }\n}\n\nexport type UseMenuItemReturn = ReturnType<typeof useMenuItem>\n\nexport type MenuOptionGroupType = \"checkbox\" | \"radio\"\nexport type MenuOptionGroupValue<Y extends MenuOptionGroupType> =\n  Y extends \"checkbox\" ? string[] : string\n\nexport interface UseMenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n> {\n  /**\n   * The initial value of the menu item group.\n   */\n  defaultValue?: M\n  /**\n   * The type of the menu option group.\n   */\n  type?: Y\n  /**\n   * The value of the menu item group.\n   */\n  value?: M\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: M) => void\n}\n\nexport const useMenuOptionGroup = <\n  Y extends \"checkbox\" | \"radio\" = \"checkbox\",\n  M extends (Y extends \"checkbox\" ? string[] : string) = Y extends \"checkbox\"\n    ? string[]\n    : string,\n>({\n  type = \"checkbox\" as Y,\n  defaultValue = (type === \"checkbox\" ? [] : \"\") as M,\n  value: valueProp,\n  onChange: onChangeProp,\n}: UseMenuOptionGroupProps<Y, M>) => {\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const radio = type === \"radio\"\n\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (radio && isString(prev)) return selectedValue as M\n        else if (!radio && isArray(prev))\n          return (\n            prev.includes(selectedValue)\n              ? prev.filter((value) => value !== selectedValue)\n              : prev.concat(selectedValue)\n          ) as M\n        else return prev\n      })\n    },\n    [radio, setValue],\n  )\n\n  useUpdateEffect(() => {\n    setValue(valueProp!)\n  }, [valueProp])\n\n  return {\n    type,\n    value,\n    onChange,\n  }\n}\n\nexport type UseMenuOptionGroupReturn = ReturnType<typeof useMenuOptionGroup>\n\nexport interface UseMenuOptionItemProps extends UseMenuItemProps {\n  /**\n   * The value of the menu option item.\n   */\n  value: string\n}\n\nexport const useMenuOptionItem = ({\n  disabled,\n  value,\n  ...rest\n}: UseMenuOptionItemProps) => {\n  const { type, value: selectedValue, onChange } = useMenuOptionGroupContext()\n  const { getItemProps } = useMenuItem({ disabled, value, ...rest })\n  const radio = type === \"radio\" && isString(selectedValue)\n  const checkbox = type === \"checkbox\" && isArray(selectedValue)\n  const selected = radio\n    ? value === selectedValue\n    : checkbox\n      ? selectedValue.includes(value)\n      : false\n\n  const getIndicatorProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\n    [selected],\n  )\n\n  const getOptionItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      getItemProps({\n        role: radio ? \"menuitemradio\" : \"menuitemcheckbox\",\n        ...props,\n        onClick: handlerAll(props.onClick, () =>\n          !disabled ? onChange?.(value) : noop,\n        ),\n      }),\n    [disabled, getItemProps, onChange, radio, value],\n  )\n\n  return {\n    type,\n    selected,\n    getIndicatorProps,\n    getOptionItemProps,\n  }\n}\n\nexport type UseMenuOptionItemReturn = ReturnType<typeof useMenuOptionItem>\n"],"mappings":"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"}

package/dist/cjs/components/modal/modal.cjs

@@ -118,10 +118,10 @@ const ModalCloseTrigger = withContext("button", {
 		...getCloseTriggerProps(require_props.mergeProps(closeTriggerProps, props)())
 	};
 });
-const ModalCloseButton = withContext(require_close_button.CloseButton, "closeButton")(void 0, (props) => {
-	const { closeButtonProps, getCloseButtonProps } = useComponentContext();
-	return { ...getCloseButtonProps(require_props.mergeProps(closeButtonProps, props)()) };
-});
+const ModalCloseButton = withContext((props) => {
+	const { closeButtonProps } = useComponentContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalCloseTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_close_button.CloseButton, { ...require_props.mergeProps(closeButtonProps, props)() }) });
+}, "closeButton")();
 const ModalOverlay = withContext((props) => {
 	const { animationScheme, duration: durationProp, getOverlayProps, overlayProps } = useComponentContext();
 	const duration = require_hooks_use_value_index.useValue(durationProp);