@monstermann/signals-modal 0.0.0

package/dist/groups/isDialog.d.ts

@@ -0,0 +1,4 @@
+//#region src/groups/isDialog.d.ts
+declare function isDialog(key: string): boolean;
+//#endregion
+export { isDialog };

package/dist/groups/isDialog.js

@@ -0,0 +1,10 @@
+import { modalGroups } from "./modalGroups.js";
+import { getGroupsForModal } from "./getGroupsForModal.js";
+
+//#region src/groups/isDialog.ts
+function isDialog(key) {
+	return getGroupsForModal(key).has(modalGroups.dialog);
+}
+
+//#endregion
+export { isDialog };

package/dist/groups/isModalInGroup.d.ts

@@ -0,0 +1,4 @@
+//#region src/groups/isModalInGroup.d.ts
+declare function isModalInGroup(key: string, group: string): boolean;
+//#endregion
+export { isModalInGroup };

package/dist/groups/isModalInGroup.js

@@ -0,0 +1,9 @@
+import { getGroupsForModal } from "./getGroupsForModal.js";
+
+//#region src/groups/isModalInGroup.ts
+function isModalInGroup(key, group) {
+	return getGroupsForModal(key).has(group);
+}
+
+//#endregion
+export { isModalInGroup };

package/dist/groups/isPopover.d.ts

@@ -0,0 +1,4 @@
+//#region src/groups/isPopover.d.ts
+declare function isPopover(key: string): boolean;
+//#endregion
+export { isPopover };

package/dist/groups/isPopover.js

@@ -0,0 +1,10 @@
+import { modalGroups } from "./modalGroups.js";
+import { getGroupsForModal } from "./getGroupsForModal.js";
+
+//#region src/groups/isPopover.ts
+function isPopover(key) {
+	return getGroupsForModal(key).has(modalGroups.popover);
+}
+
+//#endregion
+export { isPopover };

package/dist/groups/isTooltip.d.ts

@@ -0,0 +1,4 @@
+//#region src/groups/isTooltip.d.ts
+declare function isTooltip(key: string): boolean;
+//#endregion
+export { isTooltip };

package/dist/groups/isTooltip.js

@@ -0,0 +1,10 @@
+import { modalGroups } from "./modalGroups.js";
+import { getGroupsForModal } from "./getGroupsForModal.js";
+
+//#region src/groups/isTooltip.ts
+function isTooltip(key) {
+	return getGroupsForModal(key).has(modalGroups.tooltip);
+}
+
+//#endregion
+export { isTooltip };

package/dist/groups/modalGroups.d.ts

@@ -0,0 +1,8 @@
+//#region src/groups/modalGroups.d.ts
+declare const modalGroups: {
+  dialog: string;
+  popover: string;
+  tooltip: string;
+};
+//#endregion
+export { modalGroups };

package/dist/groups/modalGroups.js

@@ -0,0 +1,9 @@
+//#region src/groups/modalGroups.ts
+const modalGroups = {
+	dialog: "dialog",
+	popover: "popover",
+	tooltip: "tooltip"
+};
+
+//#endregion
+export { modalGroups };

package/dist/groups/withModalGroups.d.ts

@@ -0,0 +1,6 @@
+import { Memo } from "@monstermann/signals";
+
+//#region src/groups/withModalGroups.d.ts
+declare function withModalGroups(groups: Iterable<string>): Memo<ReadonlySet<string>>;
+//#endregion
+export { withModalGroups };

package/dist/groups/withModalGroups.js

