@sprawlify/solid 0.0.16 → 0.0.18

package/dist/components/menu/index.d.ts

@@ -0,0 +1,161 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import "../../render-strategy-BmTDUy3U.js";
+import { s as UsePresenceProps } from "../../index-DylIyeqd.js";
+import "../../index-utxtRaDW.js";
+import "../../index-DiANe65S.js";
+import * as solid_js324 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as menu from "@sprawlify/primitives/machines/menu";
+import { FocusOutsideEvent, FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as MenuInteractOutsideEvent, ItemGroupProps, ItemProps, OpenChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, OptionItemProps, OptionItemState, PointerDownOutsideEvent, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails, SelectionDetails as MenuSelectionDetails, anatomy as menuAnatomy } from "@sprawlify/primitives/machines/menu";
+
+//#region src/components/menu/menu-arrow.d.ts
+interface MenuArrowBaseProps extends PolymorphicProps<'div'> {}
+interface MenuArrowProps extends HTMLProps<'div'>, MenuArrowBaseProps {}
+declare const MenuArrow: (props: MenuArrowProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-arrow-tip.d.ts
+interface MenuArrowTipBaseProps extends PolymorphicProps<'div'> {}
+interface MenuArrowTipProps extends HTMLProps<'div'>, MenuArrowTipBaseProps {}
+declare const MenuArrowTip: (props: MenuArrowTipProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-checkbox-item.d.ts
+type PartialOptionItemProps$1 = Omit<OptionItemProps, 'type'>;
+interface MenuCheckboxItemBaseProps extends PartialOptionItemProps$1, PolymorphicProps<'div'> {}
+interface MenuCheckboxItemProps extends HTMLProps<'div'>, MenuCheckboxItemBaseProps {}
+declare const MenuCheckboxItem: (props: MenuCheckboxItemProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-content.d.ts
+interface MenuContentBaseProps extends PolymorphicProps<'div'> {}
+interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {}
+declare const MenuContent: (props: MenuContentProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/use-menu.d.ts
+interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseMenuReturn {
+  api: Accessor<menu.Api<PropTypes>>;
+  service: menu.Service;
+}
+declare const useMenu: (props?: MaybeAccessor<UseMenuProps>) => UseMenuReturn;
+//#endregion
+//#region src/components/menu/use-menu-context.d.ts
+type UseMenuContext = UseMenuReturn['api'];
+//#endregion
+//#region src/components/menu/menu-context.d.ts
+interface MenuContextProps {
+  children: (context: UseMenuContext) => JSX.Element;
+}
+declare const MenuContext: (props: MenuContextProps) => JSX.Element;
+//#endregion
+//#region src/components/menu/menu-context-trigger.d.ts
+interface MenuContextTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface MenuContextTriggerProps extends HTMLProps<'button'>, MenuContextTriggerBaseProps {}
+declare const MenuContextTrigger: (props: MenuContextTriggerProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-indicator.d.ts
+interface MenuIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface MenuIndicatorProps extends HTMLProps<'div'>, MenuIndicatorBaseProps {}
+declare const MenuIndicator: (props: MenuIndicatorProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-item.d.ts
+interface ItemBaseProps extends ItemProps {
+  onSelect?: VoidFunction;
+}
+interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps<'div'> {}
+interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {}
+declare const MenuItem: (props: MenuItemProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/use-menu-item-context.d.ts
+interface UseMenuItemContext extends Accessor<Optional<OptionItemState, 'checked'>> {}
+//#endregion
+//#region src/components/menu/menu-item-context.d.ts
+interface MenuItemContextProps {
+  children: (context: UseMenuItemContext) => JSX.Element;
+}
+declare const MenuItemContext: (props: MenuItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/menu/menu-item-group.d.ts
+type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
+interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'> {}
+interface MenuItemGroupProps extends HTMLProps<'div'>, MenuItemGroupBaseProps {}
+declare const MenuItemGroup: (props: MenuItemGroupProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-item-group-label.d.ts
+interface MenuItemGroupLabelBaseProps extends PolymorphicProps<'div'> {}
+interface MenuItemGroupLabelProps extends HTMLProps<'div'>, MenuItemGroupLabelBaseProps {}
+declare const MenuItemGroupLabel: (props: MenuItemGroupLabelProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-item-indicator.d.ts
+interface MenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface MenuItemIndicatorProps extends HTMLProps<'div'>, MenuItemIndicatorBaseProps {}
+declare const MenuItemIndicator: (props: MenuItemIndicatorProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-item-text.d.ts
+interface MenuItemTextBaseProps extends PolymorphicProps<'div'> {}
+interface MenuItemTextProps extends HTMLProps<'div'>, MenuItemTextBaseProps {}
+declare const MenuItemText: (props: MenuItemTextProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-positioner.d.ts
+interface MenuPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {}
+declare const MenuPositioner: (props: MenuPositionerProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-radio-item.d.ts
+type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
+interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'> {}
+interface MenuRadioItemProps extends HTMLProps<'div'>, MenuRadioItemBaseProps {}
+declare const MenuRadioItem: (props: MenuRadioItemProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/use-menu-item-group-context.d.ts
+interface ValueChangeDetails {
+  value: string;
+}
+interface UseMenuItemGroupContext {
+  id: string;
+  value?: string;
+  onValueChange?: (e: ValueChangeDetails) => void;
+}
+//#endregion
+//#region src/components/menu/menu-radio-item-group.d.ts
+type OptionalUseMenuItemGroupContext = Optional<UseMenuItemGroupContext, 'id'>;
+interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps<'div'> {}
+interface MenuRadioItemGroupProps extends HTMLProps<'div'>, MenuRadioItemGroupBaseProps {}
+declare const MenuRadioItemGroup: (props: MenuRadioItemGroupProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-root.d.ts
+interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {}
+interface MenuRootProps extends MenuRootBaseProps {
+  children?: JSX.Element;
+}
+declare const MenuRoot: (props: MenuRootProps) => JSX.Element;
+//#endregion
+//#region src/components/menu/menu-root-provider.d.ts
+interface RootProviderProps {
+  value: UseMenuReturn;
+}
+interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface MenuRootProviderProps extends MenuRootProviderBaseProps {
+  children?: JSX.Element;
+}
+declare const MenuRootProvider: (props: MenuRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/menu/menu-separator.d.ts
+interface MenuSeparatorBaseProps extends PolymorphicProps<'hr'> {}
+interface MenuSeparatorProps extends HTMLProps<'hr'>, MenuSeparatorBaseProps {}
+declare const MenuSeparator: (props: MenuSeparatorProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-trigger.d.ts
+interface MenuTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface MenuTriggerProps extends HTMLProps<'button'>, MenuTriggerBaseProps {}
+declare const MenuTrigger: (props: MenuTriggerProps) => solid_js324.JSX.Element;
+//#endregion
+//#region src/components/menu/menu-trigger-item.d.ts
+interface MenuTriggerItemBaseProps extends PolymorphicProps<'div'> {}
+interface MenuTriggerItemProps extends HTMLProps<'div'>, MenuTriggerItemBaseProps {}
+declare const MenuTriggerItem: (props: MenuTriggerItemProps) => solid_js324.JSX.Element;
+declare namespace menu_d_exports {
+  export { MenuArrow as Arrow, MenuArrowBaseProps as ArrowBaseProps, MenuArrowProps as ArrowProps, MenuArrowTip as ArrowTip, MenuArrowTipBaseProps as ArrowTipBaseProps, MenuArrowTipProps as ArrowTipProps, MenuCheckboxItem as CheckboxItem, MenuCheckboxItemBaseProps as CheckboxItemBaseProps, MenuCheckboxItemProps as CheckboxItemProps, MenuContent as Content, MenuContentBaseProps as ContentBaseProps, MenuContentProps as ContentProps, MenuContext as Context, MenuContextProps as ContextProps, MenuContextTrigger as ContextTrigger, MenuContextTriggerBaseProps as ContextTriggerBaseProps, MenuContextTriggerProps as ContextTriggerProps, FocusOutsideEvent, HighlightChangeDetails, MenuIndicator as Indicator, MenuIndicatorBaseProps as IndicatorBaseProps, MenuIndicatorProps as IndicatorProps, InteractOutsideEvent, MenuItem as Item, MenuItemBaseProps as ItemBaseProps, MenuItemContext as ItemContext, MenuItemContextProps as ItemContextProps, MenuItemGroup as ItemGroup, MenuItemGroupBaseProps as ItemGroupBaseProps, MenuItemGroupLabel as ItemGroupLabel, MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, MenuItemGroupLabelProps as ItemGroupLabelProps, MenuItemGroupProps as ItemGroupProps, MenuItemIndicator as ItemIndicator, MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, MenuItemIndicatorProps as ItemIndicatorProps, MenuItemProps as ItemProps, MenuItemText as ItemText, MenuItemTextBaseProps as ItemTextBaseProps, MenuItemTextProps as ItemTextProps, OpenChangeDetails, PointerDownOutsideEvent, MenuPositioner as Positioner, MenuPositionerBaseProps as PositionerBaseProps, MenuPositionerProps as PositionerProps, MenuRadioItem as RadioItem, MenuRadioItemBaseProps as RadioItemBaseProps, MenuRadioItemGroup as RadioItemGroup, MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, MenuRadioItemGroupProps as RadioItemGroupProps, MenuRadioItemProps as RadioItemProps, MenuRoot as Root, MenuRootBaseProps as RootBaseProps, MenuRootProps as RootProps, MenuRootProvider as RootProvider, MenuRootProviderBaseProps as RootProviderBaseProps, MenuRootProviderProps as RootProviderProps, SelectionDetails, MenuSeparator as Separator, MenuSeparatorBaseProps as SeparatorBaseProps, MenuSeparatorProps as SeparatorProps, MenuTrigger as Trigger, MenuTriggerBaseProps as TriggerBaseProps, MenuTriggerItem as TriggerItem, MenuTriggerItemBaseProps as TriggerItemBaseProps, MenuTriggerItemProps as TriggerItemProps, MenuTriggerProps as TriggerProps, ValueChangeDetails };
+}
+//#endregion
+export { menu_d_exports as Menu, MenuArrow, type MenuArrowBaseProps, type MenuArrowProps, MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps, MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, MenuContent, type MenuContentBaseProps, type MenuContentProps, MenuContext, type MenuContextProps, MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, type MenuFocusOutsideEvent, type MenuHighlightChangeDetails, MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps, type MenuInteractOutsideEvent, MenuItem, type MenuItemBaseProps, MenuItemContext, type MenuItemContextProps, MenuItemGroup, type MenuItemGroupBaseProps, MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, type MenuItemGroupProps, MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, type MenuItemProps, MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps, type MenuOpenChangeDetails, type MenuPointerDownOutsideEvent, MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, MenuRadioItem, type MenuRadioItemBaseProps, MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, type MenuRadioItemProps, MenuRoot, type MenuRootBaseProps, type MenuRootProps, MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps, type MenuSelectionDetails, MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps, MenuTrigger, type MenuTriggerBaseProps, MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps, type MenuTriggerProps, type ValueChangeDetails as MenuValueChangeDetails, type UseMenuContext, type UseMenuItemContext, type UseMenuProps, type UseMenuReturn, menuAnatomy, useMenu, useMenuContext, useMenuItemContext };

package/dist/components/menu/index.js

@@ -0,0 +1,471 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../render-strategy-BlHCR8sl.js";
+import { t as composeRefs } from "../../compose-refs-tCBI7PRJ.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Clrs1hmS.js";
+import { Show, createEffect, createMemo, createUniqueId, onCleanup, onMount } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as menu from "@sprawlify/primitives/machines/menu";
+import { anatomy as menuAnatomy } from "@sprawlify/primitives/machines/menu";
+
+//#region src/components/menu/use-menu-context.ts
+const [MenuProvider, useMenuContext] = createContext$1({
+	hookName: "useMenuContext",
+	providerName: "<MenuProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/menu-arrow.tsx
+const MenuArrow = (props) => {
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getArrowProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-arrow-tip.tsx
+const MenuArrowTip = (props) => {
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getArrowTipProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/use-menu-item-context.ts
+const [MenuItemProvider, useMenuItemContext] = createContext$1({
+	hookName: "useMenuItemContext",
+	providerName: "<MenuItemProvider />"
+});
+
+//#endregion
+//#region src/components/menu/use-menu-option-item-props-context.ts
+const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext$1({
+	hookName: "useMenuItemPropsContext",
+	providerName: "<MenuItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/menu/menu-checkbox-item.tsx
+const MenuCheckboxItem = (props) => {
+	const [partialOptionItemProps, localProps] = createSplitProps()(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = mergeProps$2(partialOptionItemProps, { type: "checkbox" });
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = createMemo(() => context().getItemState(optionItemProps));
+	return createComponent(MenuItemPropsProvider, {
+		value: optionItemProps,
+		get children() {
+			return createComponent(MenuItemProvider, {
+				value: optionItemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-content.tsx
+const MenuContent = (props) => {
+	const context = useMenuContext();
+	const presenceContext = usePresenceContext();
+	const mergedProps = mergeProps$2(() => context().getContentProps(), () => presenceContext().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceContext().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceContext().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#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 = (props) => {
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getContextTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-indicator.tsx
+const MenuIndicator = (props) => {
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-item.tsx
+const MenuItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText",
+		"onSelect"
+	]);
+	const context = useMenuContext();
+	const mergedProps = mergeProps$2(() => context().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => context().getItemState(itemProps));
+	createEffect(() => {
+		const cleanup = context().addItemListener({
+			id: itemState().id,
+			onSelect: itemProps.onSelect
+		});
+		onCleanup(() => cleanup?.());
+	});
+	return createComponent(MenuItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(MenuItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#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] = createContext$1({
+	hookName: "useMenuItemGroupContext",
+	providerName: "<MenuItemGroupProvider />"
+});
+
+//#endregion
+//#region src/components/menu/menu-item-group.tsx
+const MenuItemGroup = (props) => {
+	const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const itemGroupProps = mergeProps$2({ id: createUniqueId() }, optionalItemGroupProps);
+	const menu$1 = useMenuContext();
+	const mergedProps = mergeProps$2(() => menu$1().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(MenuItemGroupProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-item-group-label.tsx
+const MenuItemGroupLabel = (props) => {
+	const context = useMenuContext();
+	const itemGroupContext = useMenuItemGroupContext();
+	const mergedProps = mergeProps$2(context().getItemGroupLabelProps({ htmlFor: itemGroupContext.id }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-item-indicator.tsx
+const MenuItemIndicator = (props) => {
+	const context = useMenuContext();
+	const itemProps = useMenuItemPropsContext();
+	const mergedProps = mergeProps$2(() => context().getItemIndicatorProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-item-text.tsx
+const MenuItemText = (props) => {
+	const context = useMenuContext();
+	const itemProps = useMenuItemPropsContext();
+	const mergedProps = mergeProps$2(() => context().getItemTextProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-positioner.tsx
+const MenuPositioner = (props) => {
+	const context = useMenuContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => context().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-radio-item.tsx
+const MenuRadioItem = (props) => {
+	const [partialItemProps, localProps] = createSplitProps()(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText"
+	]);
+	const context = useMenuContext();
+	const itemGroup = useMenuItemGroupContext();
+	const optionItemProps = mergeProps$2(partialItemProps, () => ({
+		type: "radio",
+		checked: itemGroup.value === partialItemProps.value,
+		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
+	}));
+	const mergedProps = mergeProps$2(() => context().getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = createMemo(() => context().getOptionItemState(optionItemProps));
+	return createComponent(MenuItemPropsProvider, {
+		value: optionItemProps,
+		get children() {
+			return createComponent(MenuItemProvider, {
+				value: optionItemState,
+				get children() {
+					return createComponent(sprawlify.div, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-radio-item-group.tsx
+const MenuRadioItemGroup = (props) => {
+	const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
+		"id",
+		"onValueChange",
+		"value"
+	]);
+	const context = useMenuContext();
+	const itemGroupProps = mergeProps$2({ id: createUniqueId() }, optionalItemGroupProps);
+	const mergedProps = mergeProps$2(() => context().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(MenuItemGroupProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/use-menu.ts
+const useMenu = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(menu.machine, machineProps);
+	return {
+		api: createMemo(() => menu.connect(service, normalizeProps)),
+		service
+	};
+};
+
+//#endregion
+//#region src/components/menu/use-menu-machine-context.ts
+const [MenuMachineProvider, useMenuMachineContext] = createContext$1({
+	hookName: "useMenuMachineContext",
+	providerName: "<MenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/use-menu-trigger-item-context.ts
+const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext$1({
+	hookName: "useMenuMachineContext",
+	providerName: "<MenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/menu/menu-root.tsx
+const MenuRoot = (props) => {
+	const [presenceProps, menuProps] = splitPresenceProps(props);
+	const [useMenuProps, localProps] = createSplitProps()(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 menu$1 = useMenu(useMenuProps);
+	const presenceApi = usePresence(mergeProps$2(presenceProps, () => ({ present: menu$1.api().open })));
+	onMount(() => {
+		if (!parentMachine) return;
+		parentApi?.().setChild(menu$1.service);
+		menu$1.api().setParent(parentMachine);
+	});
+	const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu$1.api());
+	return createComponent(MenuTriggerItemProvider, {
+		value: triggerItemContext,
+		get children() {
+			return createComponent(MenuMachineProvider, {
+				get value() {
+					return menu$1.service;
+				},
+				get children() {
+					return createComponent(MenuProvider, {
+						get value() {
+							return menu$1.api;
+						},
+						get children() {
+							return createComponent(PresenceProvider, {
+								value: presenceApi,
+								get children() {
+									return localProps.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-root-provider.tsx
+const MenuRootProvider = (props) => {
+	const parentApi = useMenuContext();
+	const parentMachine = useMenuMachineContext();
+	const [presenceProps, menuProps] = splitPresenceProps(props);
+	const presenceApi = usePresence(mergeProps$2(presenceProps, () => ({ present: menuProps.value.api().open })));
+	createEffect(() => {
+		if (!parentMachine) return;
+		parentApi?.().setChild(menuProps.value.service);
+		menuProps.value.api().setParent(parentMachine);
+	});
+	const triggerItemContext = () => parentApi?.().getTriggerItemProps(menuProps.value.api());
+	return createComponent(MenuTriggerItemProvider, {
+		value: triggerItemContext,
+		get children() {
+			return createComponent(MenuMachineProvider, {
+				get value() {
+					return menuProps.value.service;
+				},
+				get children() {
+					return createComponent(MenuProvider, {
+						get value() {
+							return menuProps.value.api;
+						},
+						get children() {
+							return createComponent(PresenceProvider, {
+								value: presenceApi,
+								get children() {
+									return menuProps.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu-separator.tsx
+const MenuSeparator = (props) => {
+	const menu$1 = useMenuContext();
+	const mergedProps = mergeProps$2(() => menu$1().getSeparatorProps(), props);
+	return createComponent(sprawlify.hr, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-trigger.tsx
+const MenuTrigger = (props) => {
+	const api = useMenuContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/menu/menu-trigger-item.tsx
+const MenuTriggerItem = (props) => {
+	const getTriggerItemProps = useMenuTriggerItemContext();
+	const mergedProps = mergeProps$2(() => getTriggerItemProps?.(), props);
+	return createComponent(MenuItemPropsProvider, {
+		get value() {
+			return { value: mergedProps["data-value"] };
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/menu/menu.ts
+var menu_exports = /* @__PURE__ */ __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
+export { menu_exports as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, menuAnatomy, useMenu, useMenuContext, useMenuItemContext };