nicklabs-ui 1.0.4 → 1.0.7

package/dist/index.mjs

@@ -930,59 +930,56 @@ var ae = ["type", "disabled"], oe = /* @__PURE__ */ p({
 			textContent: T(e.hint)
 		}, null, 8, wt)])])], 10, bt)]));
 	}
-}), [["__scopeId", "data-v-0fd41b7d"]]);
+}), [["__scopeId", "data-v-c90d900b"]]);
 Array.isArray;
 var Et = /* @__PURE__ */ function(e) {
 	return e[e.MATCHER_NOT_FOUND = 1] = "MATCHER_NOT_FOUND", e[e.NAVIGATION_GUARD_REDIRECT = 2] = "NAVIGATION_GUARD_REDIRECT", e[e.NAVIGATION_ABORTED = 4] = "NAVIGATION_ABORTED", e[e.NAVIGATION_CANCELLED = 8] = "NAVIGATION_CANCELLED", e[e.NAVIGATION_DUPLICATED = 16] = "NAVIGATION_DUPLICATED", e;
 }({});
-Symbol(process.env.NODE_ENV === "production" ? "" : "navigation failure"), Et.MATCHER_NOT_FOUND, Et.NAVIGATION_GUARD_REDIRECT, Et.NAVIGATION_ABORTED, Et.NAVIGATION_CANCELLED, Et.NAVIGATION_DUPLICATED, Symbol(process.env.NODE_ENV === "production" ? "" : "router view location matched"), Symbol(process.env.NODE_ENV === "production" ? "" : "router view depth");
-var Dt = Symbol(process.env.NODE_ENV === "production" ? "" : "router"), Ot = Symbol(process.env.NODE_ENV === "production" ? "" : "route location");
+Symbol(process.env.NODE_ENV === "production" ? "" : "navigation failure"), Et.MATCHER_NOT_FOUND, Et.NAVIGATION_GUARD_REDIRECT, Et.NAVIGATION_ABORTED, Et.NAVIGATION_CANCELLED, Et.NAVIGATION_DUPLICATED, Symbol(process.env.NODE_ENV === "production" ? "" : "router view location matched"), Symbol(process.env.NODE_ENV === "production" ? "" : "router view depth"), Symbol(process.env.NODE_ENV === "production" ? "" : "router");
+var Dt = Symbol(process.env.NODE_ENV === "production" ? "" : "route location");
 Symbol(process.env.NODE_ENV === "production" ? "" : "router view location");
-function kt() {
+function Ot(e) {
 	return m(Dt);
 }
-function At(e) {
-	return m(Ot);
-}
 //#endregion
 //#region src/layouts/NBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var jt = { class: "breadcrumbs" }, Mt = /* @__PURE__ */ A(/* @__PURE__ */ p({
+var kt = { class: "breadcrumbs" }, At = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NBreadcrumb",
 	setup(e) {
-		return (e, t) => (b(), s("nav", jt, [...t[0] ||= [
+		return (e, t) => (b(), s("nav", kt, [...t[0] ||= [
 			c("span", null, "Home", -1),
 			c("span", null, "Admin", -1),
 			c("span", { class: "active" }, "Functions", -1)
 		]]));
 	}
-}), [["__scopeId", "data-v-c06b466b"]]), Nt = S(!1);
-function Pt(e = "default") {
+}), [["__scopeId", "data-v-c06b466b"]]), jt = S(!1);
+function Mt(e = "default") {
 	let t = `NSidebar:${e}:expanded`, n = x($.store.get(t, {}));
-	Nt.value = $.store.get("NSidebar:expanded", !1);
+	jt.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: () => Nt.value,
+		isSidebarExpanded: () => jt.value,
 		toggleSidebar: () => {
-			Nt.value = !Nt.value, $.store.set("NSidebar:expanded", Nt.value);
+			jt.value = !jt.value, $.store.set("NSidebar:expanded", jt.value);
 		}
 	};
 }
 //#endregion
 //#region src/layouts/NHeroSection.vue?vue&type=script&setup=true&lang.ts
-var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"], Rt = { class: "body" }, zt = { class: "title-section" }, Bt = { class: "title" }, Vt = { key: 0 }, Ht = { class: "toolbar" }, Ut = /* @__PURE__ */ A(/* @__PURE__ */ p({
+var Nt = { class: "hero-section" }, Pt = { class: "header" }, Ft = ["innerHTML"], It = { class: "body" }, Lt = { class: "title-section" }, Rt = { class: "title" }, zt = { key: 0 }, Bt = { class: "toolbar" }, Vt = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NHeroSection",
 	props: {
 		icon: { default: "" },
 		title: { default: "" }
 	},
 	setup(e) {
-		let t = Pt();
-		return (n, r) => (b(), s("div", Ft, [
-			c("div", It, [f(j, {
+		let t = Mt();
+		return (n, r) => (b(), s("div", Nt, [
+			c("div", Pt, [f(j, {
 				class: "sidebar-toggle-button",
 				padding: "8px",
 				intent: "none",
@@ -1005,19 +1002,19 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 					c("path", { d: "M4 19h16" })
 				], -1)]]),
 				_: 1
-			}), f(Mt)]),
+			}), f(At)]),
 			e.icon ? (b(), s("div", {
 				key: 0,
 				class: "icon-bg",
 				innerHTML: e.icon
-			}, null, 8, Lt)) : o("", !0),
-			c("div", Rt, [c("div", zt, [c("div", Bt, [e.title ? (b(), s("h1", Vt, T(e.title), 1)) : o("", !0)])]), c("div", Ht, [w(n.$slots, "default", {}, void 0, !0)])])
+			}, null, 8, Ft)) : o("", !0),
+			c("div", It, [c("div", Lt, [c("div", Rt, [e.title ? (b(), s("h1", zt, T(e.title), 1)) : o("", !0)])]), c("div", Bt, [w(n.$slots, "default", {}, void 0, !0)])])
 		]));
 	}
