nicklabs-ui 1.0.44 → 1.0.46

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as ee, onUnmounted as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useCssVars as E, vModelText as te, watch as ne, withCtx as D, withDirectives as re, withModifiers as O } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as _, onUnmounted as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useCssVars as E, vModelText as te, watch as ne, withCtx as D, withDirectives as re, withModifiers as O } from "vue";
 //#region src/composables/sharedRouter.ts
 var k = null;
 function ie(e) {
@@ -118,10 +118,10 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	"value",
 	"maxlength",
 	"autocomplete"
-], le = ["disabled"], ue = {
+], V = ["disabled"], le = {
 	key: 2,
 	class: "actions"
-}, V = {
+}, H = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "16",
@@ -132,7 +132,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, de = {
+}, ue = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "16",
@@ -143,7 +143,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, fe = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, de = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NInput",
 	props: {
 		modelValue: { default: "" },
@@ -218,7 +218,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				let t = e.target, r = f(t.value);
 				t.value !== r && (t.value = r, n("update:modelValue", r));
 			}
-		}, _ = (e) => {
+		}, ee = (e) => {
 			n("input", e);
 			let t = e.target;
 			if (a.value) {
@@ -229,7 +229,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				}
 			}
 			n("update:modelValue", t.value);
-		}, ee = (t) => {
+		}, _ = (t) => {
 			n("blur", t), a.value && e.modelValue === "" && n("update:modelValue", String(e.min === -Infinity ? 0 : e.min));
 		}, v = () => {
 			e.disabled || e.readonly || (n("update:modelValue", ""), n("clear"));
@@ -282,8 +282,8 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				maxlength: e.maxlength,
 				autocomplete: e.autocomplete,
 				onFocus: i[0] ||= (e) => n("focus", e),
-				onBlur: ee,
-				onInput: _,
+				onBlur: _,
+				onInput: ee,
 				onChange: i[1] ||= (e) => n("change", e),
 				onKeydown: m,
 				onCompositionend: g
@@ -304,18 +304,18 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, le)) : o("", !0),
-			a.value ? o("", !0) : (y(), s("div", ue, [r.value && !e.disabled ? (y(), s("button", {
+			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, V)) : o("", !0),
+			a.value ? o("", !0) : (y(), s("div", le, [r.value && !e.disabled ? (y(), s("button", {
 				key: 0,
 				type: "button",
 				onClick: C,
 				"aria-label": "Toggle password visibility"
-			}, [l.value ? (y(), s("svg", de, [...i[5] ||= [
+			}, [l.value ? (y(), s("svg", ue, [...i[5] ||= [
 				c("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, null, -1),
 				c("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, null, -1),
 				c("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, null, -1),
 				c("path", { d: "m2 2 20 20" }, null, -1)
-			]])) : (y(), s("svg", V, [...i[4] ||= [c("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, null, -1), c("circle", {
+			]])) : (y(), s("svg", H, [...i[4] ||= [c("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, null, -1), c("circle", {
 				cx: "12",
 				cy: "12",
 				r: "3"
@@ -337,7 +337,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]])) : o("", !0)]))
 		], 2)], 2));
 	}
-}), [["__scopeId", "data-v-ee7d4845"]]), pe = { class: "textarea" }, me = ["textContent"], he = [
+}), [["__scopeId", "data-v-ee7d4845"]]), fe = { class: "textarea" }, pe = ["textContent"], me = [
 	"rows",
 	"placeholder",
 	"disabled",
@@ -346,10 +346,10 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	"maxlength",
 	"autocomplete",
 	"wrap"
-], ge = {
+], he = {
 	key: 1,
 	class: "char-count"
-}, _e = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, ge = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -397,14 +397,14 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			let t = e.target;
 			n("update:modelValue", t.value);
 		};
-		return ee(() => {
+		return _(() => {
 			e.autofocus && r.value?.focus();
-		}), (t, i) => (y(), s("div", pe, [
+		}), (t, i) => (y(), s("div", fe, [
 			e.title ? (y(), s("label", {
 				key: 0,
 				class: "label",
 				textContent: w(e.title)
-			}, null, 8, me)) : o("", !0),
+			}, null, 8, pe)) : o("", !0),
 			c("textarea", {
 				ref_key: "textareaRef",
 				ref: r,
@@ -423,17 +423,17 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				onChange: i[2] ||= (e) => n("change", e),
 				onKeydown: i[3] ||= (e) => n("keydown", e),
 				onPaste: i[4] ||= (e) => n("paste", e)
-			}, null, 40, he),
-			e.showCount ? (y(), s("div", ge, w(u.value), 1)) : o("", !0)
+			}, null, 40, me),
+			e.showCount ? (y(), s("div", he, w(u.value), 1)) : o("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-03ad19c3"]]), ve = {
+}), [["__scopeId", "data-v-03ad19c3"]]), _e = {
 	key: 0,
 	class: "label"
-}, ye = ["onClick"], be = ["checked", "disabled"], xe = { class: "text" }, Se = ["checked", "disabled"], Ce = {
+}, ve = ["onClick"], ye = ["checked", "disabled"], be = { class: "text" }, xe = ["checked", "disabled"], Se = {
 	key: 0,
 	class: "text"
-}, H = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, U = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NCheckbox",
 	props: {
 		modelValue: { default: !1 },
@@ -490,9 +490,9 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			let n = [...p.value], i = m(t.formatValue(e));
 			u.value ? i ? n = n.filter((n) => n !== t.formatValue(e)) : n.push(t.formatValue(e)) : n = i ? !1 : t.formatValue(e), r("update:modelValue", n), r("change", n), r("change:item", e), r("change:value", n), r("change:values", n);
 		};
-		return ee(() => {
+		return _(() => {
 			t.autofocus || a.value?.focus();
-		}), (n, r) => (y(), s("div", { class: h(["checkbox", { inline: t.inline }]) }, [t.title ? (y(), s("h3", ve, w(t.title), 1)) : o("", !0), c("div", { class: h(["group", [t.direction]]) }, [l.value ? (y(), s("label", {
+		}), (n, r) => (y(), s("div", { class: h(["checkbox", { inline: t.inline }]) }, [t.title ? (y(), s("h3", _e, w(t.title), 1)) : o("", !0), c("div", { class: h(["group", [t.direction]]) }, [l.value ? (y(), s("label", {
 			key: 1,
 			class: "item",
 			onClick: r[0] ||= O((e) => g(), ["prevent"])
@@ -501,7 +501,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				type: "checkbox",
 				checked: !!t.modelValue,
 				disabled: t.disabled
-			}, null, 8, Se),
+			}, null, 8, xe),
 			r[2] ||= c("span", { class: "icon" }, [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -513,7 +513,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })])], -1),
-			n.$slots.default || t.label ? (y(), s("span", Ce, [C(n.$slots, "default", {}, () => [d(w(t.label), 1)], !0)])) : o("", !0)
+			n.$slots.default || t.label ? (y(), s("span", Se, [C(n.$slots, "default", {}, () => [d(w(t.label), 1)], !0)])) : o("", !0)
 		])) : (y(!0), s(e, { key: 0 }, S(t.options, (e, n) => (y(), s("label", {
 			key: `${t.formatLabel(e)}${n}`,
 			class: "item",
@@ -523,7 +523,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				type: "checkbox",
 				checked: m(t.formatValue(e)),
 				disabled: t.disabled
-			}, null, 8, be),
+			}, null, 8, ye),
 			c("span", { class: h(["icon", { radio: !t.multiple }]) }, [...r[1] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -535,16 +535,16 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })], -1)]], 2),
-			c("span", xe, w(t.formatLabel(e)), 1)
-		], 8, ye))), 128))], 2)], 2));
+			c("span", be, w(t.formatLabel(e)), 1)
+		], 8, ve))), 128))], 2)], 2));
 	}
