@hina-ui/vue 1.7.11 → 1.7.12

package/dist/index.js

@@ -1085,7 +1085,7 @@ var spinner = tv({
 });
 //#endregion
 //#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$131 = ["aria-label"];
+var _hoisted_1$132 = ["aria-label"];
 //#endregion
 //#region src/components/spinner/Spinner.vue
 var Spinner_default = /* @__PURE__ */ defineComponent({
@@ -1105,13 +1105,13 @@ var Spinner_default = /* @__PURE__ */ defineComponent({
 				"aria-label": props.label ?? unref(t).common.loading,
 				class: unref(cn)(unref(spinner)({ size: props.size })),
 				style: { animation: "hn-spin var(--hn-spin-duration) var(--hn-ease-linear) infinite" }
-			}), null, 16, _hoisted_1$131);
+			}), null, 16, _hoisted_1$132);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$130 = {
+var _hoisted_1$131 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -1135,7 +1135,7 @@ var IconSlot_default$1 = /* @__PURE__ */ defineComponent({
 				"leave-active-class": "hn-transition",
 				"leave-to-class": "scale-90 opacity-0"
 			}, {
-				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$130, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$131, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2);
 		};
@@ -1359,7 +1359,7 @@ function useRipple(container, surface, isDisabled) {
 }
 //#endregion
 //#region src/components/ripple/Ripple.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$129 = ["data-pressed"];
+var _hoisted_1$130 = ["data-pressed"];
 //#endregion
 //#region src/components/ripple/Ripple.vue
 var Ripple_default = /* @__PURE__ */ defineComponent({
@@ -1382,7 +1382,7 @@ var Ripple_default = /* @__PURE__ */ defineComponent({
 				ref: surface,
 				class: "hn-ripple-surface",
 				"data-pressed": unref(pressed) ? "" : void 0
-			}, null, 8, _hoisted_1$129)], 512);
+			}, null, 8, _hoisted_1$130)], 512);
 		};
 	}
 });
@@ -1445,7 +1445,7 @@ var Primitive = defineComponent({
 });
 //#endregion
 //#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$128 = {
+var _hoisted_1$129 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 flex items-center justify-center"
@@ -1556,7 +1556,7 @@ var Button_default = /* @__PURE__ */ defineComponent({
 						"leave-active-class": "hn-transition",
 						"leave-to-class": "opacity-0"
 					}, {
-						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$128, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$129, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 						_: 1
 					})
 				], 64))]),
@@ -1807,7 +1807,7 @@ function useCopy(text, onCopied, resetAfter = () => COPIED_RESET_MS) {
 }
 //#endregion
 //#region src/components/copy-button/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$127 = { class: "relative inline-flex size-[1em]" };
+var _hoisted_1$128 = { class: "relative inline-flex size-[1em]" };
 //#endregion
 //#region src/components/copy-button/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -1839,7 +1839,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 				class: props.class,
 				onClick: unref(copy)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$127, [createVNode(Transition, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$128, [createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
 					"leave-active-class": "hn-transition",
@@ -1914,7 +1914,7 @@ var buttonGroup = tv({
 });
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$126 = ["aria-label", "aria-orientation"];
+var _hoisted_1$127 = ["aria-label", "aria-orientation"];
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ defineComponent({
@@ -1945,7 +1945,7 @@ var ButtonGroup_default = /* @__PURE__ */ defineComponent({
 					block: props.block,
 					divider: props.divider
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$126);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$127);
 		};
 	}
 });
@@ -2172,7 +2172,7 @@ function floatButtonOffset(offset) {
 }
 //#endregion
 //#region src/components/float-button/FloatButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$125 = {
+var _hoisted_1$126 = {
 	key: 0,
 	class: "min-w-0 truncate"
 };
@@ -2276,7 +2276,7 @@ var FloatButton_default = /* @__PURE__ */ defineComponent({
 					}), props.class),
 					style: [offset.value, props.style]
 				}), createSlots({
-					default: withCtx(() => [props.extended ? (openBlock(), createElementBlock("span", _hoisted_1$125, toDisplayString(props.label), 1)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+					default: withCtx(() => [props.extended ? (openBlock(), createElementBlock("span", _hoisted_1$126, toDisplayString(props.label), 1)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
 					_: 2
 				}, [props.extended ? {
 					name: "icon",
@@ -2841,7 +2841,7 @@ var splitButton = tv({
 var splitButtonAction = tv({ base: "min-w-0 flex-1 shrink [&>span]:min-w-0" });
 //#endregion
 //#region src/components/split-button/SplitButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$124 = { class: "min-w-0 truncate" };
+var _hoisted_1$125 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/split-button/SplitButton.vue
 var SplitButton_default = /* @__PURE__ */ defineComponent({
@@ -2966,7 +2966,7 @@ var SplitButton_default = /* @__PURE__ */ defineComponent({
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event)),
 					onKeydown
 				}), createSlots({
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$124, [renderSlot(_ctx.$slots, "default")])]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$125, [renderSlot(_ctx.$slots, "default")])]),
 					_: 2
 				}, [_ctx.$slots.icon ? {
 					name: "icon",
@@ -3280,8 +3280,8 @@ var chipRemove = tv({
 });
 //#endregion
 //#region src/components/chip/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$123 = { class: "hn-collapse-body" };
-var _hoisted_2$71 = {
+var _hoisted_1$124 = { class: "hn-collapse-body" };
+var _hoisted_2$72 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -3302,7 +3302,7 @@ var IconSlot_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				"data-hn-icon": "",
 				class: normalizeClass(["hn-collapse-x", props.icon || props.checked ? "hn-collapse-open" : "hn-collapse-closed"])
-			}, [createElementVNode("span", _hoisted_1$123, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
+			}, [createElementVNode("span", _hoisted_1$124, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["hn-transition inline-flex items-center justify-center", props.checked ? "scale-90 opacity-0" : "scale-100 opacity-100"])
 			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true), createVNode(Transition, {
@@ -3311,7 +3311,7 @@ var IconSlot_default = /* @__PURE__ */ defineComponent({
 				"leave-active-class": "hn-transition",
 				"leave-to-class": "scale-90 opacity-0"
 			}, {
-				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$71, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$72, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2)])], 2);
 		};
@@ -3534,13 +3534,13 @@ var VisuallyHidden_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxStrip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$122 = [
+var _hoisted_1$123 = [
 	"src",
 	"alt",
 	"onLoad"
 ];
-var _hoisted_2$70 = ["src"];
-var _hoisted_3$38 = [
+var _hoisted_2$71 = ["src"];
+var _hoisted_3$39 = [
 	"src",
 	"alt",
 	"onLoad"
@@ -3601,7 +3601,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 							draggable: "false",
 							class: "block size-full object-contain",
 							onLoad: ($event) => emit("learn", slide.item.id, $event.target)
-						}, null, 40, _hoisted_1$122), createVNode(Transition, {
+						}, null, 40, _hoisted_1$123), createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "opacity-0",
 							"leave-active-class": "hn-transition",
@@ -3614,7 +3614,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 								"aria-hidden": "true",
 								draggable: "false",
 								class: "absolute inset-0 size-full object-contain"
-							}, null, 8, _hoisted_2$70)) : createCommentVNode("", true)]),
+							}, null, 8, _hoisted_2$71)) : createCommentVNode("", true)]),
 							_: 1
 						})]),
 						_: 2
@@ -3636,7 +3636,7 @@ var LightboxStrip_default = /* @__PURE__ */ defineComponent({
 							draggable: "false",
 							class: "block size-full object-contain",
 							onLoad: ($event) => emit("learn", slide.item.id, $event.target)
-						}, null, 40, _hoisted_3$38)]),
+						}, null, 40, _hoisted_3$39)]),
 						_: 2
 					}, 1032, [
 						"style",
@@ -3660,7 +3660,7 @@ function useLayoutTransition() {
 	return inject(key$2, void 0);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/overlayscrollbars@2.16.0_patch_hash=b086d956ad9d09179b5de81c6b85941b45b110c24a175e33bd3a30c65dd23692/node_modules/overlayscrollbars/overlayscrollbars.mjs
+//#region ../../node_modules/.pnpm/overlayscrollbars@2.16.0_patch_hash=26a1c7648e3439e34ed872a36fce3f788dab16bf66ce7ac63eb1a156bdb0d2f2/node_modules/overlayscrollbars/overlayscrollbars.mjs
 /*!
 * OverlayScrollbars
 * Version: 2.16.0
@@ -3963,6 +3963,12 @@ var removeElements = (t) => {
 var appendChildren = (t, n) => bind(removeElements, t && n && each(createOrKeepArray(n), ((n) => {
 	if (n) t.appendChild(n);
 })));
+var placeChildren = (t, n) => {
+	const o = t && n ? createOrKeepArray(n).filter(((t) => t)) : [];
+	const s = t ? t.childNodes : [];
+	const e = s.length - o.length;
+	if (e < 0 || o.some(((t, n) => s[e + n] !== t))) appendChildren(t, n);
+};
 var D;
 var getTrustedTypePolicy = () => D;
 var setTrustedTypePolicy = (t) => {
@@ -5235,7 +5241,9 @@ var createScrollbarsSetup = (t, n, o, s, e, c, r) => {
 	const [y, w] = selfClearTimeout(50);
 	const [S, m] = selfClearTimeout((() => d));
 	const [O, C] = createScrollbarsSetupElements(t, c, e, createScrollbarsSetupEvents(n, c, e, skipEventIfSleeping, ((t) => isHoverablePointerType(t) && manageScrollbarsAutoHideInstantInteraction())));
-	const { vt: $, Qt: H, bt: D } = c;
+	const { vt: $, Qt: H, bt: D, un: hoverWindow } = c;
+	const hoverScope = hoverWindow();
+	i = isFunction(hoverScope.matchMedia) && hoverScope.matchMedia("(hover: hover)").matches && $.matches(":hover");
 	const { Ft: z, Ut: I, Nt: A, qt: T, Bt: k } = O;
 	const manageScrollbarsAutoHide = (t, n) => {
 		m();
@@ -5467,10 +5475,10 @@ var createStructureSetupElements = (t) => {
 			setAttrs(Q, o, s || "-1");
 			if (g) setAttrs(b, q, "");
 		}
-		appendChildren(et, st);
-		appendChildren(W, J);
-		appendChildren(J || W, !H && Q);
-		appendChildren(Q, nt);
+		placeChildren(et, st);
+		placeChildren(W, J);
+		placeChildren(J || W, !H && Q);
+		placeChildren(Q, nt);
 		push(ot, [c, () => {
 			const t = getFocusedElement();
 			const n = elementIsGenerated(Q);
@@ -6338,9 +6346,9 @@ function useScrollFocus(host, viewport, options) {
 }
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$121 = ["dir"];
-var _hoisted_2$69 = ["data-visible"];
-var _hoisted_3$37 = ["data-visible"];
+var _hoisted_1$122 = ["dir"];
+var _hoisted_2$70 = ["data-visible"];
+var _hoisted_3$38 = ["data-visible"];
 var _hoisted_4$31 = ["data-visible"];
 var _hoisted_5$24 = ["data-visible"];
 //#endregion
@@ -6430,14 +6438,14 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-side": "x-start",
 					"data-visible": unref(showXStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_2$69)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_2$70)) : createCommentVNode("", true),
 				props.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "hn-scroll-shadow",
 					"data-side": "x-end",
 					"data-visible": unref(showXEnd) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_3$37)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$38)) : createCommentVNode("", true),
 				props.direction !== "horizontal" ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: "hn-scroll-shadow",
@@ -6452,7 +6460,7 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-visible": unref(showYEnd) ? "" : void 0,
 					"aria-hidden": "true"
 				}, null, 8, _hoisted_5$24)) : createCommentVNode("", true)
-			], 64)) : createCommentVNode("", true)], 10, _hoisted_1$121);
+			], 64)) : createCommentVNode("", true)], 10, _hoisted_1$122);
 		};
 	}
 });
@@ -6510,16 +6518,16 @@ var Highlight_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$120 = {
+var _hoisted_1$121 = {
 	"data-hn-thumbs": "",
 	class: "relative isolate flex w-max gap-2 px-4 py-3"
 };
-var _hoisted_2$68 = [
+var _hoisted_2$69 = [
 	"aria-label",
 	"aria-current",
 	"onClick"
 ];
-var _hoisted_3$36 = ["src"];
+var _hoisted_3$37 = ["src"];
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue
 var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
@@ -6555,7 +6563,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 				scrollbar: false,
 				class: "max-w-full"
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$120, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$121, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
 					return openBlock(), createElementBlock("button", {
 						key: item.id,
 						ref_for: true,
@@ -6572,14 +6580,14 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 							alt: "",
 							draggable: "false",
 							class: "relative -z-10 size-full object-cover"
-						}, null, 8, _hoisted_3$36),
+						}, null, 8, _hoisted_3$37),
 						at === props.index ? (openBlock(), createBlock(Highlight_default, {
 							key: 0,
 							id: unref(highlightId),
 							axis: "x",
 							class: "ring-accent absolute inset-0 rounded-md ring-2 ring-inset"
 						}, null, 8, ["id"])) : createCommentVNode("", true)
-					], 10, _hoisted_2$68);
+					], 10, _hoisted_2$69);
 				}), 128))])]),
 				_: 1
 			});
@@ -6588,8 +6596,8 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$119 = { class: "flex flex-col items-center gap-1 pb-[max(--spacing(3),env(safe-area-inset-bottom))]" };
-var _hoisted_2$67 = { class: "flex items-center gap-1" };
+var _hoisted_1$120 = { class: "flex flex-col items-center gap-1 pb-[max(--spacing(3),env(safe-area-inset-bottom))]" };
+var _hoisted_2$68 = { class: "flex items-center gap-1" };
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue
 var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
@@ -6616,12 +6624,12 @@ var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const t = useUiLocale();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$119, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$120, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
 				key: 0,
 				items: props.items,
 				index: props.index,
 				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
-			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$67, [
+			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$68, [
 				createVNode(IconButton_default, {
 					label: unref(t).lightbox.zoomOut,
 					disabled: !props.zoomed,
@@ -8230,8 +8238,8 @@ async function saveImage(url) {
 }
 //#endregion
 //#region src/components/lightbox/Lightbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$118 = ["data-hn-phase"];
-var _hoisted_2$66 = {
+var _hoisted_1$119 = ["data-hn-phase"];
+var _hoisted_2$67 = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute inset-0 isolate"
 };
@@ -8399,7 +8407,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 							onWheel: _cache[10] || (_cache[10] = (...args) => unref(gesture).onWheel && unref(gesture).onWheel(...args)),
 							onKeydown
 						}, [
-							createElementVNode("div", _hoisted_2$66, [createVNode(unref(Motion), {
+							createElementVNode("div", _hoisted_2$67, [createVNode(unref(Motion), {
 								class: "hn-scrim",
 								style: normalizeStyle({ opacity: unref(motion).presence })
 							}, null, 8, ["style"])]),
@@ -8469,7 +8477,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 								"hint",
 								"presence"
 							])
-						], 42, _hoisted_1$118)]),
+						], 42, _hoisted_1$119)]),
 						_: 1
 					})]),
 					_: 1
@@ -8500,6 +8508,14 @@ var image = tv({
 	defaultVariants: { fit: "cover" }
 });
 //#endregion
+//#region ../shared/src/lib/css-time.ts
+function cssTimeToMs(value) {
+	const text = value.trim().toLowerCase();
+	const amount = Number.parseFloat(text);
+	if (!Number.isFinite(amount) || amount < 0) return 0;
+	return text.endsWith("s") && !text.endsWith("ms") ? amount * 1e3 : amount;
+}
+//#endregion
 //#region src/components/image/resolver.ts
 var KEY$2 = Symbol("hn-image-resolver");
 function provideImageResolver(resolver) {
@@ -8557,7 +8573,7 @@ function useImage(props, emit) {
 		const style = getComputedStyle(el);
 		try {
 			return el.animate(frames, {
-				duration: Number.parseFloat(style.getPropertyValue("--hn-duration-fast")) || 0,
+				duration: cssTimeToMs(style.getPropertyValue("--hn-duration-fast")),
 				easing: style.getPropertyValue("--hn-ease-enter").trim() || "linear",
 				fill: "forwards"
 			});
@@ -8641,7 +8657,7 @@ function useImageGroup() {
 }
 //#endregion
 //#region src/components/image/Image.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$117 = [
+var _hoisted_1$118 = [
 	"src",
 	"alt",
 	"decoding",
@@ -8751,7 +8767,7 @@ var Image_default = /* @__PURE__ */ defineComponent({
 							fit: props.fit,
 							lazy: props.lazy
 						}), props.lazy && !unref(revealed) && "opacity-0", props.imageClass)
-					}), null, 16, _hoisted_1$117)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
+					}), null, 16, _hoisted_1$118)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
 					unref(showSkeleton) ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						ref_key: "skeletonEl",