-}), [["__scopeId", "data-v-38ca441b"]]), Wt = { class: "content-container" }, Gt = {
+}), [["__scopeId", "data-v-38ca441b"]]), Ht = { class: "content-container" }, Ut = {
 	key: 0,
 	class: "nav-tabs"
-}, Kt = ["textContent", "onClick"], qt = { class: "tab-content" }, Jt = { class: "footer" }, Yt = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Wt = ["textContent", "onClick"], Gt = { class: "tab-content" }, Kt = { class: "footer" }, qt = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NForm",
 	props: {
 		model: { default: () => ({}) },
@@ -1031,37 +1028,37 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 	},
 	emits: ["submit", "reset"],
 	setup(t, { emit: n }) {
-		let r = n, i = `NForm:${At().path}:tab`, a = S(t.tabs.length > 0 ? $.store.get(i, 0) : 0), l = () => {
+		let r = n, i = `NForm:${Ot().path}:tab`, a = S(t.tabs.length > 0 ? $.store.get(i, 0) : 0), l = () => {
 			t.disabled || r("submit", t.model);
 		}, u = () => {
 			t.disabled || r("reset");
 		};
-		return (n, r) => (b(), s("div", Wt, [f(Ut, {
+		return (n, r) => (b(), s("div", Ht, [f(Vt, {
 			icon: t.icon,
 			title: t.title
 		}, null, 8, ["icon", "title"]), c("form", {
 			onSubmit: k(l, ["prevent"]),
 			onReset: k(u, ["prevent"])
 		}, [
-			t.tabs.length > 0 ? (b(), s("div", Gt, [(b(!0), s(e, null, C(t.tabs, (e, t) => (b(), s("button", {
+			t.tabs.length > 0 ? (b(), s("div", Ut, [(b(!0), s(e, null, C(t.tabs, (e, t) => (b(), s("button", {
 				key: `${e}${t}`,
 				class: g(["nav-link", { active: a.value === t }]),
 				textContent: T(e),
 				onClick: () => {
 					a.value = t, E($).store.set(i, t);
 				}
-			}, null, 10, Kt))), 128))])) : o("", !0),
-			c("div", qt, [t.tabs.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.tabs, (t, r) => (b(), s(e, null, [a.value === r ? w(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? w(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
-			c("div", Jt, [w(n.$slots, "footer", {}, void 0, !0)])
+			}, null, 10, Wt))), 128))])) : o("", !0),
+			c("div", Gt, [t.tabs.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.tabs, (t, r) => (b(), s(e, null, [a.value === r ? w(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? w(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
+			c("div", Kt, [w(n.$slots, "footer", {}, void 0, !0)])
 		], 32)]));
 	}
-}), [["__scopeId", "data-v-ca2ceba7"]]), Xt = ["innerHTML"], Zt = { class: "title" }, Qt = {
+}), [["__scopeId", "data-v-ca2ceba7"]]), Jt = ["innerHTML"], Yt = { class: "title" }, Xt = {
 	key: 1,
 	class: "description"
-}, $t = {
+}, Zt = {
 	key: 2,
 	class: "action"
-}, en = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Qt = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NEmpty",
 	props: {
 		title: { default: "目前沒有資料" },
@@ -1075,13 +1072,13 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 				key: 0,
 				class: "icon",
 				innerHTML: e.icon
-			}, null, 8, Xt)) : o("", !0),
-			c("p", Zt, T(e.title), 1),
-			e.description ? (b(), s("p", Qt, T(e.description), 1)) : o("", !0),
-			t.$slots.default ? (b(), s("div", $t, [w(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
+			}, null, 8, Jt)) : o("", !0),
+			c("p", Yt, T(e.title), 1),
+			e.description ? (b(), s("p", Xt, T(e.description), 1)) : o("", !0),
+			t.$slots.default ? (b(), s("div", Zt, [w(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-b806fad9"]]), tn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-b806fad9"]]), $t = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1093,13 +1090,13 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			[`radius-${e.radius}`]: !0
 		}]) }, [w(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-2f12383f"]]), nn = {
+}), [["__scopeId", "data-v-2f12383f"]]), en = {
 	key: 0,
 	class: "paginate"
-}, rn = { class: "summary" }, an = { class: "pages" }, on = {
+}, tn = { class: "summary" }, nn = { class: "pages" }, rn = {
 	key: 1,
 	class: "separator"
-}, sn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, an = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
@@ -1130,7 +1127,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			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 ? (b(), s("div", nn, [c("span", rn, "第 " + T(l.value) + " / " + T(u.value) + " 頁，共 " + T(t.totalItems) + " 筆", 1), c("div", an, [
+		return (n, r) => t.totalItems > 0 ? (b(), s("div", en, [c("span", tn, "第 " + T(l.value) + " / " + T(u.value) + " 頁，共 " + T(t.totalItems) + " 筆", 1), c("div", nn, [
 			f(j, {
 				variant: "outline",
 				padding: "",
@@ -1167,7 +1164,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 				"variant",
 				"intent",
 				"onClick"
-			])) : (b(), s("span", on, "…"))], 64))), 128)),
+			])) : (b(), s("span", rn, "…"))], 64))), 128)),
 			f(j, {
 				variant: "outline",
 				padding: "",
@@ -1191,10 +1188,10 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			}, 8, ["disabled"])
 		])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-06443bd8"]]), cn = { class: "table-scroll" }, ln = ["onClick"], un = { class: "th-content" }, dn = {
+}), [["__scopeId", "data-v-06443bd8"]]), on = { class: "table-scroll" }, sn = ["onClick"], cn = { class: "th-content" }, ln = {
 	key: 0,
 	class: "sort-icon"
-}, fn = {
+}, un = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1202,7 +1199,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, pn = {
+}, dn = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1210,7 +1207,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, mn = {
+}, fn = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1218,13 +1215,13 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, hn = {
+}, pn = {
 	key: 0,
 	class: "col-actions"
-}, gn = ["onClick"], _n = {
+}, mn = ["onClick"], hn = {
 	key: 0,
 	class: "col-actions"
-}, vn = { key: 1 }, yn = ["colspan"], bn = { key: 2 }, xn = ["colspan"], Sn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, gn = { key: 1 }, _n = ["colspan"], vn = { key: 2 }, yn = ["colspan"], bn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
@@ -1264,7 +1261,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			{ bordered: t.bordered },
 			{ hoverable: t.hoverable },
 			{ loading: t.loading }
-		]]) }, [c("div", cn, [c("table", null, [c("thead", null, [c("tr", null, [(b(!0), s(e, null, C(t.columns, (e) => (b(), s("th", {
+		]]) }, [c("div", on, [c("table", null, [c("thead", null, [c("tr", null, [(b(!0), s(e, null, C(t.columns, (e) => (b(), s("th", {
 			key: e.key,
 			style: _({
 				width: e.width,
@@ -1272,7 +1269,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			}),
 			class: g({ sortable: e.sortable }),
 			onClick: (t) => a(e)
-		}, [c("span", un, [w(n.$slots, `header-${e.key}`, { col: e }, () => [d(T(e.label), 1)], !0), e.sortable ? (b(), s("span", dn, [i.value.key !== e.key || i.value.order === null ? (b(), s("svg", fn, [...u[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" ? (b(), s("svg", pn, [...u[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (b(), s("svg", mn, [...u[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 14, ln))), 128)), n.$slots.actions ? (b(), s("th", hn, [w(n.$slots, "actions-header", {}, () => [u[3] ||= d("操作", -1)], !0)])) : o("", !0)])]), c("tbody", null, [!t.loading && t.rows.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.rows, (i, a) => (b(), s("tr", {
+		}, [c("span", cn, [w(n.$slots, `header-${e.key}`, { col: e }, () => [d(T(e.label), 1)], !0), e.sortable ? (b(), s("span", ln, [i.value.key !== e.key || i.value.order === null ? (b(), s("svg", un, [...u[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" ? (b(), s("svg", dn, [...u[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (b(), s("svg", fn, [...u[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 14, sn))), 128)), n.$slots.actions ? (b(), s("th", pn, [w(n.$slots, "actions-header", {}, () => [u[3] ||= d("操作", -1)], !0)])) : o("", !0)])]), c("tbody", null, [!t.loading && t.rows.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.rows, (i, a) => (b(), s("tr", {
 			key: i[t.rowKey] ?? a,
 			onClick: (e) => r("row-click", i)
 		}, [(b(!0), s(e, null, C(t.columns, (e) => (b(), s("td", {
@@ -1282,25 +1279,25 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			value: l(i, e),
 			row: i,
 			index: a
-		}, () => [d(T(l(i, e)), 1)], !0)], 4))), 128)), n.$slots.actions ? (b(), s("td", _n, [w(n.$slots, "actions", {
+		}, () => [d(T(l(i, e)), 1)], !0)], 4))), 128)), n.$slots.actions ? (b(), s("td", hn, [w(n.$slots, "actions", {
 			row: i,
 			index: a
-		}, void 0, !0)])) : o("", !0)], 8, gn))), 128)) : !t.loading && t.rows.length === 0 ? (b(), s("tr", vn, [c("td", {
+		}, void 0, !0)])) : o("", !0)], 8, mn))), 128)) : !t.loading && t.rows.length === 0 ? (b(), s("tr", gn, [c("td", {
 			colspan: t.columns.length + +!!n.$slots.actions,
 			class: "empty-cell"
-		}, [w(n.$slots, "empty", {}, () => [d(T(t.emptyText), 1)], !0)], 8, yn)])) : t.loading ? (b(), s("tr", bn, [c("td", {
+		}, [w(n.$slots, "empty", {}, () => [d(T(t.emptyText), 1)], !0)], 8, _n)])) : t.loading ? (b(), s("tr", vn, [c("td", {
 			colspan: t.columns.length + +!!n.$slots.actions,
 			class: "loading-cell"
 		}, [w(n.$slots, "loading", {}, () => [u[4] ||= c("span", { class: "loading-dots" }, [
 			c("span"),
 			c("span"),
 			c("span")
-		], -1)], !0)], 8, xn)])) : o("", !0)])])])], 2));
+		], -1)], !0)], 8, yn)])) : o("", !0)])])])], 2));
 	}
