nicklabs-ui 1.0.54 → 1.0.55

package/dist/index.mjs

@@ -844,36 +844,47 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	copy: (e) => {
 		navigator.clipboard.writeText(e);
 	}
-}, ut = [], dt = (e = "", t = !1, n = !1) => (ut.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 (e) => {
-		let t = [];
-		a.files && a.files.length === 0 && r(t);
-		for (let e of a.files) {
-			let r = {
-				name: e.name,
-				size: e.size,
-				sizeInKB: parseFloat((e.size / 1024).toFixed(2)),
-				sizeInMB: parseFloat((e.size / 1024 / 1024).toFixed(2)),
-				type: e.type,
-				file: e
-			};
-			n && (r.base64String = await $.file.convertBase64(e)), t.push(r);
-		}
-		r(t);
-	}, a.onerror = (e) => {
-		i(e);
-	}, a.click();
-})), ft = {
-	all: (e = !1, t = !1) => dt("", e, t),
-	image: async (e = !1, t = !1) => dt([
+}, ut = [];
+function dt(e = "", t = !1, n = !1) {
+	return ut.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 () => {
+			let e = [];
+			if (!a.files || a.files.length === 0) {
+				r(t ? [] : void 0);
+				return;
+			}
+			for (let t of a.files) {
+				let r = {
+					name: t.name,
+					size: t.size,
+					sizeInKB: parseFloat((t.size / 1024).toFixed(2)),
+					sizeInMB: parseFloat((t.size / 1024 / 1024).toFixed(2)),
+					type: t.type,
+					file: t
+				};
+				n && (r.base64String = await $.file.convertBase64(t)), e.push(r);
+			}
+			r(t ? e : e[0]);
+		}, a.onerror = (e) => {
+			i(e);
+		}, a.click();
+	});
+}
+function ft(e = !1, t = !1) {
+	return dt("", e, t);
+}
+function pt(e = !1, t = !1) {
+	return dt([
 		"image/jpg",
 		"image/jpeg",
 		"image/png",
 		"image/gif",
 		"image/bmp"
-	].join(","), e, t),
-	documentFile: async (e = !1, t = !1) => dt([
+	].join(","), e, t);
+}
+function mt(e = !1, t = !1) {
+	return dt([
 		".pdf",
 		"application/pdf",
 		".doc",
@@ -883,35 +894,49 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 		".txt",
 		"text/plain",
 		".md"
-	].join(","), e, t),
-	video: async (e = !1, t = !1) => dt([
+	].join(","), e, t);
+}
+function ht(e = !1, t = !1) {
+	return dt([
 		"video/mp4",
 		"video/quicktime",
 		"video/webm",
 		"video/ogg"
-	].join(","), e, t),
-	audio: async (e = !1, t = !1) => dt([
+	].join(","), e, t);
+}
+function gt(e = !1, t = !1) {
+	return dt([
 		"audio/mp3",
 		"audio/wav",
 		"audio/ogg",
 		"audio/aac",
 		"audio/flac"
-	].join(","), e, t),
-	custom: (e = "", t = !1, n = !1) => dt(e, t, n)
-}, pt = (e) => new Promise((t, n) => {
+	].join(","), e, t);
+}
+function _t(e = "", t = !1, n = !1) {
+	return dt(e, t, n);
+}
+var vt = {
+	all: ft,
+	image: pt,
+	documentFile: mt,
+	video: ht,
+	audio: gt,
+	custom: _t
+}, yt = (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;
-}), mt = (e) => ht(new Blob([e], { type: "xxxx" })), ht = (e) => (window.URL || window.webkitURL).createObjectURL(e), gt = {
-	convertBase64: pt,
-	createImageUrlFromFile: mt,
-	createImageUrlFromBlob: ht,
+}), bt = (e) => xt(new Blob([e], { type: "xxxx" })), xt = (e) => (window.URL || window.webkitURL).createObjectURL(e), St = {
+	convertBase64: yt,
+	createImageUrlFromFile: bt,
+	createImageUrlFromBlob: xt,
 	revokeObjectUrl: (e) => {
 		(window.URL || window.webkitURL).revokeObjectURL(e);
 	}
-}, _t = {
+}, Ct = {
 	download: (e, t) => {
 		let n = document.createElement("a");
 		n.target = "_blank", t && (n.download = t), n.href = e, n.click(), n.remove();
@@ -920,12 +945,12 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 		let t = document.createElement("a");
 		t.target = "_blank", t.href = e, t.click(), t.remove();
 	}
-}, vt = async (e) => {
+}, wt = async (e) => {
 	let t = e.includes("data:image/") ? e : `data:image/jpeg;base64,${e}`;
 	return (await fetch(t)).blob();
-}, yt = (e) => new Promise(async (t, n) => {
+}, Tt = (e) => new Promise(async (t, n) => {
 	try {
-		let r = typeof e == "string" ? await vt(e) : e, i = window.URL || window.webkitURL, a = i.createObjectURL(r), o = document.createElement("img");
+		let r = typeof e == "string" ? await wt(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) => {
@@ -934,39 +959,39 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	} catch (e) {
 		n(e);
 	}
-}), bt = (e, t) => {
+}), Et = (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;
-}, xt = (e) => {
+}, Dt = (e) => {
 	let t = e.toDataURL("image/jpeg", .8).split(";base64,");
 	return t.length > 1 ? t[1] : "";
-}, St = (e) => new Promise((t, n) => {
+}, Ot = (e) => new Promise((t, n) => {
 	e.toBlob((e) => {
 		e ? t(e) : n(/* @__PURE__ */ Error("Failed to create Blob from canvas."));
 	}, "image/jpeg", .8);
-}), Ct = async (e, t) => bt(await yt(e), t), wt = {
-	thumbnailFromBlobToBase64: async (e, t) => xt(await Ct(e, t)),
-	thumbnailFromBlobToBlob: async (e, t) => St(await Ct(e, t)),
-	thumbnailFromBase64ToBase64: async (e, t) => xt(await Ct(e, t)),
-	thumbnailFromBase64ToBlob: async (e, t) => St(await Ct(e, t))
-}, Tt = () => {
+}), 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 = () => {
 	let e = navigator.userAgent;
 	return !!/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(e);
-}, Et = () => {
+}, Mt = () => {
 	let e = navigator.userAgent;
 	return !!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e);
 }, $ = {
 	store: st,
 	screen: ct,
 	str: lt,
-	input: ft,
-	file: gt,
-	link: _t,
-	image: wt,
+	input: vt,
+	file: St,
+	link: Ct,
+	image: At,
 	device: {
-		isMobile: Tt,
-		isTablet: Et,
-		isDesktop: () => Tt() == 0 && Et() == 0
+		isMobile: jt,
+		isTablet: Mt,
+		isDesktop: () => jt() == 0 && Mt() == 0
 	},
 	date: { getCalendarByDate: (e) => {
 		e.setDate(1);
@@ -990,7 +1015,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			e > 0 && window.clearTimeout(e), e = window.setTimeout(t, n);
 		};
 	})() }
