@sprawlify/react 0.0.78 → 0.0.79

package/dist/components/menu/index.cjs

@@ -1,549 +0,0 @@
-const require_chunk = require('../../chunk-CvCQGRaV.cjs');
-const require_core = require('../../core-DewT0RE5.cjs');
-const require_create_context = require('../../create-context-DVn3n7gf.cjs');
-const require_environment = require('../../environment-Bg7owXYh.cjs');
-const require_locale = require('../../locale-C3PqkI4d.cjs');
-require('../../providers-ur-JDrsf.cjs');
-const require_compose_refs = require('../../compose-refs-D8JygMj3.cjs');
-const require_factory = require('../../factory-Cz8-l4y-.cjs');
-require('../../menu-anatomy-ClS7D-0M.cjs');
-const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
-const require_presence = require('../../presence-DQaoOSIr.cjs');
-require('../../use-event-BiwdszJm.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.__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
-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;