@@ -9025,7 +9041,7 @@ var indicator = tv({
 });
 //#endregion
 //#region src/components/indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$116 = {
+var _hoisted_1$117 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "hn-ping absolute inset-0 rounded-full bg-inherit"
@@ -9056,7 +9072,7 @@ var Indicator_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), props.class))
 			}, {
-				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$116)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
+				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$117)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)]),
@@ -9108,8 +9124,8 @@ var calloutIcons = {
 };
 //#endregion
 //#region src/components/callout/Callout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$115 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$65 = {
+var _hoisted_1$116 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$66 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
@@ -9137,7 +9153,7 @@ var Callout_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				class: normalizeClass(unref(calloutIcon)({ tone: props.tone })),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_1$115, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$65, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
+			}, null, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_1$116, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$66, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
 		};
 	}
 });
@@ -9193,13 +9209,13 @@ function useCollapseGap() {
 }
 //#endregion
 //#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$114 = {
+var _hoisted_1$115 = {
 	key: 0,
 	"data-hn-alert": "",
 	class: "hn-collapse"
 };
-var _hoisted_2$64 = { class: "hn-collapse-body" };
-var _hoisted_3$35 = ["role"];
+var _hoisted_2$65 = { class: "hn-collapse-body" };
+var _hoisted_3$36 = ["role"];
 var _hoisted_4$30 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
 var _hoisted_5$23 = {
 	key: 0,
@@ -9249,7 +9265,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "hn-collapse-open",
 				"leave-to-class": "hn-collapse-closed"
 			}, toHandlers(unref(hooks))), {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$114, [createElementVNode("div", _hoisted_2$64, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$115, [createElementVNode("div", _hoisted_2$65, [createElementVNode("div", {
 					role: role.value,
 					class: normalizeClass(unref(cn)(unref(callout)({ tone: props.tone }), props.class))
 				}, [
@@ -9266,7 +9282,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 						class: "-my-0.5 -me-1",
 						onClick: close
 					})) : createCommentVNode("", true)
-				], 10, _hoisted_3$35)])])) : createCommentVNode("", true)]),
+				], 10, _hoisted_3$36)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -9961,7 +9977,7 @@ var PaginationPage_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/pagination/PaginationEllipsis.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$113 = {
+var _hoisted_1$114 = {
 	class: "grid",
 	"aria-hidden": "true"
 };
@@ -10008,7 +10024,7 @@ var PaginationEllipsis_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 					side: props.range.side,
 					expanded: expanded.value
-				}, () => [createElementVNode("span", _hoisted_1$113, [createVNode(unref(MoreHorizontal), { class: normalizeClass(["hn-transition-base [grid-area:1/1]", expanded.value ? "scale-90 opacity-0" : "scale-100 opacity-100"]) }, null, 8, ["class"]), (openBlock(), createBlock(resolveDynamicComponent(props.range.side === "prev" ? unref(ChevronLeft) : unref(ChevronRight)), { class: normalizeClass([[unref(paginationArrow)({ dir: unref(direction) }), expanded.value ? "scale-100 opacity-100" : "scale-90 opacity-0"], "hn-transition-base [grid-area:1/1]"]) }, null, 8, ["class"]))])])]),
+				}, () => [createElementVNode("span", _hoisted_1$114, [createVNode(unref(MoreHorizontal), { class: normalizeClass(["hn-transition-base [grid-area:1/1]", expanded.value ? "scale-90 opacity-0" : "scale-100 opacity-100"]) }, null, 8, ["class"]), (openBlock(), createBlock(resolveDynamicComponent(props.range.side === "prev" ? unref(ChevronLeft) : unref(ChevronRight)), { class: normalizeClass([[unref(paginationArrow)({ dir: unref(direction) }), expanded.value ? "scale-100 opacity-100" : "scale-90 opacity-0"], "hn-transition-base [grid-area:1/1]"]) }, null, 8, ["class"]))])])]),
 				_: 3
 			}, 8, [
 				"size",
@@ -10553,8 +10569,8 @@ function usePaginationEllipsis(host, items) {
 }
 //#endregion
 //#region src/components/pagination/PaginationPages.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$112 = { key: 0 };
-var _hoisted_2$63 = { key: 1 };
+var _hoisted_1$113 = { key: 0 };
+var _hoisted_2$64 = { key: 1 };
 //#endregion
 //#region src/components/pagination/PaginationPages.vue
 var PaginationPages_default = /* @__PURE__ */ defineComponent({
@@ -10570,7 +10586,7 @@ var PaginationPages_default = /* @__PURE__ */ defineComponent({
 		const ellipsis = usePaginationEllipsis(toRef(props, "host"), () => props.items);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_1$112, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_1$113, [createVNode(PaginationControl_default, {
 					action: "first",
 					size: unref(size),
 					dir: unref(direction)
@@ -10603,7 +10619,7 @@ var PaginationPages_default = /* @__PURE__ */ defineComponent({
 					size: unref(size),
 					dir: unref(direction)
 				}, null, 8, ["size", "dir"])]),
-				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$63, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$64, [createVNode(PaginationControl_default, {
 					action: "last",
 					size: unref(size),
 					dir: unref(direction)
@@ -11268,9 +11284,9 @@ var virtualListItem = tv({
 var virtualListStatus = tv({ base: "text-muted flex shrink-0 items-center justify-center gap-2 p-4 text-sm" });
 //#endregion
 //#region src/components/virtual-list/VirtualChoices.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$111 = ["data-index"];
-var _hoisted_2$62 = ["id"];
-var _hoisted_3$34 = ["id"];
+var _hoisted_1$112 = ["data-index"];
+var _hoisted_2$63 = ["id"];
+var _hoisted_3$35 = ["id"];
 var _hoisted_4$29 = { class: "relative" };
 var _hoisted_5$22 = ["data-index"];
 //#endregion
@@ -11328,11 +11344,11 @@ var VirtualChoices_default = /* @__PURE__ */ defineComponent({
 						key: 1,
 						id: unref(labelId)(entry.index),
 						hidden: ""
-					}, toDisplayString(unref(rows)[entry.index].label), 9, _hoisted_2$62)) : (openBlock(), createElementBlock("div", {
+					}, toDisplayString(unref(rows)[entry.index].label), 9, _hoisted_2$63)) : (openBlock(), createElementBlock("div", {
 						key: 2,
 						id: unref(labelId)(entry.index),
 						class: normalizeClass(unref(selectLabel)())
-					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_3$34))], 14, _hoisted_1$111);
+					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_3$35))], 14, _hoisted_1$112);
 				}), 128))], 16), !unref(rows).length ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(selectEmpty)())
@@ -11388,9 +11404,9 @@ var rekaNavigationViewportStyle = {
 };
 //#endregion
 //#region src/components/select/SelectList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$110 = { class: "min-w-0 flex-1" };
-var _hoisted_2$61 = { class: "block truncate" };
-var _hoisted_3$33 = {
+var _hoisted_1$111 = { class: "min-w-0 flex-1" };
+var _hoisted_2$62 = { class: "block truncate" };
+var _hoisted_3$34 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -11455,7 +11471,7 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 								class: unref(selectItem)()
 							}), {
 								default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$110, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$61, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$33, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
+									default: withCtx(() => [createElementVNode("span", _hoisted_1$111, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$62, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$34, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
 									_: 2
 								}, 1024), createElementVNode("span", _hoisted_4$28, [createVNode(unref(SelectItemIndicator), null, {
 									default: withCtx(() => [createVNode(unref(Check))]),
@@ -11574,7 +11590,7 @@ function useClearTransition(visible) {
 }
 //#endregion
 //#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$109 = [
+var _hoisted_1$110 = [
 	"dir",
 	"data-invalid",
 	"data-disabled"
@@ -11693,7 +11709,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 					_: 1
-				}, 16)], 10, _hoisted_1$109), createVNode(SelectList_default, {
+				}, 16)], 10, _hoisted_1$110), createVNode(SelectList_default, {
 					options: props.options,
 					keyboard: keyboard.value,
 					virtualize: props.virtualize
@@ -11787,12 +11803,12 @@ function focusFieldFrom(root, target) {
 }
 //#endregion
 //#region src/components/input/InputBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$108 = [
+var _hoisted_1$109 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$60 = [
+var _hoisted_2$61 = [
 	"id",
 	"disabled",
 	"aria-invalid",
@@ -11879,7 +11895,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 						leading: !!unref(slots).leading,
 						trailing: clearing.value || trailingSpinner.value || !!unref(slots).trailing
 					})
-				}), null, 16, _hoisted_2$60), [[vModelDynamic, model.value]]),
+				}), null, 16, _hoisted_2$61), [[vModelDynamic, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -11915,7 +11931,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$108);
+			], 10, _hoisted_1$109);
 		};
 	}
 });
@@ -12116,12 +12132,12 @@ function usePagination(props, model, sizeModel, change) {
 }
 //#endregion
 //#region src/components/pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$107 = ["dir", "aria-busy"];
-var _hoisted_2$59 = {
+var _hoisted_1$108 = ["dir", "aria-busy"];
+var _hoisted_2$60 = {
 	key: 0,
 	class: "relative min-h-0 flex-auto"
 };
-var _hoisted_3$32 = ["inert"];
+var _hoisted_3$33 = ["inert"];
 var _hoisted_4$27 = [
 	"aria-label",
 	"inert",
@@ -12195,7 +12211,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 				dir: unref(rootDirection),
 				"aria-busy": props.pending || void 0,
 				class: unref(cn)("max-w-full", _ctx.$slots.list && "flex min-h-0 flex-col gap-3", props.class)
-			}), [_ctx.$slots.list ? (openBlock(), createElementBlock("div", _hoisted_2$59, [createElementVNode("div", { inert: props.pending || void 0 }, [renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(unref(state))))], 8, _hoisted_3$32), createVNode(LoadingOverlay_default, { visible: props.pending }, null, 8, ["visible"])])) : createCommentVNode("", true), !props.hideSinglePage || unref(state).pageCount > 1 ? (openBlock(), createBlock(unref(PaginationRoot), {
+			}), [_ctx.$slots.list ? (openBlock(), createElementBlock("div", _hoisted_2$60, [createElementVNode("div", { inert: props.pending || void 0 }, [renderSlot(_ctx.$slots, "list", normalizeProps(guardReactiveProps(unref(state))))], 8, _hoisted_3$33), createVNode(LoadingOverlay_default, { visible: props.pending }, null, 8, ["visible"])])) : createCommentVNode("", true), !props.hideSinglePage || unref(state).pageCount > 1 ? (openBlock(), createBlock(unref(PaginationRoot), {
 				key: 1,
 				page: unref(page),
 				total: unref(total),
@@ -12233,13 +12249,13 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 				"show-edges",
 				"disabled",
 				"onUpdate:page"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$107);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$108);
 		};
 	}
 });
 //#endregion
 //#region src/components/prev-next/PrevNext.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$106 = ["aria-label"];
+var _hoisted_1$107 = ["aria-label"];
 //#endregion
 //#region src/components/prev-next/PrevNext.vue
 var PrevNext_default = /* @__PURE__ */ defineComponent({
@@ -12256,7 +12272,7 @@ var PrevNext_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": props.label ?? unref(t).pagination.navLabel,
 				class: normalizeClass(unref(cn)("grid grid-cols-1 gap-4 sm:grid-cols-2", props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$106);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$107);
 		};
 	}
 });
@@ -12280,7 +12296,7 @@ var prevNextEyebrow = tv({
 });
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$105 = { class: "text-fg max-w-full font-medium" };
+var _hoisted_1$106 = { class: "text-fg max-w-full font-medium" };
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue
 var PrevNextLink_default = /* @__PURE__ */ defineComponent({
@@ -12316,7 +12332,7 @@ var PrevNextLink_default = /* @__PURE__ */ defineComponent({
 						class: "size-4",
 						"aria-hidden": "true"
 					})), createTextVNode(" " + toDisplayString(props.label ?? (props.direction === "prev" ? unref(t).pagination.prev : unref(t).pagination.next)), 1)], 2),