-}, Dt = { class: "file-select" }, Ot = ["textContent"], kt = ["aria-disabled"], At = { class: "inner" }, jt = { class: "text" }, Mt = ["textContent"], Nt = ["textContent"], Pt = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Nt = { class: "file-select" }, Pt = ["textContent"], Ft = ["aria-disabled"], It = { class: "inner" }, Lt = { class: "text" }, Rt = ["textContent"], zt = ["textContent"], Bt = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NFileSelect",
 	props: {
 		multiple: {
@@ -1010,18 +1035,24 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	setup(e, { emit: t }) {
 		let n = t, r = async () => {
 			if (!e.disabled) try {
-				let t = await $.input.custom(e.accept, e.multiple);
-				if (t.length === 0) return;
-				e.multiple ? n("change:files", t) : n("change:file", t[0]);
+				if (e.multiple) {
+					let t = await $.input.custom(e.accept, !0);
+					if (t.length === 0) return;
+					n("change:files", t);
+				} else {
+					let t = await $.input.custom(e.accept, !1);
+					if (!t) return;
+					n("change:file", t);
+				}
 			} catch (e) {
 				console.log(e);
 			}
 		};
-		return (t, n) => (y(), s("div", Dt, [e.title ? (y(), s("div", {
+		return (t, n) => (y(), s("div", Nt, [e.title ? (y(), s("div", {
 			key: 0,
 			class: "label",
 			textContent: w(e.title)
-		}, null, 8, Ot)) : o("", !0), c("div", {
+		}, null, 8, Pt)) : o("", !0), c("div", {
 			class: h(["select", {
 				multiple: e.multiple,
 				disabled: e.disabled
@@ -1029,7 +1060,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			tabindex: "0",
 			"aria-disabled": e.disabled ? "true" : void 0,
 			onClick: r
-		}, [c("div", At, [n[0] ||= c("span", {
+		}, [c("div", It, [n[0] ||= c("span", {
 			class: "icon",
 			"aria-hidden": "true"
 		}, [c("svg", {
@@ -1042,47 +1073,47 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			"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", jt, [c("p", {
+		})])], -1), c("div", Lt, [c("p", {
 			class: "label",
 			textContent: w(e.label)
-		}, null, 8, Mt), c("p", {
+		}, null, 8, Rt), c("p", {
 			class: "hint",
 			textContent: w(e.hint)
-		}, null, 8, Nt)])])], 10, kt)]));
+		}, null, 8, zt)])])], 10, Ft)]));
 	}
-}), [["__scopeId", "data-v-25f7bc17"]]), Ft = x(!1), It = (e, t) => e.children?.some((e) => e.route === t) ?? !1, Lt = (e, t) => e.route === t;
-function Rt(e = "default") {
+}), [["__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") {
 	let t = `NSidebar:${e}:expanded`, n = b($.store.get(t, {}));
-	Ft.value = $.store.get("NSidebar:expanded", !1);
+	Vt.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: () => Ft.value,
+		isSidebarExpanded: () => Vt.value,
 		toggleSidebar: () => {
-			Ft.value = !Ft.value, $.store.set("NSidebar:expanded", Ft.value);
+			Vt.value = !Vt.value, $.store.set("NSidebar:expanded", Vt.value);
 		},
 		setMenuActiveResolver: (e) => {
-			It = e;
+			Ht = e;
 		},
 		setItemActiveResolver: (e) => {
-			Lt = e;
+			Ut = e;
 		},
-		resolveMenuActive: It,
-		resolveItemActive: Lt
+		resolveMenuActive: Ht,
+		resolveItemActive: Ut
 	};
 }
 //#endregion
 //#region src/layouts/NHeroSection.vue?vue&type=script&setup=true&lang.ts
