uomtiles 0.1.3 → 0.1.6

package/.output/server/chunks/build/{Tabs-cdLsZZoL.mjs → ScrollArea-1y_sQGDj.mjs}

@@ -1,19 +1,18 @@
-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 { d as useComponentProps, e as useLocale, f as useAppConfig, t as tv, P as Primitive, g as useForwardProps, r as reactivePick, o as get, b as _sfc_main$5, p as _sfc_main$3, Q as useScroll, _ as _sfc_main$2, 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-LIOZRR0G.mjs';
+import { c as _sfc_main$4, R as RovingFocusGroup_default, f as RovingFocusItem_default } from './MapLayerControl-DPdRMmuw.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';
+import { E as defu } from '../nitro/nitro.mjs';
+import { v as vueExports, s as ssrRenderComponent_1, b as ssrRenderClass_1, l as ssrRenderStyle_1, k as ssrRenderList_1, n as ssrRenderAttr_1, a as ssrRenderSlot_1, e as ssrInterpolate_1, m as ssrRenderAttrs_1 } from '../routes/renderer.mjs';
 
 //#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);
+	const isComposing = vueExports.ref(false);
 	function handleCompositionStart() {
 		isComposing.value = true;
 	}
 	function handleCompositionEnd(event) {
-		nextTick(() => {
+		vueExports.nextTick(() => {
 			isComposing.value = false;
 			onEnd?.(event);
 		});
@@ -127,7 +126,7 @@ function getNextMatch(values, search, currentMatch) {
 //#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");
-var TabsRoot_default = /* @__PURE__ */ defineComponent({
+var TabsRoot_default = /* @__PURE__ */ vueExports.defineComponent({
 	__name: "TabsRoot",
 	props: {
 		defaultValue: {
@@ -170,15 +169,15 @@ var TabsRoot_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { orientation, unmountOnHide, dir: propDir } = toRefs(props);
+		const { orientation, unmountOnHide, dir: propDir } = vueExports.toRefs(props);
 		const dir = useDirection(propDir);
 		useForwardExpose();
 		const modelValue = useVModel(props, "modelValue", emits, {
 			defaultValue: props.defaultValue,
 			passive: props.modelValue === void 0
 		});
-		const tabsList = ref();
-		const contentIds = shallowRef(/* @__PURE__ */ new Set());
+		const tabsList = vueExports.ref();
+		const contentIds = vueExports.shallowRef(/* @__PURE__ */ new Set());
 		provideTabsRootContext({
 			modelValue,
 			changeModelValue: (value) => {
@@ -201,13 +200,13 @@ var TabsRoot_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				dir: unref(dir),
-				"data-orientation": unref(orientation),
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), {
+				dir: vueExports.unref(dir),
+				"data-orientation": vueExports.unref(orientation),
 				"as-child": _ctx.asChild,
 				as: _ctx.as
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", { modelValue: vueExports.unref(modelValue) })]),
 				_: 3
 			}, 8, [
 				"dir",
@@ -228,7 +227,7 @@ function makeContentId(baseId, value) {
 }
 //#endregion
 //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsContent.js
-var TabsContent_default = /* @__PURE__ */ defineComponent({
+var TabsContent_default = /* @__PURE__ */ vueExports.defineComponent({
 	__name: "TabsContent",
 	props: {
 		value: {
@@ -252,29 +251,29 @@ var TabsContent_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const { forwardRef } = useForwardExpose();
 		const rootContext = injectTabsRootContext();
-		const triggerId = computed(() => makeTriggerId(rootContext.baseId, props.value));
-		const contentId = computed(() => makeContentId(rootContext.baseId, props.value));
-		const isSelected = computed(() => props.value === rootContext.modelValue.value);
-		const isMountAnimationPreventedRef = ref(isSelected.value);
+		const triggerId = vueExports.computed(() => makeTriggerId(rootContext.baseId, props.value));
+		const contentId = vueExports.computed(() => makeContentId(rootContext.baseId, props.value));
+		const isSelected = vueExports.computed(() => props.value === rootContext.modelValue.value);
+		const isMountAnimationPreventedRef = vueExports.ref(isSelected.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Presence_default), {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Presence_default), {
 				present: _ctx.forceMount || isSelected.value,
 				"force-mount": ""
 			}, {
-				default: withCtx(({ present }) => [createVNode(unref(Primitive), {
+				default: vueExports.withCtx(({ present }) => [vueExports.createVNode(vueExports.unref(Primitive), {
 					id: contentId.value,
-					ref: unref(forwardRef),
+					ref: vueExports.unref(forwardRef),
 					"as-child": _ctx.asChild,
 					as: _ctx.as,
 					role: "tabpanel",
 					"data-state": isSelected.value ? "active" : "inactive",
-					"data-orientation": unref(rootContext).orientation.value,
+					"data-orientation": vueExports.unref(rootContext).orientation.value,
 					"aria-labelledby": triggerId.value,
 					hidden: !present,
 					tabindex: "0",
-					style: normalizeStyle({ animationDuration: isMountAnimationPreventedRef.value ? "0s" : void 0 })
+					style: vueExports.normalizeStyle({ animationDuration: isMountAnimationPreventedRef.value ? "0s" : void 0 })
 				}, {
-					default: withCtx(() => [(unref(rootContext).unmountOnHide.value ? present : true) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)]),
+					default: vueExports.withCtx(() => [(vueExports.unref(rootContext).unmountOnHide.value ? present : true) ? vueExports.renderSlot(_ctx.$slots, "default", { key: 0 }) : vueExports.createCommentVNode("v-if", true)]),
 					_: 2
 				}, 1032, [
 					"id",
@@ -293,7 +292,7 @@ var TabsContent_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsIndicator.js
-var TabsIndicator_default = /* @__PURE__ */ defineComponent({
+var TabsIndicator_default = /* @__PURE__ */ vueExports.defineComponent({
 	__name: "TabsIndicator",
 	props: {
 		asChild: {
@@ -311,22 +310,22 @@ var TabsIndicator_default = /* @__PURE__ */ defineComponent({
 		__expose({ updateIndicatorStyle });
 		useForwardExpose();
 		const isMounted = useMounted();
-		const indicatorStyle = ref({
+		const indicatorStyle = vueExports.ref({
 			size: null,
 			thickness: null,
 			position: null
 		});
-		const tabs = ref([]);
-		watch(() => [context.modelValue.value, context?.dir.value], () => {
+		const tabs = vueExports.ref([]);
+		vueExports.watch(() => [context.modelValue.value, context?.dir.value], () => {
 			updateIndicatorStyle();
 		}, {
 			immediate: true,
 			flush: "post"
 		});
-		watchPostEffect(() => {
+		vueExports.watchPostEffect(() => {
 			tabs.value = Array.from(context.tabsList.value?.querySelectorAll("[role=\"tab\"]") || []);
 		});
-		useResizeObserver(computed(() => [context.tabsList.value, ...tabs.value]), updateIndicatorStyle);
+		useResizeObserver(vueExports.computed(() => [context.tabsList.value, ...tabs.value]), updateIndicatorStyle);
 		function updateIndicatorStyle() {
 			const activeTab = context.tabsList.value?.querySelector("[role=\"tab\"][data-state=\"active\"]");
 			if (!activeTab) return;
@@ -342,20 +341,20 @@ var TabsIndicator_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		return (_ctx, _cache) => {
-			return unref(isMounted) && typeof indicatorStyle.value.size === "number" ? (openBlock(), createBlock(unref(Primitive), mergeProps({ key: 0 }, props, { style: {
+			return vueExports.unref(isMounted) && typeof indicatorStyle.value.size === "number" ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps({ key: 0 }, props, { style: {
 				"--reka-tabs-indicator-size": `${indicatorStyle.value.size}px`,
 				"--reka-tabs-indicator-thickness": `${indicatorStyle.value.thickness}px`,
 				"--reka-tabs-indicator-position": `${indicatorStyle.value.position}px`
 			} }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["style"])) : createCommentVNode("v-if", true);
+			}, 16, ["style"])) : vueExports.createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsList.js
-var TabsList_default = /* @__PURE__ */ defineComponent({
+var TabsList_default = /* @__PURE__ */ vueExports.defineComponent({
 	__name: "TabsList",
 	props: {
 		loop: {
@@ -373,25 +372,25 @@ var TabsList_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(__props) {
-		const { loop } = toRefs(__props);
+		const { loop } = vueExports.toRefs(__props);
 		const { forwardRef, currentElement } = useForwardExpose();
 		const context = injectTabsRootContext();
 		context.tabsList = currentElement;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RovingFocusGroup_default), {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(RovingFocusGroup_default), {
 				"as-child": "",
-				orientation: unref(context).orientation.value,
-				dir: unref(context).dir.value,
-				loop: unref(loop)
+				orientation: vueExports.unref(context).orientation.value,
+				dir: vueExports.unref(context).dir.value,
+				loop: vueExports.unref(loop)
 			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					ref: unref(forwardRef),
+				default: vueExports.withCtx(() => [vueExports.createVNode(vueExports.unref(Primitive), {
+					ref: vueExports.unref(forwardRef),
 					role: "tablist",
 					"as-child": _ctx.asChild,
 					as: _ctx.as,
-					"aria-orientation": unref(context).orientation.value
+					"aria-orientation": vueExports.unref(context).orientation.value
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, [
 					"as-child",
@@ -409,7 +408,7 @@ var TabsList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsTrigger.js
-var TabsTrigger_default = /* @__PURE__ */ defineComponent({
+var TabsTrigger_default = /* @__PURE__ */ vueExports.defineComponent({
 	__name: "TabsTrigger",
 	props: {
 		value: {
@@ -435,18 +434,18 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const { forwardRef } = useForwardExpose();
 		const rootContext = injectTabsRootContext();
-		const triggerId = computed(() => makeTriggerId(rootContext.baseId, props.value));
-		const contentId = computed(() => rootContext.contentIds.value.has(props.value) ? makeContentId(rootContext.baseId, props.value) : void 0);
-		const isSelected = computed(() => props.value === rootContext.modelValue.value);
+		const triggerId = vueExports.computed(() => makeTriggerId(rootContext.baseId, props.value));
+		const contentId = vueExports.computed(() => rootContext.contentIds.value.has(props.value) ? makeContentId(rootContext.baseId, props.value) : void 0);
+		const isSelected = vueExports.computed(() => props.value === rootContext.modelValue.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RovingFocusItem_default), {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(RovingFocusItem_default), {
 				"as-child": "",
 				focusable: !_ctx.disabled,
 				active: isSelected.value
 			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
+				default: vueExports.withCtx(() => [vueExports.createVNode(vueExports.unref(Primitive), {
 					id: triggerId.value,
-					ref: unref(forwardRef),
+					ref: vueExports.unref(forwardRef),
 					role: "tab",
 					type: _ctx.as === "button" ? "button" : void 0,
 					as: _ctx.as,
@@ -456,18 +455,18 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 					"data-state": isSelected.value ? "active" : "inactive",
 					disabled: _ctx.disabled,
 					"data-disabled": _ctx.disabled ? "" : void 0,
-					"data-orientation": unref(rootContext).orientation.value,
-					onMousedown: _cache[0] || (_cache[0] = withModifiers((event) => {
-						if (!_ctx.disabled && event.ctrlKey === false) unref(rootContext).changeModelValue(_ctx.value);
+					"data-orientation": vueExports.unref(rootContext).orientation.value,
+					onMousedown: _cache[0] || (_cache[0] = vueExports.withModifiers((event) => {
+						if (!_ctx.disabled && event.ctrlKey === false) vueExports.unref(rootContext).changeModelValue(_ctx.value);
 						else event.preventDefault();
 					}, ["left"])),
-					onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => unref(rootContext).changeModelValue(_ctx.value), ["enter", "space"])),
+					onKeydown: _cache[1] || (_cache[1] = vueExports.withKeys(($event) => vueExports.unref(rootContext).changeModelValue(_ctx.value), ["enter", "space"])),
 					onFocus: _cache[2] || (_cache[2] = () => {
-						const isAutomaticActivation = unref(rootContext).activationMode !== "manual";
-						if (!isSelected.value && !_ctx.disabled && isAutomaticActivation) unref(rootContext).changeModelValue(_ctx.value);
+						const isAutomaticActivation = vueExports.unref(rootContext).activationMode !== "manual";
+						if (!isSelected.value && !_ctx.disabled && isAutomaticActivation) vueExports.unref(rootContext).changeModelValue(_ctx.value);
 					})
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, [
 					"id",
@@ -487,533 +486,162 @@ var TabsTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#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: {
-		accept: {},
-		title: {},
-		description: {},
-		fileName: {},
-		pending: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["select"],
-	setup(__props, { emit: __emit }) {
-		useTemplateRef("input");
-		const dragging = ref(false);
-		return (_ctx, _push, _parent, _attrs) => {
-			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>`);
-		};
-	}
-});
-//#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("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 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 = {
+//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Ftabs.ts
+var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Ftabs_default = {
 	"slots": {
-		"root": "relative outline-primary/25 focus-visible:outline-3",
-		"viewport": "relative flex",
-		"item": ""
+		"root": "flex items-center gap-2",
+		"list": "relative flex p-1 group",
+		"indicator": "absolute transition-[translate,width] duration-200",
+		"trigger": ["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75", "transition-colors"],
+		"leadingIcon": "shrink-0",
+		"leadingAvatar": "shrink-0",
+		"leadingAvatarSize": "",
+		"label": "truncate",
+		"trailingBadge": "shrink-0",
+		"trailingBadgeSize": "sm",
+		"content": "w-full rounded-md focus-visible:outline-3"
 	},
 	"variants": {
+		"color": {
+			"primary": { "content": "outline-primary/25" },
+			"secondary": { "content": "outline-secondary/25" },
+			"success": { "content": "outline-success/25" },
+			"info": { "content": "outline-info/25" },
+			"warning": { "content": "outline-warning/25" },
+			"error": { "content": "outline-error/25" },
+			"neutral": { "content": "outline-inverted/25" }
+		},
+		"variant": {
+			"pill": {
+				"list": "bg-elevated rounded-lg",
+				"trigger": ["grow", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate"],
+				"indicator": "rounded-md shadow-xs"
+			},
+			"link": {
+				"list": "border-default",
+				"indicator": "rounded-full",
+				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full"
+			}
+		},
 		"orientation": {
+			"horizontal": {
+				"root": "flex-col",
+				"list": "w-full",
+				"indicator": "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
+				"trigger": "justify-center"
+			},
 			"vertical": {
-				"root": "overflow-y-auto overflow-x-hidden",
-				"viewport": "flex-col",
-				"item": ""
+				"list": "flex-col",
+				"indicator": "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
+			}
+		},
+		"size": {
+			"xs": {
+				"trigger": "px-2 py-1 text-xs gap-1",
+				"leadingIcon": "size-4",
+				"leadingAvatarSize": "3xs"
 			},
-			"horizontal": {
-				"root": "overflow-x-auto overflow-y-hidden",
-				"viewport": "flex-row",
-				"item": ""
+			"sm": {
+				"trigger": "px-2.5 py-1.5 text-xs gap-1.5",
+				"leadingIcon": "size-4",
+				"leadingAvatarSize": "3xs"
+			},
+			"md": {
+				"trigger": "px-3 py-1.5 text-sm gap-1.5",
+				"leadingIcon": "size-5",
+				"leadingAvatarSize": "2xs"
+			},
+			"lg": {
+				"trigger": "px-3 py-2 text-sm gap-2",
+				"leadingIcon": "size-5",
+				"leadingAvatarSize": "2xs"
+			},
+			"xl": {
+				"trigger": "px-3 py-2 text-base gap-2",
+				"leadingIcon": "size-6",
+				"leadingAvatarSize": "xs"
 			}
+		}
+	},
+	"compoundVariants": [
+		{
+			"orientation": "horizontal",
+			"variant": "pill",
+			"class": { "indicator": "inset-y-1" }
 		},
-		"externalScroll": { "true": { "root": "overflow-visible" } }
-	}
-};
-//#endregion
-//#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
+		{
+			"orientation": "horizontal",
+			"variant": "link",
+			"class": {
+				"list": "border-b -mb-px",
+				"indicator": "-bottom-px h-px",
+				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px"
+			}
 		},
-		orientation: {
-			type: null,
-			required: false,
-			default: "vertical"
+		{
+			"orientation": "vertical",
+			"variant": "pill",
+			"class": {
+				"indicator": "inset-x-1",
+				"list": "items-center",
+				"trigger": "w-full justify-center"
+			}
 		},
-		items: {
-			type: Array,
-			required: false
+		{
+			"orientation": "vertical",
+			"variant": "link",
+			"class": {
+				"list": "border-s -ms-px",
+				"indicator": "-start-px w-px",
+				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px"
+			}
 		},
-		virtualize: {
-			type: [Boolean, Object],
-			required: false,
-			default: false
+		{
+			"color": "primary",
+			"variant": "pill",
+			"class": {
+				"indicator": "bg-primary",
+				"trigger": ["data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary"]
+			}
 		},
-		shadow: {
-			type: [Boolean, Object],
-			required: false,
-			default: false
+		{
+			"color": "secondary",
+			"variant": "pill",
+			"class": {
+				"indicator": "bg-secondary",
+				"trigger": ["data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary"]
+			}
 		},
-		class: {
-			type: null,
-			required: false
+		{
+			"color": "success",
+			"variant": "pill",
+			"class": {
+				"indicator": "bg-success",
+				"trigger": ["data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success"]
+			}
 		},
-		ui: {
-			type: Object,
-			required: false
-		}
-	},
-	emits: ["scroll"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const _props = __props;
-		const emits = __emit;
-		const props = useComponentProps("scrollArea", _props);
-		const { dir } = useLocale();
-		const appConfig = useAppConfig();
-		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_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;
-			},
-			get gap() {
-				return virtualizerProps.value.gap;
-			},
-			get paddingStart() {
-				return virtualizerProps.value.paddingStart;
-			},
-			get paddingEnd() {
-				return virtualizerProps.value.paddingEnd;
-			},
-			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;
-			}
-		});
-		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)`
-			};
-		}
-		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);
-			}
-		}
-		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": "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) {
-						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$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/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
-var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Ftabs_default = {
-	"slots": {
-		"root": "flex items-center gap-2",
-		"list": "relative flex p-1 group",
-		"indicator": "absolute transition-[translate,width] duration-200",
-		"trigger": ["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75", "transition-colors"],
-		"leadingIcon": "shrink-0",
-		"leadingAvatar": "shrink-0",
-		"leadingAvatarSize": "",
-		"label": "truncate",
-		"trailingBadge": "shrink-0",
-		"trailingBadgeSize": "sm",
-		"content": "w-full rounded-md focus-visible:outline-3"
-	},
-	"variants": {
-		"color": {
-			"primary": { "content": "outline-primary/25" },
-			"secondary": { "content": "outline-secondary/25" },
-			"success": { "content": "outline-success/25" },
-			"info": { "content": "outline-info/25" },
-			"warning": { "content": "outline-warning/25" },
-			"error": { "content": "outline-error/25" },
-			"neutral": { "content": "outline-inverted/25" }
-		},
-		"variant": {
-			"pill": {
-				"list": "bg-elevated rounded-lg",
-				"trigger": ["grow", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate"],
-				"indicator": "rounded-md shadow-xs"
-			},
-			"link": {
-				"list": "border-default",
-				"indicator": "rounded-full",
-				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full"
-			}
-		},
-		"orientation": {
-			"horizontal": {
-				"root": "flex-col",
-				"list": "w-full",
-				"indicator": "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
-				"trigger": "justify-center"
-			},
-			"vertical": {
-				"list": "flex-col",
-				"indicator": "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
-			}
-		},
-		"size": {
-			"xs": {
-				"trigger": "px-2 py-1 text-xs gap-1",
-				"leadingIcon": "size-4",
-				"leadingAvatarSize": "3xs"
-			},
-			"sm": {
-				"trigger": "px-2.5 py-1.5 text-xs gap-1.5",
-				"leadingIcon": "size-4",
-				"leadingAvatarSize": "3xs"
-			},
-			"md": {
-				"trigger": "px-3 py-1.5 text-sm gap-1.5",
-				"leadingIcon": "size-5",
-				"leadingAvatarSize": "2xs"
-			},
-			"lg": {
-				"trigger": "px-3 py-2 text-sm gap-2",
-				"leadingIcon": "size-5",
-				"leadingAvatarSize": "2xs"
-			},
-			"xl": {
-				"trigger": "px-3 py-2 text-base gap-2",
-				"leadingIcon": "size-6",
-				"leadingAvatarSize": "xs"
-			}
-		}
-	},
-	"compoundVariants": [
 		{
-			"orientation": "horizontal",
+			"color": "info",
 			"variant": "pill",
-			"class": { "indicator": "inset-y-1" }
+			"class": {
+				"indicator": "bg-info",
+				"trigger": ["data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info"]
+			}
 		},
 		{
-			"orientation": "horizontal",
-			"variant": "link",
+			"color": "warning",
+			"variant": "pill",
 			"class": {
-				"list": "border-b -mb-px",
-				"indicator": "-bottom-px h-px",
-				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px"
+				"indicator": "bg-warning",
+				"trigger": ["data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning"]
 			}
 		},
 		{
-			"orientation": "vertical",
+			"color": "error",
 			"variant": "pill",
 			"class": {
-				"indicator": "inset-x-1",
-				"list": "items-center",
-				"trigger": "w-full justify-center"
-			}
-		},
-		{
-			"orientation": "vertical",
-			"variant": "link",
-			"class": {
-				"list": "border-s -ms-px",
-				"indicator": "-start-px w-px",
-				"trigger": "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px"
-			}
-		},
-		{
-			"color": "primary",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-primary",
-				"trigger": ["data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary"]
-			}
-		},
-		{
-			"color": "secondary",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-secondary",
-				"trigger": ["data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary"]
-			}
-		},
-		{
-			"color": "success",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-success",
-				"trigger": ["data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success"]
-			}
-		},
-		{
-			"color": "info",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-info",
-				"trigger": ["data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info"]
-			}
-		},
-		{
-			"color": "warning",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-warning",
-				"trigger": ["data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning"]
-			}
-		},
-		{
-			"color": "error",
-			"variant": "pill",
-			"class": {
-				"indicator": "bg-error",
-				"trigger": ["data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error"]
+				"indicator": "bg-error",
+				"trigger": ["data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error"]
 			}
 		},
 		{
@@ -1072,66 +700,573 @@ var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Ftabs_default = {
 				"trigger": ["data-[state=active]:text-error outline-error/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error"]
 			}
 		},
-		{
-			"color": "neutral",
-			"variant": "link",
-			"class": {
-				"indicator": "bg-inverted",
-				"trigger": ["data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted"]
-			}
-		}
-	],
-	"defaultVariants": {
-		"color": "primary",
-		"variant": "pill",
-		"size": "md"
+		{
+			"color": "neutral",
+			"variant": "link",
+			"class": {
+				"indicator": "bg-inverted",
+				"trigger": ["data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted"]
+			}
+		}
+	],
+	"defaultVariants": {
+		"color": "primary",
+		"variant": "pill",
+		"size": "md"
+	}
+};
+//#endregion
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Tabs.vue
+var _sfc_main$1 = {
+	__name: "UTabs",
+	__ssrInlineRender: true,
+	props: {
+		as: {
+			type: null,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		color: {
+			type: null,
+			required: false
+		},
+		variant: {
+			type: null,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		orientation: {
+			type: null,
+			required: false,
+			default: "horizontal"
+		},
+		content: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		valueKey: {
+			type: null,
+			required: false,
+			default: "value"
+		},
+		labelKey: {
+			type: null,
+			required: false,
+			default: "label"
+		},
+		class: {
+			type: null,
+			required: false
+		},
+		ui: {
+			type: Object,
+			required: false
+		},
+		defaultValue: {
+			type: [String, Number],
+			required: false,
+			default: "0"
+		},
+		modelValue: {
+			type: [String, Number],
+			required: false
+		},
+		activationMode: {
+			type: String,
+			required: false
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const _props = __props;
+		const emits = __emit;
+		const slots = vueExports.useSlots();
+		const props = useComponentProps("tabs", _props);
+		const appConfig = useAppConfig();
+		const rootProps = useForwardProps(reactivePick(props, "as", "unmountOnHide"), emits);
+		const ui = vueExports.computed(() => tv({
+			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Ftabs_default,
+			...appConfig.ui?.tabs || {}
+		})({
+			color: props.color,
+			variant: props.variant,
+			size: props.size,
+			orientation: props.orientation
+		}));
+		const triggersRef = vueExports.ref([]);
+		function setTriggerRef(index, el) {
+			triggersRef.value[index] = el;
+		}
+		__expose({ triggersRef });
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(ssrRenderComponent_1(vueExports.unref(TabsRoot_default), vueExports.mergeProps(vueExports.unref(rootProps), {
+				"model-value": vueExports.unref(props).modelValue,
+				"default-value": vueExports.unref(props).defaultValue,
+				orientation: vueExports.unref(props).orientation,
+				"activation-mode": vueExports.unref(props).activationMode,
+				"data-slot": "root",
+				class: ui.value.root({ class: [vueExports.unref(props).ui?.root, vueExports.unref(props).class] })
+			}, _attrs), {
+				default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(ssrRenderComponent_1(vueExports.unref(TabsList_default), {
+							"data-slot": "list",
+							class: ui.value.list({ class: vueExports.unref(props).ui?.list })
+						}, {
+							default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) {
+									_push(ssrRenderComponent_1(vueExports.unref(TabsIndicator_default), {
+										"data-slot": "indicator",
+										class: ui.value.indicator({ class: vueExports.unref(props).ui?.indicator })
+									}, null, _parent, _scopeId));
+									ssrRenderSlot_1(_ctx.$slots, "list-leading", {}, null, _push, _parent, _scopeId);
+									_push(`<!--[-->`);
+									ssrRenderList_1(vueExports.unref(props).items, (item, index) => {
+										_push(ssrRenderComponent_1(vueExports.unref(TabsTrigger_default), {
+											key: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? index,
+											ref_for: true,
+											ref: (el) => setTriggerRef(index, el),
+											value: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? String(index),
+											disabled: item.disabled,
+											"data-slot": "trigger",
+											class: ui.value.trigger({ class: [vueExports.unref(props).ui?.trigger, item.ui?.trigger] })
+										}, {
+											default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) {
+													ssrRenderSlot_1(_ctx.$slots, "leading", {
+														item,
+														index,
+														ui: ui.value
+													}, () => {
+														if (item.icon) _push(ssrRenderComponent_1(_sfc_main$5, {
+															name: item.icon,
+															"data-slot": "leadingIcon",
+															class: ui.value.leadingIcon({ class: [vueExports.unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
+														}, null, _parent, _scopeId));
+														else if (item.avatar) _push(ssrRenderComponent_1(_sfc_main$3, vueExports.mergeProps({ size: item.ui?.leadingAvatarSize || vueExports.unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize() }, { ref_for: true }, item.avatar, {
+															"data-slot": "leadingAvatar",
+															class: ui.value.leadingAvatar({ class: [vueExports.unref(props).ui?.leadingAvatar, item.ui?.leadingAvatar] })
+														}), null, _parent, _scopeId));
+														else _push(`<!---->`);
+													}, _push, _parent, _scopeId);
+													if (vueExports.unref(get)(item, vueExports.unref(props).labelKey) || !!slots.default) {
+														_push(`<span data-slot="label" class="${ssrRenderClass_1(ui.value.label({ class: [vueExports.unref(props).ui?.label, item.ui?.label] }))}"${_scopeId}>`);
+														ssrRenderSlot_1(_ctx.$slots, "default", {
+															item,
+															index
+														}, () => {
+															_push(`${ssrInterpolate_1(vueExports.unref(get)(item, vueExports.unref(props).labelKey))}`);
+														}, _push, _parent, _scopeId);
+														_push(`</span>`);
+													} else _push(`<!---->`);
+													ssrRenderSlot_1(_ctx.$slots, "trailing", {
+														item,
+														index,
+														ui: ui.value
+													}, () => {
+														if (item.badge || item.badge === 0) _push(ssrRenderComponent_1(_sfc_main$4, vueExports.mergeProps({
+															color: "neutral",
+															variant: "outline",
+															size: item.ui?.trailingBadgeSize || vueExports.unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
+														}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+															"data-slot": "trailingBadge",
+															class: ui.value.trailingBadge({ class: [vueExports.unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
+														}), null, _parent, _scopeId));
+														else _push(`<!---->`);
+													}, _push, _parent, _scopeId);
+												} else return [
+													vueExports.renderSlot(_ctx.$slots, "leading", {
+														item,
+														index,
+														ui: ui.value
+													}, () => [item.icon ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$5, {
+														key: 0,
+														name: item.icon,
+														"data-slot": "leadingIcon",
+														class: ui.value.leadingIcon({ class: [vueExports.unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
+													}, null, 8, ["name", "class"])) : item.avatar ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$3, vueExports.mergeProps({
+														key: 1,
+														size: item.ui?.leadingAvatarSize || vueExports.unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
+													}, { ref_for: true }, item.avatar, {
+														"data-slot": "leadingAvatar",
+														class: ui.value.leadingAvatar({ class: [vueExports.unref(props).ui?.leadingAvatar, item.ui?.leadingAvatar] })
+													}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)]),
+													vueExports.unref(get)(item, vueExports.unref(props).labelKey) || !!slots.default ? (vueExports.openBlock(), vueExports.createBlock("span", {
+														key: 0,
+														"data-slot": "label",
+														class: ui.value.label({ class: [vueExports.unref(props).ui?.label, item.ui?.label] })
+													}, [vueExports.renderSlot(_ctx.$slots, "default", {
+														item,
+														index
+													}, () => [vueExports.createTextVNode(vueExports.toDisplayString(vueExports.unref(get)(item, vueExports.unref(props).labelKey)), 1)])], 2)) : vueExports.createCommentVNode("", true),
+													vueExports.renderSlot(_ctx.$slots, "trailing", {
+														item,
+														index,
+														ui: ui.value
+													}, () => [item.badge || item.badge === 0 ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$4, vueExports.mergeProps({
+														key: 0,
+														color: "neutral",
+														variant: "outline",
+														size: item.ui?.trailingBadgeSize || vueExports.unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
+													}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+														"data-slot": "trailingBadge",
+														class: ui.value.trailingBadge({ class: [vueExports.unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
+													}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)])
+												];
+											}),
+											_: 2
+										}, _parent, _scopeId));
+									});
+									_push(`<!--]-->`);
+									ssrRenderSlot_1(_ctx.$slots, "list-trailing", {}, null, _push, _parent, _scopeId);
+								} else return [
+									vueExports.createVNode(vueExports.unref(TabsIndicator_default), {
+										"data-slot": "indicator",
+										class: ui.value.indicator({ class: vueExports.unref(props).ui?.indicator })
+									}, null, 8, ["class"]),
+									vueExports.renderSlot(_ctx.$slots, "list-leading"),
+									(vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, null, vueExports.renderList(vueExports.unref(props).items, (item, index) => {
+										return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(TabsTrigger_default), {
+											key: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? index,
+											ref_for: true,
+											ref: (el) => setTriggerRef(index, el),
+											value: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? String(index),
+											disabled: item.disabled,
+											"data-slot": "trigger",
+											class: ui.value.trigger({ class: [vueExports.unref(props).ui?.trigger, item.ui?.trigger] })
+										}, {
+											default: vueExports.withCtx(() => [
+												vueExports.renderSlot(_ctx.$slots, "leading", {
+													item,
+													index,
+													ui: ui.value
+												}, () => [item.icon ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$5, {
+													key: 0,
+													name: item.icon,
+													"data-slot": "leadingIcon",
+													class: ui.value.leadingIcon({ class: [vueExports.unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
+												}, null, 8, ["name", "class"])) : item.avatar ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$3, vueExports.mergeProps({
+													key: 1,
+													size: item.ui?.leadingAvatarSize || vueExports.unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
+												}, { ref_for: true }, item.avatar, {
+													"data-slot": "leadingAvatar",
+													class: ui.value.leadingAvatar({ class: [vueExports.unref(props).ui?.leadingAvatar, item.ui?.leadingAvatar] })
+												}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)]),
+												vueExports.unref(get)(item, vueExports.unref(props).labelKey) || !!slots.default ? (vueExports.openBlock(), vueExports.createBlock("span", {
+													key: 0,
+													"data-slot": "label",
+													class: ui.value.label({ class: [vueExports.unref(props).ui?.label, item.ui?.label] })
+												}, [vueExports.renderSlot(_ctx.$slots, "default", {
+													item,
+													index
+												}, () => [vueExports.createTextVNode(vueExports.toDisplayString(vueExports.unref(get)(item, vueExports.unref(props).labelKey)), 1)])], 2)) : vueExports.createCommentVNode("", true),
+												vueExports.renderSlot(_ctx.$slots, "trailing", {
+													item,
+													index,
+													ui: ui.value
+												}, () => [item.badge || item.badge === 0 ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$4, vueExports.mergeProps({
+													key: 0,
+													color: "neutral",
+													variant: "outline",
+													size: item.ui?.trailingBadgeSize || vueExports.unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
+												}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+													"data-slot": "trailingBadge",
+													class: ui.value.trailingBadge({ class: [vueExports.unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
+												}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)])
+											]),
+											_: 2
+										}, 1032, [
+											"value",
+											"disabled",
+											"class"
+										]);
+									}), 128)),
+									vueExports.renderSlot(_ctx.$slots, "list-trailing")
+								];
+							}),
+							_: 3
+						}, _parent, _scopeId));
+						if (!!vueExports.unref(props).content) {
+							_push(`<!--[-->`);
+							ssrRenderList_1(vueExports.unref(props).items, (item, index) => {
+								_push(ssrRenderComponent_1(vueExports.unref(TabsContent_default), {
+									key: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? index,
+									value: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? String(index),
+									"data-slot": "content",
+									class: ui.value.content({ class: [
+										vueExports.unref(props).ui?.content,
+										item.ui?.content,
+										item.class
+									] })
+								}, {
+									default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) ssrRenderSlot_1(_ctx.$slots, item.slot || "content", {
+											item,
+											index,
+											ui: ui.value
+										}, () => {
+											_push(`${ssrInterpolate_1(item.content)}`);
+										}, _push, _parent, _scopeId);
+										else return [vueExports.renderSlot(_ctx.$slots, item.slot || "content", {
+											item,
+											index,
+											ui: ui.value
+										}, () => [vueExports.createTextVNode(vueExports.toDisplayString(item.content), 1)])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+							});
+							_push(`<!--]-->`);
+						} else _push(`<!---->`);
+					} else return [vueExports.createVNode(vueExports.unref(TabsList_default), {
+						"data-slot": "list",
+						class: ui.value.list({ class: vueExports.unref(props).ui?.list })
+					}, {
+						default: vueExports.withCtx(() => [
+							vueExports.createVNode(vueExports.unref(TabsIndicator_default), {
+								"data-slot": "indicator",
+								class: ui.value.indicator({ class: vueExports.unref(props).ui?.indicator })
+							}, null, 8, ["class"]),
+							vueExports.renderSlot(_ctx.$slots, "list-leading"),
+							(vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, null, vueExports.renderList(vueExports.unref(props).items, (item, index) => {
+								return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(TabsTrigger_default), {
+									key: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? index,
+									ref_for: true,
+									ref: (el) => setTriggerRef(index, el),
+									value: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? String(index),
+									disabled: item.disabled,
+									"data-slot": "trigger",
+									class: ui.value.trigger({ class: [vueExports.unref(props).ui?.trigger, item.ui?.trigger] })
+								}, {
+									default: vueExports.withCtx(() => [
+										vueExports.renderSlot(_ctx.$slots, "leading", {
+											item,
+											index,
+											ui: ui.value
+										}, () => [item.icon ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$5, {
+											key: 0,
+											name: item.icon,
+											"data-slot": "leadingIcon",
+											class: ui.value.leadingIcon({ class: [vueExports.unref(props).ui?.leadingIcon, item.ui?.leadingIcon] })
+										}, null, 8, ["name", "class"])) : item.avatar ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$3, vueExports.mergeProps({
+											key: 1,
+											size: item.ui?.leadingAvatarSize || vueExports.unref(props).ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
+										}, { ref_for: true }, item.avatar, {
+											"data-slot": "leadingAvatar",
+											class: ui.value.leadingAvatar({ class: [vueExports.unref(props).ui?.leadingAvatar, item.ui?.leadingAvatar] })
+										}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)]),
+										vueExports.unref(get)(item, vueExports.unref(props).labelKey) || !!slots.default ? (vueExports.openBlock(), vueExports.createBlock("span", {
+											key: 0,
+											"data-slot": "label",
+											class: ui.value.label({ class: [vueExports.unref(props).ui?.label, item.ui?.label] })
+										}, [vueExports.renderSlot(_ctx.$slots, "default", {
+											item,
+											index
+										}, () => [vueExports.createTextVNode(vueExports.toDisplayString(vueExports.unref(get)(item, vueExports.unref(props).labelKey)), 1)])], 2)) : vueExports.createCommentVNode("", true),
+										vueExports.renderSlot(_ctx.$slots, "trailing", {
+											item,
+											index,
+											ui: ui.value
+										}, () => [item.badge || item.badge === 0 ? (vueExports.openBlock(), vueExports.createBlock(_sfc_main$4, vueExports.mergeProps({
+											key: 0,
+											color: "neutral",
+											variant: "outline",
+											size: item.ui?.trailingBadgeSize || vueExports.unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
+										}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+											"data-slot": "trailingBadge",
+											class: ui.value.trailingBadge({ class: [vueExports.unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
+										}), null, 16, ["size", "class"])) : vueExports.createCommentVNode("", true)])
+									]),
+									_: 2
+								}, 1032, [
+									"value",
+									"disabled",
+									"class"
+								]);
+							}), 128)),
+							vueExports.renderSlot(_ctx.$slots, "list-trailing")
+						]),
+						_: 3
+					}, 8, ["class"]), !!vueExports.unref(props).content ? (vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, { key: 0 }, vueExports.renderList(vueExports.unref(props).items, (item, index) => {
+						return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(TabsContent_default), {
+							key: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? index,
+							value: vueExports.unref(get)(item, vueExports.unref(props).valueKey) ?? String(index),
+							"data-slot": "content",
+							class: ui.value.content({ class: [
+								vueExports.unref(props).ui?.content,
+								item.ui?.content,
+								item.class
+							] })
+						}, {
+							default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, item.slot || "content", {
+								item,
+								index,
+								ui: ui.value
+							}, () => [vueExports.createTextVNode(vueExports.toDisplayString(item.content), 1)])]),
+							_: 2
+						}, 1032, ["value", "class"]);
+					}), 128)) : vueExports.createCommentVNode("", true)];
+				}),
+				_: 3
+			}, _parent));
+		};
+	}
+};
+var _sfc_setup$2 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+	const ssrContext = vueExports.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$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+//#endregion
+//#region app/components/FileDropZone.vue?vue&type=script&setup=true&lang.ts
+var FileDropZone_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ vueExports.defineComponent({
+	__name: "FileDropZone",
+	__ssrInlineRender: true,
+	props: {
+		accept: {},
+		title: {},
+		description: {},
+		fileName: {},
+		pending: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		vueExports.useTemplateRef("input");
+		const dragging = vueExports.ref(false);
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UIcon = _sfc_main$5;
+			const _component_UButton = _sfc_main$2;
+			_push(`<div${ssrRenderAttrs_1(vueExports.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", vueExports.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_1("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_1(_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_1(__props.fileName || __props.title)}</p>`);
+			if (__props.pending || __props.fileName || __props.description) _push(`<p class="mt-1 text-xs text-muted">${ssrInterpolate_1(__props.pending ? "正在读取文件" : __props.fileName ? "点击或拖入文件以替换" : __props.description)}</p>`);
+			else _push(`<!---->`);
+			_push(`</div>`);
+			_push(ssrRenderComponent_1(_component_UButton, {
+				type: "button",
+				icon: "i-lucide-folder-open",
+				label: "选择文件",
+				color: "neutral",
+				variant: "outline",
+				loading: __props.pending,
+				tabindex: "-1"
+			}, null, _parent));
+			_push(`</div>`);
+		};
+	}
+});
+//#endregion
+//#region app/components/FileDropZone.vue
+var _sfc_setup$1 = FileDropZone_vue_vue_type_script_setup_true_lang_default.setup;
+FileDropZone_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = vueExports.useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/FileDropZone.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var FileDropZone_default = Object.assign(FileDropZone_vue_vue_type_script_setup_true_lang_default, { __name: "FileDropZone" });
+//#endregion
+//#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: vueExports.computed(() => {
+			const el = vueExports.toValue(element);
+			const orientation = vueExports.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 = `${vueExports.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: vueExports.computed(() => {
+			arrivedState.top, arrivedState.bottom, arrivedState.left, arrivedState.right;
+			const el = vueExports.toValue(element);
+			if (!el) return false;
+			return (vueExports.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": "relative outline-primary/25 focus-visible:outline-3",
+		"viewport": "relative flex",
+		"item": ""
+	},
+	"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/Tabs.vue
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/ScrollArea.vue
 var _sfc_main = {
-	__name: "UTabs",
+	__name: "UScrollArea",
 	__ssrInlineRender: true,
 	props: {
 		as: {
 			type: null,
 			required: false
 		},
-		items: {
-			type: Array,
-			required: false
-		},
-		color: {
-			type: null,
-			required: false
-		},
-		variant: {
-			type: null,
-			required: false
-		},
-		size: {
-			type: null,
-			required: false
-		},
 		orientation: {
 			type: null,
 			required: false,
-			default: "horizontal"
+			default: "vertical"
 		},
-		content: {
-			type: Boolean,
-			required: false,
-			default: true
+		items: {
+			type: Array,
+			required: false
 		},
-		valueKey: {
-			type: null,
+		virtualize: {
+			type: [Boolean, Object],
 			required: false,
-			default: "value"
+			default: false
 		},
-		labelKey: {
-			type: null,
+		shadow: {
+			type: [Boolean, Object],
 			required: false,
-			default: "label"
+			default: false
 		},
 		class: {
 			type: null,
@@ -1140,356 +1275,220 @@ var _sfc_main = {
 		ui: {
 			type: Object,
 			required: false
-		},
-		defaultValue: {
-			type: [String, Number],
-			required: false,
-			default: "0"
-		},
-		modelValue: {
-			type: [String, Number],
-			required: false
-		},
-		activationMode: {
-			type: String,
-			required: false
-		},
-		unmountOnHide: {
-			type: Boolean,
-			required: false,
-			default: true
 		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const _props = __props;
-		const emits = __emit;
-		const slots = useSlots();
-		const props = useComponentProps("tabs", _props);
-		const appConfig = useAppConfig();
-		const rootProps = useForwardProps(reactivePick(props, "as", "unmountOnHide"), emits);
-		const ui = computed(() => tv({
-			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Ftabs_default,
-			...appConfig.ui?.tabs || {}
-		})({
-			color: props.color,
-			variant: props.variant,
-			size: props.size,
-			orientation: props.orientation
-		}));
-		const triggersRef = ref([]);
-		function setTriggerRef(index, el) {
-			triggersRef.value[index] = el;
+	},
+	emits: ["scroll"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const _props = __props;
+		const emits = __emit;
+		const props = useComponentProps("scrollArea", _props);
+		const { dir } = useLocale();
+		const appConfig = useAppConfig();
+		const isExternalScroll = vueExports.computed(() => typeof props.virtualize === "object" && !!props.virtualize.getScrollElement);
+		const ui = vueExports.computed(() => tv({
+			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 = vueExports.useTemplateRef("rootRef");
+		const scrollShadowStyle = props.shadow ? useScrollShadow(vueExports.computed(() => rootRef.value?.$el), {
+			orientation: () => props.orientation ?? "vertical",
+			size: typeof props.shadow === "object" ? props.shadow.size : void 0
+		}).style : void 0;
+		const isRtl = vueExports.computed(() => dir.value === "rtl");
+		const isHorizontal = vueExports.computed(() => props.orientation === "horizontal");
+		const isVertical = vueExports.computed(() => !isHorizontal.value);
+		const getScrollElement = () => (isExternalScroll.value ? virtualizerProps.value.getScrollElement?.() : rootRef.value?.$el) ?? null;
+		const virtualizerProps = vueExports.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 = vueExports.computed(() => {
+			const value = virtualizerProps.value.lanes;
+			return typeof value === "number" ? value : void 0;
+		});
+		const skipMeasurement = vueExports.computed(() => {
+			return typeof props.virtualize === "object" && props.virtualize.skipMeasurement === true;
+		});
+		const virtualizer = !!props.virtualize && useVirtualizer({
+			...virtualizerProps.value,
+			get overscan() {
+				return virtualizerProps.value.overscan;
+			},
+			get gap() {
+				return virtualizerProps.value.gap;
+			},
+			get paddingStart() {
+				return virtualizerProps.value.paddingStart;
+			},
+			get paddingEnd() {
+				return virtualizerProps.value.paddingEnd;
+			},
+			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;
+			}
+		});
+		const virtualItems = vueExports.computed(() => virtualizer ? virtualizer.value.getVirtualItems() : []);
+		const totalSize = vueExports.computed(() => virtualizer ? virtualizer.value.getTotalSize() : 0);
+		const virtualViewportStyle = vueExports.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)`
+			};
+		}
+		let resizeObserver = null;
+		let rafId = null;
+		vueExports.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);
+			}
+		}
+		vueExports.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({ triggersRef });
+		__expose({
+			get $el() {
+				return rootRef.value?.$el;
+			},
+			virtualizer: virtualizer || void 0
+		});
 		return (_ctx, _push, _parent, _attrs) => {
-			_push(ssrRenderComponent(unref(TabsRoot_default), mergeProps(unref(rootProps), {
-				"model-value": unref(props).modelValue,
-				"default-value": unref(props).defaultValue,
-				orientation: unref(props).orientation,
-				"activation-mode": unref(props).activationMode,
+			_push(ssrRenderComponent_1(vueExports.unref(Primitive), vueExports.mergeProps({
+				ref_key: "rootRef",
+				ref: rootRef,
+				as: vueExports.unref(props).as,
 				"data-slot": "root",
-				class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] })
+				"data-orientation": vueExports.unref(props).orientation,
+				class: ui.value.root({ class: [vueExports.unref(props).ui?.root, vueExports.unref(props).class] }),
+				style: vueExports.unref(scrollShadowStyle)
 			}, _attrs), {
-				default: withCtx((_, _push, _parent, _scopeId) => {
+				default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
 					if (_push) {
-						_push(ssrRenderComponent(unref(TabsList_default), {
-							"data-slot": "list",
-							class: ui.value.list({ class: unref(props).ui?.list })
-						}, {
-							default: withCtx((_, _push, _parent, _scopeId) => {
-								if (_push) {
-									_push(ssrRenderComponent(unref(TabsIndicator_default), {
-										"data-slot": "indicator",
-										class: ui.value.indicator({ class: unref(props).ui?.indicator })
-									}, null, _parent, _scopeId));
-									ssrRenderSlot(_ctx.$slots, "list-leading", {}, null, _push, _parent, _scopeId);
-									_push(`<!--[-->`);
-									ssrRenderList(unref(props).items, (item, index) => {
-										_push(ssrRenderComponent(unref(TabsTrigger_default), {
-											key: unref(get)(item, unref(props).valueKey) ?? index,
-											ref_for: true,
-											ref: (el) => setTriggerRef(index, el),
-											value: unref(get)(item, unref(props).valueKey) ?? String(index),
-											disabled: item.disabled,
-											"data-slot": "trigger",
-											class: ui.value.trigger({ class: [unref(props).ui?.trigger, item.ui?.trigger] })
-										}, {
-											default: withCtx((_, _push, _parent, _scopeId) => {
-												if (_push) {
-													ssrRenderSlot(_ctx.$slots, "leading", {
-														item,
-														index,
-														ui: ui.value
-													}, () => {
-														if (item.icon) _push(ssrRenderComponent(_sfc_main$5, {
-															name: item.icon,
-															"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, 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));
-														else _push(`<!---->`);
-													}, _push, _parent, _scopeId);
-													if (unref(get)(item, unref(props).labelKey) || !!slots.default) {
-														_push(`<span data-slot="label" class="${ssrRenderClass(ui.value.label({ class: [unref(props).ui?.label, item.ui?.label] }))}"${_scopeId}>`);
-														ssrRenderSlot(_ctx.$slots, "default", {
-															item,
-															index
-														}, () => {
-															_push(`${ssrInterpolate(unref(get)(item, unref(props).labelKey))}`);
-														}, _push, _parent, _scopeId);
-														_push(`</span>`);
-													} else _push(`<!---->`);
-													ssrRenderSlot(_ctx.$slots, "trailing", {
-														item,
-														index,
-														ui: ui.value
-													}, () => {
-														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()
-														}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
-															"data-slot": "trailingBadge",
-															class: ui.value.trailingBadge({ class: [unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
-														}), null, _parent, _scopeId));
-														else _push(`<!---->`);
-													}, _push, _parent, _scopeId);
-												} else return [
-													renderSlot(_ctx.$slots, "leading", {
-														item,
-														index,
-														ui: ui.value
-													}, () => [item.icon ? (openBlock(), createBlock(_sfc_main$5, {
-														key: 0,
-														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, mergeProps({
-														key: 1,
-														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, 16, ["size", "class"])) : createCommentVNode("", true)]),
-													unref(get)(item, unref(props).labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
-														key: 0,
-														"data-slot": "label",
-														class: ui.value.label({ class: [unref(props).ui?.label, item.ui?.label] })
-													}, [renderSlot(_ctx.$slots, "default", {
-														item,
-														index
-													}, () => [createTextVNode(toDisplayString(unref(get)(item, unref(props).labelKey)), 1)])], 2)) : createCommentVNode("", true),
-													renderSlot(_ctx.$slots, "trailing", {
-														item,
-														index,
-														ui: ui.value
-													}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
-														key: 0,
-														color: "neutral",
-														variant: "outline",
-														size: item.ui?.trailingBadgeSize || unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
-													}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
-														"data-slot": "trailingBadge",
-														class: ui.value.trailingBadge({ class: [unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
-													}), null, 16, ["size", "class"])) : createCommentVNode("", true)])
-												];
-											}),
-											_: 2
-										}, _parent, _scopeId));
-									});
-									_push(`<!--]-->`);
-									ssrRenderSlot(_ctx.$slots, "list-trailing", {}, null, _push, _parent, _scopeId);
-								} else return [
-									createVNode(unref(TabsIndicator_default), {
-										"data-slot": "indicator",
-										class: ui.value.indicator({ class: unref(props).ui?.indicator })
-									}, null, 8, ["class"]),
-									renderSlot(_ctx.$slots, "list-leading"),
-									(openBlock(true), createBlock(Fragment, null, renderList(unref(props).items, (item, index) => {
-										return openBlock(), createBlock(unref(TabsTrigger_default), {
-											key: unref(get)(item, unref(props).valueKey) ?? index,
-											ref_for: true,
-											ref: (el) => setTriggerRef(index, el),
-											value: unref(get)(item, unref(props).valueKey) ?? String(index),
-											disabled: item.disabled,
-											"data-slot": "trigger",
-											class: ui.value.trigger({ class: [unref(props).ui?.trigger, item.ui?.trigger] })
-										}, {
-											default: withCtx(() => [
-												renderSlot(_ctx.$slots, "leading", {
-													item,
-													index,
-													ui: ui.value
-												}, () => [item.icon ? (openBlock(), createBlock(_sfc_main$5, {
-													key: 0,
-													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, mergeProps({
-													key: 1,
-													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, 16, ["size", "class"])) : createCommentVNode("", true)]),
-												unref(get)(item, unref(props).labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
-													key: 0,
-													"data-slot": "label",
-													class: ui.value.label({ class: [unref(props).ui?.label, item.ui?.label] })
-												}, [renderSlot(_ctx.$slots, "default", {
-													item,
-													index
-												}, () => [createTextVNode(toDisplayString(unref(get)(item, unref(props).labelKey)), 1)])], 2)) : createCommentVNode("", true),
-												renderSlot(_ctx.$slots, "trailing", {
-													item,
-													index,
-													ui: ui.value
-												}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
-													key: 0,
-													color: "neutral",
-													variant: "outline",
-													size: item.ui?.trailingBadgeSize || unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
-												}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
-													"data-slot": "trailingBadge",
-													class: ui.value.trailingBadge({ class: [unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
-												}), null, 16, ["size", "class"])) : createCommentVNode("", true)])
-											]),
-											_: 2
-										}, 1032, [
-											"value",
-											"disabled",
-											"class"
-										]);
-									}), 128)),
-									renderSlot(_ctx.$slots, "list-trailing")
-								];
-							}),
-							_: 3
-						}, _parent, _scopeId));
-						if (!!unref(props).content) {
-							_push(`<!--[-->`);
-							ssrRenderList(unref(props).items, (item, index) => {
-								_push(ssrRenderComponent(unref(TabsContent_default), {
-									key: unref(get)(item, unref(props).valueKey) ?? index,
-									value: unref(get)(item, unref(props).valueKey) ?? String(index),
-									"data-slot": "content",
-									class: ui.value.content({ class: [
-										unref(props).ui?.content,
-										item.ui?.content,
-										item.class
-									] })
-								}, {
-									default: withCtx((_, _push, _parent, _scopeId) => {
-										if (_push) ssrRenderSlot(_ctx.$slots, item.slot || "content", {
-											item,
-											index,
-											ui: ui.value
-										}, () => {
-											_push(`${ssrInterpolate(item.content)}`);
-										}, _push, _parent, _scopeId);
-										else return [renderSlot(_ctx.$slots, item.slot || "content", {
-											item,
-											index,
-											ui: ui.value
-										}, () => [createTextVNode(toDisplayString(item.content), 1)])];
-									}),
-									_: 2
-								}, _parent, _scopeId));
+						if (vueExports.unref(virtualizer)) {
+							_push(`<div data-slot="viewport" class="${ssrRenderClass_1(ui.value.viewport({ class: vueExports.unref(props).ui?.viewport }))}" style="${ssrRenderStyle_1(virtualViewportStyle.value)}"${_scopeId}><!--[-->`);
+							ssrRenderList_1(virtualItems.value, (virtualItem) => {
+								_push(`<div${ssrRenderAttr_1("data-index", virtualItem.index)} data-slot="item" class="${ssrRenderClass_1(ui.value.item({ class: vueExports.unref(props).ui?.item }))}" style="${ssrRenderStyle_1(getVirtualItemStyle(virtualItem))}"${_scopeId}>`);
+								ssrRenderSlot_1(_ctx.$slots, "default", {
+									item: vueExports.unref(props).items?.[virtualItem.index],
+									index: virtualItem.index,
+									virtualItem
+								}, null, _push, _parent, _scopeId);
+								_push(`</div>`);
 							});
-							_push(`<!--]-->`);
-						} else _push(`<!---->`);
-					} else return [createVNode(unref(TabsList_default), {
-						"data-slot": "list",
-						class: ui.value.list({ class: unref(props).ui?.list })
-					}, {
-						default: withCtx(() => [
-							createVNode(unref(TabsIndicator_default), {
-								"data-slot": "indicator",
-								class: ui.value.indicator({ class: unref(props).ui?.indicator })
-							}, null, 8, ["class"]),
-							renderSlot(_ctx.$slots, "list-leading"),
-							(openBlock(true), createBlock(Fragment, null, renderList(unref(props).items, (item, index) => {
-								return openBlock(), createBlock(unref(TabsTrigger_default), {
-									key: unref(get)(item, unref(props).valueKey) ?? index,
-									ref_for: true,
-									ref: (el) => setTriggerRef(index, el),
-									value: unref(get)(item, unref(props).valueKey) ?? String(index),
-									disabled: item.disabled,
-									"data-slot": "trigger",
-									class: ui.value.trigger({ class: [unref(props).ui?.trigger, item.ui?.trigger] })
-								}, {
-									default: withCtx(() => [
-										renderSlot(_ctx.$slots, "leading", {
-											item,
-											index,
-											ui: ui.value
-										}, () => [item.icon ? (openBlock(), createBlock(_sfc_main$5, {
-											key: 0,
-											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, mergeProps({
-											key: 1,
-											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, 16, ["size", "class"])) : createCommentVNode("", true)]),
-										unref(get)(item, unref(props).labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
-											key: 0,
-											"data-slot": "label",
-											class: ui.value.label({ class: [unref(props).ui?.label, item.ui?.label] })
-										}, [renderSlot(_ctx.$slots, "default", {
-											item,
-											index
-										}, () => [createTextVNode(toDisplayString(unref(get)(item, unref(props).labelKey)), 1)])], 2)) : createCommentVNode("", true),
-										renderSlot(_ctx.$slots, "trailing", {
-											item,
-											index,
-											ui: ui.value
-										}, () => [item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
-											key: 0,
-											color: "neutral",
-											variant: "outline",
-											size: item.ui?.trailingBadgeSize || unref(props).ui?.trailingBadgeSize || ui.value.trailingBadgeSize()
-										}, { ref_for: true }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
-											"data-slot": "trailingBadge",
-											class: ui.value.trailingBadge({ class: [unref(props).ui?.trailingBadge, item.ui?.trailingBadge] })
-										}), null, 16, ["size", "class"])) : createCommentVNode("", true)])
-									]),
-									_: 2
-								}, 1032, [
-									"value",
-									"disabled",
-									"class"
-								]);
-							}), 128)),
-							renderSlot(_ctx.$slots, "list-trailing")
-						]),
-						_: 3
-					}, 8, ["class"]), !!unref(props).content ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(props).items, (item, index) => {
-						return openBlock(), createBlock(unref(TabsContent_default), {
-							key: unref(get)(item, unref(props).valueKey) ?? index,
-							value: unref(get)(item, unref(props).valueKey) ?? String(index),
-							"data-slot": "content",
-							class: ui.value.content({ class: [
-								unref(props).ui?.content,
-								item.ui?.content,
-								item.class
-							] })
-						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, item.slot || "content", {
-								item,
-								index,
-								ui: ui.value
-							}, () => [createTextVNode(toDisplayString(item.content), 1)])]),
-							_: 2
-						}, 1032, ["value", "class"]);
-					}), 128)) : createCommentVNode("", true)];
+							_push(`<!--]--></div>`);
+						} else {
+							_push(`<div data-slot="viewport" class="${ssrRenderClass_1(ui.value.viewport({ class: vueExports.unref(props).ui?.viewport }))}"${_scopeId}>`);
+							if (vueExports.unref(props).items) {
+								_push(`<!--[-->`);
+								ssrRenderList_1(vueExports.unref(props).items, (item, index) => {
+									_push(`<div data-slot="item" class="${ssrRenderClass_1(ui.value.item({ class: vueExports.unref(props).ui?.item }))}"${_scopeId}>`);
+									ssrRenderSlot_1(_ctx.$slots, "default", {
+										item,
+										index
+									}, null, _push, _parent, _scopeId);
+									_push(`</div>`);
+								});
+								_push(`<!--]-->`);
+							} else ssrRenderSlot_1(_ctx.$slots, "default", {
+								item: {},
+								index: 0
+							}, null, _push, _parent, _scopeId);
+							_push(`</div>`);
+						}
+					} else return [vueExports.unref(virtualizer) ? (vueExports.openBlock(), vueExports.createBlock("div", {
+						key: 0,
+						"data-slot": "viewport",
+						class: ui.value.viewport({ class: vueExports.unref(props).ui?.viewport }),
+						style: virtualViewportStyle.value
+					}, [(vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, null, vueExports.renderList(virtualItems.value, (virtualItem) => {
+						return vueExports.openBlock(), vueExports.createBlock("div", {
+							key: String(virtualItem.key),
+							ref_for: true,
+							ref: measureElement,
+							"data-index": virtualItem.index,
+							"data-slot": "item",
+							class: ui.value.item({ class: vueExports.unref(props).ui?.item }),
+							style: getVirtualItemStyle(virtualItem)
+						}, [vueExports.renderSlot(_ctx.$slots, "default", {
+							item: vueExports.unref(props).items?.[virtualItem.index],
+							index: virtualItem.index,
+							virtualItem
+						})], 14, ["data-index"]);
+					}), 128))], 6)) : (vueExports.openBlock(), vueExports.createBlock("div", {
+						key: 1,
+						"data-slot": "viewport",
+						class: ui.value.viewport({ class: vueExports.unref(props).ui?.viewport })
+					}, [vueExports.unref(props).items ? (vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, { key: 0 }, vueExports.renderList(vueExports.unref(props).items, (item, index) => {
+						return vueExports.openBlock(), vueExports.createBlock("div", {
+							key: getItemKey(item, index),
+							"data-slot": "item",
+							class: ui.value.item({ class: vueExports.unref(props).ui?.item })
+						}, [vueExports.renderSlot(_ctx.$slots, "default", {
+							item,
+							index
+						})], 2);
+					}), 128)) : vueExports.renderSlot(_ctx.$slots, "default", {
+						item: {},
+						index: 0
+					}, void 0, void 0, 1)], 2))];
 				}),
 				_: 3
 			}, _parent));
@@ -1498,10 +1497,10 @@ var _sfc_main = {
 };
 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");
+	const ssrContext = vueExports.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/ScrollArea.vue");
 	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
 
-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
+export { FileDropZone_default as F, _sfc_main as _, _sfc_main$1 as a, useTypeahead as b, useKbd as c, getNextMatch as g, useComposing as u };
+//# sourceMappingURL=ScrollArea-1y_sQGDj.mjs.map