@pubinfo-pr/module-rbac 0.204.5 → 0.220.2

package/dist/ComponentSelect-A7uGTuHW.js

@@ -0,0 +1,3498 @@
+import { r as __exportAll } from "./chunk-DiMWNkAf.js";
+import { useViewStore } from "./index.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeProps, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, resolveComponent, shallowRef, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx } from "vue";
+import { CaretDownOutlined } from "@ant-design/icons-vue";
+import { Empty } from "ant-design-vue";
+import { DirectoryTree, Empty as Empty$1, FormItemRest, Input as Input$1 } from "ant-design-vue/es";
+import './ComponentSelect.css';var sides = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+], min$1 = Math.min, max$1 = Math.max, round$1 = Math.round, floor$1 = Math.floor, createCoords = (e) => ({
+	x: e,
+	y: e
+}), oppositeSideMap = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+}, oppositeAlignmentMap = {
+	start: "end",
+	end: "start"
+};
+function clamp(e, t, n) {
+	return max$1(e, min$1(t, n));
+}
+function evaluate(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function getSide(e) {
+	return e.split("-")[0];
+}
+function getAlignment(e) {
+	return e.split("-")[1];
+}
+function getOppositeAxis(e) {
+	return e === "x" ? "y" : "x";
+}
+function getAxisLength(e) {
+	return e === "y" ? "height" : "width";
+}
+var yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
+function getSideAxis(e) {
+	return yAxisSides.has(getSide(e)) ? "y" : "x";
+}
+function getAlignmentAxis(e) {
+	return getOppositeAxis(getSideAxis(e));
+}
+function getAlignmentSides(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = getAlignment(e), i = getAlignmentAxis(e), a = getAxisLength(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = getOppositePlacement(o)), [o, getOppositePlacement(o)];
+}
+function getExpandedPlacements(e) {
+	let t = getOppositePlacement(e);
+	return [
+		getOppositeAlignmentPlacement(e),
+		t,
+		getOppositeAlignmentPlacement(t)
+	];
+}
+function getOppositeAlignmentPlacement(e) {
+	return e.replace(/start|end/g, (e) => oppositeAlignmentMap[e]);
+}
+var lrPlacement = ["left", "right"], rlPlacement = ["right", "left"], tbPlacement = ["top", "bottom"], btPlacement = ["bottom", "top"];
+function getSideList(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? rlPlacement : lrPlacement : t ? lrPlacement : rlPlacement;
+		case "left":
+		case "right": return t ? tbPlacement : btPlacement;
+		default: return [];
+	}
+}
+function getOppositeAxisPlacements(e, t, n, r) {
+	let i = getAlignment(e), a = getSideList(getSide(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(getOppositeAlignmentPlacement)))), a;
+}
+function getOppositePlacement(e) {
+	return e.replace(/left|right|bottom|top/g, (e) => oppositeSideMap[e]);
+}
+function expandPaddingObject(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function getPaddingObject(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : expandPaddingObject(e);
+}
+function rectToClientRect(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+function hasWindow() {
+	return typeof window < "u";
+}
+function getNodeName$1(e) {
+	return isNode$1(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function getWindow$1(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function getDocumentElement$1(e) {
+	return ((isNode$1(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function isNode$1(e) {
+	return hasWindow() ? e instanceof Node || e instanceof getWindow$1(e).Node : !1;
+}
+function isElement$1(e) {
+	return hasWindow() ? e instanceof Element || e instanceof getWindow$1(e).Element : !1;
+}
+function isHTMLElement$1(e) {
+	return hasWindow() ? e instanceof HTMLElement || e instanceof getWindow$1(e).HTMLElement : !1;
+}
+function isShadowRoot$1(e) {
+	return !hasWindow() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof getWindow$1(e).ShadowRoot;
+}
+var invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
+function isOverflowElement$1(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = getComputedStyle$2(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !invalidOverflowDisplayValues.has(i);
+}
+var tableElements = /* @__PURE__ */ new Set([
+	"table",
+	"td",
+	"th"
+]);
+function isTableElement(e) {
+	return tableElements.has(getNodeName$1(e));
+}
+var topLayerSelectors = [":popover-open", ":modal"];
+function isTopLayer(e) {
+	return topLayerSelectors.some((t) => {
+		try {
+			return e.matches(t);
+		} catch {
+			return !1;
+		}
+	});
+}
+var transformProperties = [
+	"transform",
+	"translate",
+	"scale",
+	"rotate",
+	"perspective"
+], willChangeValues = [
+	"transform",
+	"translate",
+	"scale",
+	"rotate",
+	"perspective",
+	"filter"
+], containValues = [
+	"paint",
+	"layout",
+	"strict",
+	"content"
+];
+function isContainingBlock(e) {
+	let t = isWebKit(), n = isElement$1(e) ? getComputedStyle$2(e) : e;
+	return transformProperties.some((e) => n[e] ? n[e] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || willChangeValues.some((e) => (n.willChange || "").includes(e)) || containValues.some((e) => (n.contain || "").includes(e));
+}
+function getContainingBlock(e) {
+	let t = getParentNode$2(e);
+	for (; isHTMLElement$1(t) && !isLastTraversableNode(t);) {
+		if (isContainingBlock(t)) return t;
+		if (isTopLayer(t)) return null;
+		t = getParentNode$2(t);
+	}
+	return null;
+}
+function isWebKit() {
+	return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+var lastTraversableNodeNames = /* @__PURE__ */ new Set([
+	"html",
+	"body",
+	"#document"
+]);
+function isLastTraversableNode(e) {
+	return lastTraversableNodeNames.has(getNodeName$1(e));
+}
+function getComputedStyle$2(e) {
+	return getWindow$1(e).getComputedStyle(e);
+}
+function getNodeScroll(e) {
+	return isElement$1(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function getParentNode$2(e) {
+	if (getNodeName$1(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || isShadowRoot$1(e) && e.host || getDocumentElement$1(e);
+	return isShadowRoot$1(t) ? t.host : t;
+}
+function getNearestOverflowAncestor$1(e) {
+	let t = getParentNode$2(e);
+	return isLastTraversableNode(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : isHTMLElement$1(t) && isOverflowElement$1(t) ? t : getNearestOverflowAncestor$1(t);
+}
+function getOverflowAncestors(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = getNearestOverflowAncestor$1(e), i = r === e.ownerDocument?.body, a = getWindow$1(r);
+	if (i) {
+		let e = getFrameElement(a);
+		return t.concat(a, a.visualViewport || [], isOverflowElement$1(r) ? r : [], e && n ? getOverflowAncestors(e) : []);
+	}
+	return t.concat(r, getOverflowAncestors(r, [], n));
+}
+function getFrameElement(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+var isEmpty = (e) => e.length === 0;
+function toKebabCase(e) {
+	return e.replace(/([a-z\d])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+function createAnatomy(e, t = []) {
+	return {
+		parts: (...n) => {
+			if (isEmpty(t)) return createAnatomy(e, n);
+			throw Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+		},
+		extendWith: (...n) => createAnatomy(e, [...t, ...n]),
+		rename: (e) => createAnatomy(e, t),
+		keys: () => t,
+		build: () => [...new Set(t)].reduce((t, n) => Object.assign(t, { [n]: {
+			selector: [`&[data-scope="${toKebabCase(e)}"][data-part="${toKebabCase(n)}"]`, `& [data-scope="${toKebabCase(e)}"][data-part="${toKebabCase(n)}"]`].join(", "),
+			attrs: {
+				"data-scope": toKebabCase(e),
+				"data-part": toKebabCase(n)
+			}
+		} }), {})
+	};
+}
+var isObject$2 = (e) => typeof e == "object" && !!e, dataAttr = (e) => e ? "" : void 0, ELEMENT_NODE = 1, DOCUMENT_NODE = 9, DOCUMENT_FRAGMENT_NODE = 11;
+function isHTMLElement(e) {
+	return isObject$2(e) && e.nodeType === ELEMENT_NODE && typeof e.nodeName == "string";
+}
+var isDocument = (e) => isObject$2(e) && e.nodeType === DOCUMENT_NODE, isWindow = (e) => isObject$2(e) && e === e.window;
+function getNodeName(e) {
+	return isHTMLElement(e) ? e.localName || "" : "#document";
+}
+function isRootElement(e) {
+	return [
+		"html",
+		"body",
+		"#document"
+	].includes(getNodeName(e));
+}
+var isNode = (e) => isObject$2(e) && e.nodeType !== void 0;
+function isShadowRoot(e) {
+	return isNode(e) && e.nodeType === DOCUMENT_FRAGMENT_NODE && "host" in e;
+}
+var isInputElement = (e) => isHTMLElement(e) && e.localName === "input";
+function isElementVisible(e) {
+	return isHTMLElement(e) ? e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0 : !1;
+}
+var TEXTAREA_SELECT_REGEX = /(textarea|select)/;
+function isEditableElement(e) {
+	if (e == null || !isHTMLElement(e)) return !1;
+	try {
+		return isInputElement(e) && e.selectionStart != null || TEXTAREA_SELECT_REGEX.test(e.localName) || e.isContentEditable || e.getAttribute("contenteditable") === "true" || e.getAttribute("contenteditable") === "";
+	} catch {
+		return !1;
+	}
+}
+function contains(e, t) {
+	if (!e || !t || !isHTMLElement(e) || !isHTMLElement(t)) return !1;
+	let n = t.getRootNode?.();
+	if (e === t || e.contains(t)) return !0;
+	if (n && isShadowRoot(n)) {
+		let n = t;
+		for (; n;) {
+			if (e === n) return !0;
+			n = n.parentNode || n.host;
+		}
+	}
+	return !1;
+}
+function getDocument(e) {
+	return isDocument(e) ? e : isWindow(e) ? e.document : e?.ownerDocument ?? document;
+}
+function getDocumentElement(e) {
+	return getDocument(e).documentElement;
+}
+function getWindow(e) {
+	return isShadowRoot(e) ? getWindow(e.host) : isDocument(e) ? e.defaultView ?? window : isHTMLElement(e) ? e.ownerDocument?.defaultView ?? window : window;
+}
+function getActiveElement(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot;) {
+		let e = t.shadowRoot.activeElement;
+		if (e === t) break;
+		t = e;
+	}
+	return t;
+}
+function getParentNode$1(e) {
+	if (getNodeName(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || isShadowRoot(e) && e.host || getDocumentElement(e);
+	return isShadowRoot(t) ? t.host : t;
+}
+var styleCache = /* @__PURE__ */ new WeakMap();
+function getComputedStyle$1(e) {
+	return styleCache.has(e) || styleCache.set(e, getWindow(e).getComputedStyle(e)), styleCache.get(e);
+}
+var isDom = () => typeof document < "u";
+function getPlatform() {
+	return navigator.userAgentData?.platform ?? navigator.platform;
+}
+var pt = (e) => isDom() && e.test(getPlatform()), vn = (e) => isDom() && e.test(navigator.vendor), isMac = () => pt(/^Mac/), isApple = () => pt(/mac|iphone|ipad|ipod/i), isSafari = () => isApple() && vn(/apple/i), isIos = () => pt(/iP(hone|ad|od)|iOS/);
+function getComposedPath(e) {
+	return e.composedPath?.() ?? e.nativeEvent?.composedPath?.();
+}
+function getEventTarget(e) {
+	return getComposedPath(e)?.[0] ?? e.target;
+}
+function isContextMenuEvent(e) {
+	return e.button === 2 || isMac() && e.ctrlKey && e.button === 0;
+}
+function addDomEvent(e, t, n, r) {
+	let i = typeof e == "function" ? e() : e;
+	return i?.addEventListener(t, n, r), () => {
+		i?.removeEventListener(t, n, r);
+	};
+}
+function getDescriptor(e, t) {
+	let { type: n = "HTMLInputElement", property: r = "value" } = t, i = getWindow(e)[n].prototype;
+	return Object.getOwnPropertyDescriptor(i, r) ?? {};
+}
+function getElementType(e) {
+	if (e.localName === "input") return "HTMLInputElement";
+	if (e.localName === "textarea") return "HTMLTextAreaElement";
+	if (e.localName === "select") return "HTMLSelectElement";
+}
+function setElementValue(e, t, n = "value") {
+	let r = getElementType(e);
+	r && getDescriptor(e, {
+		type: r,
+		property: n
+	}).set?.call(e, t), e.setAttribute(n, t);
+}
+var isFrame = (e) => isHTMLElement(e) && e.tagName === "IFRAME", hasTabIndex = (e) => !Number.isNaN(Number.parseInt(e.getAttribute("tabindex") || "0", 10)), hasNegativeTabIndex = (e) => Number.parseInt(e.getAttribute("tabindex") || "0", 10) < 0, focusableSelector = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type";
+function getFocusables(e, t = !1) {
+	if (!e) return [];
+	let n = Array.from(e.querySelectorAll(focusableSelector));
+	(t === !0 || t === "if-empty" && n.length === 0) && isHTMLElement(e) && isFocusable(e) && n.unshift(e);
+	let r = n.filter(isFocusable);
+	return r.forEach((e, t) => {
+		if (isFrame(e) && e.contentDocument) {
+			let n = e.contentDocument.body;
+			r.splice(t, 1, ...getFocusables(n));
+		}
+	}), r;
+}
+function isFocusable(e) {
+	return !e || e.closest("[inert]") ? !1 : e.matches(focusableSelector) && isElementVisible(e);
+}
+function getTabbables(e, t) {
+	if (!e) return [];
+	let n = Array.from(e.querySelectorAll(focusableSelector)), r = n.filter(isTabbable);
+	return t && isTabbable(e) && r.unshift(e), r.forEach((e, t) => {
+		if (isFrame(e) && e.contentDocument) {
+			let n = e.contentDocument.body, i = getTabbables(n);
+			r.splice(t, 1, ...i);
+		}
+	}), !r.length && t ? n : r;
+}
+function isTabbable(e) {
+	return e != null && e.tabIndex > 0 ? !0 : isFocusable(e) && !hasNegativeTabIndex(e);
+}
+function getTabbableEdges(e, t) {
+	let n = getTabbables(e, t);
+	return [n[0] || null, n[n.length - 1] || null];
+}
+function getNextTabbable(e, t) {
+	let n = getTabbables(e), r = e?.ownerDocument || document, i = t ?? r.activeElement;
+	return i && n[n.indexOf(i) + 1] || null;
+}
+function getTabIndex(e) {
+	return e.tabIndex < 0 && (/^(audio|video|details)$/.test(e.localName) || isEditableElement(e)) && !hasTabIndex(e) ? 0 : e.tabIndex;
+}
+function getInitialFocus(e) {
+	let { root: t, getInitialEl: n, filter: r, enabled: i = !0 } = e;
+	if (!i) return;
+	let a = null;
+	if (a ||= typeof n == "function" ? n() : n, a ||= t?.querySelector("[data-autofocus],[autofocus]"), !a) {
+		let e = getTabbables(t);
+		a = r ? e.filter(r)[0] : e[0];
+	}
+	return a || t || void 0;
+}
+function raf$2(e) {
+	let t = globalThis.requestAnimationFrame(e);
+	return () => {
+		globalThis.cancelAnimationFrame(t);
+	};
+}
+function getNearestOverflowAncestor(e) {
+	let t = getParentNode$1(e);
+	return isRootElement(t) ? getDocument(t).body : isHTMLElement(t) && isOverflowElement(t) ? t : getNearestOverflowAncestor(t);
+}
+var OVERFLOW_RE = /auto|scroll|overlay|hidden|clip/;
+function isOverflowElement(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = getWindow(e).getComputedStyle(e);
+	return OVERFLOW_RE.test(t + r + n) && !["inline", "contents"].includes(i);
+}
+function proxyTabFocusImpl(e, t = {}) {
+	let { triggerElement: n, onFocus: r } = t, i = e?.ownerDocument || document, a = i.body;
+	function o(t) {
+		if (t.key !== "Tab") return;
+		let o = null, [s, c] = getTabbableEdges(e, !0), l = !s && !c;
+		t.shiftKey && (i.activeElement === s || l) ? o = n : !t.shiftKey && i.activeElement === n ? o = s : !t.shiftKey && (i.activeElement === c || l) && (o = getNextTabbable(a, n)), o && (t.preventDefault(), typeof r == "function" ? r(o) : o.focus());
+	}
+	return addDomEvent(i, "keydown", o, !0);
+}
+function proxyTabFocus(e, t) {
+	let { defer: n, triggerElement: r, ...i } = t, a = n ? raf$2 : (e) => e(), o = [];
+	return o.push(a(() => {
+		let t = typeof e == "function" ? e() : e, n = typeof r == "function" ? r() : r;
+		o.push(proxyTabFocusImpl(t, {
+			triggerElement: n,
+			...i
+		}));
+	})), () => {
+		o.forEach((e) => e?.());
+	};
+}
+function createScope(e) {
+	let t = {
+		getRootNode: (e) => e.getRootNode?.() ?? document,
+		getDoc: (e) => getDocument(t.getRootNode(e)),
+		getWin: (e) => t.getDoc(e).defaultView ?? window,
+		getActiveElement: (e) => getActiveElement(t.getRootNode(e)),
+		isActiveElement: (e, n) => n === t.getActiveElement(e),
+		getById: (e, n) => t.getRootNode(e).getElementById(n),
+		setValue: (e, t) => {
+			e == null || t == null || setElementValue(e, t.toString());
+		}
+	};
+	return {
+		...t,
+		...e
+	};
+}
+var cleanups = /* @__PURE__ */ new WeakMap();
+function set$2(e, t, n) {
+	cleanups.has(e) || cleanups.set(e, /* @__PURE__ */ new Map());
+	let r = cleanups.get(e), i = r.get(t);
+	if (!i) return r.set(t, n()), () => {
+		r.get(t)?.(), r.delete(t);
+	};
+	let a = n(), o = () => {
+		a(), i(), r.delete(t);
+	};
+	return r.set(t, o), () => {
+		r.get(t) === o && (a(), r.set(t, i));
+	};
+}
+function setStyle(e, t) {
+	return e ? set$2(e, "style", () => {
+		let n = e.style.cssText;
+		return Object.assign(e.style, t), () => {
+			e.style.cssText = n;
+		};
+	}) : () => {};
+}
+var fps = 1e3 / 60;
+function waitForElement(e, t) {
+	let n = e();
+	if (isHTMLElement(n) && n.isConnected) return t(n), () => void 0;
+	{
+		let n = setInterval(() => {
+			let r = e();
+			isHTMLElement(r) && r.isConnected && (t(r), clearInterval(n));
+		}, fps);
+		return () => clearInterval(n);
+	}
+}
+function waitForElements(e, t) {
+	let n = [];
+	return e?.forEach((e) => {
+		let r = waitForElement(e, t);
+		n.push(r);
+	}), () => {
+		n.forEach((e) => e());
+	};
+}
+function clear(e) {
+	for (; e.length > 0;) e.pop();
+	return e;
+}
+function runIfFn(e, ...t) {
+	return (typeof e == "function" ? e(...t) : e) ?? void 0;
+}
+var cast = (e) => e;
+function noop() {}
+function callAll(...e) {
+	return (...t) => {
+		e.forEach((e) => {
+			e?.(...t);
+		});
+	};
+}
+var uuid = /* @__PURE__ */ (() => {
+	let e = 0;
+	return () => (e++, e.toString(36));
+})(), isArray = (e) => Array.isArray(e), isObjectLike = (e) => typeof e == "object" && !!e, isObject$1 = (e) => isObjectLike(e) && !isArray(e), isNumber = (e) => typeof e == "number" && !Number.isNaN(e), isString = (e) => typeof e == "string", isFunction = (e) => typeof e == "function", isNull = (e) => e == null;
+function hasProp(e, t) {
+	return Object.prototype.hasOwnProperty.call(e, t);
+}
+var baseGetTag = (e) => Object.prototype.toString.call(e), fnToString = Function.prototype.toString, objectCtorString = fnToString.call(Object);
+function isPlainObject(e) {
+	if (!isObjectLike(e) || baseGetTag(e) !== "[object Object]") return !1;
+	let t = Object.getPrototypeOf(e);
+	if (t === null) return !0;
+	let n = hasProp(t, "constructor") && t.constructor;
+	return typeof n == "function" && n instanceof n && fnToString.call(n) === objectCtorString;
+}
+var { floor, abs, round, min, max, sign } = Math;
+function compact(e) {
+	if (!isPlainObject$1(e) || e === void 0) return e;
+	let t = Reflect.ownKeys(e).filter((e) => typeof e == "string"), n = {};
+	for (let r of t) {
+		let t = e[r];
+		t !== void 0 && (n[r] = compact(t));
+	}
+	return n;
+}
+function isPlainObject$1(e) {
+	return e && typeof e == "object" && e.constructor === Object;
+}
+function computeCoordsFromPlacement(e, t, n) {
+	let { reference: r, floating: i } = e, a = getSideAxis(t), o = getAlignmentAxis(t), s = getAxisLength(o), c = getSide(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	switch (c) {
+		case "top":
+			p = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	switch (getAlignment(t)) {
+		case "start":
+			p[o] -= f * (n && l ? -1 : 1);
+			break;
+		case "end":
+			p[o] += f * (n && l ? -1 : 1);
+			break;
+	}
+	return p;
+}
+async function detectOverflow(e, t) {
+	t === void 0 && (t = {});
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = evaluate(t, e), p = getPaddingObject(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = rectToClientRect(await i.getClippingRect({
+		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
+		boundary: c,
+		rootBoundary: l,
+		strategy: s
+	})), g = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
+		x: 1,
+		y: 1
+	}, y = rectToClientRect(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: g,
+		offsetParent: _,
+		strategy: s
+	}) : g);
+	return {
+		top: (h.top - y.top + p.top) / v.y,
+		bottom: (y.bottom - h.bottom + p.bottom) / v.y,
+		left: (h.left - y.left + p.left) / v.x,
+		right: (y.right - h.right + p.right) / v.x
+	};
+}
+var computePosition$1 = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = a.filter(Boolean), c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = computeCoordsFromPlacement(l, r, c), f = r, p = {}, m = 0;
+	for (let n = 0; n < s.length; n++) {
+		let { name: a, fn: h } = s[n], { x: g, y: _, data: v, reset: y } = await h({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: p,
+			rects: l,
+			platform: {
+				...o,
+				detectOverflow: o.detectOverflow ?? detectOverflow
+			},
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = g ?? u, d = _ ?? d, p = {
+			...p,
+			[a]: {
+				...p[a],
+				...v
+			}
+		}, y && m <= 50 && (m++, typeof y == "object" && (y.placement && (f = y.placement), y.rects && (l = y.rects === !0 ? await o.getElementRects({
+			reference: e,
+			floating: t,
+			strategy: i
+		}) : y.rects), {x: u, y: d} = computeCoordsFromPlacement(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: p
+	};
+}, arrow$1 = (e) => ({
+	name: "arrow",
+	options: e,
+	async fn(t) {
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0 } = evaluate(e, t) || {};
+		if (l == null) return {};
+		let d = getPaddingObject(u), f = {
+			x: n,
+			y: r
+		}, p = getAlignmentAxis(i), m = getAxisLength(p), h = await o.getDimensions(l), g = p === "y", _ = g ? "top" : "left", v = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", b = a.reference[m] + a.reference[p] - f[p] - a.floating[m], x = f[p] - a.reference[p], S = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l)), C = S ? S[y] : 0;
+		(!C || !await (o.isElement == null ? void 0 : o.isElement(S))) && (C = s.floating[y] || a.floating[m]);
+		let w = b / 2 - x / 2, T = C / 2 - h[m] / 2 - 1, E = min$1(d[_], T), D = min$1(d[v], T), O = E, k = C - h[m] - D, A = C / 2 - h[m] / 2 + w, j = clamp(O, A, k), M = !c.arrow && getAlignment(i) != null && A !== j && a.reference[m] / 2 - (A < O ? E : D) - h[m] / 2 < 0, N = M ? A < O ? A - O : A - k : 0;
+		return {
+			[p]: f[p] + N,
+			data: {
+				[p]: j,
+				centerOffset: A - j - N,
+				...M && { alignmentOffset: N }
+			},
+			reset: M
+		};
+	}
+}), flip$1 = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "flip",
+		options: e,
+		async fn(t) {
+			var n;
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = evaluate(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let g = getSide(r), _ = getSideAxis(o), v = getSide(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [getOppositePlacement(o)] : getExpandedPlacements(o)), x = p !== "none";
+			!d && x && b.push(...getOppositeAxisPlacements(o, m, p, y));
+			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
+			if (l && w.push(C[g]), u) {
+				let e = getAlignmentSides(r, a, y);
+				w.push(C[e[0]], C[e[1]]);
+			}
+			if (T = [...T, {
+				placement: r,
+				overflows: w
+			}], !w.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = S[e];
+				if (t && (!(u === "alignment" && _ !== getSideAxis(t)) || T.every((e) => getSideAxis(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+					data: {
+						index: e,
+						overflows: T
+					},
+					reset: { placement: t }
+				};
+				let n = T.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = T.filter((e) => {
+							if (x) {
+								let t = getSideAxis(e.placement);
+								return t === _ || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement":
+						n = o;
+						break;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+};
+function getSideOffsets(e, t) {
+	return {
+		top: e.top - t.height,
+		right: e.right - t.width,
+		bottom: e.bottom - t.height,
+		left: e.left - t.width
+	};
+}
+function isAnySideFullyClipped(e) {
+	return sides.some((t) => e[t] >= 0);
+}
+var hide$1 = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "hide",
+		options: e,
+		async fn(t) {
+			let { rects: n, platform: r } = t, { strategy: i = "referenceHidden", ...a } = evaluate(e, t);
+			switch (i) {
+				case "referenceHidden": {
+					let e = getSideOffsets(await r.detectOverflow(t, {
+						...a,
+						elementContext: "reference"
+					}), n.reference);
+					return { data: {
+						referenceHiddenOffsets: e,
+						referenceHidden: isAnySideFullyClipped(e)
+					} };
+				}
+				case "escaped": {
+					let e = getSideOffsets(await r.detectOverflow(t, {
+						...a,
+						altBoundary: !0
+					}), n.floating);
+					return { data: {
+						escapedOffsets: e,
+						escaped: isAnySideFullyClipped(e)
+					} };
+				}
+				default: return {};
+			}
+		}
+	};
+}, originSides = /* @__PURE__ */ new Set(["left", "top"]);
+async function convertValueToCoords(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = getSide(n), s = getAlignment(n), c = getSideAxis(n) === "y", l = originSides.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = evaluate(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var offset$1 = function(e) {
+	return e === void 0 && (e = 0), {
+		name: "offset",
+		options: e,
+		async fn(t) {
+			var n;
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await convertValueToCoords(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+}, shift$1 = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "shift",
+		options: e,
+		async fn(t) {
+			let { x: n, y: r, placement: i, platform: a } = t, { mainAxis: o = !0, crossAxis: s = !1, limiter: c = { fn: (e) => {
+				let { x: t, y: n } = e;
+				return {
+					x: t,
+					y: n
+				};
+			} }, ...l } = evaluate(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = getSideAxis(getSide(i)), p = getOppositeAxis(f), m = u[p], h = u[f];
+			if (o) {
+				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
+				m = clamp(n, m, r);
+			}
+			if (s) {
+				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = h + d[e], r = h - d[t];
+				h = clamp(n, h, r);
+			}
+			let g = c.fn({
+				...t,
+				[p]: m,
+				[f]: h
+			});
+			return {
+				...g,
+				data: {
+					x: g.x - n,
+					y: g.y - r,
+					enabled: {
+						[p]: o,
+						[f]: s
+					}
+				}
+			};
+		}
+	};
+}, limitShift$1 = function(e) {
+	return e === void 0 && (e = {}), {
+		options: e,
+		fn(t) {
+			let { x: n, y: r, placement: i, rects: a, middlewareData: o } = t, { offset: s = 0, mainAxis: c = !0, crossAxis: l = !0 } = evaluate(e, t), u = {
+				x: n,
+				y: r
+			}, d = getSideAxis(i), f = getOppositeAxis(d), p = u[f], m = u[d], h = evaluate(s, t), g = typeof h == "number" ? {
+				mainAxis: h,
+				crossAxis: 0
+			} : {
+				mainAxis: 0,
+				crossAxis: 0,
+				...h
+			};
+			if (c) {
+				let e = f === "y" ? "height" : "width", t = a.reference[f] - a.floating[e] + g.mainAxis, n = a.reference[f] + a.reference[e] - g.mainAxis;
+				p < t ? p = t : p > n && (p = n);
+			}
+			if (l) {
+				let e = f === "y" ? "width" : "height", t = originSides.has(getSide(i)), n = a.reference[d] - a.floating[e] + (t && o.offset?.[d] || 0) + (t ? 0 : g.crossAxis), r = a.reference[d] + a.reference[e] + (t ? 0 : o.offset?.[d] || 0) - (t ? g.crossAxis : 0);
+				m < n ? m = n : m > r && (m = r);
+			}
+			return {
+				[f]: p,
+				[d]: m
+			};
+		}
+	};
+}, size$1 = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "size",
+		options: e,
+		async fn(t) {
+			var n, r;
+			let { placement: i, rects: a, platform: o, elements: s } = t, { apply: c = () => {}, ...l } = evaluate(e, t), u = await o.detectOverflow(t, l), d = getSide(i), f = getAlignment(i), p = getSideAxis(i) === "y", { width: m, height: h } = a.floating, g, _;
+			d === "top" || d === "bottom" ? (g = d, _ = f === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (_ = d, g = f === "end" ? "top" : "bottom");
+			let v = h - u.top - u.bottom, y = m - u.left - u.right, b = min$1(h - u[g], v), x = min$1(m - u[_], y), S = !t.middlewareData.shift, C = b, w = x;
+			if ((n = t.middlewareData.shift) != null && n.enabled.x && (w = y), (r = t.middlewareData.shift) != null && r.enabled.y && (C = v), S && !f) {
+				let e = max$1(u.left, 0), t = max$1(u.right, 0), n = max$1(u.top, 0), r = max$1(u.bottom, 0);
+				p ? w = m - 2 * (e !== 0 || t !== 0 ? e + t : max$1(u.left, u.right)) : C = h - 2 * (n !== 0 || r !== 0 ? n + r : max$1(u.top, u.bottom));
+			}
+			await c({
+				...t,
+				availableWidth: w,
+				availableHeight: C
+			});
+			let T = await o.getDimensions(s.floating);
+			return m !== T.width || h !== T.height ? { reset: { rects: !0 } } : {};
+		}
+	};
+};
+function getCssDimensions(e) {
+	let t = getComputedStyle$2(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = isHTMLElement$1(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = round$1(n) !== a || round$1(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function unwrapElement(e) {
+	return isElement$1(e) ? e : e.contextElement;
+}
+function getScale(e) {
+	let t = unwrapElement(e);
+	if (!isHTMLElement$1(t)) return createCoords(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = getCssDimensions(t), o = (a ? round$1(n.width) : n.width) / r, s = (a ? round$1(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var noOffsets = /* @__PURE__ */ createCoords(0);
+function getVisualOffsets(e) {
+	let t = getWindow$1(e);
+	return !isWebKit() || !t.visualViewport ? noOffsets : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function shouldAddVisualOffsets(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== getWindow$1(e) ? !1 : t;
+}
+function getBoundingClientRect(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = unwrapElement(e), o = createCoords(1);
+	t && (r ? isElement$1(r) && (o = getScale(r)) : o = getScale(e));
+	let s = shouldAddVisualOffsets(a, n, r) ? getVisualOffsets(a) : createCoords(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	if (a) {
+		let e = getWindow$1(a), t = r && isElement$1(r) ? getWindow$1(r) : r, n = e, i = getFrameElement(n);
+		for (; i && r && t !== n;) {
+			let e = getScale(i), t = i.getBoundingClientRect(), r = getComputedStyle$2(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = getWindow$1(i), i = getFrameElement(n);
+		}
+	}
+	return rectToClientRect({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function getWindowScrollBarX(e, t) {
+	let n = getNodeScroll(e).scrollLeft;
+	return t ? t.left + n : getBoundingClientRect(getDocumentElement$1(e)).left + n;
+}
+function getHTMLOffset(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - getWindowScrollBarX(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function convertOffsetParentRelativeRectToViewportRelativeRect(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = getDocumentElement$1(r), s = t ? isTopLayer(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = createCoords(1), u = createCoords(0), d = isHTMLElement$1(r);
+	if ((d || !d && !a) && ((getNodeName$1(r) !== "body" || isOverflowElement$1(o)) && (c = getNodeScroll(r)), isHTMLElement$1(r))) {
+		let e = getBoundingClientRect(r);
+		l = getScale(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let f = o && !d && !a ? getHTMLOffset(o, c) : createCoords(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + f.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + f.y
+	};
+}
+function getClientRects(e) {
+	return Array.from(e.getClientRects());
+}
+function getDocumentRect(e) {
+	let t = getDocumentElement$1(e), n = getNodeScroll(e), r = e.ownerDocument.body, i = max$1(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = max$1(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + getWindowScrollBarX(e), s = -n.scrollTop;
+	return getComputedStyle$2(r).direction === "rtl" && (o += max$1(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var SCROLLBAR_MAX = 25;
+function getViewportRect(e, t) {
+	let n = getWindow$1(e), r = getDocumentElement$1(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = isWebKit();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = getWindowScrollBarX(r);
+	if (l <= 0) {
+		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
+		o <= SCROLLBAR_MAX && (a -= o);
+	} else l <= SCROLLBAR_MAX && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+var absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function getInnerBoundingClientRect(e, t) {
+	let n = getBoundingClientRect(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = isHTMLElement$1(e) ? getScale(e) : createCoords(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function getClientRectFromClippingAncestor(e, t, n) {
+	let r;
+	if (t === "viewport") r = getViewportRect(e, n);
+	else if (t === "document") r = getDocumentRect(getDocumentElement$1(e));
+	else if (isElement$1(t)) r = getInnerBoundingClientRect(t, n);
+	else {
+		let n = getVisualOffsets(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return rectToClientRect(r);
+}
+function hasFixedPositionAncestor(e, t) {
+	let n = getParentNode$2(e);
+	return n === t || !isElement$1(n) || isLastTraversableNode(n) ? !1 : getComputedStyle$2(n).position === "fixed" || hasFixedPositionAncestor(n, t);
+}
+function getClippingElementAncestors(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = getOverflowAncestors(e, [], !1).filter((e) => isElement$1(e) && getNodeName$1(e) !== "body"), i = null, a = getComputedStyle$2(e).position === "fixed", o = a ? getParentNode$2(e) : e;
+	for (; isElement$1(o) && !isLastTraversableNode(o);) {
+		let t = getComputedStyle$2(o), n = isContainingBlock(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && absoluteOrFixed.has(i.position) || isOverflowElement$1(o) && !n && hasFixedPositionAncestor(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = getParentNode$2(o);
+	}
+	return t.set(e, r), r;
+}
+function getClippingRect(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? isTopLayer(t) ? [] : getClippingElementAncestors(t, this._c) : [].concat(n), r], o = a[0], s = a.reduce((e, n) => {
+		let r = getClientRectFromClippingAncestor(t, n, i);
+		return e.top = max$1(r.top, e.top), e.right = min$1(r.right, e.right), e.bottom = min$1(r.bottom, e.bottom), e.left = max$1(r.left, e.left), e;
+	}, getClientRectFromClippingAncestor(t, o, i));
+	return {
+		width: s.right - s.left,
+		height: s.bottom - s.top,
+		x: s.left,
+		y: s.top
+	};
+}
+function getDimensions(e) {
+	let { width: t, height: n } = getCssDimensions(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function getRectRelativeToOffsetParent(e, t, n) {
+	let r = isHTMLElement$1(t), i = getDocumentElement$1(t), a = n === "fixed", o = getBoundingClientRect(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = createCoords(0);
+	function l() {
+		c.x = getWindowScrollBarX(i);
+	}
+	if (r || !r && !a) if ((getNodeName$1(t) !== "body" || isOverflowElement$1(i)) && (s = getNodeScroll(t)), r) {
+		let e = getBoundingClientRect(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	} else i && l();
+	a && !r && i && l();
+	let u = i && !r && !a ? getHTMLOffset(i, s) : createCoords(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - u.x,
+		y: o.top + s.scrollTop - c.y - u.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function isStaticPositioned(e) {
+	return getComputedStyle$2(e).position === "static";
+}
+function getTrueOffsetParent(e, t) {
+	if (!isHTMLElement$1(e) || getComputedStyle$2(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return getDocumentElement$1(e) === n && (n = n.ownerDocument.body), n;
+}
+function getOffsetParent(e, t) {
+	let n = getWindow$1(e);
+	if (isTopLayer(e)) return n;
+	if (!isHTMLElement$1(e)) {
+		let t = getParentNode$2(e);
+		for (; t && !isLastTraversableNode(t);) {
+			if (isElement$1(t) && !isStaticPositioned(t)) return t;
+			t = getParentNode$2(t);
+		}
+		return n;
+	}
+	let r = getTrueOffsetParent(e, t);
+	for (; r && isTableElement(r) && isStaticPositioned(r);) r = getTrueOffsetParent(r, t);
+	return r && isLastTraversableNode(r) && isStaticPositioned(r) && !isContainingBlock(r) ? n : r || getContainingBlock(e) || n;
+}
+var getElementRects = async function(e) {
+	let t = this.getOffsetParent || getOffsetParent, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: getRectRelativeToOffsetParent(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function isRTL(e) {
+	return getComputedStyle$2(e).direction === "rtl";
+}
+var platform = {
+	convertOffsetParentRelativeRectToViewportRelativeRect,
+	getDocumentElement: getDocumentElement$1,
+	getClippingRect,
+	getOffsetParent,
+	getElementRects,
+	getClientRects,
+	getDimensions,
+	getScale,
+	isElement: isElement$1,
+	isRTL
+};
+function rectsAreEqual(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function observeMove(e, t) {
+	let n = null, r, i = getDocumentElement$1(e);
+	function a() {
+		var e;
+		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
+	}
+	function o(s, c) {
+		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
+		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
+		if (s || t(), !f || !p) return;
+		let m = floor$1(d), h = floor$1(i.clientWidth - (u + f)), g = floor$1(i.clientHeight - (d + p)), _ = floor$1(u), v = {
+			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
+			threshold: max$1(0, min$1(1, c)) || 1
+		}, y = !0;
+		function b(t) {
+			let n = t[0].intersectionRatio;
+			if (n !== c) {
+				if (!y) return o();
+				n ? o(!1, n) : r = setTimeout(() => {
+					o(!1, 1e-7);
+				}, 1e3);
+			}
+			n === 1 && !rectsAreEqual(l, e.getBoundingClientRect()) && o(), y = !1;
+		}
+		try {
+			n = new IntersectionObserver(b, {
+				...v,
+				root: i.ownerDocument
+			});
+		} catch {
+			n = new IntersectionObserver(b, v);
+		}
+		n.observe(e);
+	}
+	return o(!0), a;
+}
+function autoUpdate(e, t, n, r) {
+	r === void 0 && (r = {});
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = unwrapElement(e), u = i || a ? [...l ? getOverflowAncestors(l) : [], ...getOverflowAncestors(t)] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? observeMove(l, n) : null, f = -1, p = null;
+	o && (p = new ResizeObserver((e) => {
+		let [r] = e;
+		r && r.target === l && p && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+			var e;
+			(e = p) == null || e.observe(t);
+		})), n();
+	}), l && !c && p.observe(l), p.observe(t));
+	let m, h = c ? getBoundingClientRect(e) : null;
+	c && g();
+	function g() {
+		let t = getBoundingClientRect(e);
+		h && !rectsAreEqual(h, t) && n(), h = t, m = requestAnimationFrame(g);
+	}
+	return n(), () => {
+		var e;
+		u.forEach((e) => {
+			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
+		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
+	};
+}
+var offset = offset$1, shift = shift$1, flip = flip$1, size = size$1, hide = hide$1, arrow = arrow$1, limitShift = limitShift$1, computePosition = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return computePosition$1(e, t, {
+		...i,
+		platform: a
+	});
+};
+function createDOMRect(e = 0, t = 0, n = 0, r = 0) {
+	if (typeof DOMRect == "function") return new DOMRect(e, t, n, r);
+	let i = {
+		x: e,
+		y: t,
+		width: n,
+		height: r,
+		top: t,
+		right: e + n,
+		bottom: t + r,
+		left: e
+	};
+	return {
+		...i,
+		toJSON: () => i
+	};
+}
+function getDOMRect(e) {
+	if (!e) return createDOMRect();
+	let { x: t, y: n, width: r, height: i } = e;
+	return createDOMRect(t, n, r, i);
+}
+function getAnchorElement(e, t) {
+	return {
+		contextElement: isHTMLElement(e) ? e : void 0,
+		getBoundingClientRect: () => {
+			let n = e, r = t?.(n);
+			return r || !n ? getDOMRect(r) : n.getBoundingClientRect();
+		}
+	};
+}
+var toVar = (e) => ({
+	variable: e,
+	reference: `var(${e})`
+}), cssVars = {
+	arrowSize: toVar("--arrow-size"),
+	arrowSizeHalf: toVar("--arrow-size-half"),
+	arrowBg: toVar("--arrow-background"),
+	transformOrigin: toVar("--transform-origin"),
+	arrowOffset: toVar("--arrow-offset")
+};
+function getTransformOrigin(e) {
+	return {
+		top: "bottom center",
+		"top-start": e ? `${e.x}px bottom` : "left bottom",
+		"top-end": e ? `${e.x}px bottom` : "right bottom",
+		bottom: "top center",
+		"bottom-start": e ? `${e.x}px top` : "top left",
+		"bottom-end": e ? `${e.x}px top` : "top right",
+		left: "right center",
+		"left-start": e ? `right ${e.y}px` : "right top",
+		"left-end": e ? `right ${e.y}px` : "right bottom",
+		right: "left center",
+		"right-start": e ? `left ${e.y}px` : "left top",
+		"right-end": e ? `left ${e.y}px` : "left bottom"
+	};
+}
+var transformOriginMiddleware = {
+	name: "transformOrigin",
+	fn({ placement: e, elements: t, middlewareData: n }) {
+		let { arrow: r } = n, i = getTransformOrigin(r)[e], { floating: a } = t;
+		return a.style.setProperty(cssVars.transformOrigin.variable, i), { data: { transformOrigin: i } };
+	}
+}, rectMiddleware = {
+	name: "rects",
+	fn({ rects: e }) {
+		return { data: e };
+	}
+};
+function shiftArrowMiddleware(e) {
+	if (e) return {
+		name: "shiftArrow",
+		fn({ placement: t, middlewareData: n }) {
+			if (!n.arrow) return {};
+			let { x: r, y: i } = n.arrow, a = t.split("-")[0];
+			return Object.assign(e.style, {
+				left: r == null ? "" : `${r}px`,
+				top: i == null ? "" : `${i}px`,
+				[a]: `calc(100% + ${cssVars.arrowOffset.reference})`
+			}), {};
+		}
+	};
+}
+function getPlacementDetails(e) {
+	let [t, n] = e.split("-");
+	return {
+		side: t,
+		align: n,
+		hasAlign: n != null
+	};
+}
+var defaultOptions = {
+	strategy: "absolute",
+	placement: "bottom",
+	listeners: !0,
+	gutter: 8,
+	flip: !0,
+	slide: !0,
+	overlap: !1,
+	sameWidth: !1,
+	fitViewport: !1,
+	overflowPadding: 8,
+	arrowPadding: 4
+};
+function roundByDpr(e, t) {
+	let n = e.devicePixelRatio || 1;
+	return Math.round(t * n) / n;
+}
+function getBoundaryMiddleware(e) {
+	return runIfFn(e.boundary);
+}
+function getArrowMiddleware(e, t) {
+	if (e) return arrow({
+		element: e,
+		padding: t.arrowPadding
+	});
+}
+function getOffsetMiddleware(e, t) {
+	if (!isNull(t.offset ?? t.gutter)) return offset(({ placement: n }) => {
+		let r = (e?.clientHeight || 0) / 2, i = t.offset?.mainAxis ?? t.gutter, a = typeof i == "number" ? i + r : i ?? r, { hasAlign: o } = getPlacementDetails(n), s = o ? void 0 : t.shift;
+		return compact({
+			crossAxis: t.offset?.crossAxis ?? s,
+			mainAxis: a,
+			alignmentAxis: t.shift
+		});
+	});
+}
+function getFlipMiddleware(e) {
+	if (e.flip) return flip({
+		boundary: getBoundaryMiddleware(e),
+		padding: e.overflowPadding,
+		fallbackPlacements: e.flip === !0 ? void 0 : e.flip
+	});
+}
+function getShiftMiddleware(e) {
+	if (!(!e.slide && !e.overlap)) return shift({
+		boundary: getBoundaryMiddleware(e),
+		mainAxis: e.slide,
+		crossAxis: e.overlap,
+		padding: e.overflowPadding,
+		limiter: limitShift()
+	});
+}
+function getSizeMiddleware(e) {
+	return size({
+		padding: e.overflowPadding,
+		apply({ elements: e, rects: t, availableHeight: n, availableWidth: r }) {
+			let i = e.floating, a = Math.round(t.reference.width);
+			r = Math.floor(r), n = Math.floor(n), i.style.setProperty("--reference-width", `${a}px`), i.style.setProperty("--available-width", `${r}px`), i.style.setProperty("--available-height", `${n}px`);
+		}
+	});
+}
+function hideWhenDetachedMiddleware(e) {
+	if (e.hideWhenDetached) return hide({
+		strategy: "referenceHidden",
+		boundary: e.boundary?.() ?? "clippingAncestors"
+	});
+}
+function getAutoUpdateOptions(e) {
+	return e ? e === !0 ? {
+		ancestorResize: !0,
+		ancestorScroll: !0,
+		elementResize: !0,
+		layoutShift: !0
+	} : e : {};
+}
+function getPlacementImpl(e, t, n = {}) {
+	let r = getAnchorElement(e, n.getAnchorRect);
+	if (!t || !r) return;
+	let i = Object.assign({}, defaultOptions, n), a = t.querySelector("[data-part=arrow]"), o = [
+		getOffsetMiddleware(a, i),
+		getFlipMiddleware(i),
+		getShiftMiddleware(i),
+		getArrowMiddleware(a, i),
+		shiftArrowMiddleware(a),
+		transformOriginMiddleware,
+		getSizeMiddleware(i),
+		hideWhenDetachedMiddleware(i),
+		rectMiddleware
+	], { placement: s, strategy: c, onComplete: l, onPositioned: u } = i, d = async () => {
+		if (!r || !t) return;
+		let e = await computePosition(r, t, {
+			placement: s,
+			middleware: o,
+			strategy: c
+		});
+		l?.(e), u?.({ placed: !0 });
+		let n = getWindow(t), a = roundByDpr(n, e.x), d = roundByDpr(n, e.y);
+		t.style.setProperty("--x", `${a}px`), t.style.setProperty("--y", `${d}px`), i.hideWhenDetached && (e.middlewareData.hide?.referenceHidden ? (t.style.setProperty("visibility", "hidden"), t.style.setProperty("pointer-events", "none")) : (t.style.removeProperty("visibility"), t.style.removeProperty("pointer-events")));
+		let f = t.firstElementChild;
+		if (f) {
+			let e = getComputedStyle$1(f);
+			t.style.setProperty("--z-index", e.zIndex);
+		}
+	}, f = async () => {
+		n.updatePosition ? (await n.updatePosition({ updatePosition: d }), u?.({ placed: !0 })) : await d();
+	}, p = getAutoUpdateOptions(i.listeners), m = i.listeners ? autoUpdate(r, t, f, p) : noop;
+	return f(), () => {
+		m?.(), u?.({ placed: !1 });
+	};
+}
+function getPlacement(e, t, n = {}) {
+	let { defer: r, ...i } = n, a = r ? raf$2 : (e) => e(), o = [];
+	return o.push(a(() => {
+		let n = typeof e == "function" ? e() : e, r = typeof t == "function" ? t() : t;
+		o.push(getPlacementImpl(n, r, i));
+	})), () => {
+		o.forEach((e) => e?.());
+	};
+}
+var ARROW_FLOATING_STYLE = {
+	bottom: "rotate(45deg)",
+	left: "rotate(135deg)",
+	top: "rotate(225deg)",
+	right: "rotate(315deg)"
+};
+function getPlacementStyles(e = {}) {
+	let { placement: t, sameWidth: n, fitViewport: r, strategy: i = "absolute" } = e;
+	return {
+		arrow: {
+			position: "absolute",
+			width: cssVars.arrowSize.reference,
+			height: cssVars.arrowSize.reference,
+			[cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
+			[cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
+		},
+		arrowTip: {
+			transform: t ? ARROW_FLOATING_STYLE[t.split("-")[0]] : void 0,
+			background: cssVars.arrowBg.reference,
+			top: "0",
+			left: "0",
+			width: "100%",
+			height: "100%",
+			position: "absolute",
+			zIndex: "inherit"
+		},
+		floating: {
+			position: i,
+			isolation: "isolate",
+			minWidth: n ? void 0 : "max-content",
+			width: n ? "var(--reference-width)" : void 0,
+			maxWidth: r ? "var(--available-width)" : void 0,
+			maxHeight: r ? "var(--available-height)" : void 0,
+			top: "0px",
+			left: "0px",
+			transform: t ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
+			zIndex: "var(--z-index)"
+		}
+	};
+}
+var counterMap = /* @__PURE__ */ new WeakMap(), uncontrolledNodes = /* @__PURE__ */ new WeakMap(), markerMap = {}, lockCount = 0;
+function unwrapHost(e) {
+	return e && (e.host || unwrapHost(e.parentNode));
+}
+function correctTargets(e, t) {
+	return t.map((t) => {
+		if (e.contains(t)) return t;
+		let n = unwrapHost(t);
+		return n && e.contains(n) ? n : (console.error("[@destyler/aria-hidden] target", t, "in not contained inside", e, ". Doing nothing"), null);
+	}).filter((e) => !!e);
+}
+function isIgnoredNode(e) {
+	return e.localName === "next-route-announcer" || e.localName === "script" || e.hasAttribute("aria-live") ? !0 : e.matches("[data-live-announcer]");
+}
+function walkTreeOutside(e, t) {
+	let { parentNode: n, markerName: r, controlAttribute: i, explicitBooleanValue: a } = t, o = correctTargets(n, Array.isArray(e) ? e : [e]);
+	markerMap[r] ||= /* @__PURE__ */ new WeakMap();
+	let s = markerMap[r], c = [], l = /* @__PURE__ */ new Set(), u = new Set(o), d = (e) => {
+		!e || l.has(e) || (l.add(e), d(e.parentNode));
+	};
+	o.forEach(d);
+	let f = (e) => {
+		!e || u.has(e) || Array.prototype.forEach.call(e.children, (e) => {
+			if (l.has(e)) f(e);
+			else try {
+				if (isIgnoredNode(e)) return;
+				let t = e.getAttribute(i), n = a ? t === "true" : t !== null && t !== "false", o = (counterMap.get(e) || 0) + 1, l = (s.get(e) || 0) + 1;
+				counterMap.set(e, o), s.set(e, l), c.push(e), o === 1 && n && uncontrolledNodes.set(e, !0), l === 1 && e.setAttribute(r, ""), n || e.setAttribute(i, a ? "true" : "");
+			} catch (t) {
+				console.error("[@destyler/aria-hidden] cannot operate on ", e, t);
+			}
+		});
+	};
+	return f(n), l.clear(), lockCount++, () => {
+		c.forEach((e) => {
+			let t = counterMap.get(e) - 1, n = s.get(e) - 1;
+			counterMap.set(e, t), s.set(e, n), t || (uncontrolledNodes.has(e) || e.removeAttribute(i), uncontrolledNodes.delete(e)), n || e.removeAttribute(r);
+		}), lockCount--, lockCount || (counterMap = /* @__PURE__ */ new WeakMap(), counterMap = /* @__PURE__ */ new WeakMap(), uncontrolledNodes = /* @__PURE__ */ new WeakMap(), markerMap = {});
+	};
+}
+function getParentNode(e) {
+	return (Array.isArray(e) ? e[0] : e).ownerDocument.body;
+}
+function hideOthers(e, t = getParentNode(e), n = "data-aria-hidden") {
+	if (t) return walkTreeOutside(e, {
+		parentNode: t,
+		markerName: n,
+		controlAttribute: "aria-hidden",
+		explicitBooleanValue: !0
+	});
+}
+function raf(e) {
+	let t = requestAnimationFrame(() => e());
+	return () => cancelAnimationFrame(t);
+}
+function ariaHidden(e, t = {}) {
+	let { defer: n = !0 } = t, r = n ? raf : (e) => e(), i = [];
+	return i.push(r(() => {
+		let t = (typeof e == "function" ? e() : e).filter(Boolean);
+		t.length !== 0 && i.push(hideOthers(t));
+	})), () => {
+		i.forEach((e) => e?.());
+	};
+}
+function getWindowFrames(e) {
+	let t = {
+		each(t) {
+			for (let n = 0; n < e.frames?.length; n += 1) {
+				let r = e.frames[n];
+				r && t(r);
+			}
+		},
+		addEventListener(e, n, r) {
+			return t.each((t) => {
+				try {
+					t.document.addEventListener(e, n, r);
+				} catch {}
+			}), () => {
+				try {
+					t.removeEventListener(e, n, r);
+				} catch {}
+			};
+		},
+		removeEventListener(e, n, r) {
+			t.each((t) => {
+				try {
+					t.document.removeEventListener(e, n, r);
+				} catch {}
+			});
+		}
+	};
+	return t;
+}
+function getParentWindow(e) {
+	let t = e.frameElement == null ? null : e.parent;
+	return {
+		addEventListener: (e, n, r) => {
+			try {
+				t?.addEventListener(e, n, r);
+			} catch {}
+			return () => {
+				try {
+					t?.removeEventListener(e, n, r);
+				} catch {}
+			};
+		},
+		removeEventListener: (e, n, r) => {
+			try {
+				t?.removeEventListener(e, n, r);
+			} catch {}
+		}
+	};
+}
+var POINTER_OUTSIDE_EVENT = "pointerdown.outside", FOCUS_OUTSIDE_EVENT = "focus.outside";
+function isComposedPathFocusable(e) {
+	for (let t of e) if (isHTMLElement(t) && isFocusable(t)) return !0;
+	return !1;
+}
+var isPointerEvent = (e) => "clientY" in e;
+function isEventPointWithin(e, t) {
+	if (!isPointerEvent(t) || !e) return !1;
+	let n = e.getBoundingClientRect();
+	return n.width === 0 || n.height === 0 ? !1 : n.top <= t.clientY && t.clientY <= n.top + n.height && n.left <= t.clientX && t.clientX <= n.left + n.width;
+}
+function isPointInRect(e, t) {
+	return e.y <= t.y && t.y <= e.y + e.height && e.x <= t.x && t.x <= e.x + e.width;
+}
+function isEventWithinScrollbar(e, t) {
+	if (!t || !isPointerEvent(e)) return !1;
+	let n = t.scrollHeight > t.clientHeight, r = n && e.clientX > t.offsetLeft + t.clientWidth, i = t.scrollWidth > t.clientWidth, a = i && e.clientY > t.offsetTop + t.clientHeight;
+	return isPointInRect({
+		x: t.offsetLeft,
+		y: t.offsetTop,
+		width: t.clientWidth + (n ? 16 : 0),
+		height: t.clientHeight + (i ? 16 : 0)
+	}, {
+		x: e.clientX,
+		y: e.clientY
+	}) ? r || a : !1;
+}
+function trackInteractOutsideImpl(e, t) {
+	let { exclude: n, onFocusOutside: r, onPointerDownOutside: i, onInteractOutside: a, defer: o } = t;
+	if (!e) return;
+	let s = getDocument(e), c = getWindow(e), l = getWindowFrames(c), u = getParentWindow(c);
+	function d(t) {
+		let r = getEventTarget(t);
+		if (!isHTMLElement(r) || !r.isConnected || contains(e, r) || isEventPointWithin(e, t)) return !1;
+		let i = s.querySelector(`[aria-controls="${e.id}"]`);
+		return i && isEventWithinScrollbar(t, getNearestOverflowAncestor(i)) || isEventWithinScrollbar(t, getNearestOverflowAncestor(e)) ? !1 : !n?.(r);
+	}
+	let f = /* @__PURE__ */ new Set();
+	function p(t) {
+		function n() {
+			let n = o ? raf$2 : (e) => e(), r = t.composedPath?.() ?? [t.target];
+			n(() => {
+				if (!(!e || !d(t))) {
+					if (i || a) {
+						let t = callAll(i, a);
+						e.addEventListener(POINTER_OUTSIDE_EVENT, t, { once: !0 });
+					}
+					fireCustomEvent(e, POINTER_OUTSIDE_EVENT, {
+						bubbles: !1,
+						cancelable: !0,
+						detail: {
+							originalEvent: t,
+							contextmenu: isContextMenuEvent(t),
+							focusable: isComposedPathFocusable(r)
+						}
+					});
+				}
+			});
+		}
+		t.pointerType === "touch" ? (f.forEach((e) => e()), f.add(addDomEvent(s, "click", n, { once: !0 })), f.add(u.addEventListener("click", n, { once: !0 })), f.add(l.addEventListener("click", n, { once: !0 }))) : n();
+	}
+	let m = /* @__PURE__ */ new Set(), h = setTimeout(() => {
+		m.add(addDomEvent(s, "pointerdown", p, !0)), m.add(u.addEventListener("pointerdown", p, !0)), m.add(l.addEventListener("pointerdown", p, !0));
+	}, 0);
+	function g(t) {
+		(o ? raf$2 : (e) => e())(() => {
+			if (!(!e || !d(t))) {
+				if (r || a) {
+					let t = callAll(r, a);
+					e.addEventListener(FOCUS_OUTSIDE_EVENT, t, { once: !0 });
+				}
+				fireCustomEvent(e, FOCUS_OUTSIDE_EVENT, {
+					bubbles: !1,
+					cancelable: !0,
+					detail: {
+						originalEvent: t,
+						contextmenu: !1,
+						focusable: isFocusable(getEventTarget(t))
+					}
+				});
+			}
+		});
+	}
+	return m.add(addDomEvent(s, "focusin", g, !0)), m.add(u.addEventListener("focusin", g, !0)), m.add(l.addEventListener("focusin", g, !0)), () => {
+		clearTimeout(h), f.forEach((e) => e()), m.forEach((e) => e());
+	};
+}
+function trackInteractOutside(e, t) {
+	let { defer: n } = t, r = n ? raf$2 : (e) => e(), i = [];
+	return i.push(r(() => {
+		let n = typeof e == "function" ? e() : e;
+		i.push(trackInteractOutsideImpl(n, t));
+	})), () => {
+		i.forEach((e) => e?.());
+	};
+}
+function fireCustomEvent(e, t, n) {
+	let r = new (e.ownerDocument.defaultView || window).CustomEvent(t, n);
+	return e.dispatchEvent(r);
+}
+function trackEscapeKeydown(e, t) {
+	return addDomEvent(getDocument(e), "keydown", (e) => {
+		e.key === "Escape" && (e.isComposing || t?.(e));
+	}, { capture: !0 });
+}
+var layerStack = {
+	layers: [],
+	branches: [],
+	count() {
+		return this.layers.length;
+	},
+	pointerBlockingLayers() {
+		return this.layers.filter((e) => e.pointerBlocking);
+	},
+	topMostPointerBlockingLayer() {
+		return [...this.pointerBlockingLayers()].slice(-1)[0];
+	},
+	hasPointerBlockingLayer() {
+		return this.pointerBlockingLayers().length > 0;
+	},
+	isBelowPointerBlockingLayer(e) {
+		return this.indexOf(e) < (this.topMostPointerBlockingLayer() ? this.indexOf(this.topMostPointerBlockingLayer()?.node) : -1);
+	},
+	isTopMost(e) {
+		return this.layers[this.count() - 1]?.node === e;
+	},
+	getNestedLayers(e) {
+		return Array.from(this.layers).slice(this.indexOf(e) + 1);
+	},
+	isInNestedLayer(e, t) {
+		return this.getNestedLayers(e).some((e) => contains(e.node, t));
+	},
+	isInBranch(e) {
+		return Array.from(this.branches).some((t) => contains(t, e));
+	},
+	add(e) {
+		let t = this.layers.push(e);
+		e.node.style.setProperty("--layer-index", `${t}`);
+	},
+	addBranch(e) {
+		this.branches.push(e);
+	},
+	remove(e) {
+		let t = this.indexOf(e);
+		t < 0 || (t < this.count() - 1 && this.getNestedLayers(e).forEach((e) => e.dismiss()), this.layers.splice(t, 1), e.style.removeProperty("--layer-index"));
+	},
+	removeBranch(e) {
+		let t = this.branches.indexOf(e);
+		t >= 0 && this.branches.splice(t, 1);
+	},
+	indexOf(e) {
+		return this.layers.findIndex((t) => t.node === e);
+	},
+	dismiss(e) {
+		this.layers[this.indexOf(e)]?.dismiss();
+	},
+	clear() {
+		this.remove(this.layers[0].node);
+	}
+}, originalBodyPointerEvents;
+function assignPointerEventToLayers() {
+	layerStack.layers.forEach(({ node: e }) => {
+		e.style.pointerEvents = layerStack.isBelowPointerBlockingLayer(e) ? "none" : "auto";
+	});
+}
+function clearPointerEvent(e) {
+	e.style.pointerEvents = "";
+}
+function disablePointerEventsOutside(e, t) {
+	let n = getDocument(e), r = [];
+	if (layerStack.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (originalBodyPointerEvents = document.body.style.pointerEvents, queueMicrotask(() => {
+		n.body.style.pointerEvents = "none", n.body.setAttribute("data-inert", "");
+	})), t) {
+		let e = waitForElements(t, (e) => {
+			r.push(setStyle(e, { pointerEvents: "auto" }));
+		});
+		r.push(e);
+	}
+	return () => {
+		layerStack.hasPointerBlockingLayer() || (queueMicrotask(() => {
+			n.body.style.pointerEvents = originalBodyPointerEvents, n.body.removeAttribute("data-inert"), n.body.style.length === 0 && n.body.removeAttribute("style");
+		}), r.forEach((e) => e()));
+	};
+}
+function trackDismissableElementImpl(e, t) {
+	if (!e) throw Error("[@destyler/dismissable] node is `null` or `undefined`");
+	let { onDismiss: n, pointerBlocking: r, exclude: i, debug: a } = t, o = {
+		dismiss: n,
+		node: e,
+		pointerBlocking: r
+	};
+	layerStack.add(o), assignPointerEventToLayers();
+	function s(r) {
+		let i = getEventTarget(r.detail.originalEvent);
+		layerStack.isBelowPointerBlockingLayer(e) || layerStack.isInBranch(i) || (t.onPointerDownOutside?.(r), t.onInteractOutside?.(r), !r.defaultPrevented && (a && console.log("onPointerDownOutside:", r.detail.originalEvent), n?.()));
+	}
+	function c(e) {
+		let r = getEventTarget(e.detail.originalEvent);
+		layerStack.isInBranch(r) || (t.onFocusOutside?.(e), t.onInteractOutside?.(e), !e.defaultPrevented && (a && console.log("onFocusOutside:", e.detail.originalEvent), n?.()));
+	}
+	function l(r) {
+		layerStack.isTopMost(e) && (t.onEscapeKeyDown?.(r), !r.defaultPrevented && n && (r.preventDefault(), n()));
+	}
+	function u(n) {
+		if (!e) return !1;
+		let r = typeof i == "function" ? i() : i, a = Array.isArray(r) ? r : [r], o = t.persistentElements?.map((e) => e()).filter(isHTMLElement);
+		return o && a.push(...o), a.some((e) => contains(e, n)) || layerStack.isInNestedLayer(e, n);
+	}
+	let d = [
+		r ? disablePointerEventsOutside(e, t.persistentElements) : void 0,
+		trackEscapeKeydown(e, l),
+		trackInteractOutside(e, {
+			exclude: u,
+			onFocusOutside: c,
+			onPointerDownOutside: s,
+			defer: t.defer
+		})
+	];
+	return () => {
+		layerStack.remove(e), assignPointerEventToLayers(), clearPointerEvent(e), d.forEach((e) => e?.());
+	};
+}
+function trackDismissableElement(e, t) {
+	let { defer: n } = t, r = n ? raf$2 : (e) => e(), i = [];
+	return i.push(r(() => {
+		let n = isFunction(e) ? e() : e;
+		i.push(trackDismissableElementImpl(n, t));
+	})), () => {
+		i.forEach((e) => e?.());
+	};
+}
+var isTabEvent = (e) => e.key === "Tab", valueOrHandler = (e, ...t) => typeof e == "function" ? e(...t) : e, isEscapeEvent = (e) => !e.isComposing && e.key === "Escape", delay = (e) => setTimeout(e, 0);
+function isSelectableInput(e) {
+	return e.localName === "input" && "select" in e && typeof e.select == "function";
+}
+var activeFocusTraps = {
+	activateTrap(e, t) {
+		if (e.length > 0) {
+			let n = e[e.length - 1];
+			n !== t && n.pause();
+		}
+		let n = e.indexOf(t);
+		n === -1 || e.splice(n, 1), e.push(t);
+	},
+	deactivateTrap(e, t) {
+		let n = e.indexOf(t);
+		n !== -1 && e.splice(n, 1), e.length > 0 && e[e.length - 1].unpause();
+	}
+}, sharedTrapStack = [], FocusTrap = class {
+	get active() {
+		return this.state.active;
+	}
+	get paused() {
+		return this.state.paused;
+	}
+	constructor(e, t) {
+		this.state = {
+			containers: [],
+			containerGroups: [],
+			tabbableGroups: [],
+			nodeFocusedBeforeActivation: null,
+			mostRecentlyFocusedNode: null,
+			active: !1,
+			paused: !1,
+			delayInitialFocusTimer: void 0,
+			recentNavEvent: void 0
+		}, this.listenerCleanups = [], this.handleFocus = (e) => {
+			let t = getEventTarget(e), n = this.findContainerIndex(t, e) >= 0;
+			if (n || isDocument(t)) n && (this.state.mostRecentlyFocusedNode = t);
+			else {
+				e.stopImmediatePropagation();
+				let t, n = !0;
+				if (this.state.mostRecentlyFocusedNode) if (getTabIndex(this.state.mostRecentlyFocusedNode) > 0) {
+					let e = this.findContainerIndex(this.state.mostRecentlyFocusedNode), { tabbableNodes: r } = this.state.containerGroups[e];
+					if (r.length > 0) {
+						let e = r.findIndex((e) => e === this.state.mostRecentlyFocusedNode);
+						e >= 0 && (this.config.isKeyForward(this.state.recentNavEvent) ? e + 1 < r.length && (t = r[e + 1], n = !1) : e - 1 >= 0 && (t = r[e - 1], n = !1));
+					}
+				} else this.state.containerGroups.some((e) => e.tabbableNodes.some((e) => getTabIndex(e) > 0)) || (n = !1);
+				else n = !1;
+				n && (t = this.findNextNavNode({
+					target: this.state.mostRecentlyFocusedNode,
+					isBackward: this.config.isKeyBackward(this.state.recentNavEvent)
+				})), t ? this.tryFocus(t) : this.tryFocus(this.state.mostRecentlyFocusedNode || this.getInitialFocusNode());
+			}
+			this.state.recentNavEvent = void 0;
+		}, this.handlePointerDown = (e) => {
+			let t = getEventTarget(e);
+			if (!(this.findContainerIndex(t, e) >= 0)) {
+				if (valueOrHandler(this.config.clickOutsideDeactivates, e)) {
+					this.deactivate({ returnFocus: this.config.returnFocusOnDeactivate });
+					return;
+				}
+				valueOrHandler(this.config.allowOutsideClick, e) || e.preventDefault();
+			}
+		}, this.handleClick = (e) => {
+			let t = getEventTarget(e);
+			this.findContainerIndex(t, e) >= 0 || valueOrHandler(this.config.clickOutsideDeactivates, e) || valueOrHandler(this.config.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
+		}, this.handleTabKey = (e) => {
+			if (this.config.isKeyForward(e) || this.config.isKeyBackward(e)) {
+				this.state.recentNavEvent = e;
+				let t = this.config.isKeyBackward(e), n = this.findNextNavNode({
+					event: e,
+					isBackward: t
+				});
+				if (!n) return;
+				isTabEvent(e) && e.preventDefault(), this.tryFocus(n);
+			}
+		}, this.handleEscapeKey = (e) => {
+			isEscapeEvent(e) && valueOrHandler(this.config.escapeDeactivates, e) !== !1 && (e.preventDefault(), this.deactivate());
+		}, this.setupMutationObserver = () => {
+			this._mutationObserver = new (this.doc.defaultView || window).MutationObserver((e) => {
+				e.some((e) => Array.from(e.removedNodes).includes(this.state.mostRecentlyFocusedNode)) && this.tryFocus(this.getInitialFocusNode());
+			});
+		}, this.updateObservedNodes = () => {
+			this._mutationObserver?.disconnect(), this.state.active && !this.state.paused && this.state.containers.forEach((e) => {
+				this._mutationObserver?.observe(e, {
+					subtree: !0,
+					childList: !0
+				});
+			});
+		}, this.getInitialFocusNode = () => {
+			let e = this.getNodeForOption("initialFocus", { hasFallback: !0 });
+			if (e === !1) return !1;
+			if (e === void 0 || e && !isFocusable(e)) if (this.findContainerIndex(this.doc.activeElement) >= 0) e = this.doc.activeElement;
+			else {
+				let t = this.state.tabbableGroups[0];
+				e = t && t.firstTabbableNode || this.getNodeForOption("fallbackFocus");
+			}
+			else e === null && (e = this.getNodeForOption("fallbackFocus"));
+			if (!e) throw Error("Your focus-trap needs to have at least one focusable element");
+			return e.isConnected || (e = this.getNodeForOption("fallbackFocus")), e;
+		}, this.tryFocus = (e) => {
+			if (e !== !1 && e !== getActiveElement(this.doc)) {
+				if (!e || !e.focus) {
+					this.tryFocus(this.getInitialFocusNode());
+					return;
+				}
+				e.focus({ preventScroll: !!this.config.preventScroll }), this.state.mostRecentlyFocusedNode = e, isSelectableInput(e) && e.select();
+			}
+		}, this.deactivate = (e) => {
+			if (!this.state.active) return this;
+			let t = {
+				onDeactivate: this.config.onDeactivate,
+				onPostDeactivate: this.config.onPostDeactivate,
+				checkCanReturnFocus: this.config.checkCanReturnFocus,
+				...e
+			};
+			clearTimeout(this.state.delayInitialFocusTimer), this.state.delayInitialFocusTimer = void 0, this.removeListeners(), this.state.active = !1, this.state.paused = !1, this.updateObservedNodes(), activeFocusTraps.deactivateTrap(this.trapStack, this);
+			let n = this.getOption(t, "onDeactivate"), r = this.getOption(t, "onPostDeactivate"), i = this.getOption(t, "checkCanReturnFocus"), a = this.getOption(t, "returnFocus", "returnFocusOnDeactivate");
+			n?.();
+			let o = () => {
+				delay(() => {
+					if (a) {
+						let e = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
+						this.tryFocus(e);
+					}
+					r?.();
+				});
+			};
+			return a && i ? (i(this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation)).then(o, o), this) : (o(), this);
+		}, this.pause = (e) => {
+			if (this.state.paused || !this.state.active) return this;
+			let t = this.getOption(e, "onPause"), n = this.getOption(e, "onPostPause");
+			return this.state.paused = !0, t?.(), this.removeListeners(), this.updateObservedNodes(), n?.(), this;
+		}, this.unpause = (e) => {
+			if (!this.state.paused || !this.state.active) return this;
+			let t = this.getOption(e, "onUnpause"), n = this.getOption(e, "onPostUnpause");
+			return this.state.paused = !1, t?.(), this.updateTabbableNodes(), this.addListeners(), this.updateObservedNodes(), n?.(), this;
+		}, this.updateContainerElements = (e) => (this.state.containers = Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean), this.state.active && this.updateTabbableNodes(), this.updateObservedNodes(), this), this.getReturnFocusNode = (e) => {
+			let t = this.getNodeForOption("setReturnFocus", { params: [e] });
+			return t || (t === !1 ? !1 : e);
+		}, this.getOption = (e, t, n) => e && e[t] !== void 0 ? e[t] : this.config[n || t], this.getNodeForOption = (e, { hasFallback: t = !1, params: n = [] } = {}) => {
+			let r = this.config[e];
+			if (typeof r == "function" && (r = r(...n)), r === !0 && (r = void 0), !r) {
+				if (r === void 0 || r === !1) return r;
+				throw Error(`\`${e}\` was specified but was not a node, or did not return a node`);
+			}
+			let i = r;
+			if (typeof r == "string") {
+				try {
+					i = this.doc.querySelector(r);
+				} catch (t) {
+					throw Error(`\`${e}\` appears to be an invalid selector; error="${t.message}"`);
+				}
+				if (!i && !t) throw Error(`\`${e}\` as selector refers to no known node`);
+			}
+			return i;
+		}, this.findNextNavNode = (e) => {
+			let { event: t, isBackward: n = !1 } = e, r = e.target || getEventTarget(t);
+			this.updateTabbableNodes();
+			let i = null;
+			if (this.state.tabbableGroups.length > 0) {
+				let e = this.findContainerIndex(r, t), a = e >= 0 ? this.state.containerGroups[e] : void 0;
+				if (e < 0) i = n ? this.state.tabbableGroups[this.state.tabbableGroups.length - 1].lastTabbableNode : this.state.tabbableGroups[0].firstTabbableNode;
+				else if (n) {
+					let n = this.state.tabbableGroups.findIndex(({ firstTabbableNode: e }) => r === e);
+					if (n < 0 && (a?.container === r || isFocusable(r) && !isTabbable(r) && !a?.nextTabbableNode(r, !1)) && (n = e), n >= 0) {
+						let e = n === 0 ? this.state.tabbableGroups.length - 1 : n - 1, t = this.state.tabbableGroups[e];
+						i = getTabIndex(r) >= 0 ? t.lastTabbableNode : t.lastDomTabbableNode;
+					} else isTabEvent(t) || (i = a?.nextTabbableNode(r, !1));
+				} else {
+					let n = this.state.tabbableGroups.findIndex(({ lastTabbableNode: e }) => r === e);
+					if (n < 0 && (a?.container === r || isFocusable(r) && !isTabbable(r) && !a?.nextTabbableNode(r)) && (n = e), n >= 0) {
+						let e = n === this.state.tabbableGroups.length - 1 ? 0 : n + 1, t = this.state.tabbableGroups[e];
+						i = getTabIndex(r) >= 0 ? t.firstTabbableNode : t.firstDomTabbableNode;
+					} else isTabEvent(t) || (i = a?.nextTabbableNode(r));
+				}
+			} else i = this.getNodeForOption("fallbackFocus");
+			return i;
+		}, this.trapStack = t.trapStack || sharedTrapStack;
+		let n = {
+			returnFocusOnDeactivate: !0,
+			escapeDeactivates: !0,
+			delayInitialFocus: !0,
+			isKeyForward(e) {
+				return isTabEvent(e) && !e.shiftKey;
+			},
+			isKeyBackward(e) {
+				return isTabEvent(e) && e.shiftKey;
+			},
+			...t
+		};
+		this.doc = n.document || getDocument(Array.isArray(e) ? e[0] : e), this.config = n, this.updateContainerElements(e), this.setupMutationObserver();
+	}
+	findContainerIndex(e, t) {
+		let n = typeof t?.composedPath == "function" ? t.composedPath() : void 0;
+		return this.state.containerGroups.findIndex(({ container: t, tabbableNodes: r }) => t.contains(e) || n?.includes(t) || r.find((t) => t === e));
+	}
+	updateTabbableNodes() {
+		if (this.state.containerGroups = this.state.containers.map((e) => {
+			let t = getTabbables(e), n = getFocusables(e), r = t.length > 0 ? t[0] : void 0, i = t.length > 0 ? t[t.length - 1] : void 0, a = n.find((e) => isTabbable(e)), o = n.slice().reverse().find((e) => isTabbable(e)), s = !!t.find((e) => getTabIndex(e) > 0);
+			function c(e, r = !0) {
+				let i = t.indexOf(e);
+				return i < 0 ? r ? n.slice(n.indexOf(e) + 1).find((e) => isTabbable(e)) : n.slice(0, n.indexOf(e)).reverse().find((e) => isTabbable(e)) : t[i + (r ? 1 : -1)];
+			}
+			return {
+				container: e,
+				tabbableNodes: t,
+				focusableNodes: n,
+				posTabIndexesFound: s,
+				firstTabbableNode: r,
+				lastTabbableNode: i,
+				firstDomTabbableNode: a,
+				lastDomTabbableNode: o,
+				nextTabbableNode: c
+			};
+		}), this.state.tabbableGroups = this.state.containerGroups.filter((e) => e.tabbableNodes.length > 0), this.state.tabbableGroups.length <= 0 && !this.getNodeForOption("fallbackFocus")) throw Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+		if (this.state.containerGroups.find((e) => e.posTabIndexesFound) && this.state.containerGroups.length > 1) throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+	}
+	addListeners() {
+		if (this.state.active) return activeFocusTraps.activateTrap(this.trapStack, this), this.state.delayInitialFocusTimer = this.config.delayInitialFocus ? delay(() => {
+			this.tryFocus(this.getInitialFocusNode());
+		}) : this.tryFocus(this.getInitialFocusNode()), this.listenerCleanups.push(addDomEvent(this.doc, "focusin", this.handleFocus, !0), addDomEvent(this.doc, "mousedown", this.handlePointerDown, {
+			capture: !0,
+			passive: !1
+		}), addDomEvent(this.doc, "touchstart", this.handlePointerDown, {
+			capture: !0,
+			passive: !1
+		}), addDomEvent(this.doc, "click", this.handleClick, {
+			capture: !0,
+			passive: !1
+		}), addDomEvent(this.doc, "keydown", this.handleTabKey, {
+			capture: !0,
+			passive: !1
+		}), addDomEvent(this.doc, "keydown", this.handleEscapeKey)), this;
+	}
+	removeListeners() {
+		if (this.state.active) return this.listenerCleanups.forEach((e) => e()), this.listenerCleanups = [], this;
+	}
+	activate(e) {
+		if (this.state.active) return this;
+		let t = this.getOption(e, "onActivate"), n = this.getOption(e, "onPostActivate"), r = this.getOption(e, "checkCanFocusTrap");
+		r || this.updateTabbableNodes(), this.state.active = !0, this.state.paused = !1, this.state.nodeFocusedBeforeActivation = this.doc.activeElement || null, t?.();
+		let i = () => {
+			r && this.updateTabbableNodes(), this.addListeners(), this.updateObservedNodes(), n?.();
+		};
+		return r ? (r(this.state.containers.concat()).then(i, i), this) : (i(), this);
+	}
+};
+function trapFocus(e, t = {}) {
+	let n, r = raf$2(() => {
+		let r = typeof e == "function" ? e() : e;
+		if (r) {
+			n = new FocusTrap(r, {
+				escapeDeactivates: !1,
+				allowOutsideClick: !0,
+				preventScroll: !0,
+				returnFocusOnDeactivate: !0,
+				delayInitialFocus: !1,
+				fallbackFocus: r,
+				...t,
+				document: getDocument(r)
+			});
+			try {
+				n.activate();
+			} catch {}
+		}
+	});
+	return function() {
+		n?.deactivate(), r();
+	};
+}
+var LOCK_CLASSNAME = "data-scroll-lock";
+function assignStyle(e, t) {
+	if (!e) return;
+	let n = Object.keys(t).reduce((t, n) => (t[n] = e.style.getPropertyValue(n), t), {});
+	return Object.assign(e.style, t), () => {
+		Object.assign(e.style, n);
+	};
+}
+function setCSSProperty(e, t, n) {
+	if (!e) return;
+	let r = e.style.getPropertyValue(t);
+	return e.style.setProperty(t, n), () => {
+		r ? e.style.setProperty(t, r) : e.style.removeProperty(t);
+	};
+}
+function getPaddingProperty(e) {
+	let t = e.getBoundingClientRect().left;
+	return Math.round(t) + e.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function preventBodyScroll(e) {
+	let t = e ?? document, n = t.defaultView ?? window, { documentElement: r, body: i } = t;
+	if (i.hasAttribute(LOCK_CLASSNAME)) return;
+	i.setAttribute(LOCK_CLASSNAME, "");
+	let a = n.innerWidth - r.clientWidth, o = () => setCSSProperty(r, "--scrollbar-width", `${a}px`), s = getPaddingProperty(r), c = [o(), isIos() ? (() => {
+		let { scrollX: e, scrollY: t, visualViewport: r } = n, o = r?.offsetLeft ?? 0, c = r?.offsetTop ?? 0, l = assignStyle(i, {
+			position: "fixed",
+			overflow: "hidden",
+			top: `${-(t - Math.floor(c))}px`,
+			left: `${-(e - Math.floor(o))}px`,
+			right: "0",
+			[s]: `${a}px`
+		});
+		return () => {
+			l?.(), n.scrollTo({
+				left: e,
+				top: t,
+				behavior: "instant"
+			});
+		};
+	})() : assignStyle(i, {
+		overflow: "hidden",
+		[s]: `${a}px`
+	})];
+	return () => {
+		c.forEach((e) => e?.()), i.removeAttribute(LOCK_CLASSNAME);
+	};
+}
+var GET_ORIGINAL_SYMBOL = Symbol(), getProto = Object.getPrototypeOf, objectsToTrack = /* @__PURE__ */ new WeakMap(), isObjectToTrack = (e) => e && (objectsToTrack.has(e) ? objectsToTrack.get(e) : getProto(e) === Object.prototype || getProto(e) === Array.prototype);
+const getUntracked = (e) => isObjectToTrack(e) && e[GET_ORIGINAL_SYMBOL] || null, markToTrack = (e, t = !0) => {
+	objectsToTrack.set(e, t);
+};
+function glob() {
+	if (typeof globalThis < "u" || typeof globalThis < "u") return globalThis;
+	if (typeof window < "u") return window;
+}
+function globalRef(e, t) {
+	let n = glob();
+	return n ? (n[e] ||= t(), n[e]) : t();
+}
+var refSet = globalRef("__destyler__refSet", () => /* @__PURE__ */ new WeakSet()), isReactElement = (e) => typeof e == "object" && !!e && "$$typeof" in e && "props" in e, isVueElement = (e) => typeof e == "object" && !!e && "__v_isVNode" in e;
+function isDOMElement(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && typeof e.nodeName == "string";
+}
+var isElement = (e) => isReactElement(e) || isVueElement(e) || isDOMElement(e), isObject = (e) => typeof e == "object" && !!e;
+function canProxy(e) {
+	return isObject(e) && !refSet.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !isElement(e) && !(e instanceof WeakMap) && !(e instanceof WeakSet) && !(e instanceof Error) && typeof e != "number" && !(e instanceof Date) && typeof e != "string" && !(e instanceof RegExp) && !(e instanceof ArrayBuffer) && !(e instanceof Promise);
+}
+function set(e, t, n) {
+	typeof n.value == "object" && !canProxy(n.value) && (n.value = clone(n.value)), !n.enumerable || n.get || n.set || !n.configurable || !n.writable || t === "__proto__" ? Object.defineProperty(e, t, n) : e[t] = n.value;
+}
+function clone(e) {
+	if (typeof e != "object") return e;
+	let t = 0, n, r, i, a = Object.prototype.toString.call(e);
+	if (a === "[object Object]" ? i = Object.create(Object.getPrototypeOf(e) || null) : a === "[object Array]" ? i = Array.from({ length: e.length }) : a === "[object Set]" ? (i = /* @__PURE__ */ new Set(), e.forEach((e) => {
+		i.add(clone(e));
+	})) : a === "[object Map]" ? (i = /* @__PURE__ */ new Map(), e.forEach((e, t) => {
+		i.set(clone(t), clone(e));
+	})) : a === "[object Date]" ? i = /* @__PURE__ */ new Date(+e) : a === "[object RegExp]" ? i = new RegExp(e.source, e.flags) : a === "[object DataView]" ? i = new e.constructor(clone(e.buffer)) : a === "[object ArrayBuffer]" ? i = e.slice(0) : a === "[object Blob]" ? i = e.slice() : a.slice(-6) === "Array]" && (i = new e.constructor(e)), i) {
+		for (r = Object.getOwnPropertySymbols(e); t < r.length; t++) set(i, r[t], Object.getOwnPropertyDescriptor(e, r[t]));
+		for (t = 0, r = Object.getOwnPropertyNames(e); t < r.length; t++) Object.hasOwnProperty.call(i, n = r[t]) && i[n] === e[n] || set(i, n, Object.getOwnPropertyDescriptor(e, n));
+	}
+	return i || e;
+}
+var proxyStateMap = globalRef("__destyler__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
+function buildProxyFunction(e = Object.is, t = (e, t) => new Proxy(e, t), n = /* @__PURE__ */ new WeakMap(), r = (e, t) => {
+	let r = n.get(e);
+	if (r?.[0] === t) return r[1];
+	let i = Array.isArray(e) ? [] : Object.create(Object.getPrototypeOf(e));
+	return markToTrack(i, !0), n.set(e, [t, i]), Reflect.ownKeys(e).forEach((t) => {
+		let n = Reflect.get(e, t);
+		refSet.has(n) ? (markToTrack(n, !1), i[t] = n) : proxyStateMap.has(n) ? i[t] = snapshot(n) : i[t] = n;
+	}), Object.freeze(i);
+}, i = /* @__PURE__ */ new WeakMap(), a = [1, 1], o = (n) => {
+	if (!isObject(n)) throw Error("object required");
+	let o = i.get(n);
+	if (o) return o;
+	let s = a[0], c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), u = (e, t = ++a[0]) => {
+		s !== t && (s = t, c.forEach((n) => n(e, t)));
+	}, d = a[1], f = (e = ++a[1]) => (d !== e && !c.size && (d = e, l.forEach(([t]) => {
+		let n = t[1](e);
+		n > s && (s = n);
+	})), s), p = (e) => (t, n) => {
+		let r = [...t];
+		r[1] = [e, ...r[1]], u(r, n);
+	}, m = (e, t) => {
+		if (c.size) {
+			let n = t[3](p(e));
+			l.set(e, [t, n]);
+		} else l.set(e, [t]);
+	}, h = (e) => {
+		let t = l.get(e);
+		t && (l.delete(e), t[1]?.());
+	}, g = (e) => (c.add(e), c.size === 1 && l.forEach(([e], t) => {
+		let n = e[3](p(t));
+		l.set(t, [e, n]);
+	}), () => {
+		c.delete(e), c.size === 0 && l.forEach(([e, t], n) => {
+			t && (t(), l.set(n, [e]));
+		});
+	}), _ = Array.isArray(n) ? [] : Object.create(Object.getPrototypeOf(n)), v = t(_, {
+		deleteProperty(e, t) {
+			let n = Reflect.get(e, t);
+			h(t);
+			let r = Reflect.deleteProperty(e, t);
+			return r && u([
+				"delete",
+				[t],
+				n
+			]), r;
+		},
+		set(t, n, r, a) {
+			let o = Reflect.has(t, n), s = Reflect.get(t, n, a);
+			if (o && (e(s, r) || i.has(r) && e(s, i.get(r)))) return !0;
+			h(n), isObject(r) && (r = getUntracked(r) || r);
+			let c = r;
+			if (!Object.getOwnPropertyDescriptor(t, n)?.set) {
+				!proxyStateMap.has(r) && canProxy(r) && (c = proxy(r));
+				let e = !refSet.has(c) && proxyStateMap.get(c);
+				e && m(n, e);
+			}
+			return Reflect.set(t, n, c, a), u([
+				"set",
+				[n],
+				r,
+				s
+			]), !0;
+		}
+	});
+	i.set(n, v);
+	let y = [
+		_,
+		f,
+		r,
+		g
+	];
+	return proxyStateMap.set(v, y), Reflect.ownKeys(n).forEach((e) => {
+		let t = Object.getOwnPropertyDescriptor(n, e);
+		t.get || t.set ? Object.defineProperty(_, e, t) : v[e] = n[e];
+	}), v;
+}) {
+	return [
+		o,
+		proxyStateMap,
+		refSet,
+		e,
+		t,
+		canProxy,
+		n,
+		r,
+		i,
+		a
+	];
+}
+var [proxyFunction] = buildProxyFunction();
+function proxy(e = {}) {
+	return proxyFunction(e);
+}
+function subscribe(e, t, n) {
+	let r = proxyStateMap.get(e), i, a = [], o = r[3], s = !1, c = o((e) => {
+		if (a.push(e), n) {
+			t(a.splice(0));
+			return;
+		}
+		i ||= Promise.resolve().then(() => {
+			i = void 0, s && t(a.splice(0));
+		});
+	});
+	return s = !0, () => {
+		s = !1, c();
+	};
+}
+function snapshot(e) {
+	let [t, n, r] = proxyStateMap.get(e);
+	return r(t, n());
+}
+function ref$1(e) {
+	return refSet.add(e), e;
+}
+function proxyWithComputed(e, t) {
+	let n = Object.keys(t);
+	n.forEach((t) => {
+		if (Object.getOwnPropertyDescriptor(e, t)) throw Error("object property already defined");
+	});
+	let r = proxy(e);
+	return n.forEach((e) => {
+		let n = t[e], { get: i, set: a } = typeof n == "function" ? { get: n } : n, o = {};
+		o.get = () => i(snapshot(r)), a && (o.set = (e) => a(r, e)), Object.defineProperty(r, e, o);
+	}), r;
+}
+function deepMerge(e, ...t) {
+	if (!isPlainObject(e)) throw TypeError("Source argument must be a plain object");
+	let n = e;
+	for (let e of t) {
+		if (!isPlainObject(e)) continue;
+		let t = compact(e);
+		for (let r in t) {
+			if (!Object.prototype.hasOwnProperty.call(t, r) || r === "__proto__" || r === "constructor" || r === "prototype") continue;
+			let i = n[r], a = e[r];
+			isPlainObject(a) ? n[r] = isPlainObject(i) ? deepMerge(i, a) : { ...a } : n[r] = a;
+		}
+	}
+	return n;
+}
+function toEvent(e) {
+	return isString(e) ? { type: e } : e;
+}
+function toArray(e) {
+	return e ? isArray(e) ? e.slice() : [e] : [];
+}
+function isGuardHelper(e) {
+	return isObject$1(e) && e.predicate != null;
+}
+var Truthy = () => !0;
+function determineGuardFn(e, t) {
+	return e ??= Truthy, (n, r, i) => {
+		if (isString(e)) {
+			let a = t[e];
+			return isFunction(a) ? a(n, r, i) : a;
+		}
+		return isGuardHelper(e) ? e.predicate(t)(n, r, i) : e?.(n, r, i);
+	};
+}
+function determineActionsFn(e, t) {
+	return (n, r, i) => isGuardHelper(e) ? e.predicate(t)(n, r, i) : e;
+}
+var MachineStatus = /* @__PURE__ */ function(e) {
+	return e.NotStarted = "Not Started", e.Running = "Running", e.Stopped = "Stopped", e;
+}({}), ActionTypes = /* @__PURE__ */ function(e) {
+	return e.Start = "machine.start", e.Stop = "machine.stop", e.Created = "machine.created", e.Init = "machine.init", e;
+}({}), MachineType = /* @__PURE__ */ function(e) {
+	return e.Machine = "machine", e.Actor = "machine.actor", e;
+}({});
+function createProxy(e) {
+	let t = e.computed ?? cast({}), n = e.context ?? cast({}), r = e.initial ? e.states?.[e.initial]?.tags : [];
+	return cast(proxy({
+		value: e.initial ?? "",
+		previousValue: "",
+		event: cast({}),
+		previousEvent: cast({}),
+		context: proxyWithComputed(n, t),
+		done: !1,
+		tags: r ?? [],
+		hasTag(e) {
+			return this.tags.includes(e);
+		},
+		matches(...e) {
+			return e.includes(this.value);
+		},
+		can(e) {
+			return cast(this).nextEvents.includes(e);
+		},
+		get nextEvents() {
+			let t = e.states?.[this.value]?.on ?? {}, n = e?.on ?? {};
+			return Object.keys({
+				...t,
+				...n
+			});
+		},
+		get changed() {
+			return this.event.value === ActionTypes.Init || !this.previousValue ? !1 : this.value !== this.previousValue;
+		}
+	}));
+}
+function determineDelayFn(e, t) {
+	return (n, r) => {
+		if (isNumber(e)) return e;
+		if (isFunction(e)) return e(n, r);
+		if (isString(e)) {
+			let i = Number.parseFloat(e);
+			if (!Number.isNaN(i)) return i;
+			if (t) {
+				let i = t?.[e];
+				if (i === null) throw Error(`[@destyler/xstate > determine-delay] Cannot determine delay for \`${e}\`. It is set to null in \`options.delays\``);
+				return isFunction(i) ? i(n, r) : i;
+			}
+		}
+	};
+}
+function toTarget(e) {
+	return isString(e) ? { target: e } : e;
+}
+function determineTransitionFn(e, t) {
+	return (n, r, i) => toArray(e).map(toTarget).find((e) => determineGuardFn(e.guard, t)(n, r, i) ?? e.target ?? e.actions);
+}
+var Machine = class {
+	constructor(e, t) {
+		this.status = MachineStatus.NotStarted, this.type = MachineType.Machine, this.activityEvents = /* @__PURE__ */ new Map(), this.delayedEvents = /* @__PURE__ */ new Map(), this.stateListeners = /* @__PURE__ */ new Set(), this.doneListeners = /* @__PURE__ */ new Set(), this.contextWatchers = /* @__PURE__ */ new Set(), this.removeStateListener = noop, this.children = /* @__PURE__ */ new Map(), this._created = () => {
+			if (!this.config.created) return;
+			let e = toEvent(ActionTypes.Created);
+			this.executeActions(this.config.created, e);
+		}, this.start = (e) => {
+			if (this.state.value = "", this.state.tags = [], this.status === MachineStatus.Running) return this;
+			this.status = MachineStatus.Running, this.removeStateListener = subscribe(this.state, () => {
+				this.stateListeners.forEach((e) => {
+					e(this.stateSnapshot);
+				});
+			}, this.sync), this.setupContextWatchers(), this.executeActivities(toEvent(ActionTypes.Start), toArray(this.config.activities), ActionTypes.Start), this.executeActions(this.config.entry, toEvent(ActionTypes.Start));
+			let t = toEvent(ActionTypes.Init), n = isObject$1(e) ? e.value : e, r = isObject$1(e) ? e.context : void 0;
+			r && this.setContext(r);
+			let i = { target: n ?? this.config.initial }, a = this.getNextStateInfo(i, t);
+			return this.initialState = a, this.performStateChangeEffects(this.state.value, a, t), this;
+		}, this.setupContextWatchers = () => {
+			let { watch: e } = this.config;
+			if (!e) return;
+			let t = snapshot(this.state.context), n = subscribe(this.state.context, () => {
+				let n = snapshot(this.state.context);
+				for (let [r, i] of Object.entries(e)) (this.options.compareFns?.[r] ?? Object.is)(t[r], n[r]) || this.executeActions(i, this.state.event);
+				t = n;
+			});
+			this.contextWatchers.add(n);
+		}, this.stop = () => {
+			if (this.status !== MachineStatus.Stopped) return this.performExitEffects(this.state.value, toEvent(ActionTypes.Stop)), this.executeActions(this.config.exit, toEvent(ActionTypes.Stop)), this.setState(""), this.setEvent(ActionTypes.Stop), this.stopStateListeners(), this.stopChildren(), this.stopActivities(), this.stopDelayedEvents(), this.stopContextWatchers(), this.status = MachineStatus.Stopped, this;
+		}, this.stopStateListeners = () => {
+			this.removeStateListener(), this.stateListeners.clear();
+		}, this.stopContextWatchers = () => {
+			this.contextWatchers.forEach((e) => e()), this.contextWatchers.clear();
+		}, this.stopDelayedEvents = () => {
+			this.delayedEvents.forEach((e) => {
+				e.forEach((e) => e());
+			}), this.delayedEvents.clear();
+		}, this.stopActivities = (e) => {
+			e ? (this.activityEvents.get(e)?.forEach((e) => e()), this.activityEvents.get(e)?.clear(), this.activityEvents.delete(e)) : (this.activityEvents.forEach((e) => {
+				e.forEach((e) => e()), e.clear();
+			}), this.activityEvents.clear());
+		}, this.sendChild = (e, t) => {
+			let n = toEvent(e), r = runIfFn(t, this.contextSnapshot), i = this.children.get(r);
+			if (!i) throw Error(`[@destyler/xstate] Cannot send '${n.type}' event to unknown child`);
+			i.send(n);
+		}, this.stopChild = (e) => {
+			if (!this.children.has(e)) throw Error(`[@destyler.xstate > stop-child] Cannot stop unknown child ${e}`);
+			this.children.get(e).stop(), this.children.delete(e);
+		}, this.removeChild = (e) => {
+			this.children.delete(e);
+		}, this.stopChildren = () => {
+			this.children.forEach((e) => e.stop()), this.children.clear();
+		}, this.setParent = (e) => {
+			this.parent = e;
+		}, this.spawn = (e, t) => {
+			let n = runIfFn(e);
+			return t && (n.id = t), n.type = MachineType.Actor, n.setParent(this), this.children.set(n.id, cast(n)), n.onDone(() => {
+				this.removeChild(n.id);
+			}).start(), cast(ref$1(n));
+		}, this.stopActivity = (e) => {
+			if (!this.state.value) return;
+			let t = this.activityEvents.get(this.state.value);
+			t?.get(e)?.(), t?.delete(e);
+		}, this.addActivityCleanup = (e, t, n) => {
+			e && (this.activityEvents.has(e) ? this.activityEvents.get(e)?.set(t, n) : this.activityEvents.set(e, new Map([[t, n]])));
+		}, this.setState = (e) => {
+			this.state.previousValue = this.state.value, this.state.value = e;
+			let t = this.getStateNode(e);
+			e == null ? clear(this.state.tags) : this.state.tags = toArray(t?.tags);
+		}, this.setContext = (e) => {
+			e && deepMerge(this.state.context, e);
+		}, this.setOptions = (e) => {
+			let t = compact(e);
+			this.actionMap = {
+				...this.actionMap,
+				...t.actions
+			}, this.delayMap = {
+				...this.delayMap,
+				...t.delays
+			}, this.activityMap = {
+				...this.activityMap,
+				...t.activities
+			}, this.guardMap = {
+				...this.guardMap,
+				...t.guards
+			};
+		}, this.getStateNode = (e) => {
+			if (e) return this.config.states?.[e];
+		}, this.getNextStateInfo = (e, t) => {
+			let n = this.determineTransition(e, t), r = !n?.target, i = n?.target ?? this.state.value, a = this.state.value !== i, o = this.getStateNode(i), s = {
+				reenter: !r && !a && !n?.internal,
+				transition: n,
+				stateNode: o,
+				target: i,
+				changed: a
+			};
+			return this.log("NextState:", `[${t.type}]`, this.state.value, "---->", s.target), s;
+		}, this.getAfterActions = (e, t) => {
+			let n, r = this.state.value;
+			return {
+				entry: () => {
+					n = globalThis.setTimeout(() => {
+						let t = this.getNextStateInfo(e, this.state.event);
+						this.performStateChangeEffects(r, t, this.state.event);
+					}, t);
+				},
+				exit: () => {
+					globalThis.clearTimeout(n);
+				}
+			};
+		}, this.getDelayedEventActions = (e) => {
+			let t = this.getStateNode(e), n = this.state.event;
+			if (!t || !t.after) return;
+			let r = [], i = [];
+			if (isArray(t.after)) {
+				let e = this.determineTransition(t.after, n);
+				if (!e) return;
+				if (!hasProp(e, "delay")) throw Error(`[@destyler/xstate > after] Delay is required for after transition: ${JSON.stringify(e)}`);
+				let a = determineDelayFn(e.delay, this.delayMap)(this.contextSnapshot, n), o = this.getAfterActions(e, a);
+				return r.push(o.entry), i.push(o.exit), {
+					entries: r,
+					exits: i
+				};
+			}
+			if (isObject$1(t.after)) for (let e in t.after) {
+				let a = t.after[e], o = determineDelayFn(e, this.delayMap)(this.contextSnapshot, n), s = this.getAfterActions(a, o);
+				r.push(s.entry), i.push(s.exit);
+			}
+			return {
+				entries: r,
+				exits: i
+			};
+		}, this.executeActions = (e, t) => {
+			let n = determineActionsFn(e, this.guardMap)(this.contextSnapshot, t, this.guardMeta);
+			for (let e of toArray(n)) {
+				let n = isString(e) ? this.actionMap?.[e] : e;
+				isString(e) && !n && console.warn(`[@destyler/xstate > execute-actions] No implementation found for action: \`${e}\``), n?.(this.state.context, t, this.meta);
+			}
+		}, this.executeActivities = (e, t, n) => {
+			for (let r of t) {
+				let t = isString(r) ? this.activityMap?.[r] : r;
+				if (!t) {
+					console.warn(`[@destyler/xstate > execute-activity] No implementation found for activity: \`${r}\``);
+					continue;
+				}
+				let i = t(this.state.context, e, this.meta);
+				if (i) {
+					let e = isString(r) ? r : r.name || uuid();
+					this.addActivityCleanup(n ?? this.state.value, e, i);
+				}
+			}
+		}, this.createEveryActivities = (e, t) => {
+			if (e) if (isArray(e)) {
+				let n = toArray(e).find((e) => {
+					let t = e.delay, n = determineDelayFn(t, this.delayMap)(this.contextSnapshot, this.state.event);
+					return determineGuardFn(e.guard, this.guardMap)(this.contextSnapshot, this.state.event, this.guardMeta) ?? n != null;
+				});
+				if (!n) return;
+				let r = determineDelayFn(n.delay, this.delayMap)(this.contextSnapshot, this.state.event);
+				t(() => {
+					let e = globalThis.setInterval(() => {
+						this.executeActions(n.actions, this.state.event);
+					}, r);
+					return () => {
+						globalThis.clearInterval(e);
+					};
+				});
+			} else for (let n in e) {
+				let r = e?.[n], i = determineDelayFn(n, this.delayMap)(this.contextSnapshot, this.state.event);
+				t(() => {
+					let e = globalThis.setInterval(() => {
+						this.executeActions(r, this.state.event);
+					}, i);
+					return () => {
+						globalThis.clearInterval(e);
+					};
+				});
+			}
+		}, this.setEvent = (e) => {
+			this.state.previousEvent = this.state.event, this.state.event = ref$1(toEvent(e));
+		}, this.performExitEffects = (e, t) => {
+			let n = this.state.value;
+			if (n === "") return;
+			let r = e ? this.getStateNode(e) : void 0;
+			this.stopActivities(n);
+			let i = toArray(determineActionsFn(r?.exit, this.guardMap)(this.contextSnapshot, t, this.guardMeta)), a = this.delayedEvents.get(n);
+			a && i.push(...a), this.executeActions(i, t), this.delayedEvents.delete(n);
+		}, this.performEntryEffects = (e, t) => {
+			let n = this.getStateNode(e), r = toArray(n?.activities);
+			this.createEveryActivities(n?.every, (e) => {
+				r.unshift(e);
+			}), r.length > 0 && this.executeActivities(t, r);
+			let i = toArray(determineActionsFn(n?.entry, this.guardMap)(this.contextSnapshot, t, this.guardMeta)), a = this.getDelayedEventActions(e);
+			n?.after && a && (this.delayedEvents.set(e, a?.exits), i.push(...a.entries)), this.executeActions(i, t), n?.type === "final" && (this.state.done = !0, this.doneListeners.forEach((e) => {
+				e(this.stateSnapshot);
+			}), this.stop());
+		}, this.performTransitionEffects = (e, t) => {
+			let n = this.determineTransition(e, t);
+			this.executeActions(n?.actions, t);
+		}, this.performStateChangeEffects = (e, t, n) => {
+			this.setEvent(n);
+			let r = t.changed || t.reenter;
+			r && this.performExitEffects(e, n), this.performTransitionEffects(t.transition, n), this.setState(t.target), r && this.performEntryEffects(t.target, n);
+		}, this.determineTransition = (e, t) => determineTransitionFn(e, this.guardMap)?.(this.contextSnapshot, t, this.guardMeta), this.sendParent = (e) => {
+			if (!this.parent) throw Error("[@destyler/xstate > send-parent] Cannot send event to parent machine, no parent is set. Use `machine.spawn()` to spawn a child machine.");
+			let t = toEvent(e);
+			this.parent?.send(t);
+		}, this.log = (...e) => {
+			this.options.debug && console.log(...e);
+		}, this.send = (e) => {
+			let t = toEvent(e);
+			this.transition(this.state.value, t);
+		}, this.transition = (e, t) => {
+			let n = isString(e) ? this.getStateNode(e) : e?.stateNode, r = toEvent(t);
+			if (!n && !this.config.on) {
+				let t = this.status === MachineStatus.Stopped ? "[@destyler/xstate > transition] Cannot transition a stopped machine" : `[destyler/xstate > transition] State does not have a definition for \`state\`: ${e}, \`event\`: ${r.type}`;
+				console.warn(t);
+				return;
+			}
+			let i = n?.on?.[r.type] ?? this.config.on?.[r.type], a = this.getNextStateInfo(i, r);
+			return this.performStateChangeEffects(this.state.value, a, r), a.stateNode;
+		}, this.subscribe = (e) => (this.stateListeners.add(e), this.status === MachineStatus.Running && e(this.stateSnapshot), () => {
+			this.stateListeners.delete(e);
+		}), this.onDone = (e) => (this.doneListeners.add(e), this), this.onTransition = (e) => (this.stateListeners.add(e), this.status === MachineStatus.Running && e(this.stateSnapshot), this), this.config = clone(e), this.options = clone(t ?? {}), this.id = this.config.id ?? `machine-${uuid()}`, this.guardMap = this.options?.guards ?? {}, this.actionMap = this.options?.actions ?? {}, this.delayMap = this.options?.delays ?? {}, this.activityMap = this.options?.activities ?? {}, this.sync = this.options?.sync ?? !1, this.state = createProxy(this.config), this.initialContext = snapshot(this.state.context);
+	}
+	get stateSnapshot() {
+		return cast(snapshot(this.state));
+	}
+	getState() {
+		return this.stateSnapshot;
+	}
+	get contextSnapshot() {
+		return this.stateSnapshot.context;
+	}
+	get self() {
+		let e = this;
+		return {
+			id: this.id,
+			send: this.send.bind(this),
+			sendParent: this.sendParent.bind(this),
+			sendChild: this.sendChild.bind(this),
+			stop: this.stop.bind(this),
+			stopChild: this.stopChild.bind(this),
+			spawn: this.spawn.bind(this),
+			stopActivity: this.stopActivity.bind(this),
+			get state() {
+				return e.stateSnapshot;
+			},
+			get initialContext() {
+				return e.initialContext;
+			},
+			get initialState() {
+				return e.initialState?.target ?? "";
+			}
+		};
+	}
+	get meta() {
+		return {
+			state: this.stateSnapshot,
+			guards: this.guardMap,
+			send: this.send.bind(this),
+			self: this.self,
+			initialContext: this.initialContext,
+			initialState: this.initialState?.target ?? "",
+			getState: () => this.stateSnapshot,
+			getAction: (e) => this.actionMap[e],
+			getGuard: (e) => this.guardMap[e]
+		};
+	}
+	get guardMeta() {
+		return { state: this.stateSnapshot };
+	}
+	get [Symbol.toStringTag]() {
+		return "Machine";
+	}
+	getHydrationState() {
+		let e = this.getState();
+		return {
+			value: e.value,
+			tags: e.tags
+		};
+	}
+};
+function createMachine(e, t) {
+	return new Machine(e, t);
+}
+function createProps() {
+	return (e) => Array.from(new Set(e));
+}
+function createNormalizer(e) {
+	return new Proxy({}, { get() {
+		return e;
+	} });
+}
+var parts = createAnatomy("popover").parts("arrow", "arrowTip", "anchor", "trigger", "indicator", "positioner", "content", "title", "description", "closeTrigger").build(), dom = createScope({
+	getAnchorId: (e) => e.ids?.anchor ?? `popover:${e.id}:anchor`,
+	getTriggerId: (e) => e.ids?.trigger ?? `popover:${e.id}:trigger`,
+	getContentId: (e) => e.ids?.content ?? `popover:${e.id}:content`,
+	getPositionerId: (e) => e.ids?.positioner ?? `popover:${e.id}:popper`,
+	getArrowId: (e) => e.ids?.arrow ?? `popover:${e.id}:arrow`,
+	getTitleId: (e) => e.ids?.title ?? `popover:${e.id}:title`,
+	getDescriptionId: (e) => e.ids?.description ?? `popover:${e.id}:desc`,
+	getCloseTriggerId: (e) => e.ids?.closeTrigger ?? `popover:${e.id}:close`,
+	getAnchorEl: (e) => dom.getById(e, dom.getAnchorId(e)),
+	getTriggerEl: (e) => dom.getById(e, dom.getTriggerId(e)),
+	getContentEl: (e) => dom.getById(e, dom.getContentId(e)),
+	getPositionerEl: (e) => dom.getById(e, dom.getPositionerId(e)),
+	getTitleEl: (e) => dom.getById(e, dom.getTitleId(e)),
+	getDescriptionEl: (e) => dom.getById(e, dom.getDescriptionId(e)),
+	getFocusableEls: (e) => getFocusables(dom.getContentEl(e)),
+	getFirstFocusableEl: (e) => dom.getFocusableEls(e)[0]
+});
+function connect(e, t, n) {
+	let r = e.matches("open"), i = e.context.currentPlacement, a = e.context.currentPortalled, o = e.context.renderedElements, s = getPlacementStyles({
+		...e.context.positioning,
+		placement: i
+	});
+	return {
+		portalled: a,
+		open: r,
+		setOpen(e) {
+			e !== r && t(e ? "OPEN" : "CLOSE");
+		},
+		reposition(e = {}) {
+			t({
+				type: "POSITIONING.SET",
+				options: e
+			});
+		},
+		getArrowProps() {
+			return n.element({
+				id: dom.getArrowId(e.context),
+				...parts.arrow.attrs,
+				dir: e.context.dir,
+				style: s.arrow
+			});
+		},
+		getArrowTipProps() {
+			return n.element({
+				...parts.arrowTip.attrs,
+				dir: e.context.dir,
+				style: s.arrowTip
+			});
+		},
+		getAnchorProps() {
+			return n.element({
+				...parts.anchor.attrs,
+				dir: e.context.dir,
+				id: dom.getAnchorId(e.context)
+			});
+		},
+		getTriggerProps() {
+			return n.button({
+				...parts.trigger.attrs,
+				dir: e.context.dir,
+				type: "button",
+				"data-placement": i,
+				id: dom.getTriggerId(e.context),
+				"aria-haspopup": "dialog",
+				"aria-expanded": r,
+				"data-state": r ? "open" : "closed",
+				"aria-controls": dom.getContentId(e.context),
+				onPointerDown(e) {
+					isSafari() && e.currentTarget.focus();
+				},
+				onClick(e) {
+					e.defaultPrevented || t("TOGGLE");
+				},
+				onBlur(e) {
+					t({
+						type: "TRIGGER_BLUR",
+						target: e.relatedTarget
+					});
+				}
+			});
+		},
+		getIndicatorProps() {
+			return n.element({
+				...parts.indicator.attrs,
+				dir: e.context.dir,
+				"data-state": r ? "open" : "closed"
+			});
+		},
+		getPositionerProps() {
+			return n.element({
+				id: dom.getPositionerId(e.context),
+				...parts.positioner.attrs,
+				dir: e.context.dir,
+				style: s.floating
+			});
+		},
+		getContentProps() {
+			return n.element({
+				...parts.content.attrs,
+				dir: e.context.dir,
+				id: dom.getContentId(e.context),
+				tabIndex: -1,
+				role: "dialog",
+				hidden: !r,
+				"data-state": r ? "open" : "closed",
+				"data-expanded": dataAttr(r),
+				"aria-labelledby": o.title ? dom.getTitleId(e.context) : void 0,
+				"aria-describedby": o.description ? dom.getDescriptionId(e.context) : void 0,
+				"data-placement": i
+			});
+		},
+		getTitleProps() {
+			return n.element({
+				...parts.title.attrs,
+				id: dom.getTitleId(e.context),
+				dir: e.context.dir
+			});
+		},
+		getDescriptionProps() {
+			return n.element({
+				...parts.description.attrs,
+				id: dom.getDescriptionId(e.context),
+				dir: e.context.dir
+			});
+		},
+		getCloseTriggerProps() {
+			return n.button({
+				...parts.closeTrigger.attrs,
+				dir: e.context.dir,
+				id: dom.getCloseTriggerId(e.context),
+				type: "button",
+				"aria-label": "close",
+				onClick(e) {
+					e.defaultPrevented || t("CLOSE");
+				}
+			});
+		}
+	};
+}
+function machine(e) {
+	let t = compact(e);
+	return createMachine({
+		id: "popover",
+		initial: t.open ? "open" : "closed",
+		context: {
+			closeOnInteractOutside: !0,
+			closeOnEscape: !0,
+			autoFocus: !0,
+			modal: !1,
+			portalled: !0,
+			positioning: {
+				placement: "bottom",
+				...t.positioning
+			},
+			currentPlacement: void 0,
+			...t,
+			renderedElements: {
+				title: !0,
+				description: !0
+			}
+		},
+		computed: { currentPortalled: (e) => !!e.modal || !!e.portalled },
+		watch: { open: ["toggleVisibility"] },
+		entry: ["checkRenderedElements"],
+		states: {
+			closed: { on: {
+				"CONTROLLED.OPEN": {
+					target: "open",
+					actions: ["setInitialFocus"]
+				},
+				TOGGLE: [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: ["invokeOnOpen", "setInitialFocus"]
+				}],
+				OPEN: [{
+					guard: "isOpenControlled",
+					actions: ["invokeOnOpen"]
+				}, {
+					target: "open",
+					actions: ["invokeOnOpen", "setInitialFocus"]
+				}]
+			} },
+			open: {
+				activities: [
+					"trapFocus",
+					"preventScroll",
+					"hideContentBelow",
+					"trackPositioning",
+					"trackDismissableElement",
+					"proxyTabFocus"
+				],
+				on: {
+					"CONTROLLED.CLOSE": {
+						target: "closed",
+						actions: ["setFinalFocus"]
+					},
+					CLOSE: [{
+						guard: "isOpenControlled",
+						actions: ["invokeOnClose"]
+					}, {
+						target: "closed",
+						actions: ["invokeOnClose", "setFinalFocus"]
+					}],
+					TOGGLE: [{
+						guard: "isOpenControlled",
+						actions: ["invokeOnClose"]
+					}, {
+						target: "closed",
+						actions: ["invokeOnClose"]
+					}],
+					"POSITIONING.SET": { actions: "reposition" }
+				}
+			}
+		}
+	}, {
+		guards: { isOpenControlled: (e) => !!e["open.controlled"] },
+		activities: {
+			trackPositioning(e) {
+				return e.currentPlacement = e.positioning.placement, getPlacement(dom.getAnchorEl(e) ?? dom.getTriggerEl(e), () => dom.getPositionerEl(e), {
+					...e.positioning,
+					defer: !0,
+					onComplete(t) {
+						e.currentPlacement = t.placement;
+					}
+				});
+			},
+			trackDismissableElement(e, t, { send: n }) {
+				let r = () => dom.getContentEl(e), i = !0;
+				return trackDismissableElement(r, {
+					pointerBlocking: e.modal,
+					exclude: dom.getTriggerEl(e),
+					defer: !0,
+					onEscapeKeyDown(t) {
+						e.onEscapeKeyDown?.(t), !e.closeOnEscape && t.preventDefault();
+					},
+					onInteractOutside(t) {
+						e.onInteractOutside?.(t), !t.defaultPrevented && (i = !(t.detail.focusable || t.detail.contextmenu), e.closeOnInteractOutside || t.preventDefault());
+					},
+					onPointerDownOutside: e.onPointerDownOutside,
+					onFocusOutside: e.onFocusOutside,
+					persistentElements: e.persistentElements,
+					onDismiss() {
+						n({
+							type: "CLOSE",
+							src: "interact-outside",
+							restoreFocus: i
+						});
+					}
+				});
+			},
+			proxyTabFocus(e) {
+				return e.modal || !e.portalled ? void 0 : proxyTabFocus(() => dom.getContentEl(e), {
+					triggerElement: dom.getTriggerEl(e),
+					defer: !0,
+					onFocus(e) {
+						e.focus({ preventScroll: !0 });
+					}
+				});
+			},
+			hideContentBelow(e) {
+				return e.modal ? ariaHidden(() => [dom.getContentEl(e), dom.getTriggerEl(e)], { defer: !0 }) : void 0;
+			},
+			preventScroll(e) {
+				if (e.modal) return preventBodyScroll(dom.getDoc(e));
+			},
+			trapFocus(e) {
+				return e.modal ? trapFocus(() => dom.getContentEl(e), { initialFocus: () => getInitialFocus({
+					root: dom.getContentEl(e),
+					getInitialEl: e.initialFocusEl,
+					enabled: e.autoFocus
+				}) }) : void 0;
+			}
+		},
+		actions: {
+			reposition(e, t) {
+				getPlacement(dom.getAnchorEl(e) ?? dom.getTriggerEl(e), () => dom.getPositionerEl(e), {
+					...e.positioning,
+					...t.options,
+					defer: !0,
+					listeners: !1,
+					onComplete(t) {
+						e.currentPlacement = t.placement;
+					}
+				});
+			},
+			checkRenderedElements(e) {
+				raf$2(() => {
+					Object.assign(e.renderedElements, {
+						title: !!dom.getTitleEl(e),
+						description: !!dom.getDescriptionEl(e)
+					});
+				});
+			},
+			setInitialFocus(e) {
+				e.modal || raf$2(() => {
+					getInitialFocus({
+						root: dom.getContentEl(e),
+						getInitialEl: e.initialFocusEl,
+						enabled: e.autoFocus
+					})?.focus({ preventScroll: !0 });
+				});
+			},
+			setFinalFocus(e, t) {
+				let n = t.restoreFocus ?? t.previousEvent?.restoreFocus;
+				n != null && !n || raf$2(() => {
+					dom.getTriggerEl(e)?.focus({ preventScroll: !0 });
+				});
+			},
+			invokeOnOpen(e) {
+				e.onOpenChange?.({ open: !0 });
+			},
+			invokeOnClose(e) {
+				e.onOpenChange?.({ open: !1 });
+			},
+			toggleVisibility(e, t, { send: n }) {
+				n({
+					type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+					previousEvent: t
+				});
+			}
+		}
+	});
+}
+createProps()([
+	"autoFocus",
+	"closeOnEscape",
+	"closeOnInteractOutside",
+	"dir",
+	"getRootNode",
+	"id",
+	"ids",
+	"initialFocusEl",
+	"modal",
+	"onEscapeKeyDown",
+	"onFocusOutside",
+	"onInteractOutside",
+	"onOpenChange",
+	"onPointerDownOutside",
+	"open.controlled",
+	"open",
+	"persistentElements",
+	"portalled",
+	"positioning"
+]);
+function useSnapshot(e, t) {
+	let { actions: n, context: r } = t ?? {}, i = shallowRef(e.state), a = subscribe(e.state, () => {
+		i.value = snapshot(e.state);
+	});
+	return onUnmounted(() => {
+		a?.();
+	}), watchEffect(() => {
+		e.setOptions({ actions: n });
+	}), r && watch(r, (t) => {
+		e.setContext(unref(t));
+	}, { deep: !0 }), i;
+}
+function useService(e, t) {
+	let { state: n, context: r } = t ?? {}, i = typeof e == "function" ? e() : e;
+	return r && i.setContext(unref(r)), i._created(), onMounted(() => {
+		i.start(n), onBeforeUnmount(() => {
+			i.stop();
+		});
+	}), i;
+}
+function useMachine(e, t) {
+	let n = useService(e, t);
+	return [
+		useSnapshot(n, t),
+		n.send,
+		n
+	];
+}
+function toCase(e) {
+	return e.charAt(0).toUpperCase() + e.substr(1).toLowerCase();
+}
+var propMap = {
+	htmlFor: "for",
+	className: "class",
+	onDoubleClick: "onDblclick",
+	onChange: "onInput",
+	onFocus: "onFocusin",
+	onBlur: "onFocusout",
+	defaultValue: "value",
+	defaultChecked: "checked"
+};
+function toVueProp(e) {
+	return e in propMap ? propMap[e] : e.startsWith("on") ? `on${toCase(e.substr(2))}` : e.toLowerCase();
+}
+var normalizeProps$1 = createNormalizer((e) => {
+	let t = {};
+	for (let n in e) {
+		let r = e[n];
+		n === "children" ? (typeof r == "string" || typeof r == "number") && (t.textContent = String(r)) : t[toVueProp(n)] = e[n];
+	}
+	return t;
+}), _hoisted_1$7 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$6 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, ComponentsIcones_default = /* @__PURE__ */ defineComponent({
+	name: "ComponentIcones",
+	__name: "ComponentsIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$7, [...n[0] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-.219.875M6 13.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#67B686",
+			d: "m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z"
+		})], -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$6, [...n[1] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#67B686",
+			d: "m9.485 9.516l3.968 3.968m-3.968 0l3.968-3.968m-1.634-1.874l3.507 3.507a.496.496 0 0 1 0 .702l-3.507 3.507a.496.496 0 0 1-.701 0L7.61 11.85a.496.496 0 0 1 0-.702l3.507-3.507a.496.496 0 0 1 .701 0z"
+		})], -1)]]));
+	}
+}), _hoisted_1$6 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$5 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, FolderIcones_default = /* @__PURE__ */ defineComponent({
+	name: "FolderIcones",
+	__name: "FolderIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$6, [...n[0] ||= [createElementVNode("path", {
+			fill: "none",
+			class: "stroke-dark dark:stroke-light",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "m1.87 8l.7-2.74a1 1 0 0 1 .96-.76h10.94a1 1 0 0 1 .97 1.24l-1.75 7a1 1 0 0 1-.97.76H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$5, [...n[1] ||= [createElementVNode("path", {
+			fill: "none",
+			class: "stroke-dark dark:stroke-light",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M4.5 4.5H12c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}, null, -1)]]));
+	}
+}), _hoisted_1$5 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$4 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, ModuleIcones_default = /* @__PURE__ */ defineComponent({
+	name: "ModleIcones",
+	__name: "ModuleIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$5, [...n[0] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#65bb87",
+			d: "M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z"
+		})], -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$4, [...n[1] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#65bb87",
+			d: "M15.5 13.5v1.2a.8.8 0 0 1-.8.8h-4.4a.8.8 0 0 1-.8-.8v-1.2H9a1 1 0 0 1 0-2h.5v-1.2a.8.8 0 0 1 .8-.8h1.2V9a1 1 0 0 1 2 0v.5h1.2a.8.8 0 0 1 .8.8v1.2H15a1 1 0 0 0 0 2z"
+		})], -1)]]));
+	}
+}), _hoisted_1$4 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$3 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, PackagesIcones_default = /* @__PURE__ */ defineComponent({
+	name: "PackagesIcones",
+	__name: "PackagesIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$4, [...n[0] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#E23730",
+			d: "M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z"
+		})], -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$3, [...n[1] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#E23730",
+			d: "M12 15.337v-3.919L8.5 9.214m3.5 2.204l3.5-2.204M12 7.5l3.5 1.714v4.408L12 15.5l-3.5-1.878V9.214Z"
+		})], -1)]]));
+	}
+}), _hoisted_1$3 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$2 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, SrcIcones_default = /* @__PURE__ */ defineComponent({
+	name: "SrcIcones",
+	__name: "SrcIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$3, [...n[0] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#65bb87",
+			d: "m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5"
+		})], -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$2, [...n[1] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#65bb87",
+			d: "m10.5 8.5l-3 3.5l3 3.5m2-7l3 3.5l-3 3.5"
+		})], -1)]]));
+	}
+}), _hoisted_1$2 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, _hoisted_2$1 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, ViewIcones_default = /* @__PURE__ */ defineComponent({
+	name: "ViewIcones",
+	__name: "ViewIcones",
+	props: { expanded: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		let t = e;
+		return (e, n) => t.expanded ? (openBlock(), createElementBlock("svg", _hoisted_1$2, [...n[0] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "m1.875 8l.686-2.743a1 1 0 0 1 .97-.757h10.938a1 1 0 0 1 .97 1.243l-.315 1.26M6 13.5H2.004A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#E23730",
+			d: "M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336"
+		})], -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_2$1, [...n[1] ||= [createElementVNode("g", {
+			fill: "none",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", {
+			class: "stroke-dark dark:stroke-light",
+			d: "M4.5 4.5H12A1.5 1.5 0 0 1 13.5 6v.5m-7.5 7H2A1.5 1.5 0 0 1 .5 12V3.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1"
+		}), createElementVNode("path", {
+			stroke: "#E23730",
+			d: "M14.692 8.5H9.308a.31.31 0 0 0-.307.336l.47 5.241c.01.128.1.235.223.27l2.303 1.153l2.308-1.153a.31.31 0 0 0 .225-.27L15 8.836a.31.31 0 0 0-.307-.336"
+		})], -1)]]));
+	}
+}), _hoisted_1$1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16"
+}, VueIcones_default = /* @__PURE__ */ defineComponent({
+	name: "VueIcones",
+	__name: "VueIcones",
+	setup(e) {
+		return (e, t) => (openBlock(), createElementBlock("svg", _hoisted_1$1, [...t[0] ||= [createElementVNode("g", {
+			fill: "none",
+			stroke: "#65bb87",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, [createElementVNode("path", { d: "M1 1.5h5.44L8 4.56L9.56 1.5H15l-6.99 13z" }), createElementVNode("path", { d: "M12.05 1.73L8 9.28L3.95 1.73" })], -1)]]));
+	}
+}), _hoisted_1 = { class: "mt-0" }, _hoisted_2 = { class: "w-152 mb-2" }, _hoisted_3 = { class: "inline-flex items-center text-inherit not-italic leading-[0] text-center normal-case [vertical-align:-0.125em] [text-rendering:optimizeLegibility] svg:size-4" }, _hoisted_4 = {
+	key: 1,
+	class: "flex items-center justify-center h-[220px]"
+}, ComponentSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ComponentSelect",
+	__name: "ComponentSelect",
+	props: {
+		modelValue: { default: "" },
+		modelModifiers: {},
+		scope: { default: "" },
+		scopeModifiers: {}
+	},
+	emits: ["update:modelValue", "update:scope"],
+	setup(e) {
+		let l = Empty.PRESENTED_IMAGE_SIMPLE, h = useViewStore(), g = useModel(e, "modelValue"), _ = useModel(e, "scope"), b = useTemplateRef("searchInputRef"), [x, D] = useMachine(machine({
+			id: useId(),
+			initialFocusEl: () => b.value
+		})), P = computed(() => connect(x.value, D, normalizeProps$1)), F = ref(!1), I = ref(""), L = computed(() => g.value ? [`${_.value ? `module:${_.value}` : "local"}/${g.value}`] : []), R = ref([]);
+		function z(e) {
+			return !e.includes("/");
+		}
+		function B(e) {
+			let t = e.indexOf("/");
+			return t === -1 ? e : e.slice(0, t);
+		}
+		function V(e) {
+			let t = e.split("/"), n = [], r = "";
+			for (let e = 0; e < Math.max(0, t.length - 1); e++) {
+				let i = t[e];
+				r = e === 0 ? i : `${r}/${i}`, n.push(r);
+			}
+			return n;
+		}
+		function H(e, t) {
+			let n = e || [], r = t?.node?.key, i = !!t?.expanded, a;
+			a = r && z(r) ? i ? r : void 0 : r ? B(r) : n.find(z), R.value = n.filter((e) => !z(String(e)) || String(e) === a);
+		}
+		function U() {
+			let e = L.value[0];
+			e && (R.value = V(e));
+		}
+		watch(L, () => {
+			U();
+		}, { immediate: !0 }), watch(F, (e) => {
+			e && U();
+		}), watch(F, (e) => {
+			e && U();
+		});
+		let W = computed(() => {
+			let e = I.value.trim();
+			return e ? h.filterRouteTree(e) : h.getRouteTreeData();
+		});
+		function G(e) {
+			let t = [], n = (e) => {
+				for (let r of e || []) Array.isArray(r?.children) && r.children.length > 0 && (t.push(String(r.key)), n(r.children));
+			};
+			return n(e), t;
+		}
+		watch(I, (e) => {
+			if (String(e || "").trim().length > 0) {
+				let e = W.value;
+				R.value = G(e);
+			} else U();
+		});
+		function K(e, t) {
+			let n = t?.node, r = n?.dataRef ?? n;
+			r?.isLeaf && (g.value = r.value || "", _.value = r.scope || "", I.value = "", F.value = !1);
+		}
+		return (e, t) => {
+			let r = Input$1, h = FormItemRest, y = DirectoryTree, b = Empty$1;
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", normalizeProps(guardReactiveProps(unref(P).getTriggerProps())), [createVNode(r, {
+				value: g.value,
+				"onUpdate:value": t[0] ||= (e) => g.value = e,
+				"addon-before": _.value || "本地",
+				placeholder: "请输入或选择组件路径（views下的路径）"
+			}, null, 8, ["value", "addon-before"])], 16), (openBlock(), createBlock(Teleport, { to: "body" }, [unref(P).open ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, unref(P).getPositionerProps(), { class: "z-1050" }), [createElementVNode("div", mergeProps(unref(P).getContentProps(), { class: "z-1050 w-162 rounded-md border border-solid p-4 border-[--g-border-color] shadow-md outline-none bg-#ffffff dark:bg-#141414 text-dark dark:text-light data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95" }), [createElementVNode("div", _hoisted_2, [createVNode(h, null, {
+				default: withCtx(() => [createVNode(r, {
+					ref: "searchInputRef",
+					value: unref(I),
+					"onUpdate:value": t[1] ||= (e) => isRef(I) ? I.value = e : null,
+					"allow-clear": "",
+					size: "small",
+					placeholder: "搜索组件或路径"
+				}, null, 8, ["value"])]),
+				_: 1
+			})]), unref(W) && unref(W).length ? (openBlock(), createBlock(y, {
+				key: 0,
+				"expanded-keys": unref(R),
+				"onUpdate:expandedKeys": t[2] ||= (e) => isRef(R) ? R.value = e : null,
+				class: "w-152 h-100 overflow-y-auto directory-tree-root",
+				"selected-keys": unref(L),
+				"tree-data": unref(W),
+				"show-icon": !0,
+				"show-line": !0,
+				virtual: !0,
+				"expand-action": "click",
+				onExpand: H,
+				onSelect: K
+			}, {
+				switcherIcon: withCtx(({ switcherCls: e }) => [createVNode(unref(CaretDownOutlined), { class: normalizeClass(e) }, null, 8, ["class"])]),
+				icon: withCtx(({ expanded: e, dataRef: t }) => [createElementVNode("span", _hoisted_3, [t?.root && !t?.module ? (openBlock(), createBlock(PackagesIcones_default, {
+					key: 0,
+					expanded: e
+				}, null, 8, ["expanded"])) : t?.root && t?.module ? (openBlock(), createBlock(ModuleIcones_default, {
+					key: 1,
+					expanded: e
+				}, null, 8, ["expanded"])) : t?.isLeaf ? (openBlock(), createBlock(VueIcones_default, { key: 2 })) : ["components", "component"].includes(String(t?.title).toLowerCase()) ? (openBlock(), createBlock(ComponentsIcones_default, {
+					key: 3,
+					expanded: e
+				}, null, 8, ["expanded"])) : [
+					"views",
+					"view",
+					"pages",
+					"page"
+				].includes(String(t?.title).toLowerCase()) ? (openBlock(), createBlock(ViewIcones_default, {
+					key: 4,
+					expanded: e
+				}, null, 8, ["expanded"])) : ["src"].includes(String(t?.title).toLowerCase()) ? (openBlock(), createBlock(SrcIcones_default, {
+					key: 5,
+					expanded: e
+				}, null, 8, ["expanded"])) : (openBlock(), createBlock(FolderIcones_default, {
+					key: 6,
+					expanded: e
+				}, null, 8, ["expanded"]))])]),
+				_: 1
+			}, 8, [
+				"expanded-keys",
+				"selected-keys",
+				"tree-data"
+			])) : (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(b, {
+				image: unref(l),
+				description: "没有找到匹配的组件"
+			}, null, 8, ["image"])]))], 16)], 16)) : createCommentVNode("", !0)]))]);
+		};
+	}
+}), ComponentSelect_exports = /* @__PURE__ */ __exportAll({ default: () => ComponentSelect_default }), ComponentSelect_default = ComponentSelect_vue_vue_type_script_setup_true_lang_default;
+export { ComponentSelect_exports as n, ComponentSelect_default as t };