-var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt = { class: "header" }, Ht = ["innerHTML"], Ut = { class: "body" }, Wt = { class: "title-section" }, Gt = { class: "title" }, Kt = { key: 0 }, qt = {
+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 = {
 	key: 1,
 	class: "description"
-}, Jt = {
+}, en = {
 	key: 0,
 	class: "toolbar"
-}, Yt = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, tn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NHeroSection",
 	props: {
 		icon: { default: "" },
@@ -1090,11 +1121,11 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 		description: { default: "" }
 	},
 	setup(e) {
-		let t = Rt();
-		return (n, r) => (y(), s("div", zt, [c("div", Bt, [
+		let t = Wt();
+		return (n, r) => (y(), s("div", Gt, [c("div", Kt, [
 			r[2] ||= c("div", { class: "effect-background-left" }, null, -1),
 			r[3] ||= c("div", { class: "effect-background-right" }, null, -1),
-			c("div", Vt, [f(M, {
+			c("div", qt, [f(M, {
 				class: "sidebar-toggle-button",
 				padding: "8px",
 				intent: "none",
@@ -1122,14 +1153,14 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				key: 0,
 				class: "icon-bg",
 				innerHTML: e.icon
-			}, null, 8, Ht)) : o("", !0),
-			c("div", Ut, [c("div", Wt, [c("div", Gt, [e.title ? (y(), s("h1", Kt, w(e.title), 1)) : o("", !0), n.$slots.description || e.description ? (y(), s("div", qt, [C(n.$slots, "description", {}, () => [d(w(e.description), 1)], !0)])) : o("", !0)])]), n.$slots.toolbar ? (y(), s("div", Jt, [C(n.$slots, "toolbar", {}, void 0, !0)])) : o("", !0)])
+			}, 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)])
 		])]));
 	}
-}), [["__scopeId", "data-v-65913adc"]]), Xt = { class: "content-container" }, Zt = {
+}), [["__scopeId", "data-v-65913adc"]]), nn = { class: "content-container" }, rn = {
 	key: 0,
 	class: "nav-tabs"
-}, Qt = ["textContent", "onClick"], $t = { class: "tab-content" }, en = { class: "footer" }, tn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, an = ["textContent", "onClick"], on = { class: "tab-content" }, sn = { class: "footer" }, cn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NForm",
 	props: {
 		model: { default: () => ({}) },
@@ -1154,7 +1185,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 		}, m = () => {
 			t.disabled || r("reset");
 		};
-		return (n, i) => (y(), s("div", Xt, [C(n.$slots, "heroSection", {}, () => [f(Yt, {
+		return (n, i) => (y(), s("div", nn, [C(n.$slots, "heroSection", {}, () => [f(tn, {
 			icon: t.icon,
 			title: t.title,
 			description: t.description
@@ -1173,19 +1204,19 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 			onSubmit: O(p, ["prevent"]),
 			onReset: O(m, ["prevent"])
 		}, [
-			t.tabs.length > 0 ? (y(), s("div", Zt, [(y(!0), s(e, null, S(t.tabs, (e, t) => (y(), s("button", {
+			t.tabs.length > 0 ? (y(), s("div", rn, [(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, Qt))), 128))])) : o("", !0),
-			c("div", $t, [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", en, [C(n.$slots, "footer", {}, void 0, !0)])
+			}, 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)])
 		], 32)]));
 	}
-}), [["__scopeId", "data-v-fc11e625"]]), nn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-fc11e625"]]), ln = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1197,32 +1228,37 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 			[`radius-${e.radius}`]: !0
 		}]) }, [C(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-56a18223"]]), rn = {
+}), [["__scopeId", "data-v-56a18223"]]), un = {
 	key: 0,
 	class: "paginate"
-}, an = { class: "summary" }, on = { class: "pages" }, sn = {
+}, dn = { class: "summary" }, fn = { class: "pages" }, pn = {
 	key: 1,
 	class: "separator"
-}, cn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, mn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
+		currentPage: {},
 		pageSize: {},
 		maxPageButtons: { default: 7 }
 	},
 	emits: ["onPageChange"],
 	setup(t, { emit: n }) {
-		let r = n, l = x(1), u = i(() => Math.max(1, Math.ceil(t.totalItems / t.pageSize))), p = i(() => {
-			let e = u.value, n = l.value, r = Math.max(5, t.maxPageButtons);
-			if (e <= r) return Array.from({ length: e }, (e, t) => t + 1);
-			let i = [], a = Math.max(1, Math.floor((r - 3) / 2)), o = Math.max(2, n - a), s = Math.min(e - 1, n + a), c = 2 + (s - o + 1) + 2;
-			if (c > r) {
-				let e = c - r;
-				s = Math.max(o, s - e);
+		let r = n, l = x(1);
+		ne(() => t.currentPage, (e) => {
+			l.value = e;
+		}, { immediate: !0 });
+		let u = i(() => Math.max(1, Math.ceil(t.totalItems / t.pageSize))), p = i(() => {
+			let e = u.value, n = Math.max(5, t.maxPageButtons);
+			if (e <= n) return Array.from({ length: e }, (e, t) => t + 1);
+			let r = [], i = Math.max(1, Math.floor((n - 3) / 2)), a = Math.max(2, l.value - i), o = Math.min(e - 1, l.value + i), s = 2 + (o - a + 1) + 2;
+			if (s > n) {
+				let e = s - n;
+				o = Math.max(a, o - e);
 			}
-			i.push(1), o > 2 && i.push("...l");
-			for (let e = o; e <= s; e++) i.push(e);
-			return s < e - 1 && i.push("...r"), i.push(e), i;
+			r.push(1), a > 2 && r.push("...l");
+			for (let e = a; e <= o; e++) r.push(e);
+			return o < e - 1 && r.push("...r"), r.push(e), r;
 		});
 		function m() {
 			l.value <= 1 || (--l.value, r("onPageChange", l.value));
@@ -1234,13 +1270,13 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 			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", rn, [c("span", an, "第 " + w(l.value) + " / " + w(u.value) + " 頁，共 " + w(t.totalItems) + " 筆", 1), c("div", on, [
+		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, [
 			f(M, {
 				variant: "outline",
 				padding: "",
 				width: "35px",
 				height: "35px",
-				disabled: l.value <= 1,
+				disabled: t.currentPage <= 1,
 				onClick: m
 			}, {
 				default: D(() => [...r[0] ||= [c("svg", {
@@ -1256,28 +1292,28 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				}, [c("path", { d: "M15 18l-6-6 6-6" })], -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
-			(y(!0), s(e, null, S(p.value, (t) => (y(), s(e, { key: "p-" + t }, [typeof t == "number" ? (y(), a(M, {
+			(y(!0), s(e, null, S(p.value, (n) => (y(), s(e, { key: "p-" + n }, [typeof n == "number" ? (y(), a(M, {
 				key: 0,
-				variant: l.value === t ? "solid" : "outline",
-				intent: l.value === t ? "primary" : "none",
+				variant: t.currentPage === n ? "solid" : "outline",
+				intent: t.currentPage === n ? "primary" : "none",
 				padding: "",
 				width: "35px",
 				height: "35px",
-				onClick: (e) => g(t)
+				onClick: (e) => g(n)
 			}, {
-				default: D(() => [d(w(t), 1)]),
+				default: D(() => [d(w(n), 1)]),
 				_: 2
 			}, 1032, [
 				"variant",
 				"intent",
 				"onClick"
-			])) : (y(), s("span", sn, "…"))], 64))), 128)),
+			])) : (y(), s("span", pn, "…"))], 64))), 128)),
 			f(M, {
 				variant: "outline",
 				padding: "",
 				width: "35px",
 				height: "35px",
-				disabled: l.value >= u.value,
+				disabled: t.currentPage >= u.value,
 				onClick: h
 			}, {
 				default: D(() => [...r[1] ||= [c("svg", {
@@ -1295,13 +1331,13 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 			}, 8, ["disabled"])
 		])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-06443bd8"]]), ln = ["innerHTML"], un = { class: "title" }, dn = {
+}), [["__scopeId", "data-v-a191a116"]]), hn = ["innerHTML"], gn = { class: "title" }, _n = {
 	key: 1,
 	class: "description"
-}, fn = {
+}, vn = {
 	key: 2,
 	class: "action"
-}, pn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, yn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NEmpty",
 	props: {
 		title: { default: "目前沒有資料" },
@@ -1315,37 +1351,37 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				key: 0,
 				class: "icon",
 				innerHTML: e.icon
-			}, null, 8, ln)) : o("", !0),
-			c("p", un, w(e.title), 1),
-			e.description ? (y(), s("p", dn, w(e.description), 1)) : o("", !0),
-			t.$slots.default ? (y(), s("div", fn, [C(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
+			}, 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)
 		], 2));
 	}
-}), [["__scopeId", "data-v-b9482c23"]]), mn = {
+}), [["__scopeId", "data-v-b9482c23"]]), bn = {
 	key: 0,
 	class: "loading-fullscreen"
-}, hn = { class: "content" }, gn = {
+}, xn = { class: "content" }, Sn = {
 	key: 0,
 	class: "title"
-}, _n = {
+}, Cn = {
 	key: 1,
 	class: "loading-wrapper"
-}, vn = {
+}, wn = {
 	key: 0,
 	class: "overlay"
-}, yn = { class: "content" }, bn = {
+}, Tn = { class: "content" }, En = {
 	key: 0,
 	class: "title"
-}, xn = {
+}, Dn = {
 	key: 0,
 	class: "loading-inline"
-}, Sn = {
+}, On = {
 	key: 0,
 	class: "title"
-}, Cn = {
+}, kn = {
 	key: 0,
 	class: "title"
-}, wn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, An = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLoading",
 	props: {
 		loading: {
@@ -1368,42 +1404,42 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 			key: 0,
 			to: "body"
 		}, [f(n, { name: "fade" }, {
-			default: D(() => [r.loading ? (y(), s("div", mn, [c("div", hn, [l[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+			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", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (y(), s("p", gn, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (y(), s("p", Sn, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : r.overlay ? (y(), s("div", _n, [C(i.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
-			default: D(() => [r.loading ? (y(), s("div", vn, [c("div", yn, [l[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : 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", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (y(), s("p", bn, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (y(), s("p", En, w(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : (y(), s(e, { key: 2 }, [r.loading ? (y(), s("div", xn, [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", Dn, [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", Sn, 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", On, 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", Cn, 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", kn, w(r.title), 1)) : o("", !0)], 64)) : o("", !0)])) : C(i.$slots, "default", { key: 1 }, void 0, !0)], 64));
 	}
-}), [["__scopeId", "data-v-f3aa02fe"]]), Tn = { class: "table-scroll" }, En = {
+}), [["__scopeId", "data-v-f3aa02fe"]]), jn = { class: "table-scroll" }, Mn = {
 	key: 0,
 	class: "batch"
-}, Dn = ["onClick"], On = { class: "th-content" }, kn = {
+}, Nn = ["onClick"], Pn = { class: "th-content" }, Fn = {
 	key: 0,
 	class: "sort-icon"
-}, An = {
+}, In = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1411,7 +1447,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, jn = {
+}, Ln = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1419,7 +1455,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Mn = {
+}, Rn = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1427,13 +1463,13 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Nn = {
+}, zn = {
 	key: 1,
 	class: "actions"
-}, Pn = { key: 0 }, Fn = ["onClick"], In = {
+}, Bn = { key: 0 }, Vn = ["onClick"], Hn = {
 	key: 0,
 	class: "actions"
-}, Ln = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Un = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
@@ -1462,37 +1498,37 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 		}), 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(wn, {
+		return (n, l) => (y(), s("div", { class: h(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(An, {
 			loading: t.loading,
 			overlay: ""
 		}, {
-			default: D(() => [c("div", Tn, [c("table", null, [c("thead", null, [c("tr", null, [
-				n.$slots.batch ? (y(), s("th", En, [C(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
+			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),
 				(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", On, [d(w(e.label) + " ", 1), e.sortable ? (y(), s("span", kn, [i.value.key !== e.key || i.value.order === null ? (y(), s("svg", An, [...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", jn, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (y(), s("svg", Mn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Dn))), 128)),
-				n.$slots.actions ? (y(), s("th", Nn, [C(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
-			])]), !t.loading && t.items.length > 0 ? (y(), s("tbody", Pn, [(y(!0), s(e, null, S(t.items, (e, i) => (y(), s("tr", {
+				}, [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", {
 				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", In, [C(n.$slots, "actions", {
+			}, void 0, !0), n.$slots.actions ? (y(), s("td", Hn, [C(n.$slots, "actions", {
 				index: i,
 				item: e,
 				column: t.columns[i]
-			}, void 0, !0)])) : o("", !0)], 8, Fn))), 128))])) : o("", !0)])])]),
+			}, void 0, !0)])) : o("", !0)], 8, Vn))), 128))])) : o("", !0)])])]),
 			_: 3
