@sprawlify/react 0.0.8 → 0.0.9

package/dist/components/marquee/index.mjs

@@ -0,0 +1,155 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import { forwardRef, useId } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import * as marquee from "@sprawlify/primitives/machines/marquee";
+import { anatomy as marqueeAnatomy } from "@sprawlify/primitives/machines/marquee";
+
+//#region src/components/marquee/use-marquee-context.ts
+const [MarqueeProvider, useMarqueeContext] = createContext$1({
+	name: "MarqueeContext",
+	hookName: "useMarqueeContext",
+	providerName: "<MarqueeProvider />"
+});
+
+//#endregion
+//#region src/components/marquee/marquee-content.tsx
+const MarqueeContent = forwardRef((props, ref) => {
+	const { children, ...localProps } = props;
+	const marquee$1 = useMarqueeContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: marquee$1.contentCount }).map((_, index) => {
+		const mergedProps = mergeProps(marquee$1.getContentProps({ index }), localProps);
+		return /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref: index === 0 ? ref : void 0,
+			children
+		}, index);
+	}) });
+});
+MarqueeContent.displayName = "MarqueeContent";
+
+//#endregion
+//#region src/components/marquee/marquee-context.tsx
+const MarqueeContext = (props) => props.children(useMarqueeContext());
+
+//#endregion
+//#region src/components/marquee/marquee-edge.tsx
+const splitEdgeProps = createSplitProps();
+const MarqueeEdge = forwardRef((props, ref) => {
+	const [edgeProps, localProps] = splitEdgeProps(props, ["side"]);
+	const mergedProps = mergeProps(useMarqueeContext().getEdgeProps(edgeProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeEdge.displayName = "MarqueeEdge";
+
+//#endregion
+//#region src/components/marquee/marquee-item.tsx
+const MarqueeItem = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useMarqueeContext().getItemProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+//#endregion
+//#region src/components/marquee/use-marquee.ts
+const useMarquee = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(marquee.machine, context);
+	return marquee.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/marquee/marquee-root.tsx
+const splitRootProps = createSplitProps();
+const MarqueeRoot = forwardRef((props, ref) => {
+	const [useMarqueeProps, localProps] = splitRootProps(props, [
+		"autoFill",
+		"defaultPaused",
+		"delay",
+		"id",
+		"ids",
+		"loopCount",
+		"onComplete",
+		"onLoopComplete",
+		"onPauseChange",
+		"paused",
+		"pauseOnInteraction",
+		"reverse",
+		"side",
+		"spacing",
+		"speed",
+		"translations"
+	]);
+	const marqueeApi = useMarquee(useMarqueeProps);
+	const mergedProps = mergeProps(marqueeApi.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(MarqueeProvider, {
+		value: marqueeApi,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MarqueeRoot.displayName = "MarqueeRoot";
+
+//#endregion
+//#region src/components/marquee/marquee-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const MarqueeRootProvider = forwardRef((props, ref) => {
+	const [{ value: marquee$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(marquee$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(MarqueeProvider, {
+		value: marquee$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MarqueeRootProvider.displayName = "MarqueeRootProvider";
+
+//#endregion
+//#region src/components/marquee/marquee-viewport.tsx
+const MarqueeViewport = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useMarqueeContext().getViewportProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MarqueeViewport.displayName = "MarqueeViewport";
+
+//#endregion
+//#region src/components/marquee/marquee.ts
+var marquee_exports = /* @__PURE__ */ __export({
+	Content: () => MarqueeContent,
+	Context: () => MarqueeContext,
+	Edge: () => MarqueeEdge,
+	Item: () => MarqueeItem,
+	Root: () => MarqueeRoot,
+	RootProvider: () => MarqueeRootProvider,
+	Viewport: () => MarqueeViewport
+});
+
+//#endregion
+export { marquee_exports as Marquee, MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, marqueeAnatomy, useMarquee, useMarqueeContext };

package/dist/components/menu/index.cjs

@@ -0,0 +1,548 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_compose_refs = require('../../compose-refs-C5QNDywq.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+const require_presence = require('../../presence-CPov8wyU.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_menu = require("@sprawlify/primitives/machines/menu");
+__sprawlify_primitives_machines_menu = require_chunk.__toESM(__sprawlify_primitives_machines_menu);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/menu/use-menu-context.ts
+const [MenuProvider, useMenuContext] = require_create_context.createContext({
+	name: "MenuContext",
+	hookName: "useMenuContext",
+	providerName: "<MenuProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/menu-arrow.tsx
+const MenuArrow = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getArrowProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuArrow.displayName = "MenuArrow";
+
+//#endregion
+//#region src/components/menu/menu-arrow-tip.tsx
+const MenuArrowTip = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuArrowTip.displayName = "MenuArrowTip";
+
+//#endregion
+//#region src/components/menu/use-menu-item-context.ts
+const [MenuItemProvider, useMenuItemContext] = require_create_context.createContext({
+	name: "MenuItemContext",
+	hookName: "useMenuItemContext",
+	providerName: "<MenuItemProvider />"
+});
+
+//#endregion
+//#region src/components/menu/use-menu-option-item-props-context.ts
+const [MenuItemPropsProvider, useMenuItemPropsContext] = require_create_context.createContext({
+	name: "MenuItemPropsContext",
+	hookName: "useMenuItemPropsContext",
+	providerName: "<MenuItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/menu/menu-checkbox-item.tsx
+const splitOptionItemProps$1 = require_create_split_props.createSplitProps();
+const MenuCheckboxItem = (0, react.forwardRef)((props, ref) => {
+	const [partialOptionItemProps, localProps] = splitOptionItemProps$1(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = {
+		...partialOptionItemProps,
+		type: "checkbox"
+	};
+	const menu = useMenuContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemProvider, {
+			value: menu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+MenuCheckboxItem.displayName = "MenuCheckboxItem";
+
+//#endregion
+//#region src/components/menu/menu-content.tsx
+const MenuContent = (0, react.forwardRef)((props, ref) => {
+	const menu = useMenuContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+MenuContent.displayName = "MenuContent";
+
+//#endregion
+//#region src/components/menu/menu-context.tsx
+const MenuContext = (props) => props.children(useMenuContext());
+
+//#endregion
+//#region src/components/menu/menu-context-trigger.tsx
+const MenuContextTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getContextTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+MenuContextTrigger.displayName = "MenuContextTrigger";
+
+//#endregion
+//#region src/components/menu/menu-indicator.tsx
+const MenuIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuIndicator.displayName = "MenuIndicator";
+
+//#endregion
+//#region src/components/menu/menu-item.tsx
+const splitItemBaseProps = require_create_split_props.createSplitProps();
+const MenuItem = (0, react.forwardRef)((props, ref) => {
+	const [itemProps, localProps] = splitItemBaseProps(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText",
+		"onSelect"
+	]);
+	const menu = useMenuContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemProps(itemProps), localProps);
+	const itemState = menu.getItemState(itemProps);
+	(0, react.useEffect)(() => {
+		return menu.addItemListener({
+			id: itemState.id,
+			onSelect: itemProps.onSelect
+		});
+	}, [itemState.id, itemProps.onSelect]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemProvider, {
+			value: itemState,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+MenuItem.displayName = "MenuItem";
+
+//#endregion
+//#region src/components/menu/menu-item-context.tsx
+const MenuItemContext = (props) => props.children(useMenuItemContext());
+
+//#endregion
+//#region src/components/menu/use-menu-item-group-context.ts
+const [MenuItemGroupProvider, useMenuItemGroupContext] = require_create_context.createContext({
+	name: "MenuItemGroupContext",
+	hookName: "useMenuItemGroupContext",
+	providerName: "<MenuItemGroupProvider />"
+});
+
+//#endregion
+//#region src/components/menu/menu-item-group.tsx
+const splitItemGroupProps$1 = require_create_split_props.createSplitProps();
+const MenuItemGroup = (0, react.forwardRef)((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps$1(props, ["id"]);
+	const menu = useMenuContext();
+	const itemGroupProps = {
+		id: (0, react.useId)(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MenuItemGroup.displayName = "MenuItemGroup";
+
+//#endregion
+//#region src/components/menu/menu-item-group-label.tsx
+const MenuItemGroupLabel = (0, react.forwardRef)((props, ref) => {
+	const menu = useMenuContext();
+	const itemGroup = useMenuItemGroupContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuItemGroupLabel.displayName = "MenuItemGroupLabel";
+
+//#endregion
+//#region src/components/menu/menu-item-indicator.tsx
+const MenuItemIndicator = (0, react.forwardRef)((props, ref) => {
+	const menu = useMenuContext();
+	const itemProps = useMenuItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuItemIndicator.displayName = "MenuItemIndicator";
+
+//#endregion
+//#region src/components/menu/menu-item-text.tsx
+const MenuItemText = (0, react.forwardRef)((props, ref) => {
+	const menu = useMenuContext();
+	const itemProps = useMenuItemPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuItemText.displayName = "MenuItemText";
+
+//#endregion
+//#region src/components/menu/menu-positioner.tsx
+const MenuPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+MenuPositioner.displayName = "MenuPositioner";
+
+//#endregion
+//#region src/components/menu/menu-radio-item.tsx
+const splitOptionItemProps = require_create_split_props.createSplitProps();
+const MenuRadioItem = (0, react.forwardRef)((props, ref) => {
+	const [partialItemProps, localProps] = splitOptionItemProps(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText"
+	]);
+	const menu = useMenuContext();
+	const itemGroup = useMenuItemGroupContext();
+	const optionItemProps = {
+		...partialItemProps,
+		checked: itemGroup.value === partialItemProps.value,
+		type: "radio",
+		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
+	};
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemProvider, {
+			value: menu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+MenuRadioItem.displayName = "MenuRadioItem";
+
+//#endregion
+//#region src/components/menu/menu-radio-item-group.tsx
+const splitItemGroupProps = require_create_split_props.createSplitProps();
+const MenuRadioItemGroup = (0, react.forwardRef)((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, [
+		"id",
+		"onValueChange",
+		"value"
+	]);
+	const menu = useMenuContext();
+	const itemGroupProps = {
+		id: (0, react.useId)(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MenuRadioItemGroup.displayName = "MenuRadioItemGroup";
+
+//#endregion
+//#region src/utils/use-effect-once.ts
+const useEffectOnce = (cb) => {
+	const savedCallback = (0, react.useRef)(cb);
+	const effectGuard = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		savedCallback.current = cb;
+	});
+	(0, react.useEffect)(() => {
+		if (effectGuard.current !== true) {
+			effectGuard.current = true;
+			savedCallback.current();
+		}
+	}, []);
+};
+
+//#endregion
+//#region src/components/menu/use-menu.ts
+const useMenu = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_menu.machine, machineProps);
+	return {
+		api: __sprawlify_primitives_machines_menu.connect(service, require_core.normalizeProps),
+		service
+	};
+};
+
+//#endregion
+//#region src/components/menu/use-menu-machine-context.ts
+const [MenuMachineProvider, useMenuMachineContext] = require_create_context.createContext({
+	name: "MenuMachineContext",
+	hookName: "useMenuMachineContext",
+	providerName: "<MenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/use-menu-trigger-item-context.ts
+const [MenuTriggerItemProvider, useMenuTriggerItemContext] = require_create_context.createContext({
+	name: "MenuMachineContext",
+	hookName: "useMenuMachineContext",
+	providerName: "<MenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/menu-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const MenuRoot = (props) => {
+	const [presenceProps, menuProps] = require_presence.splitPresenceProps(props);
+	const [useMenuProps, localProps] = splitRootProps(menuProps, [
+		"anchorPoint",
+		"aria-label",
+		"closeOnSelect",
+		"composite",
+		"defaultHighlightedValue",
+		"defaultOpen",
+		"highlightedValue",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"onSelect",
+		"open",
+		"positioning",
+		"typeahead"
+	]);
+	const parentApi = useMenuContext();
+	const parentMachine = useMenuMachineContext();
+	const { api, service } = useMenu(useMenuProps);
+	const presence = require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: api.open }, presenceProps));
+	useEffectOnce(() => {
+		if (!parentMachine) return;
+		if (!parentApi) return;
+		parentApi.setChild(service);
+		api.setParent(parentMachine);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuTriggerItemProvider, {
+		value: (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuMachineProvider, {
+			value: service,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuProvider, {
+				value: api,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+					value: presence,
+					...localProps
+				})
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-root-provider.tsx
+const MenuRootProvider = (props) => {
+	const parentApi = useMenuContext();
+	const parentMachine = useMenuMachineContext();
+	const [presenceProps, { value: menu, children }] = require_presence.splitPresenceProps(props);
+	const { api, service } = menu;
+	const presence = require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: api.open }, presenceProps));
+	useEffectOnce(() => {
+		if (!parentMachine) return;
+		if (!parentApi) return;
+		parentApi.setChild(service);
+		api.setParent(parentMachine);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuTriggerItemProvider, {
+		value: (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuMachineProvider, {
+			value: service,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuProvider, {
+				value: api,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+					value: presence,
+					children
+				})
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-separator.tsx
+const MenuSeparator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuContext().getSeparatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.hr, {
+		...mergedProps,
+		ref
+	});
+});
+MenuSeparator.displayName = "MenuSeparator";
+
+//#endregion
+//#region src/components/menu/menu-trigger.tsx
+const MenuTrigger = (0, react.forwardRef)((props, ref) => {
+	const menu = useMenuContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...menu.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : menu.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+MenuTrigger.displayName = "MenuTrigger";
+
+//#endregion
+//#region src/components/menu/menu-trigger-item.tsx
+const MenuTriggerItem = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useMenuTriggerItemContext()?.() ?? {}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItemPropsProvider, {
+		value: { value: mergedProps["data-value"] },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MenuTriggerItem.displayName = "MenuTriggerItem";
+
+//#endregion
+//#region src/components/menu/menu.ts
+var menu_exports = /* @__PURE__ */ require_chunk.__export({
+	Arrow: () => MenuArrow,
+	ArrowTip: () => MenuArrowTip,
+	CheckboxItem: () => MenuCheckboxItem,
+	Content: () => MenuContent,
+	Context: () => MenuContext,
+	ContextTrigger: () => MenuContextTrigger,
+	Indicator: () => MenuIndicator,
+	Item: () => MenuItem,
+	ItemContext: () => MenuItemContext,
+	ItemGroup: () => MenuItemGroup,
+	ItemGroupLabel: () => MenuItemGroupLabel,
+	ItemIndicator: () => MenuItemIndicator,
+	ItemText: () => MenuItemText,
+	Positioner: () => MenuPositioner,
+	RadioItem: () => MenuRadioItem,
+	RadioItemGroup: () => MenuRadioItemGroup,
+	Root: () => MenuRoot,
+	RootProvider: () => MenuRootProvider,
+	Separator: () => MenuSeparator,
+	Trigger: () => MenuTrigger,
+	TriggerItem: () => MenuTriggerItem
+});
+
+//#endregion
+Object.defineProperty(exports, 'Menu', {
+  enumerable: true,
+  get: function () {
+    return menu_exports;
+  }
+});
+exports.MenuArrow = MenuArrow;
+exports.MenuArrowTip = MenuArrowTip;
+exports.MenuCheckboxItem = MenuCheckboxItem;
+exports.MenuContent = MenuContent;
+exports.MenuContext = MenuContext;
+exports.MenuContextTrigger = MenuContextTrigger;
+exports.MenuIndicator = MenuIndicator;
+exports.MenuItem = MenuItem;
+exports.MenuItemContext = MenuItemContext;
+exports.MenuItemGroup = MenuItemGroup;
+exports.MenuItemGroupLabel = MenuItemGroupLabel;
+exports.MenuItemIndicator = MenuItemIndicator;
+exports.MenuItemText = MenuItemText;
+exports.MenuPositioner = MenuPositioner;
+exports.MenuRadioItem = MenuRadioItem;
+exports.MenuRadioItemGroup = MenuRadioItemGroup;
+exports.MenuRoot = MenuRoot;
+exports.MenuRootProvider = MenuRootProvider;
+exports.MenuSeparator = MenuSeparator;
+exports.MenuTrigger = MenuTrigger;
+exports.MenuTriggerItem = MenuTriggerItem;
+Object.defineProperty(exports, 'menuAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_menu.anatomy;
+  }
+});
+exports.useMenu = useMenu;
+exports.useMenuContext = useMenuContext;
+exports.useMenuItemContext = useMenuItemContext;