@hina-ui/vue 1.7.7 → 1.7.9

package/dist/index.js

@@ -1,7 +1,7 @@
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { createTV } from "tailwind-variants";
-import { Comment, Fragment, Text, Transition, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, triggerRef, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, vModelDynamic, vModelSelect, vModelText, vShow, watch, watchEffect, watchPostEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Comment, Fragment, Text, Transition, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, isVNode, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, ssrContextKey, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, triggerRef, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, vModelDynamic, vModelSelect, vModelText, vShow, watch, watchEffect, watchPostEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarNext, CalendarPrev, CalendarRoot, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateFieldInput, DateFieldRoot, DateRangeFieldInput, DateRangeFieldRoot, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, ListboxContent, ListboxFilter, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, ListboxRoot, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectComboboxRootContext, injectConfigProviderContext, injectDialogRootContext, injectHoverCardRootContext, injectListboxItemContext, injectListboxRootContext, injectPopoverRootContext, injectSelectRootContext, injectTooltipProviderContext, injectTooltipRootContext, injectTreeRootContext, useBodyScrollLock, useDirection, useFilter, useForwardExpose, useForwardPropsEmits } from "reka-ui";
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CalendarClock, CalendarDays, CalendarRange, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CircleAlert, CircleCheck, CircleX, Copy, Download, Eye, EyeOff, File, GripVertical, Inbox, Info, LayoutGrid, Lightbulb, List, Megaphone, Minus, MoreHorizontal, PanelLeft, Pause, Pencil, Play, QrCode, RefreshCw, RotateCw, Scan, Search, Shrink, Star, TrendingDown, TrendingUp, TriangleAlert, Upload, User, X, ZoomIn, ZoomOut } from "@lucide/vue";
 import { createSharedComposable, defaultDocument, unrefElement, useActiveElement, useDocumentVisibility, useElementBounding, useEventListener, useIntersectionObserver, useIntervalFn, useMediaQuery, useMounted, useMutationObserver, usePreferredReducedMotion, useRafFn, useResizeObserver, useVModel, useWindowSize } from "@vueuse/core";
@@ -316,6 +316,10 @@ var zhCN = {
 		placeholder: "搜索",
 		empty: "无匹配项"
 	},
+	lineClamp: {
+		expand: "展开全部",
+		collapse: "收起"
+	},
 	calendar: {
 		label: "日历",
 		prev: "上个月",
@@ -517,6 +521,10 @@ var enUS = {
 		placeholder: "Search",
 		empty: "No matches"
 	},
+	lineClamp: {
+		expand: "Show all",
+		collapse: "Show less"
+	},
 	calendar: {
 		label: "Calendar",
 		prev: "Previous month",
@@ -531,6 +539,211 @@ var enUS = {
 	}
 };
 //#endregion
+//#region ../shared/src/locale/ja-JP.ts
+var jaJP = {
+	qrCode: {
+		label: "QRコード",
+		empty: "コンテンツがありません",
+		expired: "QRコードの有効期限が切れました",
+		scanned: "スキャン済み",
+		error: "QRコードを生成できません",
+		refresh: "QRコードを更新"
+	},
+	carousel: {
+		label: "おすすめコンテンツ",
+		role: "カルーセル",
+		slide: "スライド",
+		prev: "前のグループ",
+		next: "次のグループ",
+		choose: "表示位置を選択",
+		play: "自動再生を開始",
+		pause: "自動再生を停止",
+		empty: "コンテンツがありません",
+		position: (index, total) => `${total} 件中 ${index} 件目`,
+		goTo: (index) => `グループ ${index} に移動`
+	},
+	monthGrid: { today: "今月に戻る" },
+	masonry: { empty: "コンテンツがありません" },
+	splitButton: { more: "その他の操作" },
+	editable: {
+		edit: "編集",
+		save: "保存",
+		placeholder: "クリックして編集",
+		failed: "保存できませんでした。もう一度お試しください"
+	},
+	tag: "ja-JP",
+	stepper: {
+		label: "ステップ",
+		progress: (step, total) => `ステップ ${step} / ${total}`,
+		completed: "完了",
+		error: "このステップにエラーがあります"
+	},
+	common: {
+		close: "閉じる",
+		copy: "コピー",
+		copied: "コピーしました",
+		clear: "クリア",
+		loading: "読み込み中",
+		confirm: "OK",
+		cancel: "キャンセル"
+	},
+	banner: {
+		prev: "前のお知らせ",
+		next: "次のお知らせ"
+	},
+	pagination: {
+		rangeLabel: (from, to, total) => total ? String(from) + "–" + to + " / 全 " + total + " 件" : "全 0 件",
+		pageCountLabel: (page, count) => page + " / " + count + " ページ",
+		pageSizeLabel: "1 ページあたりの件数",
+		pageSizeOption: (n) => String(n) + " 件 / ページ",
+		jumpLabel: "ページへ移動",
+		previousPagesLabel: (n) => n + " ページ戻る",
+		nextPagesLabel: (n) => n + " ページ進む",
+		choosePage: "ページを選択",
+		choosePageHint: "上下の矢印キーでページを選択",
+		navLabel: "ページネーション",
+		prev: "前のページ",
+		next: "次のページ",
+		first: "最初のページ",
+		last: "最後のページ",
+		pageLabel: (n) => `${n} ページ`,
+		totalLabel: (n) => `全 ${n} 件`
+	},
+	table: {
+		edit: "編集",
+		save: "保存",
+		cancel: "キャンセル",
+		editFailed: "保存できませんでした。もう一度お試しください",
+		selectPage: "現在のページを選択",
+		selectFiltered: "絞り込み結果を選択",
+		expand: "展開",
+		collapse: "折りたたむ",
+		moveRow: "行を移動",
+		moveColumn: "列を移動",
+		resizeColumn: "列幅を調整",
+		noColumns: "表示する列がありません",
+		empty: "データがありません",
+		loading: "読み込み中",
+		sortAsc: "昇順で並べ替え",
+		sortDesc: "降順で並べ替え",
+		sortNone: "並べ替えを解除",
+		selectRow: "この行を選択",
+		selectAll: "すべて選択"
+	},
+	select: {
+		placeholder: "選択してください",
+		empty: "一致する項目がありません",
+		optionCountLabel: (n) => `${n} 件の選択肢があります`
+	},
+	upload: {
+		choose: "ファイルを選択",
+		dropHint: "ここにファイルをドロップ、またはクリックして選択",
+		tooLargeLabel: (readableSize) => `ファイルが上限の ${readableSize} を超えています`,
+		remove: "削除",
+		removeFile: (name) => `${name} を削除`
+	},
+	time: {
+		justNow: "たった今",
+		unknown: "日時不明"
+	},
+	virtualList: { empty: "データがありません" },
+	dataList: {
+		empty: "データがありません",
+		list: "リスト表示",
+		grid: "グリッド表示",
+		layout: "表示レイアウト"
+	},
+	scroll: {
+		regionLabel: "スクロール可能な領域",
+		backToTop: "ページの先頭へ戻る"
+	},
+	toast: { regionLabel: "通知" },
+	spoiler: {
+		revealLabel: "ネタバレを含みます。クリックして表示",
+		hideLabel: "ネタバレを隠す"
+	},
+	codeblock: { copy: "コードをコピー" },
+	splitter: { handleLabel: "パネルのサイズを調整" },
+	sidebar: {
+		navLabel: "サイドバーナビゲーション",
+		toggleLabel: "サイドバーを切り替え"
+	},
+	anchor: { navLabel: "このページの目次" },
+	breadcrumb: { navLabel: "パンくずリスト" },
+	lightbox: {
+		zoomIn: "拡大",
+		zoomOut: "縮小",
+		resetZoom: "ウィンドウに合わせる",
+		actualSize: "実際のサイズ",
+		rotate: "回転",
+		download: "ダウンロード",
+		loadingLarge: "高画質版を読み込み中"
+	},
+	chip: { remove: "削除" },
+	numberInput: {
+		increase: "増やす",
+		decrease: "減らす"
+	},
+	passwordInput: {
+		show: "パスワードを表示",
+		hide: "パスワードを隠す"
+	},
+	tree: { empty: "ノードがありません" },
+	treeSelect: { search: "ノードを検索" },
+	combobox: {
+		placeholder: "入力または選択",
+		toggle: "選択肢を表示"
+	},
+	slider: {
+		minimum: "最小値",
+		maximum: "最大値"
+	},
+	pinInput: { cellLabel: (index, total) => `${total} 桁中 ${index} 桁目` },
+	dateField: {
+		year: "年",
+		month: "月",
+		day: "日",
+		hour: "時",
+		minute: "分",
+		second: "秒",
+		dayPeriod: "午前または午後"
+	},
+	dateRangeField: {
+		start: "開始日",
+		end: "終了日",
+		separator: "〜"
+	},
+	datePicker: { open: "カレンダーを開く" },
+	dateTimePicker: { time: "時刻" },
+	rating: {
+		star: (value) => `星 ${value}`,
+		label: (value, max) => `星 ${max} 個中 ${value} 個`,
+		score: (value, max) => `${max} 点中 ${value} 点`
+	},
+	form: { required: "必須" },
+	command: {
+		label: "コマンドパレット",
+		placeholder: "検索",
+		empty: "一致する項目がありません"
+	},
+	lineClamp: {
+		expand: "すべて表示",
+		collapse: "折りたたむ"
+	},
+	calendar: {
+		label: "カレンダー",
+		prev: "前の月",
+		next: "次の月",
+		prevYear: "前の年",
+		nextYear: "次の年",
+		prevYears: "前の 12 年",
+		nextYears: "次の 12 年",
+		pickMonth: "月を選択",
+		pickYear: "年を選択",
+		weekStartsOn: 0
+	}
+};
+//#endregion
 //#region ../shared/src/locale/index.ts
 function mergeUiMessages(base, patch) {
 	return {
@@ -698,6 +911,10 @@ function mergeUiMessages(base, patch) {
 		command: {
 			...base.command,
 			...patch.command
+		},
+		lineClamp: {
+			...base.lineClamp,
+			...patch.lineClamp
 		}
 	};
 }
@@ -744,6 +961,7 @@ var button = tv({
 			danger: ""
 		},
 		size: {
+			xs: "h-[var(--hn-control-h-xs)] px-[var(--hn-control-px-xs)] text-xs [&_svg]:size-3.5",
 			sm: "h-[var(--hn-control-h-sm)] px-[var(--hn-control-px-sm)] text-sm [&_svg]:size-3.5",
 			md: "h-[var(--hn-control-h-md)] px-[var(--hn-control-px-md)] text-base [&_svg]:size-4",
 			lg: "h-[var(--hn-control-h-lg)] px-[var(--hn-control-px-lg)] text-md [&_svg]:size-[1.125rem]"
@@ -847,6 +1065,7 @@ var button = tv({
 var buttonIconBox = tv({
 	base: "relative inline-flex shrink-0 items-center justify-center",
 	variants: { size: {
+		xs: "size-3.5",
 		sm: "size-3.5",
 		md: "size-4",
 		lg: "size-[1.125rem]"
@@ -866,7 +1085,7 @@ var spinner = tv({
 });
 //#endregion
 //#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$129 = ["aria-label"];
+var _hoisted_1$131 = ["aria-label"];
 //#endregion
 //#region src/components/spinner/Spinner.vue
 var Spinner_default = /* @__PURE__ */ defineComponent({
@@ -886,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$129);
+			}), null, 16, _hoisted_1$131);
 		};
 	}
 });
 //#endregion
 //#region src/components/button/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$128 = {
+var _hoisted_1$130 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -916,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$128, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.swapped ? (openBlock(), createElementBlock("span", _hoisted_1$130, [createVNode(Spinner_default, { size: props.spinnerSize }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2);
 		};
@@ -1140,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$127 = ["data-pressed"];
+var _hoisted_1$129 = ["data-pressed"];
 //#endregion
 //#region src/components/ripple/Ripple.vue
 var Ripple_default = /* @__PURE__ */ defineComponent({
@@ -1163,7 +1382,7 @@ var Ripple_default = /* @__PURE__ */ defineComponent({
 				ref: surface,
 				class: "hn-ripple-surface",
 				"data-pressed": unref(pressed) ? "" : void 0
-			}, null, 8, _hoisted_1$127)], 512);
+			}, null, 8, _hoisted_1$129)], 512);
 		};
 	}
 });
@@ -1226,7 +1445,7 @@ var Primitive = defineComponent({
 });
 //#endregion
 //#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$126 = {
+var _hoisted_1$128 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 flex items-center justify-center"
@@ -1337,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$126, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+						default: withCtx(() => [props.loading && spinnerAt.value === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$128, [createVNode(Spinner_default, { size: spinnerSize.value }, null, 8, ["size"])])) : createCommentVNode("", true)]),
 						_: 1
 					})
 				], 64))]),
@@ -1588,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$125 = { class: "relative inline-flex size-[1em]" };
+var _hoisted_1$127 = { class: "relative inline-flex size-[1em]" };
 //#endregion
 //#region src/components/copy-button/CopyButton.vue
 var CopyButton_default = /* @__PURE__ */ defineComponent({
@@ -1620,7 +1839,7 @@ var CopyButton_default = /* @__PURE__ */ defineComponent({
 				class: props.class,
 				onClick: unref(copy)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$125, [createVNode(Transition, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$127, [createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
 					"leave-active-class": "hn-transition",
@@ -1695,7 +1914,7 @@ var buttonGroup = tv({
 });
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$124 = ["aria-label", "aria-orientation"];
+var _hoisted_1$126 = ["aria-label", "aria-orientation"];
 //#endregion
 //#region src/components/button-group/ButtonGroup.vue
 var ButtonGroup_default = /* @__PURE__ */ defineComponent({
@@ -1726,7 +1945,7 @@ var ButtonGroup_default = /* @__PURE__ */ defineComponent({
 					block: props.block,
 					divider: props.divider
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$124);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$126);
 		};
 	}
 });
@@ -1953,7 +2172,7 @@ function floatButtonOffset(offset) {
 }
 //#endregion
 //#region src/components/float-button/FloatButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$123 = {
+var _hoisted_1$125 = {
 	key: 0,
 	class: "min-w-0 truncate"
 };
@@ -2057,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$123, toDisplayString(props.label), 1)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
+					default: withCtx(() => [props.extended ? (openBlock(), createElementBlock("span", _hoisted_1$125, toDisplayString(props.label), 1)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)]),
 					_: 2
 				}, [props.extended ? {
 					name: "icon",
@@ -2622,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$122 = { class: "min-w-0 truncate" };
+var _hoisted_1$124 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/split-button/SplitButton.vue
 var SplitButton_default = /* @__PURE__ */ defineComponent({
@@ -2747,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$122, [renderSlot(_ctx.$slots, "default")])]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$124, [renderSlot(_ctx.$slots, "default")])]),
 					_: 2
 				}, [_ctx.$slots.icon ? {
 					name: "icon",
@@ -2850,7 +3069,8 @@ var tag = tv({
 		},
 		size: {
 			sm: "h-5 px-1.5 text-xs [&_svg]:size-3",
-			md: "h-6 px-2 text-sm [&_svg]:size-3.5"
+			md: "h-6 px-2 text-sm [&_svg]:size-3.5",
+			lg: "h-7 px-2.5 text-sm [&_svg]:size-4"
 		},
 		pill: { true: "rounded-full" }
 	},
@@ -3060,8 +3280,8 @@ var chipRemove = tv({
 });
 //#endregion
 //#region src/components/chip/IconSlot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$121 = { class: "hn-collapse-body" };
-var _hoisted_2$70 = {
+var _hoisted_1$123 = { class: "hn-collapse-body" };
+var _hoisted_2$71 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "absolute inset-0 inline-flex items-center justify-center"
@@ -3082,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$121, [createElementVNode("span", { class: normalizeClass(unref(chipIcon)({ size: props.size })) }, [props.icon ? (openBlock(), createElementBlock("span", {
+			}, [createElementVNode("span", _hoisted_1$123, [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, {
@@ -3091,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$70, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
+				default: withCtx(() => [props.checked ? (openBlock(), createElementBlock("span", _hoisted_2$71, [createVNode(unref(Check))])) : createCommentVNode("", true)]),
 				_: 1
 			})], 2)])], 2);
 		};
@@ -3314,12 +3534,12 @@ var VisuallyHidden_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxStrip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$120 = [
+var _hoisted_1$122 = [
 	"src",
 	"alt",
 	"onLoad"
 ];
-var _hoisted_2$69 = ["src"];
+var _hoisted_2$70 = ["src"];
 var _hoisted_3$37 = [
 	"src",
 	"alt",
@@ -3381,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$120), createVNode(Transition, {
+						}, null, 40, _hoisted_1$122), createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "opacity-0",
 							"leave-active-class": "hn-transition",
@@ -3394,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$69)) : createCommentVNode("", true)]),
+							}, null, 8, _hoisted_2$70)) : createCommentVNode("", true)]),
 							_: 1
 						})]),
 						_: 2
@@ -6118,8 +6338,8 @@ function useScrollFocus(host, viewport, options) {
 }
 //#endregion
 //#region src/components/scroll-area/ScrollArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$119 = ["dir"];
