@ark-ui/react 5.35.0 → 5.36.1

package/dist/components/menu/menu-checkbox-item.cjs

@@ -1,36 +1,41 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../../utils/create-split-props.cjs');
-const factory = require('../factory.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-const useMenuItemContext = require('./use-menu-item-context.cjs');
-const useMenuOptionItemPropsContext = require('./use-menu-option-item-props-context.cjs');
-
-const splitOptionItemProps = createSplitProps.createSplitProps();
-const MenuCheckboxItem = react.forwardRef((props, ref) => {
-  const [partialOptionItemProps, localProps] = splitOptionItemProps(props, [
-    "checked",
-    "closeOnSelect",
-    "disabled",
-    "onCheckedChange",
-    "value",
-    "valueText"
-  ]);
-  const optionItemProps = {
-    ...partialOptionItemProps,
-    type: "checkbox"
-  };
-  const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  const optionItemState = menu.getOptionItemState(optionItemProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+const require_use_menu_item_context = require("./use-menu-item-context.cjs");
+const require_use_menu_option_item_props_context = require("./use-menu-option-item-props-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-checkbox-item.tsx
+var splitOptionItemProps = require_create_split_props.createSplitProps();
+var MenuCheckboxItem = (0, react.forwardRef)((props, ref) => {
+	const [partialOptionItemProps, localProps] = splitOptionItemProps(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = {
+		...partialOptionItemProps,
+		type: "checkbox"
+	};
+	const menu = require_use_menu_context.useMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_option_item_props_context.MenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_item_context.MenuItemProvider, {
+			value: menu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
 });
 MenuCheckboxItem.displayName = "MenuCheckboxItem";
-
+//#endregion
 exports.MenuCheckboxItem = MenuCheckboxItem;

package/dist/components/menu/menu-checkbox-item.js

@@ -1,32 +1,40 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../../utils/create-split-props.js';
-import { ark } from '../factory.js';
-import { useMenuContext } from './use-menu-context.js';
-import { MenuItemProvider } from './use-menu-item-context.js';
-import { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';
-
-const splitOptionItemProps = createSplitProps();
-const MenuCheckboxItem = forwardRef((props, ref) => {
-  const [partialOptionItemProps, localProps] = splitOptionItemProps(props, [
-    "checked",
-    "closeOnSelect",
-    "disabled",
-    "onCheckedChange",
-    "value",
-    "valueText"
-  ]);
-  const optionItemProps = {
-    ...partialOptionItemProps,
-    type: "checkbox"
-  };
-  const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  const optionItemState = menu.getOptionItemState(optionItemProps);
-  return /* @__PURE__ */ jsx(MenuItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+"use client";
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { ark } from "../factory.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { MenuItemProvider } from "./use-menu-item-context.js";
+import { MenuItemPropsProvider } from "./use-menu-option-item-props-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-checkbox-item.tsx
+var splitOptionItemProps = createSplitProps();
+var MenuCheckboxItem = forwardRef((props, ref) => {
+	const [partialOptionItemProps, localProps] = splitOptionItemProps(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = {
+		...partialOptionItemProps,
+		type: "checkbox"
+	};
+	const menu = useMenuContext();
+	const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ jsx(MenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ jsx(MenuItemProvider, {
+			value: menu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ jsx(ark.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
 });
 MenuCheckboxItem.displayName = "MenuCheckboxItem";
-
+//#endregion
 export { MenuCheckboxItem };

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

@@ -1,25 +1,23 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const composeRefs = require('../../utils/compose-refs.cjs');
-const factory = require('../factory.cjs');
-const usePresenceContext = require('../presence/use-presence-context.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-
-const MenuContent = react.forwardRef((props, ref) => {
-  const menu = useMenuContext.useMenuContext();
-  const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);
-  if (presence.unmounted) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_compose_refs = require("../../utils/compose-refs.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_presence_context = require("../presence/use-presence-context.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-content.tsx
+var MenuContent = (0, react.forwardRef)((props, ref) => {
+	const menu = require_use_menu_context.useMenuContext();
+	const presence = require_use_presence_context.usePresenceContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
 });
 MenuContent.displayName = "MenuContent";
-
+//#endregion
 exports.MenuContent = MenuContent;

package/dist/components/menu/menu-content.js

@@ -1,21 +1,22 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { composeRefs } from '../../utils/compose-refs.js';
-import { ark } from '../factory.js';
-import { usePresenceContext } from '../presence/use-presence-context.js';
-import { useMenuContext } from './use-menu-context.js';
-
-const MenuContent = forwardRef((props, ref) => {
-  const menu = useMenuContext();
-  const presence = usePresenceContext();
-  const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);
-  if (presence.unmounted) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+"use client";
+import { composeRefs } from "../../utils/compose-refs.js";
+import { ark } from "../factory.js";
+import { usePresenceContext } from "../presence/use-presence-context.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-content.tsx
+var MenuContent = forwardRef((props, ref) => {
+	const menu = useMenuContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
 });
 MenuContent.displayName = "MenuContent";
-
+//#endregion
 export { MenuContent };

package/dist/components/menu/menu-context-trigger.cjs

@@ -1,19 +1,18 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-
-const MenuContextTrigger = react.forwardRef((props, ref) => {
-  const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.getContextTriggerProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-context-trigger.tsx
+var MenuContextTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getContextTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
+		...mergedProps,
+		ref
+	});
 });
 MenuContextTrigger.displayName = "MenuContextTrigger";
-
+//#endregion
 exports.MenuContextTrigger = MenuContextTrigger;

package/dist/components/menu/menu-context-trigger.js

@@ -1,15 +1,17 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useMenuContext } from './use-menu-context.js';
-
-const MenuContextTrigger = forwardRef((props, ref) => {
-  const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.getContextTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+"use client";
+import { ark } from "../factory.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-context-trigger.tsx
+var MenuContextTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useMenuContext().getContextTriggerProps(), props);
+	return /* @__PURE__ */ jsx(ark.button, {
+		...mergedProps,
+		ref
+	});
 });
 MenuContextTrigger.displayName = "MenuContextTrigger";
-
+//#endregion
 export { MenuContextTrigger };

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

@@ -1,10 +1,6 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useMenuContext = require('./use-menu-context.cjs');
-
-const MenuContext = (props) => props.children(useMenuContext.useMenuContext());
-
+"use client";
+const require_use_menu_context = require("./use-menu-context.cjs");
+//#region src/components/menu/menu-context.tsx
+var MenuContext = (props) => props.children(require_use_menu_context.useMenuContext());
+//#endregion
 exports.MenuContext = MenuContext;

package/dist/components/menu/menu-context.js

@@ -1,6 +1,6 @@
-'use client';
-import { useMenuContext } from './use-menu-context.js';
-
-const MenuContext = (props) => props.children(useMenuContext());
-
+"use client";
+import { useMenuContext } from "./use-menu-context.js";
+//#region src/components/menu/menu-context.tsx
+var MenuContext = (props) => props.children(useMenuContext());
+//#endregion
 export { MenuContext };

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

@@ -1,19 +1,18 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-
-const MenuIndicator = react.forwardRef((props, ref) => {
-  const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.getIndicatorProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-indicator.tsx
+var MenuIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		ref
+	});
 });
 MenuIndicator.displayName = "MenuIndicator";
-
+//#endregion
 exports.MenuIndicator = MenuIndicator;

package/dist/components/menu/menu-indicator.js

@@ -1,15 +1,17 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useMenuContext } from './use-menu-context.js';
-
-const MenuIndicator = forwardRef((props, ref) => {
-  const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.getIndicatorProps(), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+"use client";
+import { ark } from "../factory.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-indicator.tsx
+var MenuIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useMenuContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		ref
+	});
 });
 MenuIndicator.displayName = "MenuIndicator";
-
+//#endregion
 export { MenuIndicator };

package/dist/components/menu/menu-item-context.cjs

@@ -1,10 +1,6 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const useMenuItemContext = require('./use-menu-item-context.cjs');
-
-const MenuItemContext = (props) => props.children(useMenuItemContext.useMenuItemContext());
-
+"use client";
+const require_use_menu_item_context = require("./use-menu-item-context.cjs");
+//#region src/components/menu/menu-item-context.tsx
+var MenuItemContext = (props) => props.children(require_use_menu_item_context.useMenuItemContext());
+//#endregion
 exports.MenuItemContext = MenuItemContext;

package/dist/components/menu/menu-item-context.js

@@ -1,6 +1,6 @@
-'use client';
-import { useMenuItemContext } from './use-menu-item-context.js';
-
-const MenuItemContext = (props) => props.children(useMenuItemContext());
-
+"use client";
+import { useMenuItemContext } from "./use-menu-item-context.js";
+//#region src/components/menu/menu-item-context.tsx
+var MenuItemContext = (props) => props.children(useMenuItemContext());
+//#endregion
 export { MenuItemContext };

package/dist/components/menu/menu-item-group-label.cjs

@@ -1,21 +1,21 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
-
-const MenuItemGroupLabel = react.forwardRef((props, ref) => {
-  const menu = useMenuContext.useMenuContext();
-  const itemGroup = useMenuItemGroupContext.useMenuItemGroupContext();
-  const mergedProps = react$1.mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+const require_use_menu_item_group_context = require("./use-menu-item-group-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-item-group-label.tsx
+var MenuItemGroupLabel = (0, react.forwardRef)((props, ref) => {
+	const menu = require_use_menu_context.useMenuContext();
+	const itemGroup = require_use_menu_item_group_context.useMenuItemGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		ref
+	});
 });
 MenuItemGroupLabel.displayName = "MenuItemGroupLabel";
-
+//#endregion
 exports.MenuItemGroupLabel = MenuItemGroupLabel;

package/dist/components/menu/menu-item-group-label.js

@@ -1,17 +1,20 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useMenuContext } from './use-menu-context.js';
-import { useMenuItemGroupContext } from './use-menu-item-group-context.js';
-
-const MenuItemGroupLabel = forwardRef((props, ref) => {
-  const menu = useMenuContext();
-  const itemGroup = useMenuItemGroupContext();
-  const mergedProps = mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+"use client";
+import { ark } from "../factory.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { useMenuItemGroupContext } from "./use-menu-item-group-context.js";
+import { forwardRef } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-item-group-label.tsx
+var MenuItemGroupLabel = forwardRef((props, ref) => {
+	const menu = useMenuContext();
+	const itemGroup = useMenuItemGroupContext();
+	const mergedProps = mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		ref
+	});
 });
 MenuItemGroupLabel.displayName = "MenuItemGroupLabel";
-
+//#endregion
 export { MenuItemGroupLabel };

package/dist/components/menu/menu-item-group.cjs

@@ -1,25 +1,30 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../../utils/create-split-props.cjs');
-const factory = require('../factory.cjs');
-const useMenuContext = require('./use-menu-context.cjs');
-const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
-
-const splitItemGroupProps = createSplitProps.createSplitProps();
-const MenuItemGroup = react.forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
-  const menu = useMenuContext.useMenuContext();
-  const id = react.useId();
-  const itemGroupProps = { id, ...optionalItemGroupProps };
-  const mergedProps = react$1.mergeProps(menu.getItemGroupProps(itemGroupProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuItemGroupContext.MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_factory = require("../factory.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+const require_use_menu_item_group_context = require("./use-menu-item-group-context.cjs");
+let react = require("react");
+let _zag_js_react = require("@zag-js/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menu/menu-item-group.tsx
+var splitItemGroupProps = require_create_split_props.createSplitProps();
+var MenuItemGroup = (0, react.forwardRef)((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const menu = require_use_menu_context.useMenuContext();
+	const itemGroupProps = {
+		id: (0, react.useId)(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_item_group_context.MenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...mergedProps,
+			ref
+		})
+	});
 });
 MenuItemGroup.displayName = "MenuItemGroup";
-
+//#endregion
 exports.MenuItemGroup = MenuItemGroup;

package/dist/components/menu/menu-item-group.js

@@ -1,21 +1,29 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef, useId } from 'react';
-import { createSplitProps } from '../../utils/create-split-props.js';
-import { ark } from '../factory.js';
-import { useMenuContext } from './use-menu-context.js';
-import { MenuItemGroupProvider } from './use-menu-item-group-context.js';
-
-const splitItemGroupProps = createSplitProps();
-const MenuItemGroup = forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
-  const menu = useMenuContext();
-  const id = useId();
-  const itemGroupProps = { id, ...optionalItemGroupProps };
-  const mergedProps = mergeProps(menu.getItemGroupProps(itemGroupProps), localProps);
-  return /* @__PURE__ */ jsx(MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+"use client";
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { ark } from "../factory.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { MenuItemGroupProvider } from "./use-menu-item-group-context.js";
+import { forwardRef, useId } from "react";
+import { mergeProps } from "@zag-js/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/menu/menu-item-group.tsx
+var splitItemGroupProps = createSplitProps();
+var MenuItemGroup = forwardRef((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
+	const menu = useMenuContext();
+	const itemGroupProps = {
+		id: useId(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = mergeProps(menu.getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(MenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...mergedProps,
+			ref
+		})
+	});
 });
 MenuItemGroup.displayName = "MenuItemGroup";
-
+//#endregion
 export { MenuItemGroup };