@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/navigation-menu/index.cjs

@@ -1,9 +1,9 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
-require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
+require('../../interact-outside-Dk2otQqs.cjs');
+const require_dismissable = require('../../dismissable-DSFGuAU6.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.ts
@@ -122,18 +122,18 @@ function connect(service, normalize) {
 	const open = Boolean(value);
 	const isViewportRendered = context.get("isViewportRendered");
 	const preventTransition = value && !previousValue;
-	function getItemState(props$1) {
-		const selected = value === props$1.value;
-		const wasSelected = !value && previousValue === props$1.value;
+	function getItemState(props) {
+		const selected = value === props.value;
+		const wasSelected = !value && previousValue === props.value;
 		return {
-			itemId: getItemId(scope, props$1.value),
-			triggerId: getTriggerId(scope, props$1.value),
-			triggerProxyId: getTriggerProxyId(scope, props$1.value),
-			contentId: getContentId(scope, props$1.value),
+			itemId: getItemId(scope, props.value),
+			triggerId: getTriggerId(scope, props.value),
+			triggerProxyId: getTriggerProxyId(scope, props.value),
+			contentId: getContentId(scope, props.value),
 			selected,
 			wasSelected,
 			open: selected || wasSelected,
-			disabled: !!props$1.disabled
+			disabled: !!props.disabled
 		};
 	}
 	return {
@@ -144,10 +144,10 @@ function connect(service, normalize) {
 		getViewportNode() {
 			return getViewportEl(scope);
 		},
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "VALUE.SET",
-				value: value$1
+				value
 			});
 		},
 		reposition() {
@@ -181,13 +181,13 @@ function connect(service, normalize) {
 				style: { position: "relative" }
 			});
 		},
-		getItemProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				...parts.item.attrs,
 				id: itemState.itemId,
 				dir: prop("dir"),
-				"data-value": props$1.value,
+				"data-value": props.value,
 				"data-state": itemState.open ? "open" : "closed",
 				"data-orientation": prop("orientation"),
 				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
@@ -201,7 +201,7 @@ function connect(service, normalize) {
 						case "End":
 							send({
 								type: "ITEM.NAVIGATE",
-								value: props$1.value,
+								value: props.value,
 								key: event.key
 							});
 							event.preventDefault();
@@ -234,16 +234,16 @@ function connect(service, normalize) {
 				"data-orientation": prop("orientation")
 			});
 		},