-var _hoisted_2$68 = ["data-visible"];
+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"];
@@ -6210,7 +6430,7 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-side": "x-start",
 					"data-visible": unref(showXStart) ? "" : void 0,
 					"aria-hidden": "true"
-				}, null, 8, _hoisted_2$68)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_2$69)) : createCommentVNode("", true),
 				props.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "hn-scroll-shadow",
@@ -6232,7 +6452,7 @@ var ScrollArea_default = /* @__PURE__ */ defineComponent({
 					"data-visible": unref(showYEnd) ? "" : void 0,
 					"aria-hidden": "true"
 				}, null, 8, _hoisted_5$23)) : createCommentVNode("", true)
-			], 64)) : createCommentVNode("", true)], 10, _hoisted_1$119);
+			], 64)) : createCommentVNode("", true)], 10, _hoisted_1$121);
 		};
 	}
 });
@@ -6290,11 +6510,11 @@ var Highlight_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxThumbs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$118 = {
+var _hoisted_1$120 = {
 	"data-hn-thumbs": "",
 	class: "relative isolate flex w-max gap-2 px-4 py-3"
 };
-var _hoisted_2$67 = [
+var _hoisted_2$68 = [
 	"aria-label",
 	"aria-current",
 	"onClick"
@@ -6335,7 +6555,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 				scrollbar: false,
 				class: "max-w-full"
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$118, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$120, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, at) => {
 					return openBlock(), createElementBlock("button", {
 						key: item.id,
 						ref_for: true,
@@ -6359,7 +6579,7 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 							axis: "x",
 							class: "ring-accent absolute inset-0 rounded-md ring-2 ring-inset"
 						}, null, 8, ["id"])) : createCommentVNode("", true)
-					], 10, _hoisted_2$67);
+					], 10, _hoisted_2$68);
 				}), 128))])]),
 				_: 1
 			});
@@ -6368,8 +6588,8 @@ var LightboxThumbs_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$117 = { class: "flex flex-col items-center gap-1 pb-[max(--spacing(3),env(safe-area-inset-bottom))]" };
-var _hoisted_2$66 = { class: "flex items-center gap-1" };
+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" };
 //#endregion
 //#region src/components/lightbox/LightboxToolbar.vue
 var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
@@ -6396,12 +6616,12 @@ var LightboxToolbar_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const t = useUiLocale();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$117, [props.items.length > 1 ? (openBlock(), createBlock(LightboxThumbs_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$119, [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$66, [
+			}, null, 8, ["items", "index"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$67, [
 				createVNode(IconButton_default, {
 					label: unref(t).lightbox.zoomOut,
 					disabled: !props.zoomed,
@@ -8010,8 +8230,8 @@ async function saveImage(url) {
 }
 //#endregion
 //#region src/components/lightbox/Lightbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$116 = ["data-hn-phase"];
-var _hoisted_2$65 = {
+var _hoisted_1$118 = ["data-hn-phase"];
+var _hoisted_2$66 = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute inset-0 isolate"
 };
@@ -8179,7 +8399,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 							onWheel: _cache[10] || (_cache[10] = (...args) => unref(gesture).onWheel && unref(gesture).onWheel(...args)),
 							onKeydown
 						}, [
-							createElementVNode("div", _hoisted_2$65, [createVNode(unref(Motion), {
+							createElementVNode("div", _hoisted_2$66, [createVNode(unref(Motion), {
 								class: "hn-scrim",
 								style: normalizeStyle({ opacity: unref(motion).presence })
 							}, null, 8, ["style"])]),
@@ -8249,7 +8469,7 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 								"hint",
 								"presence"
 							])
-						], 42, _hoisted_1$116)]),
+						], 42, _hoisted_1$118)]),
 						_: 1
 					})]),
 					_: 1
@@ -8421,7 +8641,7 @@ function useImageGroup() {
 }
 //#endregion
 //#region src/components/image/Image.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$115 = [
+var _hoisted_1$117 = [
 	"src",
 	"alt",
 	"decoding",
@@ -8531,7 +8751,7 @@ var Image_default = /* @__PURE__ */ defineComponent({
 							fit: props.fit,
 							lazy: props.lazy
 						}), props.lazy && !unref(revealed) && "opacity-0", props.imageClass)
-					}), null, 16, _hoisted_1$115)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
+					}), 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),
 					unref(showSkeleton) ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						ref_key: "skeletonEl",
@@ -8805,7 +9025,7 @@ var indicator = tv({
 });
 //#endregion
 //#region src/components/indicator/Indicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$114 = {
+var _hoisted_1$116 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "hn-ping absolute inset-0 rounded-full bg-inherit"
@@ -8836,7 +9056,7 @@ var Indicator_default = /* @__PURE__ */ defineComponent({
 					size: props.size
 				}), props.class))
 			}, {
-				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$114)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
+				default: withCtx(() => [props.pulse ? (openBlock(), createElementBlock("span", _hoisted_1$116)) : createCommentVNode("", true), props.label ? (openBlock(), createBlock(VisuallyHidden_default, { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)]),
@@ -8888,8 +9108,8 @@ var calloutIcons = {
 };
 //#endregion
 //#region src/components/callout/Callout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$113 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$64 = {
+var _hoisted_1$115 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$65 = {
 	key: 0,
 	class: "text-fg font-medium"
 };
@@ -8917,7 +9137,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$113, [props.title ? (openBlock(), createElementBlock("p", _hoisted_2$64, toDisplayString(props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 2);
+			}, 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);
 		};
 	}
 });
@@ -8973,12 +9193,12 @@ function useCollapseGap() {
 }
 //#endregion
 //#region src/components/alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$112 = {
+var _hoisted_1$114 = {
 	key: 0,
 	"data-hn-alert": "",
 	class: "hn-collapse"
 };
-var _hoisted_2$63 = { class: "hn-collapse-body" };
+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 = {
@@ -9029,7 +9249,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$112, [createElementVNode("div", _hoisted_2$63, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$114, [createElementVNode("div", _hoisted_2$64, [createElementVNode("div", {
 					role: role.value,
 					class: normalizeClass(unref(cn)(unref(callout)({ tone: props.tone }), props.class))
 				}, [
@@ -9741,7 +9961,7 @@ var PaginationPage_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/pagination/PaginationEllipsis.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$111 = {
+var _hoisted_1$113 = {
 	class: "grid",
 	"aria-hidden": "true"
 };
@@ -9788,7 +10008,7 @@ var PaginationEllipsis_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 					side: props.range.side,
 					expanded: expanded.value
-				}, () => [createElementVNode("span", _hoisted_1$111, [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$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"]))])])]),
 				_: 3
 			}, 8, [
 				"size",
@@ -10333,8 +10553,8 @@ function usePaginationEllipsis(host, items) {
 }
 //#endregion
 //#region src/components/pagination/PaginationPages.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$110 = { key: 0 };
-var _hoisted_2$62 = { key: 1 };
+var _hoisted_1$112 = { key: 0 };
+var _hoisted_2$63 = { key: 1 };
 //#endregion
 //#region src/components/pagination/PaginationPages.vue
 var PaginationPages_default = /* @__PURE__ */ defineComponent({
@@ -10350,7 +10570,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$110, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_1$112, [createVNode(PaginationControl_default, {
 					action: "first",
 					size: unref(size),
 					dir: unref(direction)
@@ -10383,7 +10603,7 @@ var PaginationPages_default = /* @__PURE__ */ defineComponent({
 					size: unref(size),
 					dir: unref(direction)
 				}, null, 8, ["size", "dir"])]),
-				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$62, [createVNode(PaginationControl_default, {
+				unref(showFirstLast) ? (openBlock(), createElementBlock("li", _hoisted_2$63, [createVNode(PaginationControl_default, {
 					action: "last",
 					size: unref(size),
 					dir: unref(direction)
@@ -11045,8 +11265,8 @@ 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$109 = ["data-index"];
-var _hoisted_2$61 = ["id"];
+var _hoisted_1$111 = ["data-index"];
+var _hoisted_2$62 = ["id"];
 //#endregion
 //#region src/components/virtual-list/VirtualChoices.vue
 var VirtualChoices_default = /* @__PURE__ */ defineComponent({
@@ -11096,7 +11316,7 @@ var VirtualChoices_default = /* @__PURE__ */ defineComponent({
 						key: 1,
 						id: unref(labelId)(entry.index),
 						class: normalizeClass(unref(selectLabel)())
-					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_2$61))], 14, _hoisted_1$109);
+					}, toDisplayString(unref(rows)[entry.index].label), 11, _hoisted_2$62))], 14, _hoisted_1$111);
 				}), 128))], 16), !unref(rows).length ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(selectEmpty)())
@@ -11140,8 +11360,8 @@ var rekaNavigationViewportStyle = {
 };
 //#endregion
 //#region src/components/select/SelectList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$108 = { class: "min-w-0 flex-1" };
-var _hoisted_2$60 = { class: "block truncate" };
+var _hoisted_1$110 = { class: "min-w-0 flex-1" };
+var _hoisted_2$61 = { class: "block truncate" };
 var _hoisted_3$33 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
@@ -11207,7 +11427,7 @@ var SelectList_default = /* @__PURE__ */ defineComponent({
 								class: unref(selectItem)()
 							}), {
 								default: withCtx(() => [createVNode(unref(SelectItemText), { "as-child": "" }, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$108, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$60, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_3$33, toDisplayString(option.description), 1)) : createCommentVNode("", true)])])]),
+									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)])])]),
 									_: 2
 								}, 1024), createElementVNode("span", _hoisted_4$28, [createVNode(unref(SelectItemIndicator), null, {
 									default: withCtx(() => [createVNode(unref(Check))]),
@@ -11326,7 +11546,7 @@ function useClearTransition(visible) {
 }
 //#endregion
 //#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$107 = [
+var _hoisted_1$109 = [
 	"dir",
 	"data-invalid",
 	"data-disabled"
@@ -11445,7 +11665,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 					_: 1
-				}, 16)], 10, _hoisted_1$107), createVNode(SelectList_default, {
+				}, 16)], 10, _hoisted_1$109), createVNode(SelectList_default, {
 					options: props.options,
 					keyboard: keyboard.value,
 					virtualize: props.virtualize
@@ -11539,12 +11759,12 @@ function focusFieldFrom(root, target) {
 }
 //#endregion
 //#region src/components/input/InputBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$106 = [
+var _hoisted_1$108 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$59 = [
+var _hoisted_2$60 = [
 	"id",
 	"disabled",
 	"aria-invalid",
@@ -11631,7 +11851,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 						leading: !!unref(slots).leading,
 						trailing: clearing.value || trailingSpinner.value || !!unref(slots).trailing
 					})
-				}), null, 16, _hoisted_2$59), [[vModelDynamic, model.value]]),
+				}), null, 16, _hoisted_2$60), [[vModelDynamic, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -11667,7 +11887,7 @@ var InputBase_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$106);
+			], 10, _hoisted_1$108);
 		};
 	}
 });
@@ -11868,8 +12088,8 @@ function usePagination(props, model, sizeModel, change) {
 }
 //#endregion
 //#region src/components/pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$105 = ["dir", "aria-busy"];
-var _hoisted_2$58 = {
+var _hoisted_1$107 = ["dir", "aria-busy"];
+var _hoisted_2$59 = {
 	key: 0,
 	class: "relative min-h-0 flex-auto"
 };
@@ -11947,7 +12167,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$58, [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$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), {
 				key: 1,
 				page: unref(page),
 				total: unref(total),
@@ -11985,13 +12205,13 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 				"show-edges",
 				"disabled",
 				"onUpdate:page"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$105);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$107);
 		};
 	}
 });
 //#endregion
 //#region src/components/prev-next/PrevNext.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$104 = ["aria-label"];
+var _hoisted_1$106 = ["aria-label"];
 //#endregion
 //#region src/components/prev-next/PrevNext.vue
 var PrevNext_default = /* @__PURE__ */ defineComponent({
@@ -12008,7 +12228,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$104);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$106);
 		};
 	}
 });
@@ -12032,7 +12252,7 @@ var prevNextEyebrow = tv({
 });
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$103 = { class: "text-fg max-w-full font-medium" };
+var _hoisted_1$105 = { class: "text-fg max-w-full font-medium" };
 //#endregion
 //#region src/components/prev-next/PrevNextLink.vue
 var PrevNextLink_default = /* @__PURE__ */ defineComponent({
@@ -12068,7 +12288,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$103, [renderSlot(_ctx.$slots, "default")])
+					createElementVNode("span", _hoisted_1$105, [renderSlot(_ctx.$slots, "default")])
 				]),
 				_: 3
 			}, 16, [
@@ -12144,8 +12364,8 @@ var tableCell = tv({
 });
 //#endregion
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$102 = { class: "hn-table" };
-var _hoisted_2$57 = { key: 0 };
+var _hoisted_1$104 = { class: "hn-table" };
+var _hoisted_2$58 = { key: 0 };
 //#endregion
 //#region src/components/table/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
@@ -12182,7 +12402,7 @@ var Table_default = /* @__PURE__ */ defineComponent({
 					stickyHeader: props.stickyHeader
 				}), props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("table", _hoisted_1$102, [props.caption ? (openBlock(), createElementBlock("caption", _hoisted_2$57, [createElementVNode("span", null, toDisplayString(props.caption), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])]),
+				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")])]),
 				_: 3
 			}, 8, ["direction", "class"]);
 		};
@@ -12229,7 +12449,7 @@ var TableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/table/TableHead.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$101 = ["scope"];
+var _hoisted_1$103 = ["scope"];
 //#endregion
 //#region src/components/table/TableHead.vue
 var TableHead_default = /* @__PURE__ */ defineComponent({
@@ -12254,7 +12474,7 @@ var TableHead_default = /* @__PURE__ */ defineComponent({
 					sticky: props.sticky,
 					head: true
 				}), props.class))
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$101);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$103);
 		};
 	}
 });
@@ -13530,8 +13750,8 @@ var textareaField = tv({ base: [
 ] });
 //#endregion
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$100 = ["data-invalid", "data-disabled"];
-var _hoisted_2$56 = [
+var _hoisted_1$102 = ["data-invalid", "data-disabled"];
+var _hoisted_2$57 = [
 	"id",
 	"rows",
 	"disabled",
@@ -13604,9 +13824,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$56), [[vModelText, model.value]])]),
+				}), null, 16, _hoisted_2$57), [[vModelText, model.value]])]),
 				_: 1
-			}, 512)], 14, _hoisted_1$100);
+			}, 512)], 14, _hoisted_1$102);
 		};
 	}
 });
@@ -14440,7 +14660,7 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/password-input/PasswordInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$99 = { class: "relative inline-flex" };
+var _hoisted_1$101 = { class: "relative inline-flex" };
 //#endregion
 //#region src/components/password-input/PasswordInput.vue
 var PasswordInput_default = /* @__PURE__ */ defineComponent({
@@ -14492,7 +14712,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$99, [createVNode(Transition, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$101, [createVNode(Transition, {
 						"enter-active-class": "hn-transition-base",
 						"enter-from-class": "scale-90 opacity-0",
 						"leave-active-class": "hn-transition absolute",
@@ -14594,7 +14814,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$98 = ["data-invalid", "data-disabled"];
+var _hoisted_1$100 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/input-group/InputGroup.vue
 var InputGroup_default = /* @__PURE__ */ defineComponent({
@@ -14626,7 +14846,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$98);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$100);
 		};
 	}
 });
@@ -14656,8 +14876,8 @@ 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$97 = { class: "min-w-0 truncate" };
-var _hoisted_2$55 = {
+var _hoisted_1$99 = { class: "min-w-0 truncate" };
+var _hoisted_2$56 = {
 	key: 1,
 	class: "min-w-0 truncate"
 };
@@ -14773,7 +14993,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 									onClick: isolate,
 									onRemove: ($event) => remove(option.value)
 								}, {
-									default: withCtx(() => [createElementVNode("span", _hoisted_1$97, toDisplayString(option.label), 1)]),
+									default: withCtx(() => [createElementVNode("span", _hoisted_1$99, toDisplayString(option.label), 1)]),
 									_: 2
 								}, 1032, [
 									"size",
@@ -14788,7 +15008,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$55, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
+							}, 8, ["size", "disabled"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$56, toDisplayString(props.placeholder ?? unref(t).select.placeholder), 1))], 2),
 							createVNode(Transition, {
 								"enter-active-class": "hn-transition-base",
 								"enter-from-class": "scale-90 opacity-0",
@@ -14941,8 +15161,8 @@ 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$96 = { class: "min-w-0 flex-1" };
-var _hoisted_2$54 = { class: "block truncate" };
+var _hoisted_1$98 = { class: "min-w-0 flex-1" };
+var _hoisted_2$55 = { class: "block truncate" };
 var _hoisted_3$30 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
@@ -15007,7 +15227,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 								"text-value": option.label,
 								class: unref(selectItem)()
 							}), {
-								default: withCtx(() => [createElementVNode("span", _hoisted_1$96, [renderSlot(_ctx.$slots, "option", { option }, () => [createElementVNode("span", _hoisted_2$54, 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$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(() => [createVNode(unref(Check))]),
 									_: 1
 								})])]),
@@ -15092,7 +15312,7 @@ var ComboboxList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$95 = [
+var _hoisted_1$97 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
@@ -15242,7 +15462,7 @@ var Combobox_default = /* @__PURE__ */ defineComponent({
 							"disabled",
 							"class"
 						])
-					], 42, _hoisted_1$95)]),
+					], 42, _hoisted_1$97)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -15567,8 +15787,8 @@ function useAutocomplete(config) {
 }
 //#endregion
 //#region src/components/autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$94 = ["data-invalid", "data-disabled"];
