@juxtui/ui 0.4.0 → 0.6.0

package/dist/index.js

@@ -1,5 +1,5 @@
-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, useSlots, vModelDynamic, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
-import { autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
+import { A as IconCircleX, B as unrefElement, C as IconArrowUpRight, D as IconChevronRight, E as IconChevronLeft, F as Spinner, I as focusElement, L as getFocusableElements, M as IconMoreHorizontal, N as IconSearch, O as IconChevronUpDown, P as IconX, R as isClient, S as IconArrowDownRight, T as IconChevronDown, _ as useLayer, a as JDropdownMenuItem_default, b as useHotkey, c as useTypeahead, d as MENU_ROOT, f as getMenuItems, g as splitByRanges, h as matchText, i as JFieldShell_default, j as IconInfo, k as IconCircleCheck, l as useFloating, m as JPortal_default, n as JKbd_default, o as JDropdownMenu_default, p as JSlot, r as useField, s as JMenuContent_default, t as JTooltip_default, u as MENU_LEVEL, v as formatHotkey, w as IconCheck, x as IconAlert, y as matchesHotkey, z as prefersReducedMotion } from "./JTooltip-CAL9lsPF.js";
+import { Fragment, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useSlots, vModelDynamic, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -12,58 +12,6 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#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/components/accordion/context.ts
 var ACCORDION = Symbol("JAccordion");
 //#endregion
@@ -132,124 +80,11 @@ var JAccordion_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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" })]);
-var IconChevronDown = 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" })]);
-var IconChevronLeft = icon("IconChevronLeft", () => [h("path", { d: "M9.75 4.5L6.25 8l3.5 3.5" })]);
-var IconMoreHorizontal = icon("IconMoreHorizontal", () => [
-	h("circle", {
-		cx: 3.5,
-		cy: 8,
-		r: 1,
-		"fill": "currentColor",
-		"stroke": "none"
-	}),
-	h("circle", {
-		cx: 8,
-		cy: 8,
-		r: 1,
-		"fill": "currentColor",
-		"stroke": "none"
-	}),
-	h("circle", {
-		cx: 12.5,
-		cy: 8,
-		r: 1,
-		"fill": "currentColor",
-		"stroke": "none"
-	})
-]);
-var IconArrowUpRight = icon("IconArrowUpRight", () => [h("path", { d: "M5 11L11 5M5.5 5h5.5v5.5" })]);
-var IconArrowDownRight = icon("IconArrowDownRight", () => [h("path", { d: "M5 5l6 6M10.5 11H5V5.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/accordion/JAccordionItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["data-state"];
-var _hoisted_2$38 = ["aria-expanded", "disabled"];
-var _hoisted_3$32 = { class: "j-accordion__title" };
-var _hoisted_4$25 = ["inert"];
+var _hoisted_1$48 = ["data-state"];
+var _hoisted_2$36 = ["aria-expanded", "disabled"];
+var _hoisted_3$30 = { class: "j-accordion__title" };
+var _hoisted_4$24 = ["inert"];
 var _hoisted_5$19 = { class: "j-accordion__panel-inner" };
 var _hoisted_6$11 = { class: "j-accordion__content" };
 //#endregion
@@ -282,7 +117,7 @@ var JAccordionItem_default = /* @__PURE__ */ defineComponent({
 					"aria-controls": panelId,
 					disabled: __props.disabled,
 					onClick: _cache[0] || (_cache[0] = ($event) => unref(accordion).toggle(__props.value))
-				}, [createElementVNode("span", _hoisted_3$32, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), createVNode(unref(IconChevronDown), { class: "j-accordion__chevron" })], 8, _hoisted_2$38)]),
+				}, [createElementVNode("span", _hoisted_3$30, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), createVNode(unref(IconChevronDown), { class: "j-accordion__chevron" })], 8, _hoisted_2$36)]),
 				_: 3
 			})), createElementVNode("div", {
 				id: panelId,
@@ -290,23 +125,23 @@ var JAccordionItem_default = /* @__PURE__ */ defineComponent({
 				class: "j-accordion__panel",
 				"aria-labelledby": triggerId,
 				inert: !open.value
-			}, [createElementVNode("div", _hoisted_5$19, [createElementVNode("div", _hoisted_6$11, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_4$25)], 10, _hoisted_1$51);
+			}, [createElementVNode("div", _hoisted_5$19, [createElementVNode("div", _hoisted_6$11, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_4$24)], 10, _hoisted_1$48);
 		};
 	}
 });
 //#endregion
 //#region src/components/alert/JAlert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = {
+var _hoisted_1$47 = {
 	key: 0,
 	class: "j-alert__icon",
 	"aria-hidden": "true"
 };
-var _hoisted_2$37 = { class: "j-alert__body" };
-var _hoisted_3$31 = {
+var _hoisted_2$35 = { class: "j-alert__body" };
+var _hoisted_3$29 = {
 	key: 0,
 	class: "j-alert__title"
 };
-var _hoisted_4$24 = {
+var _hoisted_4$23 = {
 	key: 1,
 	class: "j-alert__description"
 };
@@ -337,10 +172,10 @@ var JAlert_default = /* @__PURE__ */ defineComponent({
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-alert", `j-alert--${__props.variant}`]) }, [
-				!__props.hideIcon ? (openBlock(), createElementBlock("span", _hoisted_1$50, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(icons[__props.variant])))])])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$37, [
-					__props.title ? (openBlock(), createElementBlock("p", _hoisted_3$31, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					__props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$24, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true),
+				!__props.hideIcon ? (openBlock(), createElementBlock("span", _hoisted_1$47, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(icons[__props.variant])))])])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$35, [
+					__props.title ? (openBlock(), createElementBlock("p", _hoisted_3$29, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					__props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$23, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true),
 					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$18, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
 				]),
 				__props.dismissible ? (openBlock(), createElementBlock("button", {
@@ -356,7 +191,7 @@ var JAlert_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/aspect-ratio/JAspectRatio.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { class: "j-aspect-ratio__content" };
+var _hoisted_1$46 = { class: "j-aspect-ratio__content" };
 //#endregion
 //#region src/components/aspect-ratio/JAspectRatio.vue
 var JAspectRatio_default = /* @__PURE__ */ defineComponent({
@@ -369,20 +204,20 @@ var JAspectRatio_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", {
 				class: "j-aspect-ratio",
 				style: normalizeStyle(style.value)
-			}, [createElementVNode("div", _hoisted_1$49, [renderSlot(_ctx.$slots, "default")])], 4);
+			}, [createElementVNode("div", _hoisted_1$46, [renderSlot(_ctx.$slots, "default")])], 4);
 		};
 	}
 });
 //#endregion
 //#region src/components/avatar/JAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = [
+var _hoisted_1$45 = [
 	"role",
 	"aria-label",
 	"data-state"
 ];
-var _hoisted_2$36 = { class: "j-avatar__frame" };
-var _hoisted_3$30 = ["src"];
-var _hoisted_4$23 = {
+var _hoisted_2$34 = { class: "j-avatar__frame" };
+var _hoisted_3$28 = ["src"];
+var _hoisted_4$22 = {
 	key: 1,
 	class: "j-avatar__fallback",
 	"aria-hidden": "true"
@@ -439,7 +274,7 @@ var JAvatar_default = /* @__PURE__ */ defineComponent({
 				role: label.value ? "img" : void 0,
 				"aria-label": label.value,
 				"data-state": state.value
-			}, [createElementVNode("span", _hoisted_2$36, [__props.src && state.value !== "error" ? (openBlock(), createElementBlock("img", {
+			}, [createElementVNode("span", _hoisted_2$34, [__props.src && state.value !== "error" ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				ref_key: "img",
 				ref: img,
@@ -448,7 +283,7 @@ var JAvatar_default = /* @__PURE__ */ defineComponent({
 				alt: "",
 				onLoad: _cache[0] || (_cache[0] = ($event) => state.value = "loaded"),
 				onError: _cache[1] || (_cache[1] = ($event) => state.value = "error")
-			}, null, 40, _hoisted_3$30)) : createCommentVNode("", true), state.value !== "loaded" ? (openBlock(), createElementBlock("span", _hoisted_4$23, [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(initials.value), 1)], 64)) : (openBlock(), createElementBlock("svg", _hoisted_5$17, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+			}, null, 40, _hoisted_3$28)) : createCommentVNode("", true), state.value !== "loaded" ? (openBlock(), createElementBlock("span", _hoisted_4$22, [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(initials.value), 1)], 64)) : (openBlock(), createElementBlock("svg", _hoisted_5$17, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
 				cx: "8",
 				cy: "6",
 				r: "2.75"
@@ -456,14 +291,14 @@ var JAvatar_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				class: normalizeClass(["j-avatar__status", `j-avatar__status--${__props.status}`]),
 				"aria-hidden": "true"
-			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$48);
+			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$45);
 		};
 	}
 });
 //#endregion
 //#region src/components/avatar-group/JAvatarGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["aria-label"];
-var _hoisted_2$35 = ["aria-label"];
+var _hoisted_1$44 = ["aria-label"];
+var _hoisted_2$33 = ["aria-label"];
 //#endregion
 //#region src/components/avatar-group/JAvatarGroup.vue
 var JAvatarGroup_default = /* @__PURE__ */ defineComponent({
@@ -505,18 +340,18 @@ var JAvatarGroup_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["j-avatar-group__item j-avatar-group__overflow j-focusable", { "j-avatar-group__overflow--square": __props.shape === "square" }]),
 				tabindex: "0",
 				"aria-label": `${overflow.value} more`
-			}, " +" + toDisplayString(overflow.value), 11, _hoisted_2$35)) : createCommentVNode("", true)], 10, _hoisted_1$47);
+			}, " +" + toDisplayString(overflow.value), 11, _hoisted_2$33)) : createCommentVNode("", true)], 10, _hoisted_1$44);
 		};
 	}
 });
 //#endregion
 //#region src/components/badge/JBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = {
+var _hoisted_1$43 = {
 	key: 0,
 	class: "j-badge__marker",
 	"aria-hidden": "true"
 };
-var _hoisted_2$34 = {
+var _hoisted_2$32 = {
 	key: 1,
 	class: "j-badge__icon"
 };
@@ -535,20 +370,20 @@ var JBadge_default = /* @__PURE__ */ defineComponent({
 				`j-badge--${__props.variant}`,
 				`j-badge--${__props.size}`,
 				{ "j-badge--status": __props.dot }
-			]]) }, [__props.dot ? (openBlock(), createElementBlock("span", _hoisted_1$46)) : _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$34, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+			]]) }, [__props.dot ? (openBlock(), createElementBlock("span", _hoisted_1$43)) : _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$32, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/banner/JBanner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-label"];
-var _hoisted_2$33 = {
+var _hoisted_1$42 = ["aria-label"];
+var _hoisted_2$31 = {
 	key: 0,
 	class: "j-banner__icon",
 	"aria-hidden": "true"
 };
-var _hoisted_3$29 = { class: "j-banner__body" };
-var _hoisted_4$22 = {
+var _hoisted_3$27 = { class: "j-banner__body" };
+var _hoisted_4$21 = {
 	key: 0,
 	class: "j-banner__title"
 };
@@ -587,8 +422,8 @@ var JBanner_default = /* @__PURE__ */ defineComponent({
 				role: "region",
 				"aria-label": __props.title
 			}, [
-				!__props.hideIcon ? (openBlock(), createElementBlock("span", _hoisted_2$33, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(icons[__props.variant])))])])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_3$29, [__props.title ? (openBlock(), createElementBlock("p", _hoisted_4$22, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$16, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)]),
+				!__props.hideIcon ? (openBlock(), createElementBlock("span", _hoisted_2$31, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(icons[__props.variant])))])])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3$27, [__props.title ? (openBlock(), createElementBlock("p", _hoisted_4$21, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$16, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)]),
 				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$10, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
 				__props.dismissible ? (openBlock(), createElementBlock("button", {
 					key: 2,
@@ -597,20 +432,20 @@ var JBanner_default = /* @__PURE__ */ defineComponent({
 					"aria-label": "Dismiss",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("dismiss"))
 				}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
-			], 10, _hoisted_1$45);
+			], 10, _hoisted_1$42);
 		};
 	}
 });
 //#endregion
 //#region src/components/breadcrumb/JBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = ["aria-label"];