-					createElementVNode("span", _hoisted_1$105, [renderSlot(_ctx.$slots, "default")])
+					createElementVNode("span", _hoisted_1$106, [renderSlot(_ctx.$slots, "default")])
 				]),
 				_: 3
 			}, 16, [
@@ -12392,8 +12408,8 @@ var tableCell = tv({
 });
 //#endregion
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$104 = { class: "hn-table" };
-var _hoisted_2$58 = { key: 0 };
+var _hoisted_1$105 = { class: "hn-table" };
+var _hoisted_2$59 = { key: 0 };
 //#endregion
 //#region src/components/table/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
@@ -12430,7 +12446,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 					stickyHeader: props.stickyHeader
 				}), props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("table", _hoisted_1$104, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$58, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("table", _hoisted_1$105, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$59, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 8, ["direction", "class"]);
 		};
@@ -12477,7 +12493,7 @@ var TableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/table/TableHead.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$103 = ["scope"];
+var _hoisted_1$104 = ["scope"];
 //#endregion
 //#region src/components/table/TableHead.vue
 var TableHead_default = /* @__PURE__ */ defineComponent({
@@ -12502,7 +12518,7 @@ var TableHead_default = /* @__PURE__ */ defineComponent({
 					sticky: props.sticky,
 					head: true
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$103);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$104);
 		};
 	}
 });
@@ -13778,8 +13794,8 @@ var textareaField = tv({ base: [
 ] });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$102 = ["data-invalid", "data-disabled"];
-var _hoisted_2$57 = [
+var _hoisted_1$103 = ["data-invalid", "data-disabled"];
+var _hoisted_2$58 = [
 	"id",
 	"rows",
 	"disabled",
@@ -13852,9 +13868,9 @@ var Textarea_default = /* @__PURE__ */ defineComponent({
 					"aria-describedby": unref(describedBy),
 					class: unref(textareaField)(),
 					onInput: _cache[1] || (_cache[1] = (...args) => unref(fit) && unref(fit)(...args))
-				}), null, 16, _hoisted_2$57), [[vModelText, model.value]])]),
+				}), null, 16, _hoisted_2$58), [[vModelText, model.value]])]),
 				_: 1
-			}, 512)], 14, _hoisted_1$102);
+			}, 512)], 14, _hoisted_1$103);
 		};
 	}
 });
@@ -14688,7 +14704,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/password-input/PasswordInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$101 = { class: "relative inline-flex" };
+var _hoisted_1$102 = { class: "relative inline-flex" };
 //#endregion
 //#region src/components/password-input/PasswordInput.vue
 var PasswordInput_default = /* @__PURE__ */ defineComponent({
@@ -14740,7 +14756,7 @@ var PasswordInput_default = /* @__PURE__ */ defineComponent({
 					disabled: props.disabled,
 					onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value)
 				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$101, [createVNode(Transition, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$102, [createVNode(Transition, {
 						"enter-active-class": "hn-transition-base",
 						"enter-from-class": "scale-90 opacity-0",
 						"leave-active-class": "hn-transition absolute",
@@ -14842,7 +14858,7 @@ var inputGroup = tv({
 var inputGroupAddon = tv({ base: "text-muted flex shrink-0 items-center gap-2 px-[var(--hn-input-px)] whitespace-nowrap [&>svg]:size-[var(--hn-input-icon)]" });
 //#endregion
 //#region src/components/input-group/InputGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$100 = ["data-invalid", "data-disabled"];
+var _hoisted_1$101 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/input-group/InputGroup.vue
 var InputGroup_default = /* @__PURE__ */ defineComponent({
@@ -14874,7 +14890,7 @@ var InputGroup_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), unref(inputGroup)({ divided: props.variant !== "bare" }), props.class)),
 				onClick: _cache[0] || (_cache[0] = ($event) => unref(focusFieldFrom)($event.currentTarget, $event.target))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$100);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$101);
 		};
 	}
 });
@@ -14904,12 +14920,12 @@ var multiSelectTrigger = tv({ base: [
 var multiSelectChips = tv({ base: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden" });
 //#endregion
 //#region src/components/multi-select/MultiSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$99 = { class: "min-w-0 truncate" };
-var _hoisted_2$56 = {
+var _hoisted_1$100 = { class: "min-w-0 truncate" };
+var _hoisted_2$57 = {
 	key: 1,
 	class: "min-w-0 truncate"
 };
-var _hoisted_3$31 = [
+var _hoisted_3$32 = [
 	"name",
 	"required",
 	"autocomplete",
@@ -15021,7 +15037,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 									onClick: isolate,
 									onRemove: ($event) => remove(option.value)
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$99, toDisplayString(option.label), 1)]),
+									default: withCtx(() => [createElementVNode("span", _hoisted_1$100, toDisplayString(option.label), 1)]),
 									_: 2
 								}, 1032, [
 									"size",
@@ -15036,7 +15052,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 							}, {
 								default: withCtx(() => [createTextVNode(" +" + toDisplayString(overflow.value), 1)]),
 								_: 1
-							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$56, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
+							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$57, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
 							createVNode(Transition, {
 								"enter-active-class": "hn-transition-base",
 								"enter-from-class": "scale-90 opacity-0",
@@ -15090,7 +15106,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 								value: option.value,
 								disabled: option.disabled
 							}, toDisplayString(option.label), 9, _hoisted_4$26);
-						}), 128))], 8, _hoisted_3$31), [[vModelSelect, model.value]])]),
+						}), 128))], 8, _hoisted_3$32), [[vModelSelect, model.value]])]),
 						_: 1
 					})) : createCommentVNode("", true),
 					createVNode(SelectList_default, {
@@ -15189,9 +15205,9 @@ var comboboxContent = tv({ base: ["hn-anim-pop z-(--hn-z-overlay) flex w-[var(--
 var comboboxList = tv({ base: "max-h-[min(20rem,var(--hn-overlay-available-height,20rem))]" });
 //#endregion
 //#region src/components/combobox/ComboboxList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$98 = { class: "min-w-0 flex-1" };
-var _hoisted_2$55 = { class: "block truncate" };
-var _hoisted_3$30 = {
+var _hoisted_1$99 = { class: "min-w-0 flex-1" };
+var _hoisted_2$56 = { class: "block truncate" };
+var _hoisted_3$31 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -15255,7 +15271,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 								"text-value": option.label,
 								class: unref(selectItem)()
 							}), {
-								default: withCtx(() => [createElementVNode("span", _hoisted_1$98, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$55, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$30, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$25, [createVNode(unref(ComboboxItemIndicator), null, {
+								default: withCtx(() => [createElementVNode("span", _hoisted_1$99, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$56, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$31, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createElementVNode("span", _hoisted_4$25, [createVNode(unref(ComboboxItemIndicator), null, {
 									default: withCtx(() => [createVNode(unref(Check))]),
 									_: 1
 								})])]),
@@ -15340,7 +15356,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$97 = [
+var _hoisted_1$98 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
@@ -15490,7 +15506,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 							"disabled",
 							"class"
 						])
-					], 42, _hoisted_1$97)]),
+					], 42, _hoisted_1$98)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -15815,8 +15831,8 @@ function useAutocomplete(config) {
 }
 //#endregion
 //#region src/components/autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$96 = ["data-invalid", "data-disabled"];
-var _hoisted_2$54 = [
+var _hoisted_1$97 = ["data-invalid", "data-disabled"];
+var _hoisted_2$55 = [
 	"id",
 	"value",
 	"aria-expanded",
@@ -15830,7 +15846,7 @@ var _hoisted_2$54 = [
 	"readonly",
 	"placeholder"
 ];
-var _hoisted_3$29 = [
+var _hoisted_3$30 = [
 	"id",
 	"aria-label",
 	"aria-labelledby",
@@ -15963,7 +15979,7 @@ var Autocomplete_default = /* @__PURE__ */ defineComponent({
 					onKeydown: _cache[4] || (_cache[4] = (...args) => unref(onKeydown) && unref(onKeydown)(...args)),
 					onCompositionstart: _cache[5] || (_cache[5] = ($event) => composing.value = true),
 					onCompositionend: _cache[6] || (_cache[6] = (...args) => unref(onCompositionEnd) && unref(onCompositionEnd)(...args))
-				}), null, 16, _hoisted_2$54),
+				}), null, 16, _hoisted_2$55),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -15980,7 +15996,7 @@ var Autocomplete_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$96), createVNode(Popover_default, {
+			], 10, _hoisted_1$97), createVNode(Popover_default, {
 				open: unref(visible),
 				"onUpdate:open": _cache[9] || (_cache[9] = ($event) => isRef(visible) ? visible.value = $event : null),
 				anchor: unref(host),
@@ -16024,7 +16040,7 @@ var Autocomplete_default = /* @__PURE__ */ defineComponent({
 							option,
 							active: unref(active) === option.value
 						}, () => [createElementVNode("span", _hoisted_5$18, [createElementVNode("span", _hoisted_6$12, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_7$8, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])], 42, _hoisted_4$24);
-					}), 128))], 10, _hoisted_3$29), props.loading || !props.options.length ? (openBlock(), createElementBlock("div", {
+					}), 128))], 10, _hoisted_3$30), props.loading || !props.options.length ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						role: "status",
 						class: normalizeClass(unref(selectEmpty)())
@@ -16123,9 +16139,9 @@ var Kbd_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/command-palette/CommandPaletteItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$95 = { class: "truncate" };
-var _hoisted_2$53 = ["textContent"];
-var _hoisted_3$28 = ["textContent"];
+var _hoisted_1$96 = { class: "truncate" };
+var _hoisted_2$54 = ["textContent"];
+var _hoisted_3$29 = ["textContent"];
 var _hoisted_4$23 = ["textContent"];
 var _hoisted_5$17 = {
 	key: 0,
@@ -16171,13 +16187,13 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 					!_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
 						key: 2,
 						class: normalizeClass(unref(commandItemBody)())
-					}, [createElementVNode("span", _hoisted_1$95, [
-						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$53),
+					}, [createElementVNode("span", _hoisted_1$96, [
+						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$54),
 						parts.value[1] ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(unref(commandItemMatch)()),
 							textContent: toDisplayString(parts.value[1])
-						}, null, 10, _hoisted_3$28)) : createCommentVNode("", true),
+						}, null, 10, _hoisted_3$29)) : createCommentVNode("", true),
 						parts.value[2] ? (openBlock(), createElementBlock("span", {
 							key: 1,
 							textContent: toDisplayString(parts.value[2])
@@ -16808,9 +16824,9 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/listbox/ListboxOptionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$94 = { class: "min-w-0 flex-1" };
-var _hoisted_2$52 = { class: "block truncate" };
-var _hoisted_3$27 = {
+var _hoisted_1$95 = { class: "min-w-0 flex-1" };
+var _hoisted_2$53 = { class: "block truncate" };
+var _hoisted_3$28 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
 };
@@ -16830,10 +16846,10 @@ var ListboxOptionContent_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const { isSelected: selected } = injectListboxItemContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$94, [renderSlot(_ctx.$slots, "option", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$95, [renderSlot(_ctx.$slots, "option", {
 				option: props.option,
 				selected: unref(selected)
-			}, () => [createElementVNode("span", _hoisted_2$52, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$27, toDisplayString(props.option.description), 1)) : createCommentVNode("", true)])]), slots.trailing ? renderSlot(_ctx.$slots, "trailing", {
+			}, () => [createElementVNode("span", _hoisted_2$53, toDisplayString(props.option.label), 1), props.option.description ? (openBlock(), createElementBlock("span", _hoisted_3$28, toDisplayString(props.option.description), 1)) : createCommentVNode("", true)])]), slots.trailing ? renderSlot(_ctx.$slots, "trailing", {
 				option: props.option,
 				selected: unref(selected)
 			}, void 0, void 0, 0) : (openBlock(), createElementBlock("span", _hoisted_4$22, [createVNode(unref(ListboxItemIndicator), null, {
@@ -17109,7 +17125,7 @@ var checkboxDescription = tv({
 });
 //#endregion
 //#region src/components/tree/TreeCheck.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$93 = ["data-state"];
+var _hoisted_1$94 = ["data-state"];
 //#endregion
 //#region src/components/tree/TreeCheck.vue
 var TreeCheck_default = /* @__PURE__ */ defineComponent({
@@ -17142,7 +17158,7 @@ var TreeCheck_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [props.indeterminate ? (openBlock(), createBlock(unref(Minus), { key: 0 })) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$93);
+			})], 10, _hoisted_1$94);
 		};
 	}
 });
@@ -17269,7 +17285,7 @@ function useVirtualTree(props, viewport) {
 }
 //#endregion
 //#region src/components/tree/VirtualTreeWindow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$92 = ["data-index"];
+var _hoisted_1$93 = ["data-index"];
 //#endregion
 //#region src/components/tree/VirtualTreeWindow.vue
 var VirtualTreeWindow_default = /* @__PURE__ */ defineComponent({
@@ -17306,7 +17322,7 @@ var VirtualTreeWindow_default = /* @__PURE__ */ defineComponent({
 					role: "presentation",
 					class: normalizeClass(unref(virtualListItem)({ orientation: "vertical" })),
 					style: normalizeStyle({ marginBlockStart: `${entry.gapBefore}px` })
-				}, [renderSlot(_ctx.$slots, "default", { item: props.items[entry.index] })], 14, _hoisted_1$92);
+				}, [renderSlot(_ctx.$slots, "default", { item: props.items[entry.index] })], 14, _hoisted_1$93);
 			}), 128))], 6);
 		};
 	}