@@ -0,0 +1,29 @@
+import { set } from "../node_modules/@monstermann/map/dist/Map/set.js";
+import { remove } from "../node_modules/@monstermann/map/dist/Map/remove.js";
+import { create } from "../node_modules/@monstermann/set/dist/Set/create.js";
+import { currentModal } from "../createModal.js";
+import { $keysToGroups } from "./internals.js";
+import { getGroupsForModal } from "./getGroupsForModal.js";
+import { mapOrElse } from "../node_modules/@monstermann/map/dist/Map/mapOrElse.js";
+import { addAll } from "../node_modules/@monstermann/set/dist/Set/addAll.js";
+import { INTERNAL, memo } from "@monstermann/signals";
+
+//#region src/groups/withModalGroups.ts
+const meta = {
+	path: "@signals-modal/groups/withModalGroups.ts",
+	line: 28,
+	name: "withModalGroups"
+};
+function withModalGroups(groups) {
+	const modal = currentModal();
+	$keysToGroups((keys) => {
+		return mapOrElse(keys, modal.key, (set$1) => addAll(set$1, groups), (map) => set(map, modal.key, create(groups)));
+	});
+	modal.onDispose(() => {
+		$keysToGroups((keys) => remove(keys, modal.key));
+	});
+	return memo(() => getGroupsForModal(modal.key), INTERNAL, meta);
+}
+
+//#endregion
+export { withModalGroups };

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import { getAnchorElement } from "./anchor/getAnchorElement.js";
+import { getAnchorMeasurement } from "./anchor/getAnchorMeasurement.js";
+import { setAnchorElement } from "./anchor/setAnchorElement.js";
+import { withAnchorElement } from "./anchor/withAnchorElement.js";
+import { ModalStatus } from "./status/types.js";
+import { withAnchorMeasurement } from "./anchor/withAnchorMeasurement.js";
+import { withMouseAnchor } from "./anchor/withMouseAnchor.js";
+import { ModalContext, createModal, currentModal, onModalDisposed } from "./createModal.js";
+import { getFloatingElement } from "./floating/getFloatingElement.js";
+import { getFloatingMeasurement } from "./floating/getFloatingMeasurement.js";
+import { setFloatingElement } from "./floating/setFloatingElement.js";
+import { withFloatingElement } from "./floating/withFloatingElement.js";
+import { withFloatingMeasurement } from "./floating/withFloatingMeasurement.js";
+import { getDialogs } from "./groups/getDialogs.js";
+import { getGroupsForModal } from "./groups/getGroupsForModal.js";
+import { getModalsForGroup } from "./groups/getModalsForGroup.js";
+import { getPopovers } from "./groups/getPopovers.js";
+import { getTooltips } from "./groups/getTooltips.js";
+import { isDialog } from "./groups/isDialog.js";
+import { isModalInGroup } from "./groups/isModalInGroup.js";
+import { isPopover } from "./groups/isPopover.js";
+import { isTooltip } from "./groups/isTooltip.js";
+import { modalGroups } from "./groups/modalGroups.js";
+import { withModalGroups } from "./groups/withModalGroups.js";
+import { ModalPlacement, ModalPlacementOption, withPlacement } from "./position/withPlacement.js";
+import { ModalPosition, withPosition } from "./position/withPosition.js";
+import { getModalPosition } from "./position/getModalPosition.js";
+import { withBoundary } from "./position/withBoundary.js";
+import { closeAllModals } from "./status/closeAllModals.js";
+import { closeModal } from "./status/closeModal.js";
+import { getClosedModals } from "./status/getClosedModals.js";
+import { getClosingModals } from "./status/getClosingModals.js";
+import { getModalStatus } from "./status/getModalStatus.js";
+import { getOpenedModals } from "./status/getOpenedModals.js";
+import { getOpeningModals } from "./status/getOpeningModals.js";
+import { getVisibleModals } from "./status/getVisibleModals.js";
+import { isAnyModalClosed } from "./status/isAnyModalClosed.js";
+import { isAnyModalClosing } from "./status/isAnyModalClosing.js";
+import { isAnyModalOpened } from "./status/isAnyModalOpened.js";
+import { isAnyModalOpening } from "./status/isAnyModalOpening.js";
+import { isAnyModalVisible } from "./status/isAnyModalVisible.js";
+import { isModalClosed } from "./status/isModalClosed.js";
+import { isModalClosing } from "./status/isModalClosing.js";
+import { isModalOpened } from "./status/isModalOpened.js";
+import { isModalOpening } from "./status/isModalOpening.js";
+import { isModalVisible } from "./status/isModalVisible.js";
+import { onModalClosed } from "./status/onModalClosed.js";
+import { onModalClosing } from "./status/onModalClosing.js";
+import { onModalOpened } from "./status/onModalOpened.js";
+import { onModalOpening } from "./status/onModalOpening.js";
+import { openModal } from "./status/openModal.js";
+import { setModalStatus } from "./status/setModalStatus.js";
+import { withModalStatus } from "./status/withModalStatus.js";
+import { closeLastModalOnClickOutside } from "./utils/closeLastModalOnClickOutside.js";
+import { closeLastModalOnEsc } from "./utils/closeLastModalOnEsc.js";
+import { syncModalGroupsToBody } from "./utils/syncModalGroupsToBody.js";
+export { ModalContext, ModalPlacement, ModalPlacementOption, ModalPosition, ModalStatus, closeAllModals, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPosition, getModalStatus, getModalsForGroup, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };

package/dist/index.js

@@ -0,0 +1,57 @@
+import { getAnchorElement } from "./anchor/getAnchorElement.js";
+import { getAnchorMeasurement } from "./anchor/getAnchorMeasurement.js";
+import { setAnchorElement } from "./anchor/setAnchorElement.js";
+import { onModalClosed } from "./status/onModalClosed.js";
+import { onModalOpened } from "./status/onModalOpened.js";
+import { onModalOpening } from "./status/onModalOpening.js";
+import { closeModal } from "./status/closeModal.js";
+import { isModalClosed } from "./status/isModalClosed.js";
+import { createModal, currentModal, onModalDisposed } from "./createModal.js";
+import { withAnchorElement } from "./anchor/withAnchorElement.js";
+import { withAnchorMeasurement } from "./anchor/withAnchorMeasurement.js";
+import { withMouseAnchor } from "./anchor/withMouseAnchor.js";
+import { getFloatingElement } from "./floating/getFloatingElement.js";
+import { getFloatingMeasurement } from "./floating/getFloatingMeasurement.js";
+import { setFloatingElement } from "./floating/setFloatingElement.js";
+import { withFloatingElement } from "./floating/withFloatingElement.js";
+import { withFloatingMeasurement } from "./floating/withFloatingMeasurement.js";
+import { getModalsForGroup } from "./groups/getModalsForGroup.js";
+import { modalGroups } from "./groups/modalGroups.js";
+import { getDialogs } from "./groups/getDialogs.js";
+import { getGroupsForModal } from "./groups/getGroupsForModal.js";
+import { getPopovers } from "./groups/getPopovers.js";
+import { getTooltips } from "./groups/getTooltips.js";
+import { isDialog } from "./groups/isDialog.js";
+import { isModalInGroup } from "./groups/isModalInGroup.js";
+import { isPopover } from "./groups/isPopover.js";
+import { isTooltip } from "./groups/isTooltip.js";
+import { withModalGroups } from "./groups/withModalGroups.js";
+import { getModalPosition } from "./position/getModalPosition.js";
+import { withBoundary } from "./position/withBoundary.js";
+import { withPlacement } from "./position/withPlacement.js";
+import { withPosition } from "./position/withPosition.js";
+import { closeAllModals } from "./status/closeAllModals.js";
+import { getClosedModals } from "./status/getClosedModals.js";
+import { getClosingModals } from "./status/getClosingModals.js";
+import { getModalStatus } from "./status/getModalStatus.js";
+import { getOpenedModals } from "./status/getOpenedModals.js";
+import { getOpeningModals } from "./status/getOpeningModals.js";
+import { getVisibleModals } from "./status/getVisibleModals.js";
+import { isAnyModalClosed } from "./status/isAnyModalClosed.js";
+import { isAnyModalClosing } from "./status/isAnyModalClosing.js";
+import { isAnyModalOpened } from "./status/isAnyModalOpened.js";
+import { isAnyModalOpening } from "./status/isAnyModalOpening.js";
+import { isAnyModalVisible } from "./status/isAnyModalVisible.js";
+import { isModalClosing } from "./status/isModalClosing.js";
+import { isModalOpened } from "./status/isModalOpened.js";
+import { isModalOpening } from "./status/isModalOpening.js";
+import { isModalVisible } from "./status/isModalVisible.js";
+import { onModalClosing } from "./status/onModalClosing.js";
+import { openModal } from "./status/openModal.js";
+import { setModalStatus } from "./status/setModalStatus.js";
+import { withModalStatus } from "./status/withModalStatus.js";
+import { closeLastModalOnClickOutside } from "./utils/closeLastModalOnClickOutside.js";
+import { closeLastModalOnEsc } from "./utils/closeLastModalOnEsc.js";
+import { syncModalGroupsToBody } from "./utils/syncModalGroupsToBody.js";
+
+export { closeAllModals, closeLastModalOnClickOutside, closeLastModalOnEsc, closeModal, createModal, currentModal, getAnchorElement, getAnchorMeasurement, getClosedModals, getClosingModals, getDialogs, getFloatingElement, getFloatingMeasurement, getGroupsForModal, getModalPosition, getModalStatus, getModalsForGroup, getOpenedModals, getOpeningModals, getPopovers, getTooltips, getVisibleModals, isAnyModalClosed, isAnyModalClosing, isAnyModalOpened, isAnyModalOpening, isAnyModalVisible, isDialog, isModalClosed, isModalClosing, isModalInGroup, isModalOpened, isModalOpening, isModalVisible, isPopover, isTooltip, modalGroups, onModalClosed, onModalClosing, onModalDisposed, onModalOpened, onModalOpening, openModal, setAnchorElement, setFloatingElement, setModalStatus, syncModalGroupsToBody, withAnchorElement, withAnchorMeasurement, withBoundary, withFloatingElement, withFloatingMeasurement, withModalGroups, withModalStatus, withMouseAnchor, withPlacement, withPosition };