-var _hoisted_2$53 = [
+var _hoisted_1$96 = ["data-invalid", "data-disabled"];
+var _hoisted_2$54 = [
 	"id",
 	"value",
 	"aria-expanded",
@@ -15715,7 +15935,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$53),
+				}), null, 16, _hoisted_2$54),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -15732,7 +15952,7 @@ var Autocomplete_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$94), createVNode(Popover_default, {
+			], 10, _hoisted_1$96), createVNode(Popover_default, {
 				open: unref(visible),
 				"onUpdate:open": _cache[9] || (_cache[9] = ($event) => isRef(visible) ? visible.value = $event : null),
 				anchor: unref(host),
@@ -15795,19 +16015,6 @@ var Autocomplete_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/kbd/Kbd.vue
-var Kbd_default = /* @__PURE__ */ defineComponent({
-	name: "HnKbd",
-	__name: "Kbd",
-	props: { class: {} },
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("kbd", { class: normalizeClass(unref(cn)("hn-kbd", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
 //#region ../shared/src/variants/command-palette.ts
 var commandWrapper = tv({ base: "pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid items-start justify-items-center p-4 pt-[15dvh] max-sm:pt-4" });
 var commandCard = tv({
@@ -15822,10 +16029,71 @@ 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 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
+var COMMAND_PALETTE_KEY = Symbol("hn-command-palette");
+function provideCommandPalette(context) {
+	provide(COMMAND_PALETTE_KEY, context);
+}
+function injectCommandPalette() {
+	const context = inject(COMMAND_PALETTE_KEY, null);
+	if (!context) throw new Error("CommandPaletteInput must be used inside CommandPalette");
+	return context;
+}
+//#endregion
+//#region src/components/command-palette/CommandPaletteInput.vue
+var CommandPaletteInput_default = /* @__PURE__ */ defineComponent({
+	name: "HnCommandPaletteInput",
+	__name: "CommandPaletteInput",
+	props: {
+		placeholder: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const context = injectCommandPalette();
+		const filter = shallowRef();
+		watchEffect(() => {
+			context.input.value = filter.value?.$el;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxFilter), {
+				ref_key: "filter",
+				ref: filter,
+				modelValue: unref(context).search.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(context).search.value = $event),
+				"auto-focus": unref(context).autoFocus.value,
+				placeholder: props.placeholder ?? unref(context).placeholder.value,
+				"aria-label": unref(context).label.value,
+				class: normalizeClass(props.class ? unref(cn)(unref(commandInput)(), props.class) : unref(commandInput)())
+			}, null, 8, [
+				"modelValue",
+				"auto-focus",
+				"placeholder",
+				"aria-label",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/kbd/Kbd.vue
+var Kbd_default = /* @__PURE__ */ defineComponent({
+	name: "HnKbd",
+	__name: "Kbd",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("kbd", { class: normalizeClass(unref(cn)("hn-kbd", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
 //#endregion
 //#region src/components/command-palette/CommandPaletteItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$93 = { class: "truncate" };
-var _hoisted_2$52 = ["textContent"];
+var _hoisted_1$95 = { class: "truncate" };
+var _hoisted_2$53 = ["textContent"];
 var _hoisted_3$28 = ["textContent"];
 var _hoisted_4$23 = ["textContent"];
 var _hoisted_5$17 = {
@@ -15864,13 +16132,16 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select"))
 			}, {
 				default: withCtx(() => [
-					props.match.item.icon ? (openBlock(), createBlock(resolveDynamicComponent(props.match.item.icon), {
-						key: 0,
+					_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : props.match.item.icon ? (openBlock(), createBlock(resolveDynamicComponent(props.match.item.icon), {
+						key: 1,
 						"aria-hidden": "true",
 						class: "text-muted"
 					})) : createCommentVNode("", true),
-					createElementVNode("span", { class: normalizeClass(unref(commandItemBody)()) }, [createElementVNode("span", _hoisted_1$93, [
-						createElementVNode("span", { textContent: toDisplayString(parts.value[0]) }, null, 8, _hoisted_2$52),
+					!_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),
 						parts.value[1] ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(unref(commandItemMatch)()),
@@ -15880,9 +16151,9 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 							key: 1,
 							textContent: toDisplayString(parts.value[2])
 						}, null, 8, _hoisted_4$23)) : createCommentVNode("", true)
-					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$17, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2),
-					props.match.item.kbd?.length ? (openBlock(), createElementBlock("span", {
-						key: 1,
+					]), props.match.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$17, toDisplayString(props.match.item.description), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+					!_ctx.$slots.default && props.match.item.kbd?.length ? (openBlock(), createElementBlock("span", {
+						key: 3,
 						class: normalizeClass(unref(commandItemHint)())
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.match.item.kbd, (key) => {
 						return openBlock(), createBlock(Kbd_default, { key }, {
@@ -15891,7 +16162,7 @@ var CommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 						}, 1024);
 					}), 128))], 2)) : createCommentVNode("", true)
 				]),
-				_: 1
+				_: 3
 			}, 8, [
 				"value",
 				"disabled",
@@ -15989,6 +16260,12 @@ function filterCommands(items, query) {
 		matches
 	}));
 }
+function commandMatchRange(match) {
+	return match.start < 0 ? null : {
+		start: match.start,
+		end: match.end
+	};
+}
 //#endregion
 //#region src/components/command-palette/composables/useCommandItems.ts
 function useCommandItems(props, search) {
@@ -16022,6 +16299,7 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 		label: {},
 		placeholder: {},
 		ignoreFilter: { type: Boolean },
+		loading: { type: Boolean },
 		autoFocus: { type: Boolean },
 		inline: { type: Boolean },
 		class: {}
@@ -16037,6 +16315,25 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 		const t = useUiLocale();
 		const input = shallowRef();
 		const { sections, options } = useCommandItems(props, () => search.value);
+		function select(item) {
+			const field = input.value;
+			const panel = field?.closest("[data-hn-command-palette]");
+			const inside = !!panel?.contains(document.activeElement);
+			emit("select", item);
+			if (!field || !panel || !inside) return;
+			nextTick(() => {
+				const active = document.activeElement;
+				if (!field.isConnected) return;
+				if (!active || active === document.body || panel.contains(active)) field.focus({ preventScroll: true });
+			});
+		}
+		provideCommandPalette({
+			search,
+			label: computed(() => props.label),
+			placeholder: computed(() => props.placeholder ?? t.value.command.placeholder),
+			autoFocus: computed(() => props.autoFocus),
+			input
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Card_default, mergeProps(_ctx.$attrs, {
 				"data-hn-command-palette": "",
@@ -16048,83 +16345,107 @@ var CommandPalettePanel_default = /* @__PURE__ */ defineComponent({
 					"highlight-on-hover": "",
 					class: "flex min-h-0 flex-col"
 				}, {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(commandInputRow)()) }, [createVNode(unref(Search), { "aria-hidden": "true" }), createVNode(unref(ListboxFilter), {
-						ref_key: "input",
-						ref: input,
-						modelValue: search.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-						"auto-focus": props.autoFocus,
-						placeholder: props.placeholder ?? unref(t).command.placeholder,
-						"aria-label": props.label,
-						class: normalizeClass(unref(commandInput)())
-					}, null, 8, [
-						"modelValue",
-						"auto-focus",
-						"placeholder",
-						"aria-label",
-						"class"
-					])], 2), props.virtualize ? (openBlock(), createBlock(unref(ListboxContent), {
-						key: 0,
-						"as-child": "",
-						"aria-label": props.label
-					}, {
-						default: withCtx(() => [createVNode(VirtualChoices_default, {
-							options: unref(options),
-							virtualize: props.virtualize,
-							input: input.value?.$el,
-							kind: "listbox",
-							class: normalizeClass(unref(commandList)())
-						}, {
-							default: withCtx(({ option, attrs }) => [createVNode(CommandPaletteItem_default, mergeProps(attrs, {
-								match: option.match,
-								onSelect: ($event) => emit("select", option.match.item)
-							}), null, 16, ["match", "onSelect"])]),
-							empty: withCtx(() => [createTextVNode(toDisplayString(unref(t).command.empty), 1)]),
-							_: 1
-						}, 8, [
-							"options",
-							"virtualize",
-							"input",
-							"class"
-						])]),
-						_: 1
-					}, 8, ["aria-label"])) : (openBlock(), createBlock(ScrollArea_default, {
-						key: 1,
-						class: normalizeClass(unref(commandList)())
-					}, {
-						default: withCtx(() => [createVNode(unref(ListboxContent), {
+					default: withCtx(() => [
+						_ctx.$slots.input ? renderSlot(_ctx.$slots, "input", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(unref(commandInputRow)())
+						}, [createVNode(unref(Search), { "aria-hidden": "true" }), createVNode(CommandPaletteInput_default)], 2)),
+						props.virtualize ? (openBlock(), createBlock(unref(ListboxContent), {
+							key: 2,
+							"as-child": "",
 							"aria-label": props.label,
-							class: normalizeClass(unref(selectListBody)())
+							"aria-busy": props.loading || void 0
+						}, {
+							default: withCtx(() => [createVNode(VirtualChoices_default, {
+								options: unref(options),
+								virtualize: props.virtualize,
+								input: input.value,
+								kind: "listbox",
+								class: normalizeClass(unref(commandList)())
+							}, {
+								default: withCtx(({ option, attrs }) => [createVNode(CommandPaletteItem_default, mergeProps(attrs, {
+									match: option.match,
+									onSelect: ($event) => select(option.match.item)
+								}), createSlots({ _: 2 }, [_ctx.$slots.item ? {
+									name: "default",
+									fn: withCtx(() => [renderSlot(_ctx.$slots, "item", {
+										item: option.match.item,
+										match: unref(commandMatchRange)(option.match)
+									})]),
+									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, [
+								"options",
+								"virtualize",
+								"input",
+								"class"
+							])]),
+							_: 3
+						}, 8, ["aria-label", "aria-busy"])) : (openBlock(), createBlock(ScrollArea_default, {
+							key: 3,
+							class: normalizeClass(unref(commandList)())
 						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sections), (section) => {
-								return openBlock(), createElementBlock(Fragment, { key: section.key }, [section.label ? (openBlock(), createBlock(unref(ListboxGroup), { key: 0 }, {
-									default: withCtx(() => [createVNode(unref(ListboxGroupLabel), { class: normalizeClass(unref(selectLabel)()) }, {
-										default: withCtx(() => [createTextVNode(toDisplayString(section.label), 1)]),
+							default: withCtx(() => [createVNode(unref(ListboxContent), {
+								"aria-label": props.label,
+								"aria-busy": props.loading || void 0,
+								class: normalizeClass(unref(selectListBody)())
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sections), (section) => {
+									return openBlock(), createElementBlock(Fragment, { key: section.key }, [section.label ? (openBlock(), createBlock(unref(ListboxGroup), { key: 0 }, {
+										default: withCtx(() => [createVNode(unref(ListboxGroupLabel), { class: normalizeClass(unref(selectLabel)()) }, {
+											default: withCtx(() => [createTextVNode(toDisplayString(section.label), 1)]),
+											_: 2
+										}, 1032, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(section.matches, (match) => {
+											return openBlock(), createBlock(CommandPaletteItem_default, {
+												key: match.item.id,
+												match,
+												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", "onSelect"]);
+										}), 128))]),
 										_: 2
-									}, 1032, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(section.matches, (match) => {
+									}, 1024)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(section.matches, (match) => {
 										return openBlock(), createBlock(CommandPaletteItem_default, {
 											key: match.item.id,
 											match,
-											onSelect: ($event) => emit("select", match.item)
-										}, null, 8, ["match", "onSelect"]);
-									}), 128))]),
-									_: 2
-								}, 1024)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(section.matches, (match) => {
-									return openBlock(), createBlock(CommandPaletteItem_default, {
-										key: match.item.id,
-										match,
-										onSelect: ($event) => emit("select", match.item)
-									}, null, 8, ["match", "onSelect"]);
-								}), 128))], 64);
-							}), 128)), unref(sections).length === 0 ? (openBlock(), createElementBlock("div", {
+											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", "onSelect"]);
+									}), 128))], 64);
+								}), 128))]),
+								_: 3
+							}, 8, [
+								"aria-label",
+								"aria-busy",
+								"class"
+							]), unref(sections).length === 0 ? (openBlock(), createElementBlock("div", {
 								key: 0,
+								role: "status",
 								class: normalizeClass(unref(commandEmpty)())
-							}, toDisplayString(unref(t).command.empty), 3)) : createCommentVNode("", true)]),
-							_: 1
-						}, 8, ["aria-label", "class"])]),
-						_: 1
-					}, 8, ["class"]))]),
-					_: 1
+							}, [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)]),
+							_: 3
+						}, 8, ["class"])),
+						props.loading && unref(sections).length > 0 ? (openBlock(), createElementBlock("div", {
+							key: 4,
+							role: "status",
+							class: normalizeClass(unref(commandStatus)())
+						}, [renderSlot(_ctx.$slots, "loading", {}, () => [createTextVNode(toDisplayString(unref(t).common.loading), 1)])], 2)) : createCommentVNode("", true)
+					]),
+					_: 3
 				})]),
 				_: 3
 			}, 16, ["class"]);
@@ -16174,6 +16495,11 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 		label: {},
 		hotkey: {},
 		ignoreFilter: { type: Boolean },
+		loading: { type: Boolean },
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
 		inline: { type: Boolean },
 		class: {}
 	}, {
@@ -16202,7 +16528,7 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 		function select(item) {
 			item.onSelect?.();
 			emit("select", item);
-			if (!props.inline) open.value = false;
+			if (!props.inline && (item.closeOnSelect ?? props.closeOnSelect)) open.value = false;
 		}
 		return (_ctx, _cache) => {
 			return props.inline ? (openBlock(), createBlock(CommandPalettePanel_default, mergeProps({ key: 0 }, _ctx.$attrs, {
@@ -16214,15 +16540,38 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 				label: label.value,
 				placeholder: props.placeholder,
 				"ignore-filter": props.ignoreFilter,
+				loading: props.loading,
 				class: props.class,
 				onSelect: select
-			}), null, 16, [
+			}), createSlots({ _: 2 }, [
+				_ctx.$slots.input ? {
+					name: "input",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "input")]),
+					key: "0"
+				} : void 0,
+				_ctx.$slots.item ? {
+					name: "item",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
+					key: "1"
+				} : void 0,
+				_ctx.$slots.loading ? {
+					name: "loading",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+					key: "2"
+				} : void 0,
+				_ctx.$slots.empty ? {
+					name: "empty",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(slotProps)))]),
+					key: "3"
+				} : void 0
+			]), 1040, [
 				"search",
 				"items",
 				"virtualize",
 				"label",
 				"placeholder",
 				"ignore-filter",
+				"loading",
 				"class"
 			])) : (openBlock(), createBlock(unref(DialogRoot), {
 				key: 1,
@@ -16246,9 +16595,10 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 							label: label.value,
 							placeholder: props.placeholder,
 							"ignore-filter": props.ignoreFilter,
+							loading: props.loading,
 							class: props.class,
 							onSelect: select
-						}), {
+						}), createSlots({
 							default: withCtx(() => [createVNode(unref(VisuallyHidden), null, {
 								default: withCtx(() => [createVNode(unref(DialogTitle), null, {
 									default: withCtx(() => [createTextVNode(toDisplayString(label.value), 1)]),
@@ -16256,19 +16606,41 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 								})]),
 								_: 1
 							})]),
-							_: 1
-						}, 16, [
+							_: 2
+						}, [
+							_ctx.$slots.input ? {
+								name: "input",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "input")]),
+								key: "0"
+							} : void 0,
+							_ctx.$slots.item ? {
+								name: "item",
+								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
+								key: "1"
+							} : void 0,
+							_ctx.$slots.loading ? {
+								name: "loading",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "loading")]),
+								key: "2"
+							} : void 0,
+							_ctx.$slots.empty ? {
+								name: "empty",
+								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(slotProps)))]),
+								key: "3"
+							} : void 0
+						]), 1040, [
 							"search",
 							"items",
 							"virtualize",
 							"label",
 							"placeholder",
 							"ignore-filter",
+							"loading",
 							"class"
 						])]),
-						_: 1
+						_: 3
 					})], 2)]),
-					_: 1
+					_: 3
 				})]),
 				_: 3
 			}, 8, ["open"]));
