uomtiles 0.1.2 → 0.1.3

package/.output/server/chunks/build/{MapBaseLayerTabs-CRl5Zwlr.mjs → Tabs-cdLsZZoL.mjs}

@@ -1,41 +1,96 @@
-import { d as useComponentProps, f as useAppConfig, t as tv, g as useForwardProps, r as reactivePick, o as get, _ as _sfc_main$5, p as _sfc_main$3$1, l as createReusableTemplate, P as Primitive, j as useFieldGroup, k as useComponentIcons, v as useForwardExpose, w as useVModel, K as useResizeObserver, z as Presence_default, L as useFetch, A as createContext, B as useCollection, M as useMounted, H as getActiveElement } from '../virtual/entry.mjs';
-import { f as useDashboard, g as useResizable, _ as _sfc_main$1$1, i as _sfc_main$4, a as useDirection, u as useId$1 } from './DashboardSidebarToggle-CUI9NSow.mjs';
-import { useId, toRef, computed, mergeProps, unref, useSlots, ref, withCtx, renderSlot, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, createVNode, Fragment, renderList, defineComponent, toRefs, shallowRef, watch, watchPostEffect, withKeys, withModifiers, normalizeStyle, useModel, withAsyncContext, watchEffect, mergeModels, nextTick, useSSRContext } from 'vue';
-import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderComponent, ssrRenderList, ssrInterpolate } from 'vue/server-renderer';
+import { d as useComponentProps, e as useLocale, f as useAppConfig, t as tv, P as Primitive, g as useForwardProps, r as reactivePick, o as get, _ as _sfc_main$5, p as _sfc_main$3, b as _sfc_main$2, Q as useScroll, v as useForwardExpose, w as useVModel, R as useResizeObserver, z as Presence_default, A as createContext, S as useMounted, G as refAutoReset, H as getActiveElement } from '../virtual/entry.mjs';
+import { a as useDirection, u as useId$1 } from './overlay-BS4_B29H.mjs';
+import { e as _sfc_main$4, R as RovingFocusGroup_default, f as RovingFocusItem_default } from './MapLayerControl-DpNmYvcU.mjs';
+import { u as useVirtualizer } from './esm-Dp2lJXbp.mjs';
+import { computed, useTemplateRef, toRef, watch, unref, mergeProps, withCtx, openBlock, createBlock, Fragment, renderList, renderSlot, useSlots, ref, createCommentVNode, createTextVNode, toDisplayString, createVNode, defineComponent, toValue, toRefs, shallowRef, watchPostEffect, withKeys, withModifiers, normalizeStyle, nextTick, useSSRContext } from 'vue';
+import { D as defu } from '../nitro/nitro.mjs';
+import { ssrRenderComponent, ssrRenderClass, ssrRenderStyle, ssrRenderList, ssrRenderAttr, ssrRenderSlot, ssrInterpolate, ssrRenderAttrs } from 'vue/server-renderer';
 