package/dist/internals/findParentElement.js

@@ -0,0 +1,9 @@
+//#region src/internals/findParentElement.ts
+function findParentElement(element, predicate) {
+	if (!element) return void 0;
+	if (predicate(element)) return element;
+	return findParentElement(element.parentElement, predicate);
+}
+
+//#endregion
+export { findParentElement };

package/dist/internals/observeDimensions.js

@@ -0,0 +1,23 @@
+//#region src/internals/observeDimensions.ts
+const observers = /* @__PURE__ */ new WeakMap();
+const ro = new ResizeObserver((entries) => {
+	for (const entry of entries) {
+		const callbacks = observers.get(entry.target) ?? [];
+		for (const cb of callbacks) cb(entry.contentRect);
+	}
+});
+function observeDimensions(element, onResize) {
+	const callbacks = observers.get(element) ?? /* @__PURE__ */ new Set();
+	callbacks.add(onResize);
+	observers.set(element, callbacks);
+	ro.observe(element);
+	return () => {
+		const callbacks$1 = observers.get(element);
+		callbacks$1?.delete(onResize);
+		if (callbacks$1 && callbacks$1.size > 0) return;
+		ro.unobserve(element);
+	};
+}
+
+//#endregion
+export { observeDimensions };

package/dist/internals/observePosition.js

@@ -0,0 +1,44 @@
+//#region src/internals/observePosition.ts
+function observePosition(element, onMove) {
+	let io = null;
+	let tid;
+	function cleanup() {
+		clearTimeout(tid);
+		io?.disconnect();
+		io = null;
+	}
+	function refresh(skip = false, threshold = 1) {
+		cleanup();
+		const elementRect = element.getBoundingClientRect();
+		const { height, left, top, width } = elementRect;
+		if (!skip) onMove(elementRect);
+		if (!width || !height) return;
+		const insetTop = Math.floor(top);
+		const insetRight = Math.floor(window.innerWidth - (left + width));
+		const insetBottom = Math.floor(window.innerHeight - (top + height));
+		const insetLeft = Math.floor(left);
+		const rootMargin = `${-insetTop}px ${-insetRight}px ${-insetBottom}px ${-insetLeft}px`;
+		let isFirstUpdate = true;
+		function handleObserve(entries) {
+			const ratio = entries[0].intersectionRatio;
+			if (ratio !== threshold && !isFirstUpdate) return refresh();
+			if (ratio !== threshold && ratio === 0) tid = setTimeout(() => refresh(false, 1e-7), 1e3);
+			if (ratio !== threshold && ratio !== 0) refresh(false, ratio);
+			if (ratio === 1 && !rectsEqual(elementRect, element.getBoundingClientRect())) refresh();
+			isFirstUpdate = false;
+		}
+		io = new IntersectionObserver(handleObserve, {
+			rootMargin,
+			threshold: Math.max(0, Math.min(1, threshold)) || 1
+		});
+		io.observe(element);
+	}
+	refresh(true);
+	return cleanup;
+}
+function rectsEqual(a, b) {
+	return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
+}
+
+//#endregion
+export { observePosition };

package/dist/internals/roundByDPR.js