@@ -16277,8 +16649,8 @@ var CommandPalette_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/listbox/ListboxOptionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$92 = { class: "min-w-0 flex-1" };
-var _hoisted_2$51 = { class: "block truncate" };
+var _hoisted_1$94 = { class: "min-w-0 flex-1" };
+var _hoisted_2$52 = { class: "block truncate" };
 var _hoisted_3$27 = {
 	key: 0,
 	class: "text-muted block truncate text-xs"
@@ -16299,10 +16671,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$92, [renderSlot(_ctx.$slots, "option", {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", _hoisted_1$94, [renderSlot(_ctx.$slots, "option", {
 				option: props.option,
 				selected: unref(selected)
-			}, () => [createElementVNode("span", _hoisted_2$51, 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$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", {
 				option: props.option,
 				selected: unref(selected)
 			}, void 0, void 0, 0) : (openBlock(), createElementBlock("span", _hoisted_4$22, [createVNode(unref(ListboxItemIndicator), null, {
@@ -16578,7 +16950,7 @@ var checkboxDescription = tv({
 });
 //#endregion
 //#region src/components/tree/TreeCheck.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$91 = ["data-state"];
+var _hoisted_1$93 = ["data-state"];
 //#endregion
 //#region src/components/tree/TreeCheck.vue
 var TreeCheck_default = /* @__PURE__ */ defineComponent({
@@ -16611,7 +16983,7 @@ var TreeCheck_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [props.indeterminate ? (openBlock(), createBlock(unref(Minus), { key: 0 })) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$91);
+			})], 10, _hoisted_1$93);
 		};
 	}
 });
@@ -16738,7 +17110,7 @@ function useVirtualTree(props, viewport) {
 }
 //#endregion
 //#region src/components/tree/VirtualTreeWindow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$90 = ["data-index"];
+var _hoisted_1$92 = ["data-index"];
 //#endregion
 //#region src/components/tree/VirtualTreeWindow.vue
 var VirtualTreeWindow_default = /* @__PURE__ */ defineComponent({
@@ -16775,7 +17147,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$90);
+				}, [renderSlot(_ctx.$slots, "default", { item: props.items[entry.index] })], 14, _hoisted_1$92);
 			}), 128))], 6);
 		};
 	}
@@ -16994,12 +17366,12 @@ 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$89 = [
+var _hoisted_1$91 = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
 ];
-var _hoisted_2$50 = ["onClick"];
+var _hoisted_2$51 = ["onClick"];
 var _hoisted_3$26 = {
 	key: 1,
 	class: "size-5 shrink-0",
@@ -17051,7 +17423,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$89)) : (openBlock(), createBlock(unref(TreeRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t).tree.empty), 1)])], 16, _hoisted_1$91)) : (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),
@@ -17099,7 +17471,7 @@ var Tree_default = /* @__PURE__ */ defineComponent({
 								}, [createVNode(DisclosureIcon_default, {
 									direction: "end",
 									open: isExpanded
-								}, null, 8, ["open"])], 10, _hoisted_2$50)) : (openBlock(), createElementBlock("span", _hoisted_3$26)),
+								}, null, 8, ["open"])], 10, _hoisted_2$51)) : (openBlock(), createElementBlock("span", _hoisted_3$26)),
 								props.multiple ? (openBlock(), createBlock(TreeCheck_default, {
 									key: 2,
 									selected: unref(state)(item.value).selected,
@@ -17169,8 +17541,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$88 = { class: "border-line shrink-0 border-b px-1" };
-var _hoisted_2$49 = [
+var _hoisted_1$90 = { class: "border-line shrink-0 border-b px-1" };
+var _hoisted_2$50 = [
 	"aria-label",
 	"aria-controls",
 	"placeholder"
@@ -17197,7 +17569,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 		const input = shallowRef(null);
 		__expose({ focus: () => input.value?.focus() });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$88, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
+			return openBlock(), createElementBlock("div", _hoisted_1$90, [createElementVNode("div", { class: normalizeClass(unref(textInputHost)({
 				variant: "bare",
 				size: "sm"
 			})) }, [
@@ -17218,7 +17590,7 @@ var TreeSelectSearch_default = /* @__PURE__ */ defineComponent({
 						trailing: !!model.value
 					})),
 					onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
-				}, null, 42, _hoisted_2$49), [[vModelText, model.value]]),
+				}, null, 42, _hoisted_2$50), [[vModelText, model.value]]),
 				createVNode(Transition, {
 					"enter-active-class": "hn-transition-base",
 					"enter-from-class": "scale-90 opacity-0",
@@ -17378,7 +17750,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$87 = [
+var _hoisted_1$89 = [
 	"id",
 	"aria-describedby",
 	"aria-expanded",
@@ -17388,7 +17760,7 @@ var _hoisted_1$87 = [
 	"data-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$48 = { class: "min-w-0 flex-1 truncate" };
+var _hoisted_2$49 = { class: "min-w-0 flex-1 truncate" };
 var _hoisted_3$25 = ["onClick"];
 var _hoisted_4$20 = {
 	key: 1,
@@ -17472,7 +17844,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 							variant: props.variant,
 							size: props.size
 						}), unref(selectTrigger)(), props.class)
-					}), [createElementVNode("span", _hoisted_2$48, 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$87)]),
+					}), [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)]),
 					_: 1
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -17882,7 +18254,7 @@ var CheckboxRoot = defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$86 = ["data-disabled"];
+var _hoisted_1$88 = ["data-disabled"];
 //#endregion
 //#region src/components/checkbox/Checkbox.vue
 var Checkbox_default = /* @__PURE__ */ defineComponent({
@@ -17979,7 +18351,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$86);
+			], 10, _hoisted_1$88);
 		};
 	}
 });
@@ -18453,7 +18825,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$85 = ["data-disabled"];
+var _hoisted_1$87 = ["data-disabled"];
 //#endregion
 //#region src/components/radio-group/RadioGroup.vue
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -18547,7 +18919,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 								controlPlacement: props.controlPlacement
 							}))
 						}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
-					], 10, _hoisted_1$85);
+					], 10, _hoisted_1$87);
 				}), 128))]),
 				_: 3
 			}, 8, [
@@ -18699,7 +19071,7 @@ var switchThumb = tv({ base: [
 ] });
 //#endregion
 //#region src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$84 = ["data-disabled"];
+var _hoisted_1$86 = ["data-disabled"];
 //#endregion
 //#region src/components/switch/Switch.vue
 var Switch_default = /* @__PURE__ */ defineComponent({
@@ -18780,7 +19152,7 @@ var Switch_default = /* @__PURE__ */ defineComponent({
 						controlPlacement: props.controlPlacement
 					}))
 				}, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$84);
+			], 10, _hoisted_1$86);
 		};
 	}
 });
@@ -19556,7 +19928,7 @@ var SliderMarks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$83 = [
+var _hoisted_1$85 = [
 	"dir",
 	"data-disabled",
 	"data-dragging"
@@ -19677,13 +20049,13 @@ var Slider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$83);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$85);
 		};
 	}
 });
 //#endregion
 //#region src/components/range-slider/RangeSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$82 = [
+var _hoisted_1$84 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
@@ -19830,7 +20202,7 @@ var RangeSlider_default = /* @__PURE__ */ defineComponent({
 				"marks",
 				"min",
 				"max"
-			])) : createCommentVNode("", true)], 16, _hoisted_1$82);
+			])) : createCommentVNode("", true)], 16, _hoisted_1$84);
 		};
 	}
 });
@@ -19933,11 +20305,11 @@ var toggle = tv({
 });
 //#endregion
 //#region src/components/toggle/Toggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$81 = {
+var _hoisted_1$83 = {
 	key: "on",
 	class: "inline-flex items-center justify-center"
 };
-var _hoisted_2$47 = {
+var _hoisted_2$48 = {
 	key: "off",
 	class: "inline-flex items-center justify-center"
 };
@@ -20018,7 +20390,7 @@ 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$81, [renderSlot(_ctx.$slots, "pressed-icon")])) : (openBlock(), createElementBlock("span", _hoisted_2$47, [renderSlot(_ctx.$slots, "icon", { pressed: pressed.value })]))]),
+							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 })]))]),
 							_: 3
 						})], 2)) : createCommentVNode("", true),
 						unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3$24, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
@@ -20441,7 +20813,7 @@ var toolbarSeparator = tv({
 });
 //#endregion
 //#region src/components/toolbar/Toolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$80 = ["dir"];
+var _hoisted_1$82 = ["dir"];
 //#endregion
 //#region src/components/toolbar/Toolbar.vue
 var Toolbar_default = /* @__PURE__ */ defineComponent({
@@ -20489,7 +20861,7 @@ var Toolbar_default = /* @__PURE__ */ defineComponent({
 					ref: root,
 					dir: unref(rootDirection),
 					"data-hn-toolbar": ""
-				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$80)]),
+				}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$82)]),
 				_: 3
 			}, 8, [
 				"orientation",
@@ -20696,8 +21068,8 @@ var navigationMenuViewport = tv({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$79 = ["dir"];
-var _hoisted_2$46 = ["data-hn-ready"];
+var _hoisted_1$81 = ["dir"];
+var _hoisted_2$47 = ["data-hn-ready"];
 //#endregion
 //#region src/components/navigation-menu/NavigationMenu.vue
 var NavigationMenu_default = /* @__PURE__ */ defineComponent({
@@ -20780,13 +21152,13 @@ var NavigationMenu_default = /* @__PURE__ */ defineComponent({
 						ref: viewport,
 						"data-hn-ready": unref(ready) ? "" : void 0,
 						style: normalizeStyle(unref(rekaNavigationViewportStyle))
-					}, null, 12, _hoisted_2$46)]),
+					}, null, 12, _hoisted_2$47)]),
 					_: 1
 				}, 8, [
 					"align",
 					"data-side",
 					"class"
-				])], 12, _hoisted_1$79)]),
+				])], 12, _hoisted_1$81)]),
 				_: 3
 			}, 8, [
 				"modelValue",
@@ -20822,7 +21194,7 @@ var NavigationMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$78 = { class: "min-w-0 flex-1" };
+var _hoisted_1$80 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuTrigger.vue
 var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
@@ -20851,7 +21223,7 @@ var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(navigationMenuIcon)()),
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_1$78, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$80, [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
@@ -20861,8 +21233,8 @@ var NavigationMenuTrigger_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/navigation-menu/NavigationMenuLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
-var _hoisted_2$45 = {
+var _hoisted_1$79 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
+var _hoisted_2$46 = {
 	key: 0,
 	class: "text-muted text-xs leading-relaxed font-normal"
 };
@@ -20912,7 +21284,7 @@ var NavigationMenuLink_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(navigationMenuIcon)()),
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_1$77, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default")]), props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_2$45, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])])) : 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)]),
 					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(navigationMenuIcon)())
@@ -21372,7 +21744,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$76 = { class: "min-w-0 truncate" };
+var _hoisted_1$78 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/tags-input/TagsInputChip.vue
 var TagsInputChip_default = /* @__PURE__ */ defineComponent({
@@ -21399,7 +21771,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$76, toDisplayString(props.tag), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$78, toDisplayString(props.tag), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -21413,7 +21785,7 @@ var TagsInputChip_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/tags-input/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = ["data-invalid", "data-disabled"];
+var _hoisted_1$77 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/tags-input/TagsInput.vue
 var TagsInput_default = /* @__PURE__ */ defineComponent({
@@ -21564,7 +21936,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}, 8, ["label"])], 2)) : createCommentVNode("", true)]),
 				_: 1
-			})], 10, _hoisted_1$75);
+			})], 10, _hoisted_1$77);
 		};
 	}
 });
@@ -21619,12 +21991,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$74 = [
+var _hoisted_1$76 = [
 	"data-invalid",
 	"data-disabled",
 	"aria-busy"
 ];
-var _hoisted_2$44 = { class: "min-w-0 truncate" };
+var _hoisted_2$45 = { class: "min-w-0 truncate" };
 //#endregion
 //#region src/components/multi-combobox/MultiCombobox.vue
 var MultiCombobox_default = /* @__PURE__ */ defineComponent({
@@ -21720,7 +22092,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(tagsInputChip)()),
 							onRemove: ($event) => unref(remove)(option.value)
 						}, {
-							default: withCtx(() => [createElementVNode("span", _hoisted_2$44, toDisplayString(option.label), 1)]),
+							default: withCtx(() => [createElementVNode("span", _hoisted_2$45, toDisplayString(option.label), 1)]),
 							_: 2
 						}, 1032, [
 							"size",
@@ -21787,7 +22159,7 @@ var MultiCombobox_default = /* @__PURE__ */ defineComponent({
 						"aria-label",
 						"disabled",
 						"class"
-					])], 2)], 10, _hoisted_1$74)]),
+					])], 2)], 10, _hoisted_1$76)]),
 					_: 1
 				}), createVNode(ComboboxList_default, {
 					options: props.options,
@@ -22519,7 +22891,7 @@ var dateFieldSegment = tv({
 });
 //#endregion
 //#region src/components/date-field/DateField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = ["data-invalid", "data-disabled"];
+var _hoisted_1$75 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-field/DateField.vue
 var DateField_default = /* @__PURE__ */ defineComponent({
@@ -22676,7 +23048,7 @@ var DateField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$73);
+			], 10, _hoisted_1$75);
 		};
 	}
 });
@@ -22707,7 +23079,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$72 = ["data-invalid", "data-disabled"];
+var _hoisted_1$74 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-picker/DatePicker.vue
 var DatePicker_default = /* @__PURE__ */ defineComponent({
@@ -22824,7 +23196,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$72)]),
+					})], 10, _hoisted_1$74)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -22889,7 +23261,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$71 = ["data-invalid", "data-disabled"];
+var _hoisted_1$73 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-field/DateRangeField.vue
 var DateRangeField_default = /* @__PURE__ */ defineComponent({
@@ -23058,7 +23430,7 @@ var DateRangeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$71);
+			], 10, _hoisted_1$73);
 		};
 	}
 });
@@ -23306,7 +23678,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$70 = ["data-invalid", "data-disabled"];
+var _hoisted_1$72 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-range-picker/DateRangePicker.vue
 var DateRangePicker_default = /* @__PURE__ */ defineComponent({
@@ -23424,7 +23796,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$70)]),
+					})], 10, _hoisted_1$72)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -23478,7 +23850,7 @@ var DateRangePicker_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/time-field/TimeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = ["data-invalid", "data-disabled"];
+var _hoisted_1$71 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/time-field/TimeField.vue
 var TimeField_default = /* @__PURE__ */ defineComponent({
@@ -23641,7 +24013,7 @@ var TimeField_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(inputAdornment)())
 				}, [renderSlot(_ctx.$slots, "trailing")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$69);
+			], 10, _hoisted_1$71);
 		};
 	}
 });
@@ -23650,7 +24022,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$68 = ["data-invalid", "data-disabled"];
+var _hoisted_1$70 = ["data-invalid", "data-disabled"];
 //#endregion
 //#region src/components/date-time-picker/DateTimePicker.vue
 var DateTimePicker_default = /* @__PURE__ */ defineComponent({
@@ -23783,7 +24155,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 							_: 1
 						}, 8, ["label", "disabled"])]),
 						_: 1