-//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
-var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS = {
-	bubbles: false,
-	cancelable: true
-};
-var MAP_KEY_TO_FOCUS_INTENT = {
-	ArrowLeft: "prev",
-	ArrowUp: "prev",
-	ArrowRight: "next",
-	ArrowDown: "next",
-	PageUp: "first",
-	Home: "first",
-	PageDown: "last",
-	End: "last"
-};
-function getDirectionAwareKey(key, dir) {
-	if (dir !== "rtl") return key;
-	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useComposing.js
+function useComposing(onEnd) {
+	const isComposing = ref(false);
+	function handleCompositionStart() {
+		isComposing.value = true;
+	}
+	function handleCompositionEnd(event) {
+		nextTick(() => {
+			isComposing.value = false;
+			onEnd?.(event);
+		});
+	}
+	return {
+		isComposing,
+		handleCompositionStart,
+		handleCompositionEnd
+	};
 }
-function getFocusIntent(event, orientation, dir) {
-	const key = getDirectionAwareKey(event.key, dir);
-	if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
-	if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-	return MAP_KEY_TO_FOCUS_INTENT[key];
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useKbd.js
+function useKbd() {
+	return {
+		ALT: "Alt",
+		ARROW_DOWN: "ArrowDown",
+		ARROW_LEFT: "ArrowLeft",
+		ARROW_RIGHT: "ArrowRight",
+		ARROW_UP: "ArrowUp",
+		BACKSPACE: "Backspace",
+		CAPS_LOCK: "CapsLock",
+		CONTROL: "Control",
+		DELETE: "Delete",
+		END: "End",
+		ENTER: "Enter",
+		ESCAPE: "Escape",
+		F1: "F1",
+		F10: "F10",
+		F11: "F11",
+		F12: "F12",
+		F2: "F2",
+		F3: "F3",
+		F4: "F4",
+		F5: "F5",
+		F6: "F6",
+		F7: "F7",
+		F8: "F8",
+		F9: "F9",
+		HOME: "Home",
+		META: "Meta",
+		PAGE_DOWN: "PageDown",
+		PAGE_UP: "PageUp",
+		SHIFT: "Shift",
+		SPACE: " ",
+		TAB: "Tab",
+		CTRL: "Control",
+		ASTERISK: "*",
+		SPACE_CODE: "Space"
+	};
 }
-function focusFirst(candidates, preventScroll = false) {
-	const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
-	for (const candidate of candidates) {
-		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-		candidate.focus({ preventScroll });
-		if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-	}
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+function useTypeahead(callback) {
+	const search = refAutoReset("", 1e3);
+	const handleTypeaheadSearch = (key, items) => {
+		search.value = search.value + key;
+		{
+			const currentItem = getActiveElement();
+			const itemsWithTextValue = items.map((item) => ({
+				...item,
+				textValue: item.value?.textValue ?? item.ref.textContent?.trim() ?? ""
+			}));
+			const currentMatch = itemsWithTextValue.find((item) => item.ref === currentItem);
+			const nextMatch = getNextMatch(itemsWithTextValue.map((item) => item.textValue), search.value, currentMatch?.textValue);
+			const newItem = itemsWithTextValue.find((item) => item.textValue === nextMatch);
+			if (newItem) newItem.ref.focus();
+			return newItem?.ref;
+		}
+	};
+	const resetTypeahead = () => {
+		search.value = "";
+	};
+	return {
+		search,
+		handleTypeaheadSearch,
+		resetTypeahead
+	};
 }
 /**
 * Wraps an array around itself at a given start index
@@ -44,227 +99,31 @@ function focusFirst(candidates, preventScroll = false) {
 function wrapArray(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-//#endregion
-//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/RovingFocusGroup.js
-var [injectRovingFocusGroupContext, provideRovingFocusGroupContext] = /*#__PURE__*/ createContext("RovingFocusGroup");
-var RovingFocusGroup_default = /* @__PURE__ */ defineComponent({
-	__name: "RovingFocusGroup",
-	props: {
-		orientation: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		loop: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		currentTabStopId: {
-			type: [String, null],
-			required: false
-		},
-		defaultCurrentTabStopId: {
-			type: String,
-			required: false
-		},
-		preventScrollOnEntryFocus: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	emits: ["entryFocus", "update:currentTabStopId"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { loop, orientation, dir: propDir } = toRefs(props);
-		const dir = useDirection(propDir);
-		const currentTabStopId = useVModel(props, "currentTabStopId", emits, {
-			defaultValue: props.defaultCurrentTabStopId,
-			passive: props.currentTabStopId === void 0
-		});
-		const isTabbingBackOut = ref(false);
-		const isClickFocus = ref(false);
-		const focusableItemsCount = ref(0);
-		const { getItems, CollectionSlot } = useCollection({ isProvider: true });
-		function handleFocus(event) {
-			const isKeyboardFocus = !isClickFocus.value;
-			if (event.currentTarget && event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut.value) {
-				const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-				event.currentTarget.dispatchEvent(entryFocusEvent);
-				emits("entryFocus", entryFocusEvent);
-				if (!entryFocusEvent.defaultPrevented) {
-					const items = getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "");
-					focusFirst([
-						items.find((item) => item.getAttribute("data-active") === ""),
-						items.find((item) => item.getAttribute("data-highlighted") === ""),
-						items.find((item) => item.id === currentTabStopId.value),
-						...items
-					].filter(Boolean), props.preventScrollOnEntryFocus);
-				}
-			}
-			isClickFocus.value = false;
-		}
-		function handleMouseUp() {
-			setTimeout(() => {
-				isClickFocus.value = false;
-			}, 1);
-		}
-		__expose({ getItems });
-		provideRovingFocusGroupContext({
-			loop,
-			dir,
-			orientation,
-			currentTabStopId,
-			onItemFocus: (tabStopId) => {
-				currentTabStopId.value = tabStopId;
-			},
-			onItemShiftTab: () => {
-				isTabbingBackOut.value = true;
-			},
-			onFocusableItemAdd: () => {
-				focusableItemsCount.value++;
-			},
-			onFocusableItemRemove: () => {
-				focusableItemsCount.value--;
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollectionSlot), null, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					tabindex: isTabbingBackOut.value || focusableItemsCount.value === 0 ? -1 : 0,
-					"data-orientation": unref(orientation),
-					as: _ctx.as,
-					"as-child": _ctx.asChild,
-					dir: unref(dir),
-					style: { "outline": "none" },
-					onMousedown: _cache[0] || (_cache[0] = ($event) => isClickFocus.value = true),
-					onMouseup: handleMouseUp,
-					onFocus: handleFocus,
-					onBlur: _cache[1] || (_cache[1] = ($event) => isTabbingBackOut.value = false)
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"tabindex",
-					"data-orientation",
-					"as",
-					"as-child",
-					"dir"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/RovingFocusItem.js
-var RovingFocusItem_default = /* @__PURE__ */ defineComponent({
-	__name: "RovingFocusItem",
-	props: {
-		tabStopId: {
-			type: String,
-			required: false
-		},
-		focusable: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		active: {
-			type: Boolean,
-			required: false
-		},
-		allowShiftKey: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const context = injectRovingFocusGroupContext();
-		const randomId = useId$1();
-		const id = computed(() => props.tabStopId || randomId);
-		const isCurrentTabStop = computed(() => context.currentTabStopId.value === id.value);
-		const { getItems, CollectionItem } = useCollection();
-		watch(() => props.focusable, (newVal, oldVal) => {
-			if (newVal === oldVal) return;
-			if (newVal) context.onFocusableItemAdd();
-			else context.onFocusableItemRemove();
-		});
-		function handleKeydown(event) {
-			if (event.key === "Tab" && event.shiftKey) {
-				context.onItemShiftTab();
-				return;
-			}
-			if (event.target !== event.currentTarget) return;
-			const focusIntent = getFocusIntent(event, context.orientation.value, context.dir.value);
-			if (focusIntent !== void 0) {
-				if (event.metaKey || event.ctrlKey || event.altKey || (props.allowShiftKey ? false : event.shiftKey)) return;
-				event.preventDefault();
-				let candidateNodes = [...getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "")];
-				if (focusIntent === "last") candidateNodes.reverse();
-				else if (focusIntent === "prev" || focusIntent === "next") {
-					if (focusIntent === "prev") candidateNodes.reverse();
-					const currentIndex = candidateNodes.indexOf(event.currentTarget);
-					candidateNodes = context.loop.value ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-				}
-				nextTick(() => focusFirst(candidateNodes));
-			}
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CollectionItem), null, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					tabindex: isCurrentTabStop.value ? 0 : -1,
-					"data-orientation": unref(context).orientation.value,
-					"data-active": _ctx.active ? "" : void 0,
-					"data-disabled": !_ctx.focusable ? "" : void 0,
-					as: _ctx.as,
-					"as-child": _ctx.asChild,
-					onMousedown: _cache[0] || (_cache[0] = (event) => {
-						if (!_ctx.focusable) event.preventDefault();
-						else unref(context).onItemFocus(id.value);
-					}),
-					onFocus: _cache[1] || (_cache[1] = ($event) => unref(context).onItemFocus(id.value)),
-					onKeydown: handleKeydown
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"tabindex",
-					"data-orientation",
-					"data-active",
-					"data-disabled",
-					"as",
-					"as-child"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
+/**
+* This is the "meat" of the typeahead matching logic. It takes in all the values,
+* the search and the current match, and returns the next match (or `undefined`).
+*
+* We normalize the search because if a user has repeatedly pressed a character,
+* we want the exact same behavior as if we only had that one character
+* (ie. cycle through options starting with that character)
+*
+* We also reorder the values by wrapping the array around the current match.
+* This is so we always look forward from the current match, and picking the first
+* match will always be the correct one.
+*
+* Finally, if the normalized search is exactly one character, we exclude the
+* current match from the values because otherwise it would be the first to match always
+* and focus would never move. This is as opposed to the regular case, where we
+* don't want focus to move if the current match still matches.
+*/
+function getNextMatch(values, search, currentMatch) {
+	const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
+	const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
+	let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
+	if (normalizedSearch.length === 1) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
+	const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
+	return nextMatch !== currentMatch ? nextMatch : void 0;
+}
 //#endregion
 //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsRoot.js
 var [injectTabsRootContext, provideTabsRootContext] = /*#__PURE__*/ createContext("TabsRoot");
@@ -628,159 +487,142 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fdashboard-panel.ts
-var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fdashboard_panel_default = {
-	"slots": {
-		"root": "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0",
-		"body": "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6",
-		"handle": ""
-	},
-	"variants": { "size": {
-		"true": { "root": "w-full lg:w-(--width)" },
-		"false": { "root": "flex-1" }
-	} }
-};
-//#endregion
-//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/DashboardPanel.vue
-var _sfc_main$3 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
-	__name: "UDashboardPanel",
+//#region app/components/FileDropZone.vue?vue&type=script&setup=true&lang.ts
+var FileDropZone_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "FileDropZone",
 	__ssrInlineRender: true,
 	props: {
-		class: {
-			type: null,
-			required: false
-		},
-		ui: {
-			type: Object,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		minSize: {
-			type: Number,
-			required: false,
-			default: 15
-		},
-		maxSize: {
-			type: Number,
-			required: false
-		},
-		defaultSize: {
-			type: Number,
-			required: false
-		},
-		resizable: {
+		accept: {},
+		title: {},
+		description: {},
+		fileName: {},
+		pending: {
 			type: Boolean,
-			required: false,
 			default: false
 		}
 	},
-	setup(__props) {
-		const props = useComponentProps("dashboardPanel", __props);
-		const appConfig = useAppConfig();
-		const dashboardContext = useDashboard({
-			storageKey: "dashboard",
-			unit: "%"
-		});
-		const id = `${dashboardContext.storageKey}-panel-${props.id || useId()}`;
-		const { el, size, isDragging, onMouseDown, onTouchStart, onDoubleClick } = useResizable(id, toRef(() => ({
-			...dashboardContext,
-			...props
-		})));
-		const ui = computed(() => tv({
-			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fdashboard_panel_default,
-			...appConfig.ui?.dashboardPanel || {}
-		})({ size: !!size.value }));
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		useTemplateRef("input");
+		const dragging = ref(false);
 		return (_ctx, _push, _parent, _attrs) => {
-			_push(`<!--[--><div${ssrRenderAttrs(mergeProps({
-				id,
-				ref_key: "el",
-				ref: el,
-				"data-slot": "root"
-			}, _ctx.$attrs, {
-				"data-dragging": unref(isDragging),
-				class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] }),
-				style: [unref(size) ? { "--width": `${unref(size)}${unref(dashboardContext).unit}` } : void 0]
-			}))}>`);
-			ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-				ssrRenderSlot(_ctx.$slots, "header", {}, null, _push, _parent);
-				_push(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: unref(props).ui?.body }))}">`);
-				ssrRenderSlot(_ctx.$slots, "body", {}, null, _push, _parent);
-				_push(`</div>`);
-				ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push, _parent);
-			}, _push, _parent);
+			const _component_UIcon = _sfc_main$5;
+			const _component_UButton = _sfc_main$2;
+			_push(`<div${ssrRenderAttrs(mergeProps({
+				class: ["group flex min-h-28 cursor-pointer items-center gap-4 border border-dashed px-4 py-4 transition-colors focus-within:outline-2 focus-within:outline-primary", unref(dragging) ? "border-primary bg-primary/5" : "border-default hover:border-accented hover:bg-elevated/60"],
+				role: "button",
+				tabindex: "0"
+			}, _attrs))}><input type="file"${ssrRenderAttr("accept", __props.accept)} class="sr-only"><span class="grid size-10 shrink-0 place-items-center bg-muted text-muted group-hover:text-default">`);
+			_push(ssrRenderComponent(_component_UIcon, {
+				name: __props.pending ? "i-lucide-loader-circle" : __props.fileName ? "i-lucide-file-check-2" : "i-lucide-file-up",
+				class: ["size-5", __props.pending ? "animate-spin" : ""]
+			}, null, _parent));
+			_push(`</span><div class="min-w-0 flex-1"><p class="truncate text-sm font-medium text-highlighted">${ssrInterpolate(__props.fileName || __props.title)}</p>`);
+			if (__props.pending || __props.fileName || __props.description) _push(`<p class="mt-1 text-xs text-muted">${ssrInterpolate(__props.pending ? "正在读取文件" : __props.fileName ? "点击或拖入文件以替换" : __props.description)}</p>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+			_push(ssrRenderComponent(_component_UButton, {
+				type: "button",
+				icon: "i-lucide-folder-open",
+				label: "选择文件",
+				color: "neutral",
+				variant: "outline",
+				loading: __props.pending,
+				tabindex: "-1"
+			}, null, _parent));
 			_push(`</div>`);
-			ssrRenderSlot(_ctx.$slots, "resize-handle", {
-				onMouseDown: unref(onMouseDown),
-				onTouchStart: unref(onTouchStart),
-				onDoubleClick: unref(onDoubleClick)
-			}, () => {
-				if (unref(props).resizable) _push(ssrRenderComponent(_sfc_main$1$1, {
-					"aria-controls": id,
-					"data-slot": "handle",
-					class: ui.value.handle({ class: unref(props).ui?.handle }),
-					onMousedown: unref(onMouseDown),
-					onTouchstart: unref(onTouchStart),
-					onDblclick: unref(onDoubleClick)
-				}, null, _parent));
-				else _push(`<!---->`);
-			}, _push, _parent);
-			_push(`<!--]-->`);
 		};
 	}
 });
-var _sfc_setup$4 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+//#endregion
+//#region app/components/FileDropZone.vue
+var _sfc_setup$2 = FileDropZone_vue_vue_type_script_setup_true_lang_default.setup;
+FileDropZone_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
-	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/DashboardPanel.vue");
-	return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/FileDropZone.vue");
+	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
+var FileDropZone_default = Object.assign(FileDropZone_vue_vue_type_script_setup_true_lang_default, { __name: "FileDropZone" });
 //#endregion
-//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fdashboard-navbar.ts
-var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fdashboard_navbar_default = {
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/composables/useScrollShadow.js
+function useScrollShadow(element, options = {}) {
+	const { arrivedState } = useScroll(element);
+	return {
+		style: computed(() => {
+			const el = toValue(element);
+			const orientation = toValue(options.orientation) ?? "vertical";
+			const [startKey, endKey] = orientation === "horizontal" ? ["left", "right"] : ["top", "bottom"];
+			const showStart = !arrivedState[startKey];
+			const showEnd = !arrivedState[endKey];
+			if (!showStart && !showEnd) return void 0;
+			if (!(el ? orientation === "horizontal" ? el.scrollWidth > el.clientWidth : el.scrollHeight > el.clientHeight : false)) return void 0;
+			const size = `${toValue(options.size) ?? 24}px`;
+			const angle = orientation === "horizontal" ? "90deg" : "180deg";
+			if (showStart && showEnd) return { maskImage: `linear-gradient(${angle}, transparent, #000 ${size}, #000 calc(100% - ${size}), transparent)` };
+			if (showStart) return { maskImage: `linear-gradient(${angle}, transparent, #000 ${size})` };
+			return { maskImage: `linear-gradient(${angle}, #000, #000 calc(100% - ${size}), transparent)` };
+		}),
+		isOverflowing: computed(() => {
+			arrivedState.top, arrivedState.bottom, arrivedState.left, arrivedState.right;
+			const el = toValue(element);
+			if (!el) return false;
+			return (toValue(options.orientation) ?? "vertical") === "horizontal" ? el.scrollWidth > el.clientWidth : el.scrollHeight > el.clientHeight;
+		}),
+		arrivedState
+	};
+}
+//#endregion
+//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fscroll-area.ts
+var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fscroll_area_default = {
 	"slots": {
-		"root": "h-(--ui-header-height) shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5",
-		"left": "flex items-center gap-1.5 min-w-0",
-		"icon": "shrink-0 size-5 self-center me-1.5",
-		"title": "flex items-center gap-1.5 font-semibold text-highlighted truncate",
-		"center": "hidden lg:flex",
-		"right": "flex items-center shrink-0 gap-1.5",
-		"toggle": ""
+		"root": "relative outline-primary/25 focus-visible:outline-3",
+		"viewport": "relative flex",
+		"item": ""
 	},
-	"variants": { "toggleSide": {
-		"left": { "toggle": "" },
-		"right": { "toggle": "" }
-	} }
+	"variants": {
+		"orientation": {
+			"vertical": {
+				"root": "overflow-y-auto overflow-x-hidden",
+				"viewport": "flex-col",
+				"item": ""
+			},
+			"horizontal": {
+				"root": "overflow-x-auto overflow-y-hidden",
+				"viewport": "flex-row",
+				"item": ""
+			}
+		},
+		"externalScroll": { "true": { "root": "overflow-visible" } }
+	}
 };
 //#endregion
-//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/DashboardNavbar.vue
-var _sfc_main$2 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
-	__name: "UDashboardNavbar",
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/ScrollArea.vue
+var _sfc_main$1 = {
+	__name: "UScrollArea",
 	__ssrInlineRender: true,
 	props: {
 		as: {
 			type: null,
 			required: false
 		},
-		icon: {
+		orientation: {
 			type: null,
-			required: false
+			required: false,
+			default: "vertical"
 		},
-		title: {
-			type: String,
+		items: {
+			type: Array,
 			required: false
 		},
-		toggle: {
+		virtualize: {
 			type: [Boolean, Object],
 			required: false,
-			default: true
+			default: false
 		},
-		toggleSide: {
-			type: String,
+		shadow: {
+			type: [Boolean, Object],
 			required: false,
-			default: "left"
+			default: false
 		},
 		class: {
 			type: null,
@@ -791,524 +633,229 @@ var _sfc_main$2 = /*@__PURE__*/ Object.assign({ inheritAttrs: false }, {
 			required: false
 		}
 	},
-	setup(__props) {
+	emits: ["scroll"],
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const _props = __props;
-		const slots = useSlots();
-		const props = useComponentProps("dashboardNavbar", _props);
+		const emits = __emit;
+		const props = useComponentProps("scrollArea", _props);
+		const { dir } = useLocale();
 		const appConfig = useAppConfig();
-		const dashboardContext = useDashboard({});
-		const [DefineToggleTemplate, ReuseToggleTemplate] = createReusableTemplate();
+		const isExternalScroll = computed(() => typeof props.virtualize === "object" && !!props.virtualize.getScrollElement);
 		const ui = computed(() => tv({
-			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fdashboard_navbar_default,
-			...appConfig.ui?.dashboardNavbar || {}
-		})());
-		return (_ctx, _push, _parent, _attrs) => {
-			_push(`<!--[-->`);
-			_push(ssrRenderComponent(unref(DefineToggleTemplate), null, {
-				default: withCtx((_, _push, _parent, _scopeId) => {
-					if (_push) ssrRenderSlot(_ctx.$slots, "toggle", {
-						...unref(dashboardContext),
-						ui: ui.value
-					}, () => {
-						if (unref(props).toggle) _push(ssrRenderComponent(_sfc_main$4, mergeProps(typeof unref(props).toggle === "object" ? unref(props).toggle : {}, {
-							side: unref(props).toggleSide,
-							"data-slot": "toggle",
-							class: ui.value.toggle({
-								class: unref(props).ui?.toggle,
-								toggleSide: unref(props).toggleSide
-							})
-						}), null, _parent, _scopeId));
-						else _push(`<!---->`);
-					}, _push, _parent, _scopeId);
-					else return [renderSlot(_ctx.$slots, "toggle", {
-						...unref(dashboardContext),
-						ui: ui.value
-					}, () => [unref(props).toggle ? (openBlock(), createBlock(_sfc_main$4, mergeProps({ key: 0 }, typeof unref(props).toggle === "object" ? unref(props).toggle : {}, {
-						side: unref(props).toggleSide,
-						"data-slot": "toggle",
-						class: ui.value.toggle({
-							class: unref(props).ui?.toggle,
-							toggleSide: unref(props).toggleSide
-						})
-					}), null, 16, ["side", "class"])) : createCommentVNode("", true)])];
-				}),
-				_: 3
-			}, _parent));
-			_push(ssrRenderComponent(unref(Primitive), mergeProps({
-				as: unref(props).as,
-				"data-slot": "root"
-			}, _ctx.$attrs, { class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] }) }), {
-				default: withCtx((_, _push, _parent, _scopeId) => {
-					if (_push) {
-						_push(`<div data-slot="left" class="${ssrRenderClass(ui.value.left({ class: unref(props).ui?.left }))}"${_scopeId}>`);
-						if (unref(props).toggleSide === "left") _push(ssrRenderComponent(unref(ReuseToggleTemplate), null, null, _parent, _scopeId));
-						else _push(`<!---->`);
-						ssrRenderSlot(_ctx.$slots, "left", unref(dashboardContext), () => {
-							ssrRenderSlot(_ctx.$slots, "leading", {
-								...unref(dashboardContext),
-								ui: ui.value
-							}, () => {
-								if (unref(props).icon) _push(ssrRenderComponent(_sfc_main$5, {
-									name: unref(props).icon,
-									"data-slot": "icon",
-									class: ui.value.icon({ class: unref(props).ui?.icon })
-								}, null, _parent, _scopeId));
-								else _push(`<!---->`);
-							}, _push, _parent, _scopeId);
-							_push(`<h1 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: unref(props).ui?.title }))}"${_scopeId}>`);
-							ssrRenderSlot(_ctx.$slots, "title", {}, () => {
-								_push(`${ssrInterpolate(unref(props).title)}`);
-							}, _push, _parent, _scopeId);
-							_push(`</h1>`);
-							ssrRenderSlot(_ctx.$slots, "trailing", {
-								...unref(dashboardContext),
-								ui: ui.value
-							}, null, _push, _parent, _scopeId);
-						}, _push, _parent, _scopeId);
-						_push(`</div>`);
-						if (!!slots.default) {
-							_push(`<div data-slot="center" class="${ssrRenderClass(ui.value.center({ class: unref(props).ui?.center }))}"${_scopeId}>`);
-							ssrRenderSlot(_ctx.$slots, "default", unref(dashboardContext), null, _push, _parent, _scopeId);
-							_push(`</div>`);
-						} else _push(`<!---->`);
-						_push(`<div data-slot="right" class="${ssrRenderClass(ui.value.right({ class: unref(props).ui?.right }))}"${_scopeId}>`);
-						ssrRenderSlot(_ctx.$slots, "right", unref(dashboardContext), null, _push, _parent, _scopeId);
-						if (unref(props).toggleSide === "right") _push(ssrRenderComponent(unref(ReuseToggleTemplate), null, null, _parent, _scopeId));
-						else _push(`<!---->`);
-						_push(`</div>`);
-					} else return [
-						createVNode("div", {
-							"data-slot": "left",
-							class: ui.value.left({ class: unref(props).ui?.left })
-						}, [unref(props).toggleSide === "left" ? (openBlock(), createBlock(unref(ReuseToggleTemplate), { key: 0 })) : createCommentVNode("", true), renderSlot(_ctx.$slots, "left", unref(dashboardContext), () => [
-							renderSlot(_ctx.$slots, "leading", {
-								...unref(dashboardContext),
-								ui: ui.value
-							}, () => [unref(props).icon ? (openBlock(), createBlock(_sfc_main$5, {
-								key: 0,
-								name: unref(props).icon,
-								"data-slot": "icon",
-								class: ui.value.icon({ class: unref(props).ui?.icon })
-							}, null, 8, ["name", "class"])) : createCommentVNode("", true)]),
-							createVNode("h1", {
-								"data-slot": "title",
-								class: ui.value.title({ class: unref(props).ui?.title })
-							}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(unref(props).title), 1)])], 2),
-							renderSlot(_ctx.$slots, "trailing", {
-								...unref(dashboardContext),
-								ui: ui.value
-							})
-						])], 2),
-						!!slots.default ? (openBlock(), createBlock("div", {
-							key: 0,
-							"data-slot": "center",
-							class: ui.value.center({ class: unref(props).ui?.center })
-						}, [renderSlot(_ctx.$slots, "default", unref(dashboardContext))], 2)) : createCommentVNode("", true),
-						createVNode("div", {
-							"data-slot": "right",
-							class: ui.value.right({ class: unref(props).ui?.right })
-						}, [renderSlot(_ctx.$slots, "right", unref(dashboardContext)), unref(props).toggleSide === "right" ? (openBlock(), createBlock(unref(ReuseToggleTemplate), { key: 0 })) : createCommentVNode("", true)], 2)
-					];
-				}),
-				_: 3
-			}, _parent));
-			_push(`<!--]-->`);
-		};
-	}
-});
-var _sfc_setup$3 = _sfc_main$2.setup;
-_sfc_main$2.setup = (props, ctx) => {
-	const ssrContext = useSSRContext();
-	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/DashboardNavbar.vue");
-	return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-//#endregion
-//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fbadge.ts
-var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fbadge_default = {
-	"slots": {
-		"base": "font-medium inline-flex items-center",
-		"label": "truncate",
-		"leadingIcon": "shrink-0",
-		"leadingAvatar": "shrink-0",
-		"leadingAvatarSize": "",
-		"trailingIcon": "shrink-0"
-	},
-	"variants": {
-		"fieldGroup": {
-			"horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
-			"vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
-		},
-		"color": {
-			"primary": "",
-			"secondary": "",
-			"success": "",
-			"info": "",
-			"warning": "",
-			"error": "",
-			"neutral": ""
-		},
-		"variant": {
-			"solid": "",
-			"outline": "",
-			"soft": "",
-			"subtle": ""
-		},
-		"size": {
-			"xs": {
-				"base": "text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm",
-				"leadingIcon": "size-3",
-				"leadingAvatarSize": "3xs",
-				"trailingIcon": "size-3"
+			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fscroll_area_default,
+			...appConfig.ui?.scrollArea || {}
+		})({
+			orientation: props.orientation,
+			externalScroll: isExternalScroll.value
+		}));
+		const rootRef = useTemplateRef("rootRef");
+		const scrollShadowStyle = props.shadow ? useScrollShadow(computed(() => rootRef.value?.$el), {
+			orientation: () => props.orientation ?? "vertical",
+			size: typeof props.shadow === "object" ? props.shadow.size : void 0
+		}).style : void 0;
+		const isRtl = computed(() => dir.value === "rtl");
+		const isHorizontal = computed(() => props.orientation === "horizontal");
+		const isVertical = computed(() => !isHorizontal.value);
+		const getScrollElement = () => (isExternalScroll.value ? virtualizerProps.value.getScrollElement?.() : rootRef.value?.$el) ?? null;
+		const virtualizerProps = toRef(() => {
+			const options = typeof props.virtualize === "boolean" ? {} : props.virtualize;
+			return defu(options, {
+				estimateSize: 100,
+				overscan: 12,
+				gap: 0,
+				paddingStart: 0,
+				paddingEnd: 0,
+				scrollMargin: 0
+			});
+		});
+		const lanes = computed(() => {
+			const value = virtualizerProps.value.lanes;
+			return typeof value === "number" ? value : void 0;
+		});
+		const skipMeasurement = computed(() => {
+			return typeof props.virtualize === "object" && props.virtualize.skipMeasurement === true;
+		});
+		const virtualizer = !!props.virtualize && useVirtualizer({
+			...virtualizerProps.value,
+			get overscan() {
+				return virtualizerProps.value.overscan;
 			},
-			"sm": {
-				"base": "text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm",
-				"leadingIcon": "size-3",
-				"leadingAvatarSize": "3xs",
-				"trailingIcon": "size-3"
+			get gap() {
+				return virtualizerProps.value.gap;
 			},
-			"md": {
-				"base": "text-xs px-2 py-1 gap-1 rounded-md",
-				"leadingIcon": "size-4",
-				"leadingAvatarSize": "3xs",
-				"trailingIcon": "size-4"
+			get paddingStart() {
+				return virtualizerProps.value.paddingStart;
 			},
-			"lg": {
-				"base": "text-sm px-2 py-1 gap-1.5 rounded-md",
-				"leadingIcon": "size-5",
-				"leadingAvatarSize": "2xs",
-				"trailingIcon": "size-5"
+			get paddingEnd() {
+				return virtualizerProps.value.paddingEnd;
 			},
-			"xl": {
-				"base": "text-base px-2.5 py-1 gap-1.5 rounded-md",
-				"leadingIcon": "size-6",
-				"leadingAvatarSize": "2xs",
-				"trailingIcon": "size-6"
+			get scrollMargin() {
+				return virtualizerProps.value.scrollMargin;
+			},
+			get lanes() {
+				return lanes.value;
+			},
+			get isRtl() {
+				return isRtl.value;
+			},
+			get count() {
+				return props.items?.length || 0;
+			},
+			getScrollElement,
+			get horizontal() {
+				return isHorizontal.value;
+			},
+			estimateSize: (index) => {
+				const estimate = virtualizerProps.value.estimateSize;
+				return typeof estimate === "function" ? estimate(index) : estimate;
 			}
-		},
-		"square": { "true": "" }
-	},
-	"compoundVariants": [
-		{
-			"color": "primary",
-			"variant": "solid",
-			"class": "bg-primary text-inverted"
-		},
-		{
-			"color": "secondary",
-			"variant": "solid",
-			"class": "bg-secondary text-inverted"
-		},
-		{
-			"color": "success",
-			"variant": "solid",
-			"class": "bg-success text-inverted"
-		},
-		{
-			"color": "info",
-			"variant": "solid",
-			"class": "bg-info text-inverted"
-		},
-		{
-			"color": "warning",
-			"variant": "solid",
-			"class": "bg-warning text-inverted"
-		},
-		{
-			"color": "error",
-			"variant": "solid",
-			"class": "bg-error text-inverted"
-		},
-		{
-			"color": "primary",
-			"variant": "outline",
-			"class": "text-primary ring ring-inset ring-primary/50"
-		},
-		{
-			"color": "secondary",
-			"variant": "outline",
-			"class": "text-secondary ring ring-inset ring-secondary/50"
-		},
-		{
-			"color": "success",
-			"variant": "outline",
-			"class": "text-success ring ring-inset ring-success/50"
-		},
-		{
-			"color": "info",
-			"variant": "outline",
-			"class": "text-info ring ring-inset ring-info/50"
-		},
-		{
-			"color": "warning",
-			"variant": "outline",
-			"class": "text-warning ring ring-inset ring-warning/50"
-		},
-		{
-			"color": "error",
-			"variant": "outline",
-			"class": "text-error ring ring-inset ring-error/50"
-		},
-		{
-			"color": "primary",
-			"variant": "soft",
-			"class": "bg-primary/10 text-primary"
-		},
-		{
-			"color": "secondary",
-			"variant": "soft",
-			"class": "bg-secondary/10 text-secondary"
-		},
-		{
-			"color": "success",
-			"variant": "soft",
-			"class": "bg-success/10 text-success"
-		},
-		{
-			"color": "info",
-			"variant": "soft",
-			"class": "bg-info/10 text-info"
-		},
-		{
-			"color": "warning",
-			"variant": "soft",
-			"class": "bg-warning/10 text-warning"
-		},
-		{
-			"color": "error",
-			"variant": "soft",
-			"class": "bg-error/10 text-error"
-		},
-		{
-			"color": "primary",
-			"variant": "subtle",
-			"class": "bg-primary/10 text-primary ring ring-inset ring-primary/25"
-		},
-		{
-			"color": "secondary",
-			"variant": "subtle",
-			"class": "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"
-		},
-		{
-			"color": "success",
-			"variant": "subtle",
-			"class": "bg-success/10 text-success ring ring-inset ring-success/25"
-		},
-		{
-			"color": "info",
-			"variant": "subtle",
-			"class": "bg-info/10 text-info ring ring-inset ring-info/25"
-		},
-		{
-			"color": "warning",
-			"variant": "subtle",
-			"class": "bg-warning/10 text-warning ring ring-inset ring-warning/25"
-		},
-		{
-			"color": "error",
-			"variant": "subtle",
-			"class": "bg-error/10 text-error ring ring-inset ring-error/25"
-		},
-		{
-			"color": "neutral",
-			"variant": "solid",
-			"class": "text-inverted bg-inverted"
-		},
-		{
-			"color": "neutral",
-			"variant": "outline",
-			"class": "ring ring-inset ring-accented text-default bg-default"
-		},
-		{
-			"color": "neutral",
-			"variant": "soft",
-			"class": "text-default bg-elevated"
-		},
-		{
-			"color": "neutral",
-			"variant": "subtle",
-			"class": "ring ring-inset ring-accented text-default bg-elevated"
-		},
-		{
-			"size": "xs",
-			"square": true,
-			"class": "p-0.5"
-		},
-		{
-			"size": "sm",
-			"square": true,
-			"class": "p-1"
-		},
-		{
-			"size": "md",
-			"square": true,
-			"class": "p-1"
-		},
-		{
-			"size": "lg",
-			"square": true,
-			"class": "p-1"
-		},
-		{
-			"size": "xl",
-			"square": true,
-			"class": "p-1"
+		});
+		const virtualItems = computed(() => virtualizer ? virtualizer.value.getVirtualItems() : []);
+		const totalSize = computed(() => virtualizer ? virtualizer.value.getTotalSize() : 0);
+		const virtualViewportStyle = computed(() => ({
+			position: "relative",
+			inlineSize: isHorizontal.value ? `${totalSize.value}px` : "100%",
+			blockSize: isVertical.value ? `${totalSize.value}px` : "100%"
+		}));
+		function getVirtualItemStyle(virtualItem) {
+			const hasLanes = lanes.value !== void 0 && lanes.value > 1;
+			const lane = virtualItem.lane;
+			const gap = virtualizerProps.value.gap ?? 0;
+			const offset = virtualItem.start - virtualizerProps.value.scrollMargin;
+			const laneSize = hasLanes ? `calc((100% - ${(lanes.value - 1) * gap}px) / ${lanes.value})` : "100%";
+			const lanePosition = hasLanes && lane !== void 0 ? `calc(${lane} * ((100% - ${(lanes.value - 1) * gap}px) / ${lanes.value} + ${gap}px))` : 0;
+			return {
+				position: "absolute",
+				insetBlockStart: isHorizontal.value && hasLanes ? lanePosition : 0,
+				insetInlineStart: isVertical.value && hasLanes ? lanePosition : 0,
+				blockSize: isHorizontal.value ? hasLanes ? laneSize : "100%" : void 0,
+				inlineSize: isVertical.value ? hasLanes ? laneSize : "100%" : void 0,
+				transform: isHorizontal.value ? `translateX(${isRtl.value ? -offset : offset}px)` : `translateY(${offset}px)`
+			};
 		}
-	],
-	"defaultVariants": {
-		"color": "primary",
-		"variant": "solid",
-		"size": "md"
-	}
-};
-//#endregion
-//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Badge.vue
-var _sfc_main$1 = {
-	__name: "UBadge",
-	__ssrInlineRender: true,
-	props: {
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		},
-		label: {
-			type: [String, Number],
-			required: false
-		},
-		color: {
-			type: null,
-			required: false
-		},
-		variant: {
-			type: null,
-			required: false
-		},
-		size: {
-			type: null,
-			required: false
-		},
-		square: {
-			type: Boolean,
-			required: false
-		},
-		class: {
-			type: null,
-			required: false
-		},
-		ui: {
-			type: Object,
-			required: false
-		},
-		icon: {
-			type: null,
-			required: false
-		},
-		avatar: {
-			type: Object,
-			required: false
-		},
-		leading: {
-			type: Boolean,
-			required: false
-		},
-		leadingIcon: {
-			type: null,
-			required: false
-		},
-		trailing: {
-			type: Boolean,
-			required: false
-		},
-		trailingIcon: {
-			type: null,
-			required: false
+		let resizeObserver = null;
+		let rafId = null;
+		watch(getScrollElement, (el) => {
+			resizeObserver?.disconnect();
+			resizeObserver = null;
+			if (!virtualizer || !el) return;
+			resizeObserver = new ResizeObserver(() => {
+				if (rafId !== null) return;
+				rafId = requestAnimationFrame(() => {
+					rafId = null;
+					virtualizer.value.measure();
+				});
+			});
+			resizeObserver.observe(el);
+		}, { immediate: true });
+		function measureElement(el) {
+			if (el && virtualizer && !skipMeasurement.value) {
+				const element = el instanceof Element ? el : el.$el;
+				virtualizer.value.measureElement(element);
+			}
 		}
-	},
-	setup(__props) {
-		const _props = __props;
-		const slots = useSlots();
-		const props = useComponentProps("badge", _props);
-		const appConfig = useAppConfig();
-		const { orientation, size: fieldGroupSize } = useFieldGroup(_props);
-		const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props);
-		const ui = computed(() => tv({
-			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fbadge_default,
-			...appConfig.ui?.badge || {}
-		})({
-			color: props.color,
-			variant: props.variant,
-			size: fieldGroupSize.value ?? props.size,
-			square: props.square || !slots.default && !props.label,
-			fieldGroup: orientation.value
-		}));
+		watch(() => virtualizer ? virtualizer.value.isScrolling : false, (isScrolling) => emits("scroll", isScrolling));
+		function getItemKey(item, index) {
+			if (virtualizerProps.value.getItemKey) return virtualizerProps.value.getItemKey(index);
+			if (item && typeof item === "object" && "id" in item) return item.id;
+			return index;
+		}
+		__expose({
+			get $el() {
+				return rootRef.value?.$el;
+			},
+			virtualizer: virtualizer || void 0
+		});
 		return (_ctx, _push, _parent, _attrs) => {
 			_push(ssrRenderComponent(unref(Primitive), mergeProps({
+				ref_key: "rootRef",
+				ref: rootRef,
 				as: unref(props).as,
-				"data-slot": "base",
-				class: ui.value.base({ class: [unref(props).ui?.base, unref(props).class] })
+				"data-slot": "root",
+				"data-orientation": unref(props).orientation,
+				class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] }),
+				style: unref(scrollShadowStyle)
 			}, _attrs), {
 				default: withCtx((_, _push, _parent, _scopeId) => {
 					if (_push) {
-						ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-							if (unref(isLeading) && unref(leadingIconName)) _push(ssrRenderComponent(_sfc_main$5, {
-								name: unref(leadingIconName),
-								"data-slot": "leadingIcon",
-								class: ui.value.leadingIcon({ class: unref(props).ui?.leadingIcon })
-							}, null, _parent, _scopeId));
-							else if (!!unref(props).avatar) _push(ssrRenderComponent(_sfc_main$3$1, mergeProps({ size: unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize() }, unref(props).avatar, {
-								"data-slot": "leadingAvatar",
-								class: ui.value.leadingAvatar({ class: unref(props).ui?.leadingAvatar })
-							}), null, _parent, _scopeId));
-							else _push(`<!---->`);
-						}, _push, _parent, _scopeId);
-						ssrRenderSlot(_ctx.$slots, "default", { ui: ui.value }, () => {
-							if (unref(props).label !== void 0 && unref(props).label !== null) _push(`<span data-slot="label" class="${ssrRenderClass(ui.value.label({ class: unref(props).ui?.label }))}"${_scopeId}>${ssrInterpolate(unref(props).label)}</span>`);
-							else _push(`<!---->`);
-						}, _push, _parent, _scopeId);
-						ssrRenderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => {
-							if (unref(isTrailing) && unref(trailingIconName)) _push(ssrRenderComponent(_sfc_main$5, {
-								name: unref(trailingIconName),
-								"data-slot": "trailingIcon",
-								class: ui.value.trailingIcon({ class: unref(props).ui?.trailingIcon })
-							}, null, _parent, _scopeId));
-							else _push(`<!---->`);
-						}, _push, _parent, _scopeId);
-					} else return [
-						renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$5, {
-							key: 0,
-							name: unref(leadingIconName),
-							"data-slot": "leadingIcon",
-							class: ui.value.leadingIcon({ class: unref(props).ui?.leadingIcon })
-						}, null, 8, ["name", "class"])) : !!unref(props).avatar ? (openBlock(), createBlock(_sfc_main$3$1, mergeProps({
-							key: 1,
-							size: unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
-						}, unref(props).avatar, {
-							"data-slot": "leadingAvatar",
-							class: ui.value.leadingAvatar({ class: unref(props).ui?.leadingAvatar })
-						}), null, 16, ["size", "class"])) : createCommentVNode("", true)]),
-						renderSlot(_ctx.$slots, "default", { ui: ui.value }, () => [unref(props).label !== void 0 && unref(props).label !== null ? (openBlock(), createBlock("span", {
-							key: 0,
-							"data-slot": "label",
-							class: ui.value.label({ class: unref(props).ui?.label })
-						}, toDisplayString(unref(props).label), 3)) : createCommentVNode("", true)]),
-						renderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => [unref(isTrailing) && unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$5, {
-							key: 0,
-							name: unref(trailingIconName),
-							"data-slot": "trailingIcon",
-							class: ui.value.trailingIcon({ class: unref(props).ui?.trailingIcon })
-						}, null, 8, ["name", "class"])) : createCommentVNode("", true)])
-					];
+						if (unref(virtualizer)) {
+							_push(`<div data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: unref(props).ui?.viewport }))}" style="${ssrRenderStyle(virtualViewportStyle.value)}"${_scopeId}><!--[-->`);
+							ssrRenderList(virtualItems.value, (virtualItem) => {
+								_push(`<div${ssrRenderAttr("data-index", virtualItem.index)} data-slot="item" class="${ssrRenderClass(ui.value.item({ class: unref(props).ui?.item }))}" style="${ssrRenderStyle(getVirtualItemStyle(virtualItem))}"${_scopeId}>`);
+								ssrRenderSlot(_ctx.$slots, "default", {
+									item: unref(props).items?.[virtualItem.index],
+									index: virtualItem.index,
+									virtualItem
+								}, null, _push, _parent, _scopeId);
+								_push(`</div>`);
+							});
+							_push(`<!--]--></div>`);
+						} else {
+							_push(`<div data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: unref(props).ui?.viewport }))}"${_scopeId}>`);
+							if (unref(props).items) {
+								_push(`<!--[-->`);
+								ssrRenderList(unref(props).items, (item, index) => {
+									_push(`<div data-slot="item" class="${ssrRenderClass(ui.value.item({ class: unref(props).ui?.item }))}"${_scopeId}>`);
+									ssrRenderSlot(_ctx.$slots, "default", {
+										item,
+										index
+									}, null, _push, _parent, _scopeId);
+									_push(`</div>`);
+								});
+								_push(`<!--]-->`);
+							} else ssrRenderSlot(_ctx.$slots, "default", {
+								item: {},
+								index: 0
+							}, null, _push, _parent, _scopeId);
+							_push(`</div>`);
+						}
+					} else return [unref(virtualizer) ? (openBlock(), createBlock("div", {
+						key: 0,
+						"data-slot": "viewport",
+						class: ui.value.viewport({ class: unref(props).ui?.viewport }),
+						style: virtualViewportStyle.value
+					}, [(openBlock(true), createBlock(Fragment, null, renderList(virtualItems.value, (virtualItem) => {
+						return openBlock(), createBlock("div", {
+							key: String(virtualItem.key),
+							ref_for: true,
+							ref: measureElement,
+							"data-index": virtualItem.index,
+							"data-slot": "item",
+							class: ui.value.item({ class: unref(props).ui?.item }),
+							style: getVirtualItemStyle(virtualItem)
+						}, [renderSlot(_ctx.$slots, "default", {
+							item: unref(props).items?.[virtualItem.index],
+							index: virtualItem.index,
+							virtualItem
+						})], 14, ["data-index"]);
+					}), 128))], 6)) : (openBlock(), createBlock("div", {
+						key: 1,
+						"data-slot": "viewport",
+						class: ui.value.viewport({ class: unref(props).ui?.viewport })
+					}, [unref(props).items ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(props).items, (item, index) => {
+						return openBlock(), createBlock("div", {
+							key: getItemKey(item, index),
+							"data-slot": "item",
+							class: ui.value.item({ class: unref(props).ui?.item })
+						}, [renderSlot(_ctx.$slots, "default", {
+							item,
+							index
+						})], 2);
+					}), 128)) : renderSlot(_ctx.$slots, "default", {
+						item: {},
+						index: 0
+					}, void 0, void 0, 1)], 2))];
 				}),
 				_: 3
 			}, _parent));
 		};
 	}
 };