@@ -17525,13 +17541,13 @@ var treeToggle = tv({ base: "text-muted flex size-5 shrink-0 cursor-pointer item
 var treeEmpty = tv({ base: "text-muted px-2.5 py-2 text-sm" });
 //#endregion
 //#region src/components/tree/Tree.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$91 = [
+var _hoisted_1$92 = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
 ];
-var _hoisted_2$51 = ["onClick"];
-var _hoisted_3$26 = {
+var _hoisted_2$52 = ["onClick"];
+var _hoisted_3$27 = {
 	key: 1,
 	class: "size-5 shrink-0",
 	"aria-hidden": "true"
@@ -17582,7 +17598,7 @@ var Tree_default = /* @__PURE__ */ defineComponent({
 				"aria-describedby": unref(describedBy),
 				"data-hn-tree": "",
 				class: unref(cn)(unref(treeEmpty)(), props.class)
-			}), [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).tree.empty), 1)])], 16, _hoisted_1$91)) : (openBlock(), createBlock(unref(TreeRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).tree.empty), 1)])], 16, _hoisted_1$92)) : (openBlock(), createBlock(unref(TreeRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				id: unref(id),
 				expanded: unref(expanded),
 				"onUpdate:expanded": _cache[0] || (_cache[0] = ($event) => isRef(expanded) ? expanded.value = $event : null),
@@ -17630,7 +17646,7 @@ var Tree_default = /* @__PURE__ */ defineComponent({
 								}, [createVNode(DisclosureIcon_default, {
 									direction: "end",
 									open: isExpanded
-								}, null, 8, ["open"])], 10, _hoisted_2$51)) : (openBlock(), createElementBlock("span", _hoisted_3$26)),
+								}, null, 8, ["open"])], 10, _hoisted_2$52)) : (openBlock(), createElementBlock("span", _hoisted_3$27)),
 								props.multiple ? (openBlock(), createBlock(TreeCheck_default, {
 									key: 2,
 									selected: unref(state)(item.value).selected,
@@ -17700,8 +17716,8 @@ var treeSelectRow = tv({ base: [
 var treeSelectToggle = tv({ base: ["text-muted flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm", "[&>span>svg]:size-3.5"] });
 //#endregion
 //#region src/components/tree-select/TreeSelectSearch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$90 = { class: "border-line shrink-0 border-b px-1" };
-var _hoisted_2$50 = [
+var _hoisted_1$91 = { class: "border-line shrink-0 border-b px-1" };
+var _hoisted_2$51 = [
 	"aria-label",
 	"aria-controls",
 	"placeholder"
@@ -17728,7 +17744,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 		const input = shallowRef(null);
 		__expose({ focus: () => input.value?.focus() });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$90, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
+			return openBlock(), createElementBlock("div", _hoisted_1$91, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
 				variant: "bare",
 				size: "sm"
 			})) }, [
@@ -17749,7 +17765,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 						trailing: !!model.value
 					})),
 					onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
-				}, null, 42, _hoisted_2$50), [[vModelText, model.value]]),
+				}, null, 42, _hoisted_2$51), [[vModelText, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -17909,7 +17925,7 @@ function useTreeSelect(props, model, open, search) {
 }
 //#endregion
 //#region src/components/tree-select/TreeSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$89 = [
+var _hoisted_1$90 = [
 	"id",
 	"aria-describedby",
 	"aria-expanded",
@@ -17919,8 +17935,8 @@ var _hoisted_1$89 = [
 	"data-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$49 = { class: "min-w-0 flex-1 truncate" };
-var _hoisted_3$25 = ["onClick"];
+var _hoisted_2$50 = { class: "min-w-0 flex-1 truncate" };
+var _hoisted_3$26 = ["onClick"];
 var _hoisted_4$20 = {
 	key: 1,
 	class: "size-5 shrink-0"
@@ -18003,7 +18019,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 							variant: props.variant,
 							size: props.size
 						}), unref(selectTrigger)(), props.class)
-					}), [createElementVNode("span", _hoisted_2$49, toDisplayString(unref(selected) ? unref(selected).label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)], 16, _hoisted_1$89)]),
+					}), [createElementVNode("span", _hoisted_2$50, toDisplayString(unref(selected) ? unref(selected).label : props.placeholder ?? unref(t).select.placeholder), 1), createElementVNode("span", { class: normalizeClass(unref(inputAdornment)()) }, [createVNode(DisclosureIcon_default)], 2)], 16, _hoisted_1$90)]),
 					_: 1
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -18082,7 +18098,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 											}, [createVNode(DisclosureIcon_default, {
 												direction: "end",
 												open: isExpanded
-											}, null, 8, ["open"])], 10, _hoisted_3$25)) : (openBlock(), createElementBlock("span", _hoisted_4$20)),
+											}, null, 8, ["open"])], 10, _hoisted_3$26)) : (openBlock(), createElementBlock("span", _hoisted_4$20)),
 											createElementVNode("span", _hoisted_5$15, [renderSlot(_ctx.$slots, "node", { node: item.value }, () => [createElementVNode("span", _hoisted_6$10, toDisplayString(item.value.label), 1), item.value.description ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(item.value.description), 1)) : createCommentVNode("", true)])]),
 											createElementVNode("span", _hoisted_8$5, [isSelected ? (openBlock(), createBlock(unref(Check), { key: 0 })) : createCommentVNode("", true)])
 										]),
@@ -18413,7 +18429,7 @@ var CheckboxRoot = defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$88 = ["data-disabled"];
+var _hoisted_1$89 = ["data-disabled"];
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
 var Checkbox_default = /* @__PURE__ */ defineComponent({
@@ -18510,7 +18526,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$88);
+			], 10, _hoisted_1$89);
 		};
 	}
 });
@@ -18984,7 +19000,7 @@ var RadioGroupIndicator = defineComponent({
 var radioDot = tv({ base: "block size-[calc(var(--hn-checkbox-size)/2)] bg-surface rounded-full" });
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$87 = ["data-disabled"];
+var _hoisted_1$88 = ["data-disabled"];
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -19078,7 +19094,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 								controlPlacement: props.controlPlacement
 							}))
 						}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
-					], 10, _hoisted_1$87);
+					], 10, _hoisted_1$88);
 				}), 128))]),
 				_: 3
 			}, 8, [
@@ -19230,7 +19246,7 @@ var switchThumb = tv({ base: [
 ] });
 //#endregion
 //#region src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$86 = ["data-disabled"];
+var _hoisted_1$87 = ["data-disabled"];
 //#endregion
 //#region src/components/switch/Switch.vue
 var Switch_default = /* @__PURE__ */ defineComponent({
@@ -19311,7 +19327,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$86);
+			], 10, _hoisted_1$87);
 		};
 	}
 });
@@ -20087,7 +20103,7 @@ var SliderMarks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$85 = [
+var _hoisted_1$86 = [
 	"dir",
 	"data-disabled",
 	"data-dragging"
@@ -20208,13 +20224,13 @@ var Slider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$85);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$86);
 		};
 	}
 });
 //#endregion
 //#region src/components/range-slider/RangeSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$84 = [
+var _hoisted_1$85 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
@@ -20361,7 +20377,7 @@ var RangeSlider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$84);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$85);
 		};
 	}
 });
@@ -20464,15 +20480,15 @@ var toggle = tv({
 });
 //#endregion
 //#region src/components/toggle/Toggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$83 = {
+var _hoisted_1$84 = {
 	key: "on",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_2$48 = {
+var _hoisted_2$49 = {
 	key: "off",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_3$24 = {
+var _hoisted_3$25 = {
 	key: 2,
 	class: "inline-flex items-center"
 };
@@ -20549,10 +20565,10 @@ var Toggle_default = /* @__PURE__ */ defineComponent({
 							"leave-active-class": "hn-transition absolute",
 							"leave-to-class": "scale-90 opacity-0"
 						}, {
-							default: withCtx(() => [swapped.value ? (openBlock(), createElementBlock("span", _hoisted_1$83, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$48, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
+							default: withCtx(() => [swapped.value ? (openBlock(), createElementBlock("span", _hoisted_1$84, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$49, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
 							_: 3
 						})], 2)) : createCommentVNode("", true),
-						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$24, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$25, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
 					]),
 					_: 3
 				}, 16, [
@@ -20972,7 +20988,7 @@ var toolbarSeparator = tv({
 });
 //#endregion
 //#region src/components/toolbar/Toolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$82 = ["dir"];
+var _hoisted_1$83 = ["dir"];
 //#endregion
 //#region src/components/toolbar/Toolbar.vue
 var Toolbar_default = /* @__PURE__ */ defineComponent({
@@ -21020,7 +21036,7 @@ var Toolbar_default = /* @__PURE__ */ defineComponent({
 					ref: root,
 					dir: unref(rootDirection),
 					"data-hn-toolbar": ""
-				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$82)]),
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$83)]),
 				_: 3
 			}, 8, [
 				"orientation",
@@ -21227,8 +21243,8 @@ var navigationMenuViewport = tv({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$81 = ["dir"];
-var _hoisted_2$47 = ["data-hn-ready"];
+var _hoisted_1$82 = ["dir"];
+var _hoisted_2$48 = ["data-hn-ready"];
 //#endregion
 //#region src/components/navigation-menu/NavigationMenu.vue
 var NavigationMenu_default = /* @__PURE__ */ defineComponent({
@@ -21311,13 +21327,13 @@ var NavigationMenu_default = /* @__PURE__ */ defineComponent({
 						ref: viewport,
 						"data-hn-ready": unref(ready) ? "" : void 0,
 						style: normalizeStyle(unref(rekaNavigationViewportStyle))
-					}, null, 12, _hoisted_2$47)]),
+					}, null, 12, _hoisted_2$48)]),
 					_: 1
 				}, 8, [
 					"align",
 					"data-side",
 					"class"
-				])], 12, _hoisted_1$81)]),
+				])], 12, _hoisted_1$82)]),
 				_: 3
 			}, 8, [
 				"modelValue",
@@ -21353,7 +21369,7 @@ var NavigationMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$80 = { class: "min-w-0 flex-1" };
+var _hoisted_1$81 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuTrigger.vue
 var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
@@ -21382,7 +21398,7 @@ var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(navigationMenuIcon)()),
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_1$80, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$81, [renderSlot(_ctx.$slots, "default")]),
 					createElementVNode("span", { class: normalizeClass(unref(navigationMenuIcon)()) }, [renderSlot(_ctx.$slots, "trailing", {}, () => [createElementVNode("span", { class: normalizeClass(unref(navigationMenuDisclosure)({ orientation: unref(menu).orientation.value })) }, [createVNode(DisclosureIcon_default, { direction: unref(menu).orientation.value === "vertical" ? "end" : "down" }, null, 8, ["direction"])], 2)])], 2)
 				]),
 				_: 3
@@ -21392,8 +21408,8 @@ var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$79 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$46 = {
+var _hoisted_1$80 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$47 = {
 	key: 0,
 	class: "text-muted text-xs leading-relaxed font-normal"
 };
@@ -21443,7 +21459,7 @@ var NavigationMenuLink_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(navigationMenuIcon)()),
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_1$79, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_2$46, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])])) : createCommentVNode("", true)]),
+					createElementVNode("span", _hoisted_1$80, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_2$47, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])])) : createCommentVNode("", true)]),
 					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(navigationMenuIcon)())
@@ -21903,7 +21919,7 @@ var tagsInputControl = tv({
 var tagsInputChip = tv({ base: "max-w-full min-w-0 shrink data-disabled:opacity-100" });
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$78 = { class: "min-w-0 truncate" };
+var _hoisted_1$79 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue
 var TagsInputChip_default = /* @__PURE__ */ defineComponent({
@@ -21930,7 +21946,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 				onRemove: _cache[0] || (_cache[0] = ($event) => emit("remove"))
 			}), {
 				default: withCtx(() => [createVNode(unref(TagsInputItemText), { "as-child": "" }, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_1$78, toDisplayString(props.tag), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$79, toDisplayString(props.tag), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -21944,7 +21960,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tags-input/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = ["data-invalid", "data-disabled"];
+var _hoisted_1$78 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/tags-input/TagsInput.vue
 var TagsInput_default = /* @__PURE__ */ defineComponent({
@@ -22095,7 +22111,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$77);
+			})], 10, _hoisted_1$78);
 		};
 	}
 });
@@ -22150,12 +22166,12 @@ var multiComboboxHost = tv({
 var multiComboboxEnd = tv({ base: "absolute inset-y-0 end-0 flex items-stretch" });
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$76 = [
+var _hoisted_1$77 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$45 = { class: "min-w-0 truncate" };
+var _hoisted_2$46 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue
 var MultiCombobox_default = /* @__PURE__ */ defineComponent({
@@ -22251,7 +22267,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(tagsInputChip)()),
 							onRemove: ($event) => unref(remove)(option.value)
 						}, {
-							default: withCtx(() => [createElementVNode("span", _hoisted_2$45, toDisplayString(option.label), 1)]),
+							default: withCtx(() => [createElementVNode("span", _hoisted_2$46, toDisplayString(option.label), 1)]),
 							_: 2
 						}, 1032, [
 							"size",
@@ -22318,7 +22334,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 						"aria-label",
 						"disabled",
 						"class"
-					])], 2)], 10, _hoisted_1$76)]),
+					])], 2)], 10, _hoisted_1$77)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -23050,7 +23066,7 @@ var dateFieldSegment = tv({
 });
 //#endregion
 //#region src/components/date-field/DateField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = ["data-invalid", "data-disabled"];
+var _hoisted_1$76 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-field/DateField.vue
 var DateField_default = /* @__PURE__ */ defineComponent({
@@ -23207,7 +23223,7 @@ var DateField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$75);
+			], 10, _hoisted_1$76);
 		};
 	}
 });
@@ -23238,7 +23254,7 @@ var InputGroupScope_default = /* @__PURE__ */ defineComponent({
 var datePickerContent = tv({ base: "hn-anim-pop z-(--hn-z-overlay) p-2 shadow-md outline-none" });
 //#endregion
 //#region src/components/date-picker/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = ["data-invalid", "data-disabled"];
+var _hoisted_1$75 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-picker/DatePicker.vue
 var DatePicker_default = /* @__PURE__ */ defineComponent({
@@ -23355,7 +23371,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$74)]),
+					})], 10, _hoisted_1$75)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -23420,7 +23436,7 @@ function isRangeInvalid({ start, end }, bounds) {
 }
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = ["data-invalid", "data-disabled"];
+var _hoisted_1$74 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue
 var DateRangeField_default = /* @__PURE__ */ defineComponent({
@@ -23589,7 +23605,7 @@ var DateRangeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$73);
+			], 10, _hoisted_1$74);
 		};
 	}
 });
@@ -23837,7 +23853,7 @@ var RangeCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = ["data-invalid", "data-disabled"];
+var _hoisted_1$73 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue
 var DateRangePicker_default = /* @__PURE__ */ defineComponent({
@@ -23955,7 +23971,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$72)]),
+					})], 10, _hoisted_1$73)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -24009,7 +24025,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/time-field/TimeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = ["data-invalid", "data-disabled"];
+var _hoisted_1$72 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/time-field/TimeField.vue
 var TimeField_default = /* @__PURE__ */ defineComponent({
@@ -24172,7 +24188,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$71);
+			], 10, _hoisted_1$72);
 		};
 	}
 });
@@ -24181,7 +24197,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 var dateTimePickerFooter = tv({ base: "mt-2 flex items-center justify-between gap-2" });
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = ["data-invalid", "data-disabled"];
+var _hoisted_1$71 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue
 var DateTimePicker_default = /* @__PURE__ */ defineComponent({
@@ -24314,7 +24330,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$70)]),
+					})], 10, _hoisted_1$71)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -24660,8 +24676,8 @@ function useRatingScale(model, max, stars) {
 }
 //#endregion
 //#region src/components/rating/Rating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = ["aria-label"];