-					})], 10, _hoisted_1$68)]),
+					})], 10, _hoisted_1$70)]),
 					_: 3
 				}), createVNode(unref(PopoverPortal), null, {
 					default: withCtx(() => [createVNode(unref(PopoverContent), {
@@ -24129,8 +24501,8 @@ function useRatingScale(model, max, stars) {
 }
 //#endregion
 //#region src/components/rating/Rating.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = ["aria-label"];
-var _hoisted_2$43 = [
+var _hoisted_1$69 = ["aria-label"];
+var _hoisted_2$44 = [
 	"name",
 	"value",
 	"disabled",
@@ -24181,7 +24553,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$67)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
+			}), 128))], 16, _hoisted_1$69)) : (openBlock(), createBlock(unref(RatingRoot), mergeProps({ key: 1 }, _ctx.$attrs, {
 				"data-hn-rating": "",
 				"data-disabled": unref(disabled) ? "" : void 0,
 				"data-invalid": unref(invalid) ? "" : void 0,
@@ -24230,7 +24602,7 @@ var Rating_default = /* @__PURE__ */ defineComponent({
 					value: model.value,
 					disabled: unref(disabled),
 					form: _ctx.$attrs.form
-				}, null, 8, _hoisted_2$43)) : createCommentVNode("", true)]),
+				}, null, 8, _hoisted_2$44)) : createCommentVNode("", true)]),
 				_: 1
 			}, 16, [
 				"data-disabled",
@@ -24405,13 +24777,13 @@ function formatSize(tag, bytes) {
 }
 //#endregion
 //#region src/components/file-upload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = [
+var _hoisted_1$68 = [
 	"name",
 	"accept",
 	"multiple",
 	"disabled"
 ];
-var _hoisted_2$42 = [
+var _hoisted_2$43 = [
 	"id",
 	"aria-describedby",
 	"aria-invalid",
@@ -24500,7 +24872,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$66),
+				}, null, 40, _hoisted_1$68),
 				props.variant === "area" ? (openBlock(), createElementBlock("button", mergeProps({ key: 0 }, _ctx.$attrs, {
 					type: "button",
 					"data-hn-file-upload-area": "",
@@ -24524,7 +24896,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$42)) : (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$43)) : (openBlock(), createBlock(Button_default, mergeProps({ key: 1 }, _ctx.$attrs, {
 					id: unref(fieldId),
 					"aria-describedby": unref(describedBy),
 					"aria-invalid": unref(invalid) || void 0,
@@ -24919,8 +25291,8 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = { class: "flex flex-col gap-0.5" };
-var _hoisted_2$41 = { class: "flex justify-end gap-2" };
+var _hoisted_1$67 = { class: "flex flex-col gap-0.5" };
+var _hoisted_2$42 = { class: "flex justify-end gap-2" };
 //#endregion
 //#region src/components/popconfirm/Popconfirm.vue
 var Popconfirm_default = /* @__PURE__ */ defineComponent({
@@ -25006,7 +25378,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$65, [createVNode(Text_default, {
+								createElementVNode("div", _hoisted_1$67, [createVNode(Text_default, {
 									id: unref(titleId),
 									weight: "medium"
 								}, {
@@ -25022,7 +25394,7 @@ var Popconfirm_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}, 8, ["id"])) : createCommentVNode("", true)]),
 								renderSlot(_ctx.$slots, "content"),
-								createElementVNode("div", _hoisted_2$41, [createVNode(Button_default, {
+								createElementVNode("div", _hoisted_2$42, [createVNode(Button_default, {
 									size: "sm",
 									variant: "soft",
 									tone: "neutral",
@@ -25375,7 +25747,7 @@ var dropdownItem = tv({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = { class: "min-w-0 flex-1" };
+var _hoisted_1$66 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuItem.vue
 var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -25401,7 +25773,7 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$64, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$66, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -25415,8 +25787,8 @@ var ContextMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuCheckboxItem.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$65 = { 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/ContextMenuCheckboxItem.vue
 var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -25448,9 +25820,9 @@ var ContextMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$63, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$65, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$40, [createVNode(unref(ContextMenuItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$41, [createVNode(unref(ContextMenuItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -25483,7 +25855,7 @@ var ContextMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = { class: "min-w-0 flex-1" };
+var _hoisted_1$64 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/context-menu/ContextMenuSub.vue
 var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -25514,7 +25886,7 @@ var ContextMenuSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$62, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$64, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -25597,8 +25969,8 @@ var ContextMenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = { class: "min-w-0 flex-1" };
-var _hoisted_2$39 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$63 = { class: "min-w-0 flex-1" };
+var _hoisted_2$40 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/context-menu/ContextMenuRadioItem.vue
 var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -25620,7 +25992,7 @@ var ContextMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$61, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$39, [createVNode(unref(ContextMenuItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$63, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$40, [createVNode(unref(ContextMenuItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -25644,6 +26016,30 @@ function useScrollViewport() {
 	};
 }
 //#endregion
+//#region src/components/form/scope.ts
+var FORM_SCOPE_KEY = Symbol("hn-form-scope");
+function provideFormScope() {
+	const active = shallowRef(/* @__PURE__ */ new Set());
+	provide(FORM_SCOPE_KEY, { set(id, submitting) {
+		if (active.value.has(id) === submitting) return;
+		const next = new Set(active.value);
+		if (submitting) next.add(id);
+		else next.delete(id);
+		active.value = next;
+	} });
+	return computed(() => active.value.size > 0);
+}
+function reportFormScope(submitting) {
+	const scope = inject(FORM_SCOPE_KEY, null);
+	if (!scope) return;
+	const id = Symbol("form");
+	watch(submitting, (value) => scope.set(id, value), {
+		immediate: true,
+		flush: "sync"
+	});
+	onScopeDispose(() => scope.set(id, false));
+}
+//#endregion
 //#region src/components/sheet/composables/useDragToDismiss.ts
 var DISTANCE_RATIO = .3;
 var FLICK_VELOCITY = .6;
@@ -25741,8 +26137,8 @@ var sheetHandle = tv({
 });
 //#endregion
 //#region src/components/sheet/Sheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["data-dragging"];
-var _hoisted_2$38 = ["data-disabled"];
+var _hoisted_1$62 = ["data-dragging"];
+var _hoisted_2$39 = ["data-disabled"];
 var _hoisted_3$22 = {
 	key: 1,
 	class: "flex items-start justify-between gap-4 px-(--hn-panel-p)"
@@ -25791,13 +26187,15 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:open"],
 	setup(__props, { expose: __expose }) {
 		const props = __props;
+		const submitting = provideFormScope();
+		const locked = computed(() => props.locked || submitting.value);
 		const slots = useSlots();
 		const { scrollArea, viewport } = useScrollViewport();
 		__expose({ viewport });
 		const open = useModel(__props, "open");
 		const { content: panel, present } = useOverlayPortal(open);
 		const { dragging, offset, onPointerDown } = useDragToDismiss(() => panel.value?.$el ?? null, {
-			enabled: () => !props.locked,
+			enabled: () => !locked.value,
 			open,
 			dismiss: () => open.value = false
 		});
@@ -25806,7 +26204,7 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 			"--hn-sheet-from-y": `${offset.value}px`
 		} : void 0);
 		function guard(event) {
-			if (props.locked) event.preventDefault();
+			if (locked.value) event.preventDefault();
 		}
 		function close() {
 			open.value = false;
@@ -25867,9 +26265,9 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 								}, [props.handle ? (openBlock(), createElementBlock("div", {
 									key: 0,
 									"aria-hidden": "true",
-									"data-disabled": props.locked ? "" : void 0,
+									"data-disabled": locked.value ? "" : void 0,
 									class: normalizeClass(unref(sheetHandle)({ header: props.header && !slots.body }))
-								}, null, 10, _hoisted_2$38)) : 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$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": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -25893,20 +26291,29 @@ var Sheet_default = /* @__PURE__ */ defineComponent({
 									"as-child": ""
 								}, {
 									default: withCtx(() => [createVNode(CloseButton_default, {
-										disabled: props.locked,
+										disabled: locked.value,
 										class: "-mt-1.5 -me-1.5 shrink-0"
 									}, null, 8, ["disabled"])]),
 									_: 1
-								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$60)) : createCommentVNode("", true),
-								slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 2) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [_ctx.$slots.content ? (openBlock(), createBlock(ScrollArea_default, {
+								})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 42, _hoisted_1$62)) : createCommentVNode("", true),
+								slots.body ? renderSlot(_ctx.$slots, "body", {
+									close,
+									submitting: unref(submitting)
+								}, void 0, void 0, 2) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [_ctx.$slots.content ? (openBlock(), createBlock(ScrollArea_default, {
 									key: 0,
 									ref_key: "scrollArea",
 									ref: scrollArea,
 									class: "min-h-0 grow"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "content", {
+										close,
+										submitting: unref(submitting)
+									})])]),
 									_: 3
-								}, 512)) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$4, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)], 64))
+								}, 512)) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$4, [renderSlot(_ctx.$slots, "footer", {
+									close,
+									submitting: unref(submitting)
+								})])) : createCommentVNode("", true)], 64))
 							]),
 							_: 3
 						}, 16, [
@@ -25939,7 +26346,7 @@ var panelBody = tv({
 });
 //#endregion
 //#region src/components/panel/Panel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = { class: "flex min-w-0 flex-col gap-1" };
+var _hoisted_1$61 = { class: "flex min-w-0 flex-col gap-1" };
 //#endregion
 //#region src/components/panel/Panel.vue
 var Panel_default = /* @__PURE__ */ defineComponent({
@@ -25965,7 +26372,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$59, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(panelHeader)({ bodiless: !unref(slots).default })) }, [createElementVNode("div", _hoisted_1$61, [createElementVNode("div", { class: normalizeClass(unref(panelTitle)()) }, [
 					unref(slots).icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(panelIcon)()),
@@ -26195,7 +26602,7 @@ var progressBar = tv({
 });
 //#endregion
 //#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = { key: 0 };
+var _hoisted_1$60 = { key: 0 };
 //#endregion
 //#region src/components/progress/Progress.vue
 var Progress_default = /* @__PURE__ */ defineComponent({
@@ -26231,7 +26638,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$58, toDisplayString(props.label), 1)) : createCommentVNode("", true), props.showValue && unref(text) ? (openBlock(), createElementBlock("span", {
+			}, [props.label ? (openBlock(), createElementBlock("span", _hoisted_1$60, 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, {
@@ -26283,7 +26690,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$57 = ["stroke-dashoffset", "stroke-linecap"];
+var _hoisted_1$59 = ["stroke-dashoffset", "stroke-linecap"];
 //#endregion
 //#region src/components/ring-progress/RingProgress.vue
 var RingProgress_default = /* @__PURE__ */ defineComponent({
@@ -26347,7 +26754,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$57)], 2)), unref(slots).default || props.showValue && unref(text) ? (openBlock(), createElementBlock("div", {
+				}, null, 10, _hoisted_1$59)], 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)]),
@@ -26399,8 +26806,8 @@ function toneAt(index) {
 }
 //#endregion
 //#region src/components/meter-group/MeterGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = ["aria-label"];
-var _hoisted_2$37 = [
+var _hoisted_1$58 = ["aria-label"];
+var _hoisted_2$38 = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax",
@@ -26471,8 +26878,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$37);
-				}), 128))], 16, _hoisted_1$56),
+					}, null, 14, _hoisted_2$38);
+				}), 128))], 16, _hoisted_1$58),
 				props.legend ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(meterLegend)())
@@ -26535,7 +26942,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$55 = {
+var _hoisted_1$57 = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "flex shrink-0 justify-center"
@@ -26563,7 +26970,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$55, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
+				unref(slots).icon ? (openBlock(), createElementBlock("span", _hoisted_1$57, [renderSlot(_ctx.$slots, "icon")])) : props.icon ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					"aria-hidden": "true",
 					class: normalizeClass(unref(emptyIcon)({ size: props.size }))
@@ -26661,7 +27068,7 @@ var Result_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/number-format/NumberFormat.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["title"];
+var _hoisted_1$56 = ["title"];
 //#endregion
 //#region src/components/number-format/NumberFormat.vue
 var NumberFormat_default = /* @__PURE__ */ defineComponent({
@@ -26697,7 +27104,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$54);
+			}, toDisplayString(text.value), 11, _hoisted_1$56);
 		};
 	}
 });
@@ -26728,8 +27135,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$53 = { key: 2 };
-var _hoisted_2$36 = {
+var _hoisted_1$55 = { key: 2 };
+var _hoisted_2$37 = {
 	key: 2,
 	class: "text-muted"
 };
@@ -26800,7 +27207,7 @@ var Statistic_default = /* @__PURE__ */ defineComponent({
 						"format",
 						"currency",
 						"precision"
-					])) : (openBlock(), createElementBlock("span", _hoisted_1$53, toDisplayString(props.value ?? "—"), 1)),
+					])) : (openBlock(), createElementBlock("span", _hoisted_1$55, toDisplayString(props.value ?? "—"), 1)),
 					props.suffix ? (openBlock(), createElementBlock("span", {
 						key: 3,
 						class: normalizeClass(unref(statisticAffix)())
@@ -26821,7 +27228,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$36, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
+					props.deltaLabel ? (openBlock(), createElementBlock("span", _hoisted_2$37, toDisplayString(props.deltaLabel), 1)) : createCommentVNode("", true)
 				], 64))], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2), unref(slots).icon ? (openBlock(), createElementBlock("span", {
@@ -26899,12 +27306,12 @@ function stepBetween(previous, next, count) {
 }
 //#endregion
 //#region src/components/banner/Banner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = {
+var _hoisted_1$54 = {
 	key: 0,
 	"data-hn-banner": "",
 	class: "hn-collapse w-full"
 };
-var _hoisted_2$35 = { class: "hn-collapse-body" };
+var _hoisted_2$36 = { class: "hn-collapse-body" };
 var _hoisted_3$21 = ["data-tone"];
 var _hoisted_4$18 = ["aria-live"];
 //#endregion
@@ -26970,7 +27377,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$52, [createElementVNode("div", _hoisted_2$35, [createElementVNode("div", {
+				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$54, [createElementVNode("div", _hoisted_2$36, [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),
@@ -27150,7 +27557,7 @@ var MenubarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = { class: "min-w-0 flex-1" };
+var _hoisted_1$53 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarItem.vue
 var MenubarItem_default = /* @__PURE__ */ defineComponent({
@@ -27176,7 +27583,7 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$51, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$53, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -27190,8 +27597,8 @@ var MenubarItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarCheckboxItem.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$52 = { 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/MenubarCheckboxItem.vue
 var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -27223,9 +27630,9 @@ var MenubarCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$50, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$52, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$34, [createVNode(unref(MenubarItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$35, [createVNode(unref(MenubarItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -27258,7 +27665,7 @@ var MenubarGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { class: "min-w-0 flex-1" };
+var _hoisted_1$51 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/menubar/MenubarSub.vue
 var MenubarSub_default = /* @__PURE__ */ defineComponent({
@@ -27289,7 +27696,7 @@ var MenubarSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$49, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$51, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -27372,8 +27779,8 @@ var MenubarRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = { class: "min-w-0 flex-1" };
-var _hoisted_2$33 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$50 = { class: "min-w-0 flex-1" };
+var _hoisted_2$34 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/menubar/MenubarRadioItem.vue
 var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -27395,7 +27802,7 @@ var MenubarRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$48, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$33, [createVNode(unref(MenubarItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$50, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$34, [createVNode(unref(MenubarItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -27494,15 +27901,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;
@@ -27511,7 +27914,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) {
@@ -27644,7 +28047,7 @@ function focusFirstInvalid(root) {
 }
 //#endregion
 //#region src/components/form/Form.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["aria-busy"];
+var _hoisted_1$49 = ["aria-busy"];
 //#endregion
 //#region src/components/form/Form.vue
 var Form_default = /* @__PURE__ */ defineComponent({
@@ -27679,11 +28082,17 @@ var Form_default = /* @__PURE__ */ defineComponent({
 		function setErrors(errors) {
 			form.setErrors(errors);
 		}
+		reportFormScope(form.submitting);
 		__expose({
 			submit,
 			validate: form.validate,
 			reset: form.reset,
-			setErrors
+			setErrors,
+			errors: form.errors,
+			error: form.formError,
+			invalid: form.invalid,
+			submitting: form.submitting,
+			submitted: form.submitted
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("form", {
@@ -27700,7 +28109,7 @@ var Form_default = /* @__PURE__ */ defineComponent({
 				invalid: unref(form).invalid.value,
 				submitting: unref(form).submitting.value,
 				submitted: unref(form).submitted.value
-			})], 42, _hoisted_1$47);
+			})], 42, _hoisted_1$49);
 		};
 	}
 });
@@ -27761,12 +28170,12 @@ 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$46 = [
+var _hoisted_1$48 = [
 	"data-invalid",
 	"data-disabled",
 	"data-orientation"
 ];
-var _hoisted_2$32 = ["id", "for"];
+var _hoisted_2$33 = ["id", "for"];
 var _hoisted_3$20 = ["id"];
 var _hoisted_4$17 = ["id"];
 var _hoisted_5$13 = {
@@ -27870,7 +28279,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t).form.required), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)
-			], 10, _hoisted_2$32)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
+			], 10, _hoisted_2$33)) : createCommentVNode("", true), descriptionWithLabel.value ? (openBlock(), createElementBlock("p", {
 				key: 1,
 				id: unref(descriptionId),
 				class: normalizeClass(unref(formFieldDescription)())
@@ -27902,7 +28311,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 					}, toDisplayString(message.value), 11, _hoisted_7$5)])])) : createCommentVNode("", true)]),
 					_: 1
 				}, 16)
-			], 2)], 2)], 46, _hoisted_1$46);
+			], 2)], 2)], 46, _hoisted_1$48);
 		};
 	}
 });
@@ -27926,8 +28335,8 @@ var formLayoutGrid = tv({
 });
 //#endregion
 //#region src/components/form-layout/FormLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["disabled", "aria-describedby"];
-var _hoisted_2$31 = ["id"];
+var _hoisted_1$47 = ["disabled", "aria-describedby"];
+var _hoisted_2$32 = ["id"];
 //#endregion
 //#region src/components/form-layout/FormLayout.vue
 var FormLayout_default = /* @__PURE__ */ defineComponent({
@@ -27972,12 +28381,12 @@ 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$31)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 10, _hoisted_2$32)) : createCommentVNode("", true),
 				createElementVNode("div", { class: normalizeClass(unref(formLayoutGrid)({
 					columns: props.columns,
 					headed: headed.value || described.value
 				})) }, [renderSlot(_ctx.$slots, "default")], 2)
-			], 10, _hoisted_1$45);
+			], 10, _hoisted_1$47);
 		};
 	}
 });
