@sprawlify/primitives 0.0.1

package/dist/anatomy.cjs

@@ -0,0 +1,3 @@
+const require_create_anatomy = require('./create-anatomy-CDsIFUXg.cjs');
+
+exports.createAnatomy = require_create_anatomy.createAnatomy;

package/dist/anatomy.d.cts

@@ -0,0 +1,2 @@
+import { a as createAnatomy, i as AnatomyPartName, n as AnatomyInstance, r as AnatomyPart, t as Anatomy } from "./create-anatomy-BGQ8pv8J.cjs";
+export { Anatomy, AnatomyInstance, AnatomyPart, AnatomyPartName, createAnatomy };

package/dist/anatomy.d.mts

@@ -0,0 +1,2 @@
+import { a as createAnatomy, i as AnatomyPartName, n as AnatomyInstance, r as AnatomyPart, t as Anatomy } from "./create-anatomy-B3XYc-qG.mjs";
+export { Anatomy, AnatomyInstance, AnatomyPart, AnatomyPartName, createAnatomy };

package/dist/anatomy.mjs

@@ -0,0 +1,3 @@
+import { t as createAnatomy } from "./create-anatomy-BbDZbHpC.mjs";
+
+export { createAnatomy };

package/dist/aria-hidden-DqYx0f_y.mjs