-var _hoisted_2$44 = [
+var _hoisted_1$70 = ["aria-label"];
+var _hoisted_2$45 = [
 	"name",
 	"value",
 	"disabled",
@@ -24712,7 +24728,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(ratingFill)()),
 					style: normalizeStyle({ width: unref(starFill)(unref(value), index) })
 				}, [createVNode(unref(Star), { class: normalizeClass(unref(ratingStar)({ active: true })) }, null, 8, ["class"])], 6)], 2);
-			}), 128))], 16, _hoisted_1$69)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), 128))], 16, _hoisted_1$70)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				"data-hn-rating": "",
 				"data-disabled": unref(disabled) ? "" : void 0,
 				"data-invalid": unref(invalid) ? "" : void 0,
@@ -24761,7 +24777,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 					value: model.value,
 					disabled: unref(disabled),
 					form: _ctx.$attrs.form
-				}, null, 8, _hoisted_2$44)) : createCommentVNode("", true)]),
+				}, null, 8, _hoisted_2$45)) : createCommentVNode("", true)]),
 				_: 1
 			}, 16, [
 				"data-disabled",
@@ -24936,13 +24952,13 @@ function formatSize(tag, bytes) {
 }
 //#endregion
 //#region src/components/file-upload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = [
+var _hoisted_1$69 = [
 	"name",
 	"accept",
 	"multiple",
 	"disabled"
 ];
-var _hoisted_2$43 = [
+var _hoisted_2$44 = [
 	"id",
 	"aria-describedby",
 	"aria-invalid",
@@ -24951,7 +24967,7 @@ var _hoisted_2$43 = [
 	"aria-busy",
 	"disabled"
 ];
-var _hoisted_3$23 = ["src"];
+var _hoisted_3$24 = ["src"];
 //#endregion
 //#region src/components/file-upload/FileUpload.vue
 var FileUpload_default = /* @__PURE__ */ defineComponent({
@@ -25031,7 +25047,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 					multiple: props.multiple,
 					disabled: unref(disabled),
 					onChange: _cache[0] || (_cache[0] = (...args) => unref(onChange) && unref(onChange)(...args))
-				}, null, 40, _hoisted_1$68),
+				}, null, 40, _hoisted_1$69),
 				props.variant === "area" ? (openBlock(), createElementBlock("button", mergeProps({ key: 0 }, _ctx.$attrs, {
 					type: "button",
 					"data-hn-file-upload-area": "",
@@ -25055,7 +25071,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(Upload), { "aria-hidden": "true" })])]),
 					_: 3
-				}, 8, ["swapped"]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(t).upload.dropHint), 1)])], 16, _hoisted_2$43)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
+				}, 8, ["swapped"]), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(t).upload.dropHint), 1)])], 16, _hoisted_2$44)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
 					id: unref(fieldId),
 					"aria-describedby": unref(describedBy),
 					"aria-invalid": unref(invalid) || void 0,
@@ -25087,7 +25103,7 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							src: unref(urls).get(file),
 							alt: ""
-						}, null, 8, _hoisted_3$23)) : (openBlock(), createBlock(unref(File), {
+						}, null, 8, _hoisted_3$24)) : (openBlock(), createBlock(unref(File), {
 							key: 1,
 							"aria-hidden": "true"
 						}))], 2),
@@ -25450,8 +25466,8 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = { class: "flex flex-col gap-0.5" };
-var _hoisted_2$42 = { class: "flex justify-end gap-2" };
+var _hoisted_1$68 = { class: "flex flex-col gap-0.5" };
+var _hoisted_2$43 = { class: "flex justify-end gap-2" };
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue
 var Popconfirm_default = /* @__PURE__ */ defineComponent({
@@ -25537,7 +25553,7 @@ var Popconfirm_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(cn)("hn-anim-pop z-(--hn-z-overlay) flex w-max max-w-xs min-w-56 flex-col gap-2.5 p-3 shadow-md outline-none", props.class))
 						}, {
 							default: withCtx(() => [
-								createElementVNode("div", _hoisted_1$67, [createVNode(Text_default, {
+								createElementVNode("div", _hoisted_1$68, [createVNode(Text_default, {
 									id: unref(titleId),
 									weight: "medium"
 								}, {
@@ -25553,7 +25569,7 @@ var Popconfirm_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}, 8, ["id"])) : createCommentVNode("", true)]),
 								renderSlot(_ctx.$slots, "content"),
-								createElementVNode("div", _hoisted_2$42, [createVNode(Button_default, {
+								createElementVNode("div", _hoisted_2$43, [createVNode(Button_default, {
 									size: "sm",
 									variant: "soft",
 									tone: "neutral",
@@ -25906,7 +25922,7 @@ var dropdownItem = tv({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = { class: "min-w-0 flex-1" };
+var _hoisted_1$67 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue
 var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -25932,7 +25948,7 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$66, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$67, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -25946,8 +25962,8 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = { class: "min-w-0 flex-1" };
-var _hoisted_2$41 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$66 = { class: "min-w-0 flex-1" };
+var _hoisted_2$42 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/context-menu/ContextMenuCheckboxItem.vue
 var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -25979,9 +25995,9 @@ var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$65, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$66, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$41, [createVNode(unref(ContextMenuItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$42, [createVNode(unref(ContextMenuItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -26014,7 +26030,7 @@ var ContextMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = { class: "min-w-0 flex-1" };
+var _hoisted_1$65 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue
 var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -26045,7 +26061,7 @@ var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$64, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$65, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -26128,8 +26144,8 @@ var ContextMenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = { class: "min-w-0 flex-1" };
-var _hoisted_2$40 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$64 = { class: "min-w-0 flex-1" };
+var _hoisted_2$41 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue
 var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -26151,7 +26167,7 @@ var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$63, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$40, [createVNode(unref(ContextMenuItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$64, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$41, [createVNode(unref(ContextMenuItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -26296,9 +26312,9 @@ var sheetHandle = tv({
 });
 //#endregion
 //#region src/components/sheet/Sheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = ["data-dragging"];
-var _hoisted_2$39 = ["data-disabled"];
-var _hoisted_3$22 = {
+var _hoisted_1$63 = ["data-dragging"];
+var _hoisted_2$40 = ["data-disabled"];
+var _hoisted_3$23 = {
 	key: 1,
 	class: "flex items-start justify-between gap-4 px-(--hn-panel-p)"
 };
@@ -26426,7 +26442,7 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 									"aria-hidden": "true",
 									"data-disabled": locked.value ? "" : void 0,
 									class: normalizeClass(unref(sheetHandle)({ header: props.header && !slots.body }))
-								}, null, 10, _hoisted_2$39)) : createCommentVNode("", true), props.header && !slots.body ? (openBlock(), createElementBlock("div", _hoisted_3$22, [createElementVNode("div", _hoisted_4$19, [createElementVNode("div", _hoisted_5$14, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_6$9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+								}, null, 10, _hoisted_2$40)) : createCommentVNode("", true), props.header && !slots.body ? (openBlock(), createElementBlock("div", _hoisted_3$23, [createElementVNode("div", _hoisted_4$19, [createElementVNode("div", _hoisted_5$14, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_6$9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -26454,7 +26470,7 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 										class: "-mt-1.5 -me-1.5 shrink-0"
 									}, null, 8, ["disabled"])]),
 									_: 1
-								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$62)) : createCommentVNode("", true),
+								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$63)) : createCommentVNode("", true),
 								slots.body ? renderSlot(_ctx.$slots, "body", {
 									close,
 									submitting: unref(submitting)
@@ -26505,7 +26521,7 @@ var panelBody = tv({
 });
 //#endregion
 //#region src/components/panel/Panel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = { class: "flex min-w-0 flex-col gap-1" };
+var _hoisted_1$62 = { class: "flex min-w-0 flex-col gap-1" };
 //#endregion
 //#region src/components/panel/Panel.vue
 var Panel_default = /* @__PURE__ */ defineComponent({
@@ -26531,7 +26547,7 @@ var Panel_default = /* @__PURE__ */ defineComponent({
 				padded: false,
 				class: normalizeClass(unref(cn)("flex flex-col", props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(panelHeader)({ bodiless: !unref(slots).default })) }, [createElementVNode("div", _hoisted_1$61, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(panelHeader)({ bodiless: !unref(slots).default })) }, [createElementVNode("div", _hoisted_1$62, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
 					unref(slots).icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(panelIcon)()),
@@ -26761,7 +26777,7 @@ var progressBar = tv({
 });
 //#endregion
 //#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = { key: 0 };
+var _hoisted_1$61 = { key: 0 };
 //#endregion
 //#region src/components/progress/Progress.vue
 var Progress_default = /* @__PURE__ */ defineComponent({
@@ -26797,7 +26813,7 @@ var Progress_default = /* @__PURE__ */ defineComponent({
 			}, [props.label || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(progressHeader)())
-			}, [props.label ? (openBlock(), createElementBlock("span", _hoisted_1$60, toDisplayString(props.label), 1)) : createCommentVNode("", true), props.showValue && unref(text) ? (openBlock(), createElementBlock("span", {
+			}, [props.label ? (openBlock(), createElementBlock("span", _hoisted_1$61, toDisplayString(props.label), 1)) : createCommentVNode("", true), props.showValue && unref(text) ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(unref(progressValue)())
 			}, toDisplayString(unref(text)), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createVNode(unref(ProgressRoot_default), mergeProps(_ctx.$attrs, {
@@ -26849,7 +26865,7 @@ var ringProgressCenter = tv({ base: "text-fg absolute inset-0 flex items-center
 var ringProgressLabel = tv({ base: "text-muted text-sm" });
 //#endregion
 //#region src/components/ring-progress/RingProgress.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["stroke-dashoffset", "stroke-linecap"];
+var _hoisted_1$60 = ["stroke-dashoffset", "stroke-linecap"];
 //#endregion
 //#region src/components/ring-progress/RingProgress.vue
 var RingProgress_default = /* @__PURE__ */ defineComponent({
@@ -26913,7 +26929,7 @@ var RingProgress_default = /* @__PURE__ */ defineComponent({
 					"stroke-dashoffset": offset.value,
 					"stroke-linecap": offset.value < 100 ? "round" : void 0,
 					class: normalizeClass(unref(ringProgressArc)({ tone: props.tone }))
-				}, null, 10, _hoisted_1$59)], 2)), unref(slots).default || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
+				}, null, 10, _hoisted_1$60)], 2)), unref(slots).default || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(ringProgressCenter)())
 				}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(unref(text)), 1)])], 2)) : createCommentVNode("", true)]),
@@ -26965,8 +26981,8 @@ function toneAt(index) {
 }
 //#endregion
 //#region src/components/meter-group/MeterGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["aria-label"];
-var _hoisted_2$38 = [
+var _hoisted_1$59 = ["aria-label"];
+var _hoisted_2$39 = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax",
@@ -27037,8 +27053,8 @@ var MeterGroup_default = /* @__PURE__ */ defineComponent({
 						"aria-valuetext": props.format ? entry.text : void 0,
 						class: normalizeClass(unref(meterSegment)({ tone: entry.tone })),
 						style: normalizeStyle({ width: entry.width })
-					}, null, 14, _hoisted_2$38);
-				}), 128))], 16, _hoisted_1$58),
+					}, null, 14, _hoisted_2$39);
+				}), 128))], 16, _hoisted_1$59),
 				props.legend ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(meterLegend)())
@@ -27101,7 +27117,7 @@ var emptyDescription = tv({
 var emptyActions = tv({ base: "flex flex-wrap items-center justify-center gap-2" });
 //#endregion
 //#region src/components/empty/Empty.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = {
+var _hoisted_1$58 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "flex shrink-0 justify-center"
@@ -27129,7 +27145,7 @@ var Empty_default = /* @__PURE__ */ defineComponent({
 				"data-hn-empty": "",
 				class: normalizeClass(unref(cn)(unref(empty)({ size: props.size }), props.class))
 			}, [
-				unref(slots).icon ? (openBlock(), createElementBlock("span", _hoisted_1$57, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
+				unref(slots).icon ? (openBlock(), createElementBlock("span", _hoisted_1$58, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					"aria-hidden": "true",
 					class: normalizeClass(unref(emptyIcon)({ size: props.size }))
@@ -27227,7 +27243,7 @@ var Result_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/number-format/NumberFormat.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = ["title"];
+var _hoisted_1$57 = ["title"];
 //#endregion
 //#region src/components/number-format/NumberFormat.vue
 var NumberFormat_default = /* @__PURE__ */ defineComponent({
@@ -27263,7 +27279,7 @@ var NumberFormat_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				title: full.value,
 				class: normalizeClass(unref(cn)(props.class))
-			}, toDisplayString(text.value), 11, _hoisted_1$56);
+			}, toDisplayString(text.value), 11, _hoisted_1$57);
 		};
 	}
 });
@@ -27294,8 +27310,8 @@ var statisticDelta = tv({
 var statisticIcon = tv({ base: "bg-subtle text-muted flex size-10 shrink-0 items-center justify-center rounded-md [&_svg]:size-5" });
 //#endregion
 //#region src/components/statistic/Statistic.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = { key: 2 };
-var _hoisted_2$37 = {
+var _hoisted_1$56 = { key: 2 };
+var _hoisted_2$38 = {
 	key: 2,
 	class: "text-muted"
 };
@@ -27366,7 +27382,7 @@ var Statistic_default = /* @__PURE__ */ defineComponent({
 						"format",
 						"currency",
 						"precision"
-					])) : (openBlock(), createElementBlock("span", _hoisted_1$55, toDisplayString(props.value ?? "—"), 1)),
+					])) : (openBlock(), createElementBlock("span", _hoisted_1$56, toDisplayString(props.value ?? "—"), 1)),
 					props.suffix ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						class: normalizeClass(unref(statisticAffix)())
@@ -27387,7 +27403,7 @@ var Statistic_default = /* @__PURE__ */ defineComponent({
 						"aria-hidden": "true"
 					})) : createCommentVNode("", true),
 					createElementVNode("span", null, toDisplayString(deltaText.value), 1),
-					props.deltaLabel ? (openBlock(), createElementBlock("span", _hoisted_2$37, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
+					props.deltaLabel ? (openBlock(), createElementBlock("span", _hoisted_2$38, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
 				], 64))], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2), unref(slots).icon ? (openBlock(), createElementBlock("span", {
@@ -27465,13 +27481,13 @@ function stepBetween(previous, next, count) {
 }
 //#endregion
 //#region src/components/banner/Banner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = {
+var _hoisted_1$55 = {
 	key: 0,
 	"data-hn-banner": "",
 	class: "hn-collapse w-full"
 };
-var _hoisted_2$36 = { class: "hn-collapse-body" };
-var _hoisted_3$21 = ["data-tone"];
+var _hoisted_2$37 = { class: "hn-collapse-body" };
+var _hoisted_3$22 = ["data-tone"];
 var _hoisted_4$18 = ["aria-live"];
 //#endregion
 //#region src/components/banner/Banner.vue
@@ -27536,7 +27552,7 @@ var Banner_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "hn-collapse-open",
 				"leave-to-class": "hn-collapse-closed"
 			}, toHandlers(unref(hooks))), {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$54, [createElementVNode("div", _hoisted_2$36, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$55, [createElementVNode("div", _hoisted_2$37, [createElementVNode("div", {
 					"data-tone": tone.value,
 					class: normalizeClass(unref(cn)(unref(banner)({ tone: tone.value }), props.class)),
 					onPointerenter: _cache[2] || (_cache[2] = ($event) => unref(autoplay).hovered.value = true),
@@ -27609,7 +27625,7 @@ var Banner_default = /* @__PURE__ */ defineComponent({
 					size: "sm",
 					class: "text-current",
 					onClick: close
-				})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 42, _hoisted_3$21)])])) : createCommentVNode("", true)]),
+				})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 42, _hoisted_3$22)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -27716,7 +27732,7 @@ var MenubarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = { class: "min-w-0 flex-1" };
+var _hoisted_1$54 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarItem.vue
 var MenubarItem_default = /* @__PURE__ */ defineComponent({
@@ -27742,7 +27758,7 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$53, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$54, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -27756,8 +27772,8 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = { class: "min-w-0 flex-1" };
-var _hoisted_2$35 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$53 = { class: "min-w-0 flex-1" };
+var _hoisted_2$36 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/menubar/MenubarCheckboxItem.vue
 var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -27789,9 +27805,9 @@ var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$52, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$53, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$35, [createVNode(unref(MenubarItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$36, [createVNode(unref(MenubarItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -27824,7 +27840,7 @@ var MenubarGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = { class: "min-w-0 flex-1" };
+var _hoisted_1$52 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarSub.vue
 var MenubarSub_default = /* @__PURE__ */ defineComponent({
@@ -27855,7 +27871,7 @@ var MenubarSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$51, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$52, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -27938,8 +27954,8 @@ var MenubarRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = { class: "min-w-0 flex-1" };
-var _hoisted_2$34 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$51 = { class: "min-w-0 flex-1" };
+var _hoisted_2$35 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue
 var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -27961,7 +27977,7 @@ var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$50, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$34, [createVNode(unref(MenubarItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$51, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$35, [createVNode(unref(MenubarItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -28206,7 +28222,7 @@ function focusFirstInvalid(root) {
 }
 //#endregion
 //#region src/components/form/Form.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["aria-busy"];
+var _hoisted_1$50 = ["aria-busy"];
 //#endregion
 //#region src/components/form/Form.vue
 var Form_default = /* @__PURE__ */ defineComponent({
@@ -28268,7 +28284,7 @@ var Form_default = /* @__PURE__ */ defineComponent({
 				invalid: unref(form).invalid.value,
 				submitting: unref(form).submitting.value,
 				submitted: unref(form).submitted.value
-			})], 42, _hoisted_1$49);
+			})], 42, _hoisted_1$50);
 		};
 	}
 });
@@ -28329,13 +28345,13 @@ var formFieldDescription = tv({ base: "text-muted text-sm" });
 var formFieldMessage = tv({ base: "text-danger-text text-sm" });
 //#endregion
 //#region src/components/form-field/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = [
+var _hoisted_1$49 = [
 	"data-invalid",
 	"data-disabled",
 	"data-orientation"
 ];
-var _hoisted_2$33 = ["id", "for"];
-var _hoisted_3$20 = ["id"];
+var _hoisted_2$34 = ["id", "for"];
+var _hoisted_3$21 = ["id"];
 var _hoisted_4$17 = ["id"];
 var _hoisted_5$13 = {
 	key: 0,
@@ -28438,11 +28454,11 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t).form.required), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)
-			], 10, _hoisted_2$33)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
+			], 10, _hoisted_2$34)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
 				key: 1,
 				id: unref(descriptionId),
 				class: normalizeClass(unref(formFieldDescription)())
-			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_3$20)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("div", {
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_3$21)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("div", {
 				ref_key: "body",
 				ref: body,
 				"data-hn-form-field-body": "",
@@ -28470,7 +28486,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					}, toDisplayString(message.value), 11, _hoisted_7$5)])])) : createCommentVNode("", true)]),
 					_: 1
 				}, 16)
-			], 2)], 2)], 46, _hoisted_1$48);
+			], 2)], 2)], 46, _hoisted_1$49);
 		};
 	}
 });