@@ -28744,7 +29153,7 @@ var Code_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/blockquote/Blockquote.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = {
+var _hoisted_1$46 = {
 	key: 0,
 	class: "text-faint mt-2 text-sm"
 };
@@ -28760,7 +29169,7 @@ var Blockquote_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("blockquote", { class: normalizeClass(unref(cn)("hn-blockquote", props.class)) }, [renderSlot(_ctx.$slots, "default"), props.cite ? (openBlock(), createElementBlock("footer", _hoisted_1$44, "—— " + toDisplayString(props.cite), 1)) : createCommentVNode("", true)], 2);
+			return openBlock(), createElementBlock("blockquote", { class: normalizeClass(unref(cn)("hn-blockquote", props.class)) }, [renderSlot(_ctx.$slots, "default"), props.cite ? (openBlock(), createElementBlock("footer", _hoisted_1$46, "—— " + toDisplayString(props.cite), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -28885,8 +29294,8 @@ var codeBlockActions = tv({ base: "absolute top-2 end-2 flex items-center gap-2"
 var codeBlockLabel = tv({ base: "text-faint font-mono text-xs select-none" });
 //#endregion
 //#region src/components/code-block/CodeBlock.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["data-lang"];
-var _hoisted_2$30 = ["innerHTML"];
+var _hoisted_1$45 = ["data-lang"];
+var _hoisted_2$31 = ["innerHTML"];
 var _hoisted_3$19 = { key: 1 };
 var _hoisted_4$16 = { key: 2 };
 //#endregion
@@ -28923,7 +29332,7 @@ var CodeBlock_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createElementVNode("pre", { class: normalizeClass(unref(codeBlockContent)()) }, [props.html ? (openBlock(), createElementBlock("code", {
 					key: 0,
 					innerHTML: props.html
-				}, null, 8, _hoisted_2$30)) : unref(tokens) ? (openBlock(), createElementBlock("code", _hoisted_3$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tokens), (line, i) => {
+				}, null, 8, _hoisted_2$31)) : unref(tokens) ? (openBlock(), createElementBlock("code", _hoisted_3$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tokens), (line, i) => {
 					return openBlock(), createElementBlock(Fragment, { key: i }, [createTextVNode(toDisplayString(i ? "\n" : ""), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(line, (tk, j) => {
 						return openBlock(), createElementBlock("span", {
 							key: j,
@@ -28939,7 +29348,7 @@ var CodeBlock_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				text: props.code,
 				label: unref(t).codeblock.copy
-			}, null, 8, ["text", "label"])) : createCommentVNode("", true)], 2)], 10, _hoisted_1$43);
+			}, null, 8, ["text", "label"])) : createCommentVNode("", true)], 2)], 10, _hoisted_1$45);
 		};
 	}
 });
@@ -28976,15 +29385,24 @@ var ListItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/description-list/DescriptionList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$44 = ["data-orientation"];
+//#endregion
 //#region src/components/description-list/DescriptionList.vue
 var DescriptionList_default = /* @__PURE__ */ defineComponent({
 	name: "HnDescriptionList",
 	__name: "DescriptionList",
-	props: { class: {} },
+	props: {
+		orientation: {},
+		class: {}
+	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("dl", { class: normalizeClass(unref(cn)("hn-dl", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("dl", {
+				"data-orientation": props.orientation === "horizontal" ? "horizontal" : void 0,
+				class: normalizeClass(unref(cn)("hn-dl", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$44);
 		};
 	}
 });
@@ -29057,8 +29475,8 @@ function useNow(active, intervalMs = 3e4) {
 }
 //#endregion
 //#region src/components/time/Time.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["datetime"];
-var _hoisted_2$29 = ["datetime"];
+var _hoisted_1$43 = ["datetime"];
+var _hoisted_2$30 = ["datetime"];
 //#endregion
 //#region src/components/time/Time.vue
 var Time_default = /* @__PURE__ */ defineComponent({
@@ -29112,14 +29530,14 @@ var Time_default = /* @__PURE__ */ defineComponent({
 					datetime: date.value.toISOString(),
 					"data-allow-mismatch": "text",
 					class: unref(cn)(props.class)
-				}, _ctx.$attrs), toDisplayString(text.value), 17, _hoisted_1$42)]),
+				}, _ctx.$attrs), toDisplayString(text.value), 17, _hoisted_1$43)]),
 				_: 1
 			}, 8, ["content"])) : date.value ? (openBlock(), createElementBlock("time", mergeProps({
 				key: 1,
 				datetime: date.value.toISOString(),
 				"data-allow-mismatch": "text",
 				class: unref(cn)(props.class)
-			}, _ctx.$attrs), toDisplayString(text.value), 17, _hoisted_2$29)) : (openBlock(), createElementBlock("span", mergeProps({
+			}, _ctx.$attrs), toDisplayString(text.value), 17, _hoisted_2$30)) : (openBlock(), createElementBlock("span", mergeProps({
 				key: 2,
 				class: unref(cn)(props.class)
 			}, _ctx.$attrs), toDisplayString(text.value), 17));
@@ -29589,7 +30007,7 @@ var AspectRatio_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/divider/Divider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = { class: "text-faint shrink-0 text-sm" };
+var _hoisted_1$42 = { class: "text-faint shrink-0 text-sm" };
 //#endregion
 //#region src/components/divider/Divider.vue
 var Divider_default = /* @__PURE__ */ defineComponent({
@@ -29615,7 +30033,7 @@ var Divider_default = /* @__PURE__ */ defineComponent({
 					decorative: "",
 					class: "bg-line h-px flex-1"
 				}),
-				createElementVNode("span", _hoisted_1$41, [renderSlot(_ctx.$slots, "default")]),
+				createElementVNode("span", _hoisted_1$42, [renderSlot(_ctx.$slots, "default")]),
 				createVNode(unref(Separator_default), {
 					decorative: "",
 					class: "bg-line h-px flex-1"
@@ -32046,7 +32464,7 @@ var AccordionItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/accordion/AccordionTrigger.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = { class: "min-w-0 flex-1" };
+var _hoisted_1$41 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/accordion/AccordionTrigger.vue
 var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
@@ -32073,7 +32491,7 @@ var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createVNode(unref(AccordionTrigger), { class: normalizeClass(unref(cn)(unref(accordionTrigger)(), props.class)) }, {
 					default: withCtx(() => [
 						createVNode(Ripple_default),
-						createElementVNode("span", _hoisted_1$40, [renderSlot(_ctx.$slots, "default")]),
+						createElementVNode("span", _hoisted_1$41, [renderSlot(_ctx.$slots, "default")]),
 						props.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!slots.icon ? (openBlock(), createBlock(DisclosureIcon_default, { key: 0 })) : (openBlock(), createBlock(DisclosureIcon_default, { key: 1 }, {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
 							_: 3
@@ -32088,7 +32506,7 @@ var AccordionTrigger_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/accordion/AccordionContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = { class: "pb-4" };
+var _hoisted_1$40 = { class: "pb-4" };
 //#endregion
 //#region src/components/accordion/AccordionContent.vue
 var AccordionContent_default = /* @__PURE__ */ defineComponent({
@@ -32105,7 +32523,7 @@ var AccordionContent_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(cn)(unref(accordionContent)(), props.class)),
 				style: normalizeStyle(unref(rekaAccordionStyle))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$39, [renderSlot(_ctx.$slots, "default")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$40, [renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 8, ["class", "style"]);
 		};
@@ -32184,7 +32602,7 @@ var NavLinkChild_default = defineComponent({
 });
 //#endregion
 //#region src/components/nav-link/NavLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = [
+var _hoisted_1$39 = [
 	"aria-hidden",
 	"inert",
 	"data-collapsed"
@@ -32265,7 +32683,7 @@ var NavLink_default = /* @__PURE__ */ defineComponent({
 						"data-collapsed": rail.value ? "" : void 0,
 						"data-hn-label": "",
 						class: normalizeClass(unref(navLinkLabel)())
-					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$38)]),
+					}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$39)]),
 					_: 3
 				}, 16, [
 					"as",
@@ -32338,8 +32756,8 @@ var SidebarLabel_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["data-state", "inert"];
-var _hoisted_2$28 = { class: "min-w-0 flex-1" };
+var _hoisted_1$38 = ["data-state", "inert"];
+var _hoisted_2$29 = { class: "min-w-0 flex-1" };
 var _hoisted_3$18 = ["data-state", "inert"];
 var _hoisted_4$15 = { class: "hn-collapse-body" };
 var _hoisted_5$12 = ["aria-label"];
@@ -32373,7 +32791,7 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 				_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(cn)(unref(sidebarRegion)({ inDrawer: inDrawer.value }), "flex items-center gap-2"))
-				}, [createElementVNode("div", _hoisted_2$28, [renderSlot(_ctx.$slots, "header", { state: state.value })]), inDrawer.value && props.closable ? (openBlock(), createBlock(CloseButton_default, {
+				}, [createElementVNode("div", _hoisted_2$29, [renderSlot(_ctx.$slots, "header", { state: state.value })]), inDrawer.value && props.closable ? (openBlock(), createBlock(CloseButton_default, {
 					key: 0,
 					class: "shrink-0",
 					onClick: _cache[0] || (_cache[0] = ($event) => unref(sidebar)?.toggle())
@@ -32421,14 +32839,14 @@ var Sidebar_default = /* @__PURE__ */ defineComponent({
 						footer: true
 					}))
 				}, [renderSlot(_ctx.$slots, "footer", { state: state.value })], 2)) : createCommentVNode("", true)
-			], 42, _hoisted_1$37);
+			], 42, _hoisted_1$38);
 		};
 	}
 });
 //#endregion
 //#region src/components/sidebar/SidebarGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "relative h-(--hn-control-h-sm)" };
-var _hoisted_2$27 = [
+var _hoisted_1$37 = { class: "relative h-(--hn-control-h-sm)" };
+var _hoisted_2$28 = [
 	"data-collapsed",
 	"aria-hidden",
 	"inert"
@@ -32459,7 +32877,7 @@ var SidebarGroup_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(cn)(props.class)),
 				"onUpdate:open": _cache[0] || (_cache[0] = (v) => rail.value ? void 0 : open.value = v)
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$36, [createElementVNode("div", {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$37, [createElementVNode("div", {
 					class: "hn-sidebar-label",
 					"data-collapsed": rail.value ? "" : void 0,
 					"aria-hidden": rail.value ? "true" : void 0,
@@ -32478,7 +32896,7 @@ var SidebarGroup_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					}, 8, ["tabindex"])]),
 					_: 1
-				})], 8, _hoisted_2$27), createElementVNode("div", {
+				})], 8, _hoisted_2$28), createElementVNode("div", {
 					"aria-hidden": "true",
 					class: "hn-sidebar-label border-line pointer-events-none absolute inset-x-2 top-1/2 border-t",
 					"data-collapsed": rail.value ? void 0 : ""
@@ -32537,11 +32955,11 @@ var drawerCard = tv({
 });
 //#endregion
 //#region src/components/drawer/Drawer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = {
+var _hoisted_1$36 = {
 	key: 0,
 	class: "flex shrink-0 items-start justify-between gap-4 px-(--hn-panel-p)"
 };
-var _hoisted_2$26 = { class: "flex min-w-0 flex-col gap-1.5" };
+var _hoisted_2$27 = { class: "flex min-w-0 flex-col gap-1.5" };
 var _hoisted_3$16 = { class: "flex min-w-0 items-center gap-2" };
 var _hoisted_4$13 = {
 	key: 0,
@@ -32584,8 +33002,10 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const slots = useSlots();
+		const submitting = provideFormScope();
+		const locked = computed(() => props.locked || submitting.value);
 		function guard(e) {
-			if (props.locked) e.preventDefault();
+			if (locked.value) e.preventDefault();
 		}
 		const { scrollArea, viewport } = useScrollViewport();
 		__expose({ viewport });
@@ -32638,8 +33058,11 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 							}, {
 								default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 								_: 1
-							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("div", _hoisted_2$26, [createElementVNode("div", _hoisted_3$16, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$13, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", {
+								close,
+								submitting: unref(submitting)
+							}, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$36, [createElementVNode("div", _hoisted_2$27, [createElementVNode("div", _hoisted_3$16, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$13, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -32663,7 +33086,7 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 									"as-child": ""
 								}, {
 									default: withCtx(() => [createVNode(CloseButton_default, {
-										disabled: props.locked,
+										disabled: locked.value,
 										class: "-mt-1.5 -me-1.5 shrink-0"
 									}, null, 8, ["disabled"])]),
 									_: 1
@@ -32674,10 +33097,16 @@ var Drawer_default = /* @__PURE__ */ defineComponent({
 									ref: scrollArea,
 									class: "min-h-0 grow"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_5$11, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_5$11, [renderSlot(_ctx.$slots, "content", {
+										close,
+										submitting: unref(submitting)
+									})])]),
 									_: 3
 								}, 512)) : createCommentVNode("", true),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
+								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$7, [renderSlot(_ctx.$slots, "footer", {
+									close,
+									submitting: unref(submitting)
+								})])) : createCommentVNode("", true)
 							], 64))]),
 							_: 3
 						}, 16, ["data-hn-side", "class"])]),
@@ -32709,6 +33138,247 @@ var DrawerScope_default = defineComponent({
 	}
 });
 //#endregion