-}), [["__scopeId", "data-v-98fff053"]]), U = { class: "select" }, we = {
+}), [["__scopeId", "data-v-98fff053"]]), W = { class: "select" }, Ce = {
 	key: 0,
 	class: "label"
-}, W = { class: "select-chips-container" }, G = ["textContent"], K = ["onClick"], q = {
+}, G = { class: "select-chips-container" }, K = ["textContent"], q = ["onClick"], J = {
 	key: 0,
 	class: "search-box"
-}, J = { class: "options" }, Y = ["onClick"], Te = {
+}, Y = { class: "options" }, X = ["onClick"], we = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -555,10 +555,10 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 	"stroke-width": "2.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ee = {
+}, Te = {
 	key: 0,
 	class: "empty"
-}, De = 240, Oe = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Ee = 240, De = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSelect",
 	props: {
 		modelValue: { default: () => void 0 },
@@ -608,7 +608,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			if (!t.disabled && (a.value = !a.value, a.value)) {
 				if (await m(), d.value) {
 					let e = d.value.getBoundingClientRect();
-					u.value = window.innerHeight - e.bottom < De;
+					u.value = window.innerHeight - e.bottom < Ee;
 				}
 				t.searchable && f.value?.focus();
 			}
@@ -630,16 +630,16 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			let e = l.value.trim().toLowerCase();
 			return e ? t.options.filter((n) => String(t.formatLabel(n)).toLowerCase().includes(e)) : t.options;
 		});
