@hina-ui/vue 1.7.8 → 1.7.10

package/dist/index.js

@@ -3540,7 +3540,7 @@ var _hoisted_1$122 = [
 	"onLoad"
 ];
 var _hoisted_2$70 = ["src"];
-var _hoisted_3$37 = [
+var _hoisted_3$38 = [
 	"src",
 	"alt",
 	"onLoad"
@@ -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$37)]),
+						}, null, 40, _hoisted_3$38)]),
 						_: 2
 					}, 1032, [
 						"style",
@@ -6340,9 +6340,9 @@ function useScrollFocus(host, viewport, options) {
 //#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$36 = ["data-visible"];
-var _hoisted_4$30 = ["data-visible"];
-var _hoisted_5$23 = ["data-visible"];
+var _hoisted_3$37 = ["data-visible"];
+var _hoisted_4$31 = ["data-visible"];
+var _hoisted_5$24 = ["data-visible"];
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue
 var ScrollArea_default = /* @__PURE__ */ defineComponent({
@@ -6437,21 +6437,21 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-side": "x-end",
 					"data-visible": unref(showXEnd) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_3$36)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$37)) : createCommentVNode("", true),
 				props.direction !== "horizontal" ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: "hn-scroll-shadow",
 					"data-side": "y-start",
 					"data-visible": unref(showYStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_4$30)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_4$31)) : createCommentVNode("", true),
 				props.direction !== "horizontal" ? (openBlock(), createElementBlock("div", {
 					key: 3,
 					class: "hn-scroll-shadow",
 					"data-side": "y-end",
 					"data-visible": unref(showYEnd) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_5$23)) : createCommentVNode("", true)
+				}, null, 8, _hoisted_5$24)) : createCommentVNode("", true)
 			], 64)) : createCommentVNode("", true)], 10, _hoisted_1$121);
 		};
 	}
@@ -6519,7 +6519,7 @@ var _hoisted_2$68 = [
 	"aria-current",
 	"onClick"
 ];
-var _hoisted_3$35 = ["src"];
+var _hoisted_3$36 = ["src"];
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue
 var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
@@ -6572,7 +6572,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 							alt: "",
 							draggable: "false",
 							class: "relative -z-10 size-full object-cover"
-						}, null, 8, _hoisted_3$35),
+						}, null, 8, _hoisted_3$36),
 						at === props.index ? (openBlock(), createBlock(Highlight_default, {
 							key: 0,
 							id: unref(highlightId),
@@ -9199,9 +9199,9 @@ var _hoisted_1$114 = {
 	class: "hn-collapse"
 };
 var _hoisted_2$64 = { class: "hn-collapse-body" };
-var _hoisted_3$34 = ["role"];
-var _hoisted_4$29 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_5$22 = {
+var _hoisted_3$35 = ["role"];
+var _hoisted_4$30 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_5$23 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
@@ -9258,7 +9258,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(calloutIcon)({ tone: props.tone })),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])) : createCommentVNode("", true)]),
-					createElementVNode("div", _hoisted_4$29, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$22, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("div", _hoisted_4$30, [props.title ? (openBlock(), createElementBlock("p", _hoisted_5$23, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
 					unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_6$15, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
 					props.closable ? (openBlock(), createBlock(CloseButton_default, {
 						key: 1,
@@ -9266,7 +9266,7 @@ var Alert_default = /* @__PURE__ */ defineComponent({
 						class: "-my-0.5 -me-1",
 						onClick: close
 					})) : createCommentVNode("", true)
-				], 10, _hoisted_3$34)])])) : createCommentVNode("", true)]),
+				], 10, _hoisted_3$35)])])) : createCommentVNode("", true)]),
 				_: 3
 			}, 16);
 		};