+//#region ../shared/src/lib/scroll-restore.ts
+var SCROLL_STATE_FIELD = "hnScroll";
+var RESTORE_DEADLINE_MS = 3e3;
+var SAVE_THROTTLE_MS = 500;
+var SCROLL_RESTORE_ATTR = "data-scroll-restore";
+var SCROLL_ATOP_ATTR = "data-scroll-atop";
+var SCROLL_AT_ATTR = "data-scroll-at";
+var SCROLL_ATOP_HIDE_PX = 8;
+function atopOff(top, off) {
+	if (top > 8) return true;
+	if (top <= 0) return false;
+	return off;
+}
+function firstPaintRestoreScript() {
+	return `(function(){try{if(document.readyState!=="loading")return;
+var r=(history.state&&history.state.${SCROLL_STATE_FIELD})||{};
+var coarse=!!(window.matchMedia&&matchMedia("(pointer: coarse)").matches);
+var cs=
+document.querySelectorAll('[${SCROLL_ATOP_ATTR}]');
+var mark=function(c,t){if(!coarse){c.style.marginTop=-Math.round(Math.max(0,t))+"px";return;}
+if(t>8)c.setAttribute("data-off","true");else if(t<=0)c.setAttribute("data-off","false");};
+for(var i=0;i<cs.length;i++){mark(cs[i],Math.max(0,r[cs[i].getAttribute("${SCROLL_ATOP_ATTR}")]||0));}
+for(var k in r){var t=Math.max(0,r[k]);var e=
+document.querySelector('[${SCROLL_RESTORE_ATTR}="'+k+'"]');if(e){e.scrollTop=t;e.setAttribute("${SCROLL_AT_ATTR}",String(e.scrollTop));}}
+for(var i=0;i<cs.length;i++){(function(c){
+var e=
+document.querySelector('[${SCROLL_RESTORE_ATTR}="'+c.getAttribute("${SCROLL_ATOP_ATTR}")+'"]');
+if(!e)return;
+var sync=function(){if(e.scrollHeight<=e.clientHeight){e.removeEventListener("scroll",sync);return;}mark(c,e.scrollTop);};
+e.addEventListener("scroll",sync,{passive:true});
+})(cs[i]);}
+}catch{}})()`.replace(/\n/g, "");
+}
+function readScrollRecord(state) {
+	if (!state || typeof state !== "object") return {};
+	const record = state[SCROLL_STATE_FIELD];
+	if (!record || typeof record !== "object") return {};
+	return record;
+}
+function writeScrollRecord(state, key, top) {
+	const base = state && typeof state === "object" ? state : {};
+	return {
+		...base,
+		[SCROLL_STATE_FIELD]: {
+			...readScrollRecord(base),
+			[key]: top
+		}
+	};
+}
+function readEntryId(state) {
+	if (!state || typeof state !== "object") return void 0;
+	return state.position;
+}
+function createScrollRestorer(key, ports) {
+	let pending = null;
+	let clearDeadline = null;
+	let clearThrottle = null;
+	let entry;
+	function stopWaiting() {
+		pending = null;
+		clearDeadline?.();
+		clearDeadline = null;
+	}
+	function apply(top) {
+		const el = ports.getViewport();
+		if (!el) return false;
+		el.scrollTop = top;
+		return el.scrollHeight - el.clientHeight + 1 >= top;
+	}
+	function save() {
+		if (pending !== null) return;
+		if (readEntryId(ports.readState()) !== entry) return;
+		const el = ports.getViewport();
+		if (!el) return;
+		ports.writeState(writeScrollRecord(ports.readState(), key, el.scrollTop));
+	}
+	return {
+		restore(initial) {
+			stopWaiting();
+			entry = readEntryId(ports.readState());
+			const saved = readScrollRecord(ports.readState())[key];
+			const firstPaintTop = ports.takeFirstPaintTop();
+			if (initial) {
+				if (saved === void 0) return;
+				const el = ports.getViewport();
+				if (firstPaintTop !== void 0 && el && el.scrollTop !== firstPaintTop) return;
+			}
+			const top = saved ?? 0;
+			if (apply(top)) return;
+			pending = top;
+			clearDeadline = ports.setTimer(stopWaiting, RESTORE_DEADLINE_MS);
+		},
+		settle() {
+			if (pending === null) return;
+			if (apply(pending)) stopWaiting();
+		},
+		abandon: stopWaiting,
+		isPending: () => pending !== null,
+		save,
+		saveSoon() {
+			if (clearThrottle) return;
+			clearThrottle = ports.setTimer(() => {
+				clearThrottle = null;
+				save();
+			}, 500);
+		},
+		dispose() {
+			stopWaiting();
+			clearThrottle?.();
+			clearThrottle = null;
+		}
+	};
+}
+var SCROLL_FIRST_PAINT_FIELD = "__hnScrollAt";
+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",
+	"keydown"
+];
+var NAVIGATION_FALLBACK_MS = 500;
+function takeFirstPaint(key, target) {
+	const store = window[SCROLL_FIRST_PAINT_FIELD];
+	if (store && key in store) {
+		const top = store[key];
+		delete store[key];
+		return top;
+	}
+	const at = target.getAttribute(SCROLL_AT_ATTR);
+	target.removeAttribute(SCROLL_AT_ATTR);
+	return at === null ? void 0 : Number(at);
+}
+function hashTarget$1() {
+	if (!location.hash) return null;
+	try {
+		return document.getElementById(decodeURIComponent(location.hash.slice(1)));
+	} catch {
+		return null;
+	}
+}
+function createScrollRestoreSession({ key, viewport, target, initial = true, onUpdated, onScroll }) {
+	const page = () => location.pathname + location.search;
+	const here = () => ({
+		href: location.href,
+		page: page()
+	});
+	const setTimer = (fn, ms) => {
+		const id = setTimeout(fn, ms);
+		return () => clearTimeout(id);
+	};
+	let settled = here();
+	let navigating = false;
+	let clearFallback = null;
+	let disposed = false;
+	let held;
+	const restorer = createScrollRestorer(key, {
+		getViewport: () => viewport,
+		takeFirstPaintTop: () => takeFirstPaint(key, target),
+		readState: () => history.state,
+		writeState: (state) => {
+			if (!navigating && page() === settled.page) history.replaceState(state, "");
+		},
+		setTimer
+	});
+	function land(first = false) {
+		navigating = false;
+		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();
+	}
+	function detect(traversal = false) {
+		if (disposed || location.href === settled.href) return;
+		if (page() === settled.page) {
+			settled = here();
+			if (traversal && readScrollRecord(history.state)[key] !== void 0) restorer.restore();
+			return;
+		}
+		if (navigating) return;
+		navigating = true;
+		restorer.abandon();
+		clearFallback = setTimer(() => land(), NAVIGATION_FALLBACK_MS);
+	}
+	const check = () => queueMicrotask(() => detect());
+	const traverse = () => queueMicrotask(() => detect(true));
+	const entryChange = (event) => {
+		const traversal = event.navigationType === "traverse";
+		queueMicrotask(() => detect(traversal));
+	};
+	const abandon = () => restorer.abandon();
+	const save = () => restorer.save();
+	const navigation = window.navigation;
+	const off = [onUpdated(() => {
+		detect();
+		if (navigating) land();
+		else restorer.settle();
+	}), onScroll(() => {
+		detect();
+		restorer.saveSoon();
+	})];
+	for (const name of ABANDON_EVENTS) viewport.addEventListener(name, abandon, { passive: true });
+	navigation?.addEventListener("currententrychange", entryChange);
+	window.addEventListener("popstate", traverse);
+	window.addEventListener("hashchange", check);
+	window.addEventListener("pagehide", save);
+	document.addEventListener("click", save, true);
+	land(initial);
+	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
 function useDesktopQuery(query = "(min-width: 64rem)") {
 	const isDesktop = ref(true);
@@ -32789,11 +33459,11 @@ function useSidebarScrollUpdates(state, settled) {
 }
 //#endregion
 //#region src/components/app-shell/AppShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = {
+var _hoisted_1$35 = {
 	key: 0,
 	class: "shrink-0"
 };
-var _hoisted_2$25 = { class: "flex min-h-0 flex-1" };
+var _hoisted_2$26 = { class: "flex min-h-0 flex-1" };
 var _hoisted_3$15 = {
 	key: 0,
 	class: "hidden h-full shrink-0 lg:block"
@@ -32801,9 +33471,9 @@ var _hoisted_3$15 = {
 var _hoisted_4$12 = { class: "flex min-h-0 min-w-0 flex-1 flex-col" };
 var _hoisted_5$10 = {
 	key: 0,
-	class: "border-line bg-canvas shrink-0 border-b"
+	class: "border-line bg-canvas h-(--hn-app-shell-header-h) shrink-0 border-b"
 };
-var _hoisted_6$6 = { class: "flex h-14 items-center gap-3 px-4 sm:px-6" };
+var _hoisted_6$6 = { class: "flex h-full items-center gap-3 px-4 sm:px-6" };
 var _hoisted_7$4 = { class: "min-h-0 min-w-0 flex-1" };
 //#endregion
 //#region src/components/app-shell/AppShell.vue
@@ -32855,15 +33525,38 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 			openMobile: () => mobileOpen.value = true,
 			onTransitionRun
 		});
+		const RestoreScript = () => h("script", { innerHTML: scrollRestoreScript() });
+		const scripted = shallowRef(!!inject(ssrContextKey, null) || !!getCurrentInstance()?.vnode.el);
+		onMounted(() => {
+			scripted.value = false;
+		});
+		let restoredKey;
+		watch(() => [props.restoreKey, main.value?.instance], ([key, instance], _previous, onCleanup) => {
+			if (!key || !instance) return;
+			const { viewport, target } = instance.elements();
+			const session = createScrollRestoreSession({
+				key,
+				viewport,
+				target,
+				initial: restoredKey === void 0 || restoredKey === key,
+				onUpdated: (listener) => instance.on("updated", listener),
+				onScroll: (listener) => instance.on("scroll", listener)
+			});
+			restoredKey = key;
+			onCleanup(() => session.dispose());
+		}, {
+			immediate: true,
+			flush: "post"
+		});
 		const router = getCurrentInstance()?.appContext.config.globalProperties.$router;
 		watch(() => router?.currentRoute?.value?.fullPath, () => {
 			if (props.autoClose) mobileOpen.value = false;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(TooltipProvider_default, null, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("bg-canvas text-fg flex h-screen flex-col overflow-hidden", props.class)) }, [
-					_ctx.$slots.banner ? (openBlock(), createElementBlock("div", _hoisted_1$34, [renderSlot(_ctx.$slots, "banner")])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2$25, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_3$15, [renderSlot(_ctx.$slots, "sidebar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$12, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_5$10, [createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "header")])])) : createCommentVNode("", true), createElementVNode("main", _hoisted_7$4, [createVNode(ScrollArea_default, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("bg-canvas text-fg flex h-screen flex-col overflow-hidden [--hn-app-shell-header-h:calc(3.5rem+1px)]", props.class)) }, [
+					_ctx.$slots.banner ? (openBlock(), createElementBlock("div", _hoisted_1$35, [renderSlot(_ctx.$slots, "banner")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2$26, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", _hoisted_3$15, [renderSlot(_ctx.$slots, "sidebar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$12, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_5$10, [createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "header")])])) : createCommentVNode("", true), createElementVNode("main", _hoisted_7$4, [createVNode(ScrollArea_default, {
 						ref_key: "main",
 						ref: main,
 						"data-scroll-restore": props.restoreKey,
@@ -32871,7 +33564,7 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 					}, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 						_: 3
-					}, 8, ["data-scroll-restore"])])])]),
+					}, 8, ["data-scroll-restore"]), props.restoreKey && scripted.value ? (openBlock(), createBlock(RestoreScript, { key: 0 })) : createCommentVNode("", true)])])]),
 					_ctx.$slots.sidebar ? (openBlock(), createBlock(Drawer_default, {
 						key: 1,
 						open: mobileOpen.value,
@@ -32895,8 +33588,8 @@ var AppShell_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/Page.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = { class: "flex gap-10" };
-var _hoisted_2$24 = { class: "flex min-w-0 flex-1 flex-col gap-8" };
+var _hoisted_1$34 = { class: "flex gap-10" };
+var _hoisted_2$25 = { class: "flex min-w-0 flex-1 flex-col gap-8" };
 //#endregion
 //#region src/components/page/Page.vue
 var Page_default = /* @__PURE__ */ defineComponent({
@@ -32913,7 +33606,7 @@ var Page_default = /* @__PURE__ */ defineComponent({
 				size: props.size,
 				class: normalizeClass(unref(cn)("py-8", props.class))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [createElementVNode("div", _hoisted_2$24, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "aside")])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$34, [createElementVNode("div", _hoisted_2$25, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "aside")])]),
 				_: 3
 			}, 8, ["size", "class"]);
 		};
@@ -32921,8 +33614,8 @@ var Page_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/PageHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = { class: "flex flex-col items-start gap-3 md:flex-row" };
-var _hoisted_2$23 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
+var _hoisted_1$33 = { class: "flex flex-col items-start gap-3 md:flex-row" };
+var _hoisted_2$24 = { class: "flex min-w-0 flex-1 flex-col gap-2" };
 var _hoisted_3$14 = {
 	key: 0,
 	class: "flex w-full flex-wrap items-center gap-2 md:w-auto md:shrink-0"
@@ -32941,7 +33634,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", { class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class)) }, [createElementVNode("div", _hoisted_1$32, [createElementVNode("div", _hoisted_2$23, [
+			return openBlock(), createElementBlock("header", { class: normalizeClass(unref(cn)("flex flex-col gap-2", props.class)) }, [createElementVNode("div", _hoisted_1$33, [createElementVNode("div", _hoisted_2$24, [
 				props.eyebrow ? (openBlock(), createBlock(Text_default, {
 					key: 0,
 					as: "span",
@@ -32985,8 +33678,8 @@ var PageBody_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/page/PageAside.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["aria-labelledby"];
-var _hoisted_2$22 = { class: "sticky top-8 flex flex-col gap-3" };
+var _hoisted_1$32 = ["aria-labelledby"];
+var _hoisted_2$23 = { class: "sticky top-8 flex flex-col gap-3" };
 //#endregion
 //#region src/components/page/PageAside.vue
 var PageAside_default = /* @__PURE__ */ defineComponent({
@@ -33003,7 +33696,7 @@ var PageAside_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("aside", {
 				"aria-labelledby": props.label ? unref(titleId) : void 0,
 				class: normalizeClass(unref(cn)("hidden w-56 shrink-0 xl:block", props.class))
-			}, [createElementVNode("div", _hoisted_2$22, [props.label ? (openBlock(), createBlock(Text_default, {
+			}, [createElementVNode("div", _hoisted_2$23, [props.label ? (openBlock(), createBlock(Text_default, {
 				key: 0,
 				id: unref(titleId),
 				as: "h2",
@@ -33013,13 +33706,13 @@ var PageAside_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(props.label), 1)]),
 				_: 1
-			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$31);
+			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$32);
 		};
 	}
 });
 //#endregion
 //#region src/components/section/Section.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["id", "aria-labelledby"];
+var _hoisted_1$31 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/components/section/Section.vue
 var Section_default = /* @__PURE__ */ defineComponent({
@@ -33047,7 +33740,7 @@ var Section_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
 				_: 1
-			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$30);
+			}, 8, ["id"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$31);
 		};
 	}
 });
@@ -33159,9 +33852,14 @@ function findViewport(nav, target) {
 		if (/^(auto|scroll|overlay)$/.test(view.getComputedStyle(node).overflowY)) return node;
 	}
 }
+var FLIGHT_MS = 1500;
 function createAnchorFollow() {
 	let lastCurrent;
 	let lastEnd;
+	let flight;
+	function land(event) {
+		if (flight?.port === event.currentTarget) flight = void 0;
+	}
 	function follow({ nav, current: id, lastCovered, enabled }) {
 		if (!enabled || !nav || !id) return;
 		const target = nav.ownerDocument.getElementById(id);
@@ -33175,13 +33873,22 @@ function createAnchorFollow() {
 		lastEnd = endId;
 		if (!port || port.clientHeight <= 0 || port.scrollHeight <= port.clientHeight) return result;
 		const box = port.getBoundingClientRect();
-		let row = link.getBoundingClientRect();
 		const scale = port.offsetHeight ? box.height / port.offsetHeight : 1;
 		if (scale <= 0) return result;
+		const now = performance.now();
+		if (flight && (flight.port !== port || now > flight.until)) flight = void 0;
+		const base = flight ? flight.top : port.scrollTop;
+		const ahead = (base - port.scrollTop) * scale;
+		const rect = link.getBoundingClientRect();
+		let row = {
+			top: rect.top - ahead,
+			bottom: rect.bottom - ahead,
+			height: rect.height
+		};
 		if (endId !== id) {
 			const end = nav.querySelector(`a[href="#${CSS.escape(endId)}"]`);
 			if (end?.getClientRects().length) {
-				const bottom = end.getBoundingClientRect().bottom;
+				const bottom = end.getBoundingClientRect().bottom - ahead;
 				const height = bottom - row.top;
 				if (height >= row.height && height <= port.clientHeight * scale) row = {
 					top: row.top,
@@ -33200,11 +33907,18 @@ function createAnchorFollow() {
 		const before = padding(style.scrollPaddingTop);
 		const after = padding(style.scrollPaddingBottom);
 		const delta = row.height > bottom - top || row.top < top ? (row.top - top) / scale - before : (row.bottom - bottom) / scale + after;
-		const next = Math.max(0, Math.min(port.scrollHeight - port.clientHeight, port.scrollTop + delta));
-		if (Math.abs(next - port.scrollTop) < 1) return result;
+		const next = Math.max(0, Math.min(port.scrollHeight - port.clientHeight, base + delta));
+		if (Math.abs(next - base) < 1) return result;
+		const smooth = changed && !prefersReducedMotion();
+		flight = smooth ? {
+			port,
+			top: next,
+			until: now + FLIGHT_MS
+		} : void 0;
+		if (smooth) port.addEventListener("scrollend", land, { once: true });
 		port.scrollTo({
 			top: next,
-			behavior: changed && !prefersReducedMotion() ? "smooth" : "instant"
+			behavior: smooth ? "smooth" : "instant"
 		});
 		return result;
 	}
@@ -33252,8 +33966,8 @@ function useAnchorFollow(root, current, lastCovered, enabled) {
 }
 //#endregion
 //#region src/components/anchor/Anchor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = ["aria-label"];
-var _hoisted_2$21 = { class: "border-line relative grid grid-cols-1 border-s" };
+var _hoisted_1$30 = ["aria-label"];
+var _hoisted_2$22 = { class: "border-line relative grid grid-cols-1 border-s" };
 var _hoisted_3$13 = [
 	"href",
 	"aria-current",
@@ -33295,7 +34009,7 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 				ref: root,
 				"aria-label": props.label ?? unref(t).anchor.navLabel,
 				class: normalizeClass(unref(cn)(props.class))
-			}, [createElementVNode("ul", _hoisted_2$21, [createVNode(Transition, {
+			}, [createElementVNode("ul", _hoisted_2$22, [createVNode(Transition, {
 				"enter-active-class": "hn-transition-base",
 				"enter-from-class": "opacity-0",
 				"leave-active-class": "hn-transition",
@@ -33324,14 +34038,14 @@ var Anchor_default = /* @__PURE__ */ defineComponent({
 					item: entry.item,
 					active: unref(current) === entry.id
 				})])) : createCommentVNode("", true)], 10, _hoisted_3$13)], 4);
-			}), 128))])], 10, _hoisted_1$29);
+			}), 128))])], 10, _hoisted_1$30);
 		};
 	}
 });
 //#endregion
 //#region src/components/breadcrumb/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["aria-label"];
-var _hoisted_2$20 = { class: "flex flex-wrap items-center gap-1.5 text-sm" };
+var _hoisted_1$29 = ["aria-label"];
+var _hoisted_2$21 = { class: "flex flex-wrap items-center gap-1.5 text-sm" };
 //#endregion
 //#region src/components/breadcrumb/Breadcrumb.vue
 var Breadcrumb_default = /* @__PURE__ */ defineComponent({
@@ -33348,13 +34062,13 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				"aria-label": props.label ?? unref(t).breadcrumb.navLabel,
 				class: normalizeClass(unref(cn)(props.class))
-			}, [createElementVNode("ol", _hoisted_2$20, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$28);
+			}, [createElementVNode("ol", _hoisted_2$21, [renderSlot(_ctx.$slots, "default")])], 10, _hoisted_1$29);
 		};
 	}
 });
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = { class: "flex items-center" };
+var _hoisted_1$28 = { class: "flex items-center" };
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.vue
 var BreadcrumbItem_default = /* @__PURE__ */ defineComponent({
@@ -33373,7 +34087,7 @@ var BreadcrumbItem_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", _hoisted_1$27, [props.current ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("li", _hoisted_1$28, [props.current ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$attrs, {
 				"aria-current": "page",
 				class: unref(cn)("text-fg font-medium", props.class)
 			}), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createBlock(unref(Primitive), mergeProps({ key: 1 }, _ctx.$attrs, {
@@ -33409,7 +34123,7 @@ var BreadcrumbSeparator_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { class: "min-w-0 flex-1" };
+var _hoisted_1$27 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuItem.vue
 var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -33435,7 +34149,7 @@ var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 			}), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "icon"),
-					createElementVNode("span", _hoisted_1$26, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$27, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing")
 				]),
 				_: 3
@@ -33449,8 +34163,8 @@ var DropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuCheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = { class: "min-w-0 flex-1" };
-var _hoisted_2$19 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$26 = { class: "min-w-0 flex-1" };
+var _hoisted_2$20 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuCheckboxItem.vue
 var DropdownMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
