@vue/devtools-ui 7.0.0

package/dist/index.js

@@ -0,0 +1,1520 @@
+// @unocss-include
+
+import { Dropdown as Re, VClosePopper as $e, Tooltip as We } from "floating-vue";
+import { VTooltip as $o } from "floating-vue";
+import { openBlock as m, createElementBlock as $, createElementVNode as b, defineComponent as D, useAttrs as ze, computed as _, useSlots as _e, createBlock as M, resolveDynamicComponent as Ce, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, normalizeClass as S, ref as T, watch as R, customRef as Ve, isRef as Q, getCurrentScope as je, onScopeDispose as Ie, toRef as He, readonly as Se, onMounted as Y, nextTick as Z, getCurrentInstance as ue, shallowRef as Je, watchEffect as X, normalizeProps as ce, guardReactiveProps as de, Teleport as Be, createVNode as x, Transition as fe, normalizeStyle as pe, createTextVNode as j, toDisplayString as I, withDirectives as me, vModelDynamic as Ue, provide as Ge, createSlots as Te, inject as Ke, Fragment as he, renderList as be, withModifiers as Ye, h as Xe, render as ye } from "vue";
+const ve = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [a, n] of o)
+    t[a] = n;
+  return t;
+}, qe = {}, Qe = { class: "h-3 w-3 $ui-inline-fcc" }, Ze = /* @__PURE__ */ b("svg", {
+  class: "animate-spin",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ b("circle", {
+    class: "opacity-25",
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    "stroke-width": "4"
+  }),
+  /* @__PURE__ */ b("path", {
+    class: "opacity-75",
+    fill: "currentColor",
+    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+  })
+], -1), et = [
+  Ze
+];
+function tt(e, o) {
+  return m(), $("div", Qe, et);
+}
+const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__PURE__ */ D({
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    type: { default: "default" },
+    round: { type: [String, Boolean], default: "normal" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "normal" },
+    flat: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = ze(), s = _(() => n.to ? "router-link" : n.href ? "a" : "button"), r = _(() => t.loading || t.disabled);
+    function i(u) {
+      if (r.value) {
+        u.preventDefault(), u.stopPropagation(), u.stopImmediatePropagation();
+        return;
+      }
+      a("click", u);
+    }
+    const l = {
+      common: {
+        default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
+        primary: "active:bg-primary-500-darker",
+        accent: "active:bg-accent-500-darker",
+        danger: "active:bg-danger-500-darker",
+        warning: "active:bg-warning-500-darker",
+        info: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
+        success: "active:bg-primary-100-darker dark:active:bg-gray-800-darker"
+      },
+      normal: {
+        default: "bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter dark:hover:text-white",
+        primary: " text-white bg-primary-500 hover:bg-primary-500-lighter dark:hover:bg-primary-500-darker",
+        accent: "text-white bg-accent-500 hover:bg-accent-500-lighter dark:bg-accent-500-darker dark:bg-accent-300",
+        danger: "text-white bg-danger-500 hover:bg-danger-500-lighter dark:hover:bg-danger-500-darker",
+        warning: "text-white bg-warning-500 hover:bg-warning-500-lighter dark:hover:bg-warning-500-darker",
+        info: "text-info-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter",
+        success: "text-primary-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter"
+      },
+      flat: {
+        default: "hover:bg-primary-100 hover:text-black !dark:text-white dark:hover:bg-primary-800",
+        primary: "hover:bg-primary-500 hover:text-white",
+        accent: "hover:bg-accent-500 hover:text-white",
+        danger: "hover:bg-danger-500 hover:text-white",
+        warning: "hover:bg-warning-500 hover:text-white",
+        info: "hover:bg-primary-100 hover:text-info-500 dark:hover:bg-gray-800 dark:hover:text-info-400",
+        success: "hover:bg-primary-100 hover:text-primary-500 dark:hover:bg-primary-800 dark:hover:text-primary-400"
+      },
+      outlined: {
+        default: "hover:border-primary-100 hover:text-primary-300 hover:active:ring-primary-100:5 hover:active:bg-primary-100:5",
+        primary: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5",
+        accent: "hover:border-accent-500 hover:text-accent-500 active:ring-accent-500:5 active:bg-accent-500:5",
+        danger: "hover:border-danger-500 hover:text-danger-500 active:ring-danger-500:5 active:bg-danger-500:5",
+        warning: "hover:border-warning-500 hover:text-warning-500 active:ring-warning-500:5 active:bg-warning-500:5",
+        info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
+        success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
+      }
+    }, c = _e(), d = _(() => t.flat ? l.flat[t.type] : t.outlined ? l.outlined[t.type] : l.normal[t.type]);
+    return (u, f) => (m(), M(Ce(s.value), q(u.$attrs, {
+      role: "button",
+      "aria-disabled": r.value,
+      class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
+        [l.common[t.type]],
+        {
+          "rounded-full": t.round === "full",
+          "$ui-base-br": t.round === "normal",
+          "opacity-50 cursor-not-allowed": r.value,
+          "bg-transparent": t.flat || t.outlined
+        },
+        [
+          u.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
+          u.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
+          d.value
+        ]
+      ]],
+      onClickCapture: i
+    }), {
+      default: y(() => [
+        u.loading ? (m(), M(De, {
+          key: 0,
+          class: "mt0.5 h-full w3"
+        })) : w(u.$slots, "icon", {
+          key: 1,
+          class: "h-full w3 $ui-inline-fcc"
+        }),
+        k(c).default ? (m(), $("div", ot, [
+          w(u.$slots, "default")
+        ])) : E("", !0),
+        w(u.$slots, "icon-right")
+      ]),
+      _: 3
+    }, 16, ["aria-disabled", "class"]));
+  }
+}), nt = {}, rt = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
+function at(e, o) {
+  return m(), $("span", rt, [
+    w(e.$slots, "default")
+  ]);
+}
+const so = /* @__PURE__ */ ve(nt, [["render", at]]), ie = /* @__PURE__ */ D({
+  __name: "Icon",
+  props: {
+    icon: {},
+    inline: { type: Boolean },
+    action: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, t) => (m(), M(Ce(o.inline ? "span" : "div"), {
+      class: S(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
+    }, null, 8, ["class"]));
+  }
+});
+function ae(e) {
+  return je() ? (Ie(e), !0) : !1;
+}
+function lt(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
+  for (const [n, s] of Object.entries(o))
+    n !== "value" && (Q(s) && a ? Object.defineProperty(e, n, {
+      get() {
+        return s.value;
+      },
+      set(r) {
+        s.value = r;
+      },
+      enumerable: t
+    }) : Object.defineProperty(e, n, { value: s, enumerable: t }));
+  return e;
+}
+function N(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+const Oe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const st = (e) => typeof e < "u", it = Object.prototype.toString, ut = (e) => it.call(e) === "[object Object]", ne = () => {
+}, we = /* @__PURE__ */ ct();
+function ct() {
+  var e, o;
+  return Oe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function Me(e, o) {
+  function t(...a) {
+    return new Promise((n, s) => {
+      Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(n).catch(s);
+    });
+  }
+  return t;
+}
+const Ae = (e) => e();
+function dt(e, o = {}) {
+  let t, a, n = ne;
+  const s = (i) => {
+    clearTimeout(i), n(), n = ne;
+  };
+  return (i) => {
+    const l = N(e), c = N(o.maxWait);
+    return t && s(t), l <= 0 || c !== void 0 && c <= 0 ? (a && (s(a), a = null), Promise.resolve(i())) : new Promise((d, u) => {
+      n = o.rejectOnCancel ? u : d, c && !a && (a = setTimeout(() => {
+        t && s(t), a = null, d(i());
+      }, c)), t = setTimeout(() => {
+        a && s(a), a = null, d(i());
+      }, l);
+    });
+  };
+}
+function ft(e = Ae) {
+  const o = T(!0);
+  function t() {
+    o.value = !1;
+  }
+  function a() {
+    o.value = !0;
+  }
+  const n = (...s) => {
+    o.value && e(...s);
+  };
+  return { isActive: Se(o), pause: t, resume: a, eventFilter: n };
+}
+function pt(e) {
+  return e || ue();
+}
+function Ee(...e) {
+  if (e.length !== 1)
+    return He(...e);
+  const o = e[0];
+  return typeof o == "function" ? Se(Ve(() => ({ get: o, set: ne }))) : T(o);
+}
+function mt(e, o = 200, t = {}) {
+  return Me(
+    dt(o, t),
+    e
+  );
+}
+function vt(e, o = 200, t = {}) {
+  const a = T(e.value), n = mt(() => {
+    a.value = e.value;
+  }, o, t);
+  return R(e, () => n()), a;
+}
+function gt(e, o = {}) {
+  let t = e, a, n;
+  const s = Ve((f, p) => (a = f, n = p, {
+    get() {
+      return r();
+    },
+    set(g) {
+      i(g);
+    }
+  }));
+  function r(f = !0) {
+    return f && a(), t;
+  }
+  function i(f, p = !0) {
+    var g, h;
+    if (f === t)
+      return;
+    const O = t;
+    ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, O)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, O), p && n());
+  }
+  return lt(
+    s,
+    {
+      get: r,
+      set: i,
+      untrackedGet: () => r(!1),
+      silentSet: (f) => i(f, !1),
+      peek: () => r(!1),
+      lay: (f) => i(f, !1)
+    },
+    { enumerable: !0 }
+  );
+}
+function ht(e, o, t = {}) {
+  const {
+    eventFilter: a = Ae,
+    ...n
+  } = t;
+  return R(
+    e,
+    Me(
+      a,
+      o
+    ),
+    n
+  );
+}
+function bt(e, o, t = {}) {
+  const {
+    eventFilter: a,
+    ...n
+  } = t, { eventFilter: s, pause: r, resume: i, isActive: l } = ft(a);
+  return { stop: ht(
+    e,
+    o,
+    {
+      ...n,
+      eventFilter: s
+    }
+  ), pause: r, resume: i, isActive: l };
+}
+function ge(e, o = !0, t) {
+  pt() ? Y(e, t) : o ? e() : Z(e);
+}
+function yt(e = !1, o = {}) {
+  const {
+    truthyValue: t = !0,
+    falsyValue: a = !1
+  } = o, n = Q(e), s = T(e);
+  function r(i) {
+    if (arguments.length)
+      return s.value = i, s.value;
+    {
+      const l = N(t);
+      return s.value = s.value === l ? N(a) : l, s.value;
+    }
+  }
+  return n ? r : [s, r];
+}
+function z(e) {
+  var o;
+  const t = N(e);
+  return (o = t == null ? void 0 : t.$el) != null ? o : t;
+}
+const H = Oe ? window : void 0;
+function re(...e) {
+  let o, t, a, n;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, a, n] = e, o = H) : [o, t, a, n] = e, !o)
+    return ne;
+  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  const s = [], r = () => {
+    s.forEach((d) => d()), s.length = 0;
+  }, i = (d, u, f, p) => (d.addEventListener(u, f, p), () => d.removeEventListener(u, f, p)), l = R(
+    () => [z(o), N(n)],
+    ([d, u]) => {
+      if (r(), !d)
+        return;
+      const f = ut(u) ? { ...u } : u;
+      s.push(
+        ...t.flatMap((p) => a.map((g) => i(d, p, g, f)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), c = () => {
+    l(), r();
+  };
+  return ae(c), c;
+}
+function wt(e) {
+  return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
+}
+function Ne(...e) {
+  let o, t, a = {};
+  e.length === 3 ? (o = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (o = !0, t = e[0], a = e[1]) : (o = e[0], t = e[1]) : (o = !0, t = e[0]);
+  const {
+    target: n = H,
+    eventName: s = "keydown",
+    passive: r = !1,
+    dedupe: i = !1
+  } = a, l = wt(o);
+  return re(n, s, (d) => {
+    d.repeat && N(i) || l(d) && t(d);
+  }, r);
+}
+function kt() {
+  const e = T(!1);
+  return ue() && Y(() => {
+    e.value = !0;
+  }), e;
+}
+function Pe(e) {
+  const o = kt();
+  return _(() => (o.value, !!e()));
+}
+function $t(e, o = {}) {
+  const { window: t = H } = o, a = Pe(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+  let n;
+  const s = T(!1), r = (c) => {
+    s.value = c.matches;
+  }, i = () => {
+    n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
+  }, l = X(() => {
+    a.value && (i(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), s.value = n.matches);
+  });
+  return ae(() => {
+    l(), i(), n = void 0;
+  }), s;
+}
+function _t(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+const ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, te = "__vueuse_ssr_handlers__", Ct = /* @__PURE__ */ Vt();
+function Vt() {
+  return te in ee || (ee[te] = ee[te] || {}), ee[te];
+}
+function xe(e, o) {
+  return Ct[e] || o;
+}
+function St(e) {
+  return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
+}
+const Bt = {
+  boolean: {
+    read: (e) => e === "true",
+    write: (e) => String(e)
+  },
+  object: {
+    read: (e) => JSON.parse(e),
+    write: (e) => JSON.stringify(e)
+  },
+  number: {
+    read: (e) => Number.parseFloat(e),
+    write: (e) => String(e)
+  },
+  any: {
+    read: (e) => e,
+    write: (e) => String(e)
+  },
+  string: {
+    read: (e) => e,
+    write: (e) => String(e)
+  },
+  map: {
+    read: (e) => new Map(JSON.parse(e)),
+    write: (e) => JSON.stringify(Array.from(e.entries()))
+  },
+  set: {
+    read: (e) => new Set(JSON.parse(e)),
+    write: (e) => JSON.stringify(Array.from(e))
+  },
+  date: {
+    read: (e) => new Date(e),
+    write: (e) => e.toISOString()
+  }
+}, ke = "vueuse-storage";
+function Tt(e, o, t, a = {}) {
+  var n;
+  const {
+    flush: s = "pre",
+    deep: r = !0,
+    listenToStorageChanges: i = !0,
+    writeDefaults: l = !0,
+    mergeDefaults: c = !1,
+    shallow: d,
+    window: u = H,
+    eventFilter: f,
+    onError: p = (v) => {
+      console.error(v);
+    },
+    initOnMounted: g
+  } = a, h = (d ? Je : T)(typeof o == "function" ? o() : o);
+  if (!t)
+    try {
+      t = xe("getDefaultStorage", () => {
+        var v;
+        return (v = H) == null ? void 0 : v.localStorage;
+      })();
+    } catch (v) {
+      p(v);
+    }
+  if (!t)
+    return h;
+  const O = N(o), W = St(O), P = (n = a.serializer) != null ? n : Bt[W], { pause: B, resume: C } = bt(
+    h,
+    () => A(h.value),
+    { flush: s, deep: r, eventFilter: f }
+  );
+  return u && i && ge(() => {
+    re(u, "storage", F), re(u, ke, G), g && F();
+  }), g || F(), h;
+  function A(v) {
+    try {
+      if (v == null)
+        t.removeItem(e);
+      else {
+        const V = P.write(v), U = t.getItem(e);
+        U !== V && (t.setItem(e, V), u && u.dispatchEvent(new CustomEvent(ke, {
+          detail: {
+            key: e,
+            oldValue: U,
+            newValue: V,
+            storageArea: t
+          }
+        })));
+      }
+    } catch (V) {
+      p(V);
+    }
+  }
+  function L(v) {
+    const V = v ? v.newValue : t.getItem(e);
+    if (V == null)
+      return l && O != null && t.setItem(e, P.write(O)), O;
+    if (!v && c) {
+      const U = P.read(V);
+      return typeof c == "function" ? c(U, O) : W === "object" && !Array.isArray(U) ? { ...O, ...U } : U;
+    } else
+      return typeof V != "string" ? V : P.read(V);
+  }
+  function G(v) {
+    F(v.detail);
+  }
+  function F(v) {
+    if (!(v && v.storageArea !== t)) {
+      if (v && v.key == null) {
+        h.value = O;
+        return;
+      }
+      if (!(v && v.key !== e)) {
+        B();
+        try {
+          (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = L(v));
+        } catch (V) {
+          p(V);
+        } finally {
+          v ? Z(C) : C();
+        }
+      }
+    }
+  }
+}
+function Dt(e) {
+  return $t("(prefers-color-scheme: dark)", e);
+}
+function Ot(e = {}) {
+  const {
+    selector: o = "html",
+    attribute: t = "class",
+    initialValue: a = "auto",
+    window: n = H,
+    storage: s,
+    storageKey: r = "vueuse-color-scheme",
+    listenToStorageChanges: i = !0,
+    storageRef: l,
+    emitAuto: c,
+    disableTransition: d = !0
+  } = e, u = {
+    auto: "",
+    light: "light",
+    dark: "dark",
+    ...e.modes || {}
+  }, f = Dt({ window: n }), p = _(() => f.value ? "dark" : "light"), g = l || (r == null ? Ee(a) : Tt(r, a, s, { window: n, listenToStorageChanges: i })), h = _(() => g.value === "auto" ? p.value : g.value), O = xe(
+    "updateHTMLAttrs",
+    (C, A, L) => {
+      const G = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : z(C);
+      if (!G)
+        return;
+      let F;
+      if (d) {
+        F = n.document.createElement("style");
+        const v = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
+        F.appendChild(document.createTextNode(v)), n.document.head.appendChild(F);
+      }
+      if (A === "class") {
+        const v = L.split(/\s/g);
+        Object.values(u).flatMap((V) => (V || "").split(/\s/g)).filter(Boolean).forEach((V) => {
+          v.includes(V) ? G.classList.add(V) : G.classList.remove(V);
+        });
+      } else
+        G.setAttribute(A, L);
+      d && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
+    }
+  );
+  function W(C) {
+    var A;
+    O(o, t, (A = u[C]) != null ? A : C);
+  }
+  function P(C) {
+    e.onChanged ? e.onChanged(C, W) : W(C);
+  }
+  R(h, P, { flush: "post", immediate: !0 }), ge(() => P(h.value));
+  const B = _({
+    get() {
+      return c ? g.value : h.value;
+    },
+    set(C) {
+      g.value = C;
+    }
+  });
+  try {
+    return Object.assign(B, { store: g, system: p, state: h });
+  } catch {
+    return B;
+  }
+}
+function Mt(e, o, t = {}) {
+  const { window: a = H, ...n } = t;
+  let s;
+  const r = Pe(() => a && "ResizeObserver" in a), i = () => {
+    s && (s.disconnect(), s = void 0);
+  }, l = _(() => Array.isArray(e) ? e.map((u) => z(u)) : [z(e)]), c = R(
+    l,
+    (u) => {
+      if (i(), r.value && a) {
+        s = new ResizeObserver(o);
+        for (const f of u)
+          f && s.observe(f, n);
+      }
+    },
+    { immediate: !0, flush: "post", deep: !0 }
+  ), d = () => {
+    i(), c();
+  };
+  return ae(d), {
+    isSupported: r,
+    stop: d
+  };
+}
+function At(e, o = { width: 0, height: 0 }, t = {}) {
+  const { window: a = H, box: n = "content-box" } = t, s = _(() => {
+    var u, f;
+    return (f = (u = z(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
+  }), r = T(o.width), i = T(o.height), { stop: l } = Mt(
+    e,
+    ([u]) => {
+      const f = n === "border-box" ? u.borderBoxSize : n === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
+      if (a && s.value) {
+        const p = z(e);
+        if (p) {
+          const g = a.getComputedStyle(p);
+          r.value = Number.parseFloat(g.width), i.value = Number.parseFloat(g.height);
+        }
+      } else if (f) {
+        const p = Array.isArray(f) ? f : [f];
+        r.value = p.reduce((g, { inlineSize: h }) => g + h, 0), i.value = p.reduce((g, { blockSize: h }) => g + h, 0);
+      } else
+        r.value = u.contentRect.width, i.value = u.contentRect.height;
+    },
+    t
+  );
+  ge(() => {
+    const u = z(e);
+    u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, i.value = "offsetHeight" in u ? u.offsetHeight : o.height);
+  });
+  const c = R(
+    () => z(e),
+    (u) => {
+      r.value = u ? o.width : 0, i.value = u ? o.height : 0;
+    }
+  );
+  function d() {
+    l(), c();
+  }
+  return {
+    width: r,
+    height: i,
+    stop: d
+  };
+}
+function le(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function Fe(e) {
+  const o = window.getComputedStyle(e);
+  if (o.overflowX === "scroll" || o.overflowY === "scroll" || o.overflowX === "auto" && e.clientWidth < e.scrollWidth || o.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const t = e.parentNode;
+    return !t || t.tagName === "BODY" ? !1 : Fe(t);
+  }
+}
+function Et(e) {
+  const o = e || window.event, t = o.target;
+  return Fe(t) ? !1 : o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}
+const oe = /* @__PURE__ */ new WeakMap();
+function Nt(e, o = !1) {
+  const t = T(o);
+  let a = null, n;
+  R(Ee(e), (i) => {
+    const l = le(N(i));
+    if (l) {
+      const c = l;
+      oe.get(c) || oe.set(c, n), t.value && (c.style.overflow = "hidden");
+    }
+  }, {
+    immediate: !0
+  });
+  const s = () => {
+    const i = le(N(e));
+    !i || t.value || (we && (a = re(
+      i,
+      "touchmove",
+      (l) => {
+        Et(l);
+      },
+      { passive: !1 }
+    )), i.style.overflow = "hidden", t.value = !0);
+  }, r = () => {
+    var i;
+    const l = le(N(e));
+    !l || !t.value || (we && (a == null || a()), l.style.overflow = (i = oe.get(l)) != null ? i : "", oe.delete(l), t.value = !1);
+  };
+  return ae(r), _({
+    get() {
+      return t.value;
+    },
+    set(i) {
+      i ? s() : r();
+    }
+  });
+}
+function J(e, o, t, a = {}) {
+  var n, s, r;
+  const {
+    clone: i = !1,
+    passive: l = !1,
+    eventName: c,
+    deep: d = !1,
+    defaultValue: u,
+    shouldEmit: f
+  } = a, p = ue(), g = t || (p == null ? void 0 : p.emit) || ((n = p == null ? void 0 : p.$emit) == null ? void 0 : n.bind(p)) || ((r = (s = p == null ? void 0 : p.proxy) == null ? void 0 : s.$emit) == null ? void 0 : r.bind(p == null ? void 0 : p.proxy));
+  let h = c;
+  o || (o = "modelValue"), h = h || `update:${o.toString()}`;
+  const O = (B) => i ? typeof i == "function" ? i(B) : _t(B) : B, W = () => st(e[o]) ? O(e[o]) : u, P = (B) => {
+    f ? f(B) && g(h, B) : g(h, B);
+  };
+  if (l) {
+    const B = W(), C = T(B);
+    let A = !1;
+    return R(
+      () => e[o],
+      (L) => {
+        A || (A = !0, C.value = O(L), Z(() => A = !1));
+      }
+    ), R(
+      C,
+      (L) => {
+        !A && (L !== e[o] || d) && P(L);
+      },
+      { deep: d }
+    ), C;
+  } else
+    return _({
+      get() {
+        return W();
+      },
+      set(B) {
+        P(B);
+      }
+    });
+}
+const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
+  __name: "DarkToggle",
+  props: {
+    isDark: { type: Boolean, default: !1 },
+    animation: { type: Boolean, default: !0 },
+    animationDuration: { default: 400 }
+  },
+  setup(e) {
+    const o = e, t = J(o, "isDark"), a = Ot({
+      initialValue: t.value ? "dark" : "light",
+      onChanged: (l) => {
+        t.value = l === "dark";
+      }
+    }), n = _({
+      get: () => a.value === "dark",
+      set: (l) => a.value = l ? "dark" : "light"
+    }), s = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function r(l) {
+      if (!s || !l || !o.animation) {
+        n.value = !n.value;
+        return;
+      }
+      const c = l.clientX, d = l.clientY, u = Math.hypot(
+        Math.max(c, innerWidth - c),
+        Math.max(d, innerHeight - d)
+      );
+      document.startViewTransition(async () => {
+        n.value = !n.value, await Z();
+      }).ready.then(() => {
+        const p = [
+          `circle(0px at ${c}px ${d}px)`,
+          `circle(${u}px at ${c}px ${d}px)`
+        ];
+        document.documentElement.animate(
+          {
+            clipPath: n.value ? [...p].reverse() : p
+          },
+          {
+            duration: o.animationDuration,
+            easing: "ease-in",
+            pseudoElement: n.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
+          }
+        );
+      });
+    }
+    const i = {
+      mode: a,
+      isDark: n,
+      toggle: r
+    };
+    return (l, c) => (m(), $("span", Pt, [
+      w(l.$slots, "default", ce(de(i)))
+    ]));
+  }
+}), xt = {}, Ft = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
+function Lt(e, o) {
+  return m(), $("div", Ft, [
+    w(e.$slots, "default")
+  ]);
+}
+const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
+  __name: "Overlay",
+  props: {
+    dim: { type: Boolean },
+    blur: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (m(), $("div", {
+      class: S(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
+        o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
+        o.blur ? "backdrop-blur-sm" : ""
+      ]])
+    }, [
+      w(o.$slots, "default")
+    ], 2));
+  }
+}), Rt = { class: "h7.5 w-full $ui-fbc" }, Wt = { class: "text-4.5" }, zt = /* @__PURE__ */ b("div", { class: "i-carbon-close" }, null, -1), jt = [
+  zt
+], It = { class: "content transition-all transition-duration-300" }, Ht = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Jt = { class: "$ui-fcc" }, Ut = /* @__PURE__ */ D({
+  __name: "Dialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    autoClose: { type: Boolean, default: !0 },
+    title: { default: "Dialog" },
+    width: { default: "32rem" },
+    height: { default: "18rem" },
+    closable: { type: Boolean, default: !0 },
+    mountTo: { default: "body" },
+    dim: { type: Boolean },
+    blur: { type: Boolean }
+  },
+  emits: ["close", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, n = J(t, "modelValue", o, { passive: !0 }), s = Nt(() => window.document.documentElement);
+    X(() => {
+      n.value ? s.value = !0 : s.value = !1;
+    });
+    function r() {
+      n.value && t.autoClose && (n.value = !1);
+    }
+    Ne("Escape", () => {
+      r();
+    });
+    const i = T(!1);
+    return Y(() => i.value = !0), (l, c) => i.value || l.mountTo === "body" ? (m(), M(Be, {
+      key: 0,
+      to: l.mountTo
+    }, [
+      x(fe, {
+        "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
+        "enter-to-class": "opacity-100 [&_.modal]:scale-100",
+        "leave-from-class": "opacity-100 [&_.modal]:scale-100",
+        "leave-to-class": "opacity-0 [&_.modal]:scale-95"
+      }, {
+        default: y(() => [
+          k(n) ? (m(), M(Le, {
+            key: 0,
+            dim: l.dim,
+            blur: l.blur
+          }, {
+            default: y(() => [
+              b("div", {
+                class: "modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",
+                style: pe({
+                  width: t.width,
+                  height: t.height
+                })
+              }, [
+                b("div", Rt, [
+                  b("div", Wt, [
+                    w(l.$slots, "title", {}, () => [
+                      j(I(t.title), 1)
+                    ])
+                  ]),
+                  l.closable ? (m(), $("div", {
+                    key: 0,
+                    class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
+                    onClick: r
+                  }, jt)) : E("", !0)
+                ]),
+                b("div", It, [
+                  w(l.$slots, "default")
+                ]),
+                b("div", Ht, [
+                  w(l.$slots, "footer", {}, () => [
+                    w(l.$slots, "footer", {}, () => [
+                      b("div", Jt, [
+                        x(K, {
+                          type: "primary",
+                          onClick: r
+                        }, {
+                          default: y(() => [
+                            j(" close ")
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ])
+                ])
+              ], 4)
+            ]),
+            _: 3
+          }, 8, ["dim", "blur"])) : E("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["to"])) : E("", !0);
+  }
+}), Gt = ["type", "placeholder", "disabled"], Kt = {
+  key: 3,
+  class: "pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"
+}, se = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Yt = /* @__PURE__ */ D({
+  __name: "Input",
+  props: {
+    modelValue: {},
+    placeholder: { default: "" },
+    variant: { default: "normal" },
+    disabled: { type: Boolean, default: !1 },
+    password: { type: Boolean, default: !1 },
+    leftIcon: {},
+    rightIcon: {},
+    loading: { type: Boolean, default: !1 },
+    autoFocus: { type: Boolean, default: !1 },
+    loadingDebounceTime: { default: 0 }
+  },
+  emits: ["update:modelValue", "updateFocused", "keyTab"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = J(t, "modelValue", a), s = vt(_(() => t.loading), t.loadingDebounceTime), r = gt(!1, {
+      onChanged(u) {
+        a("updateFocused", u);
+      }
+    }), i = _(() => t.variant === "flat" || t.variant === "warning"), l = _(() => t.disabled || s.value), c = T();
+    let d = !1;
+    return X(() => {
+      s.value && r.value ? d = !0 : !s.value && d && (d = !1, Z(() => {
+        r.value = !0;
+      }));
+    }), Y(() => {
+      t.autoFocus && (r.value = !0);
+    }), X(() => {
+      var u;
+      r.value && ((u = c.value) == null || u.focus());
+    }), (u, f) => (m(), $("div", {
+      class: S(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
+        {
+          "border-none bg-transparent group": u.variant === "flat",
+          "cursor-not-allowed opacity-50": l.value,
+          accent: u.variant === "accent",
+          focused: k(r)
+        },
+        [
+          u.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
+        ]
+      ]]),
+      onClick: f[2] || (f[2] = () => {
+        r.value = !0;
+      })
+    }, [
+      u.leftIcon ? (m(), $("div", {
+        key: 0,
+        class: S(se)
+      }, [
+        x(ie, { icon: u.leftIcon }, null, 8, ["icon"])
+      ])) : E("", !0),
+      me(b("input", {
+        ref_key: "inputRef",
+        ref: c,
+        "onUpdate:modelValue": f[0] || (f[0] = (p) => Q(n) ? n.value = p : null),
+        class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
+        type: t.password ? "password" : "text",
+        placeholder: u.placeholder,
+        disabled: l.value,
+        onBlur: f[1] || (f[1] = (p) => r.value = !1)
+      }, null, 40, Gt), [
+        [Ue, k(n)]
+      ]),
+      k(s) ? (m(), $("div", {
+        key: 1,
+        class: S(se)
+      }, [
+        x(De)
+      ])) : u.rightIcon ? (m(), $("div", {
+        key: 2,
+        class: S(se)
+      }, [
+        x(ie, { icon: u.rightIcon }, null, 8, ["icon"])
+      ])) : E("", !0),
+      i.value ? E("", !0) : (m(), $("div", Kt))
+    ], 2));
+  }
+}), Xt = { class: "$ui-base" }, co = /* @__PURE__ */ D({
+  __name: "FormField",
+  props: {
+    modelValue: {},
+    status: { default: "normal" },
+    showMessage: { type: Boolean, default: !0 },
+    message: { default: "" },
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, n = J(t, "modelValue", o), s = T(!1), r = _(() => t.message && t.message.length && t.showMessage), i = {
+      normal: "color-gray-600 dark:color-gray-400",
+      warning: "color-warning-500 dark:color-warning-200",
+      danger: "color-danger-500 dark:color-danger-200",
+      success: "color-primary-700 dark:color-primary-500"
+    }, l = {
+      warning: "i-bx:bxs-error",
+      danger: "i-ic-round-error",
+      success: "i-ep:success-filled"
+    };
+    return (c, d) => (m(), $("div", Xt, [
+      x(Yt, {
+        modelValue: k(n),
+        "onUpdate:modelValue": d[0] || (d[0] = (u) => Q(n) ? n.value = u : null),
+        placeholder: c.placeholder,
+        onUpdateFocused: d[1] || (d[1] = (u) => s.value = u)
+      }, null, 8, ["modelValue", "placeholder"]),
+      b("div", {
+        class: S(["mt2 $ui-base text-3.5", [
+          i[c.status],
+          { "opacity-65": !s.value }
+        ]])
+      }, [
+        c.status !== "normal" && r.value ? (m(), M(ie, {
+          key: 0,
+          inline: "",
+          icon: l[c.status]
+        }, null, 8, ["icon"])) : E("", !0),
+        j(" " + I(r.value ? c.message : ""), 1)
+      ], 2)
+    ]));
+  }
+}), qt = { class: "overflow-hidden rounded-lg shadow-lg" }, Qt = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), Zt = /* @__PURE__ */ D({
+  __name: "Dropdown",
+  props: {
+    label: {},
+    buttonProps: { default: () => ({}) },
+    buttonClass: { default: "" },
+    trigger: { default: "click" },
+    distance: { default: 0 },
+    skidding: {},
+    placement: {},
+    disabled: { type: Boolean, default: !1 },
+    shown: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(e) {
+    const o = e;
+    return Ge("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (m(), M(k(Re), {
+      disabled: t.disabled,
+      class: "inline-block w-auto",
+      shown: t.shown,
+      triggers: [t.trigger],
+      distance: t.distance + 6,
+      placement: t.placement,
+      skidding: t.skidding,
+      "onUpdate:shown": a[0] || (a[0] = (n) => t.$emit("update:visible", n)),
+      onClick: a[1] || (a[1] = (n) => {
+        n.stopPropagation();
+      })
+    }, {
+      popper: y(({ hide: n }) => [
+        b("div", qt, [
+          w(t.$slots, "popper", ce(de({ hide: n })), () => [
+            Qt
+          ])
+        ])
+      ]),
+      default: y(() => [
+        w(t.$slots, "default", {}, () => [
+          x(K, q({
+            ...t.buttonProps,
+            disabled: t.disabled
+          }, { class: t.buttonClass }), Te({
+            icon: y(() => [
+              w(t.$slots, "button-icon")
+            ]),
+            "icon-right": y(() => [
+              w(t.$slots, "button-icon-right")
+            ]),
+            _: 2
+          }, [
+            t.label ? {
+              name: "default",
+              fn: y(() => [
+                j(I(t.label), 1)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["class"])
+        ])
+      ]),
+      _: 3
+    }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
+  }
+}), fo = /* @__PURE__ */ D({
+  __name: "DropdownButton",
+  props: {
+    type: {},
+    round: { type: [String, Boolean] },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    size: {},
+    flat: { type: Boolean },
+    outlined: { type: Boolean },
+    keepOpen: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = Ke("$ui-dropdown-disabled", void 0);
+    return (a, n) => me((m(), M(K, q({
+      ...o,
+      round: !1
+    }, {
+      disabled: k(t),
+      class: "w-full justify-start transition-colors not-action:bg-transparent!"
+    }), {
+      icon: y(() => [
+        w(a.$slots, "icon")
+      ]),
+      default: y(() => [
+        w(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["disabled"])), [
+      [k($e)]
+    ]);
+  }
+}), eo = { class: "$ui-fec gap2.5" }, po = /* @__PURE__ */ D({
+  __name: "Confirm",
+  props: {
+    modelValue: { type: Boolean },
+    content: {},
+    cancelText: { default: "Cancel" },
+    confirmText: { default: "Confirm" },
+    width: { default: "20%" },
+    height: { default: "9rem" },
+    title: { default: "Warning" },
+    loading: { type: Boolean, default: !1 },
+    autoClose: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "confirm", "cancel", "close"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = J(t, "modelValue", a);
+    X(() => {
+      n.value || a("close");
+    });
+    function s(r = !1) {
+      (t.autoClose || r) && (n.value = !1);
+    }
+    return (r, i) => (m(), M(Ut, {
+      modelValue: k(n),
+      "onUpdate:modelValue": i[2] || (i[2] = (l) => Q(n) ? n.value = l : null),
+      width: r.width,
+      height: r.height,
+      title: r.title,
+      closable: !1
+    }, {
+      footer: y(() => [
+        b("div", eo, [
+          x(K, {
+            onClick: i[0] || (i[0] = () => {
+              a("cancel"), s(!0);
+            })
+          }, {
+            default: y(() => [
+              j(I(r.cancelText), 1)
+            ]),
+            _: 1
+          }),
+          x(K, {
+            loading: r.loading,
+            type: "primary",
+            onClick: i[1] || (i[1] = () => {
+              a("confirm"), s();
+            })
+          }, {
+            default: y(() => [
+              j(I(r.confirmText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ])
+      ]),
+      default: y(() => [
+        w(r.$slots, "default", { class: "h-auto w-auto" }, () => [
+          j(I(r.content), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "width", "height", "title"]));
+  }
+}), to = { class: "m1 min-w-35 w-auto flex flex-col" }, oo = ["onClick"], no = /* @__PURE__ */ b("div", { class: "i-mdi-chevron-down" }, null, -1), mo = /* @__PURE__ */ D({
+  __name: "Select",
+  props: {
+    modelValue: {},
+    multiple: { default: !1 },
+    options: {},
+    placeholder: { default: "Select..." },
+    autoClose: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    labelRenderer: { type: Function, default: (e) => String(e) },
+    buttonProps: { default: () => ({}) }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, n = _e(), s = _({
+      get: () => t.modelValue,
+      set: (l) => a("update:modelValue", l)
+    }), r = _(() => {
+      const l = t.options.find((c) => c.value === s.value);
+      return l != null && l.label ? t.labelRenderer(l.label) : t.placeholder;
+    });
+    function i(l) {
+      t.multiple ? s.value = s.value.includes(l.value) ? s.value.filter((c) => c !== l.value) : [...s.value, l.value] : s.value = l.value;
+    }
+    return (l, c) => (m(), M(Zt, q({ label: r.value }, {
+      buttonProps: l.buttonProps,
+      disabled: l.disabled
+    }), Te({
+      popper: y(() => [
+        b("div", to, [
+          k(n).item ? (m(!0), $(he, { key: 0 }, be(l.options, (d) => (m(), $("div", {
+            key: d.value,
+            class: "cursor-pointer",
+            onClick: (u) => i(d)
+          }, [
+            w(l.$slots, "item", ce(de({
+              item: d,
+              active: l.multiple ? s.value.includes(d.value) : d.value === s.value,
+              disabled: l.disabled
+            })))
+          ], 8, oo))), 128)) : (m(!0), $(he, { key: 1 }, be(l.options, (d) => me((m(), M(K, {
+            key: d.value,
+            disabled: l.disabled,
+            round: "normal",
+            class: S(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
+              active: l.multiple ? s.value.includes(d.value) : d.value === s.value
+            }]),
+            onClick: (u) => i(d)
+          }, {
+            default: y(() => [
+              j(I(d.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class", "onClick"])), [
+            [k($e), l.autoClose]
+          ])), 128))
+        ])
+      ]),
+      "button-icon-right": y(() => [
+        no
+      ]),
+      _: 2
+    }, [
+      k(n).button ? {
+        name: "default",
+        fn: y(() => [
+          w(l.$slots, "button")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["label"]));
+  }
+}), vo = /* @__PURE__ */ D({
+  __name: "Switch",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const n = J(e, "modelValue", o), s = yt(n);
+    return (r, i) => (m(), $("div", {
+      class: S([[
+        r.disabled ? "cursor-not-allowed" : "cursor-pointer"
+      ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
+      role: "checkbox",
+      onClick: i[0] || (i[0] = (l) => !r.disabled && k(s)())
+    }, [
+      w(r.$slots, "default"),
+      b("div", {
+        class: S([{
+          selected: k(n)
+        }, "group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])
+      }, [
+        b("div", {
+          class: S(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
+            { "group-hover:opacity-75 group-active:scale-85": !r.disabled },
+            { "opacity-65": r.disabled }
+          ]])
+        }, null, 2)
+      ], 2)
+    ], 2));
+  }
+}), go = /* @__PURE__ */ D({
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: Boolean },
+    variant: { default: "normal" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const n = J(e, "modelValue", o);
+    return (s, r) => (m(), $("div", {
+      class: S(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
+        k(n) ? s.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
+      ]]),
+      onClick: r[0] || (r[0] = (i) => n.value = !k(n))
+    }, [
+      b("div", {
+        class: S([[
+          k(n) ? "opacity-100" : "opacity-0"
+        ], "h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])
+      }, null, 2)
+    ], 2));
+  }
+}), ho = /* @__PURE__ */ D({
+  __name: "Drawer",
+  props: {
+    modelValue: { type: Boolean },
+    mountTo: { default: "body" },
+    placement: { default: "right" },
+    closeOutside: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !0 },
+    contentClass: {},
+    permanent: { type: Boolean, default: !1 },
+    contentBlur: { type: Boolean, default: !1 },
+    top: {},
+    dim: { type: Boolean },
+    blur: { type: Boolean }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: o }) {
+    const t = e, a = o, { height: n } = At(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), s = J(t, "modelValue", a), r = {
+      left: {
+        class: "left-0 h-full b-r",
+        transition: "[&_.drawer]:translate-x--100%"
+      },
+      right: {
+        class: "right-0 h-full b-l",
+        transition: "[&_.drawer]:translate-x-full"
+      },
+      top: {
+        class: "w-full b-b",
+        transition: "[&_.drawer]:translate-y--100%"
+      },
+      bottom: {
+        class: "bottom-0 w-full b-t",
+        transition: "[&_.drawer]:translate-y-100%"
+      }
+    };
+    Ne("Escape", () => {
+      t.closable && (s.value = !1);
+    });
+    const i = _(() => r[t.placement]), l = T(!1);
+    return Y(() => l.value = !0), (c, d) => l.value || c.mountTo === "body" ? (m(), M(Be, {
+      key: 0,
+      to: c.mountTo
+    }, [
+      x(fe, {
+        "enter-from-class": `${i.value.transition}`,
+        "leave-to-class": `${i.value.transition}`
+      }, {
+        default: y(() => [
+          k(s) ? (m(), M(Le, {
+            key: 0,
+            class: S({
+              "pointer-events-none": c.permanent
+            }),
+            dim: c.dim,
+            blur: c.blur,
+            onClick: d[2] || (d[2] = (u) => c.closeOutside && c.closable && (s.value = !1))
+          }, {
+            default: y(() => [
+              b("div", {
+                class: S([[i.value.class, c.contentClass ?? "", c.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
+                style: pe({
+                  top: c.placement === "bottom" ? "auto" : `${k(n)}px`,
+                  height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${k(n)}px)`
+                }),
+                onClick: d[1] || (d[1] = Ye(() => {
+                }, ["stop"]))
+              }, [
+                c.closable ? (m(), $("div", {
+                  key: 0,
+                  class: "i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",
+                  onClick: d[0] || (d[0] = (u) => s.value = !1)
+                })) : E("", !0),
+                w(c.$slots, "default")
+              ], 6)
+            ]),
+            _: 3
+          }, 8, ["class", "dim", "blur"])) : E("", !0)
+        ]),
+        _: 3
+      }, 8, ["enter-from-class", "leave-to-class"])
+    ], 8, ["to"])) : E("", !0);
+  }
+}), ro = /* @__PURE__ */ D({
+  __name: "Notification",
+  props: {
+    message: {},
+    type: { default: "info" },
+    classes: {},
+    duration: { default: 3e3 },
+    placement: { default: "top-center" },
+    onClose: {}
+  },
+  setup(e) {
+    const o = e, t = {
+      success: "i-carbon-checkmark",
+      info: "i-material-symbols-light-info",
+      warning: "i-carbon-warning",
+      error: "i-carbon-close"
+    }, a = {
+      success: "text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",
+      info: "text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",
+      warning: "text-amber-4 border-amber-2 dark:border-amber-4",
+      error: "text-red-4 border-red-2 dark:border-red-4"
+    }, n = T(!1);
+    Y(() => {
+      n.value = !0, setTimeout(() => {
+        n.value = !1;
+      }, o.duration);
+    });
+    const s = _(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
+    return (r, i) => (m(), $("div", {
+      class: S(["fixed left-0 right-0 $ui-z-max-override text-center", [
+        { "top-0": r.placement.startsWith("top") },
+        { "bottom-0": r.placement.startsWith("bottom") }
+      ]])
+    }, [
+      x(fe, {
+        "enter-from-class": s.value,
+        "leave-to-class": s.value,
+        onAfterLeave: i[0] || (i[0] = () => {
+          var l;
+          n.value || (l = r.onClose) == null || l.call(r);
+        })
+      }, {
+        default: y(() => [
+          n.value ? (m(), $("div", {
+            key: 0,
+            class: "flex transition-all duration-300",
+            style: pe({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
+          }, [
+            b("div", {
+              class: S(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, a[r.type]]])
+            }, [
+              b("div", {
+                class: S(t[r.type])
+              }, null, 2),
+              b("div", null, I(r.message), 1)
+            ], 2)
+          ], 4)) : E("", !0)
+        ]),
+        _: 1
+      }, 8, ["enter-from-class", "leave-to-class"])
+    ], 2));
+  }
+}), bo = /* @__PURE__ */ D({
+  __name: "Tooltip",
+  props: {
+    trigger: {},
+    distance: {},
+    skidding: {},
+    placement: {},
+    disabled: { type: Boolean },
+    shown: { type: Boolean }
+  },
+  setup(e) {
+    return (o, t) => (m(), M(k(We), q({
+      disabled: o.disabled,
+      placement: o.placement
+    }, o.$attrs), {
+      popper: y(() => [
+        w(o.$slots, "popper")
+      ]),
+      default: y(() => [
+        w(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["disabled", "placement"]));
+  }
+});
+function yo(e) {
+  const o = document.createElement("div");
+  o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
+  const t = e.onClose;
+  function a() {
+    ye(null, o);
+  }
+  e.onClose = () => {
+    a(), t == null || t(), document.body.removeChild(o);
+  };
+  const n = Xe(ro, e);
+  ye(n, o);
+}
+export {
+  $o as VTooltip,
+  so as VueBadge,
+  K as VueButton,
+  uo as VueCard,
+  go as VueCheckbox,
+  po as VueConfirm,
+  io as VueDarkToggle,
+  Ut as VueDialog,
+  ho as VueDrawer,
+  Zt as VueDropdown,
+  fo as VueDropdownButton,
+  co as VueFormField,
+  ie as VueIcon,
+  Yt as VueInput,
+  De as VueLoadingIndicator,
+  ro as VueNotification,
+  Le as VueOverlay,
+  mo as VueSelect,
+  vo as VueSwitch,
+  bo as VueTooltip,
+  yo as showVueNotification
+};