-		getTriggerProps(props$1) {
-			const itemState = getItemState(props$1);
+		getTriggerProps(props) {
+			const itemState = getItemState(props);
 			return normalize.button({
 				...parts.trigger.attrs,
 				id: itemState.triggerId,
 				"data-uid": prop("id"),
-				"data-trigger-proxy-id": getTriggerProxyId(scope, props$1.value),
+				"data-trigger-proxy-id": getTriggerProxyId(scope, props.value),
 				dir: prop("dir"),
 				disabled: itemState.disabled,
-				"data-value": props$1.value,
+				"data-value": props.value,
 				"data-state": itemState.selected ? "open" : "closed",
 				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
 				"aria-controls": itemState.contentId,
@@ -254,7 +254,7 @@ function connect(service, normalize) {
 					if (itemState.disabled) return;
 					send({
 						type: "TRIGGER.POINTERENTER",
-						value: props$1.value
+						value: props.value
 					});
 				},
 				onPointerLeave(event) {
@@ -263,14 +263,14 @@ function connect(service, normalize) {
 					if (itemState.disabled) return;
 					send({
 						type: "TRIGGER.POINTERLEAVE",
-						value: props$1.value
+						value: props.value
 					});
 				},
 				onClick() {
 					if (prop("disableClickTrigger")) return;
 					send({
 						type: "TRIGGER.CLICK",
-						value: props$1.value
+						value: props.value
 					});
 				},
 				onKeyDown(event) {
@@ -303,8 +303,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getTriggerProxyProps(props$1) {
-			const itemState = getItemState(props$1);
+		getTriggerProxyProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				"aria-hidden": true,
 				tabIndex: 0,
@@ -314,10 +314,10 @@ function connect(service, normalize) {
 				hidden: !itemState.selected,
 				style: require_dom_query.visuallyHiddenStyle,
 				onFocus(event) {
-					const contentEl = getContentEl(scope, props$1.value);
+					const contentEl = getContentEl(scope, props.value);
 					if (!contentEl) return;
 					const prevFocusedEl = event.relatedTarget;
-					const wasTriggerFocused = prevFocusedEl === getTriggerEl(scope, props$1.value);
+					const wasTriggerFocused = prevFocusedEl === getTriggerEl(scope, props.value);
 					const wasFocusFromContent = require_dom_query.contains(contentEl, prevFocusedEl);
 					if (wasTriggerFocused || !wasFocusFromContent) send({
 						type: "CONTENT.FOCUS",
@@ -326,23 +326,23 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getViewportProxyProps(props$1) {
-			if (!getItemState(props$1).selected || !isViewportRendered) return { hidden: true };
-			return normalize.element({ "aria-owns": getContentId(scope, props$1.value) });
+		getViewportProxyProps(props) {
+			if (!getItemState(props).selected || !isViewportRendered) return { hidden: true };
+			return normalize.element({ "aria-owns": getContentId(scope, props.value) });
 		},
-		getLinkProps(props$1) {
-			const { closeOnClick = true } = props$1;
+		getLinkProps(props) {
+			const { closeOnClick = true } = props;
 			return normalize.element({
 				...parts.link.attrs,
 				dir: prop("dir"),
-				"data-value": props$1.value,
-				"data-current": require_dom_query.dataAttr(props$1.current),
-				"aria-current": props$1.current ? "page" : void 0,
-				"data-ownedby": getContentId(scope, props$1.value),
+				"data-value": props.value,
+				"data-current": require_dom_query.dataAttr(props.current),
+				"aria-current": props.current ? "page" : void 0,
+				"data-ownedby": getContentId(scope, props.value),
 				onClick(event) {
 					const target = event.currentTarget;
 					const win = require_dom_query.getWindow(target);
-					const onSelect = props$1.onSelect;
+					const onSelect = props.onSelect;
 					target.addEventListener("link.select", onSelect, { once: true });
 					const linkSelectEvent = new win.CustomEvent("link.select", {
 						bubbles: true,
@@ -354,7 +354,7 @@ function connect(service, normalize) {
 				},
 				onKeyDown(event) {
 					const currentElement = event.currentTarget;
-					const nextElement = require_dom_query.navigate(currentElement.closest("[data-scope=\"navigation-menu\"][data-part=\"content\"]") ? getLinkEls(scope, props$1.value) : getElements(scope), currentElement, {
+					const nextElement = require_dom_query.navigate(currentElement.closest("[data-scope=\"navigation-menu\"][data-part=\"content\"]") ? getLinkEls(scope, props.value) : getElements(scope), currentElement, {
 						key: event.key,
 						orientation: prop("orientation"),
 						dir: prop("dir"),
@@ -368,10 +368,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getContentProps(props$1) {
-			const itemState = getItemState(props$1);
+		getContentProps(props) {
+			const itemState = getItemState(props);
 			const currentValue = context.get("value") || context.get("previousValue");
-			const selected = isViewportRendered ? currentValue === props$1.value : itemState.selected;
+			const selected = isViewportRendered ? currentValue === props.value : itemState.selected;
 			return normalize.element({
 				...parts.content.attrs,
 				id: itemState.contentId,
@@ -381,19 +381,19 @@ function connect(service, normalize) {
 				"data-uid": prop("id"),
 				"data-state": selected ? "open" : "closed",
 				"data-orientation": prop("orientation"),
-				"data-value": props$1.value,
+				"data-value": props.value,
 				onPointerEnter(event) {
 					if (event.pointerType !== "mouse") return;
 					send({
 						type: "CONTENT.POINTERENTER",
-						value: props$1.value
+						value: props.value
 					});
 				},
 				onPointerLeave(event) {
 					if (event.pointerType !== "mouse") return;
 					send({
 						type: "CONTENT.POINTERLEAVE",
-						value: props$1.value
+						value: props.value
 					});
 				},
 				onKeyDown(event) {
@@ -408,7 +408,7 @@ function connect(service, normalize) {
 						const nextCandidates = event.shiftKey ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
 						if (focusFirst(scope, nextCandidates)) event.preventDefault();
 						else {
-							getTriggerProxyEl(scope, props$1.value)?.focus();
+							getTriggerProxyEl(scope, props.value)?.focus();
 							return;
 						}
 					}
@@ -426,8 +426,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getViewportPositionerProps(props$1 = {}) {
-			const { align = "center" } = props$1;
+		getViewportPositionerProps(props = {}) {
+			const { align = "center" } = props;
 			return normalize.element({
 				...parts.viewportPositioner.attrs,
 				dir: prop("dir"),
@@ -435,20 +435,20 @@ function connect(service, normalize) {
 				"data-align": align
 			});
 		},
-		getViewportProps(props$1 = {}) {
-			const { align = "center" } = props$1;
-			const open$1 = Boolean(value);
+		getViewportProps(props = {}) {
+			const { align = "center" } = props;
+			const open = Boolean(value);
 			return normalize.element({
 				...parts.viewport.attrs,
 				id: getViewportId(scope),
 				dir: prop("dir"),
-				hidden: !open$1,
-				"data-state": open$1 ? "open" : "closed",
+				hidden: !open,
+				"data-state": open ? "open" : "closed",
 				"data-orientation": prop("orientation"),
 				"data-align": align,
 				style: {
 					transition: preventTransition ? "none" : void 0,
-					pointerEvents: !open$1 ? "none" : void 0,
+					pointerEvents: !open ? "none" : void 0,
 					"--viewport-width": require_utils.toPx(viewportSize?.width),
 					"--viewport-height": require_utils.toPx(viewportSize?.height),
 					"--viewport-x": require_utils.toPx(viewportPosition?.x),
@@ -465,8 +465,8 @@ function connect(service, normalize) {
 			});
 		},
 		getItemState,
-		getItemIndicatorProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemIndicatorProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				...parts.itemIndicator.attrs,
 				"aria-hidden": true,
@@ -474,7 +474,7 @@ function connect(service, normalize) {
 				hidden: !itemState.selected,
 				"data-state": itemState.selected ? "open" : "closed",
 				"data-orientation": prop("orientation"),
-				"data-value": props$1.value
+				"data-value": props.value
 			});
 		}
 	};
@@ -524,15 +524,15 @@ function clearAllOpenTimeouts(refs) {
 //#region src/machines/navigation-menu/navigation-menu.machine.ts
 const { createMachine } = require_core.setup();
 const machine = createMachine({
-	props({ props: props$1 }) {
-		require_utils.ensureProps(props$1, ["id"]);
+	props({ props }) {
+		require_utils.ensureProps(props, ["id"]);
 		return {
 			dir: "ltr",
 			openDelay: 200,
 			closeDelay: 300,
 			orientation: "horizontal",
 			defaultValue: "",
-			...props$1
+			...props
 		};
 	},
 	context({ prop, bindable }) {
@@ -674,11 +674,11 @@ const machine = createMachine({
 				context.set("contentNode", contentEl);
 				if (context.get("isViewportRendered")) {
 					const contentResizeObserver = trackResizeObserver([contentEl], () => {
-						const contentEl$1 = getContentEl(scope, context.get("value"));
-						if (!contentEl$1) return;
+						const contentEl = getContentEl(scope, context.get("value"));
+						if (!contentEl) return;
 						context.set("viewportSize", {
-							width: contentEl$1.offsetWidth,
-							height: contentEl$1.offsetHeight
+							width: contentEl.offsetWidth,
+							height: contentEl.offsetHeight
 						});
 						send({ type: "VIEWPORT.POSITION" });
 					});

package/dist/machines/navigation-menu/index.d.cts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
-import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-fB7F7BBP.cjs";
+import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "trigger" | "arrow" | "content" | "indicator" | "itemIndicator" | "viewport" | "link" | "viewportPositioner" | "list">;
+declare const anatomy: AnatomyInstance<"root" | "link" | "viewportPositioner" | "viewport" | "trigger" | "content" | "list" | "item" | "indicator" | "itemIndicator" | "arrow">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/navigation-menu/index.d.mts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
-import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "trigger" | "arrow" | "content" | "indicator" | "itemIndicator" | "viewport" | "link" | "viewportPositioner" | "list">;
+declare const anatomy: AnatomyInstance<"root" | "link" | "viewportPositioner" | "viewport" | "trigger" | "content" | "list" | "item" | "indicator" | "itemIndicator" | "arrow">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {