@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

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

@@ -1,14 +1,14 @@
-const require_menu_style = require('./menu.style.cjs');
-const require_use_menu = require('./use-menu.cjs');
-const require_menu = require('./menu.cjs');
-const require_namespace = require('./namespace.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_menu_style = require("./menu.style.cjs");
+const require_use_menu = require("./use-menu.cjs");
+const require_menu = require("./menu.cjs");
+const require_namespace = require("./namespace.cjs");
 exports.MainMenuContext = require_use_menu.MainMenuContext;
-Object.defineProperty(exports, 'Menu', {
-  enumerable: true,
-  get: function () {
-    return require_namespace.namespace_exports;
-  }
+Object.defineProperty(exports, "Menu", {
+	enumerable: true,
+	get: function() {
+		return require_namespace.namespace_exports;
+	}
 });
 exports.MenuAnchor = require_menu.MenuAnchor;
 exports.MenuCommand = require_menu.MenuCommand;
@@ -43,4 +43,4 @@ exports.useMenuOptionGroup = require_use_menu.useMenuOptionGroup;
 exports.useMenuOptionGroupContext = require_use_menu.useMenuOptionGroupContext;
 exports.useMenuOptionItem = require_use_menu.useMenuOptionItem;
 exports.useMenuPropsContext = require_menu.useMenuPropsContext;
-exports.useSubMenu = require_use_menu.useSubMenu;
+exports.useSubMenu = require_use_menu.useSubMenu;

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

@@ -1,22 +1,17 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_check_icon = require('../icon/icons/check-icon.cjs');
-const require_chevron_right_icon = require('../icon/icons/chevron-right-icon.cjs');
-const require_circle_small_icon = require('../icon/icons/circle-small-icon.cjs');
-require('../icon/index.cjs');
-const require_use_popover = require('../popover/use-popover.cjs');
-const require_popover = require('../popover/popover.cjs');
-require('../popover/index.cjs');
-const require_menu_style = require('./menu.style.cjs');
-const require_use_menu = require('./use-menu.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_check_icon = require("../icon/icons/check-icon.cjs");
+const require_chevron_right_icon = require("../icon/icons/chevron-right-icon.cjs");
+const require_circle_small_icon = require("../icon/icons/circle-small-icon.cjs");
+const require_use_popover = require("../popover/use-popover.cjs");
+const require_popover = require("../popover/popover.cjs");
+const require_menu_style = require("./menu.style.cjs");
+const require_use_menu = require("./use-menu.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/menu/menu.tsx
 const { ComponentContext, PropsContext: MenuPropsContext, StyleContext, useComponentContext, usePropsContext: useMenuPropsContext, withContext, useRootComponentProps } = require_create_component.createSlotComponent("menu", require_menu_style.menuStyle);
 /**
@@ -161,51 +156,51 @@ const MenuContent = withContext(require_popover.PopoverContent, "content")(void
 			}) : null,
 			items.map((props, index) => {
 				if ("type" in props) if (props.type === "radio") {
-					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionGroup, {
 							type,
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null
 					] }, index);
 				} else if (props.type === "checkbox") {
-					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { type, hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionGroup, {
 							type,
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuOptionItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null
 					] }, index);
 				} else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}, index);
 				else if ("items" in props) {
-					const { hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items: items$1 = [], ...rest$1 } = props;
+					const { hasSeparator = true, hasEndSeparator = hasSeparator, hasStartSeparator = hasSeparator, items = [], ...rest } = props;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
 						hasStartSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuGroup, {
-							...rest$1,
-							children: items$1.map(({ label, ...rest$2 }, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItem, {
-								...rest$2,
+							...rest,
+							children: items.map(({ label, ...rest }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItem, {
+								...rest,
 								children: label
-							}, index$1))
+							}, index))
 						}),
 						hasEndSeparator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuSeparator, {}) : null
 					] }, index);
 				} else if ("value" in props) {
-					const { label, ...rest$1 } = props;
+					const { label, ...rest } = props;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItem, {
-						...rest$1,
+						...rest,
 						children: label
 					}, index);
 				}
@@ -305,7 +300,6 @@ const MenuSeparator = withContext("hr", "separator")(void 0, (props) => {
 	const { getSeparatorProps } = useComponentContext();
 	return getSeparatorProps(props);
 });
-
 //#endregion
 exports.MenuAnchor = MenuAnchor;
 exports.MenuCommand = MenuCommand;
@@ -324,4 +318,5 @@ exports.MenuRoot = MenuRoot;
 exports.MenuSeparator = MenuSeparator;
 exports.MenuTrigger = MenuTrigger;
 exports.useMenuPropsContext = useMenuPropsContext;
+
 //# sourceMappingURL=menu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","MenuRoot: FC<MenuRootProps>","usePopoverProps","useMenu","MenuDescendantsContext","MenuContext","MainMenuContext","styled","useMenuContext","rest","Fragment","items","index","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,6CACF,QACAC,6BACD;;;;;;AASD,MAAaC,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,MAAM;CAChE,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvBC,oCAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACEC,yBAAQ;EAAE;EAAU,GAAG;EAAM,CAAC;CAClC,MAAM,+CACG;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,EAAE,GAAG;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA8CD,QACE,2CAAC;EAAa,OAAO;YACnB,2CAACC;GAAuB,OAAO;aAC7B,2CAACC;IAAY,iCA/CV;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cA8BO,2CAACC;KAAgB,iCA5BhB;MACL;MACA;MACA;MACA;MACA;MACD,GACD;MAAC;MAAe;MAAa;MAAoB;MAAY;MAAS,CACvE;eAqBS,2CAAC;MAAiB,iCAnBnB;OACL;OACA;OACA;OACA;OACD,GACD;OACE;OACA;OACA;OACA;OACD,CACF;gBAQW;OAAc,GAAI;OAAqB;QAAwB;OAC9C;MACH;KACN;IACS;GACZ;;AAMnB,MAAa,cAAc,4CAEzB,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;AAEjD,oDAAiC,4DAAgC,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"}
+{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","usePopoverProps","useMenu","MenuDescendantsContext","MenuContext","MainMenuContext","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":"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"}

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

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-const require_popover_style = require('../popover/popover.style.cjs');
-require('../popover/index.cjs');
-
+const require_config = require("../../core/system/config.cjs");
+const require_popover_style = require("../popover/popover.style.cjs");
 //#region src/components/menu/menu.style.ts
 const menuStyle = require_config.defineComponentSlotStyle({
 	base: {
@@ -141,7 +138,7 @@ const menuStyle = require_config.defineComponentSlotStyle({
 	},
 	defaultProps: { size: "md" }
 });
-
 //#endregion
 exports.menuStyle = menuStyle;
+
 //# sourceMappingURL=menu.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n  base: {\n    command: {\n      textStyle: \"mono\",\n      color: \"fg.muted\",\n      ms: \"auto\",\n    },\n    content: {\n      \"&:has([data-footer])\": {\n        scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n      },\n      \"&:has([data-header])\": {\n        scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n      },\n      \"--border-width\": \"1px\",\n      \"--footer-height\": \"{item-height}\",\n      \"--header-height\": \"{item-height}\",\n      gap: \"0\",\n      overflow: \"auto\",\n      p: \"{space}\",\n      scrollPaddingBottom: \"{space}\",\n      scrollPaddingTop: \"{space}\",\n    },\n    footer: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderTopWidth: \"{border-width}\",\n      bottom: \"calc({space} * -1)\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"calc({space} * -1)\",\n      minH: \"{footer-height}\",\n      mt: \"{space}\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderBottomWidth: \"{border-width}\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"{space}\",\n      minH: \"{header-height}\",\n      mt: \"calc({space} * -1)\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n      top: \"calc({space} * -1)\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"flex\",\n      focusVisibleRing: \"none\",\n      minH: \"{item-height}\",\n      userSelect: \"none\",\n      _activedescendant: { bg: \"bg.subtle\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      minH: \"{item-height}\",\n    },\n    separator: {\n      \"& + hr\": { display: \"none\" },\n      \"&:last-child, &:first-child\": { display: \"none\" },\n      borderBottomWidth: \"{border-width}\",\n      mx: \"calc({space} * -1)\",\n      my: \"{space}\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      command: { fontSize: \"2xs\" },\n      content: {\n        \"--item-height\": \"spaces.7\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"xs\",\n        minW: \"3xs\",\n      },\n      footer: { px: \"1.5\" },\n      header: { px: \"1.5\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n      label: { px: \"1.5\" },\n    },\n    md: {\n      command: { fontSize: \"xs\" },\n      content: {\n        \"--item-height\": \"spaces.8\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"sm\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n    lg: {\n      command: { fontSize: \"sm\" },\n      content: {\n        \"--item-height\": \"spaces.9\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"md\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"lg\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;;;;AAGA,MAAa,YAAYA,wCAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIC,mCAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIA,mCAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n  base: {\n    command: {\n      textStyle: \"mono\",\n      color: \"fg.muted\",\n      ms: \"auto\",\n    },\n    content: {\n      \"&:has([data-footer])\": {\n        scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n      },\n      \"&:has([data-header])\": {\n        scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n      },\n      \"--border-width\": \"1px\",\n      \"--footer-height\": \"{item-height}\",\n      \"--header-height\": \"{item-height}\",\n      gap: \"0\",\n      overflow: \"auto\",\n      p: \"{space}\",\n      scrollPaddingBottom: \"{space}\",\n      scrollPaddingTop: \"{space}\",\n    },\n    footer: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderTopWidth: \"{border-width}\",\n      bottom: \"calc({space} * -1)\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"calc({space} * -1)\",\n      minH: \"{footer-height}\",\n      mt: \"{space}\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      alignItems: \"center\",\n      bg: popoverStyle.base?.content?.bg,\n      borderBottomWidth: \"{border-width}\",\n      display: \"flex\",\n      left: \"0\",\n      mb: \"{space}\",\n      minH: \"{header-height}\",\n      mt: \"calc({space} * -1)\",\n      mx: \"calc({space} * -1)\",\n      position: \"sticky\",\n      right: \"0\",\n      top: \"calc({space} * -1)\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"flex\",\n      focusVisibleRing: \"none\",\n      minH: \"{item-height}\",\n      userSelect: \"none\",\n      _activedescendant: { bg: \"bg.subtle\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      minH: \"{item-height}\",\n    },\n    separator: {\n      \"& + hr\": { display: \"none\" },\n      \"&:last-child, &:first-child\": { display: \"none\" },\n      borderBottomWidth: \"{border-width}\",\n      mx: \"calc({space} * -1)\",\n      my: \"{space}\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      command: { fontSize: \"2xs\" },\n      content: {\n        \"--item-height\": \"spaces.7\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"xs\",\n        minW: \"3xs\",\n      },\n      footer: { px: \"1.5\" },\n      header: { px: \"1.5\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n      label: { px: \"1.5\" },\n    },\n    md: {\n      command: { fontSize: \"xs\" },\n      content: {\n        \"--item-height\": \"spaces.8\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"sm\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n    lg: {\n      command: { fontSize: \"sm\" },\n      content: {\n        \"--item-height\": \"spaces.9\",\n        \"--space\": \"spaces.1\",\n        fontSize: \"md\",\n        minW: \"2xs\",\n      },\n      footer: { px: \"2\" },\n      header: { px: \"2\" },\n      indicator: { fontSize: \"lg\" },\n      item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n      label: { px: \"2\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAYA,eAAAA,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIC,sBAAAA,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIA,sBAAAA,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,aAAa;GACtC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}

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

@@ -1,8 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_menu = require('./menu.cjs');
-
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_menu = require("./menu.cjs");
 //#region src/components/menu/namespace.ts
-var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Anchor: () => require_menu.MenuAnchor,
 	Command: () => require_menu.MenuCommand,
 	Content: () => require_menu.MenuContent,
@@ -21,12 +20,12 @@ var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	Trigger: () => require_menu.MenuTrigger,
 	usePropsContext: () => require_menu.useMenuPropsContext
 });
-
 //#endregion
-Object.defineProperty(exports, 'namespace_exports', {
-  enumerable: true,
-  get: function () {
-    return namespace_exports;
-  }
+Object.defineProperty(exports, "namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return namespace_exports;
+	}
 });
+
 //# sourceMappingURL=namespace.cjs.map

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

@@ -1,19 +1,15 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_context = require('../../utils/context.cjs');
-const require_dom = require('../../utils/dom.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_props = require('../../core/components/props.cjs');
-require('../../core/index.cjs');
-const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
-const require_hooks_use_descendants_index = require('../../hooks/use-descendants/index.cjs');
-const require_use_disclosure = require('../../hooks/use-disclosure/use-disclosure.cjs');
-require('../../hooks/use-disclosure/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_context = require("../../utils/context.cjs");
+const require_dom = require("../../utils/dom.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_props = require("../../core/components/props.cjs");
+const require_hooks_use_controllable_state_index = require("../../hooks/use-controllable-state/index.cjs");
+const require_hooks_use_descendants_index = require("../../hooks/use-descendants/index.cjs");
+const require_use_disclosure = require("../../hooks/use-disclosure/use-disclosure.cjs");
 let react = require("react");
-
 //#region src/components/menu/use-menu.ts
 const { DescendantsContext: MenuDescendantsContext, useDescendant: useMenuDescendant, useDescendantRegister: useMenuDescendantRegister, useDescendants: useMenuDescendants } = require_hooks_use_descendants_index.createDescendants();
 const [MenuContext, useMenuContext] = require_context.createContext({ name: "MenuContext" });
@@ -421,7 +417,7 @@ const useMenuOptionGroup = ({ type = "checkbox", defaultValue = type === "checkb
 	const onChange = (0, react.useCallback)((selectedValue) => {
 		setValue((prev) => {
 			if (radio && (0, require_utils_index.utils_exports.isString)(prev)) return selectedValue;
-			else if (!radio && (0, require_utils_index.utils_exports.isArray)(prev)) return prev.includes(selectedValue) ? prev.filter((value$1) => value$1 !== selectedValue) : prev.concat(selectedValue);
+			else if (!radio && (0, require_utils_index.utils_exports.isArray)(prev)) return prev.includes(selectedValue) ? prev.filter((value) => value !== selectedValue) : prev.concat(selectedValue);
 			else return prev;
 		});
 	}, [radio, setValue]);
@@ -467,7 +463,6 @@ const useMenuOptionItem = ({ disabled, value, ...rest }) => {
 		])
 	};
 };
-
 //#endregion
 exports.MainMenuContext = MainMenuContext;
 exports.MenuContext = MenuContext;
@@ -486,4 +481,5 @@ exports.useMenuOptionGroup = useMenuOptionGroup;
 exports.useMenuOptionGroupContext = useMenuOptionGroupContext;
 exports.useMenuOptionItem = useMenuOptionItem;
 exports.useSubMenu = useSubMenu;
+
 //# sourceMappingURL=use-menu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-menu.cjs","names":["createDescendants","createContext","useDisclosure","getTriggerProps: PropGetter","getContextTriggerProps: PropGetter","getContentProps: PropGetter","mergeRefs","getSeparatorProps: PropGetter","mergeProps","useControllableState","value"],"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  cx,\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) {\n        onOpen()\n      } else {\n        onClose()\n      }\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    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-labelledby\": cx(ariaLabelledby, triggerId),\n      role: \"menu\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\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, ref, ...props } = {}) => {\n      const getDisabled = (node: HTMLDivElement) =>\n        disabled || dataDisabled(node) || ariaDisabled(node)\n      const register = createRegister({ id, disabled: getDisabled })\n\n      return {\n        role: subMenu ? \"menuitem\" : \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, register),\n        onClick: handlerAll(onClick, props.onClick),\n        onKeyDown: handlerAll(onKeyDown, props.onKeyDown),\n        onMouseEnter: handlerAll(onMouseEnter, props.onMouseEnter),\n        onMouseMove: handlerAll(onMouseMove, props.onMouseMove),\n      }\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 = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseMenuGroupProps) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [ariaLabelledbyProp, 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    ({ ref, ...props } = {}) => {\n      const {\n        onClick: restOnClick,\n        onFocus: restOnFocus,\n        onKeyDown: restOnKeyDown,\n        onMouseMove: restOnMouseMove,\n        ...restProps\n      } = rest\n      const {\n        onClick: propsOnClick,\n        onFocus: propsOnFocus,\n        onKeyDown: propsOnKeyDown,\n        onMouseMove: propsOnMouseMove,\n        ...itemProps\n      } = props\n\n      return mergeProps(\n        {\n          id,\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          role: \"menuitem\",\n          tabIndex: -1,\n        },\n        restProps,\n        itemProps,\n        {\n          ref: mergeRefs(ref, itemRef, register),\n          onClick: handlerAll(propsOnClick, restOnClick, () =>\n            onSelect(value, closeOnSelect),\n          ),\n          onFocus: handlerAll(propsOnFocus, restOnFocus, onActive),\n          onKeyDown: handlerAll(propsOnKeyDown, restOnKeyDown, onKeyDown),\n          onMouseMove: handlerAll(propsOnMouseMove, restOnMouseMove, () => {\n            onCloseSubMenu()\n            onActive()\n          }),\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)) {\n          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 {\n          return prev\n        }\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","useDisclosure","mergeRefs","mergeProps","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  cx,\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) {\n        onOpen()\n      } else {\n        onClose()\n      }\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    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-labelledby\": cx(ariaLabelledby, triggerId),\n      role: \"menu\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\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, ref, ...props } = {}) => {\n      const getDisabled = (node: HTMLDivElement) =>\n        disabled || dataDisabled(node) || ariaDisabled(node)\n      const register = createRegister({ id, disabled: getDisabled })\n\n      return {\n        role: subMenu ? \"menuitem\" : \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, register),\n        onClick: handlerAll(onClick, props.onClick),\n        onKeyDown: handlerAll(onKeyDown, props.onKeyDown),\n        onMouseEnter: handlerAll(onMouseEnter, props.onMouseEnter),\n        onMouseMove: handlerAll(onMouseMove, props.onMouseMove),\n      }\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 = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseMenuGroupProps) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [ariaLabelledbyProp, 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    ({ ref, ...props } = {}) => {\n      const {\n        onClick: restOnClick,\n        onFocus: restOnFocus,\n        onKeyDown: restOnKeyDown,\n        onMouseMove: restOnMouseMove,\n        ...restProps\n      } = rest\n      const {\n        onClick: propsOnClick,\n        onFocus: propsOnFocus,\n        onKeyDown: propsOnKeyDown,\n        onMouseMove: propsOnMouseMove,\n        ...itemProps\n      } = props\n\n      return mergeProps(\n        {\n          id,\n          \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n          \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n          role: \"menuitem\",\n          tabIndex: -1,\n        },\n        restProps,\n        itemProps,\n        {\n          ref: mergeRefs(ref, itemRef, register),\n          onClick: handlerAll(propsOnClick, restOnClick, () =>\n            onSelect(value, closeOnSelect),\n          ),\n          onFocus: handlerAll(propsOnFocus, restOnFocus, onActive),\n          onKeyDown: handlerAll(propsOnKeyDown, restOnKeyDown, onKeyDown),\n          onMouseMove: handlerAll(propsOnMouseMove, restOnMouseMove, () => {\n            onCloseSubMenu()\n            onActive()\n          }),\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)) {\n          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 {\n          return prev\n        }\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/index.cjs

@@ -1,13 +1,13 @@
-const require_modal_style = require('./modal.style.cjs');
-const require_use_modal = require('./use-modal.cjs');
-const require_modal = require('./modal.cjs');
-const require_namespace = require('./namespace.cjs');
-
-Object.defineProperty(exports, 'Modal', {
-  enumerable: true,
-  get: function () {
-    return require_namespace.namespace_exports;
-  }
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_modal_style = require("./modal.style.cjs");
+const require_use_modal = require("./use-modal.cjs");
+const require_modal = require("./modal.cjs");
+const require_namespace = require("./namespace.cjs");
+Object.defineProperty(exports, "Modal", {
+	enumerable: true,
+	get: function() {
+		return require_namespace.namespace_exports;
+	}
 });
 exports.ModalBody = require_modal.ModalBody;
 exports.ModalCloseButton = require_modal.ModalCloseButton;
@@ -22,4 +22,4 @@ exports.ModalRoot = require_modal.ModalRoot;
 exports.ModalTitle = require_modal.ModalTitle;
 exports.modalStyle = require_modal_style.modalStyle;
 exports.useModal = require_use_modal.useModal;
-exports.useModalPropsContext = require_modal.useModalPropsContext;
+exports.useModalPropsContext = require_modal.useModalPropsContext;