-var _hoisted_2$32 = { class: "j-breadcrumb__list" };
-var _hoisted_3$28 = {
+var _hoisted_1$41 = ["aria-label"];
+var _hoisted_2$30 = { class: "j-breadcrumb__list" };
+var _hoisted_3$26 = {
 	key: 0,
 	class: "j-breadcrumb__ellipsis",
 	"aria-hidden": "true"
 };
-var _hoisted_4$21 = ["href"];
+var _hoisted_4$20 = ["href"];
 var _hoisted_5$15 = ["aria-current"];
 //#endregion
 //#region src/components/breadcrumb/JBreadcrumb.vue
@@ -645,26 +480,26 @@ var JBreadcrumb_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				class: "j-breadcrumb",
 				"aria-label": __props.label || "Breadcrumb"
-			}, [createElementVNode("ol", _hoisted_2$32, [__props.items && __props.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(visibleItems.value, (item, index) => {
+			}, [createElementVNode("ol", _hoisted_2$30, [__props.items && __props.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(visibleItems.value, (item, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: `${item.label}-${index}`,
 					class: "j-breadcrumb__item"
-				}, [item.ellipsis ? (openBlock(), createElementBlock("span", _hoisted_3$28, toDisplayString(item.label), 1)) : item.href && index !== visibleItems.value.length - 1 ? (openBlock(), createElementBlock("a", {
+				}, [item.ellipsis ? (openBlock(), createElementBlock("span", _hoisted_3$26, toDisplayString(item.label), 1)) : item.href && index !== visibleItems.value.length - 1 ? (openBlock(), createElementBlock("a", {
 					key: 1,
 					class: "j-breadcrumb__link j-focusable",
 					href: item.href
-				}, toDisplayString(item.label), 9, _hoisted_4$21)) : (openBlock(), createElementBlock("span", {
+				}, toDisplayString(item.label), 9, _hoisted_4$20)) : (openBlock(), createElementBlock("span", {
 					key: 2,
 					class: "j-breadcrumb__current",
 					"aria-current": index === visibleItems.value.length - 1 ? "page" : void 0
 				}, toDisplayString(item.label), 9, _hoisted_5$15))]);
-			}), 128)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)])], 8, _hoisted_1$44);
+			}), 128)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)])], 8, _hoisted_1$41);
 		};
 	}
 });
 //#endregion
 //#region src/components/burger/JBurger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = [
