@sprawlify/solid 0.0.78 → 0.0.79

package/dist/components/menu/index.js

@@ -1,471 +0,0 @@
-import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
-import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-Crxbs6Ki.js";
-import { t as runIfFn } from "../../run-if-fn-CTrSA35K.js";
-import { t as createContext$1 } from "../../create-context-DPb5Yv_u.js";
-import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CdwYAas1.js";
-import { t as sprawlify } from "../../factory-Ce76k0aC.js";
-import { t as menuAnatomy } from "../../menu-anatomy-Cn8kTodN.js";
-import { t as createSplitProps } from "../../create-split-props-DgGDQfdT.js";
-import "../../render-strategy-CNUvDuT1.js";
-import { t as composeRefs } from "../../compose-refs-C-e3esqD.js";
-import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BBn_Rd1l.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";
-
-//#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 = useMenuContext();
-	const mergedProps = mergeProps$2(() => menu().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 = useMenu(useMenuProps);
-	const presenceApi = usePresence(mergeProps$2(presenceProps, () => ({ present: menu.api().open })));
-	onMount(() => {
-		if (!parentMachine) return;
-		parentApi?.().setChild(menu.service);
-		menu.api().setParent(parentMachine);
-	});
-	const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu.api());
-	return createComponent(MenuTriggerItemProvider, {
-		value: triggerItemContext,
-		get children() {
-			return createComponent(MenuMachineProvider, {
-				get value() {
-					return menu.service;
-				},
-				get children() {
-					return createComponent(MenuProvider, {
-						get value() {
-							return menu.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 = useMenuContext();
-	const mergedProps = mergeProps$2(() => menu().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__ */ __exportAll({
-	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 };