-		ee(() => {
+		_(() => {
 			document.addEventListener("pointerdown", C);
-		}), _(() => {
+		}), ee(() => {
 			document.removeEventListener("pointerdown", C);
 		});
 		let k = i(() => {
 			let e = Object.keys(p.value), n = e.length;
 			return n === 0 ? "" : t.multiple ? `已選 ${n} 項` : t.formatLabel(p.value[e[0]]) ?? "";
 		});
-		return (n, r) => (y(), s("div", U, [t.title ? (y(), s("label", we, w(t.title), 1)) : o("", !0), c("div", {
+		return (n, r) => (y(), s("div", W, [t.title ? (y(), s("label", Ce, w(t.title), 1)) : o("", !0), c("div", {
 			ref_key: "selectGroupRef",
 			ref: d,
 			class: h(["group", {
@@ -650,11 +650,11 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			class: h(["trigger", { disabled: t.disabled }]),
 			onClick: v
 		}, [
-			c("div", W, [!g.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (y(), s("span", {
+			c("div", G, [!g.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (y(), s("span", {
 				key: 0,
 				class: h(["trigger-text", { placeholder: !g.value }]),
 				textContent: w(g.value ? k.value : t.placeholder)
-			}, null, 10, G)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (y(!0), s(e, { key: 1 }, S(p.value, (e, n) => (y(), s("div", {
+			}, null, 10, K)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (y(!0), s(e, { key: 1 }, S(p.value, (e, n) => (y(), s("div", {
 				key: `${t.formatLabel(e)}${n}`,
 				class: "select-chip"
 			}, [c("span", null, w(t.formatLabel(e)), 1), c("span", {
@@ -670,7 +670,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, K)]))), 128)) : o("", !0)]),
+			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, q)]))), 128)) : o("", !0)]),
 			t.clearable && g.value && !t.disabled ? (y(), s("button", {
 				key: 0,
 				class: "clear-btn",
@@ -699,7 +699,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 				"stroke-linejoin": "round",
 				class: "arrow-icon"
 			}, [c("path", { d: "m6 10 6 6 6-6" })], -1)
-		], 2), c("div", { class: h(["dropdown", { upward: u.value }]) }, [t.searchable ? (y(), s("div", q, [r[4] ||= c("svg", {
+		], 2), c("div", { class: h(["dropdown", { upward: u.value }]) }, [t.searchable ? (y(), s("div", J, [r[4] ||= c("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "14",
 			height: "14",
@@ -721,23 +721,23 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 			class: "search-input",
 			placeholder: "Search...",
 			"onUpdate:modelValue": r[0] ||= (e) => l.value = e
-		}, null, 512), [[te, l.value]])])) : o("", !0), c("div", J, [(y(!0), s(e, null, S(D.value, (e, n) => (y(), s("div", {
+		}, null, 512), [[te, l.value]])])) : o("", !0), c("div", Y, [(y(!0), s(e, null, S(D.value, (e, n) => (y(), s("div", {
 			key: `${t.formatLabel(e)}${n}`,
 			class: h(["option", { selected: T(t.formatValue(e)) }]),
 			onClick: (t) => E(e)
-		}, [c("span", null, w(t.formatLabel(e)), 1), T(t.formatValue(e)) ? (y(), s("svg", Te, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, Y))), 128)), D.value.length === 0 ? (y(), s("div", Ee, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
+		}, [c("span", null, w(t.formatLabel(e)), 1), T(t.formatValue(e)) ? (y(), s("svg", we, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, X))), 128)), D.value.length === 0 ? (y(), s("div", Te, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
 	}
-}), [["__scopeId", "data-v-3c711e0a"]]), X = typeof Buffer == "function", ke = typeof TextDecoder == "function" ? new TextDecoder() : void 0, Ae = typeof TextEncoder == "function" ? new TextEncoder() : void 0, je = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), Me = ((e) => {
+}), [["__scopeId", "data-v-3c711e0a"]]), Oe = typeof Buffer == "function", ke = typeof TextDecoder == "function" ? new TextDecoder() : void 0, Ae = typeof TextEncoder == "function" ? new TextEncoder() : void 0, je = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), Me = ((e) => {
 	let t = {};
 	return e.forEach((e, n) => t[e] = n), t;
-})(je), Ne = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, Z = String.fromCharCode.bind(String), Pe = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Fe = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), Ie = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), Le = typeof btoa == "function" ? (e) => btoa(e) : X ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
+})(je), Ne = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, Z = String.fromCharCode.bind(String), Pe = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Fe = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), Ie = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), Le = typeof btoa == "function" ? (e) => btoa(e) : Oe ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
 	let t, n, r, i, a = "", o = e.length % 3;
 	for (let o = 0; o < e.length;) {
 		if ((n = e.charCodeAt(o++)) > 255 || (r = e.charCodeAt(o++)) > 255 || (i = e.charCodeAt(o++)) > 255) throw TypeError("invalid character found");
 		t = n << 16 | r << 8 | i, a += je[t >> 18 & 63] + je[t >> 12 & 63] + je[t >> 6 & 63] + je[t & 63];
 	}
 	return o ? a.slice(0, o - 3) + "===".substring(o) : a;
-}, Re = X ? (e) => Buffer.from(e).toString("base64") : (e) => {
+}, Re = Oe ? (e) => Buffer.from(e).toString("base64") : (e) => {
 	let t = 4096, n = [];
 	for (let r = 0, i = e.length; r < i; r += t) n.push(Z.apply(null, e.subarray(r, r + t)));
 	return Le(n.join(""));
@@ -749,7 +749,7 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 		var t = 65536 + (e.charCodeAt(0) - 55296) * 1024 + (e.charCodeAt(1) - 56320);
 		return Z(240 | t >>> 18 & 7) + Z(128 | t >>> 12 & 63) + Z(128 | t >>> 6 & 63) + Z(128 | t & 63);
 	}
-}, Be = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Ve = (e) => e.replace(Be, ze), He = X ? (e) => Buffer.from(e, "utf8").toString("base64") : Ae ? (e) => Re(Ae.encode(e)) : (e) => Le(Ve(e)), Ue = (e, t = !1) => t ? Fe(He(e)) : He(e), We = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Ge = (e) => {
+}, Be = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Ve = (e) => e.replace(Be, ze), He = Oe ? (e) => Buffer.from(e, "utf8").toString("base64") : Ae ? (e) => Re(Ae.encode(e)) : (e) => Le(Ve(e)), Ue = (e, t = !1) => t ? Fe(He(e)) : He(e), We = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Ge = (e) => {
 	switch (e.length) {
 		case 4:
 			var t = ((7 & e.charCodeAt(0)) << 18 | (63 & e.charCodeAt(1)) << 12 | (63 & e.charCodeAt(2)) << 6 | 63 & e.charCodeAt(3)) - 65536;
@@ -757,13 +757,13 @@ var I = { class: "breadcrumbs" }, L = ["onClick"], R = {
 		case 3: return Z((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
 		default: return Z((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
 	}
-}, Ke = (e) => e.replace(We, Ge), qe = typeof atob == "function" ? (e) => atob(Ie(e)) : X ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
+}, Ke = (e) => e.replace(We, Ge), qe = typeof atob == "function" ? (e) => atob(Ie(e)) : Oe ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
 	if (e = e.replace(/\s+/g, ""), !Ne.test(e)) throw TypeError("malformed base64.");
 	e += "==".slice(2 - (e.length & 3));
 	let t, n, r, i = [];
 	for (let a = 0; a < e.length;) t = Me[e.charAt(a++)] << 18 | Me[e.charAt(a++)] << 12 | (n = Me[e.charAt(a++)]) << 6 | (r = Me[e.charAt(a++)]), n === 64 ? i.push(Z(t >> 16 & 255)) : r === 64 ? i.push(Z(t >> 16 & 255, t >> 8 & 255)) : i.push(Z(t >> 16 & 255, t >> 8 & 255, t & 255));
 	return i.join("");
-}, Je = X ? (e) => Pe(Buffer.from(e, "base64")) : (e) => Pe(qe(e).split("").map((e) => e.charCodeAt(0))), Ye = X ? (e) => Buffer.from(e, "base64").toString("utf8") : ke ? (e) => ke.decode(Je(e)) : (e) => Ke(qe(e)), Xe = (e) => Ie(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), Ze = (e) => Ye(Xe(e)), Qe = "N_UTILS_KEY", Q = [], $e = () => {
+}, Je = Oe ? (e) => Pe(Buffer.from(e, "base64")) : (e) => Pe(qe(e).split("").map((e) => e.charCodeAt(0))), Ye = Oe ? (e) => Buffer.from(e, "base64").toString("utf8") : ke ? (e) => ke.decode(Je(e)) : (e) => Ke(qe(e)), Xe = (e) => Ie(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), Ze = (e) => Ye(Xe(e)), Qe = "N_UTILS_KEY", Q = [], $e = () => {
 	let e = Ue(JSON.stringify(Q));
 	localStorage.setItem(Qe, e);
 }, et = () => {
@@ -1460,7 +1460,7 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 			description: t.emptyDescription
 		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-d3859b48"]]), Ln = { class: "content-container" }, Rn = { key: 0 }, zn = { class: "actions" }, Bn = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-77619033"]]), Ln = { class: "content-container" }, Rn = { key: 0 }, zn = { class: "actions" }, Bn = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1517,16 +1517,16 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 		"sort"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = x(/* @__PURE__ */ new Set()), u = i(() => Array.from(r.value)), p = (e) => r.value.has(e), m = i(() => e.items.length > 0 && e.items.length === r.value.size);
+		let n = t, r = x(/* @__PURE__ */ new Set()), u = i(() => Array.from(r.value)), p = (e) => r.value.has(`${e}`), m = i(() => e.items.length > 0 && e.items.length === r.value.size);
 		function h(t) {
-			if (!e.batchDeletable) return;
-			let n = t.id;
-			r.value.has(`${n}`) ? r.value.delete(`${n}`) : r.value.add(`${n}`);
+			if (!e.batchDeletable || !["string", "number"].includes(typeof t[e.itemKey])) return;
+			let n = `${t[e.itemKey]}`;
+			r.value.has(n) ? r.value.delete(n) : r.value.add(n);
 		}
 		function g() {
 			e.batchDeletable && (m.value ? e.items.forEach((e) => r.value.delete(e.id)) : e.items.forEach((e) => r.value.add(e.id)), r.value = new Set(r.value));
 		}
-		function _() {
+		function ee() {
 			r.value.clear();
 		}
 		return (t, r) => (y(), s("div", Ln, [f(Jt, {
@@ -1583,7 +1583,7 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 					variant: "solid",
 					intent: "error",
 					disabled: u.value.length == 0,
-					onClick: r[2] ||= (e) => n("batchDelete", u.value, _)
+					onClick: r[2] ||= (e) => n("batchDelete", u.value, ee)
 				}, {
 					default: D(() => [r[10] ||= c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
@@ -1644,7 +1644,7 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 			}, l({ _: 2 }, [
 				e.batchDeletable ? {
 					name: "batch",
-					fn: D(() => [f(H, {
+					fn: D(() => [f(U, {
 						"model-value": m.value,
 						"onUpdate:modelValue": r[4] ||= () => g()
 					}, null, 8, ["model-value"])]),
@@ -1652,7 +1652,7 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 				} : void 0,
 				t.$slots.item ? {
 					name: "item",
-					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", Rn, [f(H, {
+					fn: D(({ item: n, column: r, index: i }) => [e.batchDeletable ? (y(), s("td", Rn, [f(U, {
 						onClick: O((e) => h(n), ["stop"]),
 						"model-value": p(n.id)
 					}, null, 8, ["onClick", "model-value"])])) : o("", !0), C(t.$slots, "item", {
@@ -1711,7 +1711,7 @@ var Rt = { class: "hero-section-container" }, zt = { class: "hero-section" }, Bt
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-54a39eb4"]]), Vn = 0, Hn = b([]);
+}), [["__scopeId", "data-v-ea5113b7"]]), Vn = 0, Hn = b([]);
 function Un() {
 	let e = function(e, n = {}) {
 		let r = ++Vn, i = n.duration ?? 4e3;
@@ -2100,24 +2100,24 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 		function P(e) {
 			return String(e).padStart(2, "0");
 		}
-		let F = x("date"), I = x(/* @__PURE__ */ new Date()), L = x(null), R = x(0), z = x(0), se = null, ce = null, B = i(() => I.value.getFullYear()), le = i(() => I.value.getMonth()), ue = x(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), V = i(() => {
+		let F = x("date"), I = x(/* @__PURE__ */ new Date()), L = x(null), R = x(0), z = x(0), se = null, ce = null, B = i(() => I.value.getFullYear()), V = i(() => I.value.getMonth()), le = x(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), H = i(() => {
 			let e = [];
-			for (let t = 0; t < 12; t++) e.push(ue.value + t);
+			for (let t = 0; t < 12; t++) e.push(le.value + t);
 			return e;
 		});
 		ne(B, (e) => {
-			ue.value = Math.floor(e / 12) * 12;
+			le.value = Math.floor(e / 12) * 12;
 		}, { immediate: !0 }), ne(() => t.modelValue, (e) => {
 			if (!e) return;
 			let t = p(String(e));
 			t && (I.value = new Date(t.year, t.month, 1));
 		}, { immediate: !0 });
-		let de = i(() => j(B.value, le.value)), fe = i(() => {
+		let ue = i(() => j(B.value, V.value)), de = i(() => {
 			if (!t.modelValue) return "";
 			let e = p(String(t.modelValue));
 			return e ? u(e.year, e.month, e.day, e.hour, e.min) : "";
-		}), pe = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : fe.value);
-		function me() {
+		}), fe = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : de.value);
+		function pe() {
 			let e = p(String(t.modelValue));
 			e ? (I.value = new Date(e.year, e.month, 1), R.value = e.hour, z.value = e.min, L.value = v.value ? {
 				year: e.year,
@@ -2126,61 +2126,61 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 				isCurrentMonth: !0
 			} : null) : (R.value = 0, z.value = 0, L.value = null), F.value = "date";
 		}
-		function he(e) {
+		function me(e) {
 			if (!t.modelValue) return !1;
 			let n = p(String(t.modelValue));
 			return n ? n.year === e.year && n.month === e.month && n.day === e.day : !1;
 		}
-		function ge(e) {
+		function he(e) {
 			return A === e.year && ae === e.month && oe === e.day;
 		}
-		function _e(e) {
-			return v.value ? L.value !== null && L.value.year === e.year && L.value.month === e.month && L.value.day === e.day : he(e);
+		function ge(e) {
+			return v.value ? L.value !== null && L.value.year === e.year && L.value.month === e.month && L.value.day === e.day : me(e);
 		}
-		function ve(e) {
+		function _e(e) {
 			let t = u(e.year, e.month, e.day, R.value, z.value);
 			l("update:modelValue", t), l("change", t);
 		}
-		function ye(e) {
-			if (v.value) L.value = { ...e }, I.value = new Date(e.year, e.month, 1), ve(e);
+		function ve(e) {
+			if (v.value) L.value = { ...e }, I.value = new Date(e.year, e.month, 1), _e(e);
 			else {
 				let t = u(e.year, e.month, e.day, 0, 0);
 				l("update:modelValue", t), l("change", t), Ve();
 			}
 		}
+		function ye(e) {
+			I.value = new Date(e, V.value, 1), F.value = "date";
+		}
 		function be(e) {
-			I.value = new Date(e, le.value, 1), F.value = "date";
+			I.value = new Date(B.value, V.value + e, 1);
 		}
 		function xe(e) {
-			I.value = new Date(B.value, le.value + e, 1);
-		}
-		function Se(e) {
-			F.value === "year" ? ue.value += e * 12 : I.value = new Date(B.value + e, le.value, 1);
+			F.value === "year" ? le.value += e * 12 : I.value = new Date(B.value + e, V.value, 1);
 		}
-		function Ce(e, t) {
-			e === "H" ? R.value = Math.max(0, Math.min(23, R.value + t)) : z.value = Math.max(0, Math.min(59, z.value + t)), L.value && ve(L.value);
+		function Se(e, t) {
+			e === "H" ? R.value = Math.max(0, Math.min(23, R.value + t)) : z.value = Math.max(0, Math.min(59, z.value + t)), L.value && _e(L.value);
 		}
-		function H(e, t) {
-			Ce(e, t), se = setTimeout(() => {
-				ce = setInterval(() => Ce(e, t), 100);
+		function U(e, t) {
+			Se(e, t), se = setTimeout(() => {
+				ce = setInterval(() => Se(e, t), 100);
 			}, 300);
 		}
-		function U() {
+		function W() {
 			se &&= (clearTimeout(se), null), ce &&= (clearInterval(ce), null);
 		}
-		function we(e, t) {
+		function Ce(e, t) {
 			let n = parseInt(e.target.value);
-			t === "H" ? R.value = n : z.value = n, L.value && ve(L.value);
+			t === "H" ? R.value = n : z.value = n, L.value && _e(L.value);
 		}
-		let W = x(A), G = x(ae), K = x(null), q = x(null), J = x(null), Y = x(null), Te = i(() => !!q.value && !!J.value), Ee = i(() => G.value === 11 ? W.value + 1 : W.value), De = i(() => G.value === 11 ? 0 : G.value + 1), Oe = i(() => j(W.value, G.value)), X = i(() => j(Ee.value, De.value)), ke = i(() => [{
-			year: W.value,
-			month: G.value,
-			days: Oe.value,
+		let G = x(A), K = x(ae), q = x(null), J = x(null), Y = x(null), X = x(null), we = i(() => !!J.value && !!Y.value), Te = i(() => K.value === 11 ? G.value + 1 : G.value), Ee = i(() => K.value === 11 ? 0 : K.value + 1), De = i(() => j(G.value, K.value)), Oe = i(() => j(Te.value, Ee.value)), ke = i(() => [{
+			year: G.value,
+			month: K.value,
+			days: De.value,
 			isLeft: !0
 		}, {
-			year: Ee.value,
-			month: De.value,
-			days: X.value,
+			year: Te.value,
+			month: Ee.value,
+			days: Oe.value,
 			isLeft: !1
 		}]);
 		function Ae(e) {
@@ -2192,22 +2192,22 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 				isCurrentMonth: !0
 			} : null;
 		}
-		let je = i(() => K.value && Y.value ? N(K.value, Y.value) <= 0 ? K.value : Y.value : q.value ?? Ae(t.start)), Me = i(() => K.value && Y.value ? N(K.value, Y.value) <= 0 ? Y.value : K.value : J.value ?? Ae(t.end)), Ne = i(() => {
-			if (K.value) {
-				let e = K.value;
-				return `${e.year}-${P(e.month + 1)}-${P(e.day)}`;
-			}
+		let je = i(() => q.value && X.value ? N(q.value, X.value) <= 0 ? q.value : X.value : J.value ?? Ae(t.start)), Me = i(() => q.value && X.value ? N(q.value, X.value) <= 0 ? X.value : q.value : Y.value ?? Ae(t.end)), Ne = i(() => {
 			if (q.value) {
 				let e = q.value;
 				return `${e.year}-${P(e.month + 1)}-${P(e.day)}`;
 			}
-			return t.start;
-		}), Z = i(() => {
-			if (K.value) return "";
 			if (J.value) {
 				let e = J.value;
 				return `${e.year}-${P(e.month + 1)}-${P(e.day)}`;
 			}
+			return t.start;
+		}), Z = i(() => {
+			if (q.value) return "";
+			if (Y.value) {
+				let e = Y.value;
+				return `${e.year}-${P(e.month + 1)}-${P(e.day)}`;
+			}
 			return t.end;
 		});
 		function Pe() {
@@ -2218,23 +2218,23 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 				hour: 0,
 				min: 0
 			};
-			W.value = e.year, G.value = e.month, q.value = Ae(t.start), J.value = Ae(t.end), K.value = null, Y.value = null;
+			G.value = e.year, K.value = e.month, J.value = Ae(t.start), Y.value = Ae(t.end), q.value = null, X.value = null;
 		}
 		function Fe() {
-			G.value === 0 ? (W.value--, G.value = 11) : G.value--;
+			K.value === 0 ? (G.value--, K.value = 11) : K.value--;
 		}
 		function Ie() {
-			G.value === 11 ? (W.value++, G.value = 0) : G.value++;
+			K.value === 11 ? (G.value++, K.value = 0) : K.value++;
 		}
 		function Le(e) {
-			if (!K.value) K.value = { ...e }, q.value = null, J.value = null;
+			if (!q.value) q.value = { ...e }, J.value = null, Y.value = null;
 			else {
-				let t = K.value, [n, r] = N(t, e) <= 0 ? [t, e] : [e, t];
-				q.value = n, J.value = r, K.value = null, Y.value = null;
+				let t = q.value, [n, r] = N(t, e) <= 0 ? [t, e] : [e, t];
+				J.value = n, Y.value = r, q.value = null, X.value = null;
 			}
 		}
 		function Re(e) {
-			let t = e.year === A && e.month === ae && e.day === oe, n = K.value && e.year === K.value.year && e.month === K.value.month && e.day === K.value.day, r = je.value, i = Me.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && N(e, r) > 0 && N(e, i) < 0;
+			let t = e.year === A && e.month === ae && e.day === oe, n = q.value && e.year === q.value.year && e.month === q.value.month && e.day === q.value.day, r = je.value, i = Me.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && N(e, r) > 0 && N(e, i) < 0;
 			return {
 				"is-other-month": !e.isCurrentMonth,
 				"is-today": t && !a && !o,
@@ -2245,15 +2245,15 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 			};
 		}
 		function ze() {
-			if (!q.value || !J.value) return;
-			let e = q.value, t = J.value;
+			if (!J.value || !Y.value) return;
+			let e = J.value, t = Y.value;
 			l("update:start", `${e.year}-${P(e.month + 1)}-${P(e.day)}`), l("update:end", `${t.year}-${P(t.month + 1)}-${P(t.day)}`), Ve();
 		}
 		function Be() {
-			t.disabled || (b.value || (t.range ? Pe() : me()), b.value = !b.value);
+			t.disabled || (b.value || (t.range ? Pe() : pe()), b.value = !b.value);
 		}
 		function Ve() {
-			b.value = !1, K.value = null, Y.value = null;
+			b.value = !1, q.value = null, X.value = null;
 		}
 		function He() {
 			F.value = F.value === "date" ? "year" : "date";
@@ -2262,10 +2262,10 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 			let t = e.target;
 			C.value?.contains(t) || T.value || Ve();
 		};
-		ee(() => {
+		_(() => {
 			document.addEventListener("mousedown", Ue), window.addEventListener("resize", te);
-		}), _(() => {
-			document.removeEventListener("mousedown", Ue), window.removeEventListener("resize", te), E && clearTimeout(E), U();
+		}), ee(() => {
+			document.removeEventListener("mousedown", Ue), window.removeEventListener("resize", te), E && clearTimeout(E), W();
 		});
 		let We = (e) => {
 			e.stopPropagation(), l("update:modelValue", ""), l("change", ""), l("clear");
@@ -2282,7 +2282,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 			}]) }, [c("div", {
 				class: "picker-trigger",
 				onClick: Be
-			}, [c("span", { class: h(["text", { placeholder: !pe.value }]) }, w(pe.value || t.placeholder), 3), t.clearable && fe.value && !t.range ? (y(), a(M, {
+			}, [c("span", { class: h(["text", { placeholder: !fe.value }]) }, w(fe.value || t.placeholder), 3), t.clearable && de.value && !t.range ? (y(), a(M, {
 				key: 0,
 				variant: "ghost",
 				square: "",
@@ -2307,7 +2307,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						c("div", fr, [f(M, {
 							variant: "ghost",
 							square: "",
-							onClick: i[0] ||= (e) => Se(-1)
+							onClick: i[0] ||= (e) => xe(-1)
 						}, {
 							default: D(() => [...i[21] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2325,7 +2325,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[1] ||= (e) => xe(-1)
+							onClick: i[1] ||= (e) => be(-1)
 						}, {
 							default: D(() => [...i[22] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2343,12 +2343,12 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						c("div", {
 							class: "header-title",
 							onClick: He
-						}, [F.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[le.value]) + " " + w(B.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(V.value[0]) + " - " + w(V.value[V.value.length - 1]), 1)], 64))]),
+						}, [F.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[V.value]) + " " + w(B.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(H.value[0]) + " - " + w(H.value[H.value.length - 1]), 1)], 64))]),
 						c("div", pr, [F.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[2] ||= (e) => xe(1)
+							onClick: i[2] ||= (e) => be(1)
 						}, {
 							default: D(() => [...i[23] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2365,7 +2365,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						})) : o("", !0), f(M, {
 							variant: "ghost",
 							square: "",
-							onClick: i[3] ||= (e) => Se(1)
+							onClick: i[3] ||= (e) => xe(1)
 						}, {
 							default: D(() => [...i[24] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2384,13 +2384,13 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 					c("div", mr, [F.value === "date" ? (y(), s(e, { key: 0 }, [c("div", hr, [(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(de.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", gr, [(y(!0), s(e, null, S(ue.value, (e, t) => (y(), a(M, {
 						key: t,
-						variant: _e(e) ? "solid" : ge(e) ? "mute" : "ghost",
-						intent: _e(e) || ge(e) ? "primary" : "none",
+						variant: ge(e) ? "solid" : he(e) ? "mute" : "ghost",
+						intent: ge(e) || he(e) ? "primary" : "none",
 						class: h(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => ye(e)
+						onClick: (t) => ve(e)
 					}, {
 						default: D(() => [d(w(e.day), 1)]),
 						_: 2
@@ -2399,12 +2399,12 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", _r, [(y(!0), s(e, null, S(V.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", _r, [(y(!0), s(e, null, S(H.value, (e) => (y(), a(M, {
 						key: e,
 						variant: e === B.value ? "solid" : "ghost",
 						intent: e === B.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => be(e)
+						onClick: (t) => ye(e)
 					}, {
 						default: D(() => [d(w(e), 1)]),
 						_: 2
@@ -2420,9 +2420,9 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[4] ||= O((e) => H("H", -1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[4] ||= O((e) => U("H", -1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[25] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2443,16 +2443,16 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							min: "0",
 							max: "23",
 							value: R.value,
-							onInput: i[5] ||= (e) => we(e, "H")
+							onInput: i[5] ||= (e) => Ce(e, "H")
 						}, null, 40, xr),
 						f(M, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[6] ||= O((e) => H("H", 1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[6] ||= O((e) => U("H", 1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[26] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2475,9 +2475,9 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[7] ||= O((e) => H("m", -1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[7] ||= O((e) => U("m", -1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[28] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2498,16 +2498,16 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							min: "0",
 							max: "59",
 							value: z.value,
-							onInput: i[8] ||= (e) => we(e, "m")
+							onInput: i[8] ||= (e) => Ce(e, "m")
 						}, null, 40, wr),
 						f(M, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[9] ||= O((e) => H("m", 1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[9] ||= O((e) => U("m", 1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[29] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2538,7 +2538,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						c("div", Or, [f(M, {
 							variant: "ghost",
 							square: "",
-							onClick: i[10] ||= (e) => Se(-1)
+							onClick: i[10] ||= (e) => xe(-1)
 						}, {
 							default: D(() => [...i[31] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2556,7 +2556,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[11] ||= (e) => xe(-1)
+							onClick: i[11] ||= (e) => be(-1)
 						}, {
 							default: D(() => [...i[32] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2574,12 +2574,12 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						c("div", {
 							class: "header-title",
 							onClick: He
-						}, [F.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[le.value]) + " " + w(B.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(V.value[0]) + " - " + w(V.value[V.value.length - 1]), 1)], 64))]),
+						}, [F.value === "date" ? (y(), s(e, { key: 0 }, [d(w(re[V.value]) + " " + w(B.value), 1)], 64)) : (y(), s(e, { key: 1 }, [d(w(H.value[0]) + " - " + w(H.value[H.value.length - 1]), 1)], 64))]),
 						c("div", kr, [F.value === "date" ? (y(), a(M, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[12] ||= (e) => xe(1)
+							onClick: i[12] ||= (e) => be(1)
 						}, {
 							default: D(() => [...i[33] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2596,7 +2596,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						})) : o("", !0), f(M, {
 							variant: "ghost",
 							square: "",
-							onClick: i[13] ||= (e) => Se(1)
+							onClick: i[13] ||= (e) => xe(1)
 						}, {
 							default: D(() => [...i[34] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2615,13 +2615,13 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 					c("div", Ar, [F.value === "date" ? (y(), s(e, { key: 0 }, [c("div", jr, [(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(de.value, (e, t) => (y(), a(M, {
+					}, w(e), 1)), 64))]), c("div", Mr, [(y(!0), s(e, null, S(ue.value, (e, t) => (y(), a(M, {
 						key: t,
-						variant: _e(e) ? "solid" : ge(e) ? "mute" : "ghost",
-						intent: _e(e) || ge(e) ? "primary" : "none",
+						variant: ge(e) ? "solid" : he(e) ? "mute" : "ghost",
+						intent: ge(e) || he(e) ? "primary" : "none",
 						class: h(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => ye(e)
+						onClick: (t) => ve(e)
 					}, {
 						default: D(() => [d(w(e.day), 1)]),
 						_: 2
@@ -2630,12 +2630,12 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (y(), s("div", Nr, [(y(!0), s(e, null, S(V.value, (e) => (y(), a(M, {
+					]))), 128))])], 64)) : (y(), s("div", Nr, [(y(!0), s(e, null, S(H.value, (e) => (y(), a(M, {
 						key: e,
 						variant: e === B.value ? "solid" : "ghost",
 						intent: e === B.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => be(e)
+						onClick: (t) => ye(e)
 					}, {
 						default: D(() => [d(w(e), 1)]),
 						_: 2
@@ -2651,9 +2651,9 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[14] ||= O((e) => H("H", -1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[14] ||= O((e) => U("H", -1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[35] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2674,16 +2674,16 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							min: "0",
 							max: "23",
 							value: R.value,
-							onInput: i[15] ||= (e) => we(e, "H")
+							onInput: i[15] ||= (e) => Ce(e, "H")
 						}, null, 40, Lr),
 						f(M, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[16] ||= O((e) => H("H", 1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[16] ||= O((e) => U("H", 1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[36] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2706,9 +2706,9 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[17] ||= O((e) => H("m", -1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[17] ||= O((e) => U("m", -1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[38] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2729,16 +2729,16 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							min: "0",
 							max: "59",
 							value: z.value,
-							onInput: i[18] ||= (e) => we(e, "m")
+							onInput: i[18] ||= (e) => Ce(e, "m")
 						}, null, 40, Br),
 						f(M, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[19] ||= O((e) => H("m", 1), ["prevent"]),
-							onMouseup: U,
-							onMouseleave: U
+							onMousedown: i[19] ||= O((e) => U("m", 1), ["prevent"]),
+							onMouseup: W,
+							onMouseleave: W
 						}, {
 							default: D(() => [...i[39] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2815,7 +2815,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							key: t,
 							class: h(["range-day", Re(e)]),
 							onClick: (t) => Le(e),
-							onMouseenter: (t) => Y.value = e
+							onMouseenter: (t) => X.value = e
 						}, w(e.day), 43, ei))), 128))])
 					])], 64))), 128))]),
 					c("div", ti, [c("div", ni, [
@@ -2826,7 +2826,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Te.value,
+						disabled: !we.value,
 						onClick: O(ze, ["stop"])
 					}, {
 						default: D(() => [...i[45] ||= [d("確認", -1)]]),
@@ -2862,7 +2862,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", oi, w(re[G.value]) + " " + w(W.value), 1),
+						c("div", oi, w(re[K.value]) + " " + w(G.value), 1),
 						c("div", si, [f(M, {
 							variant: "ghost",
 							square: "",
@@ -2886,7 +2886,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						key: e,
 						class: "weekday"
 					}, w(e), 1)), 64))]),
-					c("div", li, [(y(!0), s(e, null, S(Oe.value, (e, t) => (y(), s("div", {
+					c("div", li, [(y(!0), s(e, null, S(De.value, (e, t) => (y(), s("div", {
 						key: t,
 						class: h(["range-day", Re(e)]),
 						onClick: (t) => Le(e)
@@ -2899,7 +2899,7 @@ var Wn = { class: "icon-wrap" }, Gn = ["innerHTML"], Kn = {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Te.value,
+						disabled: !we.value,
 						onClick: O(ze, ["stop"])
 					}, {
 						default: D(() => [...i[50] ||= [d("確認", -1)]]),
@@ -3173,7 +3173,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			let t = r[r.length - 1];
 			t && (e.key === "Enter" ? (e.preventDefault(), f(t)) : e.key === "Escape" && (e.preventDefault(), t.type === "confirm" ? p(t) : f(t)));
 		}
-		return ee(() => document.addEventListener("keydown", m)), v(() => {
+		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", {
 			key: e.id,
@@ -3195,13 +3195,13 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			}, w(e.confirmText), 11, Fi)])
 		], 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 = { class: "user-capsule" }, Gi = { class: "user-avatar" }, Ki = ["src"], qi = {
+}), [["__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 = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Ji = { class: "user-info" }, Yi = { class: "user-name-row" }, Xi = { class: "user-name" }, Zi = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, Zi = { class: "user-info" }, Qi = { class: "user-name-row" }, $i = { class: "user-name" }, ea = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		isOpen: {
@@ -3221,6 +3221,12 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 	setup(n, { emit: r }) {
 		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = Lt(), p = x(!1), m = r, g = (e) => {
 			n.currentPath !== e.route && m("navigate", e);
+		}, ee = (e) => {
+			!e.route || n.currentPath === e.route || m("navigate", {
+				icon: e.icon,
+				title: e.title,
+				route: e.route
+			});
 		};
 		return (r, _) => (y(), s("nav", {
 			class: h(["sidebar", {
@@ -3248,10 +3254,13 @@ 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("div", { class: h(["menu", {
-					open: T(i)(t.title),
-					active: T(l)(t, n.currentPath)
-				}]) }, [c("div", {
+				c("div", Li, [(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),
+						active: T(l)(t, n.currentPath)
+					}])
+				}, [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", {
@@ -3268,14 +3277,20 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 				}, [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", {
 					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))), 256))]),
-				c("div", Wi, [C(r.$slots, "user", {}, () => [
-					c("div", Gi, [n.userAvatarUrl ? (y(), s("img", {
+				}, [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", {
+					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", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Ki)) : (y(), s("svg", qi, [..._[7] ||= [u("<defs data-v-fece1b4d><clipPath id=\"avatarClip\" data-v-fece1b4d><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-fece1b4d></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-fece1b4d></circle><g clip-path=\"url(#avatarClip)\" data-v-fece1b4d><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-fece1b4d></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-fece1b4d></path></g>", 3)]]))]),
-					c("div", Ji, [c("div", Yi, [c("span", Xi, w(n.userName || "ADMINISTRATOR"), 1)])]),
+					}, 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)])]),
 					f(M, {
 						class: "logout-btn",
 						intent: "error",
@@ -3314,7 +3329,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-fece1b4d"]]), Qi = { class: "layout" }, $i = { class: "main-content" }, ea = { class: "copyright" }, ta = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c84404ab"]]), ta = { class: "layout" }, na = { class: "main-content" }, ra = { class: "copyright" }, ia = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		isShowSidebar: {
@@ -3328,7 +3343,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
 		let n = Lt(), r = t;
-		return (t, i) => (y(), s("div", Qi, [e.isShowSidebar ? (y(), a(Zi, {
+		return (t, i) => (y(), s("div", ta, [e.isShowSidebar ? (y(), a(ea, {
 			key: 0,
 			isOpen: T(n).isSidebarExpanded(),
 			"onUpdate:isOpen": i[0] ||= (e) => T(n).toggleSidebar(),
@@ -3340,18 +3355,18 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", $i, [C(t.$slots, "default", {}, void 0, !0), c("div", ea, w(e.copyright), 1)])]));
+		])) : o("", !0), c("main", na, [C(t.$slots, "default", {}, void 0, !0), c("div", ra, w(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-42c0ab8b"]]), na = { class: "topbar" }, ra = { class: "topbar-left" }, ia = { class: "topbar-right" }, aa = {
+}), [["__scopeId", "data-v-42c0ab8b"]]), aa = { class: "topbar" }, oa = { class: "topbar-left" }, sa = { class: "topbar-right" }, ca = {
 	key: 0,
 	class: "pill"
-}, oa = {
+}, la = {
 	key: 0,
 	class: "name"
-}, sa = {
+}, ua = {
 	key: 1,
 	class: "separator"
-}, ca = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, da = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -3376,7 +3391,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", na, [c("div", ra, [e.isShowSidebar ? (y(), a(M, {
+		return (t, i) => (y(), s("header", aa, [c("div", oa, [e.isShowSidebar ? (y(), a(M, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -3419,9 +3434,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", ia, [e.isShowUser || e.isShowLogoutButton ? (y(), s("div", aa, [
-			e.isShowUser ? (y(), s("span", oa, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (y(), s("div", sa)) : o("", !0),
+		})) : 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),
 			e.isShowLogoutButton ? (y(), a(M, {
 				key: 2,
 				variant: "mute",
@@ -3447,10 +3462,10 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), la = { class: "brand" }, ua = ["src", "alt"], da = {
+}), [["__scopeId", "data-v-f38a4beb"]]), fa = { class: "brand" }, pa = ["src", "alt"], ma = {
 	key: 1,
 	class: "icon"
-}, fa = { key: 2 }, pa = { key: 3 }, ma = /* @__PURE__ */ j(/* @__PURE__ */ p({
+}, ha = { key: 2 }, ga = { key: 3 }, _a = /* @__PURE__ */ j(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -3468,15 +3483,15 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 			radius: "xl",
 			class: "card"
 		}, {
-			default: D(() => [c("div", la, [
+			default: D(() => [c("div", fa, [
 				t.value ? (y(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, ua)) : (y(), s("div", da, w(e.logo), 1)),
-				e.title ? (y(), s("h1", fa, w(e.title), 1)) : o("", !0),
-				e.description ? (y(), s("p", pa, w(e.description), 1)) : o("", !0)
+				}, 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)
 			]), C(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -3484,7 +3499,7 @@ var Oi = { class: "cards-wrapper" }, ki = ["innerHTML"], Ai = { class: "card-bod
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function ha(e) {
+function va(e) {
 	let t = i(() => {
 		let t = A();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -3508,7 +3523,7 @@ function ha(e) {
 }
 //#endregion
 //#region src/composables/useDisclosure.ts
-function ga() {
+function ya() {
 	let e = x(!1);
 	function t() {
 		e.value = !0;
@@ -3524,13 +3539,13 @@ function ga() {
 }
 //#endregion
 //#region src/index.ts
-var _a = {
+var ba = {
 	NButton: M,
 	NBreadcrumb: z,
-	NInput: fe,
-	NTextarea: _e,
-	NCheckbox: H,
-	NSelect: Oe,
+	NInput: de,
+	NTextarea: ge,
+	NCheckbox: U,
+	NSelect: De,
 	NFileSelect: Nt,
 	NForm: en,
 	NList: Bn,
@@ -3546,15 +3561,15 @@ var _a = {
 	NDrawer: wi,
 	NAlert: Ii,
 	NTable: In,
-	NLayout: ta,
-	NNavigation: ca,
-	NSidebar: Zi,
+	NLayout: ia,
+	NNavigation: da,
+	NSidebar: ea,
 	NCard: tn,
-	NLoginLayout: ma
-}, va = { install(e, t = {}) {
-	Object.entries(_a).forEach(([t, n]) => {
+	NLoginLayout: _a
+}, xa = { install(e, t = {}) {
+	Object.entries(ba).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && ie(t.router);
 } };
 //#endregion
-export { Ii as NAlert, M as NButton, tn as NCard, H as NCheckbox, ar as NCode, pi as NDatePicker, wi as NDrawer, fn as NEmpty, Nt as NFileSelect, en as NForm, fe as NInput, ta as NLayout, Bn as NList, Cn as NLoading, ma as NLoginLayout, yi as NModal, ca as NNavigation, Oe as NSelect, Zi as NSidebar, sr as NSwitch, In as NTable, cr as NTag, _e as NTextarea, Xn as NToast, mi as NTooltip, va as NickLabsUI, Di as useAlert, F as useBreadcrumb, ga as useDisclosure, ha as useRouteModal, Lt as useSidebarManager, Un as useToast };
+export { Ii as NAlert, M as NButton, tn as NCard, U as NCheckbox, ar as NCode, pi as NDatePicker, wi as NDrawer, fn as NEmpty, Nt as NFileSelect, en as NForm, de as NInput, ia as NLayout, Bn as NList, Cn as NLoading, _a as NLoginLayout, yi as NModal, da as NNavigation, De as NSelect, ea as NSidebar, sr as NSwitch, In as NTable, cr as NTag, ge as NTextarea, Xn as NToast, mi as NTooltip, xa as NickLabsUI, Di as useAlert, F as useBreadcrumb, ya as useDisclosure, va as useRouteModal, Lt as useSidebarManager, Un as useToast };