nicklabs-ui 1.0.58 → 1.0.60

package/dist/index.mjs

@@ -203,14 +203,14 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 		"clear"
 	],
 	setup(e, { emit: t }) {
-		E((e) => ({ v7fe5089a: d.value }));
+		E((e) => ({ v446bddee: d.value }));
 		let n = t, r = i(() => e.type === "password"), a = i(() => e.type === "number"), l = x(!1), u = i(() => a.value ? "text" : r.value ? l.value ? "text" : "password" : e.type), d = i(() => {
 			let t = 12;
 			return r.value && (t += 24), e.clearable && (t += 24), `${t}px`;
 		}), f = (t) => {
 			let n = t.replace(/[^0-9]/g, "");
 			return n === "" ? "" : a.value ? String(Math.min(Math.max(Number(n), e.min), e.max)) : n;
-		}, p = (e) => !!([
+		}, p = (e) => e === "" ? "" : Number(e), m = (e) => !!([
 			"Backspace",
 			"Delete",
 			"ArrowLeft",
@@ -220,58 +220,56 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			"Tab",
 			"Home",
 			"End"
-		].includes(e.key) || e.ctrlKey || e.metaKey || /^[0-9]$/.test(e.key)), m = (e) => {
+		].includes(e.key) || e.ctrlKey || e.metaKey || /^[0-9]$/.test(e.key)), g = (e) => {
 			if (n("keydown", e), a.value) {
 				if (e.key === "ArrowUp") {
-					e.preventDefault(), S();
+					e.preventDefault(), C();
 					return;
 				}
 				if (e.key === "ArrowDown") {
-					e.preventDefault(), b();
+					e.preventDefault(), S();
 					return;
 				}
-				if (!p(e)) {
+				if (!m(e)) {
 					e.preventDefault();
 					return;
 				}
 			}
-		}, g = (e) => {
+		}, ee = (e) => {
 			if (a.value) {
 				let t = e.target, r = f(t.value);
-				t.value !== r && (t.value = r, n("update:modelValue", r));
+				t.value !== r && (t.value = r), n("update:modelValue", p(r));
 			}
-		}, ee = (e) => {
+		}, _ = (e) => {
 			n("input", e);
 			let t = e.target;
 			if (a.value) {
 				let e = f(t.value);
-				if (t.value !== e) {
-					t.value = e, n("update:modelValue", e);
-					return;
-				}
+				t.value !== e && (t.value = e), n("update:modelValue", p(e));
+				return;
 			}
 			n("update:modelValue", t.value);
-		}, _ = (t) => {
-			n("blur", t), a.value && e.modelValue === "" && n("update:modelValue", String(e.min === -Infinity ? 0 : e.min));
-		}, v = () => {
-			e.disabled || e.readonly || (n("update:modelValue", ""), n("clear"));
+		}, v = (t) => {
+			n("blur", t), a.value && e.modelValue === "" && n("update:modelValue", e.min === -Infinity ? 0 : e.min);
 		}, b = () => {
+			e.disabled || e.readonly || (n("update:modelValue", ""), n("clear"));
+		}, S = () => {
 			if (e.disabled) return;
 			let t = e.modelValue === "" ? e.min : Number(e.modelValue), r = Math.max(t - 1, e.min);
 			if (e.min <= r && r <= e.max) {
-				n("update:modelValue", String(r));
+				n("update:modelValue", r);
 				return;
 			}
-			n("update:modelValue", String(e.min));
-		}, S = () => {
+			n("update:modelValue", e.min);
+		}, C = () => {
 			if (e.disabled) return;
 			let t = e.modelValue === "" ? e.min : Number(e.modelValue), r = Math.min(t + 1, e.max);
 			if (e.min <= r && r <= e.max) {
-				n("update:modelValue", String(r));
+				n("update:modelValue", r);
 				return;
 			}
-			n("update:modelValue", String(e.min));
-		}, C = () => l.value = !l.value;
+			n("update:modelValue", e.min);
+		}, T = () => l.value = !l.value;
 		return (t, i) => (y(), s("div", { class: h(["input", { inline: e.inline }]) }, [e.title ? (y(), s("label", le, w(e.title), 1)) : o("", !0), c("div", { class: h({
 			common: !a.value,
 			number: a.value,
@@ -283,7 +281,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				class: "tool-button",
 				type: "button",
 				disabled: e.disabled || Number(e.modelValue) <= e.min,
-				onClick: b
+				onClick: S
 			}, [...i[2] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
@@ -304,18 +302,18 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				maxlength: e.maxlength,
 				autocomplete: e.autocomplete,
 				onFocus: i[0] ||= (e) => n("focus", e),
-				onBlur: _,
-				onInput: ee,
+				onBlur: v,
+				onInput: _,
 				onChange: i[1] ||= (e) => n("change", e),
-				onKeydown: m,
-				onCompositionend: g
+				onKeydown: g,
+				onCompositionend: ee
 			}, null, 40, ue),
 			a.value ? (y(), s("button", {
 				key: 1,
 				class: "tool-button",
 				type: "button",
 				disabled: e.disabled || Number(e.modelValue) >= e.max,
-				onClick: S
+				onClick: C
 			}, [...i[3] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
@@ -330,7 +328,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			a.value ? o("", !0) : (y(), s("div", B, [r.value && !e.disabled ? (y(), s("button", {
 				key: 0,
 				type: "button",
-				onClick: C,
+				onClick: T,
 				"aria-label": "Toggle password visibility"
 			}, [l.value ? (y(), s("svg", pe, [...i[5] ||= [
 				c("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, null, -1),
@@ -345,7 +343,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				key: 1,
 				type: "button",
 				"aria-label": "Clear input",
-				onClick: v
+				onClick: b
 			}, [...i[6] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
@@ -359,7 +357,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]])) : o("", !0)]))
 		], 2)], 2));
 	}
-}), [["__scopeId", "data-v-ee7d4845"]]), he = { class: "textarea" }, ge = ["textContent"], _e = [
+}), [["__scopeId", "data-v-91e7a17e"]]), he = { class: "textarea" }, ge = ["textContent"], _e = [
 	"rows",
 	"placeholder",
 	"disabled",
@@ -790,53 +788,53 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	let t, n, r, i = [];
 	for (let a = 0; a < e.length;) t = X[e.charAt(a++)] << 18 | X[e.charAt(a++)] << 12 | (n = X[e.charAt(a++)]) << 6 | (r = X[e.charAt(a++)]), n === 64 ? i.push(Z(t >> 16 & 255)) : r === 64 ? i.push(Z(t >> 16 & 255, t >> 8 & 255)) : i.push(Z(t >> 16 & 255, t >> 8 & 255, t & 255));
 	return i.join("");
-}, Ye = Y ? (e) => Fe(Buffer.from(e, "base64")) : (e) => Fe(Je(e).split("").map((e) => e.charCodeAt(0))), Xe = Y ? (e) => Buffer.from(e, "base64").toString("utf8") : je ? (e) => je.decode(Ye(e)) : (e) => qe(Je(e)), Ze = (e) => Le(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), Qe = (e) => Xe(Ze(e)), $e = "N_UTILS_KEY", Q = [], et = () => {
+}, Ye = Y ? (e) => Fe(Buffer.from(e, "base64")) : (e) => Fe(Je(e).split("").map((e) => e.charCodeAt(0))), Xe = (e) => Ye(Qe(e)), Ze = Y ? (e) => Buffer.from(e, "base64").toString("utf8") : je ? (e) => je.decode(Ye(e)) : (e) => qe(Je(e)), Qe = (e) => Le(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), $e = (e) => Ze(Qe(e)), et = "N_UTILS_KEY", Q = [], tt = () => {
 	let e = We(JSON.stringify(Q));
-	localStorage.setItem($e, e);
-}, tt = () => {
-	let e = localStorage.getItem($e) ?? "";
+	localStorage.setItem(et, e);
+}, nt = () => {
+	let e = localStorage.getItem(et) ?? "";
 	if (e.length == 0) return [];
 	try {
-		return JSON.parse(Qe(e));
+		return JSON.parse($e(e));
 	} catch {
 		return [];
 	}
-}, nt = () => {
+}, rt = () => {
 	Q.clear();
-	let e = tt(), t = (/* @__PURE__ */ new Date()).getTime();
+	let e = nt(), t = (/* @__PURE__ */ new Date()).getTime();
 	e.forEach((e) => {
 		e.expireTime && e.expireTime < t || Q.push({
 			key: e.key,
 			value: e.value,
 			expireTime: e.expireTime
 		});
-	}), Q.length > 0 && et();
-}, rt = (e) => (nt(), Q.some((t) => t.key == e)), it = (e, t, n) => {
-	ot(e);
+	}), Q.length > 0 && tt();
+}, it = (e) => (rt(), Q.some((t) => t.key == e)), at = (e, t, n) => {
+	st(e);
 	let r = {
 		key: e,
 		value: t
 	};
-	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), Q.push(r), et();
-}, at = (e, t) => {
-	nt();
+	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), Q.push(r), tt();
+}, ot = (e, t) => {
+	rt();
 	let n = Q.find((t) => t.key == e);
 	return n ? n.value : t;
-}, ot = (e) => {
-	nt();
+}, st = (e) => {
+	rt();
 	let t = Q.findIndex((t) => t.key == e);
-	t != -1 && (Q.splice(t, 1), et());
-}, st = {
-	set: it,
-	get: at,
-	has: rt,
-	forget: ot
-}, ct = { fullScreenToggle: (() => {
+	t != -1 && (Q.splice(t, 1), tt());
+}, ct = {
+	set: at,
+	get: ot,
+	has: it,
+	forget: st
+}, lt = { fullScreenToggle: (() => {
 	let e = !1;
 	return () => {
 		e ? document.exitFullscreen() : document.documentElement.requestFullscreen(), e = !e;
 	};
-})() }, lt = {
+})() }, ut = {
 	random: (e = 5) => Array(e).fill(null).map(() => {
 		let e = Math.random() * 62;
 		return "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".charAt(e);
@@ -844,11 +842,11 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	copy: (e) => {
 		navigator.clipboard.writeText(e);
 	}
-}, ut = [];
-function dt(e = "", t = !1, n = !1) {
-	return ut.clear(), new Promise((r, i) => {
+}, dt = [];
+function ft(e = "", t = !1, n = !1) {
+	return dt.clear(), new Promise((r, i) => {
 		let a = document.createElement("input");
-		ut.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async () => {
+		dt.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async () => {
 			let e = [];
 			if (!a.files || a.files.length === 0) {
 				r(t ? [] : void 0);
@@ -871,11 +869,11 @@ function dt(e = "", t = !1, n = !1) {
 		}, a.click();
 	});
 }
-function ft(e = !1, t = !1) {
-	return dt("", e, t);
-}
 function pt(e = !1, t = !1) {
-	return dt([
+	return ft("", e, t);
+}
+function mt(e = !1, t = !1) {
+	return ft([
 		"image/jpg",
 		"image/jpeg",
 		"image/png",
@@ -883,8 +881,8 @@ function pt(e = !1, t = !1) {
 		"image/bmp"
 	].join(","), e, t);
 }
-function mt(e = !1, t = !1) {
-	return dt([
+function ht(e = !1, t = !1) {
+	return ft([
 		".pdf",
 		"application/pdf",
 		".doc",
@@ -896,16 +894,16 @@ function mt(e = !1, t = !1) {
 		".md"
 	].join(","), e, t);
 }
-function ht(e = !1, t = !1) {
-	return dt([
+function gt(e = !1, t = !1) {
+	return ft([
 		"video/mp4",
 		"video/quicktime",
 		"video/webm",
 		"video/ogg"
 	].join(","), e, t);
 }
-function gt(e = !1, t = !1) {
-	return dt([
+function _t(e = !1, t = !1) {
+	return ft([
 		"audio/mp3",
 		"audio/wav",
 		"audio/ogg",
@@ -913,44 +911,48 @@ function gt(e = !1, t = !1) {
 		"audio/flac"
 	].join(","), e, t);
 }
-function _t(e = "", t = !1, n = !1) {
-	return dt(e, t, n);
+function vt(e = "", t = !1, n = !1) {
+	return ft(e, t, n);
 }
-var vt = {
-	all: ft,
-	image: pt,
-	documentFile: mt,
-	video: ht,
-	audio: gt,
-	custom: _t
-}, yt = (e) => new Promise((t, n) => {
+var yt = {
+	all: pt,
+	image: mt,
+	documentFile: ht,
+	video: gt,
+	audio: _t,
+	custom: vt
+}, bt = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.readAsDataURL(e), r.onload = () => {
 		let e = r.result.split(";base64,");
 		e.length > 1 ? t(e[1]) : n(/* @__PURE__ */ Error("Failed to convert file to base64 string."));
 	}, r.onerror = n;
-}), bt = (e) => xt(new Blob([e], { type: "xxxx" })), xt = (e) => (window.URL || window.webkitURL).createObjectURL(e), St = {
-	convertBase64: yt,
-	createImageUrlFromFile: bt,
-	createImageUrlFromBlob: xt,
+}), xt = (e) => St(new Blob([e], { type: "xxxx" })), St = (e) => (window.URL || window.webkitURL).createObjectURL(e), Ct = {
+	convertBase64: bt,
+	createImageUrlFromFile: xt,
+	createImageUrlFromBlob: St,
 	revokeObjectUrl: (e) => {
 		(window.URL || window.webkitURL).revokeObjectURL(e);
 	}
-}, Ct = {
-	download: (e, t) => {
+}, wt = (e, t) => {
+	let n = document.createElement("a");
+	n.target = "_blank", t && (n.download = t), n.href = e, n.click(), n.remove();
+}, Tt = {
+	download: wt,
+	downloadFromBase64: (e, t, n) => {
+		let r = Xe(e), i = new Blob([r.buffer], { type: t }), a = URL.createObjectURL(i);
+		wt(a, n), URL.revokeObjectURL(a);
+	},
+	openExternalLink: (e, t) => {
 		let n = document.createElement("a");
 		n.target = "_blank", t && (n.download = t), n.href = e, n.click(), n.remove();
-	},
-	openExternalLink: (e) => {
-		let t = document.createElement("a");
-		t.target = "_blank", t.href = e, t.click(), t.remove();
 	}
-}, wt = async (e) => {
+}, Et = async (e) => {
 	let t = e.includes("data:image/") ? e : `data:image/jpeg;base64,${e}`;
 	return (await fetch(t)).blob();
-}, Tt = (e) => new Promise(async (t, n) => {
+}, Dt = (e) => new Promise(async (t, n) => {
 	try {
-		let r = typeof e == "string" ? await wt(e) : e, i = window.URL || window.webkitURL, a = i.createObjectURL(r), o = document.createElement("img");
+		let r = typeof e == "string" ? await Et(e) : e, i = window.URL || window.webkitURL, a = i.createObjectURL(r), o = document.createElement("img");
 		o.src = a, o.onload = () => {
 			i.revokeObjectURL(a), t(o);
 		}, o.onerror = (e) => {
@@ -959,39 +961,39 @@ var vt = {
 	} catch (e) {
 		n(e);
 	}
-}), Et = (e, t) => {
+}), Ot = (e, t) => {
 	let n = Math.min(t / e.width, t / e.height, 1), r = n * e.width, i = n * e.height, a = document.createElement("canvas"), o = a.getContext("2d");
 	return a.width = r, a.height = i, o.drawImage(e, 0, 0, r, i), a;
-}, Dt = (e) => {
+}, kt = (e) => {
 	let t = e.toDataURL("image/jpeg", .8).split(";base64,");
 	return t.length > 1 ? t[1] : "";
-}, Ot = (e) => new Promise((t, n) => {
+}, At = (e) => new Promise((t, n) => {
 	e.toBlob((e) => {
 		e ? t(e) : n(/* @__PURE__ */ Error("Failed to create Blob from canvas."));
 	}, "image/jpeg", .8);
-}), kt = async (e, t) => Et(await Tt(e), t), At = {
-	thumbnailFromBlobToBase64: async (e, t) => Dt(await kt(e, t)),
-	thumbnailFromBlobToBlob: async (e, t) => Ot(await kt(e, t)),
-	thumbnailFromBase64ToBase64: async (e, t) => Dt(await kt(e, t)),
-	thumbnailFromBase64ToBlob: async (e, t) => Ot(await kt(e, t))
-}, jt = () => {
+}), jt = async (e, t) => Ot(await Dt(e), t), Mt = {
+	thumbnailFromBlobToBase64: async (e, t) => kt(await jt(e, t)),
+	thumbnailFromBlobToBlob: async (e, t) => At(await jt(e, t)),
+	thumbnailFromBase64ToBase64: async (e, t) => kt(await jt(e, t)),
+	thumbnailFromBase64ToBlob: async (e, t) => At(await jt(e, t))
+}, Nt = () => {
 	let e = navigator.userAgent;
 	return !!/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(e);
-}, Mt = () => {
+}, Pt = () => {
 	let e = navigator.userAgent;
 	return !!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e);
 }, $ = {
-	store: st,
-	screen: ct,
-	str: lt,
-	input: vt,
-	file: St,
-	link: Ct,
-	image: At,
+	store: ct,
+	screen: lt,
+	str: ut,
+	input: yt,
+	file: Ct,
+	link: Tt,
+	image: Mt,
 	device: {
-		isMobile: jt,
-		isTablet: Mt,
-		isDesktop: () => jt() == 0 && Mt() == 0
+		isMobile: Nt,
+		isTablet: Pt,
+		isDesktop: () => Nt() == 0 && Pt() == 0
 	},
 	date: { getCalendarByDate: (e) => {
 		e.setDate(1);
@@ -1015,7 +1017,7 @@ var vt = {
 			e > 0 && window.clearTimeout(e), e = window.setTimeout(t, n);
 		};
 	})() }
-}, Nt = { class: "file-select" }, Pt = ["textContent"], Ft = ["aria-disabled"], It = { class: "inner" }, Lt = { class: "text" }, Rt = ["textContent"], zt = ["textContent"], Bt = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ft = { class: "file-select" }, It = ["textContent"], Lt = ["aria-disabled"], Rt = { class: "inner" }, zt = { class: "text" }, Bt = ["textContent"], Vt = ["textContent"], Ht = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NFileSelect",
 	props: {
 		multiple: {
@@ -1048,11 +1050,11 @@ var vt = {
 				console.log(e);
 			}
 		};
-		return (t, n) => (y(), s("div", Nt, [e.title ? (y(), s("div", {
+		return (t, n) => (y(), s("div", Ft, [e.title ? (y(), s("div", {
 			key: 0,
 			class: "label",
 			textContent: w(e.title)
-		}, null, 8, Pt)) : o("", !0), c("div", {
+		}, null, 8, It)) : o("", !0), c("div", {
 			class: h(["select", {
 				multiple: e.multiple,
 				disabled: e.disabled
@@ -1060,7 +1062,7 @@ var vt = {
 			tabindex: "0",
 			"aria-disabled": e.disabled ? "true" : void 0,
 			onClick: r
-		}, [c("div", It, [n[0] ||= c("span", {
+		}, [c("div", Rt, [n[0] ||= c("span", {
 			class: "icon",
 			"aria-hidden": "true"
 		}, [c("svg", {
@@ -1073,47 +1075,47 @@ var vt = {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
-		})])], -1), c("div", Lt, [c("p", {
+		})])], -1), c("div", zt, [c("p", {
 			class: "label",
 			textContent: w(e.label)
-		}, null, 8, Rt), c("p", {
+		}, null, 8, Bt), c("p", {
 			class: "hint",
 			textContent: w(e.hint)
-		}, null, 8, zt)])])], 10, Ft)]));
+		}, null, 8, Vt)])])], 10, Lt)]));
 	}
-}), [["__scopeId", "data-v-ef36f4d5"]]), Vt = x(!1), Ht = (e, t) => e.children?.some((e) => e.route === t) ?? !1, Ut = (e, t) => e.route === t;
-function Wt(e = "default") {
+}), [["__scopeId", "data-v-ef36f4d5"]]), Ut = x(!1), Wt = (e, t) => e.children?.some((e) => e.route === t) ?? !1, Gt = (e, t) => e.route === t;
+function Kt(e = "default") {
 	let t = `NSidebar:${e}:expanded`, n = b($.store.get(t, {}));
-	Vt.value = $.store.get("NSidebar:expanded", !1);
+	Ut.value = $.store.get("NSidebar:expanded", !1);
 	let r = (e) => !!n[e];
 	return {
 		isMenuExpanded: r,
 		toggleMenu: (e) => {
 			n[e] = !r(e), $.store.set(t, n);
 		},
-		isSidebarExpanded: () => Vt.value,
+		isSidebarExpanded: () => Ut.value,
 		toggleSidebar: () => {
-			Vt.value = !Vt.value, $.store.set("NSidebar:expanded", Vt.value);
+			Ut.value = !Ut.value, $.store.set("NSidebar:expanded", Ut.value);
 		},
 		setMenuActiveResolver: (e) => {
-			Ht = e;
+			Wt = e;
 		},
 		setItemActiveResolver: (e) => {
-			Ut = e;
+			Gt = e;
 		},
-		resolveMenuActive: Ht,
-		resolveItemActive: Ut
+		resolveMenuActive: Wt,
+		resolveItemActive: Gt
 	};
 }
 //#endregion
 //#region src/layouts/NHeroSection.vue?vue&type=script&setup=true&lang.ts
-var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt = { class: "header" }, Jt = ["innerHTML"], Yt = { class: "body" }, Xt = { class: "title-section" }, Zt = { class: "title" }, Qt = { key: 0 }, $t = {
+var qt = { class: "hero-section-container" }, Jt = { class: "hero-section" }, Yt = { class: "header" }, Xt = ["innerHTML"], Zt = { class: "body" }, Qt = { class: "title-section" }, $t = { class: "title" }, en = { key: 0 }, tn = {
 	key: 1,
 	class: "description"
-}, en = {
+}, nn = {
 	key: 0,
 	class: "toolbar"
-}, tn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, rn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NHeroSection",
 	props: {
 		icon: { default: "" },
@@ -1121,11 +1123,11 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 		description: { default: "" }
 	},
 	setup(e) {
-		let t = Wt();
-		return (n, r) => (y(), s("div", Gt, [c("div", Kt, [
+		let t = Kt();
+		return (n, r) => (y(), s("div", qt, [c("div", Jt, [
 			r[2] ||= c("div", { class: "effect-background-left" }, null, -1),
 			r[3] ||= c("div", { class: "effect-background-right" }, null, -1),
-			c("div", qt, [f(M, {
+			c("div", Yt, [f(M, {
 				class: "sidebar-toggle-button",
 				padding: "8px",
 				intent: "none",
@@ -1153,14 +1155,14 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				key: 0,
 				class: "icon-bg",
 				innerHTML: e.icon
-			}, null, 8, Jt)) : o("", !0),
-			c("div", Yt, [c("div", Xt, [c("div", Zt, [e.title ? (y(), s("h1", Qt, w(e.title), 1)) : o("", !0), n.$slots.description || e.description ? (y(), s("div", $t, [C(n.$slots, "description", {}, () => [d(w(e.description), 1)], !0)])) : o("", !0)])]), n.$slots.toolbar ? (y(), s("div", en, [C(n.$slots, "toolbar", {}, void 0, !0)])) : o("", !0)])
+			}, null, 8, Xt)) : o("", !0),
+			c("div", Zt, [c("div", Qt, [c("div", $t, [e.title ? (y(), s("h1", en, w(e.title), 1)) : o("", !0), n.$slots.description || e.description ? (y(), s("div", tn, [C(n.$slots, "description", {}, () => [d(w(e.description), 1)], !0)])) : o("", !0)])]), n.$slots.toolbar ? (y(), s("div", nn, [C(n.$slots, "toolbar", {}, void 0, !0)])) : o("", !0)])
 		])]));
 	}
-}), [["__scopeId", "data-v-65913adc"]]), nn = { class: "content-container" }, rn = {
+}), [["__scopeId", "data-v-7b75e1ca"]]), an = { class: "content-container" }, on = {
 	key: 0,
 	class: "nav-tabs"
-}, an = ["textContent", "onClick"], on = { class: "tab-content" }, sn = { class: "footer" }, cn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, sn = ["textContent", "onClick"], cn = { class: "tab-content" }, ln = { class: "footer" }, un = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NForm",
 	props: {
 		model: { default: () => ({}) },
@@ -1185,7 +1187,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 		}, m = () => {
 			t.disabled || r("reset");
 		};
-		return (n, i) => (y(), s("div", nn, [C(n.$slots, "heroSection", {}, () => [f(tn, {
+		return (n, i) => (y(), s("div", an, [C(n.$slots, "heroSection", {}, () => [f(rn, {
 			icon: t.icon,
 			title: t.title,
 			description: t.description
@@ -1204,19 +1206,19 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			onSubmit: O(p, ["prevent"]),
 			onReset: O(m, ["prevent"])
 		}, [
-			t.tabs.length > 0 ? (y(), s("div", rn, [(y(!0), s(e, null, S(t.tabs, (e, t) => (y(), s("button", {
+			t.tabs.length > 0 ? (y(), s("div", on, [(y(!0), s(e, null, S(t.tabs, (e, t) => (y(), s("button", {
 				key: `${e}${t}`,
 				class: h(["nav-link", { active: d.value === t }]),
 				textContent: w(e),
 				onClick: () => {
 					u.value = t, T($).store.set(a, t), r("update:modelValue", t);
 				}
-			}, null, 10, an))), 128))])) : o("", !0),
-			c("div", on, [t.tabs.length > 0 ? (y(!0), s(e, { key: 0 }, S(t.tabs, (t, r) => (y(), s(e, null, [d.value === r ? C(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? C(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
-			c("div", sn, [C(n.$slots, "footer", {}, void 0, !0)])
+			}, null, 10, sn))), 128))])) : o("", !0),
+			c("div", cn, [t.tabs.length > 0 ? (y(!0), s(e, { key: 0 }, S(t.tabs, (t, r) => (y(), s(e, null, [d.value === r ? C(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? C(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
+			c("div", ln, [C(n.$slots, "footer", {}, void 0, !0)])
 		], 32)]));
 	}
-}), [["__scopeId", "data-v-fc11e625"]]), ln = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-fc11e625"]]), dn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1228,13 +1230,13 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			[`radius-${e.radius}`]: !0
 		}]) }, [C(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-56a18223"]]), un = {
+}), [["__scopeId", "data-v-56a18223"]]), fn = {
 	key: 0,
 	class: "paginate"
-}, dn = { class: "summary" }, fn = { class: "pages" }, pn = {
+}, pn = { class: "summary" }, mn = { class: "pages" }, hn = {
 	key: 1,
 	class: "separator"
-}, mn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, gn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
@@ -1270,7 +1272,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			let t = Math.min(Math.max(1, e), u.value);
 			l.value !== t && (l.value = t, r("onPageChange", l.value));
 		}
-		return (n, r) => t.totalItems > 0 ? (y(), s("div", un, [c("span", dn, "第 " + w(l.value) + " / " + w(u.value) + " 頁，共 " + w(t.totalItems) + " 筆", 1), c("div", fn, [
+		return (n, r) => t.totalItems > 0 ? (y(), s("div", fn, [c("span", pn, "第 " + w(l.value) + " / " + w(u.value) + " 頁，共 " + w(t.totalItems) + " 筆", 1), c("div", mn, [
 			f(M, {
 				variant: "outline",
 				padding: "",
@@ -1307,7 +1309,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				"variant",
 				"intent",
 				"onClick"
-			])) : (y(), s("span", pn, "…"))], 64))), 128)),
+			])) : (y(), s("span", hn, "…"))], 64))), 128)),
 			f(M, {
 				variant: "outline",
 				padding: "",
@@ -1331,13 +1333,13 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			}, 8, ["disabled"])
 		])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-a191a116"]]), hn = ["innerHTML"], gn = { class: "title" }, _n = {
+}), [["__scopeId", "data-v-a191a116"]]), _n = ["innerHTML"], vn = { class: "title" }, yn = {
 	key: 1,
 	class: "description"
-}, vn = {
+}, bn = {
 	key: 2,
 	class: "action"
-}, yn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, xn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NEmpty",
 	props: {
 		title: { default: "目前沒有資料" },
@@ -1351,37 +1353,37 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				key: 0,
 				class: "icon",
 				innerHTML: e.icon
-			}, null, 8, hn)) : o("", !0),
-			c("p", gn, w(e.title), 1),
-			e.description ? (y(), s("p", _n, w(e.description), 1)) : o("", !0),
-			t.$slots.default ? (y(), s("div", vn, [C(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
+			}, null, 8, _n)) : o("", !0),
+			c("p", vn, w(e.title), 1),
+			e.description ? (y(), s("p", yn, w(e.description), 1)) : o("", !0),
+			t.$slots.default ? (y(), s("div", bn, [C(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-b9482c23"]]), bn = {
+}), [["__scopeId", "data-v-b9482c23"]]), Sn = {
 	key: 0,
 	class: "loading-fullscreen"
-}, xn = { class: "content" }, Sn = {
+}, Cn = { class: "content" }, wn = {
 	key: 0,
 	class: "title"
-}, Cn = {
+}, Tn = {
 	key: 1,
 	class: "loading-wrapper"
-}, wn = {
+}, En = {
 	key: 0,
 	class: "overlay"
-}, Tn = { class: "content" }, En = {
+}, Dn = { class: "content" }, On = {
 	key: 0,
 	class: "title"
-}, Dn = {
+}, kn = {
 	key: 0,
 	class: "loading-inline"
-}, On = {
+}, An = {
 	key: 0,
 	class: "title"
-}, kn = {
+}, jn = {
 	key: 0,
 	class: "title"
-}, An = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Mn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLoading",
 	props: {
 		loading: {
@@ -1404,42 +1406,42 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			key: 0,
 			to: "body"
 		}, [f(n, { name: "fade" }, {
-			default: D(() => [r.loading ? (y(), s("div", bn, [c("div", xn, [l[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+			default: D(() => [r.loading ? (y(), s("div", Sn, [c("div", Cn, [l[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (y(), s("p", Sn, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (y(), s("p", wn, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : r.overlay ? (y(), s("div", Cn, [C(i.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
-			default: D(() => [r.loading ? (y(), s("div", wn, [c("div", Tn, [l[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : r.overlay ? (y(), s("div", Tn, [C(i.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
+			default: D(() => [r.loading ? (y(), s("div", En, [c("div", Dn, [l[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (y(), s("p", En, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (y(), s("p", On, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : (y(), s(e, { key: 2 }, [r.loading ? (y(), s("div", Dn, [r.variant === "spinner" ? (y(), s(e, { key: 0 }, [l[2] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : (y(), s(e, { key: 2 }, [r.loading ? (y(), s("div", kn, [r.variant === "spinner" ? (y(), s(e, { key: 0 }, [l[2] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 			cx: "25",
 			cy: "25",
 			r: "20",
 			fill: "none",
 			"stroke-width": "4"
-		})])], -1), r.title ? (y(), s("p", On, w(r.title), 1)) : o("", !0)], 64)) : o("", !0), r.variant === "dots" ? (y(), s(e, { key: 1 }, [l[3] ||= c("div", { class: "dots" }, [
+		})])], -1), r.title ? (y(), s("p", An, w(r.title), 1)) : o("", !0)], 64)) : o("", !0), r.variant === "dots" ? (y(), s(e, { key: 1 }, [l[3] ||= c("div", { class: "dots" }, [
 			c("span"),
 			c("span"),
 			c("span")
-		], -1), r.title ? (y(), s("p", kn, w(r.title), 1)) : o("", !0)], 64)) : o("", !0)])) : C(i.$slots, "default", { key: 1 }, void 0, !0)], 64));
+		], -1), r.title ? (y(), s("p", jn, w(r.title), 1)) : o("", !0)], 64)) : o("", !0)])) : C(i.$slots, "default", { key: 1 }, void 0, !0)], 64));
 	}
-}), [["__scopeId", "data-v-f3aa02fe"]]), jn = { class: "table-scroll" }, Mn = {
+}), [["__scopeId", "data-v-f3aa02fe"]]), Nn = { class: "table-scroll" }, Pn = {
 	key: 0,
 	class: "batch"
-}, Nn = ["onClick"], Pn = { class: "th-content" }, Fn = {
+}, Fn = ["onClick"], In = { class: "th-content" }, Ln = {
 	key: 0,
 	class: "sort-icon"
-}, In = {
+}, Rn = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1447,7 +1449,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ln = {
+}, zn = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1455,7 +1457,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Rn = {
+}, Bn = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1463,13 +1465,13 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, zn = {
+}, Vn = {
 	key: 1,
 	class: "actions"
-}, Bn = { key: 0 }, Vn = ["onClick"], Hn = {
+}, Hn = { key: 0 }, Un = ["onClick"], Wn = {
 	key: 0,
 	class: "actions"
-}, Un = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Gn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
@@ -1498,37 +1500,37 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 		}), a = (e) => {
 			e.sortable && (i.value.key === e.key ? i.value.order = i.value.order === "asc" ? "desc" : "asc" : (i.value.key = e.key, i.value.order = "asc"), r("sort", { ...i.value }));
 		};
-		return (n, l) => (y(), s("div", { class: h(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(An, {
+		return (n, l) => (y(), s("div", { class: h(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(Mn, {
 			loading: t.loading,
 			overlay: ""
 		}, {
-			default: D(() => [c("div", jn, [c("table", null, [c("thead", null, [c("tr", null, [
-				n.$slots.batch ? (y(), s("th", Mn, [C(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
+			default: D(() => [c("div", Nn, [c("table", null, [c("thead", null, [c("tr", null, [
+				n.$slots.batch ? (y(), s("th", Pn, [C(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
 				(y(!0), s(e, null, S(t.columns, (e) => (y(), s("th", {
 					key: e.key,
 					class: h({ sortable: e.sortable }),
 					onClick: (t) => a(e)
-				}, [c("span", Pn, [d(w(e.label) + " ", 1), e.sortable ? (y(), s("span", Fn, [i.value.key !== e.key || i.value.order === null ? (y(), s("svg", In, [...l[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : i.value.order === "asc" ? (y(), s("svg", Ln, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (y(), s("svg", Rn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Nn))), 128)),
-				n.$slots.actions ? (y(), s("th", zn, [C(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
-			])]), !t.loading && t.items.length > 0 ? (y(), s("tbody", Bn, [(y(!0), s(e, null, S(t.items, (e, i) => (y(), s("tr", {
+				}, [c("span", In, [d(w(e.label) + " ", 1), e.sortable ? (y(), s("span", Ln, [i.value.key !== e.key || i.value.order === null ? (y(), s("svg", Rn, [...l[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : i.value.order === "asc" ? (y(), s("svg", zn, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (y(), s("svg", Bn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Fn))), 128)),
+				n.$slots.actions ? (y(), s("th", Vn, [C(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
+			])]), !t.loading && t.items.length > 0 ? (y(), s("tbody", Hn, [(y(!0), s(e, null, S(t.items, (e, i) => (y(), s("tr", {
 				key: e[t.itemKey] ?? i,
 				onClick: (t) => r("click", e)
 			}, [C(n.$slots, "item", {
 				index: i,
 				item: e,
 				column: t.columns[i]
-			}, void 0, !0), n.$slots.actions ? (y(), s("td", Hn, [C(n.$slots, "actions", {
+			}, void 0, !0), n.$slots.actions ? (y(), s("td", Wn, [C(n.$slots, "actions", {
 				index: i,
 				item: e,
 				column: t.columns[i]
-			}, void 0, !0)])) : o("", !0)], 8, Vn))), 128))])) : o("", !0)])])]),
+			}, void 0, !0)])) : o("", !0)], 8, Un))), 128))])) : o("", !0)])])]),
 			_: 3
-		}, 8, ["loading"]), t.items.length === 0 ? C(n.$slots, "empty", { key: 0 }, () => [f(yn, {
+		}, 8, ["loading"]), t.items.length === 0 ? C(n.$slots, "empty", { key: 0 }, () => [f(xn, {
 			title: t.emptyTitle,
 			description: t.emptyDescription
 		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-77619033"]]), Wn = { class: "content-container" }, Gn = { key: 0 }, Kn = { class: "actions" }, qn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-77619033"]]), Kn = { class: "content-container" }, qn = { key: 0 }, Jn = { class: "actions" }, Yn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1598,7 +1600,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 		function ee() {
 			r.value.clear();
 		}
-		return (t, r) => (y(), s("div", Wn, [C(t.$slots, "heroSection", {}, () => [f(tn, {
+		return (t, r) => (y(), s("div", Kn, [C(t.$slots, "heroSection", {}, () => [f(rn, {
 			icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                </svg>",
 			title: e.title,
 			description: e.description
@@ -1694,11 +1696,11 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				})) : o("", !0)
 			]),
 			key: "0"
-		} : void 0]), 1032, ["title", "description"])], !0), f(ln, {
+		} : void 0]), 1032, ["title", "description"])], !0), f(dn, {
 			size: "none",
 			radius: "xl"
 		}, {
-			default: D(() => [f(Un, {
+			default: D(() => [f(Gn, {
 				columns: e.columns,
 				items: e.items,
 				hoverable: "",
@@ -1721,7 +1723,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				} : void 0,
 				t.$slots.item ? {
 					name: "item",
-					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", Gn, [f(H, {
+					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", qn, [f(H, {
 						onClick: O((e) => h(n), ["stop"]),
 						"model-value": p(n.id)
 					}, null, 8, ["onClick", "model-value"])])) : o("", !0), C(t.$slots, "item", {
@@ -1736,7 +1738,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 					fn: D(({ item: r, index: i }) => [C(t.$slots, "actions", {
 						item: r,
 						index: i
-					}, () => [c("div", Kn, [e.updatable ? (y(), a(M, {
+					}, () => [c("div", Jn, [e.updatable ? (y(), a(M, {
 						key: 0,
 						variant: "outline",
 						onClick: O(() => n("update", r), ["stop"])
@@ -1766,7 +1768,7 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 				"empty-icon",
 				"empty-title",
 				"empty-description"
-			]), e.items.length > 0 ? (y(), a(mn, {
+			]), e.items.length > 0 ? (y(), a(gn, {
 				key: 0,
 				"total-items": e.totalItems,
 				"current-page": e.currentPage,
@@ -1782,11 +1784,11 @@ var Gt = { class: "hero-section-container" }, Kt = { class: "hero-section" }, qt
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-66c8acf7"]]), Jn = 0, Yn = b([]);
-function Xn() {
+}), [["__scopeId", "data-v-66c8acf7"]]), Xn = 0, Zn = b([]);
+function Qn() {
 	let e = function(e, n = {}) {
-		let r = ++Jn, i = n.duration ?? 4e3;
-		Yn.push({
+		let r = ++Xn, i = n.duration ?? 4e3;
+		Zn.push({
 			id: r,
 			description: e,
 			status: n.status ?? "info",
@@ -1808,31 +1810,31 @@ function Xn() {
 		status: "info"
 	});
 	function t(e) {
-		let t = Yn.findIndex((t) => t.id === e);
-		t !== -1 && Yn.splice(t, 1);
+		let t = Zn.findIndex((t) => t.id === e);
+		t !== -1 && Zn.splice(t, 1);
 	}
 	return {
-		toasts: Yn,
+		toasts: Zn,
 		toast: e,
 		removeToast: t
 	};
 }
 //#endregion
 //#region src/components/NToast.vue?vue&type=script&setup=true&lang.ts
-var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
+var $n = { class: "icon-wrap" }, er = ["innerHTML"], tr = {
 	key: 0,
 	class: "arc-timer",
 	viewBox: "0 0 36 36",
 	width: "36",
 	height: "36",
 	"shape-rendering": "geometricPrecision"
-}, er = { class: "body" }, tr = {
+}, nr = { class: "body" }, rr = {
 	key: 0,
 	class: "title"
-}, nr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, ir = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
-		let { toasts: i } = Xn(), l = {
+		let { toasts: i } = Qn(), l = {
 			success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M20 6 9 17l-5-5\"/>\n    </svg>",
 			danger: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <path d=\"m15 9-6 6\"/>\n        <path d=\"m9 9 6 6\"/>\n    </svg>",
 			warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"/>\n        <path d=\"M12 9v4\"/>\n        <path d=\"M12 17h.01\"/>\n    </svg>",
@@ -1846,10 +1848,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			default: D(() => [(y(!0), s(e, null, S(T(i), (e) => (y(), s("div", {
 				key: e.id,
 				class: h(["toast", [`${e.status}`]])
-			}, [c("div", Zn, [c("div", {
+			}, [c("div", $n, [c("div", {
 				class: "icon",
 				innerHTML: l[e.status]
-			}, null, 8, Qn), e.duration > 0 ? (y(), s("svg", $n, [u[0] ||= c("circle", {
+			}, null, 8, er), e.duration > 0 ? (y(), s("svg", tr, [u[0] ||= c("circle", {
 				class: "arc-track",
 				cx: "18",
 				cy: "18",
@@ -1861,17 +1863,17 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 				r: "16",
 				transform: "rotate(-90 18 18)",
 				style: g({ animationDuration: `${e.duration}ms` })
-			}, null, 4)])) : o("", !0)]), c("div", er, [e.title ? (y(), s("p", tr, w(e.title), 1)) : o("", !0), e.description ? (y(), s("p", {
+			}, null, 4)])) : o("", !0)]), c("div", nr, [e.title ? (y(), s("p", rr, w(e.title), 1)) : o("", !0), e.description ? (y(), s("p", {
 				key: 1,
 				class: h(e.title ? "description" : "title")
 			}, w(e.description), 3)) : o("", !0)])], 2))), 128))]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-53892c5f"]]), rr = { class: "code" }, ir = {
+}), [["__scopeId", "data-v-53892c5f"]]), ar = { class: "code" }, or = {
 	key: 0,
 	class: "header"
-}, ar = { class: "language-label" }, or = {
+}, sr = { class: "language-label" }, cr = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1882,7 +1884,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, sr = {
+}, lr = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1893,10 +1895,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, cr = { class: "code-body" }, lr = {
+}, ur = { class: "code-body" }, dr = {
 	key: 0,
 	class: "gutter"
-}, ur = ["textContent"], dr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, fr = ["textContent"], pr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -1915,28 +1917,28 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 				}, 2e3);
 			} catch {}
 		}
-		return (i, l) => (y(), s("div", rr, [(t.language, y(), s("div", ir, [c("span", ar, w(t.language || "code"), 1), c("button", {
+		return (i, l) => (y(), s("div", ar, [(t.language, y(), s("div", or, [c("span", sr, w(t.language || "code"), 1), c("button", {
 			class: h(["copy-btn", { copied: n.value }]),
 			onClick: a
-		}, [n.value ? (y(), s("svg", sr, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (y(), s("svg", or, [...l[0] ||= [c("rect", {
+		}, [n.value ? (y(), s("svg", lr, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (y(), s("svg", cr, [...l[0] ||= [c("rect", {
 			x: "9",
 			y: "9",
 			width: "13",
 			height: "13",
 			rx: "2",
 			ry: "2"
-		}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, w(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", cr, [t.showLineNumbers ? (y(), s("div", lr, [(y(!0), s(e, null, S(r.value, (e, t) => (y(), s("span", {
+		}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, w(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", ur, [t.showLineNumbers ? (y(), s("div", dr, [(y(!0), s(e, null, S(r.value, (e, t) => (y(), s("span", {
 			key: t,
 			class: "line-number"
 		}, w(t + 1), 1))), 128))])) : o("", !0), c("pre", {
 			class: "code-content",
 			textContent: w(t.code.trim())
-		}, null, 8, ur)])]));
+		}, null, 8, fr)])]));
 	}
-}), [["__scopeId", "data-v-6fed5425"]]), fr = {
+}), [["__scopeId", "data-v-6fed5425"]]), mr = {
 	key: 0,
 	class: "label"
-}, pr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, hr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -1961,7 +1963,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			let e = !n.modelValue;
 			r("update:modelValue", e), r("change", e);
 		};
-		return (t, n) => (y(), s("div", { class: h(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (y(), s("label", fr, w(e.title), 1)) : o("", !0), c("div", {
+		return (t, n) => (y(), s("div", { class: h(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (y(), s("label", mr, w(e.title), 1)) : o("", !0), c("div", {
 			class: h(["switch", [
 				`size-${e.size}`,
 				{ checked: a.value },
@@ -1970,7 +1972,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			onClick: l
 		}, [...n[0] ||= [c("div", { class: "inner" }, [c("div", { class: "handle" })], -1)]], 2)], 2));
 	}
-}), [["__scopeId", "data-v-efa08615"]]), mr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-efa08615"]]), gr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -2019,49 +2021,49 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			y2: "18"
 		})], -1)]])) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-55e5be0f"]]), hr = {
+}), [["__scopeId", "data-v-55e5be0f"]]), _r = {
 	key: 0,
 	class: "label"
-}, gr = {
+}, vr = {
 	key: 0,
 	class: "picker-dropdown"
-}, _r = { class: "picker-header" }, vr = { class: "header-nav" }, yr = { class: "header-nav" }, br = { class: "picker-body" }, xr = { class: "weekday-grid" }, Sr = { class: "day-grid" }, Cr = {
+}, yr = { class: "picker-header" }, br = { class: "header-nav" }, xr = { class: "header-nav" }, Sr = { class: "picker-body" }, Cr = { class: "weekday-grid" }, wr = { class: "day-grid" }, Tr = {
 	key: 1,
 	class: "year-grid"
-}, wr = {
+}, Er = {
 	key: 0,
 	class: "time-section"
-}, Tr = { class: "time-sliders" }, Er = {
+}, Dr = { class: "time-sliders" }, Or = {
 	key: 0,
 	class: "time-row"
-}, Dr = ["value"], Or = { class: "time-val" }, kr = {
+}, kr = ["value"], Ar = { class: "time-val" }, jr = {
 	key: 1,
 	class: "time-row"
-}, Ar = ["value"], jr = { class: "time-val" }, Mr = { class: "mobile-sheet" }, Nr = { class: "picker-header" }, Pr = { class: "header-nav" }, Fr = { class: "header-nav" }, Ir = { class: "picker-body" }, Lr = { class: "weekday-grid" }, Rr = { class: "day-grid" }, zr = {
+}, Mr = ["value"], Nr = { class: "time-val" }, Pr = { class: "mobile-sheet" }, Fr = { class: "picker-header" }, Ir = { class: "header-nav" }, Lr = { class: "header-nav" }, Rr = { class: "picker-body" }, zr = { class: "weekday-grid" }, Br = { class: "day-grid" }, Vr = {
 	key: 1,
 	class: "year-grid"
-}, Br = {
+}, Hr = {
 	key: 0,
 	class: "time-section"
-}, Vr = { class: "time-sliders" }, Hr = {
+}, Ur = { class: "time-sliders" }, Wr = {
 	key: 0,
 	class: "time-row"
-}, Ur = ["value"], Wr = { class: "time-val" }, Gr = {
+}, Gr = ["value"], Kr = { class: "time-val" }, qr = {
 	key: 1,
 	class: "time-row"
-}, Kr = ["value"], qr = { class: "time-val" }, Jr = { class: "range-modal" }, Yr = { class: "range-body" }, Xr = {
+}, Jr = ["value"], Yr = { class: "time-val" }, Xr = { class: "range-modal" }, Zr = { class: "range-body" }, Qr = {
 	key: 0,
 	class: "range-sep"
-}, Zr = { class: "range-cal" }, Qr = { class: "picker-header" }, $r = { class: "header-nav" }, ei = {
+}, $r = { class: "range-cal" }, ei = { class: "picker-header" }, ti = { class: "header-nav" }, ni = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, ti = { class: "header-title no-click" }, ni = { class: "header-nav" }, ri = {
+}, ri = { class: "header-title no-click" }, ii = { class: "header-nav" }, ai = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, ii = { class: "weekday-grid" }, ai = { class: "day-grid range-day-grid" }, oi = ["onClick", "onMouseenter"], si = { class: "range-footer" }, ci = { class: "range-display" }, li = { class: "mobile-sheet" }, ui = {
+}, oi = { class: "weekday-grid" }, si = { class: "day-grid range-day-grid" }, ci = ["onClick", "onMouseenter"], li = { class: "range-footer" }, ui = { class: "range-display" }, di = { class: "mobile-sheet" }, fi = {
 	class: "picker-header",
 	style: { "margin-top": "8px" }
-}, di = { class: "header-nav" }, fi = { class: "header-title no-click" }, pi = { class: "header-nav" }, mi = { class: "weekday-grid" }, hi = { class: "day-grid range-day-grid" }, gi = ["onClick"], _i = { class: "range-footer" }, vi = { class: "range-display" }, yi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, pi = { class: "header-nav" }, mi = { class: "header-title no-click" }, hi = { class: "header-nav" }, gi = { class: "weekday-grid" }, _i = { class: "day-grid range-day-grid" }, vi = ["onClick"], yi = { class: "range-footer" }, bi = { class: "range-display" }, xi = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -2346,7 +2348,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			ref: C,
 			class: "datepicker"
 		}, [
-			t.title ? (y(), s("label", hr, w(t.title), 1)) : o("", !0),
+			t.title ? (y(), s("label", _r, w(t.title), 1)) : o("", !0),
 			c("div", { class: h(["date-picker", {
 				open: b.value && !t.range && !T.value,
 				disabled: t.disabled
@@ -2373,9 +2375,9 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 				}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
 				_: 1
 			})) : o("", !0)]), f(n, { name: "fade" }, {
-				default: D(() => [b.value && !t.range && !T.value ? (y(), s("div", gr, [
-					c("div", _r, [
-						c("div", vr, [f(M, {
+				default: D(() => [b.value && !t.range && !T.value ? (y(), s("div", vr, [
+					c("div", yr, [
+						c("div", br, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: i[0] ||= (e) => Ce(-1)
@@ -2415,7 +2417,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							class: "header-title",
 							onClick: He
 						}, [P.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[ue.value]) + " " + w(z.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(B.value[0]) + " - " + w(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", yr, [P.value === "date" ? (y(), a(M, {
+						c("div", xr, [P.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2452,10 +2454,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							_: 1
 						})])
 					]),
-					c("div", br, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", xr, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", Sr, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", Cr, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, w(e), 1)), 64))]), c("div", Sr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", wr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
 						key: t,
 						variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
 						intent: ve(e) || _e(e) ? "primary" : "none",
@@ -2470,7 +2472,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", Cr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", Tr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
 						key: e,
 						variant: e === z.value ? "solid" : "ghost",
 						intent: e === z.value ? "primary" : "none",
@@ -2484,7 +2486,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					v.value && P.value === "date" ? (y(), s("div", wr, [c("div", Tr, [m.value ? (y(), s("div", Er, [
+					v.value && P.value === "date" ? (y(), s("div", Er, [c("div", Dr, [m.value ? (y(), s("div", Or, [
 						i[27] ||= c("span", { class: "time-label" }, "時", -1),
 						f(M, {
 							variant: "ghost",
@@ -2515,7 +2517,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							max: "23",
 							value: L.value,
 							onInput: i[5] ||= (e) => Te(e, "H")
-						}, null, 40, Dr),
+						}, null, 40, kr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2538,8 +2540,8 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Or, w(N(L.value)), 1)
-					])) : o("", !0), g.value ? (y(), s("div", kr, [
+						c("span", Ar, w(N(L.value)), 1)
+					])) : o("", !0), g.value ? (y(), s("div", jr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
 						f(M, {
 							variant: "ghost",
@@ -2570,7 +2572,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							max: "59",
 							value: R.value,
 							onInput: i[8] ||= (e) => Te(e, "m")
-						}, null, 40, Ar),
+						}, null, 40, Mr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2593,7 +2595,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", jr, w(N(R.value)), 1)
+						c("span", Nr, w(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2603,10 +2605,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", Mr, [
+				}, [c("div", Pr, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
-					c("div", Nr, [
-						c("div", Pr, [f(M, {
+					c("div", Fr, [
+						c("div", Ir, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: i[10] ||= (e) => Ce(-1)
@@ -2646,7 +2648,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							class: "header-title",
 							onClick: He
 						}, [P.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[ue.value]) + " " + w(z.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(B.value[0]) + " - " + w(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", Fr, [P.value === "date" ? (y(), a(M, {
+						c("div", Lr, [P.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2683,10 +2685,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							_: 1
 						})])
 					]),
-					c("div", Ir, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", Lr, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", Rr, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", zr, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, w(e), 1)), 64))]), c("div", Rr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", Br, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
 						key: t,
 						variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
 						intent: ve(e) || _e(e) ? "primary" : "none",
@@ -2701,7 +2703,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", zr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", Vr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
 						key: e,
 						variant: e === z.value ? "solid" : "ghost",
 						intent: e === z.value ? "primary" : "none",
@@ -2715,7 +2717,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					v.value && P.value === "date" ? (y(), s("div", Br, [c("div", Vr, [m.value ? (y(), s("div", Hr, [
+					v.value && P.value === "date" ? (y(), s("div", Hr, [c("div", Ur, [m.value ? (y(), s("div", Wr, [
 						i[37] ||= c("span", { class: "time-label" }, "時", -1),
 						f(M, {
 							variant: "ghost",
@@ -2746,7 +2748,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							max: "23",
 							value: L.value,
 							onInput: i[15] ||= (e) => Te(e, "H")
-						}, null, 40, Ur),
+						}, null, 40, Gr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2769,8 +2771,8 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Wr, w(N(L.value)), 1)
-					])) : o("", !0), g.value ? (y(), s("div", Gr, [
+						c("span", Kr, w(N(L.value)), 1)
+					])) : o("", !0), g.value ? (y(), s("div", qr, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
 						f(M, {
 							variant: "ghost",
@@ -2801,7 +2803,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							max: "59",
 							value: R.value,
 							onInput: i[18] ||= (e) => Te(e, "m")
-						}, null, 40, Kr),
+						}, null, 40, Jr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2824,7 +2826,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", qr, w(N(R.value)), 1)
+						c("span", Yr, w(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -2834,11 +2836,11 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 					key: 0,
 					class: "range-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", Jr, [
+				}, [c("div", Xr, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Yr, [(y(!0), s(e, null, S(Y.value, (t) => (y(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (y(), s("div", Xr)), c("div", Zr, [
-						c("div", Qr, [
-							c("div", $r, [t.isLeft ? (y(), a(M, {
+					c("div", Zr, [(y(!0), s(e, null, S(Y.value, (t) => (y(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (y(), s("div", Qr)), c("div", $r, [
+						c("div", ei, [
+							c("div", ti, [t.isLeft ? (y(), a(M, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2856,9 +2858,9 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 									"stroke-linejoin": "round"
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
-							})) : (y(), s("div", ei))]),
-							c("div", ti, w(re[t.month]) + " " + w(t.year), 1),
-							c("div", ni, [t.isLeft ? (y(), s("div", ri)) : (y(), a(M, {
+							})) : (y(), s("div", ni))]),
+							c("div", ri, w(re[t.month]) + " " + w(t.year), 1),
+							c("div", ii, [t.isLeft ? (y(), s("div", ai)) : (y(), a(M, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2878,18 +2880,18 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 								_: 1
 							}))])
 						]),
-						c("div", ii, [(y(), s(e, null, S(k, (e) => c("span", {
+						c("div", oi, [(y(), s(e, null, S(k, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, w(e), 1)), 64))]),
-						c("div", ai, [(y(!0), s(e, null, S(t.days, (e, t) => (y(), s("div", {
+						c("div", si, [(y(!0), s(e, null, S(t.days, (e, t) => (y(), s("div", {
 							key: t,
 							class: h(["range-day", Re(e)]),
 							onClick: (t) => Le(e),
 							onMouseenter: (t) => J.value = e
-						}, w(e.day), 43, oi))), 128))])
+						}, w(e.day), 43, ci))), 128))])
 					])], 64))), 128))]),
-					c("div", si, [c("div", ci, [
+					c("div", li, [c("div", ui, [
 						c("span", { class: h(["range-val", { "is-empty": !X.value }]) }, w(X.value || "開始日期"), 3),
 						i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, w(Pe.value || "結束日期"), 3)
@@ -2911,11 +2913,11 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", li, [
+				}, [c("div", di, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", ui, [
-						c("div", di, [f(M, {
+					c("div", fi, [
+						c("div", pi, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: Fe
@@ -2933,8 +2935,8 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", fi, w(re[W.value]) + " " + w(U.value), 1),
-						c("div", pi, [f(M, {
+						c("div", mi, w(re[W.value]) + " " + w(U.value), 1),
+						c("div", hi, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: Ie
@@ -2953,16 +2955,16 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 							_: 1
 						})])
 					]),
-					c("div", mi, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", gi, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, w(e), 1)), 64))]),
-					c("div", hi, [(y(!0), s(e, null, S(ke.value, (e, t) => (y(), s("div", {
+					c("div", _i, [(y(!0), s(e, null, S(ke.value, (e, t) => (y(), s("div", {
 						key: t,
 						class: h(["range-day", Re(e)]),
 						onClick: (t) => Le(e)
-					}, w(e.day), 11, gi))), 128))]),
-					c("div", _i, [c("div", vi, [
+					}, w(e.day), 11, vi))), 128))]),
+					c("div", yi, [c("div", bi, [
 						c("span", { class: h(["range-val", { "is-empty": !X.value }]) }, w(X.value || "開始日期"), 3),
 						i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, w(Pe.value || "結束日期"), 3)
@@ -2981,7 +2983,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-9f942c6b"]]), bi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9f942c6b"]]), Si = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -3016,10 +3018,10 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), xi = { class: "modal-header" }, Si = { class: "modal-title" }, Ci = { class: "modal-content" }, wi = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), Ci = { class: "modal-header" }, wi = { class: "modal-title" }, Ti = { class: "modal-content" }, Ei = {
 	key: 0,
 	class: "modal-footer"
-}, Ti = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Di = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -3063,7 +3065,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 				class: "modal-container",
 				style: g({ width: e.width })
 			}, [
-				c("header", xi, [c("h3", Si, w(e.title), 1), e.showClose ? (y(), s("button", {
+				c("header", Ci, [c("h3", wi, w(e.title), 1), e.showClose ? (y(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3075,16 +3077,16 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", Ci, [C(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (y(), s("footer", wi, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", Ti, [C(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (y(), s("footer", Ei, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), Ei = { class: "drawer-header" }, Di = { class: "drawer-title" }, Oi = { class: "drawer-body" }, ki = {
+}), [["__scopeId", "data-v-ee2fac3c"]]), Oi = { class: "drawer-header" }, ki = { class: "drawer-title" }, Ai = { class: "drawer-body" }, ji = {
 	key: 0,
 	class: "drawer-footer"
-}, Ai = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Mi = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NDrawer",
 	props: {
 		show: {
@@ -3129,7 +3131,7 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 				class: h(["drawer-container", [`placement-${e.placement}`]]),
 				style: g({ width: e.width })
 			}, [
-				c("header", Ei, [c("h3", Di, [C(r.$slots, "title", {}, () => [d(w(e.title), 1)], !0)]), e.showClose ? (y(), s("button", {
+				c("header", Oi, [c("h3", ki, [C(r.$slots, "title", {}, () => [d(w(e.title), 1)], !0)]), e.showClose ? (y(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3141,18 +3143,18 @@ var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", Oi, [C(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (y(), s("footer", ki, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", Ai, [C(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (y(), s("footer", ji, [C(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 6)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8c0a0bb"]]), ji = 0, Mi = b([]);
-function Ni() {
+}), [["__scopeId", "data-v-f8c0a0bb"]]), Ni = 0, Pi = b([]);
+function Fi() {
 	let e = function(e, t = {}) {
-		let n = ++ji;
+		let n = ++Ni;
 		return new Promise((r) => {
-			Mi.push({
+			Pi.push({
 				id: n,
 				type: "alert",
 				message: e,
@@ -3178,8 +3180,8 @@ function Ni() {
 	});
 	function t(e, t = {}) {
 		return new Promise((n) => {
-			let r = ++ji;
-			Mi.push({
+			let r = ++Ni;
+			Pi.push({
 				id: r,
 				type: "confirm",
 				message: e,
@@ -3192,10 +3194,10 @@ function Ni() {
 		});
 	}
 	function n() {
-		for (; Mi.length > 0;) Mi.shift().resolve(!1);
+		for (; Pi.length > 0;) Pi.shift().resolve(!1);
 	}
 	return {
-		alerts: Mi,
+		alerts: Pi,
 		alert: e,
 		confirm: t,
 		clearAlerts: n
@@ -3203,13 +3205,13 @@ function Ni() {
 }
 //#endregion
 //#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
-var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-body" }, Li = {
+var Ii = { class: "cards-wrapper" }, Li = ["innerHTML"], Ri = { class: "card-body" }, zi = {
 	key: 0,
 	class: "card-title"
-}, Ri = { class: "card-message" }, zi = { class: "card-footer" }, Bi = ["onClick"], Vi = ["onClick"], Hi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Bi = { class: "card-message" }, Vi = { class: "card-footer" }, Hi = ["onClick"], Ui = ["onClick"], Wi = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
-		let { alerts: r, clearAlerts: i } = Ni(), l = {
+		let { alerts: r, clearAlerts: i } = Fi(), l = {
 			success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 12l3 3 5-6\"/></svg>",
 			warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></svg>",
 			danger: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>",
@@ -3246,7 +3248,7 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 		}
 		return _(() => document.addEventListener("keydown", m)), v(() => {
 			document.removeEventListener("keydown", m), i();
-		}), (n, i) => (y(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: T(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: T(r).length > 0 }]) }, [c("div", Pi, [(y(!0), s(e, null, S(T(r), (e, t) => (y(), s("div", {
+		}), (n, i) => (y(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: T(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: T(r).length > 0 }]) }, [c("div", Ii, [(y(!0), s(e, null, S(T(r), (e, t) => (y(), s("div", {
 			key: e.id,
 			class: h(["alert-card", `status-${e.status}`]),
 			style: g(d(t))
@@ -3254,25 +3256,25 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, Fi),
-			c("div", Ii, [e.title ? (y(), s("p", Li, w(e.title), 1)) : o("", !0), c("p", Ri, w(e.message), 1)]),
-			c("div", zi, [e.type === "confirm" ? (y(), s("button", {
+			}, null, 8, Li),
+			c("div", Ri, [e.title ? (y(), s("p", zi, w(e.title), 1)) : o("", !0), c("p", Bi, w(e.message), 1)]),
+			c("div", Vi, [e.type === "confirm" ? (y(), s("button", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, w(e.cancelText), 9, Bi)) : o("", !0), c("button", {
+			}, w(e.cancelText), 9, Hi)) : o("", !0), c("button", {
 				class: h(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, w(e.confirmText), 11, Vi)])
+			}, w(e.confirmText), 11, Ui)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-20105bbb"]]), Ui = { class: "header" }, Wi = { class: "brand-logo" }, Gi = { class: "logo-text" }, Ki = { class: "logo-icon" }, qi = { class: "nav" }, Ji = ["onClick"], Yi = ["innerHTML"], Xi = { class: "nav-list" }, Zi = ["href", "onClick"], Qi = ["innerHTML"], $i = { class: "nav-text" }, ea = ["href", "onClick"], ta = { class: "title no-children" }, na = ["innerHTML"], ra = { class: "user-capsule" }, ia = { class: "user-avatar" }, aa = ["src"], oa = {
+}), [["__scopeId", "data-v-20105bbb"]]), Gi = { class: "header" }, Ki = { class: "brand-logo" }, qi = { class: "logo-text" }, Ji = { class: "logo-icon" }, Yi = { class: "nav" }, Xi = ["onClick"], Zi = ["innerHTML"], Qi = { class: "nav-list" }, $i = ["href", "onClick"], ea = ["innerHTML"], ta = { class: "nav-text" }, na = ["href", "onClick"], ra = { class: "title no-children" }, ia = ["innerHTML"], aa = { class: "user-capsule" }, oa = { class: "user-avatar" }, sa = ["src"], ca = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, sa = { class: "user-info" }, ca = { class: "user-name-row" }, la = { class: "user-name" }, ua = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, la = { class: "user-info" }, ua = { class: "user-name-row" }, da = { class: "user-name" }, fa = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -3291,7 +3293,7 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 		"navigate"
 	],
 	setup(n, { emit: r }) {
-		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = Wt(), p = x(!1), m = r, g = (e) => {
+		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = Kt(), p = x(!1), m = r, g = (e) => {
 			n.currentPath !== e.route && m("navigate", e);
 		}, ee = (e) => {
 			!e.route || n.currentPath === e.route || m("navigate", {
@@ -3325,8 +3327,8 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 				class: "content",
 				onMouseenter: _[2] ||= (e) => p.value = !0
 			}, [
-				C(r.$slots, "header", {}, () => [c("div", Ui, [c("div", Wi, [c("span", Gi, w(n.title), 1), c("span", Ki, w(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
-				c("div", qi, [(y(!0), s(e, null, S(n.menus, (t) => (y(), s(e, null, [t.children?.length ? (y(), s("div", {
+				C(r.$slots, "header", {}, () => [c("div", Gi, [c("div", Ki, [c("span", qi, w(n.title), 1), c("span", Ji, w(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", Yi, [(y(!0), s(e, null, S(n.menus, (t) => (y(), s(e, null, [t.children?.length ? (y(), s("div", {
 					key: 0,
 					class: h(["menu", {
 						open: T(i)(t.title),
@@ -3335,7 +3337,7 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => T(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Yi), c("span", null, w(t.title), 1)]), _[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Zi), c("span", null, w(t.title), 1)]), _[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -3346,23 +3348,23 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Ji), c("div", Xi, [c("div", null, [(y(!0), s(e, null, S(t.children, (e) => (y(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Xi), c("div", Qi, [c("div", null, [(y(!0), s(e, null, S(t.children, (e) => (y(), s("a", {
 					href: e.route,
 					onClick: O((t) => g(e), ["prevent"])
-				}, [c("div", { class: h(["nav-item", { active: T(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Qi), c("span", $i, w(e.title), 1)], 2)], 8, Zi))), 256))])])], 2)) : (y(), s("div", {
+				}, [c("div", { class: h(["nav-item", { active: T(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, ea), c("span", ta, w(e.title), 1)], 2)], 8, $i))), 256))])])], 2)) : (y(), s("div", {
 					key: 1,
 					class: h(["menu", { active: t.route === n.currentPath }])
 				}, [c("a", {
 					href: t.route,
 					onClick: O((e) => ee(t), ["prevent"])
-				}, [c("div", ta, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, na), c("span", null, w(t.title), 1)])])], 8, ea)], 2))], 64))), 256))]),
-				c("div", ra, [C(r.$slots, "user", {}, () => [
-					c("div", ia, [n.userAvatarUrl ? (y(), s("img", {
+				}, [c("div", ra, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, ia), c("span", null, w(t.title), 1)])])], 8, na)], 2))], 64))), 256))]),
+				c("div", aa, [C(r.$slots, "user", {}, () => [
+					c("div", oa, [n.userAvatarUrl ? (y(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, aa)) : (y(), s("svg", oa, [..._[7] ||= [u("<defs data-v-03152108><clipPath id=\"avatarClip\" data-v-03152108><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-03152108></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-03152108></circle><g clip-path=\"url(#avatarClip)\" data-v-03152108><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-03152108></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-03152108></path></g>", 3)]]))]),
-					c("div", sa, [c("div", ca, [c("span", la, w(n.userName || "ADMINISTRATOR"), 1)])]),
+					}, null, 8, sa)) : (y(), s("svg", ca, [..._[7] ||= [u("<defs data-v-2c73c218><clipPath id=\"avatarClip\" data-v-2c73c218><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-2c73c218></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-2c73c218></circle><g clip-path=\"url(#avatarClip)\" data-v-2c73c218><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-2c73c218></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-2c73c218></path></g>", 3)]]))]),
+					c("div", la, [c("div", ua, [c("span", da, w(n.userName), 1)])]),
 					f(M, {
 						class: "logout-btn",
 						intent: "error",
@@ -3401,10 +3403,11 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-03152108"]]), da = { class: "layout" }, fa = { class: "main-content" }, pa = { class: "copyright" }, ma = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-2c73c218"]]), pa = { class: "layout" }, ma = { class: "main-content" }, ha = { class: "copyright" }, ga = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
-		title: { default: "" },
+		title: { default: "NICKLABS" },
+		userName: { default: "ADMINISTRATOR" },
 		isShowSidebar: {
 			type: Boolean,
 			default: !0
@@ -3415,10 +3418,11 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 	},
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
-		let n = Wt(), r = t;
-		return (t, i) => (y(), s("div", da, [e.isShowSidebar ? (y(), a(ua, {
+		let n = Kt(), r = t;
+		return (t, i) => (y(), s("div", pa, [e.isShowSidebar ? (y(), a(fa, {
 			key: 0,
 			title: e.title,
+			userName: e.userName,
 			isOpen: T(n).isSidebarExpanded(),
 			"onUpdate:isOpen": i[0] ||= (e) => T(n).toggleSidebar(),
 			menus: e.menus,
@@ -3427,21 +3431,22 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 			onNavigate: i[2] ||= (e) => r("navigate", e)
 		}, null, 8, [
 			"title",
+			"userName",
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", fa, [C(t.$slots, "default", {}, void 0, !0), c("div", pa, w(e.copyright), 1)])]));
+		])) : o("", !0), c("main", ma, [C(t.$slots, "default", {}, void 0, !0), c("div", ha, w(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-db1952cf"]]), ha = { class: "topbar" }, ga = { class: "topbar-left" }, _a = { class: "topbar-right" }, va = {
+}), [["__scopeId", "data-v-41b1eb44"]]), _a = { class: "topbar" }, va = { class: "topbar-left" }, ya = { class: "topbar-right" }, ba = {
 	key: 0,
 	class: "pill"
-}, ya = {
+}, xa = {
 	key: 0,
 	class: "name"
-}, ba = {
+}, Sa = {
 	key: 1,
 	class: "separator"
-}, xa = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ca = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -3466,7 +3471,7 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (y(), s("header", ha, [c("div", ga, [e.isShowSidebar ? (y(), a(M, {
+		return (t, i) => (y(), s("header", _a, [c("div", va, [e.isShowSidebar ? (y(), a(M, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -3509,9 +3514,9 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", _a, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", va, [
-			e.isShowUser ? (y(), s("span", ya, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (y(), s("div", ba)) : o("", !0),
+		})) : o("", !0)]), c("div", ya, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", ba, [
+			e.isShowUser ? (y(), s("span", xa, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (y(), s("div", Sa)) : o("", !0),
 			e.isShowLogoutButton ? (y(), a(M, {
 				key: 2,
 				variant: "mute",
@@ -3537,10 +3542,10 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), Sa = { class: "brand" }, Ca = ["src", "alt"], wa = {
+}), [["__scopeId", "data-v-f38a4beb"]]), wa = { class: "brand" }, Ta = ["src", "alt"], Ea = {
 	key: 1,
 	class: "icon"
-}, Ta = { key: 2 }, Ea = { key: 3 }, Da = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Da = { key: 2 }, Oa = { key: 3 }, ka = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -3553,20 +3558,20 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 		return (n, r) => (y(), s("div", {
 			class: "login-wrapper",
 			style: g({ "--login-bg": e.backgroundImage ? `url('${e.backgroundImage}')` : "var(--bg-gradient)" })
-		}, [f(ln, {
+		}, [f(dn, {
 			size: "lg",
 			radius: "xl",
 			class: "card"
 		}, {
-			default: D(() => [c("div", Sa, [
+			default: D(() => [c("div", wa, [
 				t.value ? (y(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, Ca)) : (y(), s("div", wa, w(e.logo), 1)),
-				e.title ? (y(), s("h1", Ta, w(e.title), 1)) : o("", !0),
-				e.description ? (y(), s("p", Ea, w(e.description), 1)) : o("", !0)
+				}, null, 8, Ta)) : (y(), s("div", Ea, w(e.logo), 1)),
+				e.title ? (y(), s("h1", Da, w(e.title), 1)) : o("", !0),
+				e.description ? (y(), s("p", Oa, w(e.description), 1)) : o("", !0)
 			]), C(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -3574,7 +3579,7 @@ var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-bod
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function Oa(e) {
+function Aa(e) {
 	let t = i(() => {
 		let t = A();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -3598,7 +3603,7 @@ function Oa(e) {
 }
 //#endregion
 //#region src/composables/useDisclosure.ts
-function ka() {
+function ja() {
 	let e = x(!1);
 	function t() {
 		e.value = !0;
@@ -3614,37 +3619,37 @@ function ka() {
 }
 //#endregion
 //#region src/index.ts
-var Aa = {
+var Ma = {
 	NButton: M,
 	NBreadcrumb: ce,
 	NInput: me,
 	NTextarea: ye,
 	NCheckbox: H,
 	NSelect: Ae,
-	NFileSelect: Bt,
-	NForm: cn,
-	NList: qn,
-	NEmpty: yn,
-	NToast: nr,
-	NLoading: An,
-	NCode: dr,
-	NSwitch: pr,
-	NTag: mr,
-	NDatePicker: yi,
-	NTooltip: bi,
-	NModal: Ti,
-	NDrawer: Ai,
-	NAlert: Hi,
-	NTable: Un,
-	NLayout: ma,
-	NNavigation: xa,
-	NSidebar: ua,
-	NCard: ln,
-	NLoginLayout: Da
-}, ja = { install(e, t = {}) {
-	Object.entries(Aa).forEach(([t, n]) => {
+	NFileSelect: Ht,
+	NForm: un,
+	NList: Yn,
+	NEmpty: xn,
+	NToast: ir,
+	NLoading: Mn,
+	NCode: pr,
+	NSwitch: hr,
+	NTag: gr,
+	NDatePicker: xi,
+	NTooltip: Si,
+	NModal: Di,
+	NDrawer: Mi,
+	NAlert: Wi,
+	NTable: Gn,
+	NLayout: ga,
+	NNavigation: Ca,
+	NSidebar: fa,
+	NCard: dn,
+	NLoginLayout: ka
+}, Na = { install(e, t = {}) {
+	Object.entries(Ma).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && ie(t.router);
 } };
 //#endregion
-export { Hi as NAlert, M as NButton, ln as NCard, H as NCheckbox, dr as NCode, yi as NDatePicker, Ai as NDrawer, yn as NEmpty, Bt as NFileSelect, cn as NForm, me as NInput, ma as NLayout, qn as NList, An as NLoading, Da as NLoginLayout, Ti as NModal, xa as NNavigation, Ae as NSelect, ua as NSidebar, pr as NSwitch, Un as NTable, mr as NTag, ye as NTextarea, nr as NToast, bi as NTooltip, ja as NickLabsUI, Ni as useAlert, F as useBreadcrumb, ka as useDisclosure, Oa as useRouteModal, Wt as useSidebarManager, Xn as useToast };
+export { Wi as NAlert, M as NButton, dn as NCard, H as NCheckbox, pr as NCode, xi as NDatePicker, Mi as NDrawer, xn as NEmpty, Ht as NFileSelect, un as NForm, me as NInput, ga as NLayout, Yn as NList, Mn as NLoading, ka as NLoginLayout, Di as NModal, Ca as NNavigation, Ae as NSelect, fa as NSidebar, hr as NSwitch, Gn as NTable, gr as NTag, ye as NTextarea, ir as NToast, Si as NTooltip, Na as NickLabsUI, Fi as useAlert, F as useBreadcrumb, ja as useDisclosure, Aa as useRouteModal, Kt as useSidebarManager, Qn as useToast };