@@ -33482,9 +34196,9 @@ var DropdownMenuCheckboxItem_default = /* @__PURE__ */ defineComponent({
 				onSelect: _cache[1] || (_cache[1] = (event) => event.preventDefault())
 			}), {
 				default: withCtx(() => [
-					createElementVNode("span", _hoisted_1$25, [renderSlot(_ctx.$slots, "default")]),
+					createElementVNode("span", _hoisted_1$26, [renderSlot(_ctx.$slots, "default")]),
 					renderSlot(_ctx.$slots, "trailing"),
-					createElementVNode("span", _hoisted_2$19, [createVNode(unref(DropdownMenuItemIndicator), null, {
+					createElementVNode("span", _hoisted_2$20, [createVNode(unref(DropdownMenuItemIndicator), null, {
 						default: withCtx(() => [createVNode(unref(Check))]),
 						_: 1
 					})])
@@ -33517,7 +34231,7 @@ var DropdownMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = { class: "min-w-0 flex-1" };
+var _hoisted_1$25 = { class: "min-w-0 flex-1" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuSub.vue
 var DropdownMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -33548,7 +34262,7 @@ var DropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [
 						renderSlot(_ctx.$slots, "icon"),
-						createElementVNode("span", _hoisted_1$24, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
+						createElementVNode("span", _hoisted_1$25, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])]),
 						createVNode(unref(ChevronRight), { class: "text-muted" })
 					]),
 					_: 3
@@ -33631,8 +34345,8 @@ var DropdownMenuRadioGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuRadioItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = { class: "min-w-0 flex-1" };
-var _hoisted_2$18 = { class: "flex size-4 shrink-0 items-center justify-center" };
+var _hoisted_1$24 = { class: "min-w-0 flex-1" };
+var _hoisted_2$19 = { class: "flex size-4 shrink-0 items-center justify-center" };
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuRadioItem.vue
 var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
@@ -33654,7 +34368,7 @@ var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 				"text-value": props.textValue,
 				class: unref(cn)(unref(dropdownItem)(), props.class)
 			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$23, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$18, [createVNode(unref(DropdownMenuItemIndicator), null, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$24, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_2$19, [createVNode(unref(DropdownMenuItemIndicator), null, {
 					default: withCtx(() => [createVNode(unref(Check), { class: "size-4" })]),
 					_: 1
 				})])]),
@@ -33670,11 +34384,11 @@ var DropdownMenuRadioItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = {
+var _hoisted_1$23 = {
 	key: 0,
 	class: "flex shrink-0 items-start justify-between gap-4 px-(--hn-panel-p)"
 };
-var _hoisted_2$17 = { class: "flex min-w-0 flex-col gap-1.5" };
+var _hoisted_2$18 = { class: "flex min-w-0 flex-col gap-1.5" };
 var _hoisted_3$12 = { class: "flex min-w-0 items-center gap-2" };
 var _hoisted_4$10 = {
 	key: 0,
@@ -33717,8 +34431,10 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const slots = useSlots();
+		const submitting = provideFormScope();
+		const locked = computed(() => props.locked || submitting.value);
 		function guard(e) {
-			if (props.locked) e.preventDefault();
+			if (locked.value) e.preventDefault();
 		}
 		const { scrollArea, viewport } = useScrollViewport();
 		__expose({ viewport });
@@ -33771,8 +34487,11 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 							}, {
 								default: withCtx(() => [createTextVNode(toDisplayString(props.description), 1)]),
 								_: 1
-							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", { close }, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$22, [createElementVNode("div", _hoisted_2$17, [createElementVNode("div", _hoisted_3$12, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$10, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
+							})) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), slots.body ? renderSlot(_ctx.$slots, "body", {
+								close,
+								submitting: unref(submitting)
+							}, void 0, void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+								props.header ? (openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$18, [createElementVNode("div", _hoisted_3$12, [slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$10, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createVNode(unref(DialogTitle), { "as-child": "" }, {
 									default: withCtx(() => [createVNode(Heading_default, {
 										level: 2,
 										size: "lg",
@@ -33796,7 +34515,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 									"as-child": ""
 								}, {
 									default: withCtx(() => [createVNode(CloseButton_default, {
-										disabled: props.locked,
+										disabled: locked.value,
 										class: "-mt-1.5 -me-1.5 shrink-0"
 									}, null, 8, ["disabled"])]),
 									_: 1
@@ -33807,10 +34526,16 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 									ref: scrollArea,
 									class: "min-h-0"
 								}, {
-									default: withCtx(() => [createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "content", { close })])]),
+									default: withCtx(() => [createElementVNode("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "content", {
+										close,
+										submitting: unref(submitting)
+									})])]),
 									_: 3
 								}, 512)) : createCommentVNode("", true),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$5, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true)
+								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$5, [renderSlot(_ctx.$slots, "footer", {
+									close,
+									submitting: unref(submitting)
+								})])) : createCommentVNode("", true)
 							], 64))]),
 							_: 3
 						}, 16, ["class"])]),
@@ -34153,8 +34878,8 @@ function useToastExpand() {
 }
 //#endregion
 //#region src/components/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = { class: "hn-toast-card bg-surface border-line relative rounded-lg border p-4 shadow-md" };
-var _hoisted_2$16 = {
+var _hoisted_1$22 = { class: "hn-toast-card bg-surface border-line relative rounded-lg border p-4 shadow-md" };
+var _hoisted_2$17 = {
 	key: 0,
 	class: "relative mt-0.5 size-5 shrink-0"
 };
@@ -34222,7 +34947,7 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 						tabindex: unref(slotOf)(item).index === 0 ? 0 : -1,
 						"onUpdate:open": (v) => !v && unref(dismiss)(item.id)
 					}, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_1$21, [item.component ? (openBlock(), createElementBlock("div", {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1$22, [item.component ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							ref_for: true,
 							ref: (refValue) => unref(setItemRef)(item.id, refValue),
@@ -34232,7 +34957,7 @@ var Toaster_default = /* @__PURE__ */ defineComponent({
 							ref_for: true,
 							ref: (refValue) => unref(setItemRef)(item.id, refValue),
 							class: "hn-toast-body flex w-full items-start gap-3"
-						}, [item.tone !== "neutral" ? (openBlock(), createElementBlock("div", _hoisted_2$16, [createVNode(Transition, {
+						}, [item.tone !== "neutral" ? (openBlock(), createElementBlock("div", _hoisted_2$17, [createVNode(Transition, {
 							"enter-active-class": "hn-transition-base",
 							"enter-from-class": "scale-90 opacity-0",
 							"leave-active-class": "hn-transition",
@@ -34714,13 +35439,13 @@ function useReveal(host, hidden, revealOn) {
 }
 //#endregion
 //#region src/components/spoiler/Spoiler.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = [
+var _hoisted_1$21 = [
 	"data-hidden",
 	"role",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_2$15 = { class: "hn-spoiler-inner" };
+var _hoisted_2$16 = { class: "hn-spoiler-inner" };
 //#endregion
 //#region src/components/spoiler/Spoiler.vue
 var Spoiler_default = /* @__PURE__ */ defineComponent({
@@ -34756,7 +35481,172 @@ var Spoiler_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				"aria-label": label.value,
 				"aria-expanded": !hidden.value
-			}, toHandlers(unref(handlers), true)), [createElementVNode("span", _hoisted_2$15, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1$20);
+			}, toHandlers(unref(handlers), true)), [createElementVNode("span", _hoisted_2$16, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1$21);
+		};
+	}
+});
+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 measureLineClamp(content) {
+	if (content.hasAttribute("data-animating")) return null;
+	const { collapsed, full } = measureHeights(content);
+	return full - collapsed > 1;
+}
+function toMs(value) {
+	const amount = Number.parseFloat(value);
+	if (Number.isNaN(amount)) return 0;
+	return value.trim().endsWith("ms") ? amount : amount * 1e3;
+}
+var FADE = "--hn-line-clamp-fade";
+function animateLineClamp(content, expanded, done) {
+	const running = content.style.maxHeight !== "";
+	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 from = current ?? (expanded ? collapsed : full);
+	const to = expanded ? full : collapsed;
+	content.toggleAttribute("data-expanded", !expanded);
+	if (fade) content.style.setProperty(FADE, fade);
+	content.style.maxHeight = `${from}px`;
+	content.setAttribute("data-animating", "");
+	content.offsetHeight;
+	content.style.transition = "";
+	content.style.removeProperty(FADE);
+	content.toggleAttribute("data-expanded", expanded);
+	content.style.maxHeight = `${to}px`;
+	let timer;
+	const stop = () => {
+		content.removeEventListener("transitionend", onEnd);
+		clearTimeout(timer);
+	};
+	const finish = () => {
+		stop();
+		content.style.maxHeight = "";
+		content.removeAttribute("data-animating");
+		done();
+	};
+	function onEnd(event) {
+		if (event.target === content && event.propertyName === "max-height") finish();
+	}
+	if (Math.abs(from - to) < 1) {
+		finish();
+		return stop;
+	}
+	const duration = Math.max(...getComputedStyle(content).transitionDuration.split(",").map(toMs));
+	content.addEventListener("transitionend", onEnd);
+	timer = setTimeout(finish, duration + 80);
+	return stop;
+}
+function revealLineClamp(root) {
+	root?.scrollIntoView?.({ block: "nearest" });
+}
+//#endregion
+//#region ../shared/src/variants/line-clamp.ts
+var lineClampRoot = tv({ base: "hn-line-clamp-root" });
+var lineClampContent = tv({ base: "hn-line-clamp" });
+var lineClampToggle = tv({ base: "hn-line-clamp-toggle" });
+//#endregion
+//#region src/components/line-clamp/LineClamp.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$20 = ["data-expanded", "data-truncated"];
+var _hoisted_2$15 = ["id", "data-expanded"];
+//#endregion
+//#region src/components/line-clamp/LineClamp.vue
+var LineClamp_default = /* @__PURE__ */ defineComponent({
+	name: "HnLineClamp",
+	__name: "LineClamp",
+	props: /*@__PURE__*/ mergeModels({
+		lines: {},
+		expandLabel: {},
+		collapseLabel: {},
+		class: {}
+	}, {
+		"expanded": {
+			type: Boolean,
+			default: false
+		},
+		"expandedModifiers": {}
+	}),
+	emits: ["update:expanded"],
+	setup(__props) {
+		const props = __props;
+		const expanded = useModel(__props, "expanded");
+		const t = useUiLocale();
+		const id = useId();
+		const root = shallowRef(null);
+		const content = shallowRef(null);
+		const truncated = shallowRef(null);
+		const truncation = computed(() => truncated.value === null ? void 0 : `${truncated.value}`);
+		const count = computed(() => lineClampCount(props.lines));
+		let shown = expanded.value;
+		let reveal = false;
+		let stop;
+		function measure() {
+			if (!content.value) return;
+			const next = measureLineClamp(content.value);
+			if (next !== null) truncated.value = next;
+		}
+		function sync() {
+			const element = content.value;
+			if (element && shown !== expanded.value) {
+				shown = expanded.value;
+				const scroll = reveal && !shown;
+				reveal = false;
+				stop?.();
+				stop = animateLineClamp(element, shown, () => {
+					measure();
+					if (scroll) revealLineClamp(root.value);
+				});
+			}
+			measure();
+		}
+		onMounted(() => {
+			measure();
+			document.fonts?.ready.then(measure);
+		});
+		onUpdated(sync);
+		useResizeObserver(content, measure);
+		onBeforeUnmount(() => stop?.());
+		function toggle() {
+			reveal = expanded.value;
+			expanded.value = !expanded.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				"data-expanded": expanded.value ? "" : void 0,
+				"data-truncated": truncation.value,
+				class: normalizeClass(unref(cn)(unref(lineClampRoot)(), props.class))
+			}, [createElementVNode("div", {
+				id: unref(id),
+				ref_key: "content",
+				ref: content,
+				"data-expanded": expanded.value ? "" : void 0,
+				style: normalizeStyle({ "--hn-line-clamp": count.value }),
+				class: normalizeClass(unref(lineClampContent)())
+			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_2$15), createElementVNode("span", { class: normalizeClass(unref(lineClampToggle)()) }, [createVNode(Button_default, {
+				variant: "link",
+				size: "sm",
+				"aria-expanded": expanded.value,
+				"aria-controls": unref(id),
+				onClick: toggle
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(expanded.value ? props.collapseLabel ?? unref(t).lineClamp.collapse : props.expandLabel ?? unref(t).lineClamp.expand), 1)]),
+				_: 1
+			}, 8, ["aria-expanded", "aria-controls"])], 2)], 10, _hoisted_1$20);
 		};
 	}
 });
@@ -34820,120 +35710,6 @@ var ImageGroup_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../shared/src/lib/scroll-restore.ts
-var SCROLL_STATE_FIELD = "hnScroll";
-var RESTORE_DEADLINE_MS = 3e3;
-var SAVE_THROTTLE_MS = 500;
-var SCROLL_RESTORE_ATTR = "data-scroll-restore";
-var SCROLL_ATOP_ATTR = "data-scroll-atop";
-var SCROLL_AT_ATTR = "data-scroll-at";
-var SCROLL_ATOP_HIDE_PX = 8;
-function atopOff(top, off) {
-	if (top > 8) return true;
-	if (top <= 0) return false;
-	return off;
-}
-function firstPaintRestoreScript() {
-	return `(function(){try{if(document.readyState!=="loading")return;
-var r=(history.state&&history.state.${SCROLL_STATE_FIELD})||{};
-var coarse=!!(window.matchMedia&&matchMedia("(pointer: coarse)").matches);
-var cs=
-document.querySelectorAll('[${SCROLL_ATOP_ATTR}]');
-var mark=function(c,t){if(!coarse){c.style.marginTop=-Math.round(Math.max(0,t))+"px";return;}
-if(t>8)c.setAttribute("data-off","true");else if(t<=0)c.setAttribute("data-off","false");};
-for(var i=0;i<cs.length;i++){mark(cs[i],Math.max(0,r[cs[i].getAttribute("${SCROLL_ATOP_ATTR}")]||0));}
-for(var k in r){var t=Math.max(0,r[k]);var e=
-document.querySelector('[${SCROLL_RESTORE_ATTR}="'+k+'"]');if(e){e.scrollTop=t;e.setAttribute("${SCROLL_AT_ATTR}",String(e.scrollTop));}}
-for(var i=0;i<cs.length;i++){(function(c){
-var e=
-document.querySelector('[${SCROLL_RESTORE_ATTR}="'+c.getAttribute("${SCROLL_ATOP_ATTR}")+'"]');
-if(!e)return;
-var sync=function(){if(e.scrollHeight<=e.clientHeight){e.removeEventListener("scroll",sync);return;}mark(c,e.scrollTop);};
-e.addEventListener("scroll",sync,{passive:true});
-})(cs[i]);}
-}catch{}})()`.replace(/\n/g, "");
-}
-function readScrollRecord(state) {
-	if (!state || typeof state !== "object") return {};
-	const record = state[SCROLL_STATE_FIELD];
-	if (!record || typeof record !== "object") return {};
-	return record;
-}
-function writeScrollRecord(state, key, top) {
-	const base = state && typeof state === "object" ? state : {};
-	return {
-		...base,
-		[SCROLL_STATE_FIELD]: {
-			...readScrollRecord(base),
-			[key]: top
-		}
-	};
-}
-function readEntryId(state) {
-	if (!state || typeof state !== "object") return void 0;
-	return state.position;
-}
-function createScrollRestorer(key, ports) {
-	let pending = null;
-	let clearDeadline = null;
-	let clearThrottle = null;
-	let entry;
-	function stopWaiting() {
-		pending = null;
-		clearDeadline?.();
-		clearDeadline = null;
-	}
-	function apply(top) {
-		const el = ports.getViewport();
-		if (!el) return false;
-		el.scrollTop = top;
-		return el.scrollHeight - el.clientHeight + 1 >= top;
-	}
-	function save() {
-		if (pending !== null) return;
-		if (readEntryId(ports.readState()) !== entry) return;
-		const el = ports.getViewport();
-		if (!el) return;
-		ports.writeState(writeScrollRecord(ports.readState(), key, el.scrollTop));
-	}
-	return {
-		restore(initial) {
-			stopWaiting();
-			entry = readEntryId(ports.readState());
-			const saved = readScrollRecord(ports.readState())[key];
-			const firstPaintTop = ports.takeFirstPaintTop();
-			if (initial) {
-				if (saved === void 0) return;
-				const el = ports.getViewport();
-				if (firstPaintTop !== void 0 && el && el.scrollTop !== firstPaintTop) return;
-			}
-			const top = saved ?? 0;
-			if (apply(top)) return;
-			pending = top;
-			clearDeadline = ports.setTimer(stopWaiting, RESTORE_DEADLINE_MS);
-		},
-		settle() {
-			if (pending === null) return;
-			if (apply(pending)) stopWaiting();
-		},
-		abandon: stopWaiting,
-		isPending: () => pending !== null,
-		save,
-		saveSoon() {
-			if (clearThrottle) return;
-			clearThrottle = ports.setTimer(() => {
-				clearThrottle = null;
-				save();
-			}, 500);
-		},
-		dispose() {
-			stopWaiting();
-			clearThrottle?.();
-			clearThrottle = null;
-		}
-	};
-}
-//#endregion
 //#region src/components/data-table/Slot.ts
 function DataTableSlot(props, { slots }) {
 	return createVNode(Fragment, null, props.render ? props.render(props.context) : slots.default?.());
@@ -42062,6 +42838,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, 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, 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, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, 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