nicklabs-ui 0.1.1

package/dist/index.mjs

@@ -0,0 +1,3939 @@
+import { defineComponent as A, useCssVars as mt, computed as M, createElementBlock as i, openBlock as a, normalizeClass as S, renderSlot as I, ref as T, createCommentVNode as f, createElementVNode as t, toDisplayString as k, onMounted as Ce, Fragment as N, renderList as F, withModifiers as R, createTextVNode as z, onBeforeUnmount as wt, withDirectives as Ut, vModelText as Yt, nextTick as qt, inject as yt, reactive as Pe, createVNode as D, unref as ae, withCtx as $, createBlock as L, normalizeStyle as fe, useSlots as Kt, createSlots as Wt, Teleport as Re, TransitionGroup as Zt, Transition as he, watch as He, onUnmounted as kt, createStaticVNode as Gt } from "vue";
+const Jt = ["type", "disabled"], Qt = /* @__PURE__ */ A({
+  __name: "NButton",
+  props: {
+    variant: { default: "none" },
+    intent: { default: "none" },
+    disabled: { type: Boolean, default: !1 },
+    type: { default: "button" },
+    radiusSize: { default: "md" },
+    size: { default: "md" },
+    padding: { default: () => {
+    } },
+    width: { default: () => {
+    } },
+    height: { default: () => {
+    } },
+    square: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    mt((s) => ({
+      v7679b000: o.value,
+      aa741ce6: s.width,
+      d7ad7380: s.height
+    }));
+    const n = {
+      sm: "4px 10px",
+      md: "6px 14px",
+      lg: "8px 18px"
+    }, o = M(() => e.padding ?? n[e.size]);
+    return (s, r) => (a(), i("button", {
+      class: S([
+        `variant-${e.variant}`,
+        `intent-${e.intent}`,
+        `radiusSize-${e.radiusSize}`,
+        `size-${e.size}`,
+        { square: e.square }
+      ]),
+      type: e.type,
+      disabled: e.disabled
+    }, [
+      I(s.$slots, "default", {}, void 0, !0)
+    ], 10, Jt));
+  }
+}), E = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [s, r] of n)
+    o[s] = r;
+  return o;
+}, B = /* @__PURE__ */ E(Qt, [["__scopeId", "data-v-d06c4b84"]]), Xt = { class: "input" }, _t = {
+  key: 0,
+  class: "label"
+}, en = ["disabled"], tn = ["type", "placeholder", "disabled", "readonly", "value", "maxlength", "autocomplete"], nn = ["disabled"], on = {
+  key: 2,
+  class: "actions"
+}, an = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ln = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, sn = /* @__PURE__ */ A({
+  __name: "NInput",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    maxlength: { default: () => {
+    } },
+    min: { default: () => -1 / 0 },
+    max: { default: () => 1 / 0 },
+    title: { default: "" },
+    autocomplete: { default: "off" }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "clear"],
+  setup(e, { emit: n }) {
+    mt((x) => ({
+      v70dd38b4: p.value
+    }));
+    const o = n, s = M(() => e.type === "password"), r = M(() => e.type === "number"), d = T(!1), h = M(() => r.value ? "text" : s.value ? d.value ? "text" : "password" : e.type), p = M(() => {
+      let x = 12;
+      return s.value && (x += 24), e.clearable && (x += 24), `${x}px`;
+    }), w = (x) => {
+      const y = x.replace(/[^0-9]/g, "");
+      return y === "" ? "" : r.value ? String(Math.min(Math.max(Number(y), e.min), e.max)) : y;
+    }, b = (x) => !!([
+      "Backspace",
+      "Delete",
+      "ArrowLeft",
+      "ArrowRight",
+      "ArrowUp",
+      "ArrowDown",
+      "Tab",
+      "Home",
+      "End"
+    ].includes(x.key) || x.ctrlKey || x.metaKey || /^[0-9]$/.test(x.key)), g = (x) => {
+      if (o("keydown", x), !!r.value) {
+        if (x.key === "ArrowUp") {
+          x.preventDefault(), J();
+          return;
+        }
+        if (x.key === "ArrowDown") {
+          x.preventDefault(), Z();
+          return;
+        }
+        if (!b(x)) {
+          x.preventDefault();
+          return;
+        }
+      }
+    }, c = (x) => {
+      if (r.value) {
+        const y = x.target, V = w(y.value);
+        y.value !== V && (y.value = V, o("update:modelValue", V));
+      }
+    }, m = (x) => {
+      o("input", x);
+      const y = x.target;
+      if (r.value) {
+        const V = w(y.value);
+        if (y.value !== V) {
+          y.value = V, o("update:modelValue", V);
+          return;
+        }
+      }
+      o("update:modelValue", y.value);
+    }, C = (x) => {
+      if (o("blur", x), r.value && e.modelValue === "") {
+        const y = String(e.min === -1 / 0 ? 0 : e.min);
+        o("update:modelValue", y);
+      }
+    }, O = () => {
+      e.disabled || e.readonly || (o("update:modelValue", ""), o("clear"));
+    }, Z = () => {
+      if (e.disabled)
+        return;
+      const x = e.modelValue !== "" ? Number(e.modelValue) : e.min, y = Math.max(x - 1, e.min);
+      if (e.min <= y && y <= e.max) {
+        o("update:modelValue", String(y));
+        return;
+      }
+      o("update:modelValue", String(e.min));
+    }, J = () => {
+      if (e.disabled)
+        return;
+      const x = e.modelValue !== "" ? Number(e.modelValue) : e.min, y = Math.min(x + 1, e.max);
+      if (e.min <= y && y <= e.max) {
+        o("update:modelValue", String(y));
+        return;
+      }
+      o("update:modelValue", String(e.min));
+    }, G = () => d.value = !d.value;
+    return (x, y) => (a(), i("div", Xt, [
+      e.title ? (a(), i("label", _t, k(e.title), 1)) : f("", !0),
+      t("div", {
+        class: S({
+          common: !r.value,
+          number: r.value,
+          disabled: e.disabled
+        })
+      }, [
+        r.value ? (a(), i("button", {
+          key: 0,
+          class: "tool-button",
+          type: "button",
+          disabled: e.disabled || Number(e.modelValue) <= e.min,
+          onClick: Z
+        }, [...y[2] || (y[2] = [
+          t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "M5 12h14" })
+          ], -1)
+        ])], 8, en)) : f("", !0),
+        t("input", {
+          type: h.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          value: e.modelValue,
+          maxlength: e.maxlength,
+          autocomplete: e.autocomplete,
+          onFocus: y[0] || (y[0] = (V) => o("focus", V)),
+          onBlur: C,
+          onInput: m,
+          onChange: y[1] || (y[1] = (V) => o("change", V)),
+          onKeydown: g,
+          onCompositionend: c
+        }, null, 40, tn),
+        r.value ? (a(), i("button", {
+          key: 1,
+          class: "tool-button",
+          type: "button",
+          disabled: e.disabled || Number(e.modelValue) >= e.max,
+          onClick: J
+        }, [...y[3] || (y[3] = [
+          t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "M5 12h14" }),
+            t("path", { d: "M12 5v14" })
+          ], -1)
+        ])], 8, nn)) : f("", !0),
+        r.value ? f("", !0) : (a(), i("div", on, [
+          s.value && !e.disabled ? (a(), i("button", {
+            key: 0,
+            type: "button",
+            onClick: G,
+            "aria-label": "Toggle password visibility"
+          }, [
+            d.value ? (a(), i("svg", ln, [...y[5] || (y[5] = [
+              t("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),
+              t("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, null, -1),
+              t("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),
+              t("path", { d: "m2 2 20 20" }, null, -1)
+            ])])) : (a(), i("svg", an, [...y[4] || (y[4] = [
+              t("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),
+              t("circle", {
+                cx: "12",
+                cy: "12",
+                r: "3"
+              }, null, -1)
+            ])]))
+          ])) : f("", !0),
+          e.clearable && `${e.modelValue}`.length > 0 && !e.disabled ? (a(), i("button", {
+            key: 1,
+            type: "button",
+            "aria-label": "Clear input",
+            onClick: O
+          }, [...y[6] || (y[6] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M18 6 6 18" }),
+              t("path", { d: "m6 6 12 12" })
+            ], -1)
+          ])])) : f("", !0)
+        ]))
+      ], 2)
+    ]));
+  }
+}), ci = /* @__PURE__ */ E(sn, [["__scopeId", "data-v-d5f9697c"]]), rn = { class: "textarea" }, un = ["textContent"], dn = ["rows", "placeholder", "disabled", "readonly", "value", "maxlength", "autocomplete", "wrap"], cn = {
+  key: 1,
+  class: "char-count"
+}, vn = /* @__PURE__ */ A({
+  __name: "NTextarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    rows: { default: 5 },
+    maxLength: { default: () => {
+    } },
+    title: { default: () => {
+    } },
+    autocomplete: { default: "off" },
+    autofocus: { type: Boolean, default: !1 },
+    showCount: { type: [Boolean, Function], default: !1 },
+    wrap: { default: "soft" }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "paste"],
+  setup(e, { emit: n }) {
+    const o = n, s = T(null), r = M(() => {
+      const w = Number(e.maxLength);
+      return Number.isFinite(w) && w > 0 ? w : void 0;
+    }), d = M(() => r.value !== void 0), h = M(() => {
+      const w = e.modelValue ?? "";
+      return typeof e.showCount == "function" ? e.showCount(w, r.value) : e.showCount ? d.value ? `${w.length} / ${r.value}` : String(w.length) : "";
+    }), p = (w) => {
+      o("input", w);
+      const b = w.target;
+      o("update:modelValue", b.value);
+    };
+    return Ce(() => {
+      e.autofocus && s.value?.focus();
+    }), (w, b) => (a(), i("div", rn, [
+      e.title ? (a(), i("label", {
+        key: 0,
+        class: "label",
+        textContent: k(e.title)
+      }, null, 8, un)) : f("", !0),
+      t("textarea", {
+        ref_key: "textareaRef",
+        ref: s,
+        class: "textarea-control",
+        rows: e.rows,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        value: e.modelValue,
+        maxlength: r.value,
+        autocomplete: e.autocomplete,
+        wrap: e.wrap,
+        onFocus: b[0] || (b[0] = (g) => o("focus", g)),
+        onBlur: b[1] || (b[1] = (g) => o("blur", g)),
+        onInput: p,
+        onChange: b[2] || (b[2] = (g) => o("change", g)),
+        onKeydown: b[3] || (b[3] = (g) => o("keydown", g)),
+        onPaste: b[4] || (b[4] = (g) => o("paste", g))
+      }, null, 40, dn),
+      e.showCount ? (a(), i("div", cn, k(h.value), 1)) : f("", !0)
+    ]));
+  }
+}), vi = /* @__PURE__ */ E(vn, [["__scopeId", "data-v-3356cfbd"]]), hn = { class: "checkbox" }, fn = {
+  key: 0,
+  class: "label"
+}, gn = ["onClick"], mn = ["checked", "disabled"], wn = ["checked", "disabled"], yn = /* @__PURE__ */ A({
+  __name: "NCheckbox",
+  props: {
+    modelValue: { default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    title: { default: () => {
+    } },
+    autofocus: { type: Boolean, default: !1 },
+    ariaLabel: { default: () => {
+    } },
+    direction: { default: "row" },
+    options: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change", "change:item", "change:value", "change:values"],
+  setup(e, { emit: n }) {
+    const o = n, s = T(null), r = M(() => !e.options || e.options.length === 0), d = M(() => !!e.multiple), h = M(() => Array.isArray(e.options) && e.options.length > 0), p = M(() => h.value ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : []), w = (g) => p.value.some((c) => c === g), b = (g) => {
+      if (e.disabled)
+        return;
+      if (r.value) {
+        const C = !e.modelValue;
+        o("update:modelValue", C), o("change", C), o("change:value", C);
+        return;
+      }
+      if (!g)
+        return;
+      let c = [...p.value];
+      const m = w(g.value);
+      d.value ? m ? c = c.filter(
+        (C) => C !== g.value
+      ) : c.push(g.value) : m ? c = !1 : c = g.value, o("update:modelValue", c), o("change", c), o("change:item", g), o("change:value", c), o("change:values", c);
+    };
+    return Ce(() => {
+      e.autofocus || s.value?.focus();
+    }), (g, c) => (a(), i("div", hn, [
+      e.title ? (a(), i("h3", fn, k(e.title), 1)) : f("", !0),
+      t("div", {
+        class: S(["group", [e.direction]])
+      }, [
+        r.value ? (a(), i("label", {
+          key: 1,
+          class: "item",
+          onClick: c[0] || (c[0] = R((m) => b(), ["prevent"]))
+        }, [
+          t("input", {
+            type: "checkbox",
+            checked: !!e.modelValue,
+            disabled: e.disabled
+          }, null, 8, wn),
+          c[2] || (c[2] = t("span", { class: "icon" }, [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M20 6 9 17l-5-5" })
+            ])
+          ], -1)),
+          I(g.$slots, "default", {}, () => [
+            z(k(e.title || e.ariaLabel), 1)
+          ], !0)
+        ])) : (a(!0), i(N, { key: 0 }, F(e.options, (m, C) => (a(), i("label", {
+          key: `${m.label}${C}`,
+          class: "item",
+          onClick: R((O) => b(m), ["prevent"])
+        }, [
+          t("input", {
+            type: "checkbox",
+            checked: w(m.value),
+            disabled: e.disabled
+          }, null, 8, mn),
+          c[1] || (c[1] = t("span", { class: "icon" }, [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M20 6 9 17l-5-5" })
+            ])
+          ], -1)),
+          z(" " + k(m.label), 1)
+        ], 8, gn))), 128))
+      ], 2)
+    ]));
+  }
+}), ut = /* @__PURE__ */ E(yn, [["__scopeId", "data-v-55b1d909"]]), kn = { class: "select" }, pn = {
+  key: 0,
+  class: "label"
+}, bn = { class: "select-chips-container" }, xn = ["textContent"], $n = ["onClick"], Cn = {
+  key: 0,
+  class: "search-box"
+}, Mn = { class: "options" }, Bn = ["onClick"], Sn = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Dn = {
+  key: 0,
+  class: "empty"
+}, Nn = 240, Tn = /* @__PURE__ */ A({
+  __name: "NSelect",
+  props: {
+    modelValue: { default: () => {
+    } },
+    options: { default: () => [] },
+    multiple: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    title: { default: "" },
+    multipleDisplay: { default: "count" }
+  },
+  emits: ["update:modelValue", "change", "change:item", "change:value", "change:values"],
+  setup(e, { emit: n }) {
+    const o = n, s = T(!1), r = T(""), d = T(!1), h = T(null), p = T(null), w = M(() => {
+      const x = {};
+      return e.multiple ? Array.isArray(e.modelValue) && e.modelValue.forEach((y) => {
+        x[y] = e.options.find((V) => V.value === y);
+      }) : e.modelValue !== void 0 && e.modelValue !== null && (x[e.modelValue] = e.options.find(
+        (y) => y.value === e.modelValue
+      )), x;
+    }), b = M(
+      () => Object.keys(w.value).length > 0
+    ), g = async () => {
+      if (!e.disabled && (s.value = !s.value, s.value)) {
+        if (await qt(), h.value) {
+          const x = h.value.getBoundingClientRect(), y = window.innerHeight - x.bottom;
+          d.value = y < Nn;
+        }
+        e.searchable && p.value?.focus();
+      }
+    }, c = () => {
+      s.value = !1, r.value = "";
+    }, m = (x) => {
+      if (!s.value)
+        return;
+      const y = x.target;
+      h.value && !h.value.contains(y) && c();
+    }, C = (x) => w.value.hasOwnProperty(x), O = (x) => {
+      if (e.disabled)
+        return;
+      let y;
+      e.multiple ? (C(x.value) ? delete w.value[x.value] : w.value[x.value] = x, y = Object.keys(w.value), o("update:modelValue", y), o("change", y), o("change:item", x), o("change:value", y), o("change:values", y)) : (y = x.value, o("update:modelValue", y), o("change", y), o("change:item", x), o("change:value", y), c());
+    }, Z = () => {
+      if (e.disabled)
+        return;
+      const x = e.multiple ? [] : void 0;
+      o("update:modelValue", x), o("change", x), o("change:value", x), o("change:values", []);
+    }, J = M(() => {
+      const x = r.value.trim().toLowerCase();
+      return x ? e.options.filter(
+        (y) => y.label.toLowerCase().includes(x)
+      ) : e.options;
+    });
+    Ce(() => {
+      document.addEventListener("pointerdown", m);
+    }), wt(() => {
+      document.removeEventListener("pointerdown", m);
+    });
+    const G = M(() => {
+      const x = Object.keys(w.value), y = x.length;
+      return y === 0 ? "" : e.multiple ? `已選 ${y} 項` : w.value[x[0]]?.label ?? "";
+    });
+    return (x, y) => (a(), i("div", kn, [
+      e.title ? (a(), i("label", pn, k(e.title), 1)) : f("", !0),
+      t("div", {
+        ref_key: "selectGroupRef",
+        ref: h,
+        class: S(["group", {
+          open: s.value,
+          multiple: e.multiple
+        }])
+      }, [
+        t("div", {
+          class: S(["trigger", {
+            disabled: e.disabled
+          }]),
+          onClick: g
+        }, [
+          t("div", bn, [
+            !b.value || !e.multiple || e.multiple && e.multipleDisplay === "count" ? (a(), i("span", {
+              key: 0,
+              class: S(["trigger-text", { placeholder: !b.value }]),
+              textContent: k(b.value ? G.value : e.placeholder)
+            }, null, 10, xn)) : f("", !0),
+            e.multiple && e.multipleDisplay === "tags" ? (a(!0), i(N, { key: 1 }, F(w.value, (V, Y) => (a(), i("div", {
+              key: `${V.label}${Y}`,
+              class: "select-chip"
+            }, [
+              t("span", null, k(V.label), 1),
+              t("span", {
+                class: "remove-chip",
+                onClick: R((q) => O(V), ["stop"])
+              }, [...y[1] || (y[1] = [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  t("path", { d: "M18 6 6 18" }),
+                  t("path", { d: "m6 6 12 12" })
+                ], -1)
+              ])], 8, $n)
+            ]))), 128)) : f("", !0)
+          ]),
+          e.clearable && b.value && !e.disabled ? (a(), i("button", {
+            key: 0,
+            class: "clear-btn",
+            type: "button",
+            onClick: R(Z, ["stop"])
+          }, [...y[2] || (y[2] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M18 6 6 18" }),
+              t("path", { d: "m6 6 12 12" })
+            ], -1)
+          ])])) : f("", !0),
+          y[3] || (y[3] = t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "arrow-icon"
+          }, [
+            t("path", { d: "m6 10 6 6 6-6" })
+          ], -1))
+        ], 2),
+        t("div", {
+          class: S(["dropdown", { upward: d.value }])
+        }, [
+          e.searchable ? (a(), i("div", Cn, [
+            y[4] || (y[4] = t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "icon"
+            }, [
+              t("path", { d: "m21 21-4.34-4.34" }),
+              t("circle", {
+                cx: "11",
+                cy: "11",
+                r: "8"
+              })
+            ], -1)),
+            Ut(t("input", {
+              ref_key: "searchInputRef",
+              ref: p,
+              type: "text",
+              class: "search-input",
+              placeholder: "Search...",
+              "onUpdate:modelValue": y[0] || (y[0] = (V) => r.value = V)
+            }, null, 512), [
+              [Yt, r.value]
+            ])
+          ])) : f("", !0),
+          t("div", Mn, [
+            (a(!0), i(N, null, F(J.value, (V, Y) => (a(), i("div", {
+              key: `${V.label}${Y}`,
+              class: S(["option", {
+                selected: C(V.value)
+              }]),
+              onClick: (q) => O(V)
+            }, [
+              t("span", null, k(V.label), 1),
+              C(V.value) ? (a(), i("svg", Sn, [...y[5] || (y[5] = [
+                t("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+              ])])) : f("", !0)
+            ], 10, Bn))), 128)),
+            J.value.length === 0 ? (a(), i("div", Dn, " 無符合選項 ")) : f("", !0)
+          ])
+        ], 2)
+      ], 2)
+    ]));
+  }
+}), hi = /* @__PURE__ */ E(Tn, [["__scopeId", "data-v-ab7179eb"]]), ke = typeof Buffer == "function", dt = typeof TextDecoder == "function" ? new TextDecoder() : void 0, ct = typeof TextEncoder == "function" ? new TextEncoder() : void 0, Vn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", $e = Array.prototype.slice.call(Vn), Ae = ((e) => {
+  let n = {};
+  return e.forEach((o, s) => n[o] = s), n;
+})($e), jn = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, W = String.fromCharCode.bind(String), vt = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Ln = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (n) => n == "+" ? "-" : "_"), pt = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), In = (e) => {
+  let n, o, s, r, d = "";
+  const h = e.length % 3;
+  for (let p = 0; p < e.length; ) {
+    if ((o = e.charCodeAt(p++)) > 255 || (s = e.charCodeAt(p++)) > 255 || (r = e.charCodeAt(p++)) > 255)
+      throw new TypeError("invalid character found");
+    n = o << 16 | s << 8 | r, d += $e[n >> 18 & 63] + $e[n >> 12 & 63] + $e[n >> 6 & 63] + $e[n & 63];
+  }
+  return h ? d.slice(0, h - 3) + "===".substring(h) : d;
+}, bt = typeof btoa == "function" ? (e) => btoa(e) : ke ? (e) => Buffer.from(e, "binary").toString("base64") : In, An = ke ? (e) => Buffer.from(e).toString("base64") : (e) => {
+  let n = [];
+  for (let o = 0, s = e.length; o < s; o += 4096)
+    n.push(W.apply(null, e.subarray(o, o + 4096)));
+  return bt(n.join(""));
+}, En = (e) => {
+  if (e.length < 2) {
+    var n = e.charCodeAt(0);
+    return n < 128 ? e : n < 2048 ? W(192 | n >>> 6) + W(128 | n & 63) : W(224 | n >>> 12 & 15) + W(128 | n >>> 6 & 63) + W(128 | n & 63);
+  } else {
+    var n = 65536 + (e.charCodeAt(0) - 55296) * 1024 + (e.charCodeAt(1) - 56320);
+    return W(240 | n >>> 18 & 7) + W(128 | n >>> 12 & 63) + W(128 | n >>> 6 & 63) + W(128 | n & 63);
+  }
+}, Rn = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Fn = (e) => e.replace(Rn, En), ht = ke ? (e) => Buffer.from(e, "utf8").toString("base64") : ct ? (e) => An(ct.encode(e)) : (e) => bt(Fn(e)), zn = (e, n = !1) => n ? Ln(ht(e)) : ht(e), On = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Hn = (e) => {
+  switch (e.length) {
+    case 4:
+      var n = (7 & e.charCodeAt(0)) << 18 | (63 & e.charCodeAt(1)) << 12 | (63 & e.charCodeAt(2)) << 6 | 63 & e.charCodeAt(3), o = n - 65536;
+      return W((o >>> 10) + 55296) + W((o & 1023) + 56320);
+    case 3:
+      return W((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
+    default:
+      return W((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
+  }
+}, Pn = (e) => e.replace(On, Hn), Un = (e) => {
+  if (e = e.replace(/\s+/g, ""), !jn.test(e))
+    throw new TypeError("malformed base64.");
+  e += "==".slice(2 - (e.length & 3));
+  let n, o, s, r = [];
+  for (let d = 0; d < e.length; )
+    n = Ae[e.charAt(d++)] << 18 | Ae[e.charAt(d++)] << 12 | (o = Ae[e.charAt(d++)]) << 6 | (s = Ae[e.charAt(d++)]), o === 64 ? r.push(W(n >> 16 & 255)) : s === 64 ? r.push(W(n >> 16 & 255, n >> 8 & 255)) : r.push(W(n >> 16 & 255, n >> 8 & 255, n & 255));
+  return r.join("");
+}, xt = typeof atob == "function" ? (e) => atob(pt(e)) : ke ? (e) => Buffer.from(e, "base64").toString("binary") : Un, Yn = ke ? (e) => vt(Buffer.from(e, "base64")) : (e) => vt(xt(e).split("").map((n) => n.charCodeAt(0))), qn = ke ? (e) => Buffer.from(e, "base64").toString("utf8") : dt ? (e) => dt.decode(Yn(e)) : (e) => Pn(xt(e)), Kn = (e) => pt(e.replace(/[-_]/g, (n) => n == "-" ? "+" : "/")), Wn = (e) => qn(Kn(e)), $t = "N_UTILS_KEY", Zn = !0, ie = [], Ue = () => {
+  const e = zn(JSON.stringify(ie));
+  localStorage.setItem($t, e);
+}, Gn = () => {
+  const e = localStorage.getItem($t) ?? "";
+  if (e.length == 0)
+    return [];
+  try {
+    return JSON.parse(Zn ? Wn(e) : e);
+  } catch {
+    return [];
+  }
+}, Ye = () => {
+  ie.clear();
+  const e = Gn(), n = (/* @__PURE__ */ new Date()).getTime();
+  e.forEach((o) => {
+    o.expireTime && o.expireTime < n || ie.push({
+      key: o.key,
+      value: o.value,
+      expireTime: o.expireTime
+    });
+  }), ie.length > 0 && Ue();
+}, Jn = (e) => (Ye(), ie.some((n) => n.key == e)), Qn = (e, n, o) => {
+  Ct(e);
+  const s = {
+    key: e,
+    value: n
+  };
+  o && (s.expireTime = (/* @__PURE__ */ new Date()).getTime() + o * 1e3), ie.push(s), Ue();
+}, Xn = (e, n) => {
+  Ye();
+  const o = ie.find((s) => s.key == e);
+  return o ? o.value : n;
+}, Ct = (e) => {
+  Ye();
+  const n = ie.findIndex((o) => o.key == e);
+  n != -1 && (ie.splice(n, 1), Ue());
+}, _n = {
+  set: Qn,
+  get: Xn,
+  has: Jn,
+  forget: Ct
+}, eo = /* @__PURE__ */ (() => {
+  let e = !1;
+  return () => {
+    e ? document.exitFullscreen() : document.documentElement.requestFullscreen(), e = !e;
+  };
+})(), to = {
+  fullScreenToggle: eo
+}, no = (e = 5) => Array(e).fill(null).map(() => {
+  const n = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", o = Math.random() * n.length;
+  return n.charAt(o);
+}).join(""), oo = (e) => {
+  navigator.clipboard.writeText(e);
+}, ao = {
+  random: no,
+  copy: oo
+}, ft = [], pe = (e = "", n = !1, o = !1) => (ft.clear(), new Promise((s, r) => {
+  const d = document.createElement("input");
+  ft.push(d), d.hidden = !0, d.type = "file", d.accept = e, d.multiple = n, d.onchange = async (h) => {
+    const p = [];
+    d.files && d.files.length === 0 && s(p);
+    for (const w of d.files) {
+      const b = {
+        name: w.name,
+        size: w.size,
+        sizeInKB: parseFloat((w.size / 1024).toFixed(2)),
+        sizeInMB: parseFloat((w.size / 1024 / 1024).toFixed(2)),
+        type: w.type,
+        file: w
+      };
+      o && (b.base64String = await ve.file.convertBase64(w)), p.push(b);
+    }
+    s(p);
+  }, d.onerror = (h) => {
+    r(h);
+  }, d.click();
+})), lo = (e = !1, n = !1) => pe("", e, n), so = async (e = !1, n = !1) => pe([
+  "image/jpg",
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/bmp"
+].join(","), e, n), io = async (e = !1, n = !1) => pe([
+  ".pdf",
+  "application/pdf",
+  ".doc",
+  "application/msword",
+  ".docx",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  ".txt",
+  "text/plain",
+  ".md"
+].join(","), e, n), ro = async (e = !1, n = !1) => pe([
+  "video/mp4",
+  "video/quicktime",
+  // .mov
+  "video/webm",
+  "video/ogg"
+].join(","), e, n), uo = async (e = !1, n = !1) => pe([
+  "audio/mp3",
+  "audio/wav",
+  "audio/ogg",
+  "audio/aac",
+  "audio/flac"
+].join(","), e, n), co = (e = "", n = !1, o = !1) => pe(e, n, o), vo = {
+  all: lo,
+  image: so,
+  documentFile: io,
+  video: ro,
+  audio: uo,
+  custom: co
+}, ho = (e) => new Promise((n, o) => {
+  const s = new FileReader();
+  s.readAsDataURL(e), s.onload = () => {
+    const r = s.result.split(";base64,");
+    r.length > 1 ? n(r[1]) : o(new Error("Failed to convert file to base64 string."));
+  }, s.onerror = o;
+}), fo = (e) => {
+  const n = new Blob([e], { type: "xxxx" });
+  return Mt(n);
+}, Mt = (e) => (window.URL || window.webkitURL).createObjectURL(e), go = (e) => {
+  (window.URL || window.webkitURL).revokeObjectURL(e);
+}, mo = {
+  convertBase64: ho,
+  createImageUrlFromFile: fo,
+  createImageUrlFromBlob: Mt,
+  revokeObjectUrl: go
+}, wo = (e, n) => {
+  const o = document.createElement("a");
+  o.target = "_blank", n && (o.download = n), o.href = e, o.click(), o.remove();
+}, yo = (e) => {
+  const n = document.createElement("a");
+  n.target = "_blank", n.href = e, n.click(), n.remove();
+}, ko = {
+  download: wo,
+  openExternalLink: yo
+}, po = async (e) => {
+  const n = e.includes("data:image/") ? e : `data:image/jpeg;base64,${e}`;
+  return (await fetch(n)).blob();
+}, bo = (e) => new Promise(async (n, o) => {
+  try {
+    const s = typeof e == "string" ? await po(e) : e, r = window.URL || window.webkitURL, d = r.createObjectURL(s), h = document.createElement("img");
+    h.src = d, h.onload = () => {
+      r.revokeObjectURL(d), n(h);
+    }, h.onerror = (p) => {
+      r.revokeObjectURL(d), o(new Error(`Image failed to load. Error: ${p}`));
+    };
+  } catch (s) {
+    o(s);
+  }
+}), xo = (e, n) => {
+  const o = Math.min(
+    n / e.width,
+    n / e.height,
+    1
+  ), s = o * e.width, r = o * e.height, d = document.createElement("canvas"), h = d.getContext("2d");
+  return d.width = s, d.height = r, h.drawImage(e, 0, 0, s, r), d;
+}, Bt = (e) => {
+  const n = e.toDataURL("image/jpeg", 0.8).split(";base64,");
+  return n.length > 1 ? n[1] : "";
+}, St = (e) => new Promise((n, o) => {
+  e.toBlob((s) => {
+    s ? n(s) : o(new Error("Failed to create Blob from canvas."));
+  }, "image/jpeg", 0.8);
+}), Fe = async (e, n) => {
+  const o = await bo(e);
+  return xo(o, n);
+}, $o = async (e, n) => {
+  const o = await Fe(e, n);
+  return Bt(o);
+}, Co = async (e, n) => {
+  const o = await Fe(e, n);
+  return St(o);
+}, Mo = async (e, n) => {
+  const o = await Fe(e, n);
+  return Bt(o);
+}, Bo = async (e, n) => {
+  const o = await Fe(e, n);
+  return St(o);
+}, So = {
+  thumbnailFromBlobToBase64: $o,
+  thumbnailFromBlobToBlob: Co,
+  thumbnailFromBase64ToBase64: Mo,
+  thumbnailFromBase64ToBlob: Bo
+}, Dt = () => {
+  const e = navigator.userAgent;
+  return !!/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(e);
+}, Nt = () => {
+  const e = navigator.userAgent;
+  return !!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e);
+}, Do = () => Dt() == !1 && Nt() == !1, No = {
+  isMobile: Dt,
+  isTablet: Nt,
+  isDesktop: Do
+}, To = (e) => {
+  e.setDate(1);
+  const n = {
+    year: e.getFullYear(),
+    month: e.getRealMonth(),
+    days: []
+  };
+  for (let o = 0; o < e.daysInMonth(); o++) {
+    const s = e.addDays(o);
+    n.days.push({
+      day: s.getDate(),
+      week: s.getDay() == 0 ? 7 : s.getDay()
+    });
+  }
+  return n;
+}, Vo = {
+  getCalendarByDate: To
+}, jo = /* @__PURE__ */ (() => {
+  let e = -1;
+  return (n, o = 50) => {
+    e > 0 && window.clearTimeout(e), e = window.setTimeout(n, o);
+  };
+})(), Lo = {
+  debounce: jo
+};
+Array.prototype.clear = function() {
+  this.length = 0;
+};
+Array.prototype.first = function() {
+  return this.length > 0 ? this[0] : !1;
+};
+Array.prototype.last = function() {
+  return this.length > 0 ? this[this.length - 1] : !1;
+};
+Date.prototype.isValid = function() {
+  return this.getTime() === this.getTime();
+};
+Date.prototype.getRealMonth = function() {
+  return this.getMonth() + 1;
+};
+Date.prototype.getFullMonth = function() {
+  return (this.getMonth() + 1).toString().padStart(2, "0");
+};
+Date.prototype.getFullDate = function() {
+  return this.getDate().toString().padStart(2, "0");
+};
+Date.prototype.daysInMonth = function() {
+  return new Date(
+    this.getFullYear(),
+    this.getMonth() + 1,
+    0
+  ).getDate();
+};
+Date.prototype.addYears = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setMonth(n.getMonth() + e * 12), n;
+};
+Date.prototype.minusYears = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setMonth(n.getMonth() - e * 12), n;
+};
+Date.prototype.addMonths = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setMonth(n.getMonth() + e), n;
+};
+Date.prototype.minusMonths = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setMonth(n.getMonth() - e), n;
+};
+Date.prototype.addDays = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setDate(n.getDate() + e), n;
+};
+Date.prototype.minusDays = function(e = 1) {
+  const n = new Date(this.valueOf());
+  return n.setDate(n.getDate() - e), n;
+};
+FileList.prototype.toArray = function() {
+  const e = [];
+  for (let n = 0; n < this.length; n++)
+    e.push(this.item(n));
+  return e;
+};
+const ve = {
+  store: _n,
+  screen: to,
+  str: ao,
+  input: vo,
+  file: mo,
+  link: ko,
+  image: So,
+  device: No,
+  date: Vo,
+  tool: Lo
+}, Io = { class: "file-select" }, Ao = ["textContent"], Eo = ["aria-disabled"], Ro = { class: "inner" }, Fo = { class: "text" }, zo = ["textContent"], Oo = ["textContent"], Ho = /* @__PURE__ */ A({
+  __name: "NFileSelect",
+  props: {
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "拖曳檔案至此處或點擊選擇檔案" },
+    hint: { default: "支援所有檔案格式" },
+    accept: { default: "" },
+    title: { default: "" }
+  },
+  emits: ["change:file", "change:files"],
+  setup(e, { emit: n }) {
+    const o = n, s = async () => {
+      if (!e.disabled)
+        try {
+          const r = await ve.input.custom(e.accept, e.multiple);
+          if (r.length === 0)
+            return;
+          e.multiple ? o("change:files", r) : o("change:file", r[0]);
+        } catch (r) {
+          console.log(r);
+        }
+    };
+    return (r, d) => (a(), i("div", Io, [
+      e.title ? (a(), i("div", {
+        key: 0,
+        class: "title",
+        textContent: k(e.title)
+      }, null, 8, Ao)) : f("", !0),
+      t("div", {
+        class: S(["select", {
+          multiple: e.multiple,
+          disabled: e.disabled
+        }]),
+        tabindex: "0",
+        "aria-disabled": e.disabled ? "true" : void 0,
+        onClick: s
+      }, [
+        t("div", Ro, [
+          d[0] || (d[0] = t("span", {
+            class: "icon",
+            "aria-hidden": "true"
+          }, [
+            t("svg", {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              t("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
+              })
+            ])
+          ], -1)),
+          t("div", Fo, [
+            t("p", {
+              class: "label",
+              textContent: k(e.label)
+            }, null, 8, zo),
+            t("p", {
+              class: "hint",
+              textContent: k(e.hint)
+            }, null, 8, Oo)
+          ])
+        ])
+      ], 10, Eo)
+    ]));
+  }
+}), fi = /* @__PURE__ */ E(Ho, [["__scopeId", "data-v-0fd41b7d"]]);
+/*!
+ * vue-router v4.6.3
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const Po = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), Uo = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+/*!
+ * vue-router v4.6.3
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+function Yo() {
+  return yt(Po);
+}
+function qo(e) {
+  return yt(Uo);
+}
+const Ko = { class: "breadcrumbs" }, Wo = /* @__PURE__ */ A({
+  __name: "NBreadcrumb",
+  setup(e) {
+    return (n, o) => (a(), i("nav", Ko, [...o[0] || (o[0] = [
+      t("span", null, "Home", -1),
+      t("span", null, "Admin", -1),
+      t("span", { class: "active" }, "Functions", -1)
+    ])]));
+  }
+}), Zo = /* @__PURE__ */ E(Wo, [["__scopeId", "data-v-c06b466b"]]), be = T(!1);
+function qe(e = "default") {
+  const n = `NSidebar:${e}:expanded`, o = Pe(
+    ve.store.get(n, {})
+  );
+  be.value = ve.store.get("NSidebar:expanded", !1);
+  const s = (p) => !!o[p];
+  return {
+    isMenuExpanded: s,
+    toggleMenu: (p) => {
+      o[p] = !s(p), ve.store.set(n, o);
+    },
+    isSidebarExpanded: () => be.value,
+    toggleSidebar: () => {
+      be.value = !be.value, ve.store.set("NSidebar:expanded", be.value);
+    }
+  };
+}
+const Go = { class: "hero-section" }, Jo = { class: "header" }, Qo = ["innerHTML"], Xo = { class: "body" }, _o = { class: "title-section" }, ea = { class: "title" }, ta = { key: 0 }, na = { class: "toolbar" }, oa = /* @__PURE__ */ A({
+  __name: "NHeroSection",
+  props: {
+    icon: { default: "" },
+    title: { default: "" }
+  },
+  setup(e) {
+    const n = qe();
+    return (o, s) => (a(), i("div", Go, [
+      t("div", Jo, [
+        D(B, {
+          class: "sidebar-toggle-button",
+          padding: "8px",
+          intent: "none",
+          variant: "ghost",
+          onClick: s[0] || (s[0] = (r) => ae(n).toggleSidebar())
+        }, {
+          default: $(() => [...s[1] || (s[1] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M4 5h16" }),
+              t("path", { d: "M4 12h16" }),
+              t("path", { d: "M4 19h16" })
+            ], -1)
+          ])]),
+          _: 1
+        }),
+        D(Zo)
+      ]),
+      e.icon ? (a(), i("div", {
+        key: 0,
+        class: "icon-bg",
+        innerHTML: e.icon
+      }, null, 8, Qo)) : f("", !0),
+      t("div", Xo, [
+        t("div", _o, [
+          t("div", ea, [
+            e.title ? (a(), i("h1", ta, k(e.title), 1)) : f("", !0)
+          ])
+        ]),
+        t("div", na, [
+          I(o.$slots, "default", {}, void 0, !0)
+        ])
+      ])
+    ]));
+  }
+}), Tt = /* @__PURE__ */ E(oa, [["__scopeId", "data-v-38ca441b"]]), aa = { class: "content-container" }, la = {
+  key: 0,
+  class: "nav-tabs"
+}, sa = ["textContent", "onClick"], ia = { class: "tab-content" }, ra = { class: "footer" }, ua = /* @__PURE__ */ A({
+  __name: "NForm",
+  props: {
+    model: { default: () => ({}) },
+    icon: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    title: { default: "" },
+    tabs: { default: () => [] }
+  },
+  emits: ["submit", "reset"],
+  setup(e, { emit: n }) {
+    const o = n, r = `NForm:${qo().path}:tab`, d = T(
+      e.tabs.length > 0 ? ve.store.get(r, 0) : 0
+    ), h = () => {
+      e.disabled || o("submit", e.model);
+    }, p = () => {
+      e.disabled || o("reset");
+    };
+    return (w, b) => (a(), i("div", aa, [
+      D(Tt, {
+        icon: e.icon,
+        title: e.title
+      }, null, 8, ["icon", "title"]),
+      t("form", {
+        onSubmit: R(h, ["prevent"]),
+        onReset: R(p, ["prevent"])
+      }, [
+        e.tabs.length > 0 ? (a(), i("div", la, [
+          (a(!0), i(N, null, F(e.tabs, (g, c) => (a(), i("button", {
+            key: `${g}${c}`,
+            class: S(["nav-link", {
+              active: d.value === c
+            }]),
+            textContent: k(g),
+            onClick: () => {
+              d.value = c, ae(ve).store.set(r, c);
+            }
+          }, null, 10, sa))), 128))
+        ])) : f("", !0),
+        t("div", ia, [
+          e.tabs.length > 0 ? (a(!0), i(N, { key: 0 }, F(e.tabs, (g, c) => (a(), i(N, null, [
+            d.value === c ? I(w.$slots, `tab${c}`, { key: 0 }, void 0, !0) : f("", !0)
+          ], 64))), 256)) : f("", !0),
+          e.tabs.length == 0 && w.$slots.tab0 ? I(w.$slots, "tab0", { key: 1 }, void 0, !0) : f("", !0)
+        ]),
+        t("div", ra, [
+          I(w.$slots, "footer", {}, void 0, !0)
+        ])
+      ], 32)
+    ]));
+  }
+}), gi = /* @__PURE__ */ E(ua, [["__scopeId", "data-v-ca2ceba7"]]), da = ["innerHTML"], ca = { class: "title" }, va = {
+  key: 1,
+  class: "description"
+}, ha = {
+  key: 2,
+  class: "action"
+}, fa = /* @__PURE__ */ A({
+  __name: "NEmpty",
+  props: {
+    title: { default: "目前沒有資料" },
+    description: { default: "" },
+    size: { default: "md" },
+    icon: { default: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/>
+    <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/>
+</svg>` }
+  },
+  setup(e) {
+    return (n, o) => (a(), i("div", {
+      class: S(["empty", [`size-${e.size}`]])
+    }, [
+      e.icon ? (a(), i("div", {
+        key: 0,
+        class: "icon",
+        innerHTML: e.icon
+      }, null, 8, da)) : f("", !0),
+      t("p", ca, k(e.title), 1),
+      e.description ? (a(), i("p", va, k(e.description), 1)) : f("", !0),
+      n.$slots.default ? (a(), i("div", ha, [
+        I(n.$slots, "default", {}, void 0, !0)
+      ])) : f("", !0)
+    ], 2));
+  }
+}), ga = /* @__PURE__ */ E(fa, [["__scopeId", "data-v-b806fad9"]]), ma = /* @__PURE__ */ A({
+  __name: "NCard",
+  props: {
+    size: { default: "md" },
+    radius: { default: "md" }
+  },
+  setup(e) {
+    return (n, o) => (a(), i("div", {
+      class: S(["card", {
+        [`size-${e.size}`]: !0,
+        [`radius-${e.radius}`]: !0
+      }])
+    }, [
+      I(n.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Vt = /* @__PURE__ */ E(ma, [["__scopeId", "data-v-2f12383f"]]), wa = {
+  key: 0,
+  class: "paginate"
+}, ya = { class: "summary" }, ka = { class: "pages" }, pa = {
+  key: 1,
+  class: "separator"
+}, ba = /* @__PURE__ */ A({
+  __name: "NPaginate",
+  props: {
+    totalItems: {},
+    pageSize: {},
+    maxPageButtons: { default: 7 }
+  },
+  emits: ["onPageChange"],
+  setup(e, { emit: n }) {
+    const o = n, s = T(1), r = M(() => Math.max(1, Math.ceil(e.totalItems / e.pageSize))), d = M(() => {
+      const b = r.value, g = s.value, c = Math.max(5, e.maxPageButtons);
+      if (b <= c)
+        return Array.from({ length: b }, (G, x) => x + 1);
+      const m = [], C = Math.max(1, Math.floor((c - 3) / 2)), O = Math.max(2, g - C);
+      let Z = Math.min(b - 1, g + C);
+      const J = 2 + (Z - O + 1) + 2;
+      if (J > c) {
+        const G = J - c;
+        Z = Math.max(O, Z - G);
+      }
+      m.push(1), O > 2 && m.push("...l");
+      for (let G = O; G <= Z; G++) m.push(G);
+      return Z < b - 1 && m.push("...r"), m.push(b), m;
+    });
+    function h() {
+      s.value <= 1 || (s.value -= 1, o("onPageChange", s.value));
+    }
+    function p() {
+      s.value >= r.value || (s.value += 1, o("onPageChange", s.value));
+    }
+    function w(b) {
+      const g = Math.min(Math.max(1, b), r.value);
+      s.value !== g && (s.value = g, o("onPageChange", s.value));
+    }
+    return (b, g) => e.totalItems > 0 ? (a(), i("div", wa, [
+      t("span", ya, "第 " + k(s.value) + " / " + k(r.value) + " 頁，共 " + k(e.totalItems) + " 筆", 1),
+      t("div", ka, [
+        D(B, {
+          variant: "outline",
+          padding: "",
+          width: "35px",
+          height: "35px",
+          disabled: s.value <= 1,
+          onClick: h
+        }, {
+          default: $(() => [...g[0] || (g[0] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M15 18l-6-6 6-6" })
+            ], -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"]),
+        (a(!0), i(N, null, F(d.value, (c) => (a(), i(N, {
+          key: "p-" + c
+        }, [
+          typeof c == "number" ? (a(), L(B, {
+            key: 0,
+            variant: s.value === c ? "solid" : "outline",
+            intent: s.value === c ? "primary" : "none",
+            padding: "",
+            width: "35px",
+            height: "35px",
+            onClick: (m) => w(c)
+          }, {
+            default: $(() => [
+              z(k(c), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "intent", "onClick"])) : (a(), i("span", pa, "…"))
+        ], 64))), 128)),
+        D(B, {
+          variant: "outline",
+          padding: "",
+          width: "35px",
+          height: "35px",
+          disabled: s.value >= r.value,
+          onClick: p
+        }, {
+          default: $(() => [...g[1] || (g[1] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M9 18l6-6-6-6" })
+            ], -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ])) : f("", !0);
+  }
+}), xa = /* @__PURE__ */ E(ba, [["__scopeId", "data-v-06443bd8"]]), $a = { class: "table-scroll" }, Ca = ["onClick"], Ma = { class: "th-content" }, Ba = {
+  key: 0,
+  class: "sort-icon"
+}, Sa = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Da = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Na = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Ta = {
+  key: 0,
+  class: "col-actions"
+}, Va = ["onClick"], ja = {
+  key: 0,
+  class: "col-actions"
+}, La = { key: 1 }, Ia = ["colspan"], Aa = { key: 2 }, Ea = ["colspan"], Ra = /* @__PURE__ */ A({
+  __name: "NTable",
+  props: {
+    columns: { default: () => [] },
+    rows: { default: () => [] },
+    striped: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    emptyText: { default: "No data" },
+    rowKey: { default: "id" }
+  },
+  emits: ["sort", "row-click"],
+  setup(e, { emit: n }) {
+    const o = n, s = T({ key: "", order: null }), r = (h) => {
+      h.sortable && (s.value.key !== h.key ? (s.value.key = h.key, s.value.order = "asc") : s.value.order = s.value.order === "asc" ? "desc" : "asc", o("sort", { ...s.value }));
+    }, d = (h, p) => {
+      const w = h[p.key];
+      return p.formatter ? p.formatter(w, h) : w;
+    };
+    return (h, p) => (a(), i("div", {
+      class: S(["table", [
+        { striped: e.striped },
+        { bordered: e.bordered },
+        { hoverable: e.hoverable },
+        { loading: e.loading }
+      ]])
+    }, [
+      t("div", $a, [
+        t("table", null, [
+          t("thead", null, [
+            t("tr", null, [
+              (a(!0), i(N, null, F(e.columns, (w) => (a(), i("th", {
+                key: w.key,
+                style: fe({
+                  width: w.width,
+                  textAlign: w.align ?? "left"
+                }),
+                class: S({ sortable: w.sortable }),
+                onClick: (b) => r(w)
+              }, [
+                t("span", Ma, [
+                  I(h.$slots, `header-${w.key}`, { col: w }, () => [
+                    z(k(w.label), 1)
+                  ], !0),
+                  w.sortable ? (a(), i("span", Ba, [
+                    s.value.key !== w.key || s.value.order === null ? (a(), i("svg", Sa, [...p[0] || (p[0] = [
+                      t("path", { d: "M8 9l4-4 4 4" }, null, -1),
+                      t("path", { d: "M16 15l-4 4-4-4" }, null, -1)
+                    ])])) : s.value.order === "asc" ? (a(), i("svg", Da, [...p[1] || (p[1] = [
+                      t("path", { d: "M8 15l4-6 4 6" }, null, -1)
+                    ])])) : (a(), i("svg", Na, [...p[2] || (p[2] = [
+                      t("path", { d: "M8 9l4 6 4-6" }, null, -1)
+                    ])]))
+                  ])) : f("", !0)
+                ])
+              ], 14, Ca))), 128)),
+              h.$slots.actions ? (a(), i("th", Ta, [
+                I(h.$slots, "actions-header", {}, () => [
+                  p[3] || (p[3] = z("操作", -1))
+                ], !0)
+              ])) : f("", !0)
+            ])
+          ]),
+          t("tbody", null, [
+            !e.loading && e.rows.length > 0 ? (a(!0), i(N, { key: 0 }, F(e.rows, (w, b) => (a(), i("tr", {
+              key: w[e.rowKey] ?? b,
+              onClick: (g) => o("row-click", w)
+            }, [
+              (a(!0), i(N, null, F(e.columns, (g) => (a(), i("td", {
+                key: g.key,
+                style: fe({ textAlign: g.align ?? "left" })
+              }, [
+                I(h.$slots, `cell-${g.key}`, {
+                  value: d(w, g),
+                  row: w,
+                  index: b
+                }, () => [
+                  z(k(d(w, g)), 1)
+                ], !0)
+              ], 4))), 128)),
+              h.$slots.actions ? (a(), i("td", ja, [
+                I(h.$slots, "actions", {
+                  row: w,
+                  index: b
+                }, void 0, !0)
+              ])) : f("", !0)
+            ], 8, Va))), 128)) : !e.loading && e.rows.length === 0 ? (a(), i("tr", La, [
+              t("td", {
+                colspan: e.columns.length + (h.$slots.actions ? 1 : 0),
+                class: "empty-cell"
+              }, [
+                I(h.$slots, "empty", {}, () => [
+                  z(k(e.emptyText), 1)
+                ], !0)
+              ], 8, Ia)
+            ])) : e.loading ? (a(), i("tr", Aa, [
+              t("td", {
+                colspan: e.columns.length + (h.$slots.actions ? 1 : 0),
+                class: "loading-cell"
+              }, [
+                I(h.$slots, "loading", {}, () => [
+                  p[4] || (p[4] = t("span", { class: "loading-dots" }, [
+                    t("span"),
+                    t("span"),
+                    t("span")
+                  ], -1))
+                ], !0)
+              ], 8, Ea)
+            ])) : f("", !0)
+          ])
+        ])
+      ])
+    ], 2));
+  }
+}), Fa = /* @__PURE__ */ E(Ra, [["__scopeId", "data-v-e6e63613"]]), za = { class: "content-container" }, Oa = {
+  key: 0,
+  class: "toolbar"
+}, Ha = /* @__PURE__ */ A({
+  __name: "NList",
+  props: {
+    title: { default: "" },
+    items: { default: () => [] },
+    pageSize: { default: 10 },
+    filterable: { type: Boolean, default: !1 },
+    rowEditable: { type: Boolean, default: !1 },
+    rowDeletable: { type: Boolean, default: !1 },
+    creatable: { type: Boolean, default: !1 },
+    batchDeletable: { type: Boolean, default: !1 },
+    refreshable: { type: Boolean, default: !1 },
+    columns: { default: () => [] },
+    maxPageButtons: { default: 7 },
+    emptyTitle: { default: "目前沒有資料" },
+    emptyDescription: { default: "可以點擊上方的按鈕來新增資料或重新整理" },
+    emptyIcon: {}
+  },
+  emits: ["onRowEdit", "onRowDelete", "onPageChange", "onCreate", "onBatchDelete", "onRefresh", "onFilter", "row-click", "sort"],
+  setup(e, { emit: n }) {
+    const o = Kt(), s = n, r = T(/* @__PURE__ */ new Set()), d = M(() => Array.from(r.value)), h = (c) => r.value.has(c), p = M(() => e.items.length > 0 && e.items.length === r.value.size), w = M(() => e.batchDeletable ? [
+      {
+        key: "__select__",
+        label: "",
+        width: "40px"
+      },
+      ...e.columns
+    ] : e.columns);
+    function b(c) {
+      if (!e.batchDeletable)
+        return;
+      const m = c.id;
+      r.value.has(m) ? r.value.delete(m) : r.value.add(m);
+    }
+    function g() {
+      e.batchDeletable && (p.value ? e.items.forEach((c) => r.value.delete(c.id)) : e.items.forEach((c) => r.value.add(c.id)), r.value = new Set(r.value));
+    }
+    return (c, m) => (a(), i("div", za, [
+      D(Tt, {
+        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">
+                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
+                    <circle cx="12" cy="7" r="4"></circle>
+                </svg>`,
+        title: e.title
+      }, {
+        default: $(() => [
+          o.toolbar || e.refreshable || e.creatable || e.batchDeletable ? (a(), i("div", Oa, [
+            I(c.$slots, "toolbar", {}, void 0, !0),
+            e.refreshable ? (a(), L(B, {
+              key: 0,
+              variant: "outline",
+              onClick: m[0] || (m[0] = (C) => s("onRefresh"))
+            }, {
+              default: $(() => [...m[8] || (m[8] = [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  t("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+                  t("path", { d: "M21 3v5h-5" }),
+                  t("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+                  t("path", { d: "M8 16H3v5" })
+                ], -1),
+                z(" Refresh ", -1)
+              ])]),
+              _: 1
+            })) : f("", !0),
+            e.filterable ? (a(), L(B, {
+              key: 1,
+              variant: "outline",
+              onClick: m[1] || (m[1] = (C) => s("onFilter"))
+            }, {
+              default: $(() => [...m[9] || (m[9] = [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  t("path", { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" })
+                ], -1),
+                z(" Filters ", -1)
+              ])]),
+              _: 1
+            })) : f("", !0),
+            e.batchDeletable ? (a(), L(B, {
+              key: 2,
+              variant: "solid",
+              intent: "error",
+              disabled: d.value.length == 0,
+              onClick: m[2] || (m[2] = (C) => s("onBatchDelete", d.value))
+            }, {
+              default: $(() => [...m[10] || (m[10] = [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  t("path", { d: "M10 11v6" }),
+                  t("path", { d: "M14 11v6" }),
+                  t("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+                  t("path", { d: "M3 6h18" }),
+                  t("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                ], -1),
+                z(" Batch Delete ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])) : f("", !0),
+            e.creatable ? (a(), L(B, {
+              key: 3,
+              variant: "solid",
+              intent: "primary",
+              onClick: m[3] || (m[3] = (C) => s("onCreate"))
+            }, {
+              default: $(() => [...m[11] || (m[11] = [
+                t("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  t("path", { d: "M5 12h14" }),
+                  t("path", { d: "M12 5v14" })
+                ], -1),
+                z(" Add New ", -1)
+              ])]),
+              _: 1
+            })) : f("", !0)
+          ])) : f("", !0)
+        ]),
+        _: 3
+      }, 8, ["title"]),
+      D(Vt, {
+        size: "none",
+        radius: "xl"
+      }, {
+        default: $(() => [
+          D(Fa, {
+            columns: w.value,
+            rows: e.items,
+            hoverable: "",
+            striped: "",
+            "row-key": "id",
+            onRowClick: m[5] || (m[5] = (C) => {
+              b(C), s("row-click", C);
+            }),
+            onSort: m[6] || (m[6] = (C) => s("sort", C))
+          }, Wt({
+            empty: $(() => [
+              D(ga, {
+                title: e.emptyTitle,
+                description: e.emptyDescription,
+                icon: e.emptyIcon,
+                size: "md"
+              }, {
+                default: $(() => [
+                  o.empty ? I(c.$slots, "empty", { key: 0 }, void 0, !0) : f("", !0)
+                ]),
+                _: 3
+              }, 8, ["title", "description", "icon"])
+            ]),
+            _: 2
+          }, [
+            e.batchDeletable ? {
+              name: "header-__select__",
+              fn: $(() => [
+                D(ut, {
+                  "model-value": p.value,
+                  "onUpdate:modelValue": m[4] || (m[4] = () => g())
+                }, null, 8, ["model-value"])
+              ]),
+              key: "0"
+            } : void 0,
+            e.batchDeletable ? {
+              name: "cell-__select__",
+              fn: $(({ row: C }) => [
+                D(ut, {
+                  onClick: R((O) => b(C), ["stop"]),
+                  "model-value": h(C.id)
+                }, null, 8, ["onClick", "model-value"])
+              ]),
+              key: "1"
+            } : void 0,
+            e.rowEditable || e.rowDeletable || o.actions ? {
+              name: "actions",
+              fn: $(({ row: C, index: O }) => [
+                I(c.$slots, "actions", {
+                  row: C,
+                  index: O
+                }, () => [
+                  e.rowEditable ? (a(), L(B, {
+                    key: 0,
+                    variant: "outline",
+                    onClick: R(() => s("onRowEdit", C), ["stop"])
+                  }, {
+                    default: $(() => [...m[12] || (m[12] = [
+                      z(" 編輯 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])) : f("", !0),
+                  e.rowDeletable ? (a(), L(B, {
+                    key: 1,
+                    variant: "solid",
+                    intent: "error",
+                    onClick: R(() => s("onRowDelete", C), ["stop"])
+                  }, {
+                    default: $(() => [...m[13] || (m[13] = [
+                      z(" 刪除 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])) : f("", !0)
+                ], !0)
+              ]),
+              key: "2"
+            } : void 0,
+            o["actions-header"] ? {
+              name: "actions-header",
+              fn: $(() => [
+                I(c.$slots, "actions-header", {}, void 0, !0)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["columns", "rows"]),
+          e.items.length > 0 ? (a(), L(xa, {
+            key: 0,
+            totalItems: e.items.length,
+            pageSize: e.pageSize,
+            maxPageButtons: e.maxPageButtons,
+            onOnPageChange: m[7] || (m[7] = (C) => s("onPageChange", C))
+          }, null, 8, ["totalItems", "pageSize", "maxPageButtons"])) : f("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), mi = /* @__PURE__ */ E(Ha, [["__scopeId", "data-v-b5402ec0"]]);
+let Pa = 0;
+const Ee = Pe([]);
+function Ua() {
+  const e = function(s, r = {}) {
+    const d = ++Pa, h = r.duration ?? 4e3;
+    Ee.push({
+      id: d,
+      description: s,
+      status: r.status ?? "info",
+      title: r.title ?? "",
+      duration: h
+    }), h > 0 && setTimeout(() => n(d), h);
+  };
+  e.success = (o, s = {}) => e(o, { ...s, status: "success" }), e.danger = (o, s = {}) => e(o, { ...s, status: "danger" }), e.warning = (o, s = {}) => e(o, { ...s, status: "warning" }), e.info = (o, s = {}) => e(o, { ...s, status: "info" });
+  function n(o) {
+    const s = Ee.findIndex((r) => r.id === o);
+    s !== -1 && Ee.splice(s, 1);
+  }
+  return { toasts: Ee, toast: e, removeToast: n };
+}
+const Ya = { class: "icon-wrap" }, qa = ["innerHTML"], Ka = {
+  key: 0,
+  class: "arc-timer",
+  viewBox: "0 0 36 36",
+  width: "36",
+  height: "36",
+  "shape-rendering": "geometricPrecision"
+}, Wa = { class: "body" }, Za = {
+  key: 0,
+  class: "title"
+}, Ga = {
+  key: 1,
+  class: "description"
+}, Ja = /* @__PURE__ */ A({
+  __name: "NToast",
+  setup(e) {
+    const { toasts: n } = Ua(), o = {
+      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">
+        <path d="M20 6 9 17l-5-5"/>
+    </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">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m15 9-6 6"/>
+        <path d="m9 9 6 6"/>
+    </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">
+        <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>`,
+      info: `<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">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="M12 16v-4"/>
+        <path d="M12 8h.01"/>
+    </svg>`
+    };
+    return (s, r) => (a(), L(Re, { to: "body" }, [
+      D(Zt, {
+        name: "toast",
+        tag: "div",
+        class: "toast-wrapper"
+      }, {
+        default: $(() => [
+          (a(!0), i(N, null, F(ae(n), (d) => (a(), i("div", {
+            key: d.id,
+            class: S(["toast", [`${d.status}`]])
+          }, [
+            t("div", Ya, [
+              t("div", {
+                class: "icon",
+                innerHTML: o[d.status]
+              }, null, 8, qa),
+              d.duration > 0 ? (a(), i("svg", Ka, [
+                r[0] || (r[0] = t("circle", {
+                  class: "arc-track",
+                  cx: "18",
+                  cy: "18",
+                  r: "16"
+                }, null, -1)),
+                t("circle", {
+                  class: "arc-progress",
+                  cx: "18",
+                  cy: "18",
+                  r: "16",
+                  transform: "rotate(-90 18 18)",
+                  style: fe({
+                    animationDuration: `${d.duration}ms`
+                  })
+                }, null, 4)
+              ])) : f("", !0)
+            ]),
+            t("div", Wa, [
+              d.title ? (a(), i("p", Za, k(d.title), 1)) : f("", !0),
+              d.description ? (a(), i("p", Ga, k(d.description), 1)) : f("", !0)
+            ])
+          ], 2))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), wi = /* @__PURE__ */ E(Ja, [["__scopeId", "data-v-ecce7d4e"]]), Qa = {
+  key: 0,
+  class: "loading-wrapper"
+}, Xa = {
+  key: 0,
+  class: "overlay"
+}, _a = { class: "content" }, el = {
+  key: 0,
+  class: "title"
+}, tl = {
+  key: 0,
+  class: "loading-inline"
+}, nl = {
+  key: 0,
+  class: "title"
+}, ol = {
+  key: 0,
+  class: "title"
+}, al = /* @__PURE__ */ A({
+  __name: "NLoading",
+  props: {
+    loading: { type: Boolean, default: !0 },
+    title: { default: "" },
+    variant: { default: "spinner" },
+    overlay: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (n, o) => e.overlay ? (a(), i("div", Qa, [
+      I(n.$slots, "default", {}, void 0, !0),
+      D(he, { name: "fade" }, {
+        default: $(() => [
+          e.loading ? (a(), i("div", Xa, [
+            t("div", _a, [
+              o[0] || (o[0] = t("div", { class: "spinner" }, [
+                t("svg", { viewBox: "0 0 50 50" }, [
+                  t("circle", {
+                    cx: "25",
+                    cy: "25",
+                    r: "20",
+                    fill: "none",
+                    "stroke-width": "4"
+                  })
+                ])
+              ], -1)),
+              e.title ? (a(), i("p", el, k(e.title), 1)) : f("", !0)
+            ])
+          ])) : f("", !0)
+        ]),
+        _: 1
+      })
+    ])) : (a(), i(N, { key: 1 }, [
+      e.loading ? (a(), i("div", tl, [
+        e.variant === "spinner" ? (a(), i(N, { key: 0 }, [
+          o[1] || (o[1] = t("div", { class: "spinner" }, [
+            t("svg", { viewBox: "0 0 50 50" }, [
+              t("circle", {
+                cx: "25",
+                cy: "25",
+                r: "20",
+                fill: "none",
+                "stroke-width": "4"
+              })
+            ])
+          ], -1)),
+          e.title ? (a(), i("p", nl, k(e.title), 1)) : f("", !0)
+        ], 64)) : f("", !0),
+        e.variant === "dots" ? (a(), i(N, { key: 1 }, [
+          o[2] || (o[2] = t("div", { class: "dots" }, [
+            t("span"),
+            t("span"),
+            t("span")
+          ], -1)),
+          e.title ? (a(), i("p", ol, k(e.title), 1)) : f("", !0)
+        ], 64)) : f("", !0)
+      ])) : I(n.$slots, "default", { key: 1 }, void 0, !0)
+    ], 64));
+  }
+}), yi = /* @__PURE__ */ E(al, [["__scopeId", "data-v-b1c571f6"]]), ll = { class: "code" }, sl = {
+  key: 0,
+  class: "header"
+}, il = { class: "language-label" }, rl = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ul = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, dl = { class: "code-body" }, cl = {
+  key: 0,
+  class: "gutter"
+}, vl = ["textContent"], hl = /* @__PURE__ */ A({
+  __name: "NCode",
+  props: {
+    code: {},
+    language: { default: "" },
+    showLineNumbers: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const n = T(!1), o = M(() => e.code.trim().split(`
+`));
+    async function s() {
+      try {
+        await navigator.clipboard.writeText(e.code), n.value = !0, setTimeout(() => {
+          n.value = !1;
+        }, 2e3);
+      } catch {
+      }
+    }
+    return (r, d) => (a(), i("div", ll, [
+      (e.language, a(), i("div", sl, [
+        t("span", il, k(e.language || "code"), 1),
+        t("button", {
+          class: S(["copy-btn", { copied: n.value }]),
+          onClick: s
+        }, [
+          n.value ? (a(), i("svg", ul, [...d[1] || (d[1] = [
+            t("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+          ])])) : (a(), i("svg", rl, [...d[0] || (d[0] = [
+            t("rect", {
+              x: "9",
+              y: "9",
+              width: "13",
+              height: "13",
+              rx: "2",
+              ry: "2"
+            }, null, -1),
+            t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
+          ])])),
+          t("span", null, k(n.value ? "Copied!" : "Copy"), 1)
+        ], 2)
+      ])),
+      t("div", dl, [
+        e.showLineNumbers ? (a(), i("div", cl, [
+          (a(!0), i(N, null, F(o.value, (h, p) => (a(), i("span", {
+            key: p,
+            class: "line-number"
+          }, k(p + 1), 1))), 128))
+        ])) : f("", !0),
+        t("pre", {
+          class: "code-content",
+          textContent: k(e.code.trim())
+        }, null, 8, vl)
+      ])
+    ]));
+  }
+}), ki = /* @__PURE__ */ E(hl, [["__scopeId", "data-v-6fed5425"]]), fl = {
+  key: 0,
+  class: "label"
+}, gl = /* @__PURE__ */ A({
+  __name: "NSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    label: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const o = e, s = n, r = M(() => o.modelValue), d = () => {
+      if (o.disabled) return;
+      const h = !o.modelValue;
+      s("update:modelValue", h), s("change", h);
+    };
+    return (h, p) => (a(), i("div", {
+      class: S(["switch", [
+        `size-${e.size}`,
+        { checked: r.value },
+        { disabled: e.disabled }
+      ]]),
+      onClick: d
+    }, [
+      p[0] || (p[0] = t("div", { class: "inner" }, [
+        t("div", { class: "handle" })
+      ], -1)),
+      e.label ? (a(), i("span", fl, k(e.label), 1)) : f("", !0)
+    ], 2));
+  }
+}), pi = /* @__PURE__ */ E(gl, [["__scopeId", "data-v-ba9c30d4"]]), ml = /* @__PURE__ */ A({
+  __name: "NTag",
+  props: {
+    intent: { default: "none" },
+    variant: { default: "light" },
+    size: { default: "md" },
+    closable: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: n }) {
+    const o = n, s = (r) => {
+      r.stopPropagation(), o("close");
+    };
+    return (r, d) => (a(), i("span", {
+      class: S(["tag", [
+        `intent-${e.intent}`,
+        `variant-${e.variant}`,
+        `size-${e.size}`,
+        { round: e.round }
+      ]])
+    }, [
+      I(r.$slots, "default", {}, void 0, !0),
+      e.closable ? (a(), i("button", {
+        key: 0,
+        type: "button",
+        class: "close",
+        onClick: s
+      }, [...d[0] || (d[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          t("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          t("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])) : f("", !0)
+    ], 2));
+  }
+}), bi = /* @__PURE__ */ E(ml, [["__scopeId", "data-v-77d4f175"]]), wl = {
+  key: 0,
+  class: "label"
+}, yl = {
+  key: 0,
+  class: "picker-dropdown"
+}, kl = { class: "picker-header" }, pl = { class: "header-nav" }, bl = { class: "header-nav" }, xl = { class: "picker-body" }, $l = { class: "weekday-grid" }, Cl = { class: "day-grid" }, Ml = {
+  key: 1,
+  class: "year-grid"
+}, Bl = {
+  key: 0,
+  class: "time-section"
+}, Sl = { class: "time-sliders" }, Dl = {
+  key: 0,
+  class: "time-row"
+}, Nl = ["value"], Tl = { class: "time-val" }, Vl = {
+  key: 1,
+  class: "time-row"
+}, jl = ["value"], Ll = { class: "time-val" }, Il = { class: "mobile-sheet" }, Al = { class: "picker-header" }, El = { class: "header-nav" }, Rl = { class: "header-nav" }, Fl = { class: "picker-body" }, zl = { class: "weekday-grid" }, Ol = { class: "day-grid" }, Hl = {
+  key: 1,
+  class: "year-grid"
+}, Pl = {
+  key: 0,
+  class: "time-section"
+}, Ul = { class: "time-sliders" }, Yl = {
+  key: 0,
+  class: "time-row"
+}, ql = ["value"], Kl = { class: "time-val" }, Wl = {
+  key: 1,
+  class: "time-row"
+}, Zl = ["value"], Gl = { class: "time-val" }, Jl = { class: "range-modal" }, Ql = { class: "range-body" }, Xl = {
+  key: 0,
+  class: "range-sep"
+}, _l = { class: "range-cal" }, es = { class: "picker-header" }, ts = { class: "header-nav" }, ns = {
+  key: 1,
+  class: "header-nav-placeholder"
+}, os = { class: "header-title no-click" }, as = { class: "header-nav" }, ls = {
+  key: 1,
+  class: "header-nav-placeholder"
+}, ss = { class: "weekday-grid" }, is = { class: "day-grid range-day-grid" }, rs = ["onClick", "onMouseenter"], us = { class: "range-footer" }, ds = { class: "range-display" }, cs = { class: "mobile-sheet" }, vs = {
+  class: "picker-header",
+  style: { "margin-top": "8px" }
+}, hs = { class: "header-nav" }, fs = { class: "header-title no-click" }, gs = { class: "header-nav" }, ms = { class: "weekday-grid" }, ws = { class: "day-grid range-day-grid" }, ys = ["onClick"], ks = { class: "range-footer" }, ps = { class: "range-display" }, bs = /* @__PURE__ */ A({
+  __name: "NDatePicker",
+  props: {
+    modelValue: { default: "" },
+    start: { default: "" },
+    end: { default: "" },
+    placeholder: { default: "請選擇日期" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    title: { default: "" },
+    format: { default: "YYYY-MM-DD" },
+    range: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "clear", "update:start", "update:end"],
+  setup(e, { emit: n }) {
+    const o = n;
+    function s(u, l, v, j, U) {
+      return e.format.replace("YYYY", String(u)).replace("MM", String(l + 1).padStart(2, "0")).replace("DD", String(v).padStart(2, "0")).replace("HH", String(j).padStart(2, "0")).replace("mm", String(U).padStart(2, "0"));
+    }
+    function r(u) {
+      if (!u)
+        return null;
+      const l = [], v = e.format.replace(/YYYY|MM|DD|HH|mm/g, (H) => H === "YYYY" ? (l.push("year"), "(\\d{4})") : H === "MM" ? (l.push("month"), "(\\d{1,2})") : H === "DD" ? (l.push("day"), "(\\d{1,2})") : H === "HH" ? (l.push("hour"), "(\\d{1,2})") : (l.push("min"), "(\\d{1,2})")), j = String(u).match(new RegExp(v));
+      if (!j)
+        return null;
+      const U = {
+        year: (/* @__PURE__ */ new Date()).getFullYear(),
+        month: 0,
+        day: 1,
+        hour: 0,
+        min: 0
+      };
+      return l.forEach((H, we) => {
+        const ye = parseInt(j[we + 1] ?? "0");
+        H === "month" ? U[H] = ye - 1 : U[H] = ye;
+      }), U;
+    }
+    const d = M(() => e.format.includes("HH")), h = M(() => e.format.includes("mm")), p = M(() => d.value || h.value), w = T(!1), b = T(null), g = T(typeof window < "u" && window.innerWidth < 768);
+    let c = null;
+    function m() {
+      c && clearTimeout(c), c = setTimeout(() => {
+        g.value = window.innerWidth < 768;
+      }, 150);
+    }
+    const C = [
+      "一月",
+      "二月",
+      "三月",
+      "四月",
+      "五月",
+      "六月",
+      "七月",
+      "八月",
+      "九月",
+      "十月",
+      "十一月",
+      "十二月"
+    ], O = ["日", "一", "二", "三", "四", "五", "六"], Z = /* @__PURE__ */ new Date(), J = Z.getFullYear(), G = Z.getMonth(), x = Z.getDate();
+    function y(u, l) {
+      const v = new Date(u, l, 1).getDay(), j = new Date(u, l + 1, 0).getDate(), U = new Date(u, l, 0).getDate(), H = [];
+      for (let oe = v - 1; oe >= 0; oe--) {
+        const Ht = l === 0 ? 11 : l - 1, Pt = l === 0 ? u - 1 : u;
+        H.push({
+          year: Pt,
+          month: Ht,
+          day: U - oe,
+          isCurrentMonth: !1
+        });
+      }
+      for (let oe = 1; oe <= j; oe++)
+        H.push({ year: u, month: l, day: oe, isCurrentMonth: !0 });
+      const we = l === 11 ? 0 : l + 1, ye = l === 11 ? u + 1 : u;
+      for (let oe = 1; H.length < 42; oe++)
+        H.push({ year: ye, month: we, day: oe, isCurrentMonth: !1 });
+      return H;
+    }
+    function V(u, l) {
+      return u.year !== l.year ? u.year - l.year : u.month !== l.month ? u.month - l.month : u.day - l.day;
+    }
+    function Y(u) {
+      return String(u).padStart(2, "0");
+    }
+    const q = T("date"), re = T(/* @__PURE__ */ new Date()), X = T(null), _ = T(0), ee = T(0);
+    let Me = null, Be = null;
+    const te = M(() => re.value.getFullYear()), ge = M(() => re.value.getMonth()), ze = T(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), ue = M(() => {
+      const u = [];
+      for (let l = 0; l < 12; l++) u.push(ze.value + l);
+      return u;
+    });
+    He(
+      te,
+      (u) => {
+        ze.value = Math.floor(u / 12) * 12;
+      },
+      { immediate: !0 }
+    ), He(
+      () => e.modelValue,
+      (u) => {
+        if (!u)
+          return;
+        const l = r(String(u));
+        l && (re.value = new Date(l.year, l.month, 1));
+      },
+      { immediate: !0 }
+    );
+    const Ke = M(
+      () => y(te.value, ge.value)
+    ), We = M(() => {
+      if (!e.modelValue)
+        return "";
+      const u = r(String(e.modelValue));
+      return u ? s(
+        u.year,
+        u.month,
+        u.day,
+        u.hour,
+        u.min
+      ) : "";
+    }), Ze = M(() => e.range ? e.start && e.end ? `${e.start} → ${e.end}` : e.start ? `${e.start} → ...` : "" : We.value);
+    function jt() {
+      const u = r(String(e.modelValue));
+      u ? (re.value = new Date(u.year, u.month, 1), _.value = u.hour, ee.value = u.min, X.value = p.value ? {
+        year: u.year,
+        month: u.month,
+        day: u.day,
+        isCurrentMonth: !0
+      } : null) : (_.value = 0, ee.value = 0, X.value = null), q.value = "date";
+    }
+    function Lt(u) {
+      if (!e.modelValue) return !1;
+      const l = r(String(e.modelValue));
+      return l ? l.year === u.year && l.month === u.month && l.day === u.day : !1;
+    }
+    function Se(u) {
+      return J === u.year && G === u.month && x === u.day;
+    }
+    function De(u) {
+      return p.value ? X.value !== null && X.value.year === u.year && X.value.month === u.month && X.value.day === u.day : Lt(u);
+    }
+    function Oe(u) {
+      const l = s(
+        u.year,
+        u.month,
+        u.day,
+        _.value,
+        ee.value
+      );
+      o("update:modelValue", l), o("change", l);
+    }
+    function Ge(u) {
+      if (p.value)
+        X.value = { ...u }, re.value = new Date(u.year, u.month, 1), Oe(u);
+      else {
+        const l = s(u.year, u.month, u.day, 0, 0);
+        o("update:modelValue", l), o("change", l), me();
+      }
+    }
+    function Je(u) {
+      re.value = new Date(u, ge.value, 1), q.value = "date";
+    }
+    function Ne(u) {
+      re.value = new Date(
+        te.value,
+        ge.value + u,
+        1
+      );
+    }
+    function Te(u) {
+      q.value === "year" ? ze.value += u * 12 : re.value = new Date(
+        te.value + u,
+        ge.value,
+        1
+      );
+    }
+    function Qe(u, l) {
+      u === "H" ? _.value = Math.max(0, Math.min(23, _.value + l)) : ee.value = Math.max(0, Math.min(59, ee.value + l)), X.value && Oe(X.value);
+    }
+    function de(u, l) {
+      Qe(u, l), Me = setTimeout(() => {
+        Be = setInterval(() => Qe(u, l), 100);
+      }, 300);
+    }
+    function K() {
+      Me && (clearTimeout(Me), Me = null), Be && (clearInterval(Be), Be = null);
+    }
+    function Ve(u, l) {
+      const v = parseInt(u.target.value);
+      l === "H" ? _.value = v : ee.value = v, X.value && Oe(X.value);
+    }
+    const ce = T(J), Q = T(G), P = T(null), le = T(null), se = T(null), ne = T(null), Xe = M(
+      () => !!le.value && !!se.value
+    ), _e = M(
+      () => Q.value === 11 ? ce.value + 1 : ce.value
+    ), et = M(
+      () => Q.value === 11 ? 0 : Q.value + 1
+    ), tt = M(
+      () => y(ce.value, Q.value)
+    ), It = M(
+      () => y(_e.value, et.value)
+    ), At = M(() => [
+      {
+        year: ce.value,
+        month: Q.value,
+        days: tt.value,
+        isLeft: !0
+      },
+      {
+        year: _e.value,
+        month: et.value,
+        days: It.value,
+        isLeft: !1
+      }
+    ]);
+    function je(u) {
+      const l = r(u);
+      return l ? { year: l.year, month: l.month, day: l.day, isCurrentMonth: !0 } : null;
+    }
+    const Et = M(() => P.value && ne.value ? V(P.value, ne.value) <= 0 ? P.value : ne.value : le.value ?? je(e.start)), Rt = M(() => P.value && ne.value ? V(P.value, ne.value) <= 0 ? ne.value : P.value : se.value ?? je(e.end)), Le = M(() => {
+      if (P.value) {
+        const u = P.value;
+        return `${u.year}-${Y(u.month + 1)}-${Y(u.day)}`;
+      }
+      if (le.value) {
+        const u = le.value;
+        return `${u.year}-${Y(u.month + 1)}-${Y(u.day)}`;
+      }
+      return e.start;
+    }), Ie = M(() => {
+      if (P.value) return "";
+      if (se.value) {
+        const u = se.value;
+        return `${u.year}-${Y(u.month + 1)}-${Y(u.day)}`;
+      }
+      return e.end;
+    });
+    function Ft() {
+      const u = r(e.start) ?? {
+        year: J,
+        month: G
+      };
+      ce.value = u.year, Q.value = u.month, le.value = je(e.start), se.value = je(e.end), P.value = null, ne.value = null;
+    }
+    function nt() {
+      Q.value === 0 ? (ce.value--, Q.value = 11) : Q.value--;
+    }
+    function ot() {
+      Q.value === 11 ? (ce.value++, Q.value = 0) : Q.value++;
+    }
+    function at(u) {
+      if (!P.value)
+        P.value = { ...u }, le.value = null, se.value = null;
+      else {
+        const l = P.value, [v, j] = V(l, u) <= 0 ? [l, u] : [u, l];
+        le.value = v, se.value = j, P.value = null, ne.value = null;
+      }
+    }
+    function lt(u) {
+      const l = u.year === J && u.month === G && u.day === x, v = P.value && u.year === P.value.year && u.month === P.value.month && u.day === P.value.day, j = Et.value, U = Rt.value, H = j && u.year === j.year && u.month === j.month && u.day === j.day, we = U && u.year === U.year && u.month === U.month && u.day === U.day, ye = j && U && V(u, j) > 0 && V(u, U) < 0;
+      return {
+        "is-other-month": !u.isCurrentMonth,
+        "is-today": l && !H && !we,
+        "is-range-start": !!H,
+        "is-range-end": !!we,
+        "is-in-range": !!ye,
+        "is-pending": !!v && !H
+      };
+    }
+    function st() {
+      if (!le.value || !se.value) return;
+      const u = le.value, l = se.value;
+      o("update:start", `${u.year}-${Y(u.month + 1)}-${Y(u.day)}`), o("update:end", `${l.year}-${Y(l.month + 1)}-${Y(l.day)}`), me();
+    }
+    function zt() {
+      e.disabled || (w.value || (e.range ? Ft() : jt()), w.value = !w.value);
+    }
+    function me() {
+      w.value = !1, P.value = null, ne.value = null;
+    }
+    function it() {
+      q.value = q.value === "date" ? "year" : "date";
+    }
+    const rt = (u) => {
+      const l = u.target;
+      b.value?.contains(l) || g.value || me();
+    };
+    Ce(() => {
+      document.addEventListener("mousedown", rt), window.addEventListener("resize", m);
+    }), wt(() => {
+      document.removeEventListener("mousedown", rt), window.removeEventListener("resize", m), c && clearTimeout(c), K();
+    });
+    const Ot = (u) => {
+      u.stopPropagation(), o("update:modelValue", ""), o("change", ""), o("clear");
+    };
+    return (u, l) => (a(), i("div", {
+      ref_key: "containerRef",
+      ref: b,
+      class: "datepicker"
+    }, [
+      e.title ? (a(), i("label", wl, k(e.title), 1)) : f("", !0),
+      t("div", {
+        class: S(["date-picker", { open: w.value && !e.range && !g.value, disabled: e.disabled }])
+      }, [
+        t("div", {
+          class: "picker-trigger",
+          onClick: zt
+        }, [
+          t("span", {
+            class: S(["text", { placeholder: !Ze.value }])
+          }, k(Ze.value || e.placeholder), 3),
+          e.clearable && We.value && !e.range ? (a(), L(B, {
+            key: 0,
+            variant: "ghost",
+            square: "",
+            class: "clear",
+            onClick: Ot
+          }, {
+            default: $(() => [...l[20] || (l[20] = [
+              t("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "M18 6 6 18" }),
+                t("path", { d: "m6 6 12 12" })
+              ], -1)
+            ])]),
+            _: 1
+          })) : f("", !0)
+        ]),
+        D(he, { name: "fade" }, {
+          default: $(() => [
+            w.value && !e.range && !g.value ? (a(), i("div", yl, [
+              t("div", kl, [
+                t("div", pl, [
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[0] || (l[0] = (v) => Te(-1))
+                  }, {
+                    default: $(() => [...l[21] || (l[21] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m11 17-5-5 5-5" }),
+                        t("path", { d: "m18 17-5-5 5-5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  }),
+                  q.value === "date" ? (a(), L(B, {
+                    key: 0,
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[1] || (l[1] = (v) => Ne(-1))
+                  }, {
+                    default: $(() => [...l[22] || (l[22] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m15 18-6-6 6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })) : f("", !0)
+                ]),
+                t("div", {
+                  class: "header-title",
+                  onClick: it
+                }, [
+                  q.value === "date" ? (a(), i(N, { key: 0 }, [
+                    z(k(C[ge.value]) + " " + k(te.value), 1)
+                  ], 64)) : (a(), i(N, { key: 1 }, [
+                    z(k(ue.value[0]) + " - " + k(ue.value[ue.value.length - 1]), 1)
+                  ], 64))
+                ]),
+                t("div", bl, [
+                  q.value === "date" ? (a(), L(B, {
+                    key: 0,
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[2] || (l[2] = (v) => Ne(1))
+                  }, {
+                    default: $(() => [...l[23] || (l[23] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m9 18 6-6-6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })) : f("", !0),
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[3] || (l[3] = (v) => Te(1))
+                  }, {
+                    default: $(() => [...l[24] || (l[24] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m6 17 5-5-5-5" }),
+                        t("path", { d: "m13 17 5-5-5-5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              t("div", xl, [
+                q.value === "date" ? (a(), i(N, { key: 0 }, [
+                  t("div", $l, [
+                    (a(), i(N, null, F(O, (v) => t("span", {
+                      key: v,
+                      class: "weekday"
+                    }, k(v), 1)), 64))
+                  ]),
+                  t("div", Cl, [
+                    (a(!0), i(N, null, F(Ke.value, (v, j) => (a(), L(B, {
+                      key: j,
+                      variant: De(v) ? "solid" : Se(v) ? "mute" : "ghost",
+                      intent: De(v) || Se(v) ? "primary" : "none",
+                      class: S(["day-cell", {
+                        "is-not-current": !v.isCurrentMonth
+                      }]),
+                      padding: "0",
+                      onClick: (U) => Ge(v)
+                    }, {
+                      default: $(() => [
+                        z(k(v.day), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["variant", "intent", "class", "onClick"]))), 128))
+                  ])
+                ], 64)) : (a(), i("div", Ml, [
+                  (a(!0), i(N, null, F(ue.value, (v) => (a(), L(B, {
+                    key: v,
+                    variant: v === te.value ? "solid" : "ghost",
+                    intent: v === te.value ? "primary" : "none",
+                    class: "year-cell",
+                    onClick: (j) => Je(v)
+                  }, {
+                    default: $(() => [
+                      z(k(v), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variant", "intent", "onClick"]))), 128))
+                ]))
+              ]),
+              p.value && q.value === "date" ? (a(), i("div", Bl, [
+                t("div", Sl, [
+                  d.value ? (a(), i("div", Dl, [
+                    l[27] || (l[27] = t("span", { class: "time-label" }, "時", -1)),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[4] || (l[4] = R((v) => de("H", -1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[25] || (l[25] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m15 18-6-6 6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("input", {
+                      class: "time-range",
+                      type: "range",
+                      min: "0",
+                      max: "23",
+                      value: _.value,
+                      onInput: l[5] || (l[5] = (v) => Ve(v, "H"))
+                    }, null, 40, Nl),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[6] || (l[6] = R((v) => de("H", 1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[26] || (l[26] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m9 18 6-6-6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("span", Tl, k(Y(_.value)), 1)
+                  ])) : f("", !0),
+                  h.value ? (a(), i("div", Vl, [
+                    l[30] || (l[30] = t("span", { class: "time-label" }, "分", -1)),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[7] || (l[7] = R((v) => de("m", -1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[28] || (l[28] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m15 18-6-6 6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("input", {
+                      class: "time-range",
+                      type: "range",
+                      min: "0",
+                      max: "59",
+                      value: ee.value,
+                      onInput: l[8] || (l[8] = (v) => Ve(v, "m"))
+                    }, null, 40, jl),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[9] || (l[9] = R((v) => de("m", 1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[29] || (l[29] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m9 18 6-6-6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("span", Ll, k(Y(ee.value)), 1)
+                  ])) : f("", !0)
+                ])
+              ])) : f("", !0)
+            ])) : f("", !0)
+          ]),
+          _: 1
+        })
+      ], 2),
+      D(he, { name: "sheet-slide" }, {
+        default: $(() => [
+          w.value && !e.range && g.value ? (a(), i("div", {
+            key: 0,
+            class: "mobile-overlay",
+            onClick: R(me, ["self"])
+          }, [
+            t("div", Il, [
+              l[41] || (l[41] = t("div", { class: "sheet-handle" }, null, -1)),
+              t("div", Al, [
+                t("div", El, [
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[10] || (l[10] = (v) => Te(-1))
+                  }, {
+                    default: $(() => [...l[31] || (l[31] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m11 17-5-5 5-5" }),
+                        t("path", { d: "m18 17-5-5 5-5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  }),
+                  q.value === "date" ? (a(), L(B, {
+                    key: 0,
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[11] || (l[11] = (v) => Ne(-1))
+                  }, {
+                    default: $(() => [...l[32] || (l[32] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m15 18-6-6 6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })) : f("", !0)
+                ]),
+                t("div", {
+                  class: "header-title",
+                  onClick: it
+                }, [
+                  q.value === "date" ? (a(), i(N, { key: 0 }, [
+                    z(k(C[ge.value]) + " " + k(te.value), 1)
+                  ], 64)) : (a(), i(N, { key: 1 }, [
+                    z(k(ue.value[0]) + " - " + k(ue.value[ue.value.length - 1]), 1)
+                  ], 64))
+                ]),
+                t("div", Rl, [
+                  q.value === "date" ? (a(), L(B, {
+                    key: 0,
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[12] || (l[12] = (v) => Ne(1))
+                  }, {
+                    default: $(() => [...l[33] || (l[33] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m9 18 6-6-6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })) : f("", !0),
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: l[13] || (l[13] = (v) => Te(1))
+                  }, {
+                    default: $(() => [...l[34] || (l[34] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m6 17 5-5-5-5" }),
+                        t("path", { d: "m13 17 5-5-5-5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              t("div", Fl, [
+                q.value === "date" ? (a(), i(N, { key: 0 }, [
+                  t("div", zl, [
+                    (a(), i(N, null, F(O, (v) => t("span", {
+                      key: v,
+                      class: "weekday"
+                    }, k(v), 1)), 64))
+                  ]),
+                  t("div", Ol, [
+                    (a(!0), i(N, null, F(Ke.value, (v, j) => (a(), L(B, {
+                      key: j,
+                      variant: De(v) ? "solid" : Se(v) ? "mute" : "ghost",
+                      intent: De(v) || Se(v) ? "primary" : "none",
+                      class: S(["day-cell", {
+                        "is-not-current": !v.isCurrentMonth
+                      }]),
+                      padding: "0",
+                      onClick: (U) => Ge(v)
+                    }, {
+                      default: $(() => [
+                        z(k(v.day), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["variant", "intent", "class", "onClick"]))), 128))
+                  ])
+                ], 64)) : (a(), i("div", Hl, [
+                  (a(!0), i(N, null, F(ue.value, (v) => (a(), L(B, {
+                    key: v,
+                    variant: v === te.value ? "solid" : "ghost",
+                    intent: v === te.value ? "primary" : "none",
+                    class: "year-cell",
+                    onClick: (j) => Je(v)
+                  }, {
+                    default: $(() => [
+                      z(k(v), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variant", "intent", "onClick"]))), 128))
+                ]))
+              ]),
+              p.value && q.value === "date" ? (a(), i("div", Pl, [
+                t("div", Ul, [
+                  d.value ? (a(), i("div", Yl, [
+                    l[37] || (l[37] = t("span", { class: "time-label" }, "時", -1)),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[14] || (l[14] = R((v) => de("H", -1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[35] || (l[35] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m15 18-6-6 6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("input", {
+                      class: "time-range",
+                      type: "range",
+                      min: "0",
+                      max: "23",
+                      value: _.value,
+                      onInput: l[15] || (l[15] = (v) => Ve(v, "H"))
+                    }, null, 40, ql),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[16] || (l[16] = R((v) => de("H", 1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[36] || (l[36] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m9 18 6-6-6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("span", Kl, k(Y(_.value)), 1)
+                  ])) : f("", !0),
+                  h.value ? (a(), i("div", Wl, [
+                    l[40] || (l[40] = t("span", { class: "time-label" }, "分", -1)),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[17] || (l[17] = R((v) => de("m", -1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[38] || (l[38] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m15 18-6-6 6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("input", {
+                      class: "time-range",
+                      type: "range",
+                      min: "0",
+                      max: "59",
+                      value: ee.value,
+                      onInput: l[18] || (l[18] = (v) => Ve(v, "m"))
+                    }, null, 40, Zl),
+                    D(B, {
+                      variant: "ghost",
+                      square: "",
+                      size: "sm",
+                      class: "time-step",
+                      onMousedown: l[19] || (l[19] = R((v) => de("m", 1), ["prevent"])),
+                      onMouseup: K,
+                      onMouseleave: K
+                    }, {
+                      default: $(() => [...l[39] || (l[39] = [
+                        t("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, [
+                          t("path", { d: "m9 18 6-6-6-6" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t("span", Gl, k(Y(ee.value)), 1)
+                  ])) : f("", !0)
+                ])
+              ])) : f("", !0)
+            ])
+          ])) : f("", !0)
+        ]),
+        _: 1
+      }),
+      D(he, { name: "overlay-fade" }, {
+        default: $(() => [
+          w.value && e.range && !g.value ? (a(), i("div", {
+            key: 0,
+            class: "range-overlay",
+            onClick: R(me, ["self"])
+          }, [
+            t("div", Jl, [
+              l[46] || (l[46] = t("p", { class: "range-modal-title" }, "選擇日期範圍", -1)),
+              t("div", Ql, [
+                (a(!0), i(N, null, F(At.value, (v) => (a(), i(N, {
+                  key: v.isLeft ? "left" : "right"
+                }, [
+                  v.isLeft ? f("", !0) : (a(), i("div", Xl)),
+                  t("div", _l, [
+                    t("div", es, [
+                      t("div", ts, [
+                        v.isLeft ? (a(), L(B, {
+                          key: 0,
+                          variant: "ghost",
+                          square: "",
+                          onClick: nt
+                        }, {
+                          default: $(() => [...l[42] || (l[42] = [
+                            t("svg", {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "16",
+                              height: "16",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round"
+                            }, [
+                              t("path", { d: "m15 18-6-6 6-6" })
+                            ], -1)
+                          ])]),
+                          _: 1
+                        })) : (a(), i("div", ns))
+                      ]),
+                      t("div", os, k(C[v.month]) + " " + k(v.year), 1),
+                      t("div", as, [
+                        v.isLeft ? (a(), i("div", ls)) : (a(), L(B, {
+                          key: 0,
+                          variant: "ghost",
+                          square: "",
+                          onClick: ot
+                        }, {
+                          default: $(() => [...l[43] || (l[43] = [
+                            t("svg", {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "16",
+                              height: "16",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round"
+                            }, [
+                              t("path", { d: "m9 18 6-6-6-6" })
+                            ], -1)
+                          ])]),
+                          _: 1
+                        }))
+                      ])
+                    ]),
+                    t("div", ss, [
+                      (a(), i(N, null, F(O, (j) => t("span", {
+                        key: j,
+                        class: "weekday"
+                      }, k(j), 1)), 64))
+                    ]),
+                    t("div", is, [
+                      (a(!0), i(N, null, F(v.days, (j, U) => (a(), i("div", {
+                        key: U,
+                        class: S(["range-day", lt(j)]),
+                        onClick: (H) => at(j),
+                        onMouseenter: (H) => ne.value = j
+                      }, k(j.day), 43, rs))), 128))
+                    ])
+                  ])
+                ], 64))), 128))
+              ]),
+              t("div", us, [
+                t("div", ds, [
+                  t("span", {
+                    class: S([
+                      "range-val",
+                      { "is-empty": !Le.value }
+                    ])
+                  }, k(Le.value || "開始日期"), 3),
+                  l[44] || (l[44] = t("span", { class: "range-arrow" }, "→", -1)),
+                  t("span", {
+                    class: S([
+                      "range-val",
+                      { "is-empty": !Ie.value }
+                    ])
+                  }, k(Ie.value || "結束日期"), 3)
+                ]),
+                D(B, {
+                  variant: "solid",
+                  intent: "primary",
+                  class: "confirm-btn",
+                  disabled: !Xe.value,
+                  onClick: R(st, ["stop"])
+                }, {
+                  default: $(() => [...l[45] || (l[45] = [
+                    z("確認", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ])) : f("", !0)
+        ]),
+        _: 1
+      }),
+      D(he, { name: "sheet-slide" }, {
+        default: $(() => [
+          w.value && e.range && g.value ? (a(), i("div", {
+            key: 0,
+            class: "mobile-overlay",
+            onClick: R(me, ["self"])
+          }, [
+            t("div", cs, [
+              l[51] || (l[51] = t("div", { class: "sheet-handle" }, null, -1)),
+              l[52] || (l[52] = t("p", { class: "range-modal-title" }, "選擇日期範圍", -1)),
+              t("div", vs, [
+                t("div", hs, [
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: nt
+                  }, {
+                    default: $(() => [...l[47] || (l[47] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m15 18-6-6 6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                t("div", fs, k(C[Q.value]) + " " + k(ce.value), 1),
+                t("div", gs, [
+                  D(B, {
+                    variant: "ghost",
+                    square: "",
+                    onClick: ot
+                  }, {
+                    default: $(() => [...l[48] || (l[48] = [
+                      t("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        t("path", { d: "m9 18 6-6-6-6" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              t("div", ms, [
+                (a(), i(N, null, F(O, (v) => t("span", {
+                  key: v,
+                  class: "weekday"
+                }, k(v), 1)), 64))
+              ]),
+              t("div", ws, [
+                (a(!0), i(N, null, F(tt.value, (v, j) => (a(), i("div", {
+                  key: j,
+                  class: S(["range-day", lt(v)]),
+                  onClick: (U) => at(v)
+                }, k(v.day), 11, ys))), 128))
+              ]),
+              t("div", ks, [
+                t("div", ps, [
+                  t("span", {
+                    class: S([
+                      "range-val",
+                      { "is-empty": !Le.value }
+                    ])
+                  }, k(Le.value || "開始日期"), 3),
+                  l[49] || (l[49] = t("span", { class: "range-arrow" }, "→", -1)),
+                  t("span", {
+                    class: S([
+                      "range-val",
+                      { "is-empty": !Ie.value }
+                    ])
+                  }, k(Ie.value || "結束日期"), 3)
+                ]),
+                D(B, {
+                  variant: "solid",
+                  intent: "primary",
+                  class: "confirm-btn",
+                  disabled: !Xe.value,
+                  onClick: R(st, ["stop"])
+                }, {
+                  default: $(() => [...l[50] || (l[50] = [
+                    z("確認", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ])) : f("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), xi = /* @__PURE__ */ E(bs, [["__scopeId", "data-v-1511ddb7"]]), xs = /* @__PURE__ */ A({
+  __name: "NTooltip",
+  props: {
+    content: { default: "" },
+    position: { default: "top" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = T(!1);
+    let o = null;
+    const s = () => {
+      e.disabled || (o && (clearTimeout(o), o = null), n.value = !0);
+    }, r = () => {
+      e.disabled || (o = setTimeout(() => {
+        n.value = !1;
+      }, 100));
+    };
+    return (d, h) => (a(), i("div", {
+      class: "tooltip",
+      onMouseenter: s,
+      onMouseleave: r,
+      onFocusin: s,
+      onFocusout: r
+    }, [
+      I(d.$slots, "default", {}, void 0, !0),
+      D(he, { name: "fade" }, {
+        default: $(() => [
+          n.value ? (a(), i("div", {
+            key: 0,
+            class: S(["content", [e.position]]),
+            role: "tooltip",
+            onMouseenter: s,
+            onMouseleave: r
+          }, [
+            I(d.$slots, "content", {}, () => [
+              z(k(e.content), 1)
+            ], !0),
+            t("div", {
+              class: S(["arrow", [e.position]])
+            }, null, 2)
+          ], 34)) : f("", !0)
+        ]),
+        _: 3
+      })
+    ], 32));
+  }
+}), $i = /* @__PURE__ */ E(xs, [["__scopeId", "data-v-7a53ca0a"]]), $s = { class: "modal-header" }, Cs = { class: "modal-title" }, Ms = { class: "modal-content" }, Bs = {
+  key: 0,
+  class: "modal-footer"
+}, Ss = /* @__PURE__ */ A({
+  __name: "NModal",
+  props: {
+    show: { type: Boolean, default: !1 },
+    title: { default: "" },
+    width: { default: "500px" },
+    closeOnClickOverlay: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    zIndex: { default: 1e3 }
+  },
+  emits: ["update:show", "close", "open"],
+  setup(e, { emit: n }) {
+    const o = n, s = () => {
+      o("update:show", !1), o("close");
+    }, r = () => {
+      e.closeOnClickOverlay && s();
+    }, d = T("");
+    return He(
+      () => e.show,
+      (h) => {
+        h ? (d.value = document.body.style.overflow, document.body.style.overflow = "hidden", o("open")) : document.body.style.overflow = d.value;
+      },
+      { immediate: !0 }
+    ), kt(() => {
+      e.show && (document.body.style.overflow = d.value);
+    }), (h, p) => (a(), L(Re, { to: "body" }, [
+      D(he, { name: "modal-fade" }, {
+        default: $(() => [
+          e.show ? (a(), i("div", {
+            key: 0,
+            class: "modal-overlay",
+            style: fe({ zIndex: e.zIndex }),
+            onClick: R(r, ["self"])
+          }, [
+            t("div", {
+              class: "modal-container",
+              style: fe({ width: e.width })
+            }, [
+              t("header", $s, [
+                t("h3", Cs, k(e.title), 1),
+                e.showClose ? (a(), i("button", {
+                  key: 0,
+                  class: "close-btn",
+                  onClick: s
+                }, [...p[0] || (p[0] = [
+                  t("svg", {
+                    viewBox: "0 0 24 24",
+                    width: "20",
+                    height: "20"
+                  }, [
+                    t("path", {
+                      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)
+                ])])) : f("", !0)
+              ]),
+              t("main", Ms, [
+                I(h.$slots, "default", {}, void 0, !0)
+              ]),
+              h.$slots.footer ? (a(), i("footer", Bs, [
+                I(h.$slots, "footer", {}, void 0, !0)
+              ])) : f("", !0)
+            ], 4)
+          ], 4)) : f("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Ci = /* @__PURE__ */ E(Ss, [["__scopeId", "data-v-ee2fac3c"]]);
+let gt = 0;
+const xe = Pe([]);
+function Ds() {
+  const e = function(r, d = {}) {
+    const h = ++gt;
+    return new Promise((p) => {
+      xe.push({
+        id: h,
+        type: "alert",
+        message: r,
+        resolve: () => p(),
+        status: d.status ?? "info",
+        title: d.title ?? "",
+        confirmText: d.confirmText ?? "確定"
+      });
+    });
+  };
+  e.success = (s, r = {}) => e(s, { ...r, status: "success" }), e.warning = (s, r = {}) => e(s, { ...r, status: "warning" }), e.danger = (s, r = {}) => e(s, { ...r, status: "danger" }), e.info = (s, r = {}) => e(s, { ...r, status: "info" });
+  function n(s, r = {}) {
+    return new Promise((d) => {
+      const h = ++gt;
+      xe.push({
+        id: h,
+        type: "confirm",
+        message: s,
+        resolve: d,
+        status: r.status ?? "question",
+        title: r.title ?? "",
+        confirmText: r.confirmText ?? "確定",
+        cancelText: r.cancelText ?? "取消"
+      });
+    });
+  }
+  function o() {
+    for (; xe.length > 0; )
+      xe.shift().resolve(!1);
+  }
+  return { alerts: xe, alert: e, confirm: n, clearAlerts: o };
+}
+const Ns = { class: "cards-wrapper" }, Ts = ["innerHTML"], Vs = { class: "card-body" }, js = {
+  key: 0,
+  class: "card-title"
+}, Ls = { class: "card-message" }, Is = { class: "card-footer" }, As = ["onClick"], Es = ["onClick"], Rs = /* @__PURE__ */ A({
+  __name: "NAlert",
+  setup(e) {
+    const { alerts: n, clearAlerts: o } = Ds(), s = {
+      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>',
+      info: '<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="M12 16v-4"/><path d="M12 8h.01"/></svg>',
+      question: '<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="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>'
+    };
+    function r(b) {
+      return s[b.status] ?? s.question;
+    }
+    function d(b) {
+      const g = n.length, c = g - 1 - b, m = b === g - 1, C = 1 - c * 0.04, O = -c * 12, Z = 1 - c * 0.25;
+      return {
+        position: m ? "relative" : "absolute",
+        top: m ? "auto" : "0",
+        left: m ? "auto" : "0",
+        transform: `scale(${C}) translateY(${O}px)`,
+        opacity: Math.max(Z, 0.3),
+        zIndex: b + 1,
+        pointerEvents: m ? "auto" : "none"
+      };
+    }
+    function h(b) {
+      const g = n.findIndex((c) => c.id === b.id);
+      g !== -1 && n.splice(g, 1), b.resolve(!0);
+    }
+    function p(b) {
+      const g = n.findIndex((c) => c.id === b.id);
+      g !== -1 && n.splice(g, 1), b.resolve(!1);
+    }
+    function w(b) {
+      if (n.length === 0) return;
+      const g = n[n.length - 1];
+      g && (b.key === "Enter" ? (b.preventDefault(), h(g)) : b.key === "Escape" && (b.preventDefault(), g.type === "confirm" ? p(g) : h(g)));
+    }
+    return Ce(() => document.addEventListener("keydown", w)), kt(() => {
+      document.removeEventListener("keydown", w), o();
+    }), (b, g) => (a(), L(Re, { to: "body" }, [
+      t("div", {
+        class: S(["backdrop", { open: ae(n).length > 0 }])
+      }, null, 2),
+      t("div", {
+        class: S(["alert-stack", { open: ae(n).length > 0 }])
+      }, [
+        t("div", Ns, [
+          (a(!0), i(N, null, F(ae(n), (c, m) => (a(), i("div", {
+            key: c.id,
+            class: S(["alert-card", `status-${c.status}`]),
+            style: fe(d(m))
+          }, [
+            t("div", {
+              class: "card-icon",
+              innerHTML: r(c)
+            }, null, 8, Ts),
+            t("div", Vs, [
+              c.title ? (a(), i("p", js, k(c.title), 1)) : f("", !0),
+              t("p", Ls, k(c.message), 1)
+            ]),
+            t("div", Is, [
+              c.type === "confirm" ? (a(), i("button", {
+                key: 0,
+                class: "btn btn-cancel",
+                onClick: (C) => p(c)
+              }, k(c.cancelText), 9, As)) : f("", !0),
+              t("button", {
+                class: S(["btn btn-confirm", `btn-${c.status}`]),
+                onClick: (C) => h(c)
+              }, k(c.confirmText), 11, Es)
+            ])
+          ], 6))), 128))
+        ])
+      ], 2)
+    ]));
+  }
+}), Mi = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-dd6fc0e6"]]), Fs = { class: "nav" }, zs = ["onClick"], Os = ["innerHTML"], Hs = { class: "nav-list" }, Ps = ["href", "onClick"], Us = ["innerHTML"], Ys = { class: "nav-text" }, qs = { class: "user-capsule" }, Ks = /* @__PURE__ */ A({
+  __name: "NSidebar",
+  props: {
+    isOpen: { type: Boolean, default: !1 },
+    menus: {}
+  },
+  emits: ["update:isOpen", "logout"],
+  setup(e, { emit: n }) {
+    const { isMenuExpanded: o, toggleMenu: s } = qe(), r = T(!1), d = Yo(), h = n, p = (g) => {
+      const c = d.currentRoute.value.path;
+      return g.children?.some(
+        (m) => m.route === c
+      );
+    }, w = (g) => d.currentRoute.value.path === g, b = (g) => {
+      if (d.currentRoute.value.path === g)
+        return;
+      if (!d.getRoutes().some((m) => m.path === g)) {
+        alert(`Route path "${g}" does not exist.`), console.error(`Route path "${g}" does not exist.`);
+        return;
+      }
+      d.push(g);
+    };
+    return (g, c) => (a(), i("nav", {
+      class: S(["sidebar", {
+        open: e.isOpen,
+        "hover-expanded": r.value
+      }]),
+      onMouseleave: c[4] || (c[4] = (m) => r.value = !1)
+    }, [
+      t("div", {
+        class: "arrow",
+        onClick: c[0] || (c[0] = (m) => h("update:isOpen", !e.isOpen))
+      }, [...c[5] || (c[5] = [
+        t("div", { class: "icon" }, [
+          t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("path", { d: "m9 18 6-6-6-6" })
+          ])
+        ], -1)
+      ])]),
+      t("div", {
+        class: "content",
+        onMouseenter: c[2] || (c[2] = (m) => r.value = !0)
+      }, [
+        c[9] || (c[9] = t("div", { class: "header" }, [
+          t("div", { class: "brand-logo" }, [
+            t("span", { class: "logo-text" }, "NICKLABS"),
+            t("span", { class: "logo-icon" }, "N")
+          ])
+        ], -1)),
+        t("div", Fs, [
+          (a(!0), i(N, null, F(e.menus, (m) => (a(), i("div", {
+            class: S(["menu", {
+              open: ae(o)(m.title),
+              active: p(m)
+            }])
+          }, [
+            t("div", {
+              class: "title",
+              onClick: (C) => ae(s)(m.title)
+            }, [
+              t("div", null, [
+                t("div", {
+                  innerHTML: m.icon
+                }, null, 8, Os),
+                t("span", null, k(m.title), 1)
+              ]),
+              c[6] || (c[6] = t("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                class: "icon"
+              }, [
+                t("path", { d: "m9 18 6-6-6-6" })
+              ], -1))
+            ], 8, zs),
+            t("div", Hs, [
+              t("div", null, [
+                (a(!0), i(N, null, F(m.children, (C) => (a(), i("a", {
+                  href: C.route,
+                  onClick: R((O) => b(C.route), ["prevent"])
+                }, [
+                  t("div", {
+                    class: S(["nav-item", {
+                      active: w(C.route)
+                    }])
+                  }, [
+                    t("div", {
+                      innerHTML: C.icon
+                    }, null, 8, Us),
+                    t("span", Ys, k(C.title), 1)
+                  ], 2)
+                ], 8, Ps))), 256))
+              ])
+            ])
+          ], 2))), 256))
+        ]),
+        t("div", qs, [
+          c[8] || (c[8] = Gt('<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)),
+          D(B, {
+            class: "logout-btn",
+            intent: "error",
+            variant: "ghost",
+            "radius-size": "full",
+            padding: "12px",
+            onClick: c[1] || (c[1] = (m) => h("logout"))
+          }, {
+            default: $(() => [...c[7] || (c[7] = [
+              t("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "18",
+                height: "18",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                t("polyline", { points: "16 17 21 12 16 7" }),
+                t("line", {
+                  x1: "21",
+                  y1: "12",
+                  x2: "9",
+                  y2: "12"
+                })
+              ], -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ], 32),
+      (a(), L(Re, { to: "body" }, [
+        t("div", {
+          class: S(["overlay", {
+            active: e.isOpen
+          }]),
+          onClick: c[3] || (c[3] = (m) => h("update:isOpen", !e.isOpen))
+        }, null, 2)
+      ]))
+    ], 34));
+  }
+}), Ws = /* @__PURE__ */ E(Ks, [["__scopeId", "data-v-bb988f83"]]), Zs = { class: "layout" }, Gs = { class: "main-content" }, Js = /* @__PURE__ */ A({
+  __name: "NLayout",
+  props: {
+    isShowSidebar: { type: Boolean, default: !0 },
+    menus: {}
+  },
+  emits: ["logout"],
+  setup(e, { emit: n }) {
+    const o = qe();
+    return (s, r) => (a(), i("div", Zs, [
+      e.isShowSidebar ? (a(), L(Ws, {
+        key: 0,
+        isOpen: ae(o).isSidebarExpanded(),
+        "onUpdate:isOpen": r[0] || (r[0] = (d) => ae(o).toggleSidebar()),
+        menus: e.menus,
+        onLogout: r[1] || (r[1] = () => {
+          s.$router.push({ name: "login" });
+        })
+      }, null, 8, ["isOpen", "menus"])) : f("", !0),
+      t("main", Gs, [
+        I(s.$slots, "default", {}, void 0, !0),
+        r[2] || (r[2] = t("div", { class: "copyright" }, " copyright © 2026 NickLabs. All rights reserved. ", -1))
+      ])
+    ]));
+  }
+}), Bi = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-e5b1a071"]]), Qs = { class: "topbar" }, Xs = { class: "topbar-left" }, _s = { class: "topbar-right" }, ei = {
+  key: 0,
+  class: "pill"
+}, ti = {
+  key: 0,
+  class: "name"
+}, ni = {
+  key: 1,
+  class: "separator"
+}, oi = /* @__PURE__ */ A({
+  __name: "NNavigation",
+  props: {
+    isShowSidebar: { type: Boolean, default: !0 },
+    isShowFullscreen: { type: Boolean, default: !0 },
+    isShowUser: { type: Boolean, default: !0 },
+    isShowLogoutButton: { type: Boolean, default: !0 }
+  },
+  emits: ["toggleSidebar", "logout"],
+  setup(e, { emit: n }) {
+    const o = n, s = () => {
+      document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
+    };
+    return (r, d) => (a(), i("header", Qs, [
+      t("div", Xs, [
+        e.isShowSidebar ? (a(), L(B, {
+          key: 0,
+          onClick: d[0] || (d[0] = (h) => o("toggleSidebar")),
+          padding: "8px"
+        }, {
+          default: $(() => [...d[2] || (d[2] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M4 5h16" }),
+              t("path", { d: "M4 12h16" }),
+              t("path", { d: "M4 19h16" })
+            ], -1)
+          ])]),
+          _: 1
+        })) : f("", !0),
+        e.isShowFullscreen ? (a(), L(B, {
+          key: 1,
+          padding: "8px",
+          onClick: R(s, ["prevent"])
+        }, {
+          default: $(() => [...d[3] || (d[3] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+              t("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+              t("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+              t("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+            ], -1)
+          ])]),
+          _: 1
+        })) : f("", !0)
+      ]),
+      t("div", _s, [
+        e.isShowUser || e.isShowLogoutButton ? (a(), i("div", ei, [
+          e.isShowUser ? (a(), i("span", ti, "Nick")) : f("", !0),
+          e.isShowUser && e.isShowLogoutButton ? (a(), i("div", ni)) : f("", !0),
+          e.isShowLogoutButton ? (a(), L(B, {
+            key: 2,
+            variant: "mute",
+            intent: "error",
+            onClick: d[1] || (d[1] = R((h) => o("logout"), ["prevent"]))
+          }, {
+            default: $(() => [...d[4] || (d[4] = [
+              t("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "m16 17 5-5-5-5" }),
+                t("path", { d: "M21 12H9" }),
+                t("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+              ], -1),
+              z(" 登出 ", -1)
+            ])]),
+            _: 1
+          })) : f("", !0)
+        ])) : f("", !0)
+      ])
+    ]));
+  }
+}), Si = /* @__PURE__ */ E(oi, [["__scopeId", "data-v-bb912f40"]]), ai = { class: "brand" }, li = ["src", "alt"], si = {
+  key: 1,
+  class: "icon"
+}, ii = { key: 2 }, ri = { key: 3 }, ui = /* @__PURE__ */ A({
+  __name: "NLoginLayout",
+  props: {
+    backgroundImage: { default: "" },
+    logo: { default: "" },
+    title: { default: "" },
+    description: { default: "" }
+  },
+  setup(e) {
+    const n = M(
+      () => !!e.logo && (e.logo.startsWith("http") || e.logo.startsWith("/"))
+    );
+    return (o, s) => (a(), i("div", {
+      class: "login-wrapper",
+      style: fe({
+        "--login-bg": e.backgroundImage ? `url('${e.backgroundImage}')` : "var(--bg-gradient)"
+      })
+    }, [
+      D(Vt, {
+        size: "lg",
+        radius: "xl",
+        class: "card"
+      }, {
+        default: $(() => [
+          t("div", ai, [
+            n.value ? (a(), i("img", {
+              key: 0,
+              class: "logo-img",
+              src: e.logo,
+              alt: e.title
+            }, null, 8, li)) : (a(), i("div", si, k(e.logo), 1)),
+            e.title ? (a(), i("h1", ii, k(e.title), 1)) : f("", !0),
+            e.description ? (a(), i("p", ri, k(e.description), 1)) : f("", !0)
+          ]),
+          I(o.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 4));
+  }
+}), Di = /* @__PURE__ */ E(ui, [["__scopeId", "data-v-f0866bc5"]]);
+export {
+  Mi as NAlert,
+  B as NButton,
+  Vt as NCard,
+  ut as NCheckbox,
+  ki as NCode,
+  xi as NDatePicker,
+  ga as NEmpty,
+  fi as NFileSelect,
+  gi as NForm,
+  ci as NInput,
+  Bi as NLayout,
+  mi as NList,
+  yi as NLoading,
+  Di as NLoginLayout,
+  Ci as NModal,
+  Si as NNavigation,
+  hi as NSelect,
+  Ws as NSidebar,
+  pi as NSwitch,
+  Fa as NTable,
+  bi as NTag,
+  vi as NTextarea,
+  wi as NToast,
+  $i as NTooltip,
+  Ds as useAlert,
+  qe as useSidebarManager,
+  Ua as useToast
+};