+var _hoisted_1$40 = [
 	"data-state",
 	"aria-expanded",
 	"aria-controls",
@@ -705,22 +540,22 @@ var JBurger_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("span", { class: "j-burger__line" }),
 				createElementVNode("span", { class: "j-burger__line" }),
 				createElementVNode("span", { class: "j-burger__line" })
-			], -1)])], 10, _hoisted_1$43);
+			], -1)])], 10, _hoisted_1$40);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/JButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = { class: "j-button__content" };
-var _hoisted_2$31 = {
+var _hoisted_1$39 = { class: "j-button__content" };
+var _hoisted_2$29 = {
 	key: 0,
 	class: "j-button__icon"
 };
-var _hoisted_3$27 = {
+var _hoisted_3$25 = {
 	key: 1,
 	class: "j-button__icon"
 };
-var _hoisted_4$20 = {
+var _hoisted_4$19 = {
 	key: 0,
 	class: "j-button__spinner"
 };
@@ -774,12 +609,12 @@ var JButton_default = /* @__PURE__ */ defineComponent({
 				"data-disabled": __props.disabled || void 0,
 				onClickCapture: onClick
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$42, [
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$31, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$39, [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$29, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default"),
-					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$27, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$25, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
 				]), createVNode(Transition, { name: "j-button-spinner" }, {
-					default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_4$20, [createVNode(unref(Spinner), { size: __props.size === "xs" ? 12 : __props.size === "lg" ? 16 : 14 }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+					default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_4$19, [createVNode(unref(Spinner), { size: __props.size === "xs" ? 12 : __props.size === "lg" ? 16 : 14 }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 					_: 1
 				})]),
 				_: 3
@@ -793,16 +628,16 @@ var JButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/card/JCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = {
+var _hoisted_1$38 = {
 	key: 0,
 	class: "j-card__header"
 };
-var _hoisted_2$30 = { class: "j-card__heading" };
-var _hoisted_3$26 = {
+var _hoisted_2$28 = { class: "j-card__heading" };
+var _hoisted_3$24 = {
 	key: 0,
 	class: "j-card__title"
 };
-var _hoisted_4$19 = {
+var _hoisted_4$18 = {
 	key: 1,
 	class: "j-card__description"
 };
@@ -833,7 +668,7 @@ var JCard_default = /* @__PURE__ */ defineComponent({
 		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$41, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2$30, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$26, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$19, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$14, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					__props.title || __props.description || _ctx.$slots.header || _ctx.$slots.actions ? (openBlock(), createElementBlock("header", _hoisted_1$38, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2$28, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$24, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$18, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$14, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
 					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$9, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
 					_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_7$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 				]),
@@ -844,9 +679,9 @@ var JCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/JCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["data-state"];
-var _hoisted_2$29 = { class: "j-checkbox__control" };
-var _hoisted_3$25 = [
+var _hoisted_1$37 = ["data-state"];
+var _hoisted_2$27 = { class: "j-checkbox__control" };
+var _hoisted_3$23 = [
 	"id",
 	"checked",
 	"disabled",
@@ -855,7 +690,7 @@ var _hoisted_3$25 = [
 	"value",
 	"aria-describedby"
 ];
-var _hoisted_4$18 = {
+var _hoisted_4$17 = {
 	key: 0,
 	class: "j-checkbox__text"
 };
@@ -906,7 +741,7 @@ var JCheckbox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["j-checkbox", [_ctx.$attrs.class, { "is-disabled": __props.disabled }]]),
 				style: normalizeStyle(_ctx.$attrs.style),
 				"data-state": state.value
-			}, [createElementVNode("span", _hoisted_2$29, [createElementVNode("input", mergeProps({
+			}, [createElementVNode("span", _hoisted_2$27, [createElementVNode("input", mergeProps({
 				id: id.value,
 				ref_key: "input",
 				ref: input
@@ -924,7 +759,7 @@ var JCheckbox_default = /* @__PURE__ */ defineComponent({
 				value: __props.value,
 				"aria-describedby": __props.description || _ctx.$slots.description ? descriptionId.value : void 0,
 				onChange
-			}), null, 16, _hoisted_3$25), _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$18, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
+			}), null, 16, _hoisted_3$23), _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$17, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
 				key: 0,
 				for: id.value,
 				class: "j-checkbox__label"
@@ -932,16 +767,16 @@ var JCheckbox_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				id: descriptionId.value,
 				class: "j-checkbox__description"
-			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$8)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$40);
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$8)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$37);
 		};
 	}
 });
 //#endregion
 //#region src/components/collapsible/JCollapsible.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["data-state"];
-var _hoisted_2$28 = ["aria-expanded", "disabled"];
-var _hoisted_3$24 = { class: "j-collapsible__label" };
-var _hoisted_4$17 = ["inert"];
+var _hoisted_1$36 = ["data-state"];
+var _hoisted_2$26 = ["aria-expanded", "disabled"];
+var _hoisted_3$22 = { class: "j-collapsible__label" };
+var _hoisted_4$16 = ["inert"];
 var _hoisted_5$12 = { class: "j-collapsible__panel-inner" };
 var _hoisted_6$7 = { class: "j-collapsible__content" };
 //#endregion
@@ -980,13 +815,13 @@ var JCollapsible_default = /* @__PURE__ */ defineComponent({
 				"aria-controls": panelId,
 				disabled: __props.disabled,
 				onClick: toggle
-			}, [createVNode(unref(IconChevronDown), { class: "j-collapsible__chevron" }), createElementVNode("span", _hoisted_3$24, [renderSlot(_ctx.$slots, "trigger", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])], 8, _hoisted_2$28), createElementVNode("div", {
+			}, [createVNode(unref(IconChevronDown), { class: "j-collapsible__chevron" }), createElementVNode("span", _hoisted_3$22, [renderSlot(_ctx.$slots, "trigger", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])], 8, _hoisted_2$26), createElementVNode("div", {
 				id: panelId,
 				role: "region",
 				class: "j-collapsible__panel",
 				"aria-labelledby": triggerId,
 				inert: !model.value
-			}, [createElementVNode("div", _hoisted_5$12, [createElementVNode("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_4$17)], 8, _hoisted_1$39);
+			}, [createElementVNode("div", _hoisted_5$12, [createElementVNode("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_4$16)], 8, _hoisted_1$36);
 		};
 	}
 });
@@ -996,8 +831,8 @@ var stack = [];
 function isTop(trap) {
 	return stack[stack.length - 1] === trap;
 }
-var listening$1 = false;
-function onKeydown$1(event) {
+var listening = false;
+function onKeydown(event) {
 	if (event.key !== "Tab" || event.defaultPrevented) return;
 	const container = stack[stack.length - 1]?.container.value;
 	if (!container) return;
@@ -1027,17 +862,17 @@ function onFocusIn(event) {
 	const [first] = getFocusableElements(container);
 	focusElement(first ?? container);
 }
-function listen$1() {
-	if (listening$1 || !isClient) return;
-	document.addEventListener("keydown", onKeydown$1);
+function listen() {
+	if (listening || !isClient) return;
+	document.addEventListener("keydown", onKeydown);
 	document.addEventListener("focusin", onFocusIn);
-	listening$1 = true;
+	listening = true;
 }
-function unlisten$1() {
-	if (!listening$1 || stack.length > 0) return;
-	document.removeEventListener("keydown", onKeydown$1);
+function unlisten() {
+	if (!listening || stack.length > 0) return;
+	document.removeEventListener("keydown", onKeydown);
 	document.removeEventListener("focusin", onFocusIn);
-	listening$1 = false;
+	listening = false;
 }
 /**
 * Keep keyboard focus inside `container` while `active` is true, and put it
@@ -1050,19 +885,20 @@ function useFocusTrap(container, active, options = {}) {
 	async function activate() {
 		returnTo = document.activeElement;
 		stack.push(trap);
-		listen$1();
+		listen();
 		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);
+		const target = options.initialFocus?.() ?? el.querySelector("[autofocus], [data-autofocus]") ?? getFocusableElements(el)[0] ?? el;
+		focusElement(target);
 	}
 	function deactivate() {
 		const index = stack.indexOf(trap);
 		if (index === -1) return;
 		stack.splice(index, 1);
-		unlisten$1();
+		unlisten();
 		if (options.restoreFocus === false) return;
 		const target = returnTo;
 		returnTo = null;
@@ -1084,117 +920,6 @@ function useFocusTrap(container, active, options = {}) {
 	}
 }
 //#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;
@@ -1238,134 +963,15 @@ function useScrollLock(active) {
 	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$38 = {
+var _hoisted_1$35 = {
 	key: 0,
 	class: "j-command__overlay",
 	"aria-hidden": "true"
 };
-var _hoisted_2$27 = ["aria-label"];
-var _hoisted_3$23 = { class: "j-command__search" };
-var _hoisted_4$16 = [
+var _hoisted_2$25 = ["aria-label"];
+var _hoisted_3$21 = { class: "j-command__search" };
+var _hoisted_4$15 = [
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder"
@@ -1611,7 +1217,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 		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$38)) : createCommentVNode("", true)]),
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$35)) : createCommentVNode("", true)]),
 					_: 1
 				}), createVNode(Transition, {
 					name: "j-command",
@@ -1633,7 +1239,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 						"aria-label": __props.label,
 						class: "j-command"
 					}, [
-						createElementVNode("div", _hoisted_3$23, [
+						createElementVNode("div", _hoisted_3$21, [
 							createVNode(unref(IconSearch), { class: "j-command__search-icon" }),
 							withDirectives(createElementVNode("input", {
 								ref_key: "input",
@@ -1654,7 +1260,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 								spellcheck: "false",
 								enterkeyhint: "go",
 								onKeydown
-							}, null, 40, _hoisted_4$16), [[vModelText, search.value]]),
+							}, null, 40, _hoisted_4$15), [[vModelText, search.value]]),
 							createElementVNode("button", {
 								type: "button",
 								class: "j-command__esc j-kbd",
@@ -1720,7 +1326,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 							_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$27)], 32)) : createCommentVNode("", true)]),
+					], 8, _hoisted_2$25)], 32)) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
@@ -1770,21 +1376,21 @@ function useModal(panel, open, options) {
 var FIELD_SELECTOR = ":is(input:not([type=hidden]), textarea, select, [role=combobox]):not(:disabled)";
 //#endregion
 //#region src/components/dialog/JDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = {
+var _hoisted_1$34 = {
 	key: 0,
 	class: "j-dialog__overlay",
 	"aria-hidden": "true"
 };
-var _hoisted_2$26 = [
+var _hoisted_2$24 = [
 	"aria-labelledby",
 	"aria-label",
 	"aria-describedby"
 ];
-var _hoisted_3$22 = {
+var _hoisted_3$20 = {
 	key: 0,
 	class: "j-dialog__header"
 };
-var _hoisted_4$15 = {
+var _hoisted_4$14 = {
 	key: 1,
 	class: "j-dialog__body"
 };
@@ -1839,7 +1445,7 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 		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$37)) : createCommentVNode("", true)]),
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$34)) : createCommentVNode("", true)]),
 					_: 1
 				}), createVNode(Transition, {
 					name: "j-dialog",
@@ -1866,7 +1472,7 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 						"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$22, [renderSlot(_ctx.$slots, "header", {
+						__props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3$20, [renderSlot(_ctx.$slots, "header", {
 							titleId,
 							descriptionId
 						}, () => [createElementVNode("h2", {
@@ -1877,7 +1483,7 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 							id: descriptionId,
 							class: "j-dialog__description"
 						}, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-						_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$15, [renderSlot(_ctx.$slots, "default", { close })])) : createCommentVNode("", true),
+						_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$14, [renderSlot(_ctx.$slots, "default", { close })])) : createCommentVNode("", true),
 						_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5$10, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true),
 						!__props.hideClose ? (openBlock(), createElementBlock("button", {
 							key: 3,
@@ -1886,313 +1492,7 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 							"aria-label": "Close",
 							onClick: close
 						}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
-					], 42, _hoisted_2$26)], 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$36 = ["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$36)) : createCommentVNode("", true)]),
+					], 42, _hoisted_2$24)], 32)) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
@@ -2201,185 +1501,8 @@ var JMenuContent_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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$35 = {
-	key: 0,
-	class: "j-menu__icon"
-};
-var _hoisted_2$25 = { class: "j-menu__text" };
-var _hoisted_3$21 = {
-	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$35, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_2$25, [renderSlot(_ctx.$slots, "default")]),
-					__props.shortcut ? (openBlock(), createElementBlock("span", _hoisted_3$21, 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$34 = {
+var _hoisted_1$33 = {
 	class: "j-menu__label",
 	role: "presentation"
 };
@@ -2389,7 +1512,7 @@ var JDropdownMenuLabel_default = /* @__PURE__ */ defineComponent({
 	__name: "JDropdownMenuLabel",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$34, [renderSlot(_ctx.$slots, "default")]);
+			return openBlock(), createElementBlock("div", _hoisted_1$33, [renderSlot(_ctx.$slots, "default")]);
 		};
 	}
 });
@@ -2403,27 +1526,27 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuSeparator.vue
 var _sfc_main = {};
-var _hoisted_1$33 = {
+var _hoisted_1$32 = {
 	role: "separator",
 	"aria-orientation": "horizontal",
 	class: "j-menu__separator"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$33);
+	return openBlock(), createElementBlock("div", _hoisted_1$32);
 }
 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$32 = [
+var _hoisted_1$31 = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-disabled"
 ];
-var _hoisted_2$24 = {
+var _hoisted_2$23 = {
 	key: 0,
 	class: "j-menu__icon"
 };
-var _hoisted_3$20 = { class: "j-menu__text" };
+var _hoisted_3$19 = { class: "j-menu__text" };
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuSub.vue
 var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -2497,10 +1620,10 @@ var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 				onKeydown,
 				onClick
 			}, [
-				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$24, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$20, toDisplayString(__props.label), 1),
+				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$23, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$19, toDisplayString(__props.label), 1),
 				createVNode(unref(IconChevronRight), { class: "j-menu__chevron" })
-			], 40, _hoisted_1$32), createVNode(JMenuContent_default, {
+			], 40, _hoisted_1$31), createVNode(JMenuContent_default, {
 				id: menuId,
 				ref_key: "sub",
 				ref: sub,
@@ -2531,19 +1654,19 @@ var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/empty-state/JEmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = {
+var _hoisted_1$30 = {
 	key: 0,
 	class: "j-empty-state__icon"
 };
-var _hoisted_2$23 = {
+var _hoisted_2$22 = {
 	key: 1,
 	class: "j-empty-state__title"
 };
-var _hoisted_3$19 = {
+var _hoisted_3$18 = {
 	key: 2,
 	class: "j-empty-state__description"
 };
-var _hoisted_4$14 = {
+var _hoisted_4$13 = {
 	key: 3,
 	class: "j-empty-state__actions"
 };
@@ -2559,26 +1682,26 @@ var JEmptyState_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-empty-state", `j-empty-state--${__props.size}`]) }, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1$31, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$23, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-				__props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$19, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true),
-				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$14, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1$30, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$22, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+				__props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$18, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$13, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/footer/JFooter.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = { class: "j-footer__inner" };
-var _hoisted_2$22 = {
+var _hoisted_1$29 = { class: "j-footer__inner" };
+var _hoisted_2$21 = {
 	key: 0,
 	class: "j-footer__top"
 };
-var _hoisted_3$18 = {
+var _hoisted_3$17 = {
 	key: 0,
 	class: "j-footer__brand"
 };
-var _hoisted_4$13 = {
+var _hoisted_4$12 = {
 	key: 1,
 	class: "j-footer__columns"
 };
@@ -2604,13 +1727,13 @@ var JFooter_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("footer", {
 				class: normalizeClass(["j-footer", { "is-bordered": __props.bordered }]),
 				style: normalizeStyle(style.value)
-			}, [createElementVNode("div", _hoisted_1$30, [_ctx.$slots.brand || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_2$22, [_ctx.$slots.brand ? (openBlock(), createElementBlock("div", _hoisted_3$18, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true), _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$13, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.bottom ? (openBlock(), createElementBlock("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "bottom")])) : createCommentVNode("", true)])], 6);
+			}, [createElementVNode("div", _hoisted_1$29, [_ctx.$slots.brand || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_2$21, [_ctx.$slots.brand ? (openBlock(), createElementBlock("div", _hoisted_3$17, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true), _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$12, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.bottom ? (openBlock(), createElementBlock("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "bottom")])) : createCommentVNode("", true)])], 6);
 		};
 	}
 });
 //#endregion
 //#region src/components/footer/JFooterColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { class: "j-footer-column__links" };
+var _hoisted_1$28 = { class: "j-footer-column__links" };
 //#endregion
 //#region src/components/footer/JFooterColumn.vue
 var JFooterColumn_default = /* @__PURE__ */ defineComponent({
@@ -2625,102 +1748,11 @@ var JFooterColumn_default = /* @__PURE__ */ defineComponent({
 			}, [createElementVNode("p", {
 				id: titleId,
 				class: "j-footer-column__title"
-			}, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_1$29, [renderSlot(_ctx.$slots, "default")])]);
-		};
-	}
-});
-//#endregion
-//#region src/components/field/JFieldShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = {
-	key: 0,
-	class: "j-field__required",
-	"aria-hidden": "true"
-};
-var _hoisted_2$21 = { class: "j-field__messages" };
-var _hoisted_3$17 = ["id"];
-var _hoisted_4$12 = ["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$28, "*")) : createCommentVNode("", true)]),
-					_: 3
-				}, 8, ["id", "for"])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default"),
-				createElementVNode("div", _hoisted_2$21, [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$17)) : __props.showDescription ? (openBlock(), createElementBlock("p", {
-						key: 1,
-						id: __props.descriptionId,
-						class: "j-field__description"
-					}, toDisplayString(__props.description), 9, _hoisted_4$12)) : createCommentVNode("", true)]),
-					_: 1
-				})])
-			], 2);
+			}, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_1$28, [renderSlot(_ctx.$slots, "default")])]);
 		};
 	}
 });
 //#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$27 = {
 	key: 0,
@@ -2855,39 +1887,6 @@ var JInput_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/kbd/JKbd.vue
-var JKbd_default = /* @__PURE__ */ defineComponent({
-	__name: "JKbd",
-	props: {
-		keys: {},
-		size: { default: "md" }
-	},
-	setup(__props) {
-		const props = __props;
-		const mounted = ref(false);
-		onMounted(() => mounted.value = true);
-		const parts = computed(() => {
-			if (!props.keys) return [];
-			if (!mounted.value) return props.keys.split("+").map((part) => part === "mod" ? "Ctrl" : part.length === 1 ? part.toUpperCase() : part);
-			return formatHotkey(props.keys);
-		});
-		return (_ctx, _cache) => {
-			return __props.keys ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(["j-kbd-group", `j-kbd-group--${__props.size}`])
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, i) => {
-				return openBlock(), createElementBlock("kbd", {
-					key: i,
-					class: "j-kbd"
-				}, toDisplayString(part), 1);
-			}), 128))], 2)) : (openBlock(), createElementBlock("kbd", {
-				key: 1,
-				class: normalizeClass(["j-kbd", { "j-kbd--sm": __props.size === "sm" }])
-			}, [renderSlot(_ctx.$slots, "default")], 2));
-		};
-	}
-});
-//#endregion
 //#region src/components/navbar/JNavbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$26 = { class: "j-navbar__bar" };
 var _hoisted_2$19 = {
@@ -5392,114 +4391,6 @@ var JToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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/visually-hidden/JVisuallyHidden.vue
 var JVisuallyHidden_default = /* @__PURE__ */ defineComponent({
 	__name: "JVisuallyHidden",