@@ -10979,6 +10979,7 @@ function choiceRows(items, query, contains) {
 			result.push({
 				key: `group:${groupIndex}`,
 				label: item.label,
+				source: item,
 				position: 0
 			});
 			for (const option of options) result.push({
@@ -11255,6 +11256,8 @@ var virtualListContent = tv({
 		horizontal: "flex-row"
 	} }
 });
+var virtualChoiceHeadings = tv({ base: "pointer-events-none absolute inset-0 z-1 p-[inherit]" });
+var virtualChoiceHeading = tv({ base: "pointer-events-auto absolute inset-x-0" });
 var virtualListItem = tv({
 	base: "flow-root min-w-0 shrink-0",
 	variants: { orientation: {
@@ -11267,6 +11270,9 @@ var virtualListStatus = tv({ base: "text-muted flex shrink-0 items-center justif
 //#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_4$29 = { class: "relative" };
+var _hoisted_5$22 = ["data-index"];
 //#endregion
 //#region src/components/virtual-list/VirtualChoices.vue
 var VirtualChoices_default = /* @__PURE__ */ defineComponent({
@@ -11286,6 +11292,9 @@ var VirtualChoices_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const t = useUiLocale();
 		const { area, body, rows, entries, bodyStyle, measure, itemAttrs, labelId } = useVirtualChoices(props);
+		const slots = useSlots();
+		const held = (index) => !!slots.group && !rows.value[index].option;
+		const origin = computed(() => entries.value[0] ? entries.value[0].start - parseFloat(bodyStyle.value.paddingBlockStart) : 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ScrollArea_default, {
 				ref_key: "area",
@@ -11293,7 +11302,7 @@ var VirtualChoices_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(props.class),
 				style: normalizeStyle({ maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight })
 			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(props.padded === false ? void 0 : "p-1") }, [createElementVNode("div", mergeProps({
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)(slots.group && "relative", props.padded !== false && "p-1") || void 0) }, [createElementVNode("div", mergeProps({
 					ref_key: "body",
 					ref: body
 				}, _ctx.$attrs, {
@@ -11304,23 +11313,42 @@ var VirtualChoices_default = /* @__PURE__ */ defineComponent({
 					return openBlock(), createElementBlock("div", {
 						key: entry.key,
 						ref_for: true,
-						ref: unref(measure),
+						ref: held(entry.index) ? void 0 : unref(measure),
 						"data-index": entry.index,
 						role: "presentation",
 						class: normalizeClass(unref(virtualListItem)({ orientation: "vertical" })),
-						style: normalizeStyle({ marginBlockStart: `${entry.gapBefore}px` })
+						style: normalizeStyle({
+							marginBlockStart: `${entry.gapBefore}px`,
+							height: held(entry.index) ? `${entry.size}px` : void 0
+						})
 					}, [unref(rows)[entry.index].option ? renderSlot(_ctx.$slots, "default", {
 						option: unref(rows)[entry.index].option,
 						attrs: unref(itemAttrs)(entry.index)
-					}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", {
+					}, void 0, void 0, 0) : slots.group ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						id: unref(labelId)(entry.index),
+						hidden: ""
+					}, toDisplayString(unref(rows)[entry.index].label), 9, _hoisted_2$62)) : (openBlock(), createElementBlock("div", {
+						key: 2,
+						id: unref(labelId)(entry.index),
 						class: normalizeClass(unref(selectLabel)())
-					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_2$62))], 14, _hoisted_1$111);
+					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_3$34))], 14, _hoisted_1$111);
 				}), 128))], 16), !unref(rows).length ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(selectEmpty)())
-				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).select.empty), 1)])], 2)) : createCommentVNode("", true)], 2)]),
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).select.empty), 1)])], 2)) : slots.group ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(virtualChoiceHeadings)())
+				}, [createElementVNode("div", _hoisted_4$29, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(entries), (entry) => {
+					return openBlock(), createElementBlock(Fragment, { key: entry.key }, [unref(rows)[entry.index].source ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						ref_for: true,
+						ref: unref(measure),
+						"data-index": entry.index,
+						class: normalizeClass(unref(virtualChoiceHeading)()),
+						style: normalizeStyle({ top: `${entry.start - origin.value}px` })
+					}, [renderSlot(_ctx.$slots, "group", { group: unref(rows)[entry.index].source })], 14, _hoisted_5$22)) : createCommentVNode("", true)], 64);
+				}), 128))])], 2)) : createCommentVNode("", true)], 2)]),
 				_: 3
 			}, 8, ["class", "style"]);
 		};
@@ -16029,6 +16057,9 @@ var commandItemBody = tv({ base: "flex min-w-0 flex-1 flex-col" });
 var commandItemMatch = tv({ base: "text-accent-text font-medium" });
 var commandItemHint = tv({ base: "ms-auto flex shrink-0 items-center gap-1" });
 var commandEmpty = tv({ base: "text-muted px-4 py-8 text-center text-sm" });