-}), [["__scopeId", "data-v-e6e63613"]]), Cn = { class: "content-container" }, wn = {
+}), [["__scopeId", "data-v-e6e63613"]]), xn = { class: "content-container" }, Sn = {
 	key: 0,
 	class: "toolbar"
-}, Tn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Cn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1361,11 +1358,11 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 		function ee() {
 			e.batchDeletable && (h.value ? e.items.forEach((e) => u.value.delete(e.id)) : e.items.forEach((e) => u.value.add(e.id)), u.value = new Set(u.value));
 		}
-		return (t, i) => (b(), s("div", Cn, [f(Ut, {
+		return (t, i) => (b(), s("div", xn, [f(Vt, {
 			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
 		}, {
-			default: O(() => [n.toolbar || e.refreshable || e.creatable || e.batchDeletable ? (b(), s("div", wn, [
+			default: O(() => [n.toolbar || e.refreshable || e.creatable || e.batchDeletable ? (b(), s("div", Sn, [
 				w(t.$slots, "toolbar", {}, void 0, !0),
 				e.refreshable ? (b(), a(j, {
 					key: 0,
@@ -1455,11 +1452,11 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 				})) : o("", !0)
 			])) : o("", !0)]),
 			_: 3
-		}, 8, ["title"]), f(tn, {
+		}, 8, ["title"]), f($t, {
 			size: "none",
 			radius: "xl"
 		}, {
-			default: O(() => [f(Sn, {
+			default: O(() => [f(bn, {
 				columns: g.value,
 				rows: e.items,
 				hoverable: "",
@@ -1470,7 +1467,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 				},
 				onSort: i[6] ||= (e) => r("sort", e)
 			}, l({
-				empty: O(() => [f(en, {
+				empty: O(() => [f(Qt, {
 					title: e.emptyTitle,
 					description: e.emptyDescription,
 					icon: e.emptyIcon,
@@ -1529,7 +1526,7 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 					fn: O(() => [w(t.$slots, "actions-header", {}, void 0, !0)]),
 					key: "3"
 				} : void 0
-			]), 1032, ["columns", "rows"]), e.items.length > 0 ? (b(), a(sn, {
+			]), 1032, ["columns", "rows"]), e.items.length > 0 ? (b(), a(an, {
 				key: 0,
 				totalItems: e.items.length,
 				pageSize: e.pageSize,
@@ -1543,11 +1540,11 @@ var Ft = { class: "hero-section" }, It = { class: "header" }, Lt = ["innerHTML"]
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-b5402ec0"]]), En = 0, Dn = x([]);
-function On() {
+}), [["__scopeId", "data-v-b5402ec0"]]), wn = 0, Tn = x([]);
+function En() {
 	let e = function(e, n = {}) {
-		let r = ++En, i = n.duration ?? 4e3;
-		Dn.push({
+		let r = ++wn, i = n.duration ?? 4e3;
+		Tn.push({
 			id: r,
 			description: e,
 			status: n.status ?? "info",
@@ -1569,34 +1566,34 @@ function On() {
 		status: "info"
 	});
 	function t(e) {
-		let t = Dn.findIndex((t) => t.id === e);
-		t !== -1 && Dn.splice(t, 1);
+		let t = Tn.findIndex((t) => t.id === e);
+		t !== -1 && Tn.splice(t, 1);
 	}
 	return {
-		toasts: Dn,
+		toasts: Tn,
 		toast: e,
 		removeToast: t
 	};
 }
 //#endregion
 //#region src/components/NToast.vue?vue&type=script&setup=true&lang.ts
-var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
+var Dn = { class: "icon-wrap" }, On = ["innerHTML"], kn = {
 	key: 0,
 	class: "arc-timer",
 	viewBox: "0 0 36 36",
 	width: "36",
 	height: "36",
 	"shape-rendering": "geometricPrecision"
-}, Mn = { class: "body" }, Nn = {
+}, An = { class: "body" }, jn = {
 	key: 0,
 	class: "title"
-}, Pn = {
+}, Mn = {
 	key: 1,
 	class: "description"
-}, Fn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Nn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
-		let { toasts: i } = On(), l = {
+		let { toasts: i } = En(), 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>",
@@ -1610,10 +1607,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 			default: O(() => [(b(!0), s(e, null, C(E(i), (e) => (b(), s("div", {
 				key: e.id,
 				class: g(["toast", [`${e.status}`]])
-			}, [c("div", kn, [c("div", {
+			}, [c("div", Dn, [c("div", {
 				class: "icon",
 				innerHTML: l[e.status]
-			}, null, 8, An), e.duration > 0 ? (b(), s("svg", jn, [u[0] ||= c("circle", {
+			}, null, 8, On), e.duration > 0 ? (b(), s("svg", kn, [u[0] ||= c("circle", {
 				class: "arc-track",
 				cx: "18",
 				cy: "18",
@@ -1625,29 +1622,29 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 				r: "16",
 				transform: "rotate(-90 18 18)",
 				style: _({ animationDuration: `${e.duration}ms` })
-			}, null, 4)])) : o("", !0)]), c("div", Mn, [e.title ? (b(), s("p", Nn, T(e.title), 1)) : o("", !0), e.description ? (b(), s("p", Pn, T(e.description), 1)) : o("", !0)])], 2))), 128))]),
+			}, null, 4)])) : o("", !0)]), c("div", An, [e.title ? (b(), s("p", jn, T(e.title), 1)) : o("", !0), e.description ? (b(), s("p", Mn, T(e.description), 1)) : o("", !0)])], 2))), 128))]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-3d2f3052"]]), In = {
+}), [["__scopeId", "data-v-3d2f3052"]]), Pn = {
 	key: 0,
 	class: "loading-wrapper"
-}, Ln = {
+}, Fn = {
 	key: 0,
 	class: "overlay"
-}, Rn = { class: "content" }, zn = {
+}, In = { class: "content" }, Ln = {
 	key: 0,
 	class: "title"
-}, Bn = {
+}, Rn = {
 	key: 0,
 	class: "loading-inline"
-}, Vn = {
+}, zn = {
 	key: 0,
 	class: "title"
-}, Hn = {
+}, Bn = {
 	key: 0,
 	class: "title"
-}, Un = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Vn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NLoading",
 	props: {
 		loading: {
@@ -1662,31 +1659,31 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 		}
 	},
 	setup(t) {
-		return (r, i) => t.overlay ? (b(), s("div", In, [w(r.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
-			default: O(() => [t.loading ? (b(), s("div", Ln, [c("div", Rn, [i[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		return (r, i) => t.overlay ? (b(), s("div", Pn, [w(r.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
+			default: O(() => [t.loading ? (b(), s("div", Fn, [c("div", In, [i[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), t.title ? (b(), s("p", zn, T(t.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), t.title ? (b(), s("p", Ln, T(t.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : (b(), s(e, { key: 1 }, [t.loading ? (b(), s("div", Bn, [t.variant === "spinner" ? (b(), s(e, { key: 0 }, [i[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : (b(), s(e, { key: 1 }, [t.loading ? (b(), s("div", Rn, [t.variant === "spinner" ? (b(), s(e, { key: 0 }, [i[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), t.title ? (b(), s("p", Vn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0), t.variant === "dots" ? (b(), s(e, { key: 1 }, [i[2] ||= c("div", { class: "dots" }, [
+		})])], -1), t.title ? (b(), s("p", zn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0), t.variant === "dots" ? (b(), s(e, { key: 1 }, [i[2] ||= c("div", { class: "dots" }, [
 			c("span"),
 			c("span"),
 			c("span")
-		], -1), t.title ? (b(), s("p", Hn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0)])) : w(r.$slots, "default", { key: 1 }, void 0, !0)], 64));
+		], -1), t.title ? (b(), s("p", Bn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0)])) : w(r.$slots, "default", { key: 1 }, void 0, !0)], 64));
 	}
-}), [["__scopeId", "data-v-b1c571f6"]]), Wn = { class: "code" }, Gn = {
+}), [["__scopeId", "data-v-b1c571f6"]]), Hn = { class: "code" }, Un = {
 	key: 0,
 	class: "header"
-}, Kn = { class: "language-label" }, qn = {
+}, Wn = { class: "language-label" }, Gn = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1697,7 +1694,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Jn = {
+}, Kn = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1708,10 +1705,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Yn = { class: "code-body" }, Xn = {
+}, qn = { class: "code-body" }, Jn = {
 	key: 0,
 	class: "gutter"
-}, Zn = ["textContent"], Qn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Yn = ["textContent"], Xn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -1730,28 +1727,28 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 				}, 2e3);
 			} catch {}
 		}
-		return (i, l) => (b(), s("div", Wn, [(t.language, b(), s("div", Gn, [c("span", Kn, T(t.language || "code"), 1), c("button", {
+		return (i, l) => (b(), s("div", Hn, [(t.language, b(), s("div", Un, [c("span", Wn, T(t.language || "code"), 1), c("button", {
 			class: g(["copy-btn", { copied: n.value }]),
 			onClick: a
-		}, [n.value ? (b(), s("svg", Jn, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (b(), s("svg", qn, [...l[0] ||= [c("rect", {
+		}, [n.value ? (b(), s("svg", Kn, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (b(), s("svg", Gn, [...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, T(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", Yn, [t.showLineNumbers ? (b(), s("div", Xn, [(b(!0), s(e, null, C(r.value, (e, t) => (b(), 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, T(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", qn, [t.showLineNumbers ? (b(), s("div", Jn, [(b(!0), s(e, null, C(r.value, (e, t) => (b(), s("span", {
 			key: t,
 			class: "line-number"
 		}, T(t + 1), 1))), 128))])) : o("", !0), c("pre", {
 			class: "code-content",
 			textContent: T(t.code.trim())
-		}, null, 8, Zn)])]));
+		}, null, 8, Yn)])]));
 	}
-}), [["__scopeId", "data-v-6fed5425"]]), $n = {
+}), [["__scopeId", "data-v-6fed5425"]]), Zn = {
 	key: 0,
 	class: "label"
-}, er = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Qn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -1779,9 +1776,9 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 				{ disabled: e.disabled }
 			]]),
 			onClick: l
-		}, [n[0] ||= c("div", { class: "inner" }, [c("div", { class: "handle" })], -1), e.label ? (b(), s("span", $n, T(e.label), 1)) : o("", !0)], 2));
+		}, [n[0] ||= c("div", { class: "inner" }, [c("div", { class: "handle" })], -1), e.label ? (b(), s("span", Zn, T(e.label), 1)) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-ba9c30d4"]]), tr = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ba9c30d4"]]), $n = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -1830,49 +1827,49 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 			y2: "18"
 		})], -1)]])) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-77d4f175"]]), nr = {
+}), [["__scopeId", "data-v-77d4f175"]]), er = {
 	key: 0,
 	class: "label"
-}, rr = {
+}, tr = {
 	key: 0,
 	class: "picker-dropdown"
-}, ir = { class: "picker-header" }, ar = { class: "header-nav" }, or = { class: "header-nav" }, sr = { class: "picker-body" }, cr = { class: "weekday-grid" }, lr = { class: "day-grid" }, ur = {
+}, nr = { class: "picker-header" }, rr = { class: "header-nav" }, ir = { class: "header-nav" }, ar = { class: "picker-body" }, or = { class: "weekday-grid" }, sr = { class: "day-grid" }, cr = {
 	key: 1,
 	class: "year-grid"
-}, dr = {
+}, lr = {
 	key: 0,
 	class: "time-section"
-}, fr = { class: "time-sliders" }, pr = {
+}, ur = { class: "time-sliders" }, dr = {
 	key: 0,
 	class: "time-row"
-}, mr = ["value"], hr = { class: "time-val" }, gr = {
+}, fr = ["value"], pr = { class: "time-val" }, mr = {
 	key: 1,
 	class: "time-row"
-}, _r = ["value"], vr = { class: "time-val" }, yr = { class: "mobile-sheet" }, br = { class: "picker-header" }, xr = { class: "header-nav" }, Sr = { class: "header-nav" }, Cr = { class: "picker-body" }, wr = { class: "weekday-grid" }, Tr = { class: "day-grid" }, Er = {
+}, hr = ["value"], gr = { class: "time-val" }, _r = { class: "mobile-sheet" }, vr = { class: "picker-header" }, yr = { class: "header-nav" }, br = { class: "header-nav" }, xr = { class: "picker-body" }, Sr = { class: "weekday-grid" }, Cr = { class: "day-grid" }, wr = {
 	key: 1,
 	class: "year-grid"
-}, Dr = {
+}, Tr = {
 	key: 0,
 	class: "time-section"
-}, Or = { class: "time-sliders" }, kr = {
+}, Er = { class: "time-sliders" }, Dr = {
 	key: 0,
 	class: "time-row"
-}, Ar = ["value"], jr = { class: "time-val" }, Mr = {
+}, Or = ["value"], kr = { class: "time-val" }, Ar = {
 	key: 1,
 	class: "time-row"
-}, Nr = ["value"], Pr = { class: "time-val" }, Fr = { class: "range-modal" }, Ir = { class: "range-body" }, Lr = {
+}, jr = ["value"], Mr = { class: "time-val" }, Nr = { class: "range-modal" }, Pr = { class: "range-body" }, Fr = {
 	key: 0,
 	class: "range-sep"
-}, Rr = { class: "range-cal" }, zr = { class: "picker-header" }, Br = { class: "header-nav" }, Vr = {
+}, Ir = { class: "range-cal" }, Lr = { class: "picker-header" }, Rr = { class: "header-nav" }, zr = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, Hr = { class: "header-title no-click" }, Ur = { class: "header-nav" }, Wr = {
+}, Br = { class: "header-title no-click" }, Vr = { class: "header-nav" }, Hr = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, Gr = { class: "weekday-grid" }, Kr = { class: "day-grid range-day-grid" }, qr = ["onClick", "onMouseenter"], Jr = { class: "range-footer" }, Yr = { class: "range-display" }, Xr = { class: "mobile-sheet" }, Zr = {
+}, Ur = { class: "weekday-grid" }, Wr = { class: "day-grid range-day-grid" }, Gr = ["onClick", "onMouseenter"], Kr = { class: "range-footer" }, qr = { class: "range-display" }, Jr = { class: "mobile-sheet" }, Yr = {
 	class: "picker-header",
 	style: { "margin-top": "8px" }
-}, Qr = { class: "header-nav" }, $r = { class: "header-title no-click" }, ei = { class: "header-nav" }, ti = { class: "weekday-grid" }, ni = { class: "day-grid range-day-grid" }, ri = ["onClick"], ii = { class: "range-footer" }, ai = { class: "range-display" }, oi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Xr = { class: "header-nav" }, Zr = { class: "header-title no-click" }, Qr = { class: "header-nav" }, $r = { class: "weekday-grid" }, ei = { class: "day-grid range-day-grid" }, ti = ["onClick"], ni = { class: "range-footer" }, ri = { class: "range-display" }, ii = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -2157,7 +2154,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 			ref: x,
 			class: "datepicker"
 		}, [
-			t.title ? (b(), s("label", nr, T(t.title), 1)) : o("", !0),
+			t.title ? (b(), s("label", er, T(t.title), 1)) : o("", !0),
 			c("div", { class: g(["date-picker", {
 				open: y.value && !t.range && !w.value,
 				disabled: t.disabled
@@ -2184,9 +2181,9 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 				}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
 				_: 1
 			})) : o("", !0)]), f(n, { name: "fade" }, {
-				default: O(() => [y.value && !t.range && !w.value ? (b(), s("div", rr, [
-					c("div", ir, [
-						c("div", ar, [f(j, {
+				default: O(() => [y.value && !t.range && !w.value ? (b(), s("div", tr, [
+					c("div", nr, [
+						c("div", rr, [f(j, {
 							variant: "ghost",
 							square: "",
 							onClick: i[0] ||= (e) => Se(-1)
@@ -2226,7 +2223,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							class: "header-title",
 							onClick: He
 						}, [N.value === "date" ? (b(), s(e, { key: 0 }, [d(T(D[z.value]) + " " + T(R.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(B.value[0]) + " - " + T(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", or, [N.value === "date" ? (b(), a(j, {
+						c("div", ir, [N.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2263,10 +2260,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							_: 1
 						})])
 					]),
-					c("div", sr, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", cr, [(b(), s(e, null, C(ne, (e) => c("span", {
+					c("div", ar, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", or, [(b(), s(e, null, C(ne, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, T(e), 1)), 64))]), c("div", lr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
+					}, T(e), 1)), 64))]), c("div", sr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
 						key: t,
 						variant: _e(e) ? "solid" : V(e) ? "mute" : "ghost",
 						intent: _e(e) || V(e) ? "primary" : "none",
@@ -2281,7 +2278,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (b(), s("div", ur, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
+					]))), 128))])], 64)) : (b(), s("div", cr, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
 						key: e,
 						variant: e === R.value ? "solid" : "ghost",
 						intent: e === R.value ? "primary" : "none",
@@ -2295,7 +2292,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && N.value === "date" ? (b(), s("div", dr, [c("div", fr, [m.value ? (b(), s("div", pr, [
+					_.value && N.value === "date" ? (b(), s("div", lr, [c("div", ur, [m.value ? (b(), s("div", dr, [
 						i[27] ||= c("span", { class: "time-label" }, "時", -1),
 						f(j, {
 							variant: "ghost",
@@ -2326,7 +2323,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							max: "23",
 							value: I.value,
 							onInput: i[5] ||= (e) => we(e, "H")
-						}, null, 40, mr),
+						}, null, 40, fr),
 						f(j, {
 							variant: "ghost",
 							square: "",
@@ -2349,8 +2346,8 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", hr, T(M(I.value)), 1)
-					])) : o("", !0), h.value ? (b(), s("div", gr, [
+						c("span", pr, T(M(I.value)), 1)
+					])) : o("", !0), h.value ? (b(), s("div", mr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
 						f(j, {
 							variant: "ghost",
@@ -2381,7 +2378,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							max: "59",
 							value: L.value,
 							onInput: i[8] ||= (e) => we(e, "m")
-						}, null, 40, _r),
+						}, null, 40, hr),
 						f(j, {
 							variant: "ghost",
 							square: "",
@@ -2404,7 +2401,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", vr, T(M(L.value)), 1)
+						c("span", gr, T(M(L.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2414,10 +2411,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: k(Z, ["self"])
-				}, [c("div", yr, [
+				}, [c("div", _r, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
-					c("div", br, [
-						c("div", xr, [f(j, {
+					c("div", vr, [
+						c("div", yr, [f(j, {
 							variant: "ghost",
 							square: "",
 							onClick: i[10] ||= (e) => Se(-1)
@@ -2457,7 +2454,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							class: "header-title",
 							onClick: He
 						}, [N.value === "date" ? (b(), s(e, { key: 0 }, [d(T(D[z.value]) + " " + T(R.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(B.value[0]) + " - " + T(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", Sr, [N.value === "date" ? (b(), a(j, {
+						c("div", br, [N.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2494,10 +2491,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							_: 1
 						})])
 					]),
-					c("div", Cr, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", wr, [(b(), s(e, null, C(ne, (e) => c("span", {
+					c("div", xr, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", Sr, [(b(), s(e, null, C(ne, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, T(e), 1)), 64))]), c("div", Tr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
+					}, T(e), 1)), 64))]), c("div", Cr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
 						key: t,
 						variant: _e(e) ? "solid" : V(e) ? "mute" : "ghost",
 						intent: _e(e) || V(e) ? "primary" : "none",
@@ -2512,7 +2509,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (b(), s("div", Er, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
+					]))), 128))])], 64)) : (b(), s("div", wr, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
 						key: e,
 						variant: e === R.value ? "solid" : "ghost",
 						intent: e === R.value ? "primary" : "none",
@@ -2526,7 +2523,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && N.value === "date" ? (b(), s("div", Dr, [c("div", Or, [m.value ? (b(), s("div", kr, [
+					_.value && N.value === "date" ? (b(), s("div", Tr, [c("div", Er, [m.value ? (b(), s("div", Dr, [
 						i[37] ||= c("span", { class: "time-label" }, "時", -1),
 						f(j, {
 							variant: "ghost",
@@ -2557,7 +2554,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							max: "23",
 							value: I.value,
 							onInput: i[15] ||= (e) => we(e, "H")
-						}, null, 40, Ar),
+						}, null, 40, Or),
 						f(j, {
 							variant: "ghost",
 							square: "",
@@ -2580,8 +2577,8 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", jr, T(M(I.value)), 1)
-					])) : o("", !0), h.value ? (b(), s("div", Mr, [
+						c("span", kr, T(M(I.value)), 1)
+					])) : o("", !0), h.value ? (b(), s("div", Ar, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
 						f(j, {
 							variant: "ghost",
@@ -2612,7 +2609,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							max: "59",
 							value: L.value,
 							onInput: i[18] ||= (e) => we(e, "m")
-						}, null, 40, Nr),
+						}, null, 40, jr),
 						f(j, {
 							variant: "ghost",
 							square: "",
@@ -2635,7 +2632,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Pr, T(M(L.value)), 1)
+						c("span", Mr, T(M(L.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -2645,11 +2642,11 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 					key: 0,
 					class: "range-overlay",
 					onClick: k(Z, ["self"])
-				}, [c("div", Fr, [
+				}, [c("div", Nr, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Ir, [(b(!0), s(e, null, C(ke.value, (t) => (b(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (b(), s("div", Lr)), c("div", Rr, [
-						c("div", zr, [
-							c("div", Br, [t.isLeft ? (b(), a(j, {
+					c("div", Pr, [(b(!0), s(e, null, C(ke.value, (t) => (b(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (b(), s("div", Fr)), c("div", Ir, [
+						c("div", Lr, [
+							c("div", Rr, [t.isLeft ? (b(), a(j, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2667,9 +2664,9 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 									"stroke-linejoin": "round"
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
-							})) : (b(), s("div", Vr))]),
-							c("div", Hr, T(D[t.month]) + " " + T(t.year), 1),
-							c("div", Ur, [t.isLeft ? (b(), s("div", Wr)) : (b(), a(j, {
+							})) : (b(), s("div", zr))]),
+							c("div", Br, T(D[t.month]) + " " + T(t.year), 1),
+							c("div", Vr, [t.isLeft ? (b(), s("div", Hr)) : (b(), a(j, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2689,18 +2686,18 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 								_: 1
 							}))])
 						]),
-						c("div", Gr, [(b(), s(e, null, C(ne, (e) => c("span", {
+						c("div", Ur, [(b(), s(e, null, C(ne, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, T(e), 1)), 64))]),
-						c("div", Kr, [(b(!0), s(e, null, C(t.days, (e, t) => (b(), s("div", {
+						c("div", Wr, [(b(!0), s(e, null, C(t.days, (e, t) => (b(), s("div", {
 							key: t,
 							class: g(["range-day", ze(e)]),
 							onClick: (t) => Re(e),
 							onMouseenter: (t) => Y.value = e
-						}, T(e.day), 43, qr))), 128))])
+						}, T(e.day), 43, Gr))), 128))])
 					])], 64))), 128))]),
-					c("div", Jr, [c("div", Yr, [
+					c("div", Kr, [c("div", qr, [
 						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, T(Ne.value || "開始日期"), 3),
 						i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: g(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "結束日期"), 3)
@@ -2722,11 +2719,11 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: k(Z, ["self"])
-				}, [c("div", Xr, [
+				}, [c("div", Jr, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Zr, [
-						c("div", Qr, [f(j, {
+					c("div", Yr, [
+						c("div", Xr, [f(j, {
 							variant: "ghost",
 							square: "",
 							onClick: Ie
@@ -2744,8 +2741,8 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", $r, T(D[G.value]) + " " + T(W.value), 1),
-						c("div", ei, [f(j, {
+						c("div", Zr, T(D[G.value]) + " " + T(W.value), 1),
+						c("div", Qr, [f(j, {
 							variant: "ghost",
 							square: "",
 							onClick: Le
@@ -2764,16 +2761,16 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 							_: 1
 						})])
 					]),
-					c("div", ti, [(b(), s(e, null, C(ne, (e) => c("span", {
+					c("div", $r, [(b(), s(e, null, C(ne, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, T(e), 1)), 64))]),
-					c("div", ni, [(b(!0), s(e, null, C(De.value, (e, t) => (b(), s("div", {
+					c("div", ei, [(b(!0), s(e, null, C(De.value, (e, t) => (b(), s("div", {
 						key: t,
 						class: g(["range-day", ze(e)]),
 						onClick: (t) => Re(e)
-					}, T(e.day), 11, ri))), 128))]),
-					c("div", ii, [c("div", ai, [
+					}, T(e.day), 11, ti))), 128))]),
+					c("div", ni, [c("div", ri, [
 						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, T(Ne.value || "開始日期"), 3),
 						i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: g(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "結束日期"), 3)
@@ -2792,7 +2789,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-1511ddb7"]]), si = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-1511ddb7"]]), ai = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -2827,10 +2824,10 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), ci = { class: "modal-header" }, li = { class: "modal-title" }, ui = { class: "modal-content" }, di = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), oi = { class: "modal-header" }, si = { class: "modal-title" }, ci = { class: "modal-content" }, li = {
 	key: 0,
 	class: "modal-footer"
-}, fi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, ui = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -2874,7 +2871,7 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 				class: "modal-container",
 				style: _({ width: e.width })
 			}, [
-				c("header", ci, [c("h3", li, T(e.title), 1), e.showClose ? (b(), s("button", {
+				c("header", oi, [c("h3", si, T(e.title), 1), e.showClose ? (b(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -2886,18 +2883,18 @@ var kn = { class: "icon-wrap" }, An = ["innerHTML"], jn = {
 					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", ui, [w(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (b(), s("footer", di, [w(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", ci, [w(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (b(), s("footer", li, [w(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), pi = 0, mi = x([]);
-function hi() {
+}), [["__scopeId", "data-v-ee2fac3c"]]), di = 0, fi = x([]);
+function pi() {
 	let e = function(e, t = {}) {
-		let n = ++pi;
+		let n = ++di;
 		return new Promise((r) => {
-			mi.push({
+			fi.push({
 				id: n,
 				type: "alert",
 				message: e,
@@ -2923,8 +2920,8 @@ function hi() {
 	});
 	function t(e, t = {}) {
 		return new Promise((n) => {
-			let r = ++pi;
-			mi.push({
+			let r = ++di;
+			fi.push({
 				id: r,
 				type: "confirm",
 				message: e,
@@ -2937,10 +2934,10 @@ function hi() {
 		});
 	}
 	function n() {
-		for (; mi.length > 0;) mi.shift().resolve(!1);
+		for (; fi.length > 0;) fi.shift().resolve(!1);
 	}
 	return {
-		alerts: mi,
+		alerts: fi,
 		alert: e,
 		confirm: t,
 		clearAlerts: n
@@ -2948,13 +2945,13 @@ function hi() {
 }
 //#endregion
 //#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
-var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-body" }, yi = {
+var mi = { class: "cards-wrapper" }, hi = ["innerHTML"], gi = { class: "card-body" }, _i = {
 	key: 0,
 	class: "card-title"
-}, bi = { class: "card-message" }, xi = { class: "card-footer" }, Si = ["onClick"], Ci = ["onClick"], wi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, vi = { class: "card-message" }, yi = { class: "card-footer" }, bi = ["onClick"], xi = ["onClick"], Si = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
-		let { alerts: r, clearAlerts: i } = hi(), l = {
+		let { alerts: r, clearAlerts: i } = pi(), 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=\"M20 6 9 17l-5-5\"/></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>",
@@ -2991,7 +2988,7 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 		}
 		return v(() => document.addEventListener("keydown", m)), y(() => {
 			document.removeEventListener("keydown", m), i();
-		}), (n, i) => (b(), a(t, { to: "body" }, [c("div", { class: g(["backdrop", { open: E(r).length > 0 }]) }, null, 2), c("div", { class: g(["alert-stack", { open: E(r).length > 0 }]) }, [c("div", gi, [(b(!0), s(e, null, C(E(r), (e, t) => (b(), s("div", {
+		}), (n, i) => (b(), a(t, { to: "body" }, [c("div", { class: g(["backdrop", { open: E(r).length > 0 }]) }, null, 2), c("div", { class: g(["alert-stack", { open: E(r).length > 0 }]) }, [c("div", mi, [(b(!0), s(e, null, C(E(r), (e, t) => (b(), s("div", {
 			key: e.id,
 			class: g(["alert-card", `status-${e.status}`]),
 			style: _(d(t))
@@ -2999,52 +2996,48 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, _i),
-			c("div", vi, [e.title ? (b(), s("p", yi, T(e.title), 1)) : o("", !0), c("p", bi, T(e.message), 1)]),
-			c("div", xi, [e.type === "confirm" ? (b(), s("button", {
+			}, null, 8, hi),
+			c("div", gi, [e.title ? (b(), s("p", _i, T(e.title), 1)) : o("", !0), c("p", vi, T(e.message), 1)]),
+			c("div", yi, [e.type === "confirm" ? (b(), s("button", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, T(e.cancelText), 9, Si)) : o("", !0), c("button", {
+			}, T(e.cancelText), 9, bi)) : o("", !0), c("button", {
 				class: g(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, T(e.confirmText), 11, Ci)])
+			}, T(e.confirmText), 11, xi)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-617a4dbd"]]), Ti = { class: "nav" }, Ei = ["onClick"], Di = ["innerHTML"], Oi = { class: "nav-list" }, ki = ["href", "onClick"], Ai = ["innerHTML"], ji = { class: "nav-text" }, Mi = { class: "user-capsule" }, Ni = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-617a4dbd"]]), Ci = { class: "nav" }, wi = ["onClick"], Ti = ["innerHTML"], Ei = { class: "nav-list" }, Di = ["href", "onClick"], Oi = ["innerHTML"], ki = { class: "nav-text" }, Ai = { class: "user-capsule" }, ji = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		isOpen: {
 			type: Boolean,
 			default: !1
 		},
-		menus: {}
+		menus: {},
+		currentPath: { default: "" }
 	},
-	emits: ["update:isOpen", "logout"],
+	emits: [
+		"update:isOpen",
+		"logout",
+		"navigate"
+	],
 	setup(n, { emit: r }) {
-		let { isMenuExpanded: i, toggleMenu: o } = Pt(), l = S(!1), d = kt(), p = r, m = (e) => {
-			let t = d.currentRoute.value.path;
-			return e.children?.some((e) => e.route === t);
-		}, h = (e) => d.currentRoute.value.path === e, _ = (e) => {
-			if (d.currentRoute.value.path !== e) {
-				if (!d.getRoutes().some((t) => t.path === e)) {
-					alert(`Route path "${e}" does not exist.`), console.error(`Route path "${e}" does not exist.`);
-					return;
-				}
-				d.push(e);
-			}
+		let { isMenuExpanded: i, toggleMenu: o } = Mt(), l = S(!1), d = r, p = (e) => e.children?.some((e) => e.route === n.currentPath), m = (e) => n.currentPath === e, h = (e) => {
+			n.currentPath !== e.route && d("navigate", e);
 		};
-		return (r, d) => (b(), s("nav", {
+		return (r, _) => (b(), s("nav", {
 			class: g(["sidebar", {
 				open: n.isOpen,
 				"hover-expanded": l.value
 			}]),
-			onMouseleave: d[4] ||= (e) => l.value = !1
+			onMouseleave: _[4] ||= (e) => l.value = !1
 		}, [
 			c("div", {
 				class: "arrow",
-				onClick: d[0] ||= (e) => p("update:isOpen", !n.isOpen)
-			}, [...d[5] ||= [c("div", { class: "icon" }, [c("svg", {
+				onClick: _[0] ||= (e) => d("update:isOpen", !n.isOpen)
+			}, [..._[5] ||= [c("div", { class: "icon" }, [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "18",
 				height: "18",
@@ -3057,16 +3050,16 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 			}, [c("path", { d: "m9 18 6-6-6-6" })])], -1)]]),
 			c("div", {
 				class: "content",
-				onMouseenter: d[2] ||= (e) => l.value = !0
+				onMouseenter: _[2] ||= (e) => l.value = !0
 			}, [
-				d[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", Ti, [(b(!0), s(e, null, C(n.menus, (t) => (b(), s("div", { class: g(["menu", {
+				_[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", Ci, [(b(!0), s(e, null, C(n.menus, (t) => (b(), s("div", { class: g(["menu", {
 					open: E(i)(t.title),
-					active: m(t)
+					active: p(t)
 				}]) }, [c("div", {
 					class: "title",
 					onClick: (e) => E(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Di), c("span", null, T(t.title), 1)]), d[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ti), c("span", null, T(t.title), 1)]), _[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -3077,19 +3070,19 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Ei), c("div", Oi, [c("div", null, [(b(!0), s(e, null, C(t.children, (e) => (b(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, wi), c("div", Ei, [c("div", null, [(b(!0), s(e, null, C(t.children, (e) => (b(), s("a", {
 					href: e.route,
-					onClick: k((t) => _(e.route), ["prevent"])
-				}, [c("div", { class: g(["nav-item", { active: h(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Ai), c("span", ji, T(e.title), 1)], 2)], 8, ki))), 256))])])], 2))), 256))]),
-				c("div", Mi, [d[8] ||= u("<div class=\"user-avatar\" data-v-bb988f83><img src=\"https://api.dicebear.com/7.x/pixel-art/svg?seed=Nick\" alt=\"User Avatar\" data-v-bb988f83></div><div class=\"user-info\" data-v-bb988f83><div class=\"user-name-row\" data-v-bb988f83><span class=\"user-name\" data-v-bb988f83>Nick Huang</span></div></div>", 2), f(j, {
+					onClick: k((t) => h(e), ["prevent"])
+				}, [c("div", { class: g(["nav-item", { active: m(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Oi), c("span", ki, T(e.title), 1)], 2)], 8, Di))), 256))])])], 2))), 256))]),
+				c("div", Ai, [_[8] ||= u("<div class=\"user-avatar\" data-v-4109788d><img src=\"https://api.dicebear.com/7.x/pixel-art/svg?seed=Nick\" alt=\"User Avatar\" data-v-4109788d></div><div class=\"user-info\" data-v-4109788d><div class=\"user-name-row\" data-v-4109788d><span class=\"user-name\" data-v-4109788d>Nick Huang</span></div></div>", 2), f(j, {
 					class: "logout-btn",
 					intent: "error",
 					variant: "ghost",
 					"radius-size": "full",
 					padding: "12px",
-					onClick: d[1] ||= (e) => p("logout")
+					onClick: _[1] ||= (e) => d("logout")
 				}, {
-					default: O(() => [...d[7] ||= [c("svg", {
+					default: O(() => [..._[7] ||= [c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "18",
 						height: "18",
@@ -3114,11 +3107,11 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 			], 32),
 			(b(), a(t, { to: "body" }, [c("div", {
 				class: g(["overlay", { active: n.isOpen }]),
-				onClick: d[3] ||= (e) => p("update:isOpen", !n.isOpen)
+				onClick: _[3] ||= (e) => d("update:isOpen", !n.isOpen)
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-bb988f83"]]), Pi = { class: "layout" }, Fi = { class: "main-content" }, Ii = { class: "copyright" }, Li = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-4109788d"]]), Mi = { class: "layout" }, Ni = { class: "main-content" }, Pi = { class: "copyright" }, Fi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		isShowSidebar: {
@@ -3126,29 +3119,36 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 			default: !0
 		},
 		menus: {},
-		copyright: {}
+		copyright: {},
+		currentPath: { default: "" }
 	},
-	emits: ["logout"],
+	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
-		let n = Pt(), r = t;
-		return (t, i) => (b(), s("div", Pi, [e.isShowSidebar ? (b(), a(Ni, {
+		let n = Mt(), r = t;
+		return (t, i) => (b(), s("div", Mi, [e.isShowSidebar ? (b(), a(ji, {
 			key: 0,
 			isOpen: E(n).isSidebarExpanded(),
 			"onUpdate:isOpen": i[0] ||= (e) => E(n).toggleSidebar(),
 			menus: e.menus,
-			onLogout: i[1] ||= (e) => r("logout")
-		}, null, 8, ["isOpen", "menus"])) : o("", !0), c("main", Fi, [w(t.$slots, "default", {}, void 0, !0), c("div", Ii, T(e.copyright), 1)])]));
+			currentPath: e.currentPath,
+			onLogout: i[1] ||= (e) => r("logout"),
+			onNavigate: i[2] ||= (e) => r("navigate", e)
+		}, null, 8, [
+			"isOpen",
+			"menus",
+			"currentPath"
+		])) : o("", !0), c("main", Ni, [w(t.$slots, "default", {}, void 0, !0), c("div", Pi, T(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-3f749efe"]]), Ri = { class: "topbar" }, zi = { class: "topbar-left" }, Bi = { class: "topbar-right" }, Vi = {
+}), [["__scopeId", "data-v-f1e6b1f1"]]), Ii = { class: "topbar" }, Li = { class: "topbar-left" }, Ri = { class: "topbar-right" }, zi = {
 	key: 0,
 	class: "pill"
-}, Hi = {
+}, Bi = {
 	key: 0,
 	class: "name"
-}, Ui = {
+}, Vi = {
 	key: 1,
 	class: "separator"
-}, Wi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Hi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -3173,7 +3173,7 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (b(), s("header", Ri, [c("div", zi, [e.isShowSidebar ? (b(), a(j, {
+		return (t, i) => (b(), s("header", Ii, [c("div", Li, [e.isShowSidebar ? (b(), a(j, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -3216,9 +3216,9 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", Bi, [e.isShowUser || e.isShowLogoutButton ? (b(), s("div", Vi, [
-			e.isShowUser ? (b(), s("span", Hi, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (b(), s("div", Ui)) : o("", !0),
+		})) : o("", !0)]), c("div", Ri, [e.isShowUser || e.isShowLogoutButton ? (b(), s("div", zi, [
+			e.isShowUser ? (b(), s("span", Bi, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (b(), s("div", Vi)) : o("", !0),
 			e.isShowLogoutButton ? (b(), a(j, {
 				key: 2,
 				variant: "mute",
@@ -3244,10 +3244,10 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-bb912f40"]]), Gi = { class: "brand" }, Ki = ["src", "alt"], qi = {
+}), [["__scopeId", "data-v-bb912f40"]]), Ui = { class: "brand" }, Wi = ["src", "alt"], Gi = {
 	key: 1,
 	class: "icon"
-}, Ji = { key: 2 }, Yi = { key: 3 }, Xi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Ki = { key: 2 }, qi = { key: 3 }, Ji = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -3260,24 +3260,24 @@ var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-bod
 		return (n, r) => (b(), s("div", {
 			class: "login-wrapper",
 			style: _({ "--login-bg": e.backgroundImage ? `url('${e.backgroundImage}')` : "var(--bg-gradient)" })
-		}, [f(tn, {
+		}, [f($t, {
 			size: "lg",
 			radius: "xl",
 			class: "card"
 		}, {
-			default: O(() => [c("div", Gi, [
+			default: O(() => [c("div", Ui, [
 				t.value ? (b(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, Ki)) : (b(), s("div", qi, T(e.logo), 1)),
-				e.title ? (b(), s("h1", Ji, T(e.title), 1)) : o("", !0),
-				e.description ? (b(), s("p", Yi, T(e.description), 1)) : o("", !0)
+				}, null, 8, Wi)) : (b(), s("div", Gi, T(e.logo), 1)),
+				e.title ? (b(), s("h1", Ki, T(e.title), 1)) : o("", !0),
+				e.description ? (b(), s("p", qi, T(e.description), 1)) : o("", !0)
 			]), w(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
 	}
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
-export { wi as NAlert, j as NButton, tn as NCard, V as NCheckbox, Qn as NCode, oi as NDatePicker, en as NEmpty, Tt as NFileSelect, Yt as NForm, le as NInput, Li as NLayout, Tn as NList, Un as NLoading, Xi as NLoginLayout, fi as NModal, Wi as NNavigation, G as NSelect, Ni as NSidebar, er as NSwitch, Sn as NTable, tr as NTag, B as NTextarea, Fn as NToast, si as NTooltip, hi as useAlert, Pt as useSidebarManager, On as useToast };
+export { Si as NAlert, j as NButton, $t as NCard, V as NCheckbox, Xn as NCode, ii as NDatePicker, Qt as NEmpty, Tt as NFileSelect, qt as NForm, le as NInput, Fi as NLayout, Cn as NList, Vn as NLoading, Ji as NLoginLayout, ui as NModal, Hi as NNavigation, G as NSelect, ji as NSidebar, Qn as NSwitch, bn as NTable, $n as NTag, B as NTextarea, Nn as NToast, ai as NTooltip, pi as useAlert, Mt as useSidebarManager, En as useToast };