@@ -0,0 +1,8 @@
+//#region src/internals/roundByDPR.ts
+function roundByDPR(value) {
+	const dpr = window.devicePixelRatio || 1;
+	return Math.round(value * dpr) / dpr;
+}
+
+//#endregion
+export { roundByDPR };

package/dist/position/getModalPosition.d.ts

@@ -0,0 +1,6 @@
+import { ModalPosition } from "./withPosition.js";
+
+//#region src/position/getModalPosition.d.ts
+declare function getModalPosition(key: string): ModalPosition | undefined;
+//#endregion
+export { getModalPosition };

package/dist/position/getModalPosition.js

@@ -0,0 +1,9 @@
+import { $positions } from "./internals.js";
+
+//#region src/position/getModalPosition.ts
+function getModalPosition(key) {
+	return $positions().get(key);
+}
+
+//#endregion
+export { getModalPosition };

package/dist/position/internals.js

@@ -0,0 +1,32 @@
+import { SILENT, signal } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/internals.ts
+const path = "@signals-modal/position/internals.ts";
+const meta = {
+	path,
+	line: 6,
+	name: "$positions"
+};
+const meta1 = {
+	path,
+	line: 7,
+	name: "$placements"
+};
+const $positions = signal(/* @__PURE__ */ new Map(), SILENT, meta);
+const $placements = signal(/* @__PURE__ */ new Map(), SILENT, meta1);
+function getBoundaryUp(boundary, anchor) {
+	return Rect.setBottom(boundary, Rect.top(anchor));
+}
+function getBoundaryDown(boundary, anchor) {
+	return Rect.setTop(boundary, Rect.bottom(anchor));
+}
+function getBoundaryLeft(boundary, anchor) {
+	return Rect.setRight(boundary, Rect.left(anchor));
+}
+function getBoundaryRight(boundary, anchor) {
+	return Rect.setLeft(boundary, Rect.right(anchor));
+}
+
+//#endregion
+export { $placements, $positions, getBoundaryDown, getBoundaryLeft, getBoundaryRight, getBoundaryUp };

package/dist/position/withBoundary.d.ts

@@ -0,0 +1,11 @@
+import { ModalStatus } from "../status/types.js";
+import { Memo, Reactive } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/withBoundary.d.ts
+declare function withBoundary(options: {
+  $status: Reactive<ModalStatus>;
+  transform?: (rect: Rect) => Rect;
+}): Memo<Rect>;
+//#endregion
+export { withBoundary };

package/dist/position/withBoundary.js

@@ -0,0 +1,45 @@
+import { currentModal } from "../createModal.js";
+import { INTERNAL, effect, memo, signal } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/withBoundary.ts
+const path = "@signals-modal/position/withBoundary.ts";
+const meta = {
+	path,
+	line: 13,
+	name: "withBoundary.$rect"
+};
+const meta1 = {
+	path,
+	line: 18,
+	name: "withBoundary.$boundary"
+};
+const meta2 = {
+	path,
+	line: 22,
+	name: "withBoundary"
+};
+function withBoundary(options) {
+	const modal = currentModal();
+	const $rect = signal(Rect.origin, {
+		equals: Rect.isEqual,
+		internal: true
+	}, meta);
+	const $boundary = memo(() => options.transform ? options.transform($rect()) : $rect(), INTERNAL, meta1);
+	modal.onDispose(effect(() => {
+		if (options.$status() === "closed") return;
+		const ac = new AbortController();
+		$rect(Rect.fromWindow());
+		window.addEventListener("resize", () => {
+			$rect(Rect.fromWindow());
+		}, {
+			passive: true,
+			signal: ac.signal
+		});
+		return () => ac.abort();
+	}, INTERNAL, meta2));
+	return $boundary;
+}
+
+//#endregion
+export { withBoundary };

package/dist/position/withPlacement.d.ts

@@ -0,0 +1,14 @@
+import { Memo } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/withPlacement.d.ts
+type ModalPlacementOption = "vertical-center" | "vertical-left" | "vertical-right" | "horizontal-center" | "horizontal-up" | "horizontal-down" | "up-center" | "down-center" | "left-down" | "right-down";
+type ModalPlacement = "down-center" | "down-left" | "down-right" | "left-center" | "left-down" | "left-up" | "right-center" | "right-down" | "right-up" | "up-center" | "up-left" | "up-right";
+declare function withPlacement(options: {
+  placement: ModalPlacementOption;
+  $anchorMeasurement: () => Rect;
+  $boundary: () => Rect;
+  $floatingMeasurement: () => Rect;
+}): Memo<ModalPlacement>;
+//#endregion
+export { ModalPlacement, ModalPlacementOption, withPlacement };