-var _sfc_setup$2 = _sfc_main$1.setup;
+var _sfc_setup$1 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
-	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Badge.vue");
-	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/ScrollArea.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
 //#endregion
 //#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Ftabs.ts
@@ -1680,7 +1227,7 @@ var _sfc_main = {
 															"data-slot": "leadingIcon",
 															class: ui.value.leadingIcon({ class: [unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
 														}, null, _parent, _scopeId));
-														else if (item.avatar) _push(ssrRenderComponent(_sfc_main$3$1, mergeProps({ size: item.ui?.leadingAvatarSize || unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize() }, { ref_for: true }, item.avatar, {
+														else if (item.avatar) _push(ssrRenderComponent(_sfc_main$3, mergeProps({ size: item.ui?.leadingAvatarSize || unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize() }, { ref_for: true }, item.avatar, {
 															"data-slot": "leadingAvatar",
 															class: ui.value.leadingAvatar({ class: [unref(props).ui?.leadingAvatar, item.ui?.leadingAvatar] })
 														}), null, _parent, _scopeId));
@@ -1701,7 +1248,7 @@ var _sfc_main = {
 														index,
 														ui: ui.value
 													}, () => {
-														if (item.badge || item.badge === 0) _push(ssrRenderComponent(_sfc_main$1, mergeProps({
+														if (item.badge || item.badge === 0) _push(ssrRenderComponent(_sfc_main$4, mergeProps({
 															color: "neutral",
 															variant: "outline",
 															size: item.ui?.trailingBadgeSize || unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
@@ -1721,7 +1268,7 @@ var _sfc_main = {
 														name: item.icon,
 														"data-slot": "leadingIcon",
 														class: ui.value.leadingIcon({ class: [unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
-													}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3$1, mergeProps({
+													}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
 														key: 1,
 														size: item.ui?.leadingAvatarSize || unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
 													}, { ref_for: true }, item.avatar, {
@@ -1740,7 +1287,7 @@ var _sfc_main = {
 														item,
 														index,
 														ui: ui.value
-													}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+													}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
 														key: 0,
 														color: "neutral",
 														variant: "outline",
@@ -1782,7 +1329,7 @@ var _sfc_main = {
 													name: item.icon,
 													"data-slot": "leadingIcon",
 													class: ui.value.leadingIcon({ class: [unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
-												}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3$1, mergeProps({
+												}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
 													key: 1,
 													size: item.ui?.leadingAvatarSize || unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
 												}, { ref_for: true }, item.avatar, {
@@ -1801,7 +1348,7 @@ var _sfc_main = {
 													item,
 													index,
 													ui: ui.value
-												}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+												}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
 													key: 0,
 													color: "neutral",
 													variant: "outline",
@@ -1885,7 +1432,7 @@ var _sfc_main = {
 											name: item.icon,
 											"data-slot": "leadingIcon",
 											class: ui.value.leadingIcon({ class: [unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
-										}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3$1, mergeProps({
+										}, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
 											key: 1,
 											size: item.ui?.leadingAvatarSize || unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
 										}, { ref_for: true }, item.avatar, {
@@ -1904,7 +1451,7 @@ var _sfc_main = {
 											item,
 											index,
 											ui: ui.value
-										}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+										}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
 											key: 0,
 											color: "neutral",
 											variant: "outline",
@@ -1949,61 +1496,12 @@ var _sfc_main = {
 		};
 	}
 };
-var _sfc_setup$1 = _sfc_main.setup;
+var _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
 	const ssrContext = useSSRContext();
 	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Tabs.vue");
-	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-//#endregion
-//#region app/components/MapBaseLayerTabs.vue?vue&type=script&setup=true&lang.ts
-var MapBaseLayerTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "MapBaseLayerTabs",
-	__ssrInlineRender: true,
-	props: /*@__PURE__*/ mergeModels({ items: {} }, {
-		"modelValue": { required: true },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	async setup(__props) {
-		let __temp, __restore;
-		const model = useModel(__props, "modelValue");
-		const props = __props;
-		const { data: baseMapStatus } = ([__temp, __restore] = withAsyncContext(() => useFetch("/api/map/base/status", { key: "base-map-status" }, "$9T3tZR3eQ2")), __temp = await __temp, __restore(), __temp);
-		const defaultItems = computed(() => [{
-			label: "天地图",
-			value: "tianditu",
-			icon: "i-lucide-map",
-			disabled: !baseMapStatus.value?.tiandituConfigured
-		}, {
-			label: "OSM",
-			value: "osm",
-			icon: "i-lucide-earth"
-		}]);
-		watchEffect(() => {
-			if (!props.items && baseMapStatus.value && !baseMapStatus.value.tiandituConfigured && model.value === "tianditu") model.value = "osm";
-		});
-		return (_ctx, _push, _parent, _attrs) => {
-			_push(ssrRenderComponent(_sfc_main, mergeProps({
-				modelValue: model.value,
-				"onUpdate:modelValue": ($event) => model.value = $event,
-				items: props.items || unref(defaultItems),
-				content: false,
-				size: "sm",
-				class: "w-[12rem]"
-			}, _attrs), null, _parent));
-		};
-	}
-});
-//#endregion
-//#region app/components/MapBaseLayerTabs.vue
-var _sfc_setup = MapBaseLayerTabs_vue_vue_type_script_setup_true_lang_default.setup;
-MapBaseLayerTabs_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
-	const ssrContext = useSSRContext();
-	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/MapBaseLayerTabs.vue");
 	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-var MapBaseLayerTabs_default = Object.assign(MapBaseLayerTabs_vue_vue_type_script_setup_true_lang_default, { __name: "MapBaseLayerTabs" });
 
-export { MapBaseLayerTabs_default as M, _sfc_main$3 as _, _sfc_main as a, _sfc_main$2 as b, MAP_KEY_TO_FOCUS_INTENT as c, _sfc_main$1 as d, getFocusIntent as g };
-//# sourceMappingURL=MapBaseLayerTabs-CRl5Zwlr.mjs.map
+export { FileDropZone_default as F, _sfc_main$1 as _, _sfc_main as a, useTypeahead as b, useKbd as c, getNextMatch as g, useComposing as u };
+//# sourceMappingURL=Tabs-cdLsZZoL.mjs.map