@sprawlify/primitives 0.0.106 → 0.0.108

package/dist/machines/slider/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/slider/slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "control" | "thumb" | "valueText" | "markerGroup" | "marker" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "track" | "thumb" | "range" | "valueText" | "marker" | "markerGroup" | "draggingIndicator">;
 //#endregion
 //#region src/machines/slider/slider.types.d.ts
 type ThumbCollisionBehavior = "none" | "push" | "swap";

package/dist/machines/slider/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/slider/slider.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "track" | "control" | "thumb" | "valueText" | "markerGroup" | "marker" | "range" | "draggingIndicator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "track" | "thumb" | "range" | "valueText" | "marker" | "markerGroup" | "draggingIndicator">;
 //#endregion
 //#region src/machines/slider/slider.types.d.ts
 type ThumbCollisionBehavior = "none" | "push" | "swap";

package/dist/machines/steps/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/steps/steps.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "item" | "content" | "separator" | "progress" | "list" | "nextTrigger" | "prevTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content" | "progress" | "item" | "list" | "separator" | "nextTrigger" | "prevTrigger">;
 //#endregion
 //#region src/machines/steps/steps.types.d.ts
 interface StepChangeDetails {

package/dist/machines/steps/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/steps/steps.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "item" | "content" | "separator" | "progress" | "list" | "nextTrigger" | "prevTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "trigger" | "indicator" | "content" | "progress" | "item" | "list" | "separator" | "nextTrigger" | "prevTrigger">;
 //#endregion
 //#region src/machines/steps/steps.types.d.ts
 interface StepChangeDetails {

package/dist/machines/switch/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/switch/switch.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "thumb">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "thumb">;
 //#endregion
 //#region src/machines/switch/switch.types.d.ts
 interface CheckedChangeDetails {

package/dist/machines/switch/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/switch/switch.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "thumb">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "thumb">;
 //#endregion
 //#region src/machines/switch/switch.types.d.ts
 interface CheckedChangeDetails {

package/dist/machines/tags-input/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { t as LiveRegion } from "../../index-BO-Z3fhz.cjs";
 
 //#region src/machines/tags-input/tags-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "itemInput">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "input" | "label" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
 //#endregion
 //#region src/machines/tags-input/tags-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/tags-input/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusO
 import { t as LiveRegion } from "../../index-1L40UHp8.mjs";
 
 //#region src/machines/tags-input/tags-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "input" | "label" | "control" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemDeleteTrigger" | "itemInput">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "input" | "label" | "item" | "itemText" | "clearTrigger" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
 //#endregion
 //#region src/machines/tags-input/tags-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/timer/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 
 //#region src/machines/timer/timer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "area" | "itemValue" | "itemLabel" | "actionTrigger" | "separator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "area" | "item" | "actionTrigger" | "separator" | "itemValue" | "itemLabel">;
 //#endregion
 //#region src/machines/timer/timer.types.d.ts
 interface Time<T = number> {

package/dist/machines/timer/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 
 //#region src/machines/timer/timer.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "area" | "itemValue" | "itemLabel" | "actionTrigger" | "separator">;
+declare const anatomy: AnatomyInstance<"root" | "control" | "area" | "item" | "actionTrigger" | "separator" | "itemValue" | "itemLabel">;
 //#endregion
 //#region src/machines/timer/timer.types.d.ts
 interface Time<T = number> {

package/dist/machines/toast/index.d.cts

@@ -175,7 +175,7 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
 declare function groupConnect<T extends PropTypes, O = any>(service: Service<ToastGroupSchema>, normalize: NormalizeProps<T>): ToastGroupApi<T, O>;
 //#endregion
 //#region src/machines/toast/toast.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "title" | "description" | "closeTrigger" | "actionTrigger" | "group">;
+declare const anatomy: AnatomyInstance<"root" | "closeTrigger" | "title" | "description" | "actionTrigger" | "group">;
 //#endregion
 //#region src/machines/toast/toast.connect.d.ts
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;

package/dist/machines/toast/index.d.mts

@@ -175,7 +175,7 @@ interface ToastApi<T extends PropTypes = PropTypes, O = any> {
 declare function groupConnect<T extends PropTypes, O = any>(service: Service<ToastGroupSchema>, normalize: NormalizeProps<T>): ToastGroupApi<T, O>;
 //#endregion
 //#region src/machines/toast/toast.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "title" | "description" | "closeTrigger" | "actionTrigger" | "group">;
+declare const anatomy: AnatomyInstance<"root" | "closeTrigger" | "title" | "description" | "actionTrigger" | "group">;
 //#endregion
 //#region src/machines/toast/toast.connect.d.ts
 declare function connect<T extends PropTypes, O>(service: Service<ToastSchema<O>>, normalize: NormalizeProps<T>): ToastApi<T, O>;

package/dist/machines/tooltip/index.cjs

@@ -4,7 +4,7 @@ const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_core = require("../../core-nBg9RC_y.cjs");
 const require_focus_visible = require("../../focus-visible-75XTctXf.cjs");
-const require_popper = require("../../popper-Bca_O70s.cjs");
+const require_popper = require("../../popper-Cx3KHzeT.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/tooltip/tooltip.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");

package/dist/machines/tooltip/index.d.cts

@@ -1,10 +1,10 @@
 import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMTKq.cjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
-import { c as Placement, d as PositioningOptions } from "../../types-DEn9MoSw.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 
 //#region src/machines/tooltip/tooltip.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/tooltip/tooltip.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/tooltip/index.d.mts

@@ -1,10 +1,10 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rzfD.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-DHp3-EkH.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
 
 //#region src/machines/tooltip/tooltip.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "positioner" | "content" | "arrow" | "arrowTip">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/tooltip/tooltip.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/tooltip/index.mjs

@@ -3,7 +3,7 @@ import { M as getOverflowAncestors, St as isLeftClick, _t as isComposingEvent, u
 import { c as createStore, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
 import { a as createMachine, i as createGuards } from "../../core-BmIEKqtP.mjs";
 import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-D5qBaAOn.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-3Bdh0pfy.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-BDy37WA0.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/tooltip/tooltip.anatomy.ts
 const anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");

package/dist/machines/tour/index.cjs

@@ -6,7 +6,7 @@ const require_core = require("../../core-nBg9RC_y.cjs");
 const require_interact_outside = require("../../interact-outside-Cx4J0EBf.cjs");
 const require_dismissable = require("../../dismissable-ChwcJMHk.cjs");
 const require_focus_trap = require("../../focus-trap-fucc6OU_.cjs");
-const require_popper = require("../../popper-Bca_O70s.cjs");
+const require_popper = require("../../popper-Cx3KHzeT.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/tour/tour.anatomy.ts
 const anatomy = require_create_anatomy.createAnatomy("tour").parts("content", "actionTrigger", "closeTrigger", "progressText", "title", "description", "positioner", "arrow", "arrowTip", "backdrop", "spotlight");

package/dist/machines/tour/index.d.cts

@@ -3,10 +3,10 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-B24gMT
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
 import { i as waitForElement, n as WaitForOptions, o as waitForPromise, r as WaitForPromiseReturn } from "../../wait-for-DGDBtAM2.cjs";
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
-import { c as Placement } from "../../types-DEn9MoSw.cjs";
+import { c as Placement } from "../../types-CZAtqGqH.cjs";
 
 //#region src/machines/tour/tour.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "actionTrigger" | "arrow" | "progressText" | "arrowTip" | "spotlight">;
+declare const anatomy: AnatomyInstance<"backdrop" | "content" | "closeTrigger" | "title" | "arrow" | "arrowTip" | "positioner" | "description" | "actionTrigger" | "progressText" | "spotlight">;
 //#endregion
 //#region src/machines/tour/utils/rect.d.ts
 interface Point {

package/dist/machines/tour/index.d.mts

@@ -3,10 +3,10 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DUM9rz
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
 import { i as waitForElement, n as WaitForOptions, o as waitForPromise, r as WaitForPromiseReturn } from "../../wait-for-CV7JYddH.mjs";
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
-import { u as Placement } from "../../index-DHp3-EkH.mjs";
+import { u as Placement } from "../../index-fMh0VDkR.mjs";
 
 //#region src/machines/tour/tour.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "actionTrigger" | "arrow" | "progressText" | "arrowTip" | "spotlight">;
+declare const anatomy: AnatomyInstance<"backdrop" | "content" | "closeTrigger" | "title" | "arrow" | "arrowTip" | "positioner" | "description" | "actionTrigger" | "progressText" | "spotlight">;
 //#endregion
 //#region src/machines/tour/utils/rect.d.ts
 interface Point {

package/dist/machines/tour/index.mjs

@@ -5,7 +5,7 @@ import { a as createMachine, c as mergeProps, i as createGuards } from "../../co
 import { t as trackInteractOutside } from "../../interact-outside-2qkUnl4N.mjs";
 import { t as trackDismissableBranch } from "../../dismissable-DWfZGIA7.mjs";
 import { t as trapFocus } from "../../focus-trap-DzBvBlTH.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-3Bdh0pfy.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-BDy37WA0.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/tour/tour.anatomy.ts
 const anatomy = createAnatomy("tour").parts("content", "actionTrigger", "closeTrigger", "progressText", "title", "description", "positioner", "arrow", "arrowTip", "backdrop", "spotlight");

package/dist/machines/tree-view/index.d.cts

@@ -6,7 +6,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { n as TypeaheadState } from "../../typeahead-DMooWbbX.cjs";
 
 //#region src/machines/tree-view/tree-view.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "item" | "itemIndicator" | "itemText" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
 //#endregion
 //#region src/machines/tree-view/tree-view.collection.d.ts
 declare const collection: {

package/dist/machines/tree-view/index.d.mts

@@ -6,7 +6,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { n as TypeaheadState } from "../../typeahead-Bbeb1fAR.mjs";
 
 //#region src/machines/tree-view/tree-view.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "itemIndicator" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "item" | "itemIndicator" | "itemText" | "nodeCheckbox" | "nodeRenameInput" | "tree">;
 //#endregion
 //#region src/machines/tree-view/tree-view.collection.d.ts
 declare const collection: {

package/dist/{popper-3Bdh0pfy.mjs → popper-BDy37WA0.mjs}

@@ -139,6 +139,9 @@ function roundByDpr(win, value) {
 	const dpr = win.devicePixelRatio || 1;
 	return Math.round(value * dpr) / dpr;
 }
+function isApproximatelyEqual(a, b) {
+	return a != null && Math.abs(a - b) < .5;
+}
 function resolveBoundaryOption(boundary) {
 	if (typeof boundary === "function") return boundary();
 	if (boundary === "clipping-ancestors") return "clippingAncestors";
@@ -186,6 +189,11 @@ function getShiftMiddleware(opts) {
 	});
 }
 function getSizeMiddleware(opts) {
+	if (opts.sizeMiddleware === false && !opts.sameWidth && !opts.fitViewport) return;
+	let lastReferenceWidth;
+	let lastReferenceHeight;
+	let lastAvailableWidth;
+	let lastAvailableHeight;
 	return size({
 		padding: opts.overflowPadding,
 		apply({ elements, rects, availableHeight, availableWidth }) {
@@ -194,10 +202,22 @@ function getSizeMiddleware(opts) {
 			const referenceHeight = Math.round(rects.reference.height);
 			availableWidth = Math.floor(availableWidth);
 			availableHeight = Math.floor(availableHeight);
-			floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-			floating.style.setProperty("--reference-height", `${referenceHeight}px`);
-			floating.style.setProperty("--available-width", `${availableWidth}px`);
-			floating.style.setProperty("--available-height", `${availableHeight}px`);
+			if (!isApproximatelyEqual(lastReferenceWidth, referenceWidth)) {
+				floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+				lastReferenceWidth = referenceWidth;
+			}
+			if (!isApproximatelyEqual(lastReferenceHeight, referenceHeight)) {
+				floating.style.setProperty("--reference-height", `${referenceHeight}px`);
+				lastReferenceHeight = referenceHeight;
+			}
+			if (!isApproximatelyEqual(lastAvailableWidth, availableWidth)) {
+				floating.style.setProperty("--available-width", `${availableWidth}px`);
+				lastAvailableWidth = availableWidth;
+			}
+			if (!isApproximatelyEqual(lastAvailableHeight, availableHeight)) {
+				floating.style.setProperty("--available-height", `${availableHeight}px`);
+				lastAvailableHeight = availableHeight;
+			}
 		}
 	});
 }
@@ -239,6 +259,9 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 		rectMiddleware
 	];
 	const { placement, strategy, onComplete, onPositioned } = options;
+	let lastX;
+	let lastY;
+	let zIndexComputed = false;
 	const updatePosition = async () => {
 		if (!reference || !floating) return;
 		const pos = await computePosition(reference, floating, {
@@ -247,12 +270,18 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 			strategy
 		});
 		onComplete?.(pos);
-		onPositioned?.({ placed: true });
 		const win = getWindow(floating);
 		const x = roundByDpr(win, pos.x);
 		const y = roundByDpr(win, pos.y);
-		floating.style.setProperty("--x", `${x}px`);
-		floating.style.setProperty("--y", `${y}px`);
+		floating.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+		if (!isApproximatelyEqual(lastX, x)) {
+			floating.style.setProperty("--x", `${x}px`);
+			lastX = x;
+		}
+		if (!isApproximatelyEqual(lastY, y)) {
+			floating.style.setProperty("--y", `${y}px`);
+			lastY = y;
+		}
 		if (options.hideWhenDetached) if (pos.middlewareData.hide?.referenceHidden) {
 			floating.style.setProperty("visibility", "hidden");
 			floating.style.setProperty("pointer-events", "none");
@@ -260,10 +289,12 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 			floating.style.removeProperty("visibility");
 			floating.style.removeProperty("pointer-events");
 		}
-		const contentEl = floating.firstElementChild;
-		if (contentEl) {
-			const styles = getComputedStyle(contentEl);
-			floating.style.setProperty("--z-index", styles.zIndex);
+		if (!zIndexComputed) {
+			const contentEl = floating.firstElementChild;
+			if (contentEl) {
+				floating.style.setProperty("--z-index", getComputedStyle(contentEl).zIndex);
+				zIndexComputed = true;
+			}
 		}
 	};
 	const update = async () => {

package/dist/{popper-Bca_O70s.cjs → popper-Cx3KHzeT.cjs}

@@ -140,6 +140,9 @@ function roundByDpr(win, value) {
 	const dpr = win.devicePixelRatio || 1;
 	return Math.round(value * dpr) / dpr;
 }
+function isApproximatelyEqual(a, b) {
+	return a != null && Math.abs(a - b) < .5;
+}
 function resolveBoundaryOption(boundary) {
 	if (typeof boundary === "function") return boundary();
 	if (boundary === "clipping-ancestors") return "clippingAncestors";
@@ -187,6 +190,11 @@ function getShiftMiddleware(opts) {
 	});
 }
 function getSizeMiddleware(opts) {
+	if (opts.sizeMiddleware === false && !opts.sameWidth && !opts.fitViewport) return;
+	let lastReferenceWidth;
+	let lastReferenceHeight;
+	let lastAvailableWidth;
+	let lastAvailableHeight;
 	return (0, _floating_ui_dom.size)({
 		padding: opts.overflowPadding,
 		apply({ elements, rects, availableHeight, availableWidth }) {
@@ -195,10 +203,22 @@ function getSizeMiddleware(opts) {
 			const referenceHeight = Math.round(rects.reference.height);
 			availableWidth = Math.floor(availableWidth);
 			availableHeight = Math.floor(availableHeight);
-			floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-			floating.style.setProperty("--reference-height", `${referenceHeight}px`);
-			floating.style.setProperty("--available-width", `${availableWidth}px`);
-			floating.style.setProperty("--available-height", `${availableHeight}px`);
+			if (!isApproximatelyEqual(lastReferenceWidth, referenceWidth)) {
+				floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+				lastReferenceWidth = referenceWidth;
+			}
+			if (!isApproximatelyEqual(lastReferenceHeight, referenceHeight)) {
+				floating.style.setProperty("--reference-height", `${referenceHeight}px`);
+				lastReferenceHeight = referenceHeight;
+			}
+			if (!isApproximatelyEqual(lastAvailableWidth, availableWidth)) {
+				floating.style.setProperty("--available-width", `${availableWidth}px`);
+				lastAvailableWidth = availableWidth;
+			}
+			if (!isApproximatelyEqual(lastAvailableHeight, availableHeight)) {
+				floating.style.setProperty("--available-height", `${availableHeight}px`);
+				lastAvailableHeight = availableHeight;
+			}
 		}
 	});
 }
@@ -240,6 +260,9 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 		rectMiddleware
 	];
 	const { placement, strategy, onComplete, onPositioned } = options;
+	let lastX;
+	let lastY;
+	let zIndexComputed = false;
 	const updatePosition = async () => {
 		if (!reference || !floating) return;
 		const pos = await (0, _floating_ui_dom.computePosition)(reference, floating, {
@@ -248,12 +271,18 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 			strategy
 		});
 		onComplete?.(pos);
-		onPositioned?.({ placed: true });
 		const win = require_dom_query.getWindow(floating);
 		const x = roundByDpr(win, pos.x);
 		const y = roundByDpr(win, pos.y);
-		floating.style.setProperty("--x", `${x}px`);
-		floating.style.setProperty("--y", `${y}px`);
+		floating.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+		if (!isApproximatelyEqual(lastX, x)) {
+			floating.style.setProperty("--x", `${x}px`);
+			lastX = x;
+		}
+		if (!isApproximatelyEqual(lastY, y)) {
+			floating.style.setProperty("--y", `${y}px`);
+			lastY = y;
+		}
 		if (options.hideWhenDetached) if (pos.middlewareData.hide?.referenceHidden) {
 			floating.style.setProperty("visibility", "hidden");
 			floating.style.setProperty("pointer-events", "none");
@@ -261,10 +290,12 @@ function getPlacementImpl(referenceOrVirtual, floating, opts = {}) {
 			floating.style.removeProperty("visibility");
 			floating.style.removeProperty("pointer-events");
 		}
-		const contentEl = floating.firstElementChild;
-		if (contentEl) {
-			const styles = require_dom_query.getComputedStyle(contentEl);
-			floating.style.setProperty("--z-index", styles.zIndex);
+		if (!zIndexComputed) {
+			const contentEl = floating.firstElementChild;
+			if (contentEl) {
+				floating.style.setProperty("--z-index", require_dom_query.getComputedStyle(contentEl).zIndex);
+				zIndexComputed = true;
+			}
 		}
 	};
 	const update = async () => {

package/dist/popper.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./dom-query-Bd63cRVF.cjs");
 require("./utils-ByNiZU8f.cjs");
-const require_popper = require("./popper-Bca_O70s.cjs");
+const require_popper = require("./popper-Cx3KHzeT.cjs");
 exports.getPlacement = require_popper.getPlacement;
 exports.getPlacementSide = require_popper.getPlacementSide;
 exports.getPlacementStyles = require_popper.getPlacementStyles;

package/dist/popper.d.cts

@@ -1,4 +1,4 @@
-import { a as MaybeElement, c as Placement, d as PositioningOptions, i as ComputePositionReturn, l as PlacementAlign, n as AutoUpdateOptions, o as MaybeFn, r as Boundary, s as MaybeRectElement, t as AnchorRect, u as PlacementSide } from "./types-DEn9MoSw.cjs";
+import { a as MaybeElement, c as Placement, d as PositioningOptions, i as ComputePositionReturn, l as PlacementAlign, n as AutoUpdateOptions, o as MaybeFn, r as Boundary, s as MaybeRectElement, t as AnchorRect, u as PlacementSide } from "./types-CZAtqGqH.cjs";
 import { Placement as Placement$1 } from "@floating-ui/dom";
 
 //#region src/shared/popper/get-placement.d.ts

package/dist/popper.d.mts

@@ -1,2 +1,2 @@
-import { a as getPlacement, c as Boundary, d as PlacementAlign, f as PlacementSide, i as getPlacementStyles, l as ComputePositionReturn, n as isValidPlacement, o as AnchorRect, p as PositioningOptions, r as GetPlacementStylesOptions, s as AutoUpdateOptions, t as getPlacementSide, u as Placement } from "./index-DHp3-EkH.mjs";
+import { a as getPlacement, c as Boundary, d as PlacementAlign, f as PlacementSide, i as getPlacementStyles, l as ComputePositionReturn, n as isValidPlacement, o as AnchorRect, p as PositioningOptions, r as GetPlacementStylesOptions, s as AutoUpdateOptions, t as getPlacementSide, u as Placement } from "./index-fMh0VDkR.mjs";
 export { AnchorRect, AutoUpdateOptions, Boundary, ComputePositionReturn, GetPlacementStylesOptions, Placement, PlacementAlign, PlacementSide, PositioningOptions, getPlacement, getPlacementSide, getPlacementStyles, isValidPlacement };

package/dist/popper.mjs

@@ -1,4 +1,4 @@
 import "./dom-query-s2ESLR2U.mjs";
 import "./utils-VVoZ_v29.mjs";
-import { i as isValidPlacement, n as getPlacement, r as getPlacementSide, t as getPlacementStyles } from "./popper-3Bdh0pfy.mjs";
+import { i as isValidPlacement, n as getPlacement, r as getPlacementSide, t as getPlacementStyles } from "./popper-BDy37WA0.mjs";
 export { getPlacement, getPlacementSide, getPlacementStyles, isValidPlacement };

package/dist/{selection-DdNvrKbj.d.mts → selection-6urf-c8j.d.mts}

@@ -1,5 +1,5 @@
 import { r as CollectionOptions, t as CollectionItem } from "./types-9uw8LHpE.mjs";
-import { t as ListCollection } from "./list-collection-DkRA5LOq.mjs";
+import { t as ListCollection } from "./list-collection-IF510iNl.mjs";
 
 //#region src/shared/collection/grid-collection.d.ts
 interface GridCollectionOptions<T> extends CollectionOptions<T> {

package/dist/{selection-Bb_ZSVxe.d.cts → selection-BmS2RDMq.d.cts}

@@ -1,5 +1,5 @@
 import { r as CollectionOptions, t as CollectionItem } from "./types-D-7AMgSE.cjs";
-import { t as ListCollection } from "./list-collection-B_8BN0XB.cjs";
+import { t as ListCollection } from "./list-collection-Cjgbx_9l.cjs";
 
 //#region src/shared/collection/grid-collection.d.ts
 interface GridCollectionOptions<T> extends CollectionOptions<T> {

package/dist/{types-DEn9MoSw.d.cts → types-CZAtqGqH.d.cts}

@@ -29,6 +29,7 @@ interface PositioningOptions {
   overlap?: boolean | undefined;
   sameWidth?: boolean | undefined;
   fitViewport?: boolean | undefined;
+  sizeMiddleware?: boolean | undefined;
   boundary?: (() => Boundary) | Boundary | "clipping-ancestors" | undefined;
   listeners?: boolean | AutoUpdateOptions | undefined;
   onComplete?: ((data: ComputePositionReturn) => void) | undefined;

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@sprawlify/primitives",
-  "version": "0.0.106",
-  "type": "module",
+  "version": "0.0.108",
   "description": "A set of primitive components for building user interfaces.",
+  "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -792,9 +796,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "csstype": "^3.2.3",
@@ -810,10 +811,10 @@
   "engines": {
     "node": ">=24"
   },
-  "license": "MIT",
   "scripts": {
     "build": "tsdown",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint src --fix"
+    "lint": "oxlint --fix",
+    "format": "oxfmt"
   }
 }