@@ -28494,8 +28510,8 @@ var formLayoutGrid = tv({
 });
 //#endregion
 //#region src/components/form-layout/FormLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["disabled", "aria-describedby"];
-var _hoisted_2$32 = ["id"];
+var _hoisted_1$48 = ["disabled", "aria-describedby"];
+var _hoisted_2$33 = ["id"];
 //#endregion
 //#region src/components/form-layout/FormLayout.vue
 var FormLayout_default = /* @__PURE__ */ defineComponent({
@@ -28540,457 +28556,393 @@ var FormLayout_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					id: unref(descriptionId),
 					class: normalizeClass(unref(formLayoutDescription)())
-				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_2$32)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_2$33)) : createCommentVNode("", true),
 				createElementVNode("div", { class: normalizeClass(unref(formLayoutGrid)({
 					columns: props.columns,
 					headed: headed.value || described.value
 				})) }, [renderSlot(_ctx.$slots, "default")], 2)
-			], 10, _hoisted_1$47);
+			], 10, _hoisted_1$48);
 		};
 	}
 });
 //#endregion
-//#region src/primitives/pin-input/context.ts
-var [injectPinInputRootContext, providePinInputRootContext] = createContext("PinInputRoot");
-//#endregion
-//#region ../shared/src/primitives/arrow-navigation/index.ts
-var IGNORED = ["INPUT", "TEXTAREA"];
-function arrowNavigation(event, currentElement, parentElement, options = {}) {
-	if (!currentElement || options.enableIgnoredElement && IGNORED.includes(currentElement.nodeName)) return null;
-	const { arrowKeyOptions = "both", attributeName = `[${COLLECTION_ITEM}]`, itemsArray = [], loop = true, dir = "ltr", preventScroll = true, focus = false } = options;
-	const right = event.key === "ArrowRight";
-	const left = event.key === "ArrowLeft";
-	const up = event.key === "ArrowUp";
-	const down = event.key === "ArrowDown";
-	const home = event.key === "Home";
-	const end = event.key === "End";
-	const goingVertical = up || down;
-	const goingHorizontal = right || left;
-	if (!home && !end && (!goingVertical && !goingHorizontal || arrowKeyOptions === "vertical" && goingHorizontal || arrowKeyOptions === "horizontal" && goingVertical)) return null;
-	const items = parentElement ? Array.from(parentElement.querySelectorAll(attributeName)) : itemsArray;
-	if (!items.length) return null;
-	if (preventScroll) event.preventDefault();
-	let item = null;
-	if (goingHorizontal || goingVertical) item = findNextFocusableElement(items, currentElement, {
-		goForward: goingVertical ? down : dir === "ltr" ? right : left,
-		loop
-	});
-	else if (home) item = items.at(0) || null;
-	else if (end) item = items.at(-1) || null;
-	if (focus) item?.focus();
-	return item;
-}
-function findNextFocusableElement(elements, currentElement, options, iterations = elements.includes(currentElement) ? elements.length : elements.length + 1) {
-	if (--iterations === 0) return null;
-	const index = elements.indexOf(currentElement);
-	const newIndex = index === -1 ? options.goForward ? 0 : elements.length - 1 : options.goForward ? index + 1 : index - 1;
-	if (!options.loop && (newIndex < 0 || newIndex >= elements.length)) return null;
-	const candidate = elements[(newIndex + elements.length) % elements.length];
-	if (!candidate) return null;
-	if (candidate.hasAttribute("disabled") && candidate.getAttribute("disabled") !== "false") return findNextFocusableElement(elements, candidate, options, iterations);
-	return candidate;
-}
-//#endregion
 //#region ../shared/src/primitives/pin-input/index.ts
