@septkit/ui 0.0.14 → 0.0.16

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js

@@ -0,0 +1,268 @@
+import { findValuesBetween as e } from "../shared/arrays.js";
+import { createContext as t } from "../shared/createContext.js";
+import { createEventHook as n } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
+import { useVModel as r } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { useDirection as i } from "../shared/useDirection.js";
+import { useFormControl as ee } from "../shared/useFormControl.js";
+import { useKbd as a } from "../shared/useKbd.js";
+import { useTypeahead as o } from "../shared/useTypeahead.js";
+import { Primitive as s } from "../Primitive/Primitive.js";
+import { usePrimitiveElement as te } from "../Primitive/usePrimitiveElement.js";
+import { useCollection as ne } from "../Collection/Collection.js";
+import { VisuallyHiddenInput_default as c } from "../VisuallyHidden/VisuallyHiddenInput.js";
+import { compare as l } from "./utils.js";
+import { getFocusIntent as u } from "../RovingFocus/utils.js";
+import { createBlock as d, createCommentVNode as re, defineComponent as f, nextTick as p, openBlock as m, ref as h, renderSlot as g, toRefs as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
+var [x, ie] = /* @__PURE__ */ t("ListboxRoot"), S = /* @__PURE__ */ f({
+	__name: "ListboxRoot",
+	props: {
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		orientation: {
+			type: String,
+			required: !1,
+			default: "vertical"
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		selectionBehavior: {
+			type: String,
+			required: !1,
+			default: "toggle"
+		},
+		highlightOnHover: {
+			type: Boolean,
+			required: !1
+		},
+		by: {
+			type: [String, Function],
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"entryFocus",
+		"leave"
+	],
+	setup(t, { expose: f, emit: x }) {
+		let S = t, C = x, { multiple: w, highlightOnHover: T, orientation: E, disabled: D, selectionBehavior: ae, dir: O } = _(S), { getItems: k } = ne({ isProvider: !0 }), { handleTypeaheadSearch: A } = o(), { primitiveElement: j, currentElement: M } = te(), N = a(), P = i(O), F = ee(M), I = h(), L = h(!1), R = h(!0), z = r(S, "modelValue", C, {
+			defaultValue: S.defaultValue ?? (w.value ? [] : void 0),
+			passive: S.modelValue === void 0,
+			deep: !0
+		});
+		function B(e) {
+			if (L.value = !0, S.multiple) {
+				let t = Array.isArray(z.value) ? [...z.value] : [], n = t.findIndex((t) => l(t, e, S.by));
+				S.selectionBehavior === "toggle" ? (n === -1 ? t.push(e) : t.splice(n, 1), z.value = t) : (z.value = [e], I.value = e);
+			} else S.selectionBehavior === "toggle" && l(z.value, e, S.by) ? z.value = void 0 : z.value = e;
+			setTimeout(() => {
+				L.value = !1;
+			}, 1);
+		}
+		let V = h(null), H = h(null), U = h(!1), W = h(!1), G = n(), K = n(), q = n();
+		function J() {
+			return k().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
+		}
+		function Y(e, t = !0, n) {
+			e && (V.value = e, (n ?? R.value) && V.value.focus(), t && V.value.scrollIntoView({ block: "nearest" }), C("highlight", k().find((t) => t.ref === e)));
+		}
+		function oe(e) {
+			if (U.value) q.trigger(e);
+			else {
+				let t = k().find((t) => l(t.value, e, S.by));
+				t && (V.value = t.ref, Y(t.ref));
+			}
+		}
+		function se(e) {
+			V.value && V.value.isConnected && (e.preventDefault(), e.stopPropagation(), W.value || V.value.click());
+		}
+		function ce(e) {
+			if (R.value) {
+				if (L.value = !0, U.value) K.trigger(e);
+				else {
+					let t = e.altKey || e.ctrlKey || e.metaKey;
+					if (t && e.key === "a" && w.value) {
+						let t = k();
+						z.value = [...t.map((e) => e.value)], e.preventDefault();
+						let n = t.at(-1);
+						n && Y(n.ref);
+					} else if (!t) {
+						let t = A(e.key, k());
+						t && Y(t);
+					}
+				}
+				setTimeout(() => {
+					L.value = !1;
+				}, 1);
+			}
+		}
+		function le() {
+			W.value = !0;
+		}
+		function ue() {
+			p(() => {
+				W.value = !1;
+			});
+		}
+		function X() {
+			p(() => {
+				Q(new KeyboardEvent("keydown", { key: "PageUp" }));
+			});
+		}
+		function Z(e) {
+			let t = V.value;
+			t?.isConnected && (H.value = t), V.value = null, C("leave", e);
+		}
+		function de(e) {
+			let t = new CustomEvent("listbox.entryFocus", {
+				bubbles: !1,
+				cancelable: !0
+			});
+			if (e.currentTarget?.dispatchEvent(t), C("entryFocus", t), !t.defaultPrevented) if (H.value) Y(H.value);
+			else {
+				let e = J()?.[0];
+				Y(e);
+			}
+		}
+		function Q(e) {
+			let t = u(e, E.value, P.value);
+			if (!t) return;
+			let n = J();
+			if (V.value) {
+				if (t === "last") n.reverse();
+				else if (t === "prev" || t === "next") {
+					t === "prev" && n.reverse();
+					let e = n.indexOf(V.value);
+					n = n.slice(e + 1);
+				}
+				fe(e, n[0]);
+			}
+			if (n.length) {
+				let e = !V.value && t === "prev" ? n.length - 1 : 0;
+				Y(n[e]);
+			}
+			if (U.value) return K.trigger(e);
+		}
+		function fe(t, n) {
+			if (!(U.value || S.selectionBehavior !== "replace" || !w.value || !Array.isArray(z.value)) && !((t.altKey || t.ctrlKey || t.metaKey) && !t.shiftKey) && t.shiftKey) {
+				let r = k().filter((e) => e.ref.dataset.disabled !== ""), i = r.find((e) => e.ref === n)?.value;
+				if (t.key === N.END ? i = r.at(-1)?.value : t.key === N.HOME && (i = r[0]?.value), !i || !I.value) return;
+				z.value = e(r.map((e) => e.value), I.value, i);
+			}
+		}
+		async function $(e) {
+			if (await p(), U.value) G.trigger(e);
+			else {
+				let e = J(), t = e.find((e) => e.dataset.state === "checked");
+				t ? Y(t) : e.length && Y(e[0]);
+			}
+		}
+		return y(z, () => {
+			L.value || p(() => {
+				$();
+			});
+		}, {
+			immediate: !0,
+			deep: !0
+		}), f({
+			highlightedElement: V,
+			highlightItem: oe,
+			highlightFirstItem: X,
+			highlightSelected: $,
+			getItems: k
+		}), ie({
+			modelValue: z,
+			onValueChange: B,
+			multiple: w,
+			orientation: E,
+			dir: P,
+			disabled: D,
+			highlightOnHover: T,
+			highlightedElement: V,
+			isVirtual: U,
+			virtualFocusHook: G,
+			virtualKeydownHook: K,
+			virtualHighlightHook: q,
+			by: S.by,
+			firstValue: I,
+			selectionBehavior: ae,
+			focusable: R,
+			onLeave: Z,
+			onEnter: de,
+			changeHighlight: Y,
+			onKeydownEnter: se,
+			onKeydownNavigation: Q,
+			onKeydownTypeAhead: ce,
+			onCompositionStart: le,
+			onCompositionEnd: ue,
+			highlightFirstItem: X
+		}), (e, t) => (m(), d(v(s), {
+			ref_key: "primitiveElement",
+			ref: j,
+			as: e.as,
+			"as-child": e.asChild,
+			dir: v(P),
+			"data-disabled": v(D) ? "" : void 0,
+			onPointerleave: Z,
+			onFocusout: t[0] ||= async (e) => {
+				let t = e.relatedTarget || e.target;
+				await p(), V.value && v(M) && !v(M).contains(t) && Z(e);
+			}
+		}, {
+			default: b(() => [g(e.$slots, "default", { modelValue: v(z) }), v(F) && e.name ? (m(), d(v(c), {
+				key: 0,
+				name: e.name,
+				value: v(z),
+				disabled: v(D),
+				required: e.required
+			}, null, 8, [
+				"name",
+				"value",
+				"disabled",
+				"required"
+			])) : re("v-if", !0)]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"dir",
+			"data-disabled"
+		]));
+	}
+});
+//#endregion
+export { S as ListboxRoot_default, x as injectListboxRootContext };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Listbox/utils.js

@@ -0,0 +1,10 @@
+import { isEqual as e } from "../../../../../ohash@2.0.11/node_modules/ohash/dist/shared/ohash.D__AXeF1.js";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Listbox/utils.js
+function t(e, t, r) {
+	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => n(e, t, r)) : n(e, t, r);
+}
+function n(t, n, r) {
+	return t === void 0 || n === void 0 ? !1 : typeof t == "string" ? t === n : typeof r == "function" ? r(t, n) : typeof r == "string" ? t?.[r] === n?.[r] : e(t, n);
+}
+//#endregion
+export { n as compare, t as valueComparator };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperAnchor.js

@@ -0,0 +1,37 @@
+import { useForwardExpose as e } from "../shared/useForwardExpose.js";
+import { Primitive as t } from "../Primitive/Primitive.js";
+import { injectPopperRootContext as n } from "./PopperRoot.js";
+import { createBlock as r, defineComponent as i, openBlock as a, renderSlot as o, unref as s, watchPostEffect as c, withCtx as l } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperAnchor.js
+var u = /* @__PURE__ */ i({
+	__name: "PopperAnchor",
+	props: {
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(i) {
+		let u = i, { forwardRef: d, currentElement: f } = e(), p = n();
+		return c(() => {
+			p.onAnchorChange(u.reference ?? f.value);
+		}), (e, n) => (a(), r(s(t), {
+			ref: s(d),
+			as: e.as,
+			"as-child": e.asChild
+		}, {
+			default: l(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+});
+//#endregion
+export { u as PopperAnchor_default };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperContent.js

@@ -0,0 +1,225 @@
+import { createContext as e } from "../shared/createContext.js";
+import { computedEager as t } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
+import { useForwardExpose as n } from "../shared/useForwardExpose.js";
+import { useSize as r } from "../shared/useSize.js";
+import { Primitive as i } from "../Primitive/Primitive.js";
+import { injectPopperRootContext as a } from "./PopperRoot.js";
+import { getSideAndAlignFromPlacement as o, isNotNull as s, transformOrigin as c } from "./utils.js";
+import { autoUpdate as l, flip as u, hide as d, limitShift as f, offset as p, shift as m, size as h } from "../../../../../@floating-ui_dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { arrow as g, useFloating as _ } from "../../../../../@floating-ui_vue@1.1.11_vue@3.5.32_typescript@5.8.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.js";
+import { computed as v, createElementBlock as y, createVNode as b, defineComponent as x, mergeDefaults as S, mergeProps as C, normalizeStyle as w, openBlock as T, ref as E, renderSlot as D, unref as O, watchEffect as ee, watchPostEffect as k, withCtx as A } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperContent.js
+var j = {
+	side: "bottom",
+	sideOffset: 0,
+	sideFlip: !0,
+	align: "center",
+	alignOffset: 0,
+	alignFlip: !0,
+	arrowPadding: 0,
+	hideShiftedArrow: !0,
+	avoidCollisions: !0,
+	collisionBoundary: () => [],
+	collisionPadding: 0,
+	sticky: "partial",
+	hideWhenDetached: !1,
+	positionStrategy: "fixed",
+	updatePositionStrategy: "optimized",
+	prioritizePosition: !1
+}, [M, N] = /* @__PURE__ */ e("PopperContent"), P = /* @__PURE__ */ x({
+	inheritAttrs: !1,
+	__name: "PopperContent",
+	props: /* @__PURE__ */ S({
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		sideFlip: {
+			type: Boolean,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		alignFlip: {
+			type: Boolean,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: !1
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: !1
+		},
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	}, { ...j }),
+	emits: ["placed"],
+	setup(e, { emit: x }) {
+		let S = e, j = x, M = a(), { forwardRef: P, currentElement: F } = n(), I = E(), L = E(), { width: R, height: z } = r(L), B = v(() => S.side + (S.align === "center" ? "" : `-${S.align}`)), V = v(() => typeof S.collisionPadding == "number" ? S.collisionPadding : {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0,
+			...S.collisionPadding
+		}), H = v(() => Array.isArray(S.collisionBoundary) ? S.collisionBoundary : [S.collisionBoundary]), U = v(() => ({
+			padding: V.value,
+			boundary: H.value.filter(s),
+			altBoundary: H.value.length > 0
+		})), W = v(() => ({
+			mainAxis: S.sideFlip,
+			crossAxis: S.alignFlip
+		})), G = t(() => [
+			p({
+				mainAxis: S.sideOffset + z.value,
+				alignmentAxis: S.alignOffset
+			}),
+			S.prioritizePosition && S.avoidCollisions && u({
+				...U.value,
+				...W.value
+			}),
+			S.avoidCollisions && m({
+				mainAxis: !0,
+				crossAxis: !!S.prioritizePosition,
+				limiter: S.sticky === "partial" ? f() : void 0,
+				...U.value
+			}),
+			!S.prioritizePosition && S.avoidCollisions && u({
+				...U.value,
+				...W.value
+			}),
+			h({
+				...U.value,
+				apply: ({ elements: e, rects: t, availableWidth: n, availableHeight: r }) => {
+					let { width: i, height: a } = t.reference, o = e.floating.style;
+					o.setProperty("--reka-popper-available-width", `${n}px`), o.setProperty("--reka-popper-available-height", `${r}px`), o.setProperty("--reka-popper-anchor-width", `${i}px`), o.setProperty("--reka-popper-anchor-height", `${a}px`);
+				}
+			}),
+			L.value && g({
+				element: L.value,
+				padding: S.arrowPadding
+			}),
+			c({
+				arrowWidth: R.value,
+				arrowHeight: z.value
+			}),
+			S.hideWhenDetached && d({
+				strategy: "referenceHidden",
+				...U.value
+			})
+		]), { floatingStyles: K, placement: q, isPositioned: J, middlewareData: Y, update: te } = _(v(() => S.reference ?? M.anchor.value), I, {
+			strategy: S.positionStrategy,
+			placement: B,
+			whileElementsMounted: (...e) => l(...e, {
+				layoutShift: !S.disableUpdateOnLayoutShift,
+				animationFrame: S.updatePositionStrategy === "always"
+			}),
+			middleware: G
+		}), X = v(() => o(q.value)[0]), Z = v(() => o(q.value)[1]);
+		k(() => {
+			J.value && j("placed");
+		});
+		let Q = v(() => {
+			let e = Y.value.arrow?.centerOffset !== 0;
+			return S.hideShiftedArrow && e;
+		}), $ = E("");
+		return ee(() => {
+			F.value && ($.value = window.getComputedStyle(F.value).zIndex);
+		}), N({
+			placedSide: X,
+			onArrowChange: (e) => L.value = e,
+			arrowX: v(() => Y.value.arrow?.x ?? 0),
+			arrowY: v(() => Y.value.arrow?.y ?? 0),
+			shouldHideArrow: Q
+		}), (e, t) => (T(), y("div", {
+			ref_key: "floatingRef",
+			ref: I,
+			"data-reka-popper-content-wrapper": "",
+			style: w({
+				...O(K),
+				transform: O(J) ? O(K).transform : "translate(0, -200%)",
+				minWidth: "max-content",
+				zIndex: $.value,
+				"--reka-popper-transform-origin": [O(Y).transformOrigin?.x, O(Y).transformOrigin?.y].join(" "),
+				...O(Y).hide?.referenceHidden && {
+					visibility: "hidden",
+					pointerEvents: "none"
+				}
+			})
+		}, [b(O(i), C({ ref: O(P) }, e.$attrs, {
+			"as-child": S.asChild,
+			as: e.as,
+			"data-side": X.value,
+			"data-align": Z.value,
+			style: { animation: O(J) ? void 0 : "none" }
+		}), {
+			default: A(() => [D(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"as",
+			"data-side",
+			"data-align",
+			"style"
+		])], 4));
+	}
+});
+//#endregion
+export { P as PopperContent_default };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperRoot.js

@@ -0,0 +1,16 @@
+import { createContext as e } from "../shared/createContext.js";
+import { defineComponent as t, ref as n, renderSlot as r } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/PopperRoot.js
+var [i, a] = /* @__PURE__ */ e("PopperRoot"), o = /* @__PURE__ */ t({
+	inheritAttrs: !1,
+	__name: "PopperRoot",
+	setup(e) {
+		let t = n();
+		return a({
+			anchor: t,
+			onAnchorChange: (e) => t.value = e
+		}), (e, t) => r(e.$slots, "default");
+	}
+});
+//#endregion
+export { o as PopperRoot_default, i as injectPopperRootContext };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/utils.js

@@ -0,0 +1,27 @@
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Popper/utils.js
+function e(e) {
+	return e !== null;
+}
+function t(e) {
+	return {
+		name: "transformOrigin",
+		options: e,
+		fn(t) {
+			let { placement: r, rects: i, middlewareData: a } = t, o = a.arrow?.centerOffset !== 0, s = o ? 0 : e.arrowWidth, c = o ? 0 : e.arrowHeight, [l, u] = n(r), d = {
+				start: "0%",
+				center: "50%",
+				end: "100%"
+			}[u], f = (a.arrow?.x ?? 0) + s / 2, p = (a.arrow?.y ?? 0) + c / 2, m = "", h = "";
+			return l === "bottom" ? (m = o ? d : `${f}px`, h = `${-c}px`) : l === "top" ? (m = o ? d : `${f}px`, h = `${i.floating.height + c}px`) : l === "right" ? (m = `${-c}px`, h = o ? d : `${p}px`) : l === "left" && (m = `${i.floating.width + c}px`, h = o ? d : `${p}px`), { data: {
+				x: m,
+				y: h
+			} };
+		}
+	};
+}
+function n(e) {
+	let [t, n = "center"] = e.split("-");
+	return [t, n];
+}
+//#endregion
+export { n as getSideAndAlignFromPlacement, e as isNotNull, t as transformOrigin };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Presence/Presence.js

@@ -0,0 +1,39 @@
+import { unrefElement as e } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { renderSlotFragments as t } from "../shared/renderSlotFragments.js";
+import { usePresence as n } from "./usePresence.js";
+import { defineComponent as r, getCurrentInstance as i, h as a, ref as o, toRefs as s } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Presence/Presence.js
+var c = /* @__PURE__ */ r({
+	name: "Presence",
+	props: {
+		present: {
+			type: Boolean,
+			required: !0
+		},
+		forceMount: { type: Boolean }
+	},
+	slots: {},
+	setup(r, { slots: c, expose: l }) {
+		let { present: u, forceMount: d } = s(r), f = o(), { isPresent: p } = n(u, f);
+		l({ present: p });
+		let m = c.default({ present: p.value });
+		m = t(m || []);
+		let h = i();
+		if (m && m?.length > 1) {
+			let e = h?.parent?.type.name ? `<${h.parent.type.name} />` : "component";
+			throw Error([
+				`Detected an invalid children for \`${e}\` for  \`Presence\` component.`,
+				"",
+				"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+				"You can apply a few solutions:",
+				["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((e) => `  - ${e}`).join("\n")
+			].join("\n"));
+		}
+		return () => d.value || u.value || p.value ? a(c.default({ present: p.value })[0], { ref: (t) => {
+			let n = e(t);
+			return n?.hasAttribute === void 0 || (n?.hasAttribute("data-reka-popper-content-wrapper") ? f.value = n.firstElementChild : f.value = n), n;
+		} }) : null;
+	}
+});
+//#endregion
+export { c as Presence_default };

package/dist/external/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Presence/usePresence.js

@@ -0,0 +1,58 @@
+import { isClient as e } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
+import { defaultWindow as t } from "../../../../../@vueuse_core@14.2.1_vue@3.5.32_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import { useStateMachine as n } from "../shared/useStateMachine.js";
+import { computed as r, nextTick as i, onUnmounted as a, ref as o, watch as s } from "vue";
+//#region node_modules/.pnpm/reka-ui@2.9.6_vue@3.5.32_typescript@5.8.3_/node_modules/reka-ui/dist/Presence/usePresence.js
+function c(c, u) {
+	let d = o({}), f = o("none"), p = o(c), m = c.value ? "mounted" : "unmounted", h, g = u.value?.ownerDocument.defaultView ?? t, { state: _, dispatch: v } = n(m, {
+		mounted: {
+			UNMOUNT: "unmounted",
+			ANIMATION_OUT: "unmountSuspended"
+		},
+		unmountSuspended: {
+			MOUNT: "mounted",
+			ANIMATION_END: "unmounted"
+		},
+		unmounted: { MOUNT: "mounted" }
+	}), y = (t) => {
+		if (e) {
+			let e = new CustomEvent(t, {
+				bubbles: !1,
+				cancelable: !1
+			});
+			u.value?.dispatchEvent(e);
+		}
+	};
+	s(c, async (e, t) => {
+		let n = t !== e;
+		if (await i(), n) {
+			let n = f.value, r = l(u.value);
+			e ? (v("MOUNT"), y("enter"), r === "none" && y("after-enter")) : r === "none" || r === "undefined" || d.value?.display === "none" ? (v("UNMOUNT"), y("leave"), y("after-leave")) : t && n !== r ? (v("ANIMATION_OUT"), y("leave")) : (v("UNMOUNT"), y("after-leave"));
+		}
+	}, { immediate: !0 });
+	let b = (e) => {
+		let t = l(u.value), n = t.includes(CSS.escape(e.animationName)), r = _.value === "mounted" ? "enter" : "leave";
+		if (e.target === u.value && n && (y(`after-${r}`), v("ANIMATION_END"), !p.value)) {
+			let e = u.value.style.animationFillMode;
+			u.value.style.animationFillMode = "forwards", h = g?.setTimeout(() => {
+				u.value?.style.animationFillMode === "forwards" && (u.value.style.animationFillMode = e);
+			});
+		}
+		e.target === u.value && t === "none" && v("ANIMATION_END");
+	}, x = (e) => {
+		e.target === u.value && (f.value = l(u.value));
+	}, S = s(u, (e, t) => {
+		e ? (d.value = getComputedStyle(e), e.addEventListener("animationstart", x), e.addEventListener("animationcancel", b), e.addEventListener("animationend", b)) : (v("ANIMATION_END"), h !== void 0 && g?.clearTimeout(h), t?.removeEventListener("animationstart", x), t?.removeEventListener("animationcancel", b), t?.removeEventListener("animationend", b));
+	}, { immediate: !0 }), C = s(_, () => {
+		let e = l(u.value);
+		f.value = _.value === "mounted" ? e : "none";
+	});
+	return a(() => {
+		S(), C();
+	}), { isPresent: r(() => ["mounted", "unmountSuspended"].includes(_.value)) };
+}
+function l(e) {
+	return e && getComputedStyle(e).animationName || "none";
+}
+//#endregion
+export { c as usePresence };