package/dist/position/withPlacement.js

@@ -0,0 +1,75 @@
+import { set } from "../node_modules/@monstermann/map/dist/Map/set.js";
+import { remove } from "../node_modules/@monstermann/map/dist/Map/remove.js";
+import { currentModal } from "../createModal.js";
+import { $placements, getBoundaryDown, getBoundaryLeft, getBoundaryRight, getBoundaryUp } from "./internals.js";
+import { INTERNAL, effect, memo } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/withPlacement.ts
+const path = "@signals-modal/position/withPlacement.ts";
+const meta = {
+	path,
+	line: 99,
+	name: "withPlacement.$placement"
+};
+const meta1 = {
+	path,
+	line: 107,
+	name: "withPlacement"
+};
+const placementResolvers = {
+	"down-center": () => "down-center",
+	"left-down": () => "left-down",
+	"right-down": () => "right-down",
+	"up-center": () => "up-center",
+	"horizontal-center": function(o) {
+		const left = getBoundaryLeft(o.boundary, o.anchor);
+		const right = getBoundaryRight(o.boundary, o.anchor);
+		return Rect.width(right) >= Rect.width(left) ? "right-center" : "left-center";
+	},
+	"horizontal-down": function(o) {
+		const left = getBoundaryLeft(o.boundary, o.anchor);
+		const right = getBoundaryRight(o.boundary, o.anchor);
+		return Rect.width(right) >= Rect.width(left) ? "right-down" : "left-down";
+	},
+	"horizontal-up": function(o) {
+		const left = getBoundaryLeft(o.boundary, o.anchor);
+		const right = getBoundaryRight(o.boundary, o.anchor);
+		return Rect.width(right) >= Rect.width(left) ? "right-up" : "left-up";
+	},
+	"vertical-center": function(o) {
+		const up = getBoundaryUp(o.boundary, o.anchor);
+		const down = getBoundaryDown(o.boundary, o.anchor);
+		return Rect.height(down) >= Rect.height(up) ? "down-center" : "up-center";
+	},
+	"vertical-left": function(o) {
+		const up = getBoundaryUp(o.boundary, o.anchor);
+		const down = getBoundaryDown(o.boundary, o.anchor);
+		return Rect.height(down) >= Rect.height(up) ? "down-left" : "up-left";
+	},
+	"vertical-right": function(o) {
+		const up = getBoundaryUp(o.boundary, o.anchor);
+		const down = getBoundaryDown(o.boundary, o.anchor);
+		return Rect.height(down) >= Rect.height(up) ? "down-right" : "up-right";
+	}
+};
+function withPlacement(options) {
+	const modal = currentModal();
+	const $placement = memo(() => {
+		return placementResolvers[options.placement]({
+			anchor: options.$anchorMeasurement(),
+			boundary: options.$boundary(),
+			floating: options.$floatingMeasurement()
+		});
+	}, INTERNAL, meta);
+	modal.onDispose(effect(() => {
+		$placements((p) => set(p, modal.key, $placement()));
+	}, void 0, meta1));
+	modal.onDispose(() => {
+		$placements((p) => remove(p, modal.key));
+	});
+	return $placement;
+}
+
+//#endregion
+export { withPlacement };

package/dist/position/withPosition.d.ts

@@ -0,0 +1,22 @@
+import { ModalPlacement } from "./withPlacement.js";
+import { Memo } from "@monstermann/signals";
+import { Rect } from "@monstermann/fn";
+
+//#region src/position/withPosition.d.ts
+interface ModalPosition {
+  floatingX: number;
+  floatingY: number;
+  maxHeight: number;
+  maxWidth: number;
+  originX: number;
+  originY: number;
+}
+declare function withPosition(options: {
+  $anchorMeasurement: () => Rect;
+  $boundary: () => Rect;
+  $floatingMeasurement: () => Rect;
+  $placement: () => ModalPlacement;
+  transform?: (rect: Rect) => Rect;
+}): Memo<ModalPosition>;
+//#endregion
+export { ModalPosition, withPosition };