-var NUMBER = /^\d*$/;
-var NON_NUMBER = /\D/g;
-function pinInputValues(value) {
-	return Array.isArray(value) ? [...value] : [];
-}
-function isPinInputComplete(values, count, numeric) {
-	return values.filter((value) => !!value || numeric && value === 0).length === count;
-}
-function stripPinNonNumbers(value) {
-	return value.replace(NON_NUMBER, "");
-}
-function removeTrailingEmptyStrings(values) {
-	while (values.length && values[values.length - 1] === "") values.pop();
-	return values;
-}
-function setPinValueAt(current, index, value, numeric) {
-	const values = [...current];
-	if (numeric) {
-		const number = +value;
-		if (value === "" || Number.isNaN(number)) delete values[index];
-		else values[index] = number;
-	} else values[index] = value;
-	return removeTrailingEmptyStrings(values);
-}
-function spreadPinValue(current, characters, index, count, numeric) {
-	const values = [...current];
-	const start = characters.length >= count ? 0 : index;
-	const end = Math.min(start + characters.length, count);
-	const filled = [];
-	for (let at = start; at < end; at++) {
-		const character = characters[at - start];
-		if (numeric) {
-			const number = Number.parseInt(character);
-			if (Number.isNaN(number)) continue;
-			values[at] = number;
-		} else values[at] = character;
-		filled.push(at);
-	}
+var FULL_WIDTH = /[！-～]/g;
+var UNSUPPORTED = /[\s\p{C}]|[\u{10000}-\u{10FFFF}]/gu;
+var NON_DIGIT = /\D/g;
+var IDLE = {
+	focused: false,
+	start: 0,
+	end: 0
+};
+function cleanPinText(text, numeric) {
+	return text.replace(FULL_WIDTH, (character) => String.fromCharCode(character.charCodeAt(0) - 65248)).replace(numeric ? NON_DIGIT : UNSUPPORTED, "");
+}
+function pinInputValue(value, length) {
+	return value.slice(0, Math.max(0, length));
+}
+function pinSelectionAt(caret, size, length, backward = false) {
+	if (caret >= size) return size < length || !size ? [size, size] : [size - 1, size];
+	if (backward && caret > 0) return [caret - 1, caret];
+	return [caret, caret + 1];
+}
+function editPinValue(base, raw, selection, length, numeric, type = "") {
+	const limit = Math.min(base.length, raw.length);
+	let prefix = 0;
+	while (prefix < limit && base[prefix] === raw[prefix]) prefix++;
+	if (selection) prefix = Math.min(prefix, selection.start);
+	let suffix = 0;
+	while (suffix < limit - prefix && base[base.length - 1 - suffix] === raw[raw.length - 1 - suffix]) suffix++;
+	if (selection) suffix = Math.max(0, Math.min(suffix, base.length - selection.end));
+	const inserted = raw.slice(prefix, raw.length - suffix);
+	const removed = base.length - suffix - prefix;
+	const kept = cleanPinText(inserted, numeric);
+	if (inserted && !kept) return {
+		value: base,
+		start: selection?.start ?? prefix,
+		end: selection?.end ?? prefix + removed
+	};
+	const value = kept.length >= length ? kept.slice(0, length) : (base.slice(0, prefix) + kept + base.slice(prefix + Math.max(removed, kept.length))).slice(0, length);
+	const [start, end] = pinSelectionAt(kept.length >= length ? length : prefix + kept.length, value.length, length, !kept && type.includes("Backward"));
 	return {
-		values,
-		filled,
+		value,
+		start,
 		end
 	};
 }
-function resolvePinComposition(value, numeric) {
-	const text = numeric ? stripPinNonNumbers(value) : value;
-	if (numeric && !text) return { kind: "clear" };
-	if (text.length > 1) return {
-		kind: "spread",
-		characters: text
-	};
-	return {
-		kind: "single",
-		character: text
-	};
-}
-function resolvePinInput(data, value, numeric) {
-	if ((data?.length ?? 0) > 1) return {
-		kind: "spread",
-		characters: value
-	};
-	if (numeric && !NUMBER.test(value)) return {
-		kind: "filter",
-		value: stripPinNonNumbers(value)
-	};
+function movePinSelection(selection, backward, size, length, target, extend) {
+	const last = Math.max(0, Math.min(size, length - 1));
+	const collapsed = selection.start === selection.end;
+	const focus = collapsed || backward ? selection.start : selection.end - 1;
+	const anchor = collapsed ? selection.start : backward ? selection.end - 1 : selection.start;
+	const wide = selection.end - selection.start > 1;
+	const stepped = target === "previous" ? wide && !extend ? selection.start : focus - 1 : target === "next" ? wide && !extend ? selection.end : focus + 1 : target;
+	const next = Math.max(0, Math.min(stepped, last));
+	if (!extend) {
+		const [start, end] = pinSelectionAt(next, size, length);
+		return {
+			start,
+			end,
+			backward: false
+		};
+	}
+	const start = Math.min(anchor, next);
+	const end = Math.min(Math.max(anchor, next) + 1, size);
 	return {
-		kind: "single",
-		character: data || value.slice(-1)
+		start: Math.min(start, end),
+		end,
+		backward: next < anchor
 	};
 }
-function resolvePinPaste(text, numeric) {
-	return numeric ? stripPinNonNumbers(text) : text;
-}
-function pinFocusRedirect(values, count, index) {
-	for (let at = 0; at < count; at++) if (values[at] === "" || values[at] === void 0) return at < index ? at : -1;
-	return -1;
-}
-function navigatePin(event, current, inputs, dir) {
-	arrowNavigation(event, current, void 0, {
-		itemsArray: inputs,
-		focus: true,
-		loop: false,
-		arrowKeyOptions: "horizontal",
-		dir
+function pinCells(value, length, selection) {
+	const collapsed = selection.start === selection.end;
+	return Array.from({ length: Math.max(0, length) }, (_, index) => {
+		const char = value[index] ?? "";
+		const active = selection.focused && (collapsed ? index === selection.start : index >= selection.start && index < selection.end);
+		return {
+			char,
+			active,
+			caret: active && !char
+		};
 	});
 }
-function pinPlaceholder(element, active, placeholder) {
-	element.placeholder = !element.value && element === active ? "" : placeholder;
-}
-function pinInputLabel(index, count) {
-	return `pin input ${index + 1} of ${count}`;
+function pinCellAt(cells, x) {
+	let nearest = 0;
+	let distance = Infinity;
+	for (let index = 0; index < cells.length; index++) {
+		const rect = cells[index].getBoundingClientRect();
+		const gap = x < rect.left ? rect.left - x : x > rect.right ? x - rect.right : 0;
+		if (gap < distance) {
+			distance = gap;
+			nearest = index;
+		}
+	}
+	return nearest;
 }
-//#endregion
-//#region src/primitives/utils/useComposing.ts
-var IME_SCRIPT = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Script=Bopomofo}]/u;
-function isAndroid() {
-	return typeof navigator !== "undefined" && /android/i.test(navigator.userAgent);
+function activeElement(document) {
+	let active = document.activeElement;
+	while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+	return active;
 }
-function useComposing(onEnd) {
-	const isComposing = ref(false);
-	const isImeComposition = ref(true);
-	const sawImeScript = ref(false);
-	const shouldDeferInput = computed(() => isComposing.value && isImeComposition.value);
-	function handleCompositionStart() {
-		isComposing.value = true;
-		isImeComposition.value = true;
-		sawImeScript.value = false;
+function createPinInput(input, options) {
+	const document = input.ownerDocument;
+	const shown = () => pinInputValue(options.value(), options.length());
+	let text = shown();
+	let base = null;
+	let anchor = null;
+	let live = null;
+	let composing = false;
+	let pointer = "mouse";
+	let pressed = false;
+	let away = false;
+	let landing = false;
+	let disposed = false;
+	let view = IDLE;
+	const focused = () => activeElement(document) === input;
+	function range() {
+		const start = Math.min(input.selectionStart ?? text.length, text.length);
+		return {
+			start,
+			end: Math.max(start, Math.min(input.selectionEnd ?? start, text.length))
+		};
 	}
-	function handleCompositionUpdate(event) {
-		if (!event.data) return;
-		if (IME_SCRIPT.test(event.data)) {
-			isImeComposition.value = true;
-			sawImeScript.value = true;
-		} else if (isAndroid() && !sawImeScript.value) isImeComposition.value = false;
+	function publish() {
+		const next = !focused() ? IDLE : {
+			focused: true,
+			...composing && live ? {
+				start: live.start,
+				end: live.end
+			} : range()
+		};
+		if (next.focused === view.focused && next.start === view.start && next.end === view.end) return;
+		view = next;
+		options.select(next);
 	}
-	function handleCompositionEnd(event) {
-		nextTick(() => {
-			isComposing.value = false;
-			onEnd?.(event);
-		});
+	function place(start, end, backward = false) {
+		if (!focused()) return;
+		if (input.selectionStart === start && input.selectionEnd === end) return;
+		input.setSelectionRange(start, end, backward ? "backward" : "forward");
 	}
-	return {
-		isComposing,
-		shouldDeferInput,
-		handleCompositionStart,
-		handleCompositionUpdate,
-		handleCompositionEnd
-	};
-}
-//#endregion
-//#region src/primitives/pin-input/PinInputInput.ts
-var PinInputInput = defineComponent({
-	name: "PinInputInput",
-	props: {
-		index: {
-			type: Number,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "input"
-		}
-	},
-	setup(props, { slots }) {
-		const context = injectPinInputRootContext();
-		const inputElements = computed(() => [...context.inputElements.value]);
-		const currentValue = computed(() => context.currentModelValue.value[props.index]);
-		const disabled = computed(() => props.disabled || context.disabled.value);
-		const isOtpMode = computed(() => context.otp.value);
-		const isPasswordMode = computed(() => context.mask.value);
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		function updateModelValueAt(index, value) {
-			context.modelValue.value = setPinValueAt(context.currentModelValue.value, index, value, context.isNumericMode.value);
-		}
-		function handleMultipleCharacter(characters) {
-			const { values, filled, end } = spreadPinValue(context.currentModelValue.value, characters, props.index, inputElements.value.length, context.isNumericMode.value);
-			for (const at of filled) inputElements.value[at].focus();
-			context.modelValue.value = values;
-			inputElements.value[end]?.focus();
-		}
-		function apply(target, action) {
-			if (action.kind === "clear") target.value = "";
-			else if (action.kind === "filter") target.value = action.value;
-			else if (action.kind === "spread") handleMultipleCharacter(action.characters);
-			else {
-				target.value = action.character;
-				updateModelValueAt(props.index, target.value);
-				inputElements.value[props.index + 1]?.focus();
-			}
-		}
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
-			const target = event.target;
-			apply(target, resolvePinComposition(event.data || target.value, context.isNumericMode.value));
-		});
-		function handleInput(event) {
-			if (isComposing.value || event.isComposing) return;
-			const target = event.target;
-			apply(target, resolvePinInput(event.data, target.value, context.isNumericMode.value));
-		}
-		function updatePlaceholder() {
-			nextTick(() => {
-				const target = currentElement.value;
-				if (!target) return;
-				pinPlaceholder(target, getActiveElement(), context.placeholder.value);
-			});
-		}
-		function handleKeydown(event) {
-			if (isComposing.value || event.isComposing) return;
-			navigatePin(event, getActiveElement(), inputElements.value, context.dir.value);
-		}
-		function handleBackspace(event) {
-			event.preventDefault();
-			if (event.target.value) updateModelValueAt(props.index, "");
-			else {
-				const previous = inputElements.value[props.index - 1];
-				if (previous) {
-					previous.focus();
-					updateModelValueAt(props.index - 1, "");
-				}
-			}
-		}
-		function handleDelete(event) {
-			if (event.key === "Delete") {
-				event.preventDefault();
-				updateModelValueAt(props.index, "");
-			}
-		}
-		function handleFocus(event) {
-			if (context.otp.value) {
-				const redirect = pinFocusRedirect(context.currentModelValue.value, inputElements.value.length, props.index);
-				if (redirect !== -1) {
-					inputElements.value[redirect].focus();
-					return;
-				}
-			}
-			event.target.setSelectionRange(1, 1);
-			updatePlaceholder();
+	function settle() {
+		const { start, end } = range();
+		if (start !== end) return;
+		const [from, to] = pinSelectionAt(start, text.length, options.length());
+		place(from, to);
+	}
+	function emit(value) {
+		if (value === text) return;
+		text = value;
+		options.change(value);
+		queueMicrotask(sync);
+	}
+	function sync() {
+		if (disposed) return;
+		const next = shown();
+		if (next !== text) {
+			text = next;
+			composing = false;
+			base = anchor = live = null;
+		} else if (composing || input.value === text) return;
+		if (input.value !== text) {
+			const caret = Math.min(input.selectionStart ?? text.length, text.length);
+			input.value = text;
+			const [start, end] = pinSelectionAt(caret, text.length, options.length());
+			place(start, end);
+		}
+		publish();
+	}
+	function derive(type) {
+		const length = options.length();
+		const numeric = options.numeric();
+		if (type.startsWith("history")) {
+			const value = cleanPinText(input.value, numeric).slice(0, length);
+			const [start, end] = pinSelectionAt(Math.min(input.selectionStart ?? value.length, value.length), value.length, length);
+			return {
+				value,
+				start,
+				end
+			};
 		}
-		function handlePaste(event) {
+		return editPinValue(base ?? text, input.value, anchor, length, numeric, type);
+	}
+	function preview(type) {
+		composing = true;
+		base ??= text;
+		live = derive(type);
+		emit(live.value);
+		publish();
+	}
+	function commit(type) {
+		const edit = derive(type);
+		composing = false;
+		base = anchor = live = null;
+		if (input.value !== edit.value) input.value = edit.value;
+		emit(edit.value);
+		place(edit.start, edit.end, type.includes("Backward"));
+		publish();
+	}
+	function onBeforeInput(event) {
+		landing = false;
+		if (composing || event.isComposing) return;
+		if (event.inputType === "insertText" && event.data && !cleanPinText(event.data, options.numeric())) {
 			event.preventDefault();
-			const clipboardData = event.clipboardData;
-			if (!clipboardData) return;
-			handleMultipleCharacter(resolvePinPaste(clipboardData.getData("text"), context.isNumericMode.value));
+			return;
 		}
-		watch(currentValue, updatePlaceholder);
-		onMounted(() => {
-			context.onInputElementChange(currentElement.value);
-		});
-		onUnmounted(() => {
-			context.inputElements?.value.delete(currentElement.value);
-		});
-		const onInput = (event) => handleInput(event);
-		const onKeydown = [
-			withKeys(handleKeydown, [
-				"left",
-				"right",
-				"up",
-				"down",
-				"home",
-				"end"
-			]),
-			withKeys(handleBackspace, ["backspace"]),
-			withKeys(handleDelete, ["delete"])
-		];
-		return () => h(Primitive, {
-			ref: primitiveElement,
-			autocapitalize: "none",
-			as: props.as,
-			"as-child": props.asChild,
-			autocomplete: isOtpMode.value ? "one-time-code" : "false",
-			type: isPasswordMode.value ? "password" : "text",
-			inputmode: context.isNumericMode.value ? "numeric" : "text",
-			pattern: context.isNumericMode.value ? "[0-9]*" : void 0,
-			placeholder: context.placeholder.value,
-			value: currentValue.value,
-			disabled: disabled.value,
-			"data-disabled": disabled.value ? "" : void 0,
-			"data-complete": context.isCompleted.value ? "" : void 0,
-			"aria-label": pinInputLabel(props.index, inputElements.value.length),
-			onInput,
-			onKeydown,
-			onFocus: handleFocus,
-			onBlur: updatePlaceholder,
-			onPaste: handlePaste,
-			onCompositionstart: handleCompositionStart,
-			onCompositionend: handleCompositionEnd
-		}, { default: withCtx(() => [renderSlot(slots, "default")]) });
+		base = input.value;
+		anchor = range();
 	}
-});
-//#endregion
-//#region src/primitives/pin-input/PinInputRoot.ts
-var PinInputRoot = defineComponent({
-	name: "PinInputRoot",
-	inheritAttrs: false,
-	props: {
-		modelValue: {
-			type: null,
-			required: false
-		},
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		placeholder: {
-			type: String,
-			required: false,
-			default: ""
-		},
-		mask: {
-			type: Boolean,
-			required: false
-		},
-		otp: {
-			type: Boolean,
-			required: false
-		},
-		type: {
-			type: null,
-			required: false,
-			default: "text"
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
+	function onInput(event) {
+		const { inputType = "", isComposing } = event;
+		if (composing || isComposing) preview(inputType);
+		else if (base !== null || input.value !== text) commit(inputType);
+	}
+	function onCompositionStart() {
+		landing = false;
+		composing = true;
+		base = input.value;
+		anchor = range();
+	}
+	function onCompositionEnd() {
+		if (composing) commit("insertCompositionText");
+	}
+	function land() {
+		const size = text.length;
+		if (size && size >= options.length()) place(0, size);
+		else place(size, size);
+	}
+	function onSelection() {
+		if (composing) return;
+		if (focused()) {
+			if (landing) land();
+			else settle();
 		}
-	},
-	emits: ["update:modelValue", "complete"],
-	setup(props, { emit, attrs, slots }) {
-		const { mask, otp, placeholder, type, disabled, dir: propDir } = toRefs(props);
-		const { forwardRef } = useForwardExpose$1();
-		const dir = useDirection$1(propDir);
-		const modelValue = useVModel$1(props, "modelValue", (_, value) => emit("update:modelValue", value), {
-			defaultValue: props.defaultValue ?? [],
-			passive: true
-		});
-		const currentModelValue = computed(() => pinInputValues(modelValue.value));
-		const inputElements = ref(/* @__PURE__ */ new Set());
-		function onInputElementChange(element) {
-			inputElements.value.add(element);
+		publish();
+	}
+	function onFocus() {
+		landing = !pressed && !away && !composing;
+		if (landing) land();
+		away = false;
+		publish();
+	}
+	function onBlur() {
+		away = !document.hasFocus();
+		pressed = false;
+		landing = false;
+		if (composing) commit("insertCompositionText");
+		publish();
+	}
+	function onKeydown(event) {
+		landing = false;
+		if (composing || event.isComposing || event.keyCode === 229) return;
+		if (event.metaKey || event.ctrlKey || event.altKey) return;
+		const { key } = event;
+		const forward = options.rtl() ? "ArrowLeft" : "ArrowRight";
+		const back = options.rtl() ? "ArrowRight" : "ArrowLeft";
+		const target = key === forward ? "next" : key === back ? "previous" : key === "Home" ? 0 : key === "End" ? options.length() : null;
+		if (target === null) return;
+		event.preventDefault();
+		const next = movePinSelection(range(), input.selectionDirection === "backward", text.length, options.length(), target, event.shiftKey);
+		place(next.start, next.end, next.backward);
+		publish();
+	}
+	function pick(event) {
+		if (composing) return;
+		if (event.detail > 1 && text) place(0, text.length);
+		else {
+			const [start, end] = pinSelectionAt(Math.min(pinCellAt(options.cells(), event.clientX), text.length), text.length, options.length());
+			place(start, end);
 		}
-		const isNumericMode = computed(() => props.type === "number");
-		const isCompleted = computed(() => isPinInputComplete(currentModelValue.value, inputElements.value.size, isNumericMode.value));
-		watch(modelValue, () => {
-			if (isCompleted.value) emit("complete", modelValue.value);
-		}, { deep: true });
-		providePinInputRootContext({
-			modelValue,
-			currentModelValue,
-			mask,
-			otp,
-			placeholder,
-			type,
-			dir,
-			disabled,
-			isCompleted,
-			inputElements,
-			onInputElementChange,
-			isNumericMode
-		});
-		const onFocus = () => Array.from(inputElements.value)?.[0]?.focus();
-		return () => h(Primitive, mergeProps(attrs, {
-			ref: forwardRef,
-			dir: dir.value,
-			"data-complete": isCompleted.value ? "" : void 0,
-			"data-disabled": disabled.value ? "" : void 0
-		}), { default: withCtx(() => [renderSlot(slots, "default", { modelValue: modelValue.value }), h(VisuallyHiddenInput_default, {
-			id: props.id,
-			as: "input",
-			feature: "focusable",
-			tabindex: "-1",
-			value: currentModelValue.value.join(""),
-			name: props.name ?? "",
-			disabled: disabled.value,
-			required: props.required,
-			onFocus
-		})]) });
+		publish();
 	}
-});
+	function onPointerDown(event) {
+		landing = false;
+		pointer = event.pointerType;
+		pressed = pointer !== "mouse";
+	}
+	function onMouseDown(event) {
+		if (event.button !== 0 || pointer !== "mouse" || input.disabled) return;
+		event.preventDefault();
+		pressed = true;
+		input.focus();
+		pressed = false;
+		pick(event);
+	}
+	function onClick(event) {
+		const touched = pressed;
+		pressed = false;
+		if (touched && pointer !== "mouse") pick(event);
+	}
+	const listeners = [
+		[
+			input,
+			"beforeinput",
+			onBeforeInput
+		],
+		[
+			input,
+			"input",
+			onInput
+		],
+		[
+			input,
+			"compositionstart",
+			onCompositionStart
+		],
+		[
+			input,
+			"compositionend",
+			onCompositionEnd
+		],
+		[
+			input,
+			"select",
+			onSelection
+		],
+		[
+			input,
+			"focus",
+			onFocus
+		],
+		[
+			input,
+			"blur",
+			onBlur
+		],
+		[
+			input,
+			"keydown",
+			onKeydown
+		],
+		[
+			input,
+			"pointerdown",
+			onPointerDown
+		],
+		[
+			input,
+			"mousedown",
+			onMouseDown
+		],
+		[
+			input,
+			"click",
+			onClick
+		],
+		[
+			document,
+			"selectionchange",
+			onSelection
+		]
+	];
+	for (const [target, type, listener] of listeners) target.addEventListener(type, listener);
+	if (input.value !== text) input.value = text;
+	if (focused()) settle();
+	publish();
+	return {
+		sync,
+		dispose() {
+			disposed = true;
+			for (const [target, type, listener] of listeners) target.removeEventListener(type, listener);
+		}
+	};
+}
 //#endregion
 //#region ../shared/src/variants/pin-input.ts
-var pinInput = tv({ base: "inline-flex max-w-full gap-2" });
+var pinInput = tv({
+	base: "relative inline-flex max-w-full gap-2",
+	variants: { size: {
+		sm: "[--hn-pin-size:var(--hn-control-h-sm)]",
+		md: "[--hn-pin-size:var(--hn-control-h-md)]",
+		lg: "[--hn-pin-size:var(--hn-control-h-lg)]"
+	} },
+	defaultVariants: { size: "md" }
+});
 var pinInputCell = tv({
 	base: [
-		"hn-field text-fg shrink-0 rounded-md border text-center font-medium tabular-nums outline-none [font-family:inherit]",
-		"placeholder:text-faint placeholder:font-normal",
-		"disabled:cursor-not-allowed disabled:opacity-50"
+		"hn-field text-fg inline-flex size-[var(--hn-pin-size)] shrink-0 items-center justify-center rounded-md border font-medium tabular-nums select-none",
+		"not-data-filled:text-faint not-data-filled:font-normal",
+		"data-active:[--hn-field-ring-w:2px] data-invalid:data-active:[--hn-field-ring-w:1px]",
+		"data-disabled:opacity-50"
 	],
 	variants: {
 		variant: {
@@ -28998,9 +28950,9 @@ var pinInputCell = tv({
 			secondary: "border-transparent [--hn-field-bg:var(--hn-bg-inset)]"
 		},
 		size: {
-			sm: "size-[var(--hn-control-h-sm)] text-sm",
-			md: "size-[var(--hn-control-h-md)] text-base",
-			lg: "size-[var(--hn-control-h-lg)] text-md"
+			sm: "text-sm",
+			md: "text-base",
+			lg: "text-md"
 		}
 	},
 	defaultVariants: {
@@ -29008,10 +28960,43 @@ var pinInputCell = tv({
 		size: "md"
 	}
 });
+var pinInputNative = tv({ base: "hn-pin-native" });
+var pinInputCaret = tv({ base: "hn-pin-caret" });
+//#endregion
+//#region src/components/pin-input/PinInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$47 = [
+	"dir",
+	"data-complete",
+	"data-disabled",
+	"data-invalid"
+];
+var _hoisted_2$32 = [
+	"data-filled",
+	"data-state",
+	"data-disabled",
+	"data-invalid"
+];
+var _hoisted_3$20 = [
+	"id",
+	"type",
+	"name",
+	"^value",
+	"inputmode",
+	"pattern",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"required",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid"
+];
 //#endregion
 //#region src/components/pin-input/PinInput.vue
 var PinInput_default = /* @__PURE__ */ defineComponent({
 	name: "HnPinInput",
+	inheritAttrs: false,
 	__name: "PinInput",
 	props: /*@__PURE__*/ mergeModels({
 		length: { default: 6 },
@@ -29024,6 +29009,8 @@ var PinInput_default = /* @__PURE__ */ defineComponent({
 		size: {},
 		disabled: { type: Boolean },
 		invalid: { type: Boolean },
+		required: { type: Boolean },
+		dir: {},
 		class: {}
 	}, {
 		"modelValue": { default: "" },
@@ -29034,67 +29021,96 @@ var PinInput_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const model = useModel(__props, "modelValue");
-		const t = useUiLocale();
-		const { labelledBy, invalid, disabled, describedBy } = useFieldControl({
+		const attrs = useAttrs();
+		const dir = useDirection$1(toRef(props, "dir"));
+		const { id, labelledBy, invalid, disabled, describedBy } = useFieldControl({
 			invalid: () => props.invalid,
 			disabled: () => props.disabled
 		});
-		const cells = computed(() => Array.from({ length: props.length }, (_, i) => model.value[i] ?? ""));
-		function update(value) {
-			const next = (value ?? []).map((cell) => cell === void 0 ? "" : String(cell)).join("");
-			if (next !== model.value) model.value = next;
-		}
+		const root = shallowRef(null);
+		const input = shallowRef(null);
+		const selection = shallowRef({
+			focused: false,
+			start: 0,
+			end: 0
+		});
+		const shown = computed(() => pinInputValue(model.value ?? "", props.length));
+		const cells = computed(() => pinCells(shown.value, props.length, selection.value));
+		const rest = computed(() => {
+			const { id: _id, autofocus: _autofocus, "aria-label": _label, "aria-labelledby": _labelledBy, "aria-describedby": _describedBy, ...other } = attrs;
+			return other;
+		});
+		let controller;
+		onMounted(() => {
+			controller = createPinInput(input.value, {
+				length: () => props.length,
+				numeric: () => props.type === "number",
+				value: () => model.value ?? "",
+				rtl: () => dir.value === "rtl",
+				cells: () => root.value.querySelectorAll("[data-hn-pin-cell]"),
+				change: (value) => {
+					model.value = value;
+				},
+				select: (value) => {
+					selection.value = value;
+				}
+			});
+		});
+		onBeforeUnmount(() => controller?.dispose());
+		watch([shown, () => props.type], () => controller?.sync(), { flush: "post" });
+		watch(model, (value) => {
+			if ((value ?? "").length >= props.length) emit("complete", pinInputValue(value, props.length));
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PinInputRoot), {
-				role: "group",
-				"aria-labelledby": unref(labelledBy),
-				"aria-describedby": unref(describedBy),
-				"model-value": cells.value,
-				type: props.type,
-				mask: props.mask,
-				otp: props.otp,
-				placeholder: props.placeholder,
-				name: props.name,
-				disabled: unref(disabled),
+			return openBlock(), createElementBlock("div", mergeProps(rest.value, {
+				ref_key: "root",
+				ref: root,
+				dir: unref(dir),
 				"data-hn-pin-input": "",
+				"data-hn-field-group": "",
+				"data-complete": shown.value.length >= props.length ? "" : void 0,
+				"data-disabled": unref(disabled) ? "" : void 0,
 				"data-invalid": unref(invalid) ? "" : void 0,
-				class: normalizeClass(unref(cn)(unref(pinInput)(), props.class)),
-				"onUpdate:modelValue": update,
-				onComplete: _cache[0] || (_cache[0] = (value) => emit("complete", value.map(String).join("")))
-			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.length, (index) => {
-					return openBlock(), createBlock(unref(PinInputInput), {
-						key: index,
-						index: index - 1,
-						"aria-label": unref(t).pinInput.cellLabel(index, props.length),
-						"aria-invalid": unref(invalid) || void 0,
-						"data-invalid": unref(invalid) ? "" : void 0,
-						class: normalizeClass(unref(pinInputCell)({
-							variant: props.variant,
-							size: props.size
-						}))
-					}, null, 8, [
-						"index",
-						"aria-label",
-						"aria-invalid",
-						"data-invalid",
-						"class"
-					]);
-				}), 128))]),
-				_: 1
-			}, 8, [
-				"aria-labelledby",
-				"aria-describedby",
-				"model-value",
-				"type",
-				"mask",
-				"otp",
-				"placeholder",
-				"name",
-				"disabled",
-				"data-invalid",
-				"class"
-			]);
+				class: unref(cn)(unref(pinInput)({ size: props.size }), props.class)
+			}), [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					"data-hn-pin-cell": "",
+					"aria-hidden": "true",
+					"data-filled": cell.char ? "" : void 0,
+					"data-state": cell.active ? "active" : void 0,
+					"data-disabled": unref(disabled) ? "" : void 0,
+					"data-invalid": unref(invalid) ? "" : void 0,
+					class: normalizeClass(unref(pinInputCell)({
+						variant: props.variant,
+						size: props.size
+					}))
+				}, [cell.caret ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(pinInputCaret)())
+				}, null, 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(cell.char ? props.mask ? "•" : cell.char : props.placeholder), 1)], 64))], 10, _hoisted_2$32);
+			}), 128)), createElementVNode("input", {
+				id: unref(id),
+				ref_key: "input",
+				ref: input,
+				type: props.mask ? "password" : "text",
+				name: props.name,
+				"^value": shown.value,
+				inputmode: props.type === "number" ? "numeric" : "text",
+				pattern: props.type === "number" ? "[0-9]*" : void 0,
+				autocomplete: props.otp ? "one-time-code" : "off",
+				autocapitalize: "none",
+				autocorrect: "off",
+				spellcheck: "false",
+				autofocus: unref(attrs).autofocus || void 0,
+				disabled: unref(disabled),
+				required: props.required || void 0,
+				"aria-label": unref(attrs)["aria-label"],
+				"aria-labelledby": unref(labelledBy),
+				"aria-describedby": unref(describedBy),
+				"aria-invalid": unref(invalid) || void 0,
+				class: normalizeClass(unref(pinInputNative)())
+			}, null, 10, _hoisted_3$20)], 16, _hoisted_1$47);
 		};
 	}
 });
@@ -32347,6 +32363,44 @@ var AccordionHeader = defineComponent({
 	}
 });
 //#endregion
+//#region ../shared/src/primitives/arrow-navigation/index.ts
+var IGNORED = ["INPUT", "TEXTAREA"];
+function arrowNavigation(event, currentElement, parentElement, options = {}) {
+	if (!currentElement || options.enableIgnoredElement && IGNORED.includes(currentElement.nodeName)) return null;
+	const { arrowKeyOptions = "both", attributeName = `[${COLLECTION_ITEM}]`, itemsArray = [], loop = true, dir = "ltr", preventScroll = true, focus = false } = options;
+	const right = event.key === "ArrowRight";
+	const left = event.key === "ArrowLeft";
+	const up = event.key === "ArrowUp";
+	const down = event.key === "ArrowDown";
+	const home = event.key === "Home";
+	const end = event.key === "End";
+	const goingVertical = up || down;
+	const goingHorizontal = right || left;
+	if (!home && !end && (!goingVertical && !goingHorizontal || arrowKeyOptions === "vertical" && goingHorizontal || arrowKeyOptions === "horizontal" && goingVertical)) return null;
+	const items = parentElement ? Array.from(parentElement.querySelectorAll(attributeName)) : itemsArray;
+	if (!items.length) return null;
+	if (preventScroll) event.preventDefault();
+	let item = null;
+	if (goingHorizontal || goingVertical) item = findNextFocusableElement(items, currentElement, {
+		goForward: goingVertical ? down : dir === "ltr" ? right : left,
+		loop
+	});
+	else if (home) item = items.at(0) || null;
+	else if (end) item = items.at(-1) || null;
+	if (focus) item?.focus();
+	return item;
+}
+function findNextFocusableElement(elements, currentElement, options, iterations = elements.includes(currentElement) ? elements.length : elements.length + 1) {
+	if (--iterations === 0) return null;
+	const index = elements.indexOf(currentElement);
+	const newIndex = index === -1 ? options.goForward ? 0 : elements.length - 1 : options.goForward ? index + 1 : index - 1;
+	if (!options.loop && (newIndex < 0 || newIndex >= elements.length)) return null;
+	const candidate = elements[(newIndex + elements.length) % elements.length];
+	if (!candidate) return null;
+	if (candidate.hasAttribute("disabled") && candidate.getAttribute("disabled") !== "false") return findNextFocusableElement(elements, candidate, options, iterations);
+	return candidate;
+}
+//#endregion
 //#region ../shared/src/primitives/accordion/index.ts
 function isAccordionItemOpen(isSingle, modelValue, value) {
 	return isSingle ? value === modelValue : Array.isArray(modelValue) && modelValue.includes(value);
@@ -35680,20 +35734,19 @@ function lineClampCount(lines) {
 	if (lines === void 0 || !Number.isFinite(lines)) return 3;
 	return Math.max(1, Math.floor(lines));
 }
-function measureHeights(content) {
-	content.setAttribute("data-measuring", "");
-	const collapsed = content.clientHeight;
-	const full = content.scrollHeight;
-	content.removeAttribute("data-measuring");
-	return {
-		collapsed,
-		full
+function measure(content, layout) {
+	content.setAttribute("data-measuring", layout);
+	const size = {
+		height: content.clientHeight,
+		overflow: content.scrollHeight
 	};
+	content.removeAttribute("data-measuring");
+	return size;
 }
 function measureLineClamp(content) {
 	if (content.hasAttribute("data-animating")) return null;
-	const { collapsed, full } = measureHeights(content);
-	return full - collapsed > 1;
+	const { height, overflow } = measure(content, "clamped");
+	return overflow - height > 1;
 }
 function toMs(value) {
 	const amount = Number.parseFloat(value);
@@ -35706,7 +35759,8 @@ function animateLineClamp(content, expanded, done) {
 	const current = running ? content.getBoundingClientRect().height : void 0;
 	const fade = running ? getComputedStyle(content).getPropertyValue(FADE) : "";
 	content.style.transition = "none";
-	const { collapsed, full } = measureHeights(content);
+	const collapsed = measure(content, "clamped").height;
+	const full = measure(content, "full").height;
 	const from = current ?? (expanded ? collapsed : full);
 	const to = expanded ? full : collapsed;
 	content.toggleAttribute("data-expanded", !expanded);