-		}, 8, ["loading"]), t.items.length === 0 ? C(n.$slots, "empty", { key: 0 }, () => [f(pn, {
+		}, 8, ["loading"]), t.items.length === 0 ? C(n.$slots, "empty", { key: 0 }, () => [f(yn, {
 			title: t.emptyTitle,
 			description: t.emptyDescription
 		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-77619033"]]), Rn = { class: "content-container" }, zn = { key: 0 }, Bn = { class: "actions" }, Vn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-77619033"]]), Wn = { class: "content-container" }, Gn = { key: 0 }, Kn = { class: "actions" }, qn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1500,6 +1536,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 		items: { default: () => [] },
 		itemKey: { default: "id" },
 		totalItems: { default: 0 },
+		currentPage: { default: 1 },
 		pageSize: { default: 10 },
 		creatable: {
 			type: Boolean,
@@ -1561,7 +1598,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 		function ee() {
 			r.value.clear();
 		}
-		return (t, r) => (y(), s("div", Rn, [f(Yt, {
+		return (t, r) => (y(), s("div", Wn, [f(tn, {
 			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
@@ -1657,11 +1694,11 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				})) : o("", !0)
 			]),
 			key: "0"
-		} : void 0]), 1032, ["title", "description"]), f(nn, {
+		} : void 0]), 1032, ["title", "description"]), f(ln, {
 			size: "none",
 			radius: "xl"
 		}, {
-			default: D(() => [f(Ln, {
+			default: D(() => [f(Un, {
 				columns: e.columns,
 				items: e.items,
 				hoverable: "",
@@ -1684,7 +1721,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				} : void 0,
 				t.$slots.item ? {
 					name: "item",
-					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", zn, [f(H, {
+					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", Gn, [f(H, {
 						onClick: O((e) => h(n), ["stop"]),
 						"model-value": p(n.id)
 					}, null, 8, ["onClick", "model-value"])])) : o("", !0), C(t.$slots, "item", {
@@ -1699,7 +1736,7 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 					fn: D(({ item: r, index: i }) => [C(t.$slots, "actions", {
 						item: r,
 						index: i
-					}, () => [c("div", Bn, [e.updatable ? (y(), a(M, {
+					}, () => [c("div", Kn, [e.updatable ? (y(), a(M, {
 						key: 0,
 						variant: "outline",
 						onClick: O(() => n("update", r), ["stop"])
@@ -1729,25 +1766,27 @@ var zt = { class: "hero-section-container" }, Bt = { class: "hero-section" }, Vt
 				"empty-icon",
 				"empty-title",
 				"empty-description"
-			]), e.items.length > 0 ? (y(), a(cn, {
+			]), e.items.length > 0 ? (y(), a(mn, {
 				key: 0,
-				totalItems: e.totalItems,
-				pageSize: e.pageSize,
-				maxPageButtons: e.maxPageButtons,
+				"total-items": e.totalItems,
+				"current-page": e.currentPage,
+				"page-size": e.pageSize,
+				"max-page-buttons": e.maxPageButtons,
 				onOnPageChange: r[7] ||= (e) => n("pageChange", e)
 			}, null, 8, [
-				"totalItems",
-				"pageSize",
-				"maxPageButtons"
+				"total-items",
+				"current-page",
+				"page-size",
+				"max-page-buttons"
 			])) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ea5113b7"]]), Hn = 0, Un = b([]);
-function Wn() {
+}), [["__scopeId", "data-v-13c996f8"]]), Jn = 0, Yn = b([]);
+function Xn() {
 	let e = function(e, n = {}) {
-		let r = ++Hn, i = n.duration ?? 4e3;
-		Un.push({
+		let r = ++Jn, i = n.duration ?? 4e3;
+		Yn.push({
 			id: r,
 			description: e,
 			status: n.status ?? "info",
@@ -1769,31 +1808,31 @@ function Wn() {
 		status: "info"
 	});
 	function t(e) {
-		let t = Un.findIndex((t) => t.id === e);
-		t !== -1 && Un.splice(t, 1);
+		let t = Yn.findIndex((t) => t.id === e);
+		t !== -1 && Yn.splice(t, 1);
 	}
 	return {
-		toasts: Un,
+		toasts: Yn,
 		toast: e,
 		removeToast: t
 	};
 }
 //#endregion
 //#region src/components/NToast.vue?vue&type=script&setup=true&lang.ts
-var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
+var Zn = { class: "icon-wrap" }, Qn = ["innerHTML"], $n = {
 	key: 0,
 	class: "arc-timer",
 	viewBox: "0 0 36 36",
 	width: "36",
 	height: "36",
 	"shape-rendering": "geometricPrecision"
-}, Jn = { class: "body" }, Yn = {
+}, er = { class: "body" }, tr = {
 	key: 0,
 	class: "title"
-}, Xn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, nr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
-		let { toasts: i } = Wn(), l = {
+		let { toasts: i } = Xn(), 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>",
@@ -1807,10 +1846,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			default: D(() => [(y(!0), s(e, null, S(T(i), (e) => (y(), s("div", {
 				key: e.id,
 				class: h(["toast", [`${e.status}`]])
-			}, [c("div", Gn, [c("div", {
+			}, [c("div", Zn, [c("div", {
 				class: "icon",
 				innerHTML: l[e.status]
-			}, null, 8, Kn), e.duration > 0 ? (y(), s("svg", qn, [u[0] ||= c("circle", {
+			}, null, 8, Qn), e.duration > 0 ? (y(), s("svg", $n, [u[0] ||= c("circle", {
 				class: "arc-track",
 				cx: "18",
 				cy: "18",
@@ -1822,17 +1861,17 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 				r: "16",
 				transform: "rotate(-90 18 18)",
 				style: g({ animationDuration: `${e.duration}ms` })
-			}, null, 4)])) : o("", !0)]), c("div", Jn, [e.title ? (y(), s("p", Yn, w(e.title), 1)) : o("", !0), e.description ? (y(), s("p", {
+			}, null, 4)])) : o("", !0)]), c("div", er, [e.title ? (y(), s("p", tr, 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"]]), Zn = { class: "code" }, Qn = {
+}), [["__scopeId", "data-v-53892c5f"]]), rr = { class: "code" }, ir = {
 	key: 0,
 	class: "header"
-}, $n = { class: "language-label" }, er = {
+}, ar = { class: "language-label" }, or = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1843,7 +1882,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, tr = {
+}, sr = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1854,10 +1893,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, nr = { class: "code-body" }, rr = {
+}, cr = { class: "code-body" }, lr = {
 	key: 0,
 	class: "gutter"
-}, ir = ["textContent"], ar = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, ur = ["textContent"], dr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -1876,28 +1915,28 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 				}, 2e3);
 			} catch {}
 		}
-		return (i, l) => (y(), s("div", Zn, [(t.language, y(), s("div", Qn, [c("span", $n, w(t.language || "code"), 1), c("button", {
+		return (i, l) => (y(), s("div", rr, [(t.language, y(), s("div", ir, [c("span", ar, w(t.language || "code"), 1), c("button", {
 			class: h(["copy-btn", { copied: n.value }]),
 			onClick: a
-		}, [n.value ? (y(), s("svg", tr, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (y(), s("svg", er, [...l[0] ||= [c("rect", {
+		}, [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", {
 			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", nr, [t.showLineNumbers ? (y(), s("div", rr, [(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", cr, [t.showLineNumbers ? (y(), s("div", lr, [(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, ir)])]));
+		}, null, 8, ur)])]));
 	}
-}), [["__scopeId", "data-v-6fed5425"]]), or = {
+}), [["__scopeId", "data-v-6fed5425"]]), fr = {
 	key: 0,
 	class: "label"
-}, sr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, pr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -1922,7 +1961,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			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", or, 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", fr, w(e.title), 1)) : o("", !0), c("div", {
 			class: h(["switch", [
 				`size-${e.size}`,
 				{ checked: a.value },
@@ -1931,7 +1970,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			onClick: l
 		}, [...n[0] ||= [c("div", { class: "inner" }, [c("div", { class: "handle" })], -1)]], 2)], 2));
 	}
-}), [["__scopeId", "data-v-efa08615"]]), cr = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-efa08615"]]), mr = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -1980,49 +2019,49 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			y2: "18"
 		})], -1)]])) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-55e5be0f"]]), lr = {
+}), [["__scopeId", "data-v-55e5be0f"]]), hr = {
 	key: 0,
 	class: "label"
-}, ur = {
+}, gr = {
 	key: 0,
 	class: "picker-dropdown"
-}, dr = { class: "picker-header" }, fr = { class: "header-nav" }, pr = { class: "header-nav" }, mr = { class: "picker-body" }, hr = { class: "weekday-grid" }, gr = { class: "day-grid" }, _r = {
+}, _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 = {
 	key: 1,
 	class: "year-grid"
-}, vr = {
+}, wr = {
 	key: 0,
 	class: "time-section"
-}, yr = { class: "time-sliders" }, br = {
+}, Tr = { class: "time-sliders" }, Er = {
 	key: 0,
 	class: "time-row"
-}, xr = ["value"], Sr = { class: "time-val" }, Cr = {
+}, Dr = ["value"], Or = { class: "time-val" }, kr = {
 	key: 1,
 	class: "time-row"
-}, wr = ["value"], Tr = { class: "time-val" }, Er = { class: "mobile-sheet" }, Dr = { class: "picker-header" }, Or = { class: "header-nav" }, kr = { class: "header-nav" }, Ar = { class: "picker-body" }, jr = { class: "weekday-grid" }, Mr = { class: "day-grid" }, Nr = {
+}, 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 = {
 	key: 1,
 	class: "year-grid"
-}, Pr = {
+}, Br = {
 	key: 0,
 	class: "time-section"
-}, Fr = { class: "time-sliders" }, Ir = {
+}, Vr = { class: "time-sliders" }, Hr = {
 	key: 0,
 	class: "time-row"
-}, Lr = ["value"], Rr = { class: "time-val" }, zr = {
+}, Ur = ["value"], Wr = { class: "time-val" }, Gr = {
 	key: 1,
 	class: "time-row"
-}, Br = ["value"], Vr = { class: "time-val" }, Hr = { class: "range-modal" }, Ur = { class: "range-body" }, Wr = {
+}, Kr = ["value"], qr = { class: "time-val" }, Jr = { class: "range-modal" }, Yr = { class: "range-body" }, Xr = {
 	key: 0,
 	class: "range-sep"
-}, Gr = { class: "range-cal" }, Kr = { class: "picker-header" }, qr = { class: "header-nav" }, Jr = {
+}, Zr = { class: "range-cal" }, Qr = { class: "picker-header" }, $r = { class: "header-nav" }, ei = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, Yr = { class: "header-title no-click" }, Xr = { class: "header-nav" }, Zr = {
+}, ti = { class: "header-title no-click" }, ni = { class: "header-nav" }, ri = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, Qr = { class: "weekday-grid" }, $r = { class: "day-grid range-day-grid" }, ei = ["onClick", "onMouseenter"], ti = { class: "range-footer" }, ni = { class: "range-display" }, ri = { class: "mobile-sheet" }, ii = {
+}, 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 = {
 	class: "picker-header",
 	style: { "margin-top": "8px" }
-}, ai = { class: "header-nav" }, oi = { class: "header-title no-click" }, si = { class: "header-nav" }, ci = { class: "weekday-grid" }, li = { class: "day-grid range-day-grid" }, ui = ["onClick"], di = { class: "range-footer" }, fi = { class: "range-display" }, pi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, 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({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -2307,7 +2346,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			ref: C,
 			class: "datepicker"
 		}, [
-			t.title ? (y(), s("label", lr, w(t.title), 1)) : o("", !0),
+			t.title ? (y(), s("label", hr, w(t.title), 1)) : o("", !0),
 			c("div", { class: h(["date-picker", {
 				open: b.value && !t.range && !T.value,
 				disabled: t.disabled
@@ -2334,9 +2373,9 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 				}, [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", ur, [
-					c("div", dr, [
-						c("div", fr, [f(M, {
+				default: D(() => [b.value && !t.range && !T.value ? (y(), s("div", gr, [
+					c("div", _r, [
+						c("div", vr, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: i[0] ||= (e) => Ce(-1)
@@ -2376,7 +2415,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							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", pr, [P.value === "date" ? (y(), a(M, {
+						c("div", yr, [P.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2413,10 +2452,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							_: 1
 						})])
 					]),
-					c("div", mr, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", hr, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", br, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", xr, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, w(e), 1)), 64))]), c("div", gr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", Sr, [(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",
@@ -2431,7 +2470,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", _r, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", Cr, [(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",
@@ -2445,7 +2484,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					v.value && P.value === "date" ? (y(), s("div", vr, [c("div", yr, [m.value ? (y(), s("div", br, [
+					v.value && P.value === "date" ? (y(), s("div", wr, [c("div", Tr, [m.value ? (y(), s("div", Er, [
 						i[27] ||= c("span", { class: "time-label" }, "時", -1),
 						f(M, {
 							variant: "ghost",
@@ -2476,7 +2515,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							max: "23",
 							value: L.value,
 							onInput: i[5] ||= (e) => Te(e, "H")
-						}, null, 40, xr),
+						}, null, 40, Dr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2499,8 +2538,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Sr, w(N(L.value)), 1)
-					])) : o("", !0), g.value ? (y(), s("div", Cr, [
+						c("span", Or, w(N(L.value)), 1)
+					])) : o("", !0), g.value ? (y(), s("div", kr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
 						f(M, {
 							variant: "ghost",
@@ -2531,7 +2570,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							max: "59",
 							value: R.value,
 							onInput: i[8] ||= (e) => Te(e, "m")
-						}, null, 40, wr),
+						}, null, 40, Ar),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2554,7 +2593,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Tr, w(N(R.value)), 1)
+						c("span", jr, w(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2564,10 +2603,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", Er, [
+				}, [c("div", Mr, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
-					c("div", Dr, [
-						c("div", Or, [f(M, {
+					c("div", Nr, [
+						c("div", Pr, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: i[10] ||= (e) => Ce(-1)
@@ -2607,7 +2646,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							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", kr, [P.value === "date" ? (y(), a(M, {
+						c("div", Fr, [P.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2644,10 +2683,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							_: 1
 						})])
 					]),
-					c("div", Ar, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", jr, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", Ir, [P.value === "date" ? (y(), s(e, { key: 0 }, [c("div", Lr, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, w(e), 1)), 64))]), c("div", Mr, [(y(!0), s(e, null, S(fe.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", Rr, [(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",
@@ -2662,7 +2701,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", Nr, [(y(!0), s(e, null, S(B.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", zr, [(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",
@@ -2676,7 +2715,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					v.value && P.value === "date" ? (y(), s("div", Pr, [c("div", Fr, [m.value ? (y(), s("div", Ir, [
+					v.value && P.value === "date" ? (y(), s("div", Br, [c("div", Vr, [m.value ? (y(), s("div", Hr, [
 						i[37] ||= c("span", { class: "time-label" }, "時", -1),
 						f(M, {
 							variant: "ghost",
@@ -2707,7 +2746,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							max: "23",
 							value: L.value,
 							onInput: i[15] ||= (e) => Te(e, "H")
-						}, null, 40, Lr),
+						}, null, 40, Ur),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2730,8 +2769,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Rr, w(N(L.value)), 1)
-					])) : o("", !0), g.value ? (y(), s("div", zr, [
+						c("span", Wr, w(N(L.value)), 1)
+					])) : o("", !0), g.value ? (y(), s("div", Gr, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
 						f(M, {
 							variant: "ghost",
@@ -2762,7 +2801,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							max: "59",
 							value: R.value,
 							onInput: i[18] ||= (e) => Te(e, "m")
-						}, null, 40, Br),
+						}, null, 40, Kr),
 						f(M, {
 							variant: "ghost",
 							square: "",
@@ -2785,7 +2824,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Vr, w(N(R.value)), 1)
+						c("span", qr, w(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -2795,11 +2834,11 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 					key: 0,
 					class: "range-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", Hr, [
+				}, [c("div", Jr, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Ur, [(y(!0), s(e, null, S(Y.value, (t) => (y(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (y(), s("div", Wr)), c("div", Gr, [
-						c("div", Kr, [
-							c("div", qr, [t.isLeft ? (y(), a(M, {
+					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, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2817,9 +2856,9 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 									"stroke-linejoin": "round"
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
-							})) : (y(), s("div", Jr))]),
-							c("div", Yr, w(re[t.month]) + " " + w(t.year), 1),
-							c("div", Xr, [t.isLeft ? (y(), s("div", Zr)) : (y(), a(M, {
+							})) : (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, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2839,18 +2878,18 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 								_: 1
 							}))])
 						]),
-						c("div", Qr, [(y(), s(e, null, S(k, (e) => c("span", {
+						c("div", ii, [(y(), s(e, null, S(k, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, w(e), 1)), 64))]),
-						c("div", $r, [(y(!0), s(e, null, S(t.days, (e, t) => (y(), s("div", {
+						c("div", ai, [(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, ei))), 128))])
+						}, w(e.day), 43, oi))), 128))])
 					])], 64))), 128))]),
-					c("div", ti, [c("div", ni, [
+					c("div", si, [c("div", ci, [
 						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)
@@ -2872,11 +2911,11 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: O(Ve, ["self"])
-				}, [c("div", ri, [
+				}, [c("div", li, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", ii, [
-						c("div", ai, [f(M, {
+					c("div", ui, [
+						c("div", di, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: Fe
@@ -2894,8 +2933,8 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", oi, w(re[W.value]) + " " + w(U.value), 1),
-						c("div", si, [f(M, {
+						c("div", fi, w(re[W.value]) + " " + w(U.value), 1),
+						c("div", pi, [f(M, {
 							variant: "ghost",
 							square: "",
 							onClick: Ie
@@ -2914,16 +2953,16 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 							_: 1
 						})])
 					]),
-					c("div", ci, [(y(), s(e, null, S(k, (e) => c("span", {
+					c("div", mi, [(y(), s(e, null, S(k, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, w(e), 1)), 64))]),
-					c("div", li, [(y(!0), s(e, null, S(ke.value, (e, t) => (y(), s("div", {
+					c("div", hi, [(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, ui))), 128))]),
-					c("div", di, [c("div", fi, [
+					}, w(e.day), 11, gi))), 128))]),
+					c("div", _i, [c("div", vi, [
 						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)
@@ -2942,7 +2981,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-9f942c6b"]]), mi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9f942c6b"]]), bi = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -2977,10 +3016,10 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), hi = { class: "modal-header" }, gi = { class: "modal-title" }, _i = { class: "modal-content" }, vi = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), xi = { class: "modal-header" }, Si = { class: "modal-title" }, Ci = { class: "modal-content" }, wi = {
 	key: 0,
 	class: "modal-footer"
-}, yi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ti = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -3024,7 +3063,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 				class: "modal-container",
 				style: g({ width: e.width })
 			}, [
-				c("header", hi, [c("h3", gi, w(e.title), 1), e.showClose ? (y(), s("button", {
+				c("header", xi, [c("h3", Si, w(e.title), 1), e.showClose ? (y(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3036,16 +3075,16 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 					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", _i, [C(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (y(), s("footer", vi, [C(r.$slots, "footer", {}, void 0, !0)])) : 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)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), bi = { class: "drawer-header" }, xi = { class: "drawer-title" }, Si = { class: "drawer-body" }, Ci = {
+}), [["__scopeId", "data-v-ee2fac3c"]]), Ei = { class: "drawer-header" }, Di = { class: "drawer-title" }, Oi = { class: "drawer-body" }, ki = {
 	key: 0,
 	class: "drawer-footer"
-}, wi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ai = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NDrawer",
 	props: {
 		show: {
@@ -3090,7 +3129,7 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 				class: h(["drawer-container", [`placement-${e.placement}`]]),
 				style: g({ width: e.width })
 			}, [
-				c("header", bi, [c("h3", xi, [C(r.$slots, "title", {}, () => [d(w(e.title), 1)], !0)]), e.showClose ? (y(), s("button", {
+				c("header", Ei, [c("h3", Di, [C(r.$slots, "title", {}, () => [d(w(e.title), 1)], !0)]), e.showClose ? (y(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3102,18 +3141,18 @@ var Gn = { class: "icon-wrap" }, Kn = ["innerHTML"], qn = {
 					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", Si, [C(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (y(), s("footer", Ci, [C(r.$slots, "footer", {}, void 0, !0)])) : 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)
 			], 6)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8c0a0bb"]]), Ti = 0, Ei = b([]);
-function Di() {
+}), [["__scopeId", "data-v-f8c0a0bb"]]), ji = 0, Mi = b([]);
+function Ni() {
 	let e = function(e, t = {}) {
-		let n = ++Ti;
+		let n = ++ji;
 		return new Promise((r) => {
-			Ei.push({
+			Mi.push({
 				id: n,
 				type: "alert",
 				message: e,
@@ -3139,8 +3178,8 @@ function Di() {
 	});
 	function t(e, t = {}) {
 		return new Promise((n) => {
-			let r = ++Ti;
-			Ei.push({
+			let r = ++ji;
+			Mi.push({
 				id: r,
 				type: "confirm",
 				message: e,
@@ -3153,10 +3192,10 @@ function Di() {
 		});
 	}
 	function n() {
-		for (; Ei.length > 0;) Ei.shift().resolve(!1);
+		for (; Mi.length > 0;) Mi.shift().resolve(!1);
 	}
 	return {
-		alerts: Ei,
+		alerts: Mi,
 		alert: e,
 		confirm: t,
 		clearAlerts: n
@@ -3164,13 +3203,13 @@ function Di() {
 }
 //#endregion
 //#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
-var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-body" }, ji = {
+var Pi = { class: "cards-wrapper" }, Fi = ["innerHTML"], Ii = { class: "card-body" }, Li = {
 	key: 0,
 	class: "card-title"
-}, Mi = { class: "card-message" }, Ni = { class: "card-footer" }, Pi = ["onClick"], Fi = ["onClick"], Ii = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ri = { class: "card-message" }, zi = { class: "card-footer" }, Bi = ["onClick"], Vi = ["onClick"], Hi = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
-		let { alerts: r, clearAlerts: i } = Di(), l = {
+		let { alerts: r, clearAlerts: i } = Ni(), 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>",
@@ -3207,7 +3246,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { 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", Oi, [(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", Pi, [(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))
@@ -3215,25 +3254,25 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, ki),
-			c("div", Ai, [e.title ? (y(), s("p", ji, w(e.title), 1)) : o("", !0), c("p", Mi, w(e.message), 1)]),
-			c("div", Ni, [e.type === "confirm" ? (y(), s("button", {
+			}, 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", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, w(e.cancelText), 9, Pi)) : o("", !0), c("button", {
+			}, w(e.cancelText), 9, Bi)) : o("", !0), c("button", {
 				class: h(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, w(e.confirmText), 11, Fi)])
+			}, w(e.confirmText), 11, Vi)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-20105bbb"]]), Li = { class: "nav" }, Ri = ["onClick"], zi = ["innerHTML"], Bi = { class: "nav-list" }, Vi = ["href", "onClick"], Hi = ["innerHTML"], Ui = { class: "nav-text" }, Wi = ["href", "onClick"], Gi = { class: "title no-children" }, Ki = ["innerHTML"], qi = { class: "user-capsule" }, Ji = { class: "user-avatar" }, Yi = ["src"], Xi = {
+}), [["__scopeId", "data-v-20105bbb"]]), Ui = { class: "nav" }, Wi = ["onClick"], Gi = ["innerHTML"], Ki = { class: "nav-list" }, qi = ["href", "onClick"], Ji = ["innerHTML"], Yi = { class: "nav-text" }, Xi = ["href", "onClick"], Zi = { class: "title no-children" }, Qi = ["innerHTML"], $i = { class: "user-capsule" }, ea = { class: "user-avatar" }, ta = ["src"], na = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Zi = { class: "user-info" }, Qi = { class: "user-name-row" }, $i = { class: "user-name" }, ea = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, ra = { class: "user-info" }, ia = { class: "user-name-row" }, aa = { class: "user-name" }, oa = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		isOpen: {
@@ -3251,7 +3290,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 		"navigate"
 	],
 	setup(n, { emit: r }) {
-		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = Rt(), p = x(!1), m = r, g = (e) => {
+		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = Wt(), p = x(!1), m = r, g = (e) => {
 			n.currentPath !== e.route && m("navigate", e);
 		}, ee = (e) => {
 			!e.route || n.currentPath === e.route || m("navigate", {
@@ -3286,7 +3325,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 				onMouseenter: _[2] ||= (e) => p.value = !0
 			}, [
 				_[9] ||= c("div", { class: "header" }, [c("div", { class: "brand-logo" }, [c("span", { class: "logo-text" }, "NICKLABS"), c("span", { class: "logo-icon" }, "N")])], -1),
-				c("div", Li, [(y(!0), s(e, null, S(n.menus, (t) => (y(), s(e, null, [t.children?.length ? (y(), s("div", {
+				c("div", Ui, [(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),
@@ -3295,7 +3334,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => T(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, zi), c("span", null, w(t.title), 1)]), _[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Gi), c("span", null, w(t.title), 1)]), _[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -3306,23 +3345,23 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Ri), c("div", Bi, [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, Wi), c("div", Ki, [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, Hi), c("span", Ui, w(e.title), 1)], 2)], 8, Vi))), 256))])])], 2)) : (y(), s("div", {
+				}, [c("div", { class: h(["nav-item", { active: T(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Ji), c("span", Yi, w(e.title), 1)], 2)], 8, qi))), 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", Gi, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ki), c("span", null, w(t.title), 1)])])], 8, Wi)], 2))], 64))), 256))]),
-				c("div", qi, [C(r.$slots, "user", {}, () => [
-					c("div", Ji, [n.userAvatarUrl ? (y(), s("img", {
+				}, [c("div", Zi, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Qi), c("span", null, w(t.title), 1)])])], 8, Xi)], 2))], 64))), 256))]),
+				c("div", $i, [C(r.$slots, "user", {}, () => [
+					c("div", ea, [n.userAvatarUrl ? (y(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Yi)) : (y(), s("svg", Xi, [..._[7] ||= [u("<defs data-v-c84404ab><clipPath id=\"avatarClip\" data-v-c84404ab><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-c84404ab></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-c84404ab></circle><g clip-path=\"url(#avatarClip)\" data-v-c84404ab><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-c84404ab></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-c84404ab></path></g>", 3)]]))]),
-					c("div", Zi, [c("div", Qi, [c("span", $i, w(n.userName || "ADMINISTRATOR"), 1)])]),
+					}, null, 8, ta)) : (y(), s("svg", na, [..._[7] ||= [u("<defs data-v-c84404ab><clipPath id=\"avatarClip\" data-v-c84404ab><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-c84404ab></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-c84404ab></circle><g clip-path=\"url(#avatarClip)\" data-v-c84404ab><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-c84404ab></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-c84404ab></path></g>", 3)]]))]),
+					c("div", ra, [c("div", ia, [c("span", aa, w(n.userName || "ADMINISTRATOR"), 1)])]),
 					f(M, {
 						class: "logout-btn",
 						intent: "error",
@@ -3361,7 +3400,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-c84404ab"]]), ta = { class: "layout" }, na = { class: "main-content" }, ra = { class: "copyright" }, ia = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c84404ab"]]), sa = { class: "layout" }, ca = { class: "main-content" }, la = { class: "copyright" }, ua = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		isShowSidebar: {
@@ -3374,8 +3413,8 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 	},
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
-		let n = Rt(), r = t;
-		return (t, i) => (y(), s("div", ta, [e.isShowSidebar ? (y(), a(ea, {
+		let n = Wt(), r = t;
+		return (t, i) => (y(), s("div", sa, [e.isShowSidebar ? (y(), a(oa, {
 			key: 0,
 			isOpen: T(n).isSidebarExpanded(),
 			"onUpdate:isOpen": i[0] ||= (e) => T(n).toggleSidebar(),
@@ -3387,18 +3426,18 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", na, [C(t.$slots, "default", {}, void 0, !0), c("div", ra, w(e.copyright), 1)])]));
+		])) : o("", !0), c("main", ca, [C(t.$slots, "default", {}, void 0, !0), c("div", la, w(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-42c0ab8b"]]), aa = { class: "topbar" }, oa = { class: "topbar-left" }, sa = { class: "topbar-right" }, ca = {
+}), [["__scopeId", "data-v-42c0ab8b"]]), da = { class: "topbar" }, fa = { class: "topbar-left" }, pa = { class: "topbar-right" }, ma = {
 	key: 0,
 	class: "pill"
-}, la = {
+}, ha = {
 	key: 0,
 	class: "name"
-}, ua = {
+}, ga = {
 	key: 1,
 	class: "separator"
-}, da = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, _a = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -3423,7 +3462,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (y(), s("header", aa, [c("div", oa, [e.isShowSidebar ? (y(), a(M, {
+		return (t, i) => (y(), s("header", da, [c("div", fa, [e.isShowSidebar ? (y(), a(M, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -3466,9 +3505,9 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", sa, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", ca, [
-			e.isShowUser ? (y(), s("span", la, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (y(), s("div", ua)) : o("", !0),
+		})) : o("", !0)]), c("div", pa, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", ma, [
+			e.isShowUser ? (y(), s("span", ha, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (y(), s("div", ga)) : o("", !0),
 			e.isShowLogoutButton ? (y(), a(M, {
 				key: 2,
 				variant: "mute",
@@ -3494,10 +3533,10 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), fa = { class: "brand" }, pa = ["src", "alt"], ma = {
+}), [["__scopeId", "data-v-f38a4beb"]]), va = { class: "brand" }, ya = ["src", "alt"], ba = {
 	key: 1,
 	class: "icon"
-}, ha = { key: 2 }, ga = { key: 3 }, _a = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, xa = { key: 2 }, Sa = { key: 3 }, Ca = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -3510,20 +3549,20 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { 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(nn, {
+		}, [f(ln, {
 			size: "lg",
 			radius: "xl",
 			class: "card"
 		}, {
-			default: D(() => [c("div", fa, [
+			default: D(() => [c("div", va, [
 				t.value ? (y(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, pa)) : (y(), s("div", ma, w(e.logo), 1)),
-				e.title ? (y(), s("h1", ha, w(e.title), 1)) : o("", !0),
-				e.description ? (y(), s("p", ga, w(e.description), 1)) : o("", !0)
+				}, null, 8, ya)) : (y(), s("div", ba, w(e.logo), 1)),
+				e.title ? (y(), s("h1", xa, w(e.title), 1)) : o("", !0),
+				e.description ? (y(), s("p", Sa, w(e.description), 1)) : o("", !0)
 			]), C(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -3531,7 +3570,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function va(e) {
+function wa(e) {
 	let t = i(() => {
 		let t = A();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -3555,7 +3594,7 @@ function va(e) {
 }
 //#endregion
 //#region src/composables/useDisclosure.ts
-function ya() {
+function Ta() {
 	let e = x(!1);
 	function t() {
 		e.value = !0;
@@ -3571,37 +3610,37 @@ function ya() {
 }
 //#endregion
 //#region src/index.ts
-var ba = {
+var Ea = {
 	NButton: M,
 	NBreadcrumb: ce,
 	NInput: me,
 	NTextarea: ye,
 	NCheckbox: H,
 	NSelect: Ae,
-	NFileSelect: Pt,
-	NForm: tn,
-	NList: Vn,
-	NEmpty: pn,
-	NToast: Xn,
-	NLoading: wn,
-	NCode: ar,
-	NSwitch: sr,
-	NTag: cr,
-	NDatePicker: pi,
-	NTooltip: mi,
-	NModal: yi,
-	NDrawer: wi,
-	NAlert: Ii,
-	NTable: Ln,
-	NLayout: ia,
-	NNavigation: da,
-	NSidebar: ea,
-	NCard: nn,
-	NLoginLayout: _a
-}, xa = { install(e, t = {}) {
-	Object.entries(ba).forEach(([t, n]) => {
+	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: ua,
+	NNavigation: _a,
+	NSidebar: oa,
+	NCard: ln,
+	NLoginLayout: Ca
+}, Da = { install(e, t = {}) {
+	Object.entries(Ea).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && ie(t.router);
 } };
 //#endregion
-export { Ii as NAlert, M as NButton, nn as NCard, H as NCheckbox, ar as NCode, pi as NDatePicker, wi as NDrawer, pn as NEmpty, Pt as NFileSelect, tn as NForm, me as NInput, ia as NLayout, Vn as NList, wn as NLoading, _a as NLoginLayout, yi as NModal, da as NNavigation, Ae as NSelect, ea as NSidebar, sr as NSwitch, Ln as NTable, cr as NTag, ye as NTextarea, Xn as NToast, mi as NTooltip, xa as NickLabsUI, Di as useAlert, F as useBreadcrumb, ya as useDisclosure, va as useRouteModal, Rt as useSidebarManager, Wn as useToast };
+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, ua as NLayout, qn as NList, An as NLoading, Ca as NLoginLayout, Ti as NModal, _a as NNavigation, Ae as NSelect, oa as NSidebar, pr as NSwitch, Un as NTable, mr as NTag, ye as NTextarea, nr as NToast, bi as NTooltip, Da as NickLabsUI, Ni as useAlert, F as useBreadcrumb, Ta as useDisclosure, wa as useRouteModal, Wt as useSidebarManager, Xn as useToast };