+var commandHeading = tv({ base: "text-muted flex min-h-7 items-center justify-between gap-2 px-2.5 text-xs font-medium" });
+var commandGrid = tv({ base: "grid grid-cols-[minmax(0,1fr)] p-1" });
+var commandGridRows = tv({ base: "col-start-1 grid grid-rows-subgrid" });
 var commandStatus = tv({ base: "border-line text-muted shrink-0 border-t px-4 py-2 text-center text-sm" });
 //#endregion
 //#region src/components/command-palette/context.ts
@@ -16221,16 +16252,34 @@ function score(item, query) {
 function rank(items, query) {
 	return items.map((item) => score(item, query)).filter((match) => match !== null).sort((a, b) => b.score - a.score);
 }
+function layoutCommandSections(sections) {
+	let row = 1;
+	const placed = sections.map((section) => {
+		const span = section.matches.length + (section.group ? 1 : 0);
+		const entry = {
+			section,
+			row,
+			span
+		};
+		row += span;
+		return entry;
+	});
+	return {
+		rows: Math.max(row - 1, 1),
+		sections: placed
+	};
+}
 function filterCommands(items, query) {
 	const q = query.trim().toLowerCase();
 	const sections = [];
 	let loose = [];
-	const push = (label, entries) => {
+	const push = (group, entries) => {
 		const ranked = rank(entries, q);
 		if (ranked.length === 0) return;
 		sections.push({
 			key: String(sections.length),
-			label,
+			label: group?.label,
+			group,
 			best: ranked[0].score,
 			matches: ranked.map(({ item, start, end }) => ({
 				item,
@@ -16250,13 +16299,14 @@ function filterCommands(items, query) {
 			continue;
 		}
 		flush();
-		push(entry.label, entry.items);
+		push(entry, entry.items);
 	}
 	flush();
 	if (q) sections.sort((a, b) => b.best - a.best);
-	return sections.map(({ key, label, matches }) => ({
+	return sections.map(({ key, label, group, matches }) => ({
 		key,
 		label,
+		group,
 		matches
 	}));
 }
@@ -16280,9 +16330,10 @@ function useCommandItems(props, search) {
 				description: match.item.description,
 				match
 			}));
-			return section.label ? [{
-				label: section.label,
-				options
+			return section.group ? [{
+				label: section.group.label,
+				options,
+				group: section.group
 			}] : options;
 		}))
 	};
@@ -16311,10 +16362,19 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const slots = useSlots();
 		const search = useModel(__props, "search");
 		const t = useUiLocale();
 		const input = shallowRef();
 		const { sections, options } = useCommandItems(props, () => search.value);
+		const layout = computed(() => slots.heading ? layoutCommandSections(sections.value) : void 0);
+		function returnFocus() {
+			nextTick(() => {
+				const field = input.value;
+				const active = document.activeElement;
+				if (field?.isConnected && (!active || active === document.body || active.contains(field))) field.focus({ preventScroll: true });
+			});
+		}
 		function select(item) {
 			const field = input.value;
 			const panel = field?.closest("[data-hn-command-palette]");
@@ -16362,7 +16422,7 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 								input: input.value,
 								kind: "listbox",
 								class: normalizeClass(unref(commandList)())
-							}, {
+							}, createSlots({
 								default: withCtx(({ option, attrs }) => [createVNode(CommandPaletteItem_default, mergeProps(attrs, {
 									match: option.match,
 									onSelect: ($event) => select(option.match.item)
@@ -16375,8 +16435,17 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 									key: "0"
 								} : void 0]), 1040, ["match", "onSelect"])]),
 								empty: withCtx(() => [props.loading ? renderSlot(_ctx.$slots, "loading", {}, () => [createTextVNode(toDisplayString(unref(t).common.loading), 1)], void 0, 0) : renderSlot(_ctx.$slots, "empty", { search: search.value }, () => [createTextVNode(toDisplayString(unref(t).command.empty), 1)], void 0, 1)]),
-								_: 3
-							}, 8, [
+								_: 2
+							}, [_ctx.$slots.heading ? {
+								name: "group",
+								fn: withCtx(({ group }) => [createElementVNode("div", {
+									"data-hn-command-heading": "",
+									class: normalizeClass(unref(commandHeading)()),
+									onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+									onClick: returnFocus
+								}, [renderSlot(_ctx.$slots, "heading", { group: group.group })], 34)]),
+								key: "0"
+							} : void 0]), 1032, [
 								"options",
 								"virtualize",
 								"input",
@@ -16387,7 +16456,87 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 							key: 3,
 							class: normalizeClass(unref(commandList)())
 						}, {
-							default: withCtx(() => [createVNode(unref(ListboxContent), {
+							default: withCtx(() => [layout.value ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								class: normalizeClass(unref(commandGrid)())
+							}, [createVNode(unref(ListboxContent), {
+								"aria-label": props.label,
+								"aria-busy": props.loading || void 0,
+								class: normalizeClass(unref(commandGridRows)()),
+								style: normalizeStyle({ gridRow: `1 / span ${layout.value.rows}` })
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(layout.value.sections, ({ section, row, span }) => {
+									return openBlock(), createElementBlock(Fragment, { key: section.key }, [section.group ? (openBlock(), createBlock(unref(ListboxGroup), {
+										key: 0,
+										"aria-label": section.group.label,
+										"aria-labelledby": void 0,
+										class: normalizeClass(unref(commandGridRows)()),
+										style: normalizeStyle({ gridRow: `${row} / span ${span}` })
+									}, {
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(section.matches, (match, index) => {
+											return openBlock(), createBlock(CommandPaletteItem_default, {
+												key: match.item.id,
+												match,
+												style: normalizeStyle({ gridRow: index + 2 }),
+												onSelect: ($event) => select(match.item)
+											}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
+												name: "default",
+												fn: withCtx(() => [renderSlot(_ctx.$slots, "item", {
+													item: match.item,
+													match: unref(commandMatchRange)(match)
+												})]),
+												key: "0"
+											} : void 0]), 1032, [
+												"match",
+												"style",
+												"onSelect"
+											]);
+										}), 128))]),
+										_: 2
+									}, 1032, [
+										"aria-label",
+										"class",
+										"style"
+									])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(section.matches, (match, index) => {
+										return openBlock(), createBlock(CommandPaletteItem_default, {
+											key: match.item.id,
+											match,
+											style: normalizeStyle({ gridRow: row + index }),
+											onSelect: ($event) => select(match.item)
+										}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
+											name: "default",
+											fn: withCtx(() => [renderSlot(_ctx.$slots, "item", {
+												item: match.item,
+												match: unref(commandMatchRange)(match)
+											})]),
+											key: "0"
+										} : void 0]), 1032, [
+											"match",
+											"style",
+											"onSelect"
+										]);
+									}), 128))], 64);
+								}), 128))]),
+								_: 3
+							}, 8, [
+								"aria-label",
+								"aria-busy",
+								"class",
+								"style"
+							]), (openBlock(true), createElementBlock(Fragment, null, renderList(layout.value.sections, ({ section, row }) => {
+								return openBlock(), createElementBlock(Fragment, { key: section.key }, [section.group ? (openBlock(), createElementBlock("div", {
+									key: 0,
+									"data-hn-command-heading": "",
+									class: normalizeClass(unref(commandHeading)()),
+									style: normalizeStyle({
+										gridRow: row,
+										gridColumn: 1
+									}),
+									onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+									onClick: returnFocus
+								}, [renderSlot(_ctx.$slots, "heading", { group: section.group })], 38)) : createCommentVNode("", true)], 64);
+							}), 128))], 2)) : (openBlock(), createBlock(unref(ListboxContent), {
+								key: 1,
 								"aria-label": props.label,
 								"aria-busy": props.loading || void 0,
 								class: normalizeClass(unref(selectListBody)())
@@ -16432,8 +16581,8 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 								"aria-label",
 								"aria-busy",
 								"class"
-							]), unref(sections).length === 0 ? (openBlock(), createElementBlock("div", {
-								key: 0,
+							])), unref(sections).length === 0 ? (openBlock(), createElementBlock("div", {
+								key: 2,
 								role: "status",
 								class: normalizeClass(unref(commandEmpty)())
 							}, [props.loading ? renderSlot(_ctx.$slots, "loading", {}, () => [createTextVNode(toDisplayString(unref(t).common.loading), 1)], void 0, 0) : renderSlot(_ctx.$slots, "empty", { search: search.value }, () => [createTextVNode(toDisplayString(unref(t).command.empty), 1)], void 0, 1)], 2)) : createCommentVNode("", true)]),
