@juxtui/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3486 @@
+import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useId, useModel, vModelDynamic, vModelText, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+import { autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/components/avatar/JAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$19 = [
+	"role",
+	"aria-label",
+	"data-state"
+];
+var _hoisted_2$14 = { class: "j-avatar__frame" };
+var _hoisted_3$13 = ["src"];
+var _hoisted_4$9 = {
+	key: 1,
+	class: "j-avatar__fallback",
+	"aria-hidden": "true"
+};
+var _hoisted_5$7 = {
+	key: 1,
+	viewBox: "0 0 16 16",
+	fill: "currentColor",
+	class: "j-avatar__glyph"
+};
+//#endregion
+//#region src/components/avatar/JAvatar.vue
+var JAvatar_default = /* @__PURE__ */ defineComponent({
+	__name: "JAvatar",
+	props: {
+		src: {},
+		alt: {},
+		name: {},
+		size: { default: "md" },
+		shape: { default: "circle" },
+		status: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const state = ref(props.src ? "loading" : "error");
+		const img = ref(null);
+		watch(() => props.src, (src) => {
+			state.value = src ? "loading" : "error";
+		});
+		onMounted(() => {
+			if (img.value?.complete && img.value.naturalWidth > 0) state.value = "loaded";
+		});
+		const initials = computed(() => {
+			const parts = (props.name ?? "").trim().split(/\s+/).filter(Boolean);
+			if (parts.length === 0) return "";
+			const first = parts[0];
+			const last = parts.length > 1 ? parts[parts.length - 1] : "";
+			return (first[0] + (last[0] ?? "")).toUpperCase();
+		});
+		const statusLabel = {
+			online: "Online",
+			away: "Away",
+			busy: "Busy",
+			offline: "Offline"
+		};
+		const label = computed(() => {
+			const who = props.alt ?? props.name;
+			if (!who) return void 0;
+			return props.status ? `${who} (${statusLabel[props.status]})` : who;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(["j-avatar", [`j-avatar--${__props.size}`, `j-avatar--${__props.shape}`]]),
+				role: label.value ? "img" : void 0,
+				"aria-label": label.value,
+				"data-state": state.value
+			}, [createElementVNode("span", _hoisted_2$14, [__props.src && state.value !== "error" ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				ref_key: "img",
+				ref: img,
+				class: "j-avatar__image",
+				src: __props.src,
+				alt: "",
+				onLoad: _cache[0] || (_cache[0] = ($event) => state.value = "loaded"),
+				onError: _cache[1] || (_cache[1] = ($event) => state.value = "error")
+			}, null, 40, _hoisted_3$13)) : createCommentVNode("", true), state.value !== "loaded" ? (openBlock(), createElementBlock("span", _hoisted_4$9, [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(initials.value), 1)], 64)) : (openBlock(), createElementBlock("svg", _hoisted_5$7, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				cx: "8",
+				cy: "6",
+				r: "2.75"
+			}, null, -1), createElementVNode("path", { d: "M2.75 14c.6-2.6 2.7-4.25 5.25-4.25S12.65 11.4 13.25 14z" }, null, -1)])]))])])) : createCommentVNode("", true)]), __props.status ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["j-avatar__status", `j-avatar__status--${__props.status}`]),
+				"aria-hidden": "true"
+			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$19);
+		};
+	}
+});
+//#endregion
+//#region src/components/badge/JBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$18 = {
+	key: 0,
+	class: "j-badge__marker",
+	"aria-hidden": "true"
+};
+var _hoisted_2$13 = {
+	key: 1,
+	class: "j-badge__icon"
+};
+//#endregion
+//#region src/components/badge/JBadge.vue
+var JBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "JBadge",
+	props: {
+		variant: { default: "neutral" },
+		size: { default: "md" },
+		dot: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["j-badge", [
+				`j-badge--${__props.variant}`,
+				`j-badge--${__props.size}`,
+				{ "j-badge--status": __props.dot }
+			]]) }, [__props.dot ? (openBlock(), createElementBlock("span", _hoisted_1$18)) : _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$13, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+//#region src/icons.ts
+function icon(name, children, viewBox = "0 0 16 16") {
+	const component = (props) => h("svg", {
+		"xmlns": "http://www.w3.org/2000/svg",
+		viewBox,
+		"width": 16,
+		"height": 16,
+		"fill": "none",
+		"stroke": "currentColor",
+		"stroke-width": 1.5,
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"aria-hidden": "true",
+		"focusable": "false",
+		...props
+	}, children());
+	component.displayName = name;
+	return component;
+}
+var IconCheck = icon("IconCheck", () => [h("path", { d: "M3.5 8.5l3 3 6-7" })]);
+icon("IconChevronDown", () => [h("path", { d: "M4.5 6.25L8 9.75l3.5-3.5" })]);
+var IconChevronUpDown = icon("IconChevronUpDown", () => [h("path", { d: "M5.25 6L8 3.25 10.75 6M5.25 10L8 12.75 10.75 10" })]);
+var IconChevronRight = icon("IconChevronRight", () => [h("path", { d: "M6.25 4.5L9.75 8l-3.5 3.5" })]);
+var IconX = icon("IconX", () => [h("path", { d: "M4.5 4.5l7 7M11.5 4.5l-7 7" })]);
+var IconSearch = icon("IconSearch", () => [h("circle", {
+	cx: 7,
+	cy: 7,
+	r: 4.25
+}), h("path", { d: "M10.25 10.25L13 13" })]);
+var IconCircleCheck = icon("IconCircleCheck", () => [h("circle", {
+	cx: 8,
+	cy: 8,
+	r: 6.25
+}), h("path", { d: "M5.5 8.25l1.75 1.75L10.5 6.5" })]);
+var IconCircleX = icon("IconCircleX", () => [h("circle", {
+	cx: 8,
+	cy: 8,
+	r: 6.25
+}), h("path", { d: "M6.25 6.25l3.5 3.5M9.75 6.25l-3.5 3.5" })]);
+var IconAlert = icon("IconAlert", () => [
+	h("path", { d: "M7.13 2.75a1 1 0 0 1 1.74 0l5.15 9a1 1 0 0 1-.87 1.5H2.85a1 1 0 0 1-.87-1.5z" }),
+	h("path", { d: "M8 6.5v2.5" }),
+	h("path", {
+		"d": "M8 11.1v.01",
+		"stroke-width": 1.75
+	})
+]);
+var IconInfo = icon("IconInfo", () => [
+	h("circle", {
+		cx: 8,
+		cy: 8,
+		r: 6.25
+	}),
+	h("path", { d: "M8 7.5v3.25" }),
+	h("path", {
+		"d": "M8 5.25v.01",
+		"stroke-width": 1.75
+	})
+]);
+icon("IconCornerDownLeft", () => [h("path", { d: "M12.5 3.5v4.25a2 2 0 0 1-2 2h-7" }), h("path", { d: "M6 7l-2.5 2.75L6 12.5" })]);
+/** The loading spinner used across Juxt. A quarter arc over a faint track. */
+var Spinner = (props) => {
+	const size = props.size ?? 16;
+	return h("svg", {
+		"class": "j-spinner",
+		"viewBox": "0 0 16 16",
+		"width": size,
+		"height": size,
+		"aria-hidden": "true",
+		"focusable": "false"
+	}, [h("circle", {
+		"class": "j-spinner__track",
+		"cx": 8,
+		"cy": 8,
+		"r": 6,
+		"stroke-width": 1.75
+	}), h("circle", {
+		"cx": 8,
+		"cy": 8,
+		"r": 6,
+		"stroke-width": 1.75,
+		"stroke-dasharray": "9.5 28",
+		"stroke-dashoffset": 0
+	})]);
+};
+Spinner.displayName = "JSpinner";
+//#endregion
+//#region src/components/button/JButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$17 = { class: "j-button__content" };
+var _hoisted_2$12 = {
+	key: 0,
+	class: "j-button__icon"
+};
+var _hoisted_3$12 = {
+	key: 1,
+	class: "j-button__icon"
+};
+var _hoisted_4$8 = {
+	key: 0,
+	class: "j-button__spinner"
+};
+//#endregion
+//#region src/components/button/JButton.vue
+var JButton_default = /* @__PURE__ */ defineComponent({
+	__name: "JButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		loading: { type: Boolean },
+		disabled: { type: Boolean },
+		icon: { type: Boolean },
+		block: { type: Boolean },
+		as: { default: "button" },
+		type: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		const isNativeButton = computed(() => props.as === "button");
+		const inert = computed(() => props.disabled || props.loading);
+		const attrs = computed(() => {
+			if (isNativeButton.value) return {
+				type: props.type,
+				"disabled": props.disabled || void 0,
+				"aria-disabled": props.loading || void 0
+			};
+			return {
+				"aria-disabled": inert.value || void 0,
+				"tabindex": props.disabled ? -1 : void 0
+			};
+		});
+		function onClick(event) {
+			if (inert.value) {
+				event.preventDefault();
+				event.stopImmediatePropagation();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(attrs.value, {
+				class: ["j-button j-focusable", [
+					`j-button--${__props.variant}`,
+					`j-button--${__props.size}`,
+					{
+						"j-button--icon": __props.icon,
+						"j-button--block": __props.block,
+						"is-loading": __props.loading
+					}
+				]],
+				"aria-busy": __props.loading || void 0,
+				"data-disabled": __props.disabled || void 0,
+				onClickCapture: onClick
+			}), {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$17, [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$12, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$12, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+				]), createVNode(Transition, { name: "j-button-spinner" }, {
+					default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_4$8, [createVNode(unref(Spinner), { size: __props.size === "xs" ? 12 : __props.size === "lg" ? 16 : 14 }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, [
+				"class",
+				"aria-busy",
+				"data-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/card/JCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = {
+	key: 0,
+	class: "j-card__header"
+};
+var _hoisted_2$11 = { class: "j-card__heading" };
+var _hoisted_3$11 = {
+	key: 0,
+	class: "j-card__title"
+};
+var _hoisted_4$7 = {
+	key: 1,
+	class: "j-card__description"
+};
+var _hoisted_5$6 = {
+	key: 0,
+	class: "j-card__actions"
+};
+var _hoisted_6$5 = {
+	key: 1,
+	class: "j-card__body"
+};
+var _hoisted_7$2 = {
+	key: 2,
+	class: "j-card__footer"
+};
+//#endregion
+//#region src/components/card/JCard.vue
+var JCard_default = /* @__PURE__ */ defineComponent({
+	__name: "JCard",
+	props: {
+		title: {},
+		description: {},
+		variant: { default: "outline" },
+		padding: { default: "md" },
+		as: { default: "div" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["j-card", [`j-card--${__props.variant}`, `j-card--p-${__props.padding}`]]) }, {
+				default: withCtx(() => [
+					__props.title || __props.description || _ctx.$slots.header || _ctx.$slots.actions ? (openBlock(), createElementBlock("header", _hoisted_1$16, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2$11, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$7, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_7$2, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/checkbox/JCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = ["data-state"];
+var _hoisted_2$10 = { class: "j-checkbox__control" };
+var _hoisted_3$10 = [
+	"id",
+	"checked",
+	"disabled",
+	"required",
+	"name",
+	"value",
+	"aria-describedby"
+];
+var _hoisted_4$6 = {
+	key: 0,
+	class: "j-checkbox__text"
+};
+var _hoisted_5$5 = ["for"];
+var _hoisted_6$4 = ["id"];
+//#endregion
+//#region src/components/checkbox/JCheckbox.vue
+var JCheckbox_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		description: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		indeterminate: { type: Boolean },
+		name: {},
+		value: {},
+		id: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const generated = useId();
+		const id = computed(() => props.id ?? `j-${generated}`);
+		const descriptionId = computed(() => `${id.value}-description`);
+		const input = ref(null);
+		watchEffect(() => {
+			if (input.value) input.value.indeterminate = !!props.indeterminate;
+		});
+		const state = computed(() => props.indeterminate ? "indeterminate" : model.value ? "checked" : "unchecked");
+		function onChange(event) {
+			model.value = event.target.checked;
+		}
+		__expose({
+			input,
+			focus: () => input.value?.focus()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["j-checkbox", [_ctx.$attrs.class, { "is-disabled": __props.disabled }]]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"data-state": state.value
+			}, [createElementVNode("span", _hoisted_2$10, [createElementVNode("input", mergeProps({
+				id: id.value,
+				ref_key: "input",
+				ref: input
+			}, {
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, {
+				type: "checkbox",
+				class: "j-checkbox__input",
+				checked: model.value,
+				disabled: __props.disabled,
+				required: __props.required,
+				name: __props.name,
+				value: __props.value,
+				"aria-describedby": __props.description || _ctx.$slots.description ? descriptionId.value : void 0,
+				onChange
+			}), null, 16, _hoisted_3$10), _cache[0] || (_cache[0] = createStaticVNode("<span class=\"j-checkbox__box\" aria-hidden=\"true\"><svg class=\"j-checkbox__check\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 8.25l2.75 2.75L12 5.5\" pathLength=\"1\"></path></svg><svg class=\"j-checkbox__dash\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4.5 8h7\"></path></svg></span>", 1))]), __props.label || _ctx.$slots.default || __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$6, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: id.value,
+				class: "j-checkbox__label"
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 8, _hoisted_5$5)) : createCommentVNode("", true), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				id: descriptionId.value,
+				class: "j-checkbox__description"
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$4)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$15);
+		};
+	}
+});
+//#endregion
+//#region src/utils/dom.ts
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
+/** Resolve a template ref that may point at an element or a component instance. */
+function unrefElement(target) {
+	const value = unref(target);
+	if (!value) return null;
+	if (value instanceof Element) return value;
+	const el = value.$el;
+	if (el && el.nodeType !== Node.ELEMENT_NODE) {
+		const next = el.nextSibling;
+		return next instanceof HTMLElement ? next : null;
+	}
+	return el ?? null;
+}
+var FOCUSABLE = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+function isVisible(el) {
+	if (el.hidden) return false;
+	if (typeof el.checkVisibility === "function") return el.checkVisibility({ visibilityProperty: true });
+	for (let node = el; node; node = node.parentElement) {
+		const style = getComputedStyle(node);
+		if (style.display === "none" || style.visibility === "hidden") return false;
+	}
+	return true;
+}
+/** Elements that can receive keyboard focus, in DOM order. */
+function getFocusableElements(container) {
+	return Array.from(container.querySelectorAll(FOCUSABLE)).filter((el) => el.tabIndex >= 0 && !el.closest("[inert]") && isVisible(el));
+}
+function focusElement(el, options) {
+	if (!el) return;
+	el.focus({
+		preventScroll: true,
+		...options
+	});
+}
+var isMac = () => isClient && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);
+function prefersReducedMotion() {
+	return isClient && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+//#endregion
+//#region src/composables/useFocusTrap.ts
+var stack = [];
+function isTop(trap) {
+	return stack[stack.length - 1] === trap;
+}
+var listening$1 = false;
+function onKeydown$1(event) {
+	if (event.key !== "Tab" || event.defaultPrevented) return;
+	const container = stack[stack.length - 1]?.container.value;
+	if (!container) return;
+	const focusable = getFocusableElements(container);
+	if (focusable.length === 0) {
+		event.preventDefault();
+		focusElement(container);
+		return;
+	}
+	const first = focusable[0];
+	const last = focusable[focusable.length - 1];
+	const active = document.activeElement;
+	const inside = active ? container.contains(active) : false;
+	if (event.shiftKey && (active === first || active === container || !inside)) {
+		event.preventDefault();
+		focusElement(last);
+	} else if (!event.shiftKey && (active === last || !inside)) {
+		event.preventDefault();
+		focusElement(first);
+	}
+}
+function onFocusIn(event) {
+	const container = stack[stack.length - 1]?.container.value;
+	const target = event.target;
+	if (!container || !target || container.contains(target)) return;
+	if (target.closest?.("[data-juxt-layer-ignore]")) return;
+	const [first] = getFocusableElements(container);
+	focusElement(first ?? container);
+}
+function listen$1() {
+	if (listening$1 || !isClient) return;
+	document.addEventListener("keydown", onKeydown$1);
+	document.addEventListener("focusin", onFocusIn);
+	listening$1 = true;
+}
+function unlisten$1() {
+	if (!listening$1 || stack.length > 0) return;
+	document.removeEventListener("keydown", onKeydown$1);
+	document.removeEventListener("focusin", onFocusIn);
+	listening$1 = false;
+}
+/**
+* Keep keyboard focus inside `container` while `active` is true, and put it
+* back where it came from afterwards.
+*/
+function useFocusTrap(container, active, options = {}) {
+	const trap = { container };
+	let returnTo = null;
+	let activeContainer = null;
+	async function activate() {
+		returnTo = document.activeElement;
+		stack.push(trap);
+		listen$1();
+		await nextTick();
+		const el = container.value;
+		activeContainer = el;
+		if (!el || !isTop(trap)) return;
+		if (el.contains(document.activeElement)) return;
+		focusElement(options.initialFocus?.() ?? el.querySelector("[autofocus], [data-autofocus]") ?? getFocusableElements(el)[0] ?? el);
+	}
+	function deactivate() {
+		const index = stack.indexOf(trap);
+		if (index === -1) return;
+		stack.splice(index, 1);
+		unlisten$1();
+		if (options.restoreFocus === false) return;
+		const target = returnTo;
+		returnTo = null;
+		if (!target || !target.isConnected) return;
+		const current = document.activeElement;
+		const lost = !current || current === document.body || !current.isConnected || !!activeContainer?.contains(current) || !!container.value?.contains(current);
+		activeContainer = null;
+		if (lost) focusElement(target);
+	}
+	if (isClient) {
+		watch(active, (value) => {
+			if (value) activate();
+			else deactivate();
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		onBeforeUnmount(deactivate);
+	}
+}
+//#endregion
+//#region src/composables/useHotkey.ts
+/**
+* Parse a shortcut such as `mod+k`, `shift+/` or `alt+t`.
+* `mod` is ⌘ on Apple platforms and Ctrl elsewhere.
+*/
+function matchesHotkey(event, hotkey) {
+	const parts = hotkey.toLowerCase().split("+").map((part) => part.trim());
+	const key = parts.pop();
+	if (!key) return false;
+	const mac = isMac();
+	const want = {
+		meta: parts.includes("meta") || mac && parts.includes("mod"),
+		ctrl: parts.includes("ctrl") || !mac && parts.includes("mod"),
+		alt: parts.includes("alt"),
+		shift: parts.includes("shift")
+	};
+	if (event.metaKey !== want.meta || event.ctrlKey !== want.ctrl || event.altKey !== want.alt || event.shiftKey !== want.shift) return false;
+	const code = event.code.toLowerCase();
+	return event.key.toLowerCase() === key || code === `key${key}` || code === `digit${key}`;
+}
+/** Human-readable parts of a shortcut, e.g. `mod+k` → `['⌘', 'K']`. */
+function formatHotkey(hotkey) {
+	const labels = isMac() ? {
+		mod: "⌘",
+		meta: "⌘",
+		ctrl: "⌃",
+		alt: "⌥",
+		shift: "⇧",
+		enter: "↵",
+		escape: "Esc"
+	} : {
+		mod: "Ctrl",
+		meta: "Win",
+		ctrl: "Ctrl",
+		alt: "Alt",
+		shift: "Shift",
+		enter: "Enter",
+		escape: "Esc"
+	};
+	return hotkey.split("+").map((part) => {
+		const lower = part.trim().toLowerCase();
+		return labels[lower] ?? (lower.length === 1 ? lower.toUpperCase() : part.trim());
+	});
+}
+/** Run `handler` whenever the shortcut is pressed anywhere on the page. */
+function useHotkey(hotkey, handler) {
+	function onKeydown(event) {
+		const value = toValue(hotkey);
+		if (!value || event.repeat || event.isComposing) return;
+		if (!matchesHotkey(event, value)) return;
+		event.preventDefault();
+		handler(event);
+	}
+	onMounted(() => document.addEventListener("keydown", onKeydown));
+	onBeforeUnmount(() => document.removeEventListener("keydown", onKeydown));
+}
+//#endregion
+//#region src/composables/useLayer.ts
+var layers = [];
+var listening = false;
+function top() {
+	return layers[layers.length - 1];
+}
+function onKeydown(event) {
+	if (event.key !== "Escape" || event.defaultPrevented || event.isComposing) return;
+	const layer = top();
+	if (!layer?.options.onEscape) return;
+	event.preventDefault();
+	event.stopPropagation();
+	layer.options.onEscape(event);
+}
+function onPointerDown(event) {
+	const layer = top();
+	if (!layer?.options.onPointerDownOutside) return;
+	const target = event.target;
+	if (!target) return;
+	if (target.closest?.("[data-juxt-layer-ignore]")) return;
+	if (!layer.options.elements().some((el) => el?.contains(target))) layer.options.onPointerDownOutside(event);
+}
+function listen() {
+	if (listening || !isClient) return;
+	document.addEventListener("keydown", onKeydown);
+	document.addEventListener("pointerdown", onPointerDown, true);
+	listening = true;
+}
+function unlisten() {
+	if (!listening || layers.length > 0) return;
+	document.removeEventListener("keydown", onKeydown);
+	document.removeEventListener("pointerdown", onPointerDown, true);
+	listening = false;
+}
+function useLayer(options) {
+	const layer = { options };
+	const add = () => {
+		if (layers.includes(layer)) return;
+		layers.push(layer);
+		listen();
+	};
+	const remove = () => {
+		const index = layers.indexOf(layer);
+		if (index === -1) return;
+		layers.splice(index, 1);
+		unlisten();
+	};
+	if (isClient) {
+		watch(options.active, (value) => value ? add() : remove(), { immediate: true });
+		onBeforeUnmount(remove);
+	}
+	return { isTopLayer: () => top() === layer };
+}
+//#endregion
+//#region src/composables/useScrollLock.ts
+var locks = 0;
+var saved = null;
+function lock() {
+	locks++;
+	if (locks > 1) return;
+	const body = document.body;
+	const scrollbar = window.innerWidth - document.documentElement.clientWidth;
+	saved = {
+		overflow: body.style.overflow,
+		paddingRight: body.style.paddingRight
+	};
+	body.style.overflow = "hidden";
+	if (scrollbar > 0) {
+		const current = Number.parseFloat(getComputedStyle(body).paddingRight) || 0;
+		body.style.paddingRight = `${current + scrollbar}px`;
+	}
+	document.documentElement.style.setProperty("--juxt-scrollbar-width", `${scrollbar}px`);
+	document.documentElement.dataset.juxtScrollLocked = "";
+}
+function unlock() {
+	locks = Math.max(0, locks - 1);
+	if (locks > 0 || !saved) return;
+	document.body.style.overflow = saved.overflow;
+	document.body.style.paddingRight = saved.paddingRight;
+	document.documentElement.style.removeProperty("--juxt-scrollbar-width");
+	delete document.documentElement.dataset.juxtScrollLocked;
+	saved = null;
+}
+/** Prevent the page behind an overlay from scrolling while `active` is true. */
+function useScrollLock(active) {
+	if (!isClient) return;
+	let held = false;
+	const set = (value) => {
+		if (value === held) return;
+		held = value;
+		if (value) lock();
+		else unlock();
+	};
+	watch(active, set, { immediate: true });
+	onBeforeUnmount(() => set(false));
+}
+//#endregion
+//#region src/components/command-palette/search.ts
+var NO_MATCH = {
+	score: 0,
+	ranges: []
+};
+function matchText(query, text) {
+	const q = query.trim().toLowerCase();
+	if (!q) return {
+		score: 1,
+		ranges: []
+	};
+	const t = text.toLowerCase();
+	if (!t) return NO_MATCH;
+	if (t === q) return {
+		score: 1e3,
+		ranges: [[0, t.length]]
+	};
+	if (t.startsWith(q)) return {
+		score: 900 - Math.min(t.length - q.length, 100),
+		ranges: [[0, q.length]]
+	};
+	const wordStart = findWordStart(t, q);
+	if (wordStart > 0) return {
+		score: 700 - Math.min(wordStart, 100),
+		ranges: [[wordStart, wordStart + q.length]]
+	};
+	const index = t.indexOf(q);
+	if (index > 0) return {
+		score: 500 - Math.min(index, 100),
+		ranges: [[index, index + q.length]]
+	};
+	return subsequence(q, t);
+}
+function findWordStart(t, q) {
+	let from = 0;
+	while (from < t.length) {
+		const index = t.indexOf(q, from);
+		if (index === -1) return -1;
+		if (index > 0 && /[\s\-_/.:]/.test(t[index - 1])) return index;
+		from = index + 1;
+	}
+	return -1;
+}
+/** Letters in order, not necessarily adjacent — "gtst" finds "Go to settings". */
+function subsequence(q, t) {
+	const ranges = [];
+	let ti = 0;
+	let score = 100;
+	let previous = -2;
+	for (const char of q) {
+		if (char === " ") continue;
+		const found = t.indexOf(char, ti);
+		if (found === -1) return NO_MATCH;
+		if (found === previous + 1 && ranges.length) {
+			ranges[ranges.length - 1][1] = found + 1;
+			score += 12;
+		} else {
+			ranges.push([found, found + 1]);
+			if (found === 0 || /[\s\-_/.:]/.test(t[found - 1])) score += 8;
+		}
+		score -= Math.min(found - ti, 10);
+		previous = found;
+		ti = found + 1;
+	}
+	return {
+		score: Math.max(score, 1),
+		ranges
+	};
+}
+/** Split text into highlighted and plain runs. */
+function splitByRanges(text, ranges) {
+	if (!ranges.length) return [{
+		text,
+		match: false
+	}];
+	const parts = [];
+	let cursor = 0;
+	for (const [start, end] of ranges) {
+		if (start > cursor) parts.push({
+			text: text.slice(cursor, start),
+			match: false
+		});
+		parts.push({
+			text: text.slice(start, end),
+			match: true
+		});
+		cursor = end;
+	}
+	if (cursor < text.length) parts.push({
+		text: text.slice(cursor),
+		match: false
+	});
+	return parts;
+}
+//#endregion
+//#region src/components/primitives/JPortal.vue
+var JPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "JPortal",
+	props: { to: { default: "body" } },
+	setup(__props) {
+		/**
+		* Internal: teleports its content to `<body>`, but only once mounted.
+		*
+		* Server-rendered teleports to `body` never make it into the HTML, so a plain
+		* `<Teleport>` hydrates against nothing and warns. Rendering nothing until
+		* mount keeps server and client output identical — and overlays are closed on
+		* first paint anyway.
+		*/
+		const mounted = ref(false);
+		onMounted(() => mounted.value = true);
+		return (_ctx, _cache) => {
+			return mounted.value ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: __props.to
+			}, [renderSlot(_ctx.$slots, "default")], 8, ["to"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/command-palette/JCommandPalette.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$14 = {
+	key: 0,
+	class: "j-command__overlay",
+	"aria-hidden": "true"
+};
+var _hoisted_2$9 = ["aria-label"];
+var _hoisted_3$9 = { class: "j-command__search" };
+var _hoisted_4$5 = [
+	"aria-activedescendant",
+	"aria-label",
+	"placeholder"
+];
+var _hoisted_5$4 = {
+	key: 0,
+	class: "j-command__progress",
+	"aria-hidden": "true"
+};
+var _hoisted_6$3 = ["aria-label"];
+var _hoisted_7$1 = ["aria-labelledby"];
+var _hoisted_8$1 = ["id"];
+var _hoisted_9$1 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onPointermove",
+	"onClick"
+];
+var _hoisted_10 = {
+	key: 0,
+	class: "j-command__item-icon"
+};
+var _hoisted_11 = { class: "j-command__item-text" };
+var _hoisted_12 = { key: 0 };
+var _hoisted_13 = {
+	key: 0,
+	class: "j-command__item-description"
+};
+var _hoisted_14 = {
+	key: 1,
+	class: "j-command__item-shortcut",
+	"aria-hidden": "true"
+};
+var _hoisted_15 = {
+	key: 0,
+	class: "j-command__empty",
+	role: "presentation"
+};
+var _hoisted_16 = { class: "j-command__empty-title" };
+var _hoisted_17 = {
+	key: 0,
+	class: "j-command__empty-hint"
+};
+var _hoisted_18 = { class: "j-command__footer" };
+var _hoisted_19 = {
+	class: "j-sr-only",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+};
+//#endregion
+//#region src/components/command-palette/JCommandPalette.vue
+var JCommandPalette_default = /* @__PURE__ */ defineComponent({
+	__name: "JCommandPalette",
+	props: /*@__PURE__*/ mergeModels({
+		groups: {},
+		recent: {},
+		placeholder: { default: "Type a command or search…" },
+		loading: { type: Boolean },
+		filter: {
+			type: Boolean,
+			default: true
+		},
+		hotkey: {
+			type: [String, Boolean],
+			default: "mod+k"
+		},
+		label: { default: "Command palette" },
+		emptyText: { default: "No results" }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {},
+		"search": { default: "" },
+		"searchModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:open", "update:search"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const search = useModel(__props, "search");
+		const emit = __emit;
+		const id = `j-${useId()}`;
+		const listboxId = `${id}-listbox`;
+		const optionId = (key) => `${id}-option-${key.replace(/[^\w-]/g, "_")}`;
+		const sections = computed(() => {
+			const query = search.value.trim();
+			const toKey = (groupId, item) => `${groupId}:${item.id}`;
+			if (!query || !props.filter) {
+				const base = [];
+				if (!query && props.recent?.length) base.push({
+					id: "recent",
+					label: "Recent",
+					rows: props.recent.map((item) => ({
+						key: toKey("recent", item),
+						item,
+						ranges: [],
+						score: 1
+					}))
+				});
+				for (const group of props.groups) if (group.items.length) base.push({
+					id: group.id,
+					label: group.label,
+					rows: group.items.map((item) => ({
+						key: toKey(group.id, item),
+						item,
+						ranges: [],
+						score: 1
+					}))
+				});
+				return base;
+			}
+			const ranked = [];
+			for (const group of props.groups) {
+				const rows = [];
+				for (const item of group.items) {
+					const label = matchText(query, item.label);
+					let score = label.score;
+					if (item.keywords) for (const keyword of item.keywords) score = Math.max(score, matchText(query, keyword).score * .9);
+					if (item.description) score = Math.max(score, matchText(query, item.description).score * .5);
+					if (score > 0) rows.push({
+						key: toKey(group.id, item),
+						item,
+						ranges: label.ranges,
+						score
+					});
+				}
+				if (rows.length) {
+					rows.sort((a, b) => b.score - a.score);
+					ranked.push({
+						id: group.id,
+						label: group.label,
+						rows
+					});
+				}
+			}
+			return ranked.sort((a, b) => b.rows[0].score - a.rows[0].score);
+		});
+		const rows = computed(() => sections.value.flatMap((section) => section.rows));
+		const rowIndex = computed(() => new Map(rows.value.map((row, index) => [row.key, index])));
+		const activeIndex = ref(0);
+		const activeRow = computed(() => rows.value[activeIndex.value]);
+		function firstEnabled(from = 0, delta = 1) {
+			const count = rows.value.length;
+			for (let i = 0; i < count; i++) {
+				const index = (from + i * delta + count * 2) % count;
+				if (!rows.value[index].item.disabled) return index;
+			}
+			return -1;
+		}
+		watch(rows, () => activeIndex.value = Math.max(0, firstEnabled()));
+		const panel = ref(null);
+		const input = ref(null);
+		const list = ref(null);
+		useHotkey(() => props.hotkey, () => open.value = !open.value);
+		useLayer({
+			active: open,
+			elements: () => [panel.value],
+			onEscape: () => close()
+		});
+		useFocusTrap(panel, open, { initialFocus: () => input.value });
+		useScrollLock(open);
+		watch(open, (value) => {
+			if (!value) return;
+			search.value = "";
+			activeIndex.value = Math.max(0, firstEnabled());
+			nextTick(() => list.value?.scrollTo({ top: 0 }));
+		});
+		function close() {
+			open.value = false;
+		}
+		let pressedOutside = false;
+		function onPointerDown(event) {
+			pressedOutside = event.target === event.currentTarget;
+		}
+		function onClick(event) {
+			if (pressedOutside && event.target === event.currentTarget) close();
+			pressedOutside = false;
+		}
+		function choose(row) {
+			if (!row || row.item.disabled) return;
+			row.item.onSelect?.(row.item);
+			emit("select", row.item);
+			close();
+		}
+		function setActive(index) {
+			if (index < 0) return;
+			activeIndex.value = index;
+			const row = rows.value[index];
+			if (!row) return;
+			nextTick(() => {
+				const el = document.getElementById(optionId(row.key));
+				if (index === 0) list.value?.scrollTo({ top: 0 });
+				else el?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function move(delta, distance = 1) {
+			const count = rows.value.length;
+			if (!count) return;
+			let index = activeIndex.value;
+			for (let step = 0; step < distance; step++) {
+				const next = firstEnabled((index + delta + count) % count, delta);
+				if (next === -1) return;
+				if (distance > 1 && (delta === 1 && next < index || delta === -1 && next > index)) break;
+				index = next;
+			}
+			setActive(index);
+		}
+		function onKeydown(event) {
+			if (event.isComposing) return;
+			const ctrl = event.ctrlKey && !event.metaKey && !event.altKey;
+			const key = event.key;
+			if (key === "ArrowDown" || ctrl && key === "n") move(1);
+			else if (key === "ArrowUp" || ctrl && key === "p") move(-1);
+			else if (key === "PageDown") move(1, 5);
+			else if (key === "PageUp") move(-1, 5);
+			else if (key === "Enter") choose(activeRow.value);
+			else return;
+			event.preventDefault();
+		}
+		function onRowPointerMove(index) {
+			if (activeIndex.value !== index && !rows.value[index]?.item.disabled) activeIndex.value = index;
+		}
+		const announcement = ref("");
+		let announceTimer;
+		watch([rows, () => props.loading], () => {
+			clearTimeout(announceTimer);
+			announceTimer = setTimeout(() => {
+				if (!open.value) return;
+				if (props.loading) announcement.value = "Loading results";
+				else announcement.value = rows.value.length === 1 ? "1 result" : `${rows.value.length} results`;
+			}, 350);
+		});
+		const mounted = ref(false);
+		onMounted(() => mounted.value = true);
+		const keys = (hotkey) => mounted.value ? formatHotkey(hotkey) : [];
+		__expose({
+			close,
+			focus: () => input.value?.focus()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JPortal_default, null, {
+				default: withCtx(() => [createVNode(Transition, { name: "j-command-overlay" }, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$14)) : createCommentVNode("", true)]),
+					_: 1
+				}), createVNode(Transition, {
+					name: "j-command",
+					duration: {
+						enter: 180,
+						leave: 110
+					}
+				}, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "j-command__positioner",
+						onPointerdown: onPointerDown,
+						onClick
+					}, [createElementVNode("div", {
+						ref_key: "panel",
+						ref: panel,
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": __props.label,
+						class: "j-command"
+					}, [
+						createElementVNode("div", _hoisted_3$9, [
+							createVNode(unref(IconSearch), { class: "j-command__search-icon" }),
+							withDirectives(createElementVNode("input", {
+								ref_key: "input",
+								ref: input,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+								class: "j-command__input",
+								type: "text",
+								role: "combobox",
+								"aria-expanded": "true",
+								"aria-autocomplete": "list",
+								"aria-controls": listboxId,
+								"aria-activedescendant": activeRow.value ? optionId(activeRow.value.key) : void 0,
+								"aria-label": __props.label,
+								placeholder: __props.placeholder,
+								autocomplete: "off",
+								autocorrect: "off",
+								autocapitalize: "off",
+								spellcheck: "false",
+								enterkeyhint: "go",
+								onKeydown
+							}, null, 40, _hoisted_4$5), [[vModelText, search.value]]),
+							createElementVNode("button", {
+								type: "button",
+								class: "j-command__esc j-kbd",
+								tabindex: "-1",
+								"aria-label": "Close",
+								onClick: close
+							}, " Esc "),
+							__props.loading ? (openBlock(), createElementBlock("span", _hoisted_5$4)) : createCommentVNode("", true)
+						]),
+						createElementVNode("div", {
+							id: listboxId,
+							ref_key: "list",
+							ref: list,
+							role: "listbox",
+							"aria-label": __props.label,
+							class: "j-command__list",
+							onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
+							return openBlock(), createElementBlock("div", {
+								key: section.id,
+								role: "group",
+								class: "j-command__group",
+								"aria-labelledby": section.label ? `${id}-group-${section.id}` : void 0
+							}, [section.label ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								id: `${id}-group-${section.id}`,
+								class: "j-command__group-label",
+								role: "presentation"
+							}, toDisplayString(section.label), 9, _hoisted_8$1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(section.rows, (row) => {
+								return openBlock(), createElementBlock("div", {
+									id: optionId(row.key),
+									key: row.key,
+									role: "option",
+									class: normalizeClass(["j-command__item", { "is-active": row.key === activeRow.value?.key }]),
+									"aria-selected": row.key === activeRow.value?.key,
+									"aria-disabled": row.item.disabled || void 0,
+									onPointermove: ($event) => onRowPointerMove(rowIndex.value.get(row.key)),
+									onClick: ($event) => choose(row)
+								}, [renderSlot(_ctx.$slots, "item", {
+									item: row.item,
+									active: row.key === activeRow.value?.key
+								}, () => [
+									row.item.icon ? (openBlock(), createElementBlock("span", _hoisted_10, [(openBlock(), createBlock(resolveDynamicComponent(row.item.icon)))])) : createCommentVNode("", true),
+									createElementVNode("span", _hoisted_11, [createElementVNode("span", { class: normalizeClass(["j-command__item-label", { "is-searching": row.ranges.length }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(splitByRanges)(row.item.label, row.ranges), (part, i) => {
+										return openBlock(), createElementBlock(Fragment, { key: i }, [part.match ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+									}), 128))], 2), row.item.description ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(row.item.description), 1)) : createCommentVNode("", true)]),
+									row.item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(keys(row.item.shortcut), (key) => {
+										return openBlock(), createElementBlock("kbd", {
+											key,
+											class: "j-kbd"
+										}, toDisplayString(key), 1);
+									}), 128))])) : createCommentVNode("", true)
+								])], 42, _hoisted_9$1);
+							}), 128))], 8, _hoisted_7$1);
+						}), 128)), !rows.value.length ? (openBlock(), createElementBlock("div", _hoisted_15, [__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(Spinner), { size: 16 }), _cache[2] || (_cache[2] = createElementVNode("span", null, "Searching…", -1))], 64)) : renderSlot(_ctx.$slots, "empty", { search: search.value }, () => [createElementVNode("span", _hoisted_16, toDisplayString(__props.emptyText), 1), search.value ? (openBlock(), createElementBlock("span", _hoisted_17, "Nothing matches “" + toDisplayString(search.value) + "”. Try fewer words.", 1)) : createCommentVNode("", true)], void 0, 1)])) : createCommentVNode("", true)], 40, _hoisted_6$3),
+						createElementVNode("div", _hoisted_18, [renderSlot(_ctx.$slots, "footer", {}, () => [
+							_cache[3] || (_cache[3] = createElementVNode("span", { class: "j-command__hint" }, [
+								createElementVNode("kbd", { class: "j-kbd" }, "↑"),
+								createElementVNode("kbd", { class: "j-kbd" }, "↓"),
+								createTextVNode(" Navigate")
+							], -1)),
+							_cache[4] || (_cache[4] = createElementVNode("span", { class: "j-command__hint" }, [createElementVNode("kbd", { class: "j-kbd" }, "↵"), createTextVNode(" Select")], -1)),
+							_cache[5] || (_cache[5] = createElementVNode("span", { class: "j-command__hint" }, [createElementVNode("kbd", { class: "j-kbd" }, "Esc"), createTextVNode(" Close")], -1))
+						])]),
+						createElementVNode("span", _hoisted_19, toDisplayString(announcement.value), 1)
+					], 8, _hoisted_2$9)], 32)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/dialog/JDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = {
+	key: 0,
+	class: "j-dialog__overlay",
+	"aria-hidden": "true"
+};
+var _hoisted_2$8 = [
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby"
+];
+var _hoisted_3$8 = {
+	key: 0,
+	class: "j-dialog__header"
+};
+var _hoisted_4$4 = {
+	key: 1,
+	class: "j-dialog__body"
+};
+var _hoisted_5$3 = {
+	key: 2,
+	class: "j-dialog__footer"
+};
+//#endregion
+//#region src/components/dialog/JDialog.vue
+var JDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "JDialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		description: {},
+		size: { default: "md" },
+		closeOnOverlay: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: true
+		},
+		hideClose: { type: Boolean },
+		ariaLabel: {}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["afterClose"], ["update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const id = useId();
+		const titleId = `j-${id}-title`;
+		const descriptionId = `j-${id}-description`;
+		const panel = ref(null);
+		const nudging = ref(false);
+		function close() {
+			open.value = false;
+		}
+		function nudge() {
+			if (prefersReducedMotion()) return;
+			nudging.value = false;
+			requestAnimationFrame(() => nudging.value = true);
+		}
+		const { isTopLayer } = useLayer({
+			active: open,
+			elements: () => [panel.value],
+			onEscape: () => props.closeOnEscape ? close() : nudge()
+		});
+		useFocusTrap(panel, open, { initialFocus: () => panel.value?.querySelector("[autofocus], [data-autofocus]") ?? panel.value?.querySelector(".j-dialog__body :is(input:not([type=hidden]), textarea, select, [role=combobox]):not(:disabled)") ?? panel.value });
+		useScrollLock(open);
+		let pressedOutside = false;
+		function onPointerDown(event) {
+			pressedOutside = event.target === event.currentTarget && isTopLayer();
+		}
+		function onClick(event) {
+			const outside = pressedOutside && event.target === event.currentTarget;
+			pressedOutside = false;
+			if (!outside) return;
+			if (props.closeOnOverlay) close();
+			else nudge();
+		}
+		__expose({ close });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JPortal_default, null, {
+				default: withCtx(() => [createVNode(Transition, { name: "j-dialog-overlay" }, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$13)) : createCommentVNode("", true)]),
+					_: 1
+				}), createVNode(Transition, {
+					name: "j-dialog",
+					duration: {
+						enter: 240,
+						leave: 150
+					},
+					onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("afterClose"))
+				}, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "j-dialog__positioner",
+						onPointerdown: onPointerDown,
+						onClick
+					}, [createElementVNode("div", {
+						ref_key: "panel",
+						ref: panel,
+						role: "dialog",
+						"aria-modal": "true",
+						tabindex: "-1",
+						class: normalizeClass(["j-dialog__panel", [`j-dialog__panel--${__props.size}`, { "is-nudging": nudging.value }]]),
+						"aria-labelledby": __props.title || _ctx.$slots.header ? titleId : void 0,
+						"aria-label": __props.ariaLabel,
+						"aria-describedby": __props.description ? descriptionId : void 0,
+						onAnimationend: _cache[0] || (_cache[0] = ($event) => nudging.value = false)
+					}, [
+						__props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3$8, [renderSlot(_ctx.$slots, "header", {
+							titleId,
+							descriptionId
+						}, () => [createElementVNode("h2", {
+							id: titleId,
+							class: "j-dialog__title"
+						}, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("p", {
+							key: 0,
+							id: descriptionId,
+							class: "j-dialog__description"
+						}, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+						_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "default", { close })])) : createCommentVNode("", true),
+						_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5$3, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true),
+						!__props.hideClose ? (openBlock(), createElementBlock("button", {
+							key: 3,
+							type: "button",
+							class: "j-dialog__close j-focusable",
+							"aria-label": "Close",
+							onClick: close
+						}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
+					], 42, _hoisted_2$8)], 32)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/primitives/JSlot.ts
+function firstElement(nodes) {
+	if (!nodes) return void 0;
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			const found = firstElement(node.children);
+			if (found) return found;
+			continue;
+		}
+		if (node.type === Text) {
+			if (typeof node.children === "string" && node.children.trim() === "") continue;
+			return h("span", null, node.children);
+		}
+		return node;
+	}
+}
+/**
+* Internal: renders its first child element and merges its own attributes
+* (ARIA, listeners, ids) onto it — no wrapper element.
+*/
+var JSlot = defineComponent({
+	name: "JSlot",
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
+		return () => {
+			const child = firstElement(slots.default?.());
+			if (!child) return null;
+			const { id, ...rest } = attrs;
+			return cloneVNode(child, child.props?.id ? rest : {
+				id,
+				...rest
+			}, true);
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/context.ts
+var MENU_ROOT = Symbol("JDropdownMenu");
+var MENU_LEVEL = Symbol("JDropdownMenuLevel");
+function getMenuItems(content) {
+	if (!content) return [];
+	return Array.from(content.querySelectorAll("[role^=\"menuitem\"]:not([aria-disabled=\"true\"])"));
+}
+//#endregion
+//#region src/composables/useFloating.ts
+var ORIGIN = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+/**
+* Position a floating element next to a reference element and keep it there
+* through scroll and resize. Coordinates are written to `left`/`top` so
+* `transform` stays free for enter/leave motion.
+*/
+function useFloating(reference, floating, options = {}) {
+	const read = () => typeof options === "function" ? options() : options;
+	const x = ref(0);
+	const y = ref(0);
+	const placement = ref(read().placement ?? "bottom-start");
+	const availableHeight = ref();
+	const referenceWidth = ref();
+	const stop = shallowRef();
+	async function update() {
+		const referenceEl = reference.value;
+		const floatingEl = floating.value;
+		if (!referenceEl || !floatingEl) return;
+		const opts = read();
+		const padding = opts.padding ?? 8;
+		const result = await computePosition(referenceEl, floatingEl, {
+			strategy: "fixed",
+			placement: opts.placement ?? "bottom-start",
+			middleware: [
+				offset(opts.offset ?? 6),
+				flip({ padding }),
+				shift({ padding }),
+				size({
+					padding,
+					apply({ availableHeight: height, rects }) {
+						availableHeight.value = Math.max(120, Math.floor(height));
+						referenceWidth.value = rects.reference.width;
+					}
+				})
+			]
+		});
+		x.value = Math.round(result.x);
+		y.value = Math.round(result.y);
+		placement.value = result.placement;
+	}
+	watch([reference, floating], ([referenceEl, floatingEl]) => {
+		stop.value?.();
+		stop.value = void 0;
+		if (referenceEl && floatingEl) stop.value = autoUpdate(referenceEl, floatingEl, update);
+	}, { flush: "post" });
+	onBeforeUnmount(() => stop.value?.());
+	const side = computed(() => placement.value.split("-")[0]);
+	return {
+		x,
+		y,
+		placement,
+		side,
+		styles: computed(() => {
+			const align = placement.value.split("-")[1];
+			const cross = side.value === "top" || side.value === "bottom" ? align === "start" ? "left" : align === "end" ? "right" : "center" : align === "start" ? "top" : align === "end" ? "bottom" : "center";
+			const origin = side.value === "top" || side.value === "bottom" ? `${cross} ${ORIGIN[side.value]}` : `${ORIGIN[side.value]} ${cross}`;
+			const dir = side.value === "top" ? 1 : side.value === "bottom" ? -1 : 0;
+			return {
+				"position": "fixed",
+				"left": `${x.value}px`,
+				"top": `${y.value}px`,
+				"transformOrigin": origin,
+				"minWidth": read().matchWidth && referenceWidth.value ? `${referenceWidth.value}px` : void 0,
+				"--j-available-height": availableHeight.value ? `${availableHeight.value}px` : void 0,
+				"--j-pop-dir": String(dir),
+				"--j-pop-x": String(side.value === "left" ? 1 : side.value === "right" ? -1 : 0)
+			};
+		}),
+		update
+	};
+}
+//#endregion
+//#region src/composables/useTypeahead.ts
+/**
+* Type-to-jump for lists. Characters typed in quick succession form a query;
+* repeating the same letter cycles through matches.
+*/
+function useTypeahead(timeout = 500) {
+	let query = "";
+	let timer;
+	function search(key, items, getLabel, currentIndex) {
+		if (key.length !== 1 || key === " " && query === "") return -1;
+		clearTimeout(timer);
+		timer = setTimeout(() => query = "", timeout);
+		query += key.toLowerCase();
+		const repeated = query.length > 1 && [...query].every((char) => char === query[0]);
+		const needle = repeated ? query[0] : query;
+		const start = repeated || query.length === 1 ? currentIndex + 1 : currentIndex;
+		for (let i = 0; i < items.length; i++) {
+			const index = (start + i + items.length) % items.length;
+			if (getLabel(items[index]).trim().toLowerCase().startsWith(needle)) return index;
+		}
+		return -1;
+	}
+	const isSearching = () => query.length > 0;
+	return {
+		search,
+		isSearching
+	};
+}
+//#endregion
+//#region src/components/dropdown-menu/JMenuContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = ["id", "aria-labelledby"];
+//#endregion
+//#region src/components/dropdown-menu/JMenuContent.vue
+var JMenuContent_default = /* @__PURE__ */ defineComponent({
+	__name: "JMenuContent",
+	props: {
+		open: { type: Boolean },
+		reference: {},
+		id: {},
+		labelledby: {},
+		placement: {},
+		offset: {},
+		initialFocus: {},
+		isSub: { type: Boolean }
+	},
+	emits: [
+		"escape",
+		"outside",
+		"back",
+		"pointerenter"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* Internal: the floating list shared by the root menu and submenus.
+		* Owns positioning, keyboard navigation, typeahead and the layer.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const root = inject(MENU_ROOT);
+		const content = ref(null);
+		const { styles } = useFloating(toRef(props, "reference"), content, () => ({
+			placement: props.placement,
+			offset: props.offset
+		}));
+		const typeahead = useTypeahead();
+		useLayer({
+			active: toRef(props, "open"),
+			elements: () => [content.value, props.reference],
+			onEscape: () => emit("escape"),
+			onPointerDownOutside: (event) => emit("outside", event)
+		});
+		const openSub = ref(null);
+		let subTimer;
+		provide(MENU_LEVEL, {
+			content,
+			openSub,
+			setOpenSub: (id) => {
+				clearTimeout(subTimer);
+				openSub.value = id;
+			},
+			scheduleSubClose: () => {
+				if (!openSub.value) return;
+				clearTimeout(subTimer);
+				subTimer = setTimeout(() => openSub.value = null, 180);
+			},
+			cancelSubClose: () => clearTimeout(subTimer)
+		});
+		watch(() => props.open, async (value) => {
+			if (!value) {
+				openSub.value = null;
+				return;
+			}
+			if (props.initialFocus === "none") return;
+			await nextTick();
+			const items = getMenuItems(content.value);
+			if (props.initialFocus === "first") focusElement(items[0] ?? content.value);
+			else if (props.initialFocus === "last") focusElement(items[items.length - 1] ?? content.value);
+			else focusElement(content.value);
+		}, { flush: "post" });
+		function move(delta) {
+			const items = getMenuItems(content.value);
+			if (items.length === 0) return;
+			const current = items.indexOf(document.activeElement);
+			let next;
+			if (delta === "first") next = 0;
+			else if (delta === "last") next = items.length - 1;
+			else if (current === -1) next = delta === 1 ? 0 : items.length - 1;
+			else next = (current + delta + items.length) % items.length;
+			focusElement(items[next]);
+		}
+		function onKeydown(event) {
+			const { key } = event;
+			switch (key) {
+				case "ArrowDown":
+					event.preventDefault();
+					move(1);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					move(-1);
+					break;
+				case "Home":
+				case "PageUp":
+					event.preventDefault();
+					move("first");
+					break;
+				case "End":
+				case "PageDown":
+					event.preventDefault();
+					move("last");
+					break;
+				case "ArrowLeft":
+					if (props.isSub) {
+						event.preventDefault();
+						emit("back");
+					}
+					break;
+				case "Tab":
+					event.preventDefault();
+					root.close(true);
+					break;
+				case "Enter":
+				case " ": {
+					const active = document.activeElement;
+					if (active && active !== content.value && content.value?.contains(active)) {
+						event.preventDefault();
+						active.click();
+					}
+					break;
+				}
+				default: if (key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey) {
+					const items = getMenuItems(content.value);
+					const index = typeahead.search(key, items, (item) => item.textContent ?? "", items.indexOf(document.activeElement));
+					if (index >= 0) focusElement(items[index]);
+				}
+			}
+		}
+		__expose({ content });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JPortal_default, null, {
+				default: withCtx(() => [createVNode(Transition, { name: "j-pop" }, {
+					default: withCtx(() => [__props.open ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: __props.id,
+						ref_key: "content",
+						ref: content,
+						role: "menu",
+						tabindex: "-1",
+						class: normalizeClass(["j-menu j-popover-surface", { "j-menu--sub": __props.isSub }]),
+						style: normalizeStyle(unref(styles)),
+						"aria-labelledby": __props.labelledby,
+						"aria-orientation": "vertical",
+						onKeydown,
+						onPointerenter: _cache[0] || (_cache[0] = ($event) => emit("pointerenter"))
+					}, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1$12)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenu.vue
+var JDropdownMenu_default = /* @__PURE__ */ defineComponent({
+	__name: "JDropdownMenu",
+	props: /*@__PURE__*/ mergeModels({
+		placement: { default: "bottom-start" },
+		offset: { default: 6 },
+		disabled: { type: Boolean }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const id = useId();
+		const triggerId = `j-${id}-trigger`;
+		const menuId = `j-${id}-menu`;
+		const triggerRef = ref();
+		const triggerEl = computed(() => unrefElement(triggerRef.value));
+		const initialFocus = ref("content");
+		function show(focus) {
+			if (props.disabled) return;
+			initialFocus.value = focus;
+			open.value = true;
+		}
+		function close(restoreFocus = true) {
+			if (!open.value) return;
+			open.value = false;
+			if (restoreFocus) nextTick(() => focusElement(triggerEl.value));
+		}
+		provide(MENU_ROOT, { close });
+		function onClick(event) {
+			if (open.value) return close(false);
+			show(event.detail === 0 ? "first" : "content");
+		}
+		function onKeydown(event) {
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				event.preventDefault();
+				show(event.key === "ArrowDown" ? "first" : "last");
+			}
+		}
+		const triggerProps = computed(() => ({
+			"id": triggerId,
+			"aria-haspopup": "menu",
+			"aria-expanded": open.value,
+			"aria-controls": open.value ? menuId : void 0,
+			"data-state": open.value ? "open" : "closed",
+			"onClick": onClick,
+			"onKeydown": onKeydown
+		}));
+		__expose({
+			open: () => show("content"),
+			close
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(JSlot), mergeProps({
+				ref_key: "triggerRef",
+				ref: triggerRef
+			}, triggerProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", { open: open.value })]),
+				_: 3
+			}, 16), createVNode(JMenuContent_default, {
+				id: menuId,
+				open: open.value,
+				reference: triggerEl.value,
+				labelledby: triggerEl.value?.id || triggerId,
+				placement: __props.placement,
+				offset: __props.offset,
+				"initial-focus": initialFocus.value,
+				onEscape: _cache[0] || (_cache[0] = ($event) => close(true)),
+				onOutside: _cache[1] || (_cache[1] = ($event) => close(false))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"open",
+				"reference",
+				"labelledby",
+				"placement",
+				"offset",
+				"initial-focus"
+			])], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = {
+	key: 0,
+	class: "j-menu__icon"
+};
+var _hoisted_2$7 = { class: "j-menu__text" };
+var _hoisted_3$7 = {
+	key: 1,
+	class: "j-menu__shortcut"
+};
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuItem.vue
+var JDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
+	__name: "JDropdownMenuItem",
+	props: {
+		disabled: { type: Boolean },
+		destructive: { type: Boolean },
+		shortcut: {},
+		as: { default: "div" },
+		checked: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const root = inject(MENU_ROOT);
+		const level = inject(MENU_LEVEL);
+		const el = ref(null);
+		function onClick(event) {
+			if (props.disabled) {
+				event.preventDefault();
+				return;
+			}
+			const selectEvent = new Event("select", { cancelable: true });
+			emit("select", selectEvent);
+			if (!selectEvent.defaultPrevented) root.close(true);
+		}
+		function resolve(target) {
+			const value = target;
+			return value instanceof HTMLElement ? value : value?.$el ?? null;
+		}
+		function onPointerMove() {
+			level.scheduleSubClose();
+			const node = resolve(el.value);
+			if (props.disabled || !node || document.activeElement === node) return;
+			focusElement(node);
+		}
+		function onPointerLeave() {
+			const node = resolve(el.value);
+			if (node && document.activeElement === node) focusElement(level.content.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "el",
+				ref: el,
+				role: __props.checked === void 0 ? "menuitem" : "menuitemradio",
+				"aria-checked": __props.checked === void 0 ? void 0 : __props.checked,
+				tabindex: "-1",
+				class: normalizeClass(["j-menu__item", { "j-menu__item--destructive": __props.destructive }]),
+				"aria-disabled": __props.disabled || void 0,
+				onClick,
+				onPointermove: onPointerMove,
+				onPointerleave: onPointerLeave
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$11, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_2$7, [renderSlot(_ctx.$slots, "default")]),
+					__props.shortcut ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true),
+					__props.checked !== void 0 ? (openBlock(), createBlock(unref(IconCheck), {
+						key: 2,
+						class: normalizeClass(["j-menu__check", { "is-checked": __props.checked }])
+					}, null, 8, ["class"])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 40, [
+				"role",
+				"aria-checked",
+				"class",
+				"aria-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = {
+	class: "j-menu__label",
+	role: "presentation"
+};
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuLabel.vue
+var JDropdownMenuLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "JDropdownMenuLabel",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$10, [renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuSeparator.vue
+var _sfc_main = {};
+var _hoisted_1$9 = {
+	role: "separator",
+	"aria-orientation": "horizontal",
+	class: "j-menu__separator"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1$9);
+}
+var JDropdownMenuSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuSub.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = [
+	"aria-expanded",
+	"aria-controls",
+	"aria-disabled"
+];
+var _hoisted_2$6 = {
+	key: 0,
+	class: "j-menu__icon"
+};
+var _hoisted_3$6 = { class: "j-menu__text" };
+//#endregion
+//#region src/components/dropdown-menu/JDropdownMenuSub.vue
+var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
+	__name: "JDropdownMenuSub",
+	props: {
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const root = inject(MENU_ROOT);
+		const level = inject(MENU_LEVEL);
+		const id = useId();
+		const itemId = `j-${id}-subtrigger`;
+		const menuId = `j-${id}-submenu`;
+		const item = ref(null);
+		const sub = ref(null);
+		const initialFocus = ref("none");
+		const isOpen = computed(() => level.openSub.value === menuId);
+		let openTimer;
+		function openSub(focus) {
+			if (props.disabled) return;
+			initialFocus.value = focus;
+			level.setOpenSub(menuId);
+		}
+		function closeSub(returnFocus) {
+			if (level.openSub.value === menuId) level.setOpenSub(null);
+			if (returnFocus) nextTick(() => focusElement(item.value));
+		}
+		function onPointerMove() {
+			level.cancelSubClose();
+			if (props.disabled) return;
+			if (document.activeElement !== item.value) focusElement(item.value);
+			if (isOpen.value) return;
+			clearTimeout(openTimer);
+			openTimer = setTimeout(() => openSub("none"), 90);
+		}
+		function onPointerLeave() {
+			clearTimeout(openTimer);
+		}
+		function onKeydown(event) {
+			if (event.key === "ArrowRight" || event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				event.stopPropagation();
+				if (isOpen.value) focusElement(getMenuItems(sub.value?.content ?? null)[0]);
+				else openSub("first");
+			}
+		}
+		function onClick() {
+			openSub("first");
+		}
+		function onOutside(event) {
+			const target = event.target;
+			if (level.content.value?.contains(target)) closeSub(false);
+			else root.close(false);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
+				id: itemId,
+				ref_key: "item",
+				ref: item,
+				role: "menuitem",
+				tabindex: "-1",
+				class: "j-menu__item",
+				"aria-haspopup": "menu",
+				"aria-expanded": isOpen.value,
+				"aria-controls": isOpen.value ? menuId : void 0,
+				"aria-disabled": __props.disabled || void 0,
+				onPointermove: onPointerMove,
+				onPointerleave: onPointerLeave,
+				onKeydown,
+				onClick
+			}, [
+				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$6, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$6, toDisplayString(__props.label), 1),
+				createVNode(unref(IconChevronRight), { class: "j-menu__chevron" })
+			], 40, _hoisted_1$8), createVNode(JMenuContent_default, {
+				id: menuId,
+				ref_key: "sub",
+				ref: sub,
+				open: isOpen.value,
+				reference: item.value,
+				labelledby: itemId,
+				placement: "right-start",
+				offset: {
+					mainAxis: 2,
+					crossAxis: -5
+				},
+				"initial-focus": initialFocus.value,
+				"is-sub": "",
+				onEscape: _cache[0] || (_cache[0] = ($event) => closeSub(true)),
+				onBack: _cache[1] || (_cache[1] = ($event) => closeSub(true)),
+				onOutside,
+				onPointerenter: _cache[2] || (_cache[2] = ($event) => unref(level).cancelSubClose())
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"open",
+				"reference",
+				"initial-focus"
+			])], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/field/JFieldShell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = {
+	key: 0,
+	class: "j-field__required",
+	"aria-hidden": "true"
+};
+var _hoisted_2$5 = { class: "j-field__messages" };
+var _hoisted_3$5 = ["id"];
+var _hoisted_4$3 = ["id"];
+//#endregion
+//#region src/components/field/JFieldShell.vue
+var JFieldShell_default = /* @__PURE__ */ defineComponent({
+	__name: "JFieldShell",
+	props: {
+		id: {},
+		labelId: {},
+		descriptionId: {},
+		errorId: {},
+		label: {},
+		description: {},
+		errorMessage: {},
+		showDescription: { type: Boolean },
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		labelFor: {}
+	},
+	setup(__props) {
+		/**
+		* Internal: lays out label, control, description and error for form fields.
+		* Not exported — every field component composes it.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-field", { "is-disabled": __props.disabled }]) }, [
+				__props.label || _ctx.$slots.label ? (openBlock(), createBlock(resolveDynamicComponent(__props.labelFor === null ? "span" : "label"), {
+					key: 0,
+					id: __props.labelId,
+					class: "j-field__label",
+					for: __props.labelFor === null ? void 0 : __props.labelFor ?? __props.id
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$7, "*")) : createCommentVNode("", true)]),
+					_: 3
+				}, 8, ["id", "for"])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default"),
+				createElementVNode("div", _hoisted_2$5, [createVNode(Transition, {
+					name: "j-field-message",
+					mode: "out-in"
+				}, {
+					default: withCtx(() => [__props.errorMessage ? (openBlock(), createElementBlock("p", {
+						id: __props.errorId,
+						key: __props.errorMessage,
+						class: "j-field__error"
+					}, toDisplayString(__props.errorMessage), 9, _hoisted_3$5)) : __props.showDescription ? (openBlock(), createElementBlock("p", {
+						key: 1,
+						id: __props.descriptionId,
+						class: "j-field__description"
+					}, toDisplayString(__props.description), 9, _hoisted_4$3)) : createCommentVNode("", true)]),
+					_: 1
+				})])
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/field/useField.ts
+/** Ids and ARIA wiring shared by every form control. */
+function useField(props) {
+	const generated = useId();
+	const p = () => toValue(props);
+	const id = computed(() => p().id ?? `j-${generated}`);
+	const labelId = computed(() => `${id.value}-label`);
+	const descriptionId = computed(() => `${id.value}-description`);
+	const errorId = computed(() => `${id.value}-error`);
+	const invalid = computed(() => !!p().error);
+	const errorMessage = computed(() => typeof p().error === "string" ? p().error : "");
+	return {
+		id,
+		labelId,
+		descriptionId,
+		errorId,
+		invalid,
+		errorMessage,
+		showDescription: computed(() => !!p().description && !errorMessage.value),
+		describedBy: computed(() => {
+			const ids = [];
+			if (errorMessage.value) ids.push(errorId.value);
+			else if (p().description) ids.push(descriptionId.value);
+			return ids.length ? ids.join(" ") : void 0;
+		})
+	};
+}
+//#endregion
+//#region src/components/input/JInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = {
+	key: 0,
+	class: "j-control__adornment j-control__adornment--leading"
+};
+var _hoisted_2$4 = [
+	"id",
+	"type",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"autocomplete",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_3$4 = {
+	key: 1,
+	class: "j-control__adornment j-control__adornment--trailing"
+};
+//#endregion
+//#region src/components/input/JInput.vue
+var JInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JInput",
+	props: /*@__PURE__*/ mergeModels({
+		type: { default: "text" },
+		placeholder: {},
+		size: { default: "md" },
+		readonly: { type: Boolean },
+		name: {},
+		autocomplete: {},
+		label: {},
+		description: {},
+		error: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const field = useField(props);
+		const input = ref(null);
+		function onFramePointerDown(event) {
+			if (event.target === input.value || props.disabled) return;
+			if (event.target.closest("button, a, input, select, textarea, [tabindex]")) return;
+			event.preventDefault();
+			input.value?.focus();
+		}
+		__expose({
+			/** The underlying `<input>` element. */
+			input,
+			focus: () => input.value?.focus(),
+			select: () => input.value?.select()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JFieldShell_default, {
+				id: unref(field).id.value,
+				class: normalizeClass(_ctx.$attrs.class),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"label-id": unref(field).labelId.value,
+				"description-id": unref(field).descriptionId.value,
+				"error-id": unref(field).errorId.value,
+				label: __props.label,
+				description: __props.description,
+				"error-message": unref(field).errorMessage.value,
+				"show-description": unref(field).showDescription.value,
+				required: __props.required,
+				disabled: __props.disabled
+			}, createSlots({
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(["j-control j-input", [`j-control--${__props.size}`, {
+						"is-invalid": unref(field).invalid.value,
+						"is-disabled": __props.disabled,
+						"is-readonly": __props.readonly
+					}]]),
+					onPointerdown: onFramePointerDown
+				}, [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$6, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					withDirectives(createElementVNode("input", mergeProps({
+						id: unref(field).id.value,
+						ref_key: "input",
+						ref: input,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+					}, {
+						..._ctx.$attrs,
+						class: void 0,
+						style: void 0
+					}, {
+						class: "j-input__native",
+						type: __props.type,
+						name: __props.name,
+						placeholder: __props.placeholder,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						required: __props.required,
+						autocomplete: __props.autocomplete,
+						"aria-invalid": unref(field).invalid.value || void 0,
+						"aria-describedby": unref(field).describedBy.value
+					}), null, 16, _hoisted_2$4), [[vModelDynamic, model.value]]),
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$4, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+				], 34)]),
+				_: 2
+			}, [_ctx.$slots.label ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"id",
+				"class",
+				"style",
+				"label-id",
+				"description-id",
+				"error-id",
+				"label",
+				"description",
+				"error-message",
+				"show-description",
+				"required",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/select/JSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = [
+	"id",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-required",
+	"disabled"
+];
+var _hoisted_2$3 = ["id"];
+var _hoisted_3$3 = ["name", "value"];
+var _hoisted_4$2 = ["id", "aria-labelledby"];
+var _hoisted_5$2 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onPointermove",
+	"onClick"
+];
+var _hoisted_6$2 = { class: "j-select__option-text" };
+var _hoisted_7 = { class: "j-select__option-label" };
+var _hoisted_8 = {
+	key: 0,
+	class: "j-select__option-description"
+};
+var _hoisted_9 = {
+	key: 0,
+	class: "j-select__empty",
+	role: "presentation"
+};
+//#endregion
+//#region src/components/select/JSelect.vue
+var JSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JSelect",
+	props: /*@__PURE__*/ mergeModels({
+		options: {},
+		placeholder: { default: "Select…" },
+		size: { default: "md" },
+		name: {},
+		label: {},
+		description: {},
+		error: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["open", "close"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const emit = __emit;
+		const field = useField(props);
+		const listboxId = computed(() => `${field.id.value}-listbox`);
+		const valueId = computed(() => `${field.id.value}-value`);
+		const optionId = (index) => `${field.id.value}-option-${index}`;
+		const normalized = computed(() => props.options.map((option) => typeof option === "object" && option !== null ? option : {
+			value: option,
+			label: String(option)
+		}));
+		const query = ref("");
+		const visibleOptions = computed(() => {
+			const q = query.value.trim().toLowerCase();
+			if (!q) return normalized.value;
+			return normalized.value.filter((option) => option.label.toLowerCase().includes(q));
+		});
+		const selected = computed(() => normalized.value.find((option) => option.value === model.value));
+		const open = ref(false);
+		const activeIndex = ref(-1);
+		const trigger = ref(null);
+		const listbox = ref(null);
+		const pointerActive = ref(false);
+		const { styles } = useFloating(trigger, listbox, {
+			placement: "bottom-start",
+			offset: 4,
+			matchWidth: true
+		});
+		const typeahead = useTypeahead();
+		useLayer({
+			active: open,
+			elements: () => [trigger.value, listbox.value],
+			onEscape: () => close(),
+			onPointerDownOutside: () => close()
+		});
+		const isEnabled = (index) => {
+			const option = visibleOptions.value[index];
+			return !!option && !option.disabled;
+		};
+		function step(from, delta) {
+			const count = visibleOptions.value.length;
+			for (let i = from + delta; i >= 0 && i < count; i += delta) if (isEnabled(i)) return i;
+			return from;
+		}
+		const first = () => step(-1, 1);
+		const last = () => step(visibleOptions.value.length, -1);
+		function setActive(index, scroll = true) {
+			activeIndex.value = index;
+			if (!scroll) return;
+			nextTick(() => {
+				document.getElementById(optionId(index))?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function openList(focus = "selected") {
+			if (props.disabled || open.value) return;
+			open.value = true;
+			emit("open");
+			const selectedIndex = visibleOptions.value.findIndex((option) => option.value === model.value);
+			setActive(focus === "last" ? last() : focus === "first" ? first() : selectedIndex >= 0 ? selectedIndex : first());
+		}
+		function close() {
+			if (!open.value) return;
+			open.value = false;
+			pointerActive.value = false;
+			emit("close");
+		}
+		function commit(index) {
+			const option = visibleOptions.value[index];
+			if (!option || option.disabled) return;
+			model.value = option.value;
+			close();
+		}
+		function onTriggerClick() {
+			if (open.value) close();
+			else openList();
+		}
+		function onKeydown(event) {
+			if (props.disabled) return;
+			const { key } = event;
+			if (!open.value) {
+				if (key === "ArrowDown" || key === "Enter" || key === " ") {
+					event.preventDefault();
+					openList();
+				} else if (key === "ArrowUp") {
+					event.preventDefault();
+					openList();
+				} else if (key === "Home") {
+					event.preventDefault();
+					openList("first");
+				} else if (key === "End") {
+					event.preventDefault();
+					openList("last");
+				} else if (key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey) {
+					const index = typeahead.search(key, visibleOptions.value, (option) => option.label, activeIndex.value);
+					if (index >= 0) {
+						openList();
+						setActive(index);
+					}
+				}
+				return;
+			}
+			switch (key) {
+				case "ArrowDown":
+					event.preventDefault();
+					if (event.altKey) return;
+					setActive(step(activeIndex.value, 1));
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					if (event.altKey) return commit(activeIndex.value);
+					setActive(step(activeIndex.value, -1));
+					break;
+				case "Home":
+					event.preventDefault();
+					setActive(first());
+					break;
+				case "End":
+					event.preventDefault();
+					setActive(last());
+					break;
+				case "PageDown":
+					event.preventDefault();
+					setActive(Math.min(last(), step(Math.min(activeIndex.value + 9, visibleOptions.value.length - 1), 1)));
+					break;
+				case "PageUp":
+					event.preventDefault();
+					setActive(Math.max(first(), step(Math.max(activeIndex.value - 9, 0), -1)));
+					break;
+				case "Enter":
+					event.preventDefault();
+					commit(activeIndex.value);
+					break;
+				case "Tab":
+					commit(activeIndex.value);
+					close();
+					break;
+				case " ":
+					event.preventDefault();
+					if (typeahead.isSearching()) typeahead.search(key, visibleOptions.value, (option) => option.label, activeIndex.value);
+					else commit(activeIndex.value);
+					break;
+				default: if (key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey) {
+					const index = typeahead.search(key, visibleOptions.value, (option) => option.label, activeIndex.value);
+					if (index >= 0) setActive(index);
+				}
+			}
+		}
+		function onOptionPointerMove(index) {
+			pointerActive.value = true;
+			if (activeIndex.value !== index && isEnabled(index)) setActive(index, false);
+		}
+		watch(() => props.disabled, (value) => value && close());
+		__expose({
+			focus: () => trigger.value?.focus(),
+			open: () => openList(),
+			close
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JFieldShell_default, {
+				id: unref(field).id.value,
+				class: normalizeClass(_ctx.$attrs.class),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"label-id": unref(field).labelId.value,
+				"description-id": unref(field).descriptionId.value,
+				"error-id": unref(field).errorId.value,
+				label: __props.label,
+				description: __props.description,
+				"error-message": unref(field).errorMessage.value,
+				"show-description": unref(field).showDescription.value,
+				required: __props.required,
+				disabled: __props.disabled
+			}, createSlots({
+				default: withCtx(() => [
+					createElementVNode("button", mergeProps({
+						id: unref(field).id.value,
+						ref_key: "trigger",
+						ref: trigger
+					}, {
+						..._ctx.$attrs,
+						class: void 0,
+						style: void 0
+					}, {
+						type: "button",
+						role: "combobox",
+						class: ["j-control j-select__trigger", [`j-control--${__props.size}`, {
+							"is-open": open.value,
+							"is-invalid": unref(field).invalid.value,
+							"is-disabled": __props.disabled
+						}]],
+						"aria-haspopup": "listbox",
+						"aria-expanded": open.value,
+						"aria-controls": open.value ? listboxId.value : void 0,
+						"aria-activedescendant": open.value && activeIndex.value >= 0 ? optionId(activeIndex.value) : void 0,
+						"aria-labelledby": __props.label || _ctx.$slots.label ? `${unref(field).labelId.value} ${valueId.value}` : void 0,
+						"aria-describedby": unref(field).describedBy.value,
+						"aria-invalid": unref(field).invalid.value || void 0,
+						"aria-required": __props.required || void 0,
+						disabled: __props.disabled,
+						onClick: onTriggerClick,
+						onKeydown
+					}), [createElementVNode("span", {
+						id: valueId.value,
+						class: normalizeClass(["j-select__value", { "is-placeholder": !selected.value }])
+					}, [selected.value ? renderSlot(_ctx.$slots, "value", { option: selected.value }, () => [createTextVNode(toDisplayString(selected.value.label), 1)], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.placeholder), 1)], 64))], 10, _hoisted_2$3), createVNode(unref(IconChevronUpDown), { class: "j-select__chevron" })], 16, _hoisted_1$5),
+					__props.name ? (openBlock(), createElementBlock("input", {
+						key: 0,
+						type: "hidden",
+						name: __props.name,
+						value: model.value ?? ""
+					}, null, 8, _hoisted_3$3)) : createCommentVNode("", true),
+					createVNode(JPortal_default, null, {
+						default: withCtx(() => [createVNode(Transition, { name: "j-pop" }, {
+							default: withCtx(() => [open.value ? (openBlock(), createElementBlock("ul", {
+								key: 0,
+								id: listboxId.value,
+								ref_key: "listbox",
+								ref: listbox,
+								role: "listbox",
+								class: normalizeClass(["j-select__listbox j-popover-surface", { "is-pointer": pointerActive.value }]),
+								style: normalizeStyle(unref(styles)),
+								"aria-labelledby": __props.label ? unref(field).labelId.value : void 0,
+								tabindex: "-1",
+								onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (option, index) => {
+								return openBlock(), createElementBlock("li", {
+									id: optionId(index),
+									key: String(option.value),
+									role: "option",
+									class: normalizeClass(["j-select__option", {
+										"is-active": index === activeIndex.value,
+										"is-selected": option.value === model.value
+									}]),
+									"aria-selected": option.value === model.value,
+									"aria-disabled": option.disabled || void 0,
+									onPointermove: ($event) => onOptionPointerMove(index),
+									onClick: ($event) => commit(index)
+								}, [createElementVNode("span", _hoisted_6$2, [renderSlot(_ctx.$slots, "option", {
+									option,
+									selected: option.value === model.value,
+									active: index === activeIndex.value
+								}, () => [createElementVNode("span", _hoisted_7, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createVNode(unref(IconCheck), { class: "j-select__check" })], 42, _hoisted_5$2);
+							}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_9, " No options ")) : createCommentVNode("", true)], 46, _hoisted_4$2)) : createCommentVNode("", true)]),
+							_: 3
+						})]),
+						_: 3
+					})
+				]),
+				_: 2
+			}, [_ctx.$slots.label ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"id",
+				"class",
+				"style",
+				"label-id",
+				"description-id",
+				"error-id",
+				"label",
+				"description",
+				"error-message",
+				"show-description",
+				"required",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/switch/JSwitch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = ["data-state"];
+var _hoisted_2$2 = [
+	"id",
+	"aria-checked",
+	"aria-labelledby",
+	"aria-describedby",
+	"disabled"
+];
+var _hoisted_3$2 = ["name", "value"];
+var _hoisted_4$1 = {
+	key: 1,
+	class: "j-switch__text"
+};
+var _hoisted_5$1 = ["id", "for"];
+var _hoisted_6$1 = ["id"];
+//#endregion
+//#region src/components/switch/JSwitch.vue
+var JSwitch_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JSwitch",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		description: {},
+		disabled: { type: Boolean },
+		size: { default: "md" },
+		name: {},
+		value: { default: "on" },
+		id: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const generated = useId();
+		const id = computed(() => props.id ?? `j-${generated}`);
+		const labelId = computed(() => `${id.value}-label`);
+		const descriptionId = computed(() => `${id.value}-description`);
+		const button = ref(null);
+		function toggle() {
+			if (props.disabled) return;
+			model.value = !model.value;
+		}
+		__expose({ focus: () => button.value?.focus() });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["j-switch", [
+					_ctx.$attrs.class,
+					`j-switch--${__props.size}`,
+					{ "is-disabled": __props.disabled }
+				]]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"data-state": model.value ? "on" : "off"
+			}, [
+				createElementVNode("button", mergeProps({
+					id: id.value,
+					ref_key: "button",
+					ref: button
+				}, {
+					..._ctx.$attrs,
+					class: void 0,
+					style: void 0
+				}, {
+					type: "button",
+					role: "switch",
+					class: "j-switch__track",
+					"aria-checked": model.value,
+					"aria-labelledby": __props.label || _ctx.$slots.default ? labelId.value : void 0,
+					"aria-describedby": __props.description || _ctx.$slots.description ? descriptionId.value : void 0,
+					disabled: __props.disabled,
+					onClick: toggle
+				}), [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "j-switch__thumb" }, null, -1)])], 16, _hoisted_2$2),
+				__props.name && model.value ? (openBlock(), createElementBlock("input", {
+					key: 0,
+					type: "hidden",
+					name: __props.name,
+					value: __props.value
+				}, null, 8, _hoisted_3$2)) : createCommentVNode("", true),
+				__props.label || _ctx.$slots.default || __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$1, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					id: labelId.value,
+					for: id.value,
+					class: "j-switch__label"
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 8, _hoisted_5$1)) : createCommentVNode("", true), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					id: descriptionId.value,
+					class: "j-switch__description"
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+			], 14, _hoisted_1$4);
+		};
+	}
+});
+//#endregion
+//#region src/components/tabs/JTabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = ["aria-label"];
+var _hoisted_2$1 = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"disabled",
+	"onClick"
+];
+var _hoisted_3$1 = [
+	"id",
+	"aria-labelledby",
+	"hidden"
+];
+//#endregion
+//#region src/components/tabs/JTabs.vue
+var JTabs_default = /* @__PURE__ */ defineComponent({
+	__name: "JTabs",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		variant: { default: "line" },
+		size: { default: "md" },
+		label: {},
+		fill: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const id = `j-${useId()}`;
+		const tabId = (value) => `${id}-tab-${value}`;
+		const panelId = (value) => `${id}-panel-${value}`;
+		const selected = computed(() => model.value ?? props.items.find((item) => !item.disabled)?.value);
+		const list = ref(null);
+		const indicator = ref({
+			x: 0,
+			width: 0,
+			ready: false
+		});
+		const animated = ref(false);
+		function measure() {
+			const el = list.value?.querySelector("[role=\"tab\"][aria-selected=\"true\"]");
+			indicator.value = el ? {
+				x: el.offsetLeft,
+				width: el.offsetWidth,
+				ready: true
+			} : {
+				...indicator.value,
+				ready: false
+			};
+		}
+		function measureWithoutMotion() {
+			animated.value = false;
+			measure();
+			requestAnimationFrame(() => requestAnimationFrame(() => animated.value = true));
+		}
+		let observer;
+		onMounted(() => {
+			measureWithoutMotion();
+			observer = new ResizeObserver(measureWithoutMotion);
+			if (list.value) observer.observe(list.value);
+			document.fonts?.ready.then(measureWithoutMotion);
+		});
+		onBeforeUnmount(() => observer?.disconnect());
+		watch(selected, () => nextTick(measure), { flush: "post" });
+		watch(() => props.items, () => nextTick(measure), {
+			deep: true,
+			flush: "post"
+		});
+		function select(item) {
+			if (item.disabled) return;
+			model.value = item.value;
+		}
+		function onKeydown(event) {
+			const enabled = props.items.filter((item) => !item.disabled);
+			if (!enabled.length) return;
+			const current = enabled.findIndex((item) => item.value === selected.value);
+			let next;
+			if (event.key === "ArrowRight") next = (current + 1) % enabled.length;
+			else if (event.key === "ArrowLeft") next = (current - 1 + enabled.length) % enabled.length;
+			else if (event.key === "Home") next = 0;
+			else if (event.key === "End") next = enabled.length - 1;
+			if (next === void 0) return;
+			event.preventDefault();
+			const item = enabled[next];
+			select(item);
+			nextTick(() => focusElement(document.getElementById(tabId(item.value))));
+		}
+		const indicatorStyle = computed(() => ({
+			transform: `translateX(${indicator.value.x}px)`,
+			width: `${indicator.value.width}px`
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-tabs", [
+				`j-tabs--${__props.variant}`,
+				`j-tabs--${__props.size}`,
+				{ "j-tabs--fill": __props.fill }
+			]]) }, [createElementVNode("div", {
+				ref_key: "list",
+				ref: list,
+				role: "tablist",
+				"aria-orientation": "horizontal",
+				"aria-label": __props.label,
+				class: "j-tabs__list",
+				onKeydown
+			}, [createElementVNode("span", {
+				class: normalizeClass(["j-tabs__indicator", {
+					"is-ready": indicator.value.ready,
+					"is-animated": animated.value
+				}]),
+				style: normalizeStyle(indicatorStyle.value),
+				"aria-hidden": "true"
+			}, null, 6), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("button", {
+					id: tabId(item.value),
+					key: item.value,
+					type: "button",
+					role: "tab",
+					class: "j-tabs__tab",
+					"aria-selected": item.value === selected.value,
+					"aria-controls": panelId(item.value),
+					tabindex: item.value === selected.value ? 0 : -1,
+					disabled: item.disabled,
+					onClick: ($event) => select(item)
+				}, [renderSlot(_ctx.$slots, "tab", {
+					item,
+					selected: item.value === selected.value
+				}, () => [createTextVNode(toDisplayString(item.label), 1)])], 8, _hoisted_2$1);
+			}), 128))], 40, _hoisted_1$3), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.value }, [_ctx.$slots[item.value] ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: panelId(item.value),
+					role: "tabpanel",
+					class: "j-tabs__panel",
+					"aria-labelledby": tabId(item.value),
+					hidden: item.value !== selected.value,
+					tabindex: "0"
+				}, [renderSlot(_ctx.$slots, item.value, {
+					item,
+					selected: item.value === selected.value
+				})], 8, _hoisted_3$1)) : createCommentVNode("", true)], 64);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/textarea/JTextarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = [
+	"id",
+	"rows",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+];
+//#endregion
+//#region src/components/textarea/JTextarea.vue
+var JTextarea_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JTextarea",
+	props: /*@__PURE__*/ mergeModels({
+		placeholder: {},
+		rows: { default: 3 },
+		autoresize: { type: Boolean },
+		maxRows: { default: 12 },
+		readonly: { type: Boolean },
+		name: {},
+		label: {},
+		description: {},
+		error: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const field = useField(props);
+		const textarea = ref(null);
+		function resize() {
+			const el = textarea.value;
+			if (!props.autoresize || !el) return;
+			const style = getComputedStyle(el);
+			const line = Number.parseFloat(style.lineHeight) || 20;
+			const chrome = Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom);
+			el.style.height = "auto";
+			const max = line * props.maxRows + chrome;
+			const next = Math.min(el.scrollHeight, max);
+			el.style.height = `${next}px`;
+			el.style.overflowY = el.scrollHeight > max ? "auto" : "hidden";
+		}
+		onMounted(resize);
+		watch(model, () => nextTick(resize));
+		watch(() => props.autoresize, (value) => {
+			if (value) return nextTick(resize);
+			if (textarea.value) textarea.value.style.height = "";
+		});
+		__expose({
+			textarea,
+			focus: () => textarea.value?.focus()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JFieldShell_default, {
+				id: unref(field).id.value,
+				class: normalizeClass(_ctx.$attrs.class),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"label-id": unref(field).labelId.value,
+				"description-id": unref(field).descriptionId.value,
+				"error-id": unref(field).errorId.value,
+				label: __props.label,
+				description: __props.description,
+				"error-message": unref(field).errorMessage.value,
+				"show-description": unref(field).showDescription.value,
+				required: __props.required,
+				disabled: __props.disabled
+			}, createSlots({
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["j-control j-textarea", {
+					"is-invalid": unref(field).invalid.value,
+					"is-disabled": __props.disabled,
+					"is-readonly": __props.readonly
+				}]) }, [withDirectives(createElementVNode("textarea", mergeProps({
+					id: unref(field).id.value,
+					ref_key: "textarea",
+					ref: textarea,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+				}, {
+					..._ctx.$attrs,
+					class: void 0,
+					style: void 0
+				}, {
+					class: ["j-textarea__native", { "is-autoresize": __props.autoresize }],
+					rows: __props.rows,
+					name: __props.name,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					readonly: __props.readonly,
+					required: __props.required,
+					"aria-invalid": unref(field).invalid.value || void 0,
+					"aria-describedby": unref(field).describedBy.value
+				}), null, 16, _hoisted_1$2), [[vModelText, model.value]])], 2)]),
+				_: 2
+			}, [_ctx.$slots.label ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"id",
+				"class",
+				"style",
+				"label-id",
+				"description-id",
+				"error-id",
+				"label",
+				"description",
+				"error-message",
+				"show-description",
+				"required",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useToast.ts
+var DEFAULT_TOAST_DURATION = 5e3;
+var state = reactive({ toasts: [] });
+var counter = 0;
+function resolveDuration(type, duration) {
+	if (duration !== void 0) return duration;
+	if (type === "loading") return Number.POSITIVE_INFINITY;
+	if (type === "error") return 7e3;
+	return DEFAULT_TOAST_DURATION;
+}
+function create(title, options = {}) {
+	const type = options.type ?? "default";
+	const existing = options.id ? state.toasts.find((t) => t.id === options.id) : void 0;
+	if (existing) {
+		update(existing.id, {
+			title,
+			...options
+		});
+		return existing.id;
+	}
+	const id = options.id ?? `toast-${++counter}`;
+	state.toasts.push({
+		id,
+		title,
+		description: options.description,
+		type,
+		duration: resolveDuration(type, options.duration),
+		action: options.action,
+		dismissible: options.dismissible ?? true,
+		onDismiss: options.onDismiss,
+		version: 0
+	});
+	return id;
+}
+function update(id, patch) {
+	const item = state.toasts.find((t) => t.id === id);
+	if (!item) return;
+	const type = patch.type ?? item.type;
+	Object.assign(item, {
+		...patch,
+		type,
+		duration: patch.duration !== void 0 || patch.type ? resolveDuration(type, patch.duration) : item.duration,
+		version: item.version + 1
+	});
+}
+function dismiss(id) {
+	if (id === void 0) {
+		state.toasts.splice(0).forEach((t) => t.onDismiss?.());
+		return;
+	}
+	const index = state.toasts.findIndex((t) => t.id === id);
+	if (index === -1) return;
+	const [removed] = state.toasts.splice(index, 1);
+	removed?.onDismiss?.();
+}
+function promise(input, messages) {
+	const id = create(messages.loading, {
+		type: "loading",
+		description: messages.description
+	});
+	const run = typeof input === "function" ? input() : input;
+	run.then((value) => {
+		const title = typeof messages.success === "function" ? messages.success(value) : messages.success;
+		update(id, {
+			title,
+			type: "success",
+			description: void 0
+		});
+	}, (error) => {
+		const title = typeof messages.error === "function" ? messages.error(error) : messages.error;
+		update(id, {
+			title,
+			type: "error",
+			description: void 0
+		});
+	});
+	return run;
+}
+var typed = (type) => (title, options) => create(title, {
+	...options,
+	type
+});
+/** Show a toast. Works anywhere — inside or outside components. */
+var toast = Object.assign(create, {
+	success: typed("success"),
+	error: typed("error"),
+	warning: typed("warning"),
+	info: typed("info"),
+	loading: typed("loading"),
+	promise,
+	update,
+	dismiss
+});
+function useToast() {
+	return {
+		toast,
+		dismiss,
+		update,
+		toasts: readonly(state).toasts
+	};
+}
+/** @internal Mutable access for JToaster and tests. */
+var toastState = state;
+//#endregion
+//#region src/components/toast/JToastItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = ["data-swipe-direction", "role"];
+var _hoisted_2 = {
+	key: 0,
+	class: "j-toast__icon",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = { class: "j-toast__body" };
+var _hoisted_4 = { class: "j-toast__title" };
+var _hoisted_5 = {
+	key: 0,
+	class: "j-toast__description"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "j-toast__actions"
+};
+//#endregion
+//#region src/components/toast/JToastItem.vue
+var JToastItem_default = /* @__PURE__ */ defineComponent({
+	__name: "JToastItem",
+	props: {
+		toast: {},
+		paused: { type: Boolean }
+	},
+	emits: ["dismiss"],
+	setup(__props, { emit: __emit }) {
+		/** Internal: one toast. Owns its timer, swipe gesture and keyboard dismissal. */
+		const props = __props;
+		const emit = __emit;
+		const el = ref(null);
+		const timed = computed(() => Number.isFinite(props.toast.duration) && props.toast.duration > 0);
+		let timer;
+		let remaining = 0;
+		let startedAt = 0;
+		function start() {
+			clearTimeout(timer);
+			if (!timed.value || props.paused) return;
+			startedAt = Date.now();
+			timer = setTimeout(() => emit("dismiss", props.toast.id), remaining);
+		}
+		function pause() {
+			if (!timer) return;
+			clearTimeout(timer);
+			timer = void 0;
+			remaining -= Date.now() - startedAt;
+		}
+		function reset() {
+			remaining = props.toast.duration;
+			start();
+		}
+		onMounted(reset);
+		onBeforeUnmount(() => clearTimeout(timer));
+		watch(() => props.toast.version, reset);
+		watch(() => props.paused, (value) => value ? pause() : start());
+		const offset = ref(0);
+		const swiping = ref(false);
+		const leaving = ref(0);
+		let origin = null;
+		function onPointerDown(event) {
+			if (event.button !== 0 || event.target.closest("button, a")) return;
+			origin = {
+				x: event.clientX,
+				y: event.clientY,
+				id: event.pointerId
+			};
+		}
+		function onPointerMove(event) {
+			if (!origin || event.pointerId !== origin.id) return;
+			const dx = event.clientX - origin.x;
+			if (!swiping.value) {
+				if (Math.abs(dx) < 6 || Math.abs(dx) < Math.abs(event.clientY - origin.y)) return;
+				swiping.value = true;
+				el.value?.setPointerCapture(event.pointerId);
+			}
+			offset.value = dx;
+		}
+		function onPointerUp() {
+			if (!origin) return;
+			origin = null;
+			if (!swiping.value) return;
+			swiping.value = false;
+			if (Math.abs(offset.value) > 64 && props.toast.dismissible) {
+				leaving.value = offset.value > 0 ? 1 : -1;
+				emit("dismiss", props.toast.id);
+			} else offset.value = 0;
+		}
+		const style = computed(() => {
+			if (!offset.value) return void 0;
+			return {
+				"--j-toast-swipe": `${offset.value}px`,
+				"--j-toast-swipe-opacity": String(Math.max(0, 1 - Math.abs(offset.value) / 200))
+			};
+		});
+		function onKeydown(event) {
+			if (event.key === "Escape" && props.toast.dismissible) {
+				event.preventDefault();
+				event.stopPropagation();
+				const next = el.value?.nextElementSibling ?? el.value?.previousElementSibling;
+				emit("dismiss", props.toast.id);
+				next?.focus();
+			}
+		}
+		function runAction() {
+			props.toast.action?.onClick();
+			emit("dismiss", props.toast.id);
+		}
+		const icons = {
+			success: IconCircleCheck,
+			error: IconCircleX,
+			warning: IconAlert,
+			info: IconInfo
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				ref_key: "el",
+				ref: el,
+				class: normalizeClass(["j-toast", [`j-toast--${__props.toast.type}`, {
+					"is-swiping": swiping.value,
+					"is-swiped": leaving.value !== 0
+				}]]),
+				style: normalizeStyle(style.value),
+				"data-swipe-direction": leaving.value,
+				role: __props.toast.type === "error" ? "alert" : void 0,
+				tabindex: "0",
+				onPointerdown: onPointerDown,
+				onPointermove: onPointerMove,
+				onPointerup: onPointerUp,
+				onPointercancel: onPointerUp,
+				onKeydown
+			}, [
+				__props.toast.type !== "default" ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(Transition, {
+					name: "j-toast-icon",
+					mode: "out-in"
+				}, {
+					default: withCtx(() => [__props.toast.type === "loading" ? (openBlock(), createBlock(unref(Spinner), {
+						key: 0,
+						size: 16
+					})) : (openBlock(), createBlock(resolveDynamicComponent(icons[__props.toast.type]), { key: __props.toast.type }))]),
+					_: 1
+				})])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [
+					createElementVNode("p", _hoisted_4, toDisplayString(__props.toast.title), 1),
+					__props.toast.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.toast.description), 1)) : createCommentVNode("", true),
+					__props.toast.action ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("button", {
+						type: "button",
+						class: "j-toast__action j-focusable",
+						onClick: runAction
+					}, toDisplayString(__props.toast.action.label), 1)])) : createCommentVNode("", true)
+				]),
+				__props.toast.dismissible ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "j-toast__close j-focusable",
+					"aria-label": "Dismiss notification",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("dismiss", __props.toast.id))
+				}, [createVNode(unref(IconX))])) : createCommentVNode("", true),
+				timed.value ? (openBlock(), createElementBlock("span", {
+					key: __props.toast.version,
+					class: normalizeClass(["j-toast__progress", { "is-paused": __props.paused }]),
+					style: normalizeStyle({ animationDuration: `${__props.toast.duration}ms` }),
+					"aria-hidden": "true"
+				}, null, 6)) : createCommentVNode("", true)
+			], 46, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/components/toast/JToaster.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+//#endregion
+//#region src/components/toast/JToaster.vue
+var JToaster_default = /* @__PURE__ */ defineComponent({
+	__name: "JToaster",
+	props: {
+		position: { default: "bottom-right" },
+		max: { default: 4 },
+		hotkey: { default: "alt+t" },
+		label: { default: "Notifications" }
+	},
+	setup(__props) {
+		const props = __props;
+		const list = ref();
+		const hovered = ref(false);
+		const focused = ref(false);
+		const hidden = ref(false);
+		const paused = computed(() => hovered.value || focused.value || hidden.value);
+		const isTop = computed(() => props.position.startsWith("top"));
+		const visible = computed(() => {
+			const items = toastState.toasts.slice(-props.max);
+			return isTop.value ? items.reverse() : items;
+		});
+		function dismiss(id) {
+			const index = toastState.toasts.findIndex((t) => t.id === id);
+			if (index === -1) return;
+			const [removed] = toastState.toasts.splice(index, 1);
+			removed?.onDismiss?.();
+		}
+		const hotkeyLabel = ref("");
+		onMounted(() => hotkeyLabel.value = formatHotkey(props.hotkey).join("+"));
+		useHotkey(() => props.hotkey, () => {
+			const items = unrefElement(list.value)?.querySelectorAll(".j-toast");
+			if (!items?.length) return;
+			focusElement(isTop.value ? items[0] : items[items.length - 1]);
+		});
+		function onVisibility() {
+			hidden.value = document.visibilityState === "hidden";
+		}
+		onMounted(() => document.addEventListener("visibilitychange", onVisibility));
+		onBeforeUnmount(() => document.removeEventListener("visibilitychange", onVisibility));
+		function onFocusOut(event) {
+			if (!event.currentTarget.contains(event.relatedTarget)) focused.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JPortal_default, null, {
+				default: withCtx(() => [createElementVNode("section", {
+					class: normalizeClass(["j-toaster", `j-toaster--${__props.position}`]),
+					"aria-label": hotkeyLabel.value ? `${__props.label} (${hotkeyLabel.value})` : __props.label,
+					"data-juxt-layer-ignore": ""
+				}, [createVNode(TransitionGroup, {
+					ref_key: "list",
+					ref: list,
+					tag: "ol",
+					name: "j-toast",
+					class: "j-toaster__list",
+					"aria-live": "polite",
+					"aria-relevant": "additions text",
+					onPointerenter: _cache[0] || (_cache[0] = ($event) => hovered.value = true),
+					onPointerleave: _cache[1] || (_cache[1] = ($event) => hovered.value = false),
+					onFocusin: _cache[2] || (_cache[2] = ($event) => focused.value = true),
+					onFocusout: onFocusOut
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(visible.value, (item) => {
+						return openBlock(), createBlock(JToastItem_default, {
+							key: item.id,
+							toast: item,
+							paused: paused.value,
+							onDismiss: dismiss
+						}, null, 8, ["toast", "paused"]);
+					}), 128))]),
+					_: 1
+				}, 512)], 10, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/tooltip/JTooltip.vue?vue&type=script&setup=true&lang.ts
+var warmUntil = 0;
+var WARM_WINDOW = 400;
+//#endregion
+//#region src/components/tooltip/JTooltip.vue
+var JTooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "JTooltip",
+	props: {
+		content: {},
+		side: { default: "top" },
+		align: { default: "center" },
+		delay: { default: 450 },
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const id = `j-${useId()}-tooltip`;
+		const open = ref(false);
+		const triggerRef = ref();
+		const triggerEl = computed(() => unrefElement(triggerRef.value));
+		const floating = ref(null);
+		const placement = computed(() => props.align === "center" ? props.side : `${props.side}-${props.align}`);
+		const { styles } = useFloating(triggerEl, floating, () => ({
+			placement: placement.value,
+			offset: 6
+		}));
+		useLayer({
+			active: open,
+			elements: () => [triggerEl.value, floating.value],
+			onEscape: () => hide(true)
+		});
+		let openTimer;
+		let closeTimer;
+		let suppressed = false;
+		function show(immediate = false) {
+			if (props.disabled || suppressed) return;
+			clearTimeout(closeTimer);
+			if (open.value) return;
+			clearTimeout(openTimer);
+			if (immediate || Date.now() < warmUntil) open.value = true;
+			else openTimer = setTimeout(() => open.value = true, props.delay);
+		}
+		function hide(immediate = false) {
+			clearTimeout(openTimer);
+			clearTimeout(closeTimer);
+			const close = () => {
+				if (open.value) warmUntil = Date.now() + WARM_WINDOW;
+				open.value = false;
+			};
+			if (immediate) close();
+			else closeTimer = setTimeout(close, 80);
+		}
+		onBeforeUnmount(() => {
+			clearTimeout(openTimer);
+			clearTimeout(closeTimer);
+		});
+		const triggerProps = computed(() => ({
+			"aria-describedby": props.disabled ? void 0 : id,
+			"onPointerenter": (event) => event.pointerType === "mouse" && show(),
+			"onPointerleave": (event) => {
+				suppressed = false;
+				if (event.pointerType === "mouse") hide();
+			},
+			"onPointerdown": () => {
+				suppressed = true;
+				hide(true);
+			},
+			"onFocus": (event) => {
+				if (event.target.matches(":focus-visible")) show(true);
+			},
+			"onBlur": () => hide(true)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(unref(JSlot), mergeProps({
+					ref_key: "triggerRef",
+					ref: triggerRef
+				}, triggerProps.value), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16),
+				!__props.disabled ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id,
+					class: "j-sr-only"
+				}, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])])) : createCommentVNode("", true),
+				createVNode(JPortal_default, null, {
+					default: withCtx(() => [createVNode(Transition, { name: "j-tooltip" }, {
+						default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							ref_key: "floating",
+							ref: floating,
+							class: "j-tooltip",
+							style: normalizeStyle(unref(styles)),
+							"aria-hidden": "true",
+							"data-juxt-layer-ignore": "",
+							onPointerenter: _cache[0] || (_cache[0] = ($event) => show(true)),
+							onPointerleave: _cache[1] || (_cache[1] = ($event) => hide())
+						}, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])], 36)) : createCommentVNode("", true)]),
+						_: 3
+					})]),
+					_: 3
+				})
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components.ts
+var components_exports = /* @__PURE__ */ __exportAll({
+	JAvatar: () => JAvatar_default,
+	JBadge: () => JBadge_default,
+	JButton: () => JButton_default,
+	JCard: () => JCard_default,
+	JCheckbox: () => JCheckbox_default,
+	JCommandPalette: () => JCommandPalette_default,
+	JDialog: () => JDialog_default,
+	JDropdownMenu: () => JDropdownMenu_default,
+	JDropdownMenuItem: () => JDropdownMenuItem_default,
+	JDropdownMenuLabel: () => JDropdownMenuLabel_default,
+	JDropdownMenuSeparator: () => JDropdownMenuSeparator_default,
+	JDropdownMenuSub: () => JDropdownMenuSub_default,
+	JInput: () => JInput_default,
+	JSelect: () => JSelect_default,
+	JSwitch: () => JSwitch_default,
+	JTabs: () => JTabs_default,
+	JTextarea: () => JTextarea_default,
+	JToaster: () => JToaster_default,
+	JTooltip: () => JTooltip_default
+});
+//#endregion
+//#region src/composables/useRecentCommands.ts
+/**
+* Remembers which commands were used most recently, per browser.
+* Pair `record(item.id)` in your select handler with `resolve(allItems)`
+* to feed the palette's `recent` prop.
+*/
+function useRecentCommands(options = {}) {
+	const key = options.key ?? "juxt:recent-commands";
+	const limit = options.limit ?? 5;
+	const ids = ref([]);
+	function read() {
+		try {
+			const value = JSON.parse(localStorage.getItem(key) ?? "[]");
+			return Array.isArray(value) ? value.filter((id) => typeof id === "string") : [];
+		} catch {
+			return [];
+		}
+	}
+	function write() {
+		try {
+			localStorage.setItem(key, JSON.stringify(ids.value));
+		} catch {}
+	}
+	onMounted(() => ids.value = read());
+	function record(id) {
+		ids.value = [id, ...ids.value.filter((existing) => existing !== id)].slice(0, limit);
+		write();
+	}
+	function clear() {
+		ids.value = [];
+		write();
+	}
+	/** Map remembered ids back to items, dropping any that no longer exist. */
+	function resolve(items) {
+		const byId = new Map(items.map((item) => [item.id, item]));
+		return ids.value.map((id) => byId.get(id)).filter((item) => !!item);
+	}
+	return {
+		ids,
+		record,
+		clear,
+		resolve
+	};
+}
+//#endregion
+//#region src/plugin.ts
+/**
+* Registers every Juxt component globally.
+*
+*   app.use(JuxtUI)
+*
+* Prefer direct imports (or the Nuxt module) if you want tree-shaking.
+*/
+var JuxtUI = { install(app) {
+	for (const [name, component] of Object.entries(components_exports)) app.component(name, component);
+} };
+//#endregion
+export { JAvatar_default as JAvatar, JBadge_default as JBadge, JButton_default as JButton, JCard_default as JCard, JCheckbox_default as JCheckbox, JCommandPalette_default as JCommandPalette, JDialog_default as JDialog, JDropdownMenu_default as JDropdownMenu, JDropdownMenuItem_default as JDropdownMenuItem, JDropdownMenuLabel_default as JDropdownMenuLabel, JDropdownMenuSeparator_default as JDropdownMenuSeparator, JDropdownMenuSub_default as JDropdownMenuSub, JInput_default as JInput, JSelect_default as JSelect, JSwitch_default as JSwitch, JTabs_default as JTabs, JTextarea_default as JTextarea, JToaster_default as JToaster, JTooltip_default as JTooltip, JuxtUI, JuxtUI as default, formatHotkey, matchText, matchesHotkey, toast, useFocusTrap, useHotkey, useRecentCommands, useScrollLock, useToast };
+
+//# sourceMappingURL=index.js.map