@@ -0,0 +1,177 @@
+import { Ht as findControlledElements, ln as isHTMLElement } from "./dom-query-DFCRhyj1.mjs";
+
+//#region src/shared/aria-hidden/walk-tree-outside.ts
+let counterMap = /* @__PURE__ */ new WeakMap();
+let uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+let markerMap = {};
+let lockCount = 0;
+/**
+* Unwraps the host element from a shadow root.
+* @param node - The element or shadow root.
+* @returns The host element or null.
+*/
+const unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
+/**
+* Corrects targets to ensure they are contained within the parent node.
+* @param parent - The parent HTMLElement.
+* @param targets - The target elements.
+* @returns The corrected list of elements.
+*/
+const correctTargets = (parent, targets) => targets.map((target) => {
+	if (parent.contains(target)) return target;
+	const correctedTarget = unwrapHost(target);
+	if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
+	console.error("[sprawlify-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
+	return null;
+}).filter((x) => Boolean(x));
+const ignoreableNodes = new Set([
+	"script",
+	"output",
+	"status",
+	"next-route-announcer"
+]);
+/**
+* Checks if a node should be ignored during tree walking.
+* @param node - The element to check.
+* @returns True if the node should be ignored, false otherwise.
+*/
+const isIgnoredNode = (node) => {
+	if (ignoreableNodes.has(node.localName)) return true;
+	if (node.role === "status") return true;
+	if (node.hasAttribute("aria-live")) return true;
+	return node.matches("[data-live-announcer]");
+};
+/**
+* Walks the DOM tree outside the specified targets and applies control attributes.
+* @param originalTarget - The target element(s) to exclude from control.
+* @param props - Options for the tree walking operation.
+* @returns A cleanup function to restore the original state.
+*/
+const walkTreeOutside = (originalTarget, props) => {
+	var _markerMap;
+	const { parentNode, markerName, controlAttribute, explicitBooleanValue, followControlledElements = true } = props;
+	const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+	(_markerMap = markerMap)[markerName] || (_markerMap[markerName] = /* @__PURE__ */ new WeakMap());
+	const markerCounter = markerMap[markerName];
+	const hiddenNodes = [];
+	const elementsToKeep = /* @__PURE__ */ new Set();
+	const elementsToStop = new Set(targets);
+	const keep = (el) => {
+		if (!el || elementsToKeep.has(el)) return;
+		elementsToKeep.add(el);
+		keep(el.parentNode);
+	};
+	targets.forEach((target) => {
+		keep(target);
+		if (followControlledElements && isHTMLElement(target)) findControlledElements(target, (controlledElement) => {
+			keep(controlledElement);
+		});
+	});
+	const deep = (parent) => {
+		if (!parent || elementsToStop.has(parent)) return;
+		Array.prototype.forEach.call(parent.children, (node) => {
+			if (elementsToKeep.has(node)) deep(node);
+			else try {
+				if (isIgnoredNode(node)) return;
+				const attr = node.getAttribute(controlAttribute);
+				const alreadyHidden = explicitBooleanValue ? attr === "true" : attr !== null && attr !== "false";
+				const counterValue = (counterMap.get(node) || 0) + 1;
+				const markerValue = (markerCounter.get(node) || 0) + 1;
+				counterMap.set(node, counterValue);
+				markerCounter.set(node, markerValue);
+				hiddenNodes.push(node);
+				if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
+				if (markerValue === 1) node.setAttribute(markerName, "");
+				if (!alreadyHidden) node.setAttribute(controlAttribute, explicitBooleanValue ? "true" : "");
+			} catch (e) {
+				console.error("[sprawlify-js > ariaHidden] cannot operate on ", node, e);
+			}
+		});
+	};
+	deep(parentNode);
+	elementsToKeep.clear();
+	lockCount++;
+	return () => {
+		hiddenNodes.forEach((node) => {
+			const counterValue = counterMap.get(node) - 1;
+			const markerValue = markerCounter.get(node) - 1;
+			counterMap.set(node, counterValue);
+			markerCounter.set(node, markerValue);
+			if (!counterValue) {
+				if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
+				uncontrolledNodes.delete(node);
+			}
+			if (!markerValue) node.removeAttribute(markerName);
+		});
+		lockCount--;
+		if (!lockCount) {
+			counterMap = /* @__PURE__ */ new WeakMap();
+			counterMap = /* @__PURE__ */ new WeakMap();
+			uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+			markerMap = {};
+		}
+	};
+};
+
+//#endregion
+//#region src/shared/aria-hidden/aria-hidden.ts
+/**
+* Gets the parent node for the given target elements.
+* @param originalTarget - The target element(s).
+* @returns The parent HTMLElement or null.
+*/
+const getParentNode = (originalTarget) => {
+	return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
+};
+/**
+* Hides all elements outside the specified targets by setting aria-hidden.
+* @param originalTarget - The target element(s) to keep visible.
+* @param parentNode - The parent node to start hiding from.
+* @param markerName - The data attribute name to mark hidden elements.
+* @param followControlledElements - Whether to follow controlled elements.
+* @returns A cleanup function to restore visibility.
+*/
+const hideOthers = (originalTarget, parentNode = getParentNode(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
+	if (!parentNode) return;
+	return walkTreeOutside(originalTarget, {
+		parentNode,
+		markerName,
+		controlAttribute: "aria-hidden",
+		explicitBooleanValue: true,
+		followControlledElements
+	});
+};
+
+//#endregion
+//#region src/shared/aria-hidden/index.ts
+/**
+* Requests an animation frame to execute a function.
+* @param fn - The function to execute.
+* @returns A cleanup function to cancel the animation frame.
+*/
+const raf = (fn) => {
+	const frameId = requestAnimationFrame(() => fn());
+	return () => cancelAnimationFrame(frameId);
+};
+/**
+* Hides all elements outside the specified targets with optional deferral.
+* @param targetsOrFn - The target elements or a function returning them.
+* @param options - Options for the operation.
+* @returns A cleanup function to restore visibility.
+*/
+function ariaHidden(targetsOrFn, options = {}) {
+	const { defer = true } = options;
+	const func = defer ? raf : (v) => v();
+	const cleanups = [];
+	cleanups.push(func(() => {
+		const elements = (typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn).filter(Boolean);
+		if (elements.length === 0) return;
+		cleanups.push(hideOthers(elements));
+	}));
+	return () => {
+		cleanups.forEach((fn) => fn?.());
+	};
+}
+
+//#endregion
+export { ariaHidden as t };

package/dist/aria-hidden-DtLU6hSU.cjs

@@ -0,0 +1,182 @@
+const require_dom_query = require('./dom-query-CWZdWUGp.cjs');
+
+//#region src/shared/aria-hidden/walk-tree-outside.ts
+let counterMap = /* @__PURE__ */ new WeakMap();
+let uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+let markerMap = {};
+let lockCount = 0;
+/**
+* Unwraps the host element from a shadow root.
+* @param node - The element or shadow root.
+* @returns The host element or null.
+*/
+const unwrapHost = (node) => node && (node.host || unwrapHost(node.parentNode));
+/**
+* Corrects targets to ensure they are contained within the parent node.
+* @param parent - The parent HTMLElement.
+* @param targets - The target elements.
+* @returns The corrected list of elements.
+*/
+const correctTargets = (parent, targets) => targets.map((target) => {
+	if (parent.contains(target)) return target;
+	const correctedTarget = unwrapHost(target);
+	if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
+	console.error("[sprawlify-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
+	return null;
+}).filter((x) => Boolean(x));
+const ignoreableNodes = new Set([
+	"script",
+	"output",
+	"status",
+	"next-route-announcer"
+]);
+/**
+* Checks if a node should be ignored during tree walking.
+* @param node - The element to check.
+* @returns True if the node should be ignored, false otherwise.
+*/
+const isIgnoredNode = (node) => {
+	if (ignoreableNodes.has(node.localName)) return true;
+	if (node.role === "status") return true;
+	if (node.hasAttribute("aria-live")) return true;
+	return node.matches("[data-live-announcer]");
+};
+/**
+* Walks the DOM tree outside the specified targets and applies control attributes.
+* @param originalTarget - The target element(s) to exclude from control.
+* @param props - Options for the tree walking operation.
+* @returns A cleanup function to restore the original state.
+*/
+const walkTreeOutside = (originalTarget, props) => {
+	var _markerMap;
+	const { parentNode, markerName, controlAttribute, explicitBooleanValue, followControlledElements = true } = props;
+	const targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+	(_markerMap = markerMap)[markerName] || (_markerMap[markerName] = /* @__PURE__ */ new WeakMap());
+	const markerCounter = markerMap[markerName];
+	const hiddenNodes = [];
+	const elementsToKeep = /* @__PURE__ */ new Set();
+	const elementsToStop = new Set(targets);
+	const keep = (el) => {
+		if (!el || elementsToKeep.has(el)) return;
+		elementsToKeep.add(el);
+		keep(el.parentNode);
+	};
+	targets.forEach((target) => {
+		keep(target);
+		if (followControlledElements && require_dom_query.isHTMLElement(target)) require_dom_query.findControlledElements(target, (controlledElement) => {
+			keep(controlledElement);
+		});
+	});
+	const deep = (parent) => {
+		if (!parent || elementsToStop.has(parent)) return;
+		Array.prototype.forEach.call(parent.children, (node) => {
+			if (elementsToKeep.has(node)) deep(node);
+			else try {
+				if (isIgnoredNode(node)) return;
+				const attr = node.getAttribute(controlAttribute);
+				const alreadyHidden = explicitBooleanValue ? attr === "true" : attr !== null && attr !== "false";
+				const counterValue = (counterMap.get(node) || 0) + 1;
+				const markerValue = (markerCounter.get(node) || 0) + 1;
+				counterMap.set(node, counterValue);
+				markerCounter.set(node, markerValue);
+				hiddenNodes.push(node);
+				if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
+				if (markerValue === 1) node.setAttribute(markerName, "");
+				if (!alreadyHidden) node.setAttribute(controlAttribute, explicitBooleanValue ? "true" : "");
+			} catch (e) {
+				console.error("[sprawlify-js > ariaHidden] cannot operate on ", node, e);
+			}
+		});
+	};
+	deep(parentNode);
+	elementsToKeep.clear();
+	lockCount++;
+	return () => {
+		hiddenNodes.forEach((node) => {
+			const counterValue = counterMap.get(node) - 1;
+			const markerValue = markerCounter.get(node) - 1;
+			counterMap.set(node, counterValue);
+			markerCounter.set(node, markerValue);
+			if (!counterValue) {
+				if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
+				uncontrolledNodes.delete(node);
+			}
+			if (!markerValue) node.removeAttribute(markerName);
+		});
+		lockCount--;
+		if (!lockCount) {
+			counterMap = /* @__PURE__ */ new WeakMap();
+			counterMap = /* @__PURE__ */ new WeakMap();
+			uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+			markerMap = {};
+		}
+	};
+};
+
+//#endregion
+//#region src/shared/aria-hidden/aria-hidden.ts
+/**
+* Gets the parent node for the given target elements.
+* @param originalTarget - The target element(s).
+* @returns The parent HTMLElement or null.
+*/
+const getParentNode = (originalTarget) => {
+	return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
+};
+/**
+* Hides all elements outside the specified targets by setting aria-hidden.
+* @param originalTarget - The target element(s) to keep visible.
+* @param parentNode - The parent node to start hiding from.
+* @param markerName - The data attribute name to mark hidden elements.
+* @param followControlledElements - Whether to follow controlled elements.
+* @returns A cleanup function to restore visibility.
+*/
+const hideOthers = (originalTarget, parentNode = getParentNode(originalTarget), markerName = "data-aria-hidden", followControlledElements = true) => {
+	if (!parentNode) return;
+	return walkTreeOutside(originalTarget, {
+		parentNode,
+		markerName,
+		controlAttribute: "aria-hidden",
+		explicitBooleanValue: true,
+		followControlledElements
+	});
+};
+
+//#endregion
+//#region src/shared/aria-hidden/index.ts
+/**
+* Requests an animation frame to execute a function.
+* @param fn - The function to execute.
+* @returns A cleanup function to cancel the animation frame.
+*/
+const raf = (fn) => {
+	const frameId = requestAnimationFrame(() => fn());
+	return () => cancelAnimationFrame(frameId);
+};
+/**
+* Hides all elements outside the specified targets with optional deferral.
+* @param targetsOrFn - The target elements or a function returning them.
+* @param options - Options for the operation.
+* @returns A cleanup function to restore visibility.
+*/
+function ariaHidden(targetsOrFn, options = {}) {
+	const { defer = true } = options;
+	const func = defer ? raf : (v) => v();
+	const cleanups = [];
+	cleanups.push(func(() => {
+		const elements = (typeof targetsOrFn === "function" ? targetsOrFn() : targetsOrFn).filter(Boolean);
+		if (elements.length === 0) return;
+		cleanups.push(hideOthers(elements));
+	}));
+	return () => {
+		cleanups.forEach((fn) => fn?.());
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'ariaHidden', {
+  enumerable: true,
+  get: function () {
+    return ariaHidden;
+  }
+});

package/dist/aria-hidden.cjs

@@ -0,0 +1,4 @@
+require('./dom-query-CWZdWUGp.cjs');
+const require_aria_hidden = require('./aria-hidden-DtLU6hSU.cjs');
+
+exports.ariaHidden = require_aria_hidden.ariaHidden;

package/dist/aria-hidden.d.cts

@@ -0,0 +1,16 @@
+//#region src/shared/aria-hidden/index.d.ts
+type MaybeElement = HTMLElement | null;
+type Targets = Array<MaybeElement>;
+type TargetsOrFn = Targets | (() => Targets);
+type Options = {
+  defer?: boolean | undefined;
+};
+/**
+ * Hides all elements outside the specified targets with optional deferral.
+ * @param targetsOrFn - The target elements or a function returning them.
+ * @param options - Options for the operation.
+ * @returns A cleanup function to restore visibility.
+ */
+declare function ariaHidden(targetsOrFn: TargetsOrFn, options?: Options): () => void;
+//#endregion
+export { ariaHidden };

package/dist/aria-hidden.d.mts

@@ -0,0 +1,16 @@
+//#region src/shared/aria-hidden/index.d.ts
+type MaybeElement = HTMLElement | null;
+type Targets = Array<MaybeElement>;
+type TargetsOrFn = Targets | (() => Targets);
+type Options = {
+  defer?: boolean | undefined;
+};
+/**
+ * Hides all elements outside the specified targets with optional deferral.
+ * @param targetsOrFn - The target elements or a function returning them.
+ * @param options - Options for the operation.
+ * @returns A cleanup function to restore visibility.
+ */
+declare function ariaHidden(targetsOrFn: TargetsOrFn, options?: Options): () => void;
+//#endregion
+export { ariaHidden };

package/dist/aria-hidden.mjs

@@ -0,0 +1,4 @@
+import "./dom-query-DFCRhyj1.mjs";
+import { t as ariaHidden } from "./aria-hidden-DqYx0f_y.mjs";
+
+export { ariaHidden };

package/dist/auto-resize-D3qHtFy1.mjs

@@ -0,0 +1,114 @@
+import { Qt as getDocument, Yt as getComputedStyle, rn as getWindow } from "./dom-query-DFCRhyj1.mjs";
+
+//#region src/shared/auto-resize/visual-style.ts
+/**
+* Gets the visual styles of an element as a CSS string for text measurement.
+* @param node - The HTMLElement to get styles from.
+* @returns A CSS string with visual styles.
+*/
+function getVisualStyles(node) {
+	if (!node) return;
+	const style = getComputedStyle(node);
+	return "box-sizing:" + style.boxSizing + ";border-left:" + style.borderLeftWidth + " solid red;border-right:" + style.borderRightWidth + " solid red;font-family:" + style.fontFamily + ";font-feature-settings:" + style.fontFeatureSettings + ";font-kerning:" + style.fontKerning + ";font-size:" + style.fontSize + ";font-stretch:" + style.fontStretch + ";font-style:" + style.fontStyle + ";font-variant:" + style.fontVariant + ";font-variant-caps:" + style.fontVariantCaps + ";font-variant-ligatures:" + style.fontVariantLigatures + ";font-variant-numeric:" + style.fontVariantNumeric + ";font-weight:" + style.fontWeight + ";letter-spacing:" + style.letterSpacing + ";margin-left:" + style.marginLeft + ";margin-right:" + style.marginRight + ";padding-left:" + style.paddingLeft + ";padding-right:" + style.paddingRight + ";text-indent:" + style.textIndent + ";text-transform:" + style.textTransform;
+}
+
+//#endregion
+//#region src/shared/auto-resize/autoresize-input.ts
+/**
+* Creates a ghost element for measuring text width.
+* @param doc - The document to create the element in.
+* @returns The created ghost element.
+*/
+function createGhostElement(doc) {
+	let el = doc.createElement("div");
+	el.id = "ghost";
+	el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
+	doc.body.appendChild(el);
+	return el;
+}
+/**
+* Automatically resizes an input element based on its content.
+* @param input - The input element to resize.
+* @returns A cleanup function to remove event listeners and the ghost element.
+*/
+function autoResizeInput(input) {
+	if (!input) return;
+	const doc = getDocument(input);
+	const win = getWindow(input);
+	const ghost = createGhostElement(doc);
+	const cssText = getVisualStyles(input);
+	if (cssText) ghost.style.cssText += cssText;
+	function resize() {
+		win.requestAnimationFrame(() => {
+			ghost.innerHTML = input.value;
+			const rect = win.getComputedStyle(ghost);
+			input?.style.setProperty("width", rect.width);
+		});
+	}
+	resize();
+	input?.addEventListener("input", resize);
+	input?.addEventListener("change", resize);
+	return () => {
+		doc.body.removeChild(ghost);
+		input?.removeEventListener("input", resize);
+		input?.removeEventListener("change", resize);
+	};
+}
+
+//#endregion
+//#region src/shared/auto-resize/autoresize-textarea.ts
+/**
+* Automatically resizes a textarea element based on its content.
+* @param el - The textarea element to resize.
+* @returns A cleanup function to remove event listeners and observers.
+*/
+const autoresizeTextarea = (el) => {
+	if (!el) return;
+	const style = getComputedStyle(el);
+	const win = getWindow(el);
+	const doc = getDocument(el);
+	const resize = () => {
+		requestAnimationFrame(() => {
+			el.style.height = "auto";
+			let newHeight;
+			if (style.boxSizing === "content-box") newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+			else newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+			if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+				if (style.overflowY === "hidden") el.style.overflowY = "scroll";
+				newHeight = parseFloat(style.maxHeight);
+			} else if (style.overflowY !== "hidden") el.style.overflowY = "hidden";
+			el.style.height = `${newHeight}px`;
+		});
+	};
+	el.addEventListener("input", resize);
+	el.form?.addEventListener("reset", resize);
+	const elementPrototype = Object.getPrototypeOf(el);
+	const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+	Object.defineProperty(el, "value", {
+		...descriptor,
+		set() {
+			descriptor?.set?.apply(this, arguments);
+			resize();
+		}
+	});
+	const resizeObserver = new win.ResizeObserver(() => {
+		requestAnimationFrame(() => resize());
+	});
+	resizeObserver.observe(el);
+	const attrObserver = new win.MutationObserver(() => resize());
+	attrObserver.observe(el, {
+		attributes: true,
+		attributeFilter: ["rows", "placeholder"]
+	});
+	doc.fonts?.addEventListener("loadingdone", resize);
+	return () => {
+		el.removeEventListener("input", resize);
+		el.form?.removeEventListener("reset", resize);
+		doc.fonts?.removeEventListener("loadingdone", resize);
+		resizeObserver.disconnect();
+		attrObserver.disconnect();
+	};
+};
+
+//#endregion
+export { autoResizeInput as n, autoresizeTextarea as t };

package/dist/auto-resize-xzlPFDyD.cjs

@@ -0,0 +1,125 @@
+const require_dom_query = require('./dom-query-CWZdWUGp.cjs');
+
+//#region src/shared/auto-resize/visual-style.ts
+/**
+* Gets the visual styles of an element as a CSS string for text measurement.
+* @param node - The HTMLElement to get styles from.
+* @returns A CSS string with visual styles.
+*/
+function getVisualStyles(node) {
+	if (!node) return;
+	const style = require_dom_query.getComputedStyle(node);
+	return "box-sizing:" + style.boxSizing + ";border-left:" + style.borderLeftWidth + " solid red;border-right:" + style.borderRightWidth + " solid red;font-family:" + style.fontFamily + ";font-feature-settings:" + style.fontFeatureSettings + ";font-kerning:" + style.fontKerning + ";font-size:" + style.fontSize + ";font-stretch:" + style.fontStretch + ";font-style:" + style.fontStyle + ";font-variant:" + style.fontVariant + ";font-variant-caps:" + style.fontVariantCaps + ";font-variant-ligatures:" + style.fontVariantLigatures + ";font-variant-numeric:" + style.fontVariantNumeric + ";font-weight:" + style.fontWeight + ";letter-spacing:" + style.letterSpacing + ";margin-left:" + style.marginLeft + ";margin-right:" + style.marginRight + ";padding-left:" + style.paddingLeft + ";padding-right:" + style.paddingRight + ";text-indent:" + style.textIndent + ";text-transform:" + style.textTransform;
+}
+
+//#endregion
+//#region src/shared/auto-resize/autoresize-input.ts
+/**
+* Creates a ghost element for measuring text width.
+* @param doc - The document to create the element in.
+* @returns The created ghost element.
+*/
+function createGhostElement(doc) {
+	let el = doc.createElement("div");
+	el.id = "ghost";
+	el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
+	doc.body.appendChild(el);
+	return el;
+}
+/**
+* Automatically resizes an input element based on its content.
+* @param input - The input element to resize.
+* @returns A cleanup function to remove event listeners and the ghost element.
+*/
+function autoResizeInput(input) {
+	if (!input) return;
+	const doc = require_dom_query.getDocument(input);
+	const win = require_dom_query.getWindow(input);
+	const ghost = createGhostElement(doc);
+	const cssText = getVisualStyles(input);
+	if (cssText) ghost.style.cssText += cssText;
+	function resize() {
+		win.requestAnimationFrame(() => {
+			ghost.innerHTML = input.value;
+			const rect = win.getComputedStyle(ghost);
+			input?.style.setProperty("width", rect.width);
+		});
+	}
+	resize();
+	input?.addEventListener("input", resize);
+	input?.addEventListener("change", resize);
+	return () => {
+		doc.body.removeChild(ghost);
+		input?.removeEventListener("input", resize);
+		input?.removeEventListener("change", resize);
+	};
+}
+
+//#endregion
+//#region src/shared/auto-resize/autoresize-textarea.ts
+/**
+* Automatically resizes a textarea element based on its content.
+* @param el - The textarea element to resize.
+* @returns A cleanup function to remove event listeners and observers.
+*/
+const autoresizeTextarea = (el) => {
+	if (!el) return;
+	const style = require_dom_query.getComputedStyle(el);
+	const win = require_dom_query.getWindow(el);
+	const doc = require_dom_query.getDocument(el);
+	const resize = () => {
+		requestAnimationFrame(() => {
+			el.style.height = "auto";
+			let newHeight;
+			if (style.boxSizing === "content-box") newHeight = el.scrollHeight - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+			else newHeight = el.scrollHeight + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+			if (style.maxHeight !== "none" && newHeight > parseFloat(style.maxHeight)) {
+				if (style.overflowY === "hidden") el.style.overflowY = "scroll";
+				newHeight = parseFloat(style.maxHeight);
+			} else if (style.overflowY !== "hidden") el.style.overflowY = "hidden";
+			el.style.height = `${newHeight}px`;
+		});
+	};
+	el.addEventListener("input", resize);
+	el.form?.addEventListener("reset", resize);
+	const elementPrototype = Object.getPrototypeOf(el);
+	const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, "value");
+	Object.defineProperty(el, "value", {
+		...descriptor,
+		set() {
+			descriptor?.set?.apply(this, arguments);
+			resize();
+		}
+	});
+	const resizeObserver = new win.ResizeObserver(() => {
+		requestAnimationFrame(() => resize());
+	});
+	resizeObserver.observe(el);
+	const attrObserver = new win.MutationObserver(() => resize());
+	attrObserver.observe(el, {
+		attributes: true,
+		attributeFilter: ["rows", "placeholder"]
+	});
+	doc.fonts?.addEventListener("loadingdone", resize);
+	return () => {
+		el.removeEventListener("input", resize);
+		el.form?.removeEventListener("reset", resize);
+		doc.fonts?.removeEventListener("loadingdone", resize);
+		resizeObserver.disconnect();
+		attrObserver.disconnect();
+	};
+};
+
+//#endregion
+Object.defineProperty(exports, 'autoResizeInput', {
+  enumerable: true,
+  get: function () {
+    return autoResizeInput;
+  }
+});
+Object.defineProperty(exports, 'autoresizeTextarea', {
+  enumerable: true,
+  get: function () {
+    return autoresizeTextarea;
+  }
+});

package/dist/auto-resize.cjs

@@ -0,0 +1,5 @@
+require('./dom-query-CWZdWUGp.cjs');
+const require_auto_resize = require('./auto-resize-xzlPFDyD.cjs');
+
+exports.autoResizeInput = require_auto_resize.autoResizeInput;
+exports.autoresizeTextarea = require_auto_resize.autoresizeTextarea;