@@ -16554,15 +16703,20 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
 					key: "1"
 				} : void 0,
+				_ctx.$slots.heading ? {
+					name: "heading",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "heading", normalizeProps(guardReactiveProps(slotProps)))]),
+					key: "2"
+				} : void 0,
 				_ctx.$slots.loading ? {
 					name: "loading",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
-					key: "2"
+					key: "3"
 				} : void 0,
 				_ctx.$slots.empty ? {
 					name: "empty",
 					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(slotProps)))]),
-					key: "3"
+					key: "4"
 				} : void 0
 			]), 1040, [
 				"search",
@@ -16618,15 +16772,20 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
 								key: "1"
 							} : void 0,
+							_ctx.$slots.heading ? {
+								name: "heading",
+								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "heading", normalizeProps(guardReactiveProps(slotProps)))]),
+								key: "2"
+							} : void 0,
 							_ctx.$slots.loading ? {
 								name: "loading",
 								fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
-								key: "2"
+								key: "3"
 							} : void 0,
 							_ctx.$slots.empty ? {
 								name: "empty",
 								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(slotProps)))]),
-								key: "3"
+								key: "4"
 							} : void 0
 						]), 1040, [
 							"search",
@@ -27901,15 +28060,11 @@ function createForm(options) {
 	async function validate() {
 		const current = ++validation;
 		const values = snapshot(options.values());
-		const rules = options.rules();
-		const request = {
-			values,
-			rules
-		};
+		const request = { values };
 		pending = request;
 		try {
-			const result = await runRules(rules, values);
-			if (current !== validation || rules !== options.rules() || !same(values, options.values())) return false;
+			const result = await runRules(options.rules(), values);
+			if (current !== validation || !same(values, options.values())) return false;
 			found = result;
 			notify();
 			return Object.keys(result).length === 0;
@@ -27918,7 +28073,7 @@ function createForm(options) {
 		}
 	}
 	function revalidate() {
-		if (pending && pending.rules === options.rules() && same(pending.values, options.values())) return;
+		if (pending && same(pending.values, options.values())) return;
 		validate();
 	}
 	function touch(name) {
@@ -33260,6 +33415,10 @@ function scrollRestoreScript() {
 	const collect = `(function(){var s=window.${SCROLL_FIRST_PAINT_FIELD}=window.${SCROLL_FIRST_PAINT_FIELD}||{};var e=document.querySelectorAll('[${SCROLL_AT_ATTR}]');for(var i=0;i<e.length;i++){s[e[i].getAttribute('${SCROLL_RESTORE_ATTR}')]=Number(e[i].getAttribute('${SCROLL_AT_ATTR}'));e[i].removeAttribute('${SCROLL_AT_ATTR}')}})()`;
 	return `${firstPaintRestoreScript()};${collect}`;
 }
+var sessions = /* @__PURE__ */ new Map();
+function keepScrollPosition(key) {
+	for (const [session, name] of sessions) if (key === void 0 || name === key) session.keep();
+}
 var ABANDON_EVENTS = [
 	"wheel",
 	"touchstart",
@@ -33299,6 +33458,7 @@ function createScrollRestoreSession({ key, viewport, target, initial = true, onU
 	let navigating = false;
 	let clearFallback = null;
 	let disposed = false;
+	let held;
 	const restorer = createScrollRestorer(key, {
 		getViewport: () => viewport,
 		takeFirstPaintTop: () => takeFirstPaint(key, target),
@@ -33313,6 +33473,9 @@ function createScrollRestoreSession({ key, viewport, target, initial = true, onU
 		clearFallback?.();
 		clearFallback = null;
 		settled = here();
+		const keep = held;
+		held = void 0;
+		if (!first && keep !== void 0 && readScrollRecord(history.state)[key] === void 0) history.replaceState(writeScrollRecord(history.state, key, keep), "");
 		const saved = readScrollRecord(history.state)[key];
 		restorer.restore(first);
 		if (!first && saved === void 0) hashTarget$1()?.scrollIntoView();
@@ -33353,18 +33516,26 @@ function createScrollRestoreSession({ key, viewport, target, initial = true, onU
 	window.addEventListener("pagehide", save);
 	document.addEventListener("click", save, true);
 	land(initial);
-	return { dispose() {
-		disposed = true;
-		off.forEach((stop) => stop());
-		for (const name of ABANDON_EVENTS) viewport.removeEventListener(name, abandon);
-		navigation?.removeEventListener("currententrychange", entryChange);
-		window.removeEventListener("popstate", traverse);
-		window.removeEventListener("hashchange", check);
-		window.removeEventListener("pagehide", save);
-		document.removeEventListener("click", save, true);
-		clearFallback?.();
-		restorer.dispose();
-	} };
+	const session = {
+		keep() {
+			held = viewport.scrollTop;
+		},
+		dispose() {
+			disposed = true;
+			sessions.delete(session);
+			off.forEach((stop) => stop());
+			for (const name of ABANDON_EVENTS) viewport.removeEventListener(name, abandon);
+			navigation?.removeEventListener("currententrychange", entryChange);
+			window.removeEventListener("popstate", traverse);
+			window.removeEventListener("hashchange", check);
+			window.removeEventListener("pagehide", save);
+			document.removeEventListener("click", save, true);
+			clearFallback?.();
+			restorer.dispose();
+		}
+	};
+	sessions.set(session, key);
+	return session;
 }
 //#endregion
 //#region src/components/app-shell/composables/useDesktopQuery.ts
@@ -42826,6 +42997,6 @@ var Masonry_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Affix_default as Affix, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Autocomplete_default as Autocomplete, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Carousel_default as Carousel, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, CommandPaletteInput_default as CommandPaletteInput, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DataList_default as DataList, DataTable_default as DataTable, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Editable_default as Editable, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, FloatButton_default as FloatButton, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Lightbox_default as Lightbox, LineClamp_default as LineClamp, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Masonry_default as Masonry, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MonthGrid_default as MonthGrid, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NavigationMenu_default as NavigationMenu, NavigationMenuContent_default as NavigationMenuContent, NavigationMenuItem_default as NavigationMenuItem, NavigationMenuLink_default as NavigationMenuLink, NavigationMenuTrigger_default as NavigationMenuTrigger, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationInfo_default as PaginationInfo, PaginationJump_default as PaginationJump, PaginationSize_default as PaginationSize, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, QRCode_default as QRCode, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, ScrollTop_default as ScrollTop, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarLabel_default as SidebarLabel, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, SplitButton_default as SplitButton, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Stepper_default as Stepper, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Timeline_default as Timeline, Toaster_default as Toaster, Toggle_default as Toggle, Toolbar_default as Toolbar, ToolbarButton_default as ToolbarButton, ToolbarLink_default as ToolbarLink, ToolbarSeparator_default as ToolbarSeparator, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, Tree_default as Tree, TreeSelect_default as TreeSelect, VirtualList_default as VirtualList, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestoreSession, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, jaJP, provideImageResolver, provideUiLocale, readScrollRecord, scrollRestoreScript, toast, tokenize, tokensToHtml, tv, useAvatarGroup, useImageResolver, useUiLocale, vTooltip, writeScrollRecord, zhCN };
+export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Affix_default as Affix, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Autocomplete_default as Autocomplete, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Carousel_default as Carousel, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, CommandPaletteInput_default as CommandPaletteInput, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DataList_default as DataList, DataTable_default as DataTable, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Editable_default as Editable, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, FloatButton_default as FloatButton, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Lightbox_default as Lightbox, LineClamp_default as LineClamp, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Masonry_default as Masonry, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MonthGrid_default as MonthGrid, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NavigationMenu_default as NavigationMenu, NavigationMenuContent_default as NavigationMenuContent, NavigationMenuItem_default as NavigationMenuItem, NavigationMenuLink_default as NavigationMenuLink, NavigationMenuTrigger_default as NavigationMenuTrigger, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Pagination_default as Pagination, PaginationContent_default as PaginationContent, PaginationInfo_default as PaginationInfo, PaginationJump_default as PaginationJump, PaginationSize_default as PaginationSize, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, QRCode_default as QRCode, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, ScrollTop_default as ScrollTop, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarLabel_default as SidebarLabel, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, SplitButton_default as SplitButton, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Stepper_default as Stepper, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Timeline_default as Timeline, Toaster_default as Toaster, Toggle_default as Toggle, Toolbar_default as Toolbar, ToolbarButton_default as ToolbarButton, ToolbarLink_default as ToolbarLink, ToolbarSeparator_default as ToolbarSeparator, ToolbarToggleGroup_default as ToolbarToggleGroup, ToolbarToggleItem_default as ToolbarToggleItem, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, Tree_default as Tree, TreeSelect_default as TreeSelect, VirtualList_default as VirtualList, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestoreSession, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, jaJP, keepScrollPosition, provideImageResolver, provideUiLocale, readScrollRecord, scrollRestoreScript, toast, tokenize, tokensToHtml, tv, useAvatarGroup, useImageResolver, useUiLocale, vTooltip, writeScrollRecord, zhCN };
 
 //# sourceMappingURL=index.js.map