nightshade 1.5.0 → 2.0.0-dev.3

package/dist/index-DZX8JG-_.js

@@ -1,1063 +0,0 @@
-var N = Object.defineProperty;
-var l = (e, n) => N(e, "name", { value: n, configurable: !0 });
-import { openBlock as d, createBlock as b, resolveDynamicComponent as I, normalizeClass as p, withCtx as _, renderSlot as f, createElementBlock as c, createCommentVNode as m, toDisplayString as S, Transition as H, createElementVNode as h, resolveComponent as k, withKeys as T, Fragment as $, renderList as M, Teleport as E, withModifiers as z, normalizeStyle as F, createVNode as V, mergeProps as C } from "vue";
-import { L as O, g as R } from "./ListNavController-drNtDwz9.js";
-const y = /* @__PURE__ */ l((e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, a] of n)
-    t[o] = a;
-  return t;
-}, "_export_sfc"), P = {
-  props: {
-    label: { type: String },
-    title: { type: String },
-    icon: { type: String },
-    iconPos: { type: String, default: "left" },
-    kind: { type: String, default: "link-default" },
-    hoverKind: { type: String },
-    customTag: { type: String },
-    href: { type: String },
-    debounce: { type: Number, default: 0 },
-    disabled: { type: Boolean, default: !1 },
-    size: { type: String, default: "normal" },
-    square: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    round: { type: Boolean, default: !1 },
-    outline: { type: Boolean, default: !1 },
-    flat: { type: Boolean, default: !1 },
-    shadow: { type: Boolean, default: !1 },
-    pseudoFocus: { type: Boolean, default: !1 },
-    pseudoHover: { type: Boolean, default: !1 },
-    pseudoActive: { type: Boolean, default: !1 }
-  },
-  data() {
-    return {
-      hover: !1,
-      blocked: !1
-    };
-  },
-  computed: {
-    tagName() {
-      return this.customTag ?? "button";
-    },
-    actualKind() {
-      const { kind: e, hoverKind: n, hover: t } = this;
-      return t ? n ?? e : e;
-    }
-  },
-  methods: {
-    // TODO add debounce
-  }
-}, G = {
-  key: 0,
-  class: "Label"
-};
-function j(e, n, t, o, a, s) {
-  return d(), b(I(s.tagName), {
-    ref: "button",
-    class: p(["Btn button", [
-      `Btn-${t.size}`,
-      `Btn-${s.actualKind}`,
-      `Btn-iconPos-${t.iconPos}`,
-      {
-        "Btn-disabled": t.disabled || a.blocked,
-        "Btn-square": t.square,
-        "Btn-round": t.round,
-        "Btn-outline": t.outline,
-        "Btn-flat": t.flat,
-        "Btn-shadow": t.shadow,
-        "Btn-block": t.block,
-        "Btn-pseudo-focus": t.pseudoFocus,
-        "Btn-pseudo-hover": t.pseudoHover,
-        "Btn-pseudo-active": t.pseudoActive
-      }
-    ]]),
-    disabled: t.disabled || a.blocked,
-    title: t.title ?? t.label,
-    href: t.href,
-    onMouseenter: n[0] || (n[0] = (i) => a.hover = !0),
-    onMouseleave: n[1] || (n[1] = (i) => a.hover = !1)
-  }, {
-    default: _(() => [
-      f(e.$slots, "icon", {
-        hover: a.hover,
-        blocked: a.blocked
-      }, () => [
-        t.icon ? (d(), c("i", {
-          key: 0,
-          class: p([t.icon, "Icon"])
-        }, null, 2)) : m("", !0)
-      ], !0),
-      t.label ? (d(), c("span", G, S(t.label), 1)) : m("", !0),
-      f(e.$slots, "default", {
-        hover: a.hover,
-        blocked: a.blocked
-      }, void 0, !0)
-    ]),
-    _: 3
-  }, 40, ["class", "disabled", "title", "href"]);
-}
-l(j, "_sfc_render$f");
-const K = /* @__PURE__ */ y(P, [["render", j], ["__scopeId", "data-v-d953d96f"]]), W = {
-  props: {
-    dir: { type: String, default: "bottom" },
-    align: { type: String, default: "start" }
-  }
-}, Z = { class: "Body" };
-function Q(e, n, t, o, a, s) {
-  return d(), b(H, {
-    name: "fade-" + t.dir,
-    appear: ""
-  }, {
-    default: _(() => [
-      h("div", {
-        class: p(["Bubble", [
-          `Bubble-${t.dir}`,
-          `Bubble-${t.align}`
-        ]])
-      }, [
-        n[0] || (n[0] = h("div", { class: "Arrow" }, null, -1)),
-        h("div", Z, [
-          f(e.$slots, "default", {}, void 0, !0)
-        ])
-      ], 2)
-    ]),
-    _: 3
-  }, 8, ["name"]);
-}
-l(Q, "_sfc_render$e");
-const q = /* @__PURE__ */ y(W, [["render", Q], ["__scopeId", "data-v-2bf83119"]]), U = {
-  props: {
-    size: { type: String, default: "normal" }
-  }
-};
-function Y(e, n, t, o, a, s) {
-  return d(), c("div", {
-    class: p(["Circle", [
-      `Circle-${t.size}`
-    ]])
-  }, [
-    f(e.$slots, "default", {}, void 0, !0)
-  ], 2);
-}
-l(Y, "_sfc_render$d");
-const J = /* @__PURE__ */ y(U, [["render", Y], ["__scopeId", "data-v-48fdb4ac"]]);
-function X(e, n, t = "b") {
-  return e.split("").map((o, a) => n.includes(a) ? `<${t}>${o}</${t}>` : o).join("");
-}
-l(X, "formatHighlight");
-function L(e) {
-  return e.toLowerCase().replace(/[^\p{L}\p{N}]/gu, "");
-}
-l(L, "normalizeToken");
-function g(e, n) {
-  const t = /(?:[A-Z]?[a-z0-9]+(?=[A-Z]))|(?:[a-zA-Z0-9]+[^A-Za-z0-9]*)|(?:[^A-Za-z0-9]*(?=[a-zA-Z0-9]))/g;
-  t.lastIndex = n;
-  const o = t.exec(e);
-  return o == null ? e.length : o.index + o[0].length;
-}
-l(g, "nextTokenIdx");
-function A(e) {
-  const n = [];
-  let t = 0;
-  for (; t < e.length; ) {
-    const o = g(e, t), a = e.substring(t, o).replace(/[^a-z0-9]/gi, "");
-    a.length > 0 && n.push(L(a)), t = o;
-  }
-  return n;
-}
-l(A, "tokenize");
-const ee = [
-  {
-    matcher: /* @__PURE__ */ l((e, n) => ne(e, n), "matcher"),
-    bias: /* @__PURE__ */ l((e) => e.biasTokensStrict ?? 16, "bias")
-  },
-  {
-    matcher: /* @__PURE__ */ l((e, n) => x(e, n), "matcher"),
-    bias: /* @__PURE__ */ l((e) => e.biasLetterTokens ?? 8, "bias")
-  },
-  {
-    matcher: /* @__PURE__ */ l((e, n) => se(e, n), "matcher"),
-    bias: /* @__PURE__ */ l((e) => e.biasTokensLenient ?? 4, "bias")
-  },
-  {
-    matcher: /* @__PURE__ */ l((e, n) => ae(e, n), "matcher"),
-    bias: /* @__PURE__ */ l((e) => e.biasWildcard ?? 1, "bias")
-  }
-];
-function te(e, n, t = {}) {
-  const o = ee.slice().sort((a, s) => {
-    const i = a.bias(t), r = s.bias(t);
-    return i < r ? 1 : -1;
-  });
-  for (const a of o) {
-    const s = a.bias(t);
-    if (s === 0)
-      continue;
-    const i = a.matcher(e, n);
-    if (i.length > 0) {
-      const r = oe(i), u = X(n, i, t.highlightTag ?? "b");
-      return {
-        score: r * s,
-        matches: i,
-        highlight: u
-      };
-    }
-  }
-  return {
-    score: 0,
-    matches: [],
-    highlight: n
-  };
-}
-l(te, "fuzzyMatch");
-function ne(e, n, t = 0) {
-  const o = A(e), a = [], s = n.toLowerCase();
-  let i = t;
-  for (; o.length > 0; ) {
-    if (i >= n.length) {
-      const w = g(n, t);
-      return w < n.length ? x(e, n, w) : [];
-    }
-    const r = o[0], u = i + r.length;
-    if (s.substring(i, u) === r) {
-      for (let w = i; w < u; w++)
-        a.push(w);
-      i = Math.min(g(n, u), g(n, i)), o.shift();
-    } else
-      i = g(n, i);
-  }
-  return a;
-}
-l(ne, "matchTokensStrict");
-function x(e, n, t = 0) {
-  const o = [];
-  let a = t;
-  const s = L(e).split("");
-  for (; s.length > 0; ) {
-    if (a >= n.length) {
-      const r = g(n, t);
-      return r < n.length ? x(e, n, r) : [];
-    }
-    s[0] === n.charAt(a).toLowerCase() ? (o.push(a), a += 1, s.shift()) : a = g(n, a);
-  }
-  return o;
-}
-l(x, "matchLetterTokens");
-function se(e, n) {
-  const t = A(e), o = [], a = n.toLowerCase();
-  let s = 0;
-  e: for (; s < n.length; ) {
-    for (const i of t) {
-      const r = s + i.length;
-      if (a.substring(s, r) === i) {
-        for (let v = s; v < r; v++)
-          o.push(v);
-        s = Math.min(g(n, r), g(n, s));
-        continue e;
-      }
-    }
-    s = g(n, s);
-  }
-  return o;
-}
-l(se, "matchTokensLenient");
-function ae(e, n) {
-  const t = [];
-  let o = 0;
-  e = e.toLowerCase().replace(/\s+/g, "");
-  const a = n.toLowerCase();
-  for (let s = 0; s < e.length; s++) {
-    const i = e.charAt(s).toLowerCase(), r = a.indexOf(i, o);
-    if (r === -1)
-      return [];
-    t.push(r), o = r + 1;
-  }
-  return t;
-}
-l(ae, "matchWildcard");
-function oe(e) {
-  const n = e.length;
-  return e.reduce((t, o) => t + n / (1 + o), 0);
-}
-l(oe, "fuzzyMatchScore");
-function ie(e, n, t = {}) {
-  const o = [];
-  for (const [a, s] of n.entries()) {
-    const i = te(e, s, t);
-    if (i.score > 0) {
-      const { score: r, matches: u, highlight: v } = i;
-      o.push({
-        score: r,
-        matches: u,
-        source: s,
-        index: a,
-        highlight: v
-      });
-    }
-  }
-  return o.sort((a, s) => a.score === s.score ? a.source > s.source ? 1 : -1 : a.score > s.score ? -1 : 1);
-}
-l(ie, "fuzzySearch");
-const le = {
-  props: {
-    dir: { type: String },
-    align: { type: String },
-    size: { type: String },
-    items: { type: Array },
-    atCursor: { type: Boolean },
-    anchorRef: { type: String },
-    anchorDir: { type: String },
-    search: { type: Boolean },
-    autoDismiss: { type: Boolean, default: !0 }
-  },
-  emits: ["hide"],
-  data() {
-    return {
-      listNav: new O({
-        selector: "[data-menu-item-id]",
-        resolveId: /* @__PURE__ */ l((e) => e.getAttribute("data-menu-item-id"), "resolveId")
-      }),
-      searchQuery: "",
-      filteredItems: this.items
-    };
-  },
-  computed: {
-    iconCheck() {
-      var e;
-      return ((e = this.$nightshadeIcons) == null ? void 0 : e.check) ?? "fas fa-check";
-    }
-  },
-  unmounted() {
-    this.listNav.destroy();
-  },
-  methods: {
-    initialize() {
-      this.listNav.mount(this.$refs.menu);
-    },
-    isItemSelected(e) {
-      return this.listNav.selection.isSelected(String(e));
-    },
-    activate() {
-      const e = this.listNav.selection.getFirst(), n = this.filteredItems[e];
-      n && this.activateItem(n);
-    },
-    activateItem(e) {
-      e.disabled || !e.activate || (e.activate(), this.autoDismiss ? this.hide() : e.checked = !e.checked);
-    },
-    doSearch() {
-      const e = this.searchQuery.trim();
-      if (!e) {
-        this.filteredItems = this.items;
-        return;
-      }
-      const n = ie(e, this.items.map((t) => t.title ?? ""));
-      this.filteredItems = n.map((t) => this.items[t.index]);
-    },
-    selectSearch() {
-      this.$refs.search && this.$refs.search.$el.querySelector("input").focus();
-    },
-    hide() {
-      this.$emit("hide");
-    }
-  }
-}, re = {
-  key: 0,
-  class: "Separator"
-}, de = ["textContent"], ue = ["data-menu-item-id", "onClick"], ce = { class: "ItemLine" }, fe = { class: "ItemTitle" }, he = {
-  key: 0,
-  class: "ItemDescription"
-};
-function pe(e, n, t, o, a, s) {
-  const i = k("InputText"), r = k("ContextPopup");
-  return d(), b(r, {
-    dir: t.dir,
-    align: t.align,
-    anchorRef: t.anchorRef,
-    anchorDir: t.anchorDir,
-    onHide: n[4] || (n[4] = (u) => s.hide()),
-    onReady: n[5] || (n[5] = (u) => s.initialize())
-  }, {
-    default: _(() => [
-      h("div", {
-        ref: "menu",
-        class: p(["Menu", {
-          "Menu-search": t.search
-        }])
-      }, [
-        t.search ? (d(), b(i, {
-          key: 0,
-          ref: "search",
-          modelValue: a.searchQuery,
-          "onUpdate:modelValue": [
-            n[0] || (n[0] = (u) => a.searchQuery = u),
-            n[1] || (n[1] = (u) => s.doSearch())
-          ],
-          autoFocus: "",
-          class: "Search",
-          icon: "fas fa-search",
-          placeholder: "Search",
-          "data-menu-item-id": "#",
-          onKeydown: n[2] || (n[2] = T((u) => s.activate(), ["enter"]))
-        }, null, 8, ["modelValue"])) : m("", !0),
-        h("div", {
-          class: "Items",
-          onKeydown: n[3] || (n[3] = T((u) => s.selectSearch(), ["backspace"]))
-        }, [
-          (d(!0), c($, null, M(a.filteredItems, (u, v) => (d(), c($, { key: v }, [
-            u.kind === "separator" ? (d(), c("div", re)) : u.kind === "title" ? (d(), c("div", {
-              key: 1,
-              class: "SectionTitle",
-              textContent: S(u.title)
-            }, null, 8, de)) : (d(), c("div", {
-              key: 2,
-              class: p(["MenuItem", [
-                {
-                  "MenuItem-selected": s.isItemSelected(v),
-                  "MenuItem-disabled": u.disabled,
-                  "MenuItem-checked": u.checked
-                },
-                `MenuItem-${u.kind}`
-              ]]),
-              "data-menu-item-id": v,
-              tabindex: "0",
-              onClick: /* @__PURE__ */ l((w) => s.activateItem(u), "onClick")
-            }, [
-              h("div", ce, [
-                u.icon ? (d(), c("i", {
-                  key: 0,
-                  class: p([u.icon, "ItemIcon"])
-                }, null, 2)) : m("", !0),
-                h("div", fe, S(u.title), 1),
-                u.checked ? f(e.$slots, "iconCheck", { key: 1 }, () => [
-                  h("i", {
-                    class: p(["CheckIcon", s.iconCheck])
-                  }, null, 2)
-                ], !0) : m("", !0)
-              ]),
-              u.description ? (d(), c("div", he, S(u.description), 1)) : m("", !0)
-            ], 10, ue))
-          ], 64))), 128))
-        ], 32)
-      ], 2)
-    ]),
-    _: 3
-  }, 8, ["dir", "align", "anchorRef", "anchorDir"]);
-}
-l(pe, "_sfc_render$c");
-const me = /* @__PURE__ */ y(le, [["render", pe], ["__scopeId", "data-v-e556263d"]]), ye = {
-  props: {
-    dir: { type: String, default: "v" },
-    align: { type: String, default: "auto" },
-    anchorRef: { type: String },
-    anchorDir: { type: String, default: "middle" },
-    overlayEnabled: { type: Boolean, default: !0 },
-    overlayShown: { type: Boolean, default: !0 }
-  },
-  emits: [
-    "hide",
-    "mouseenter",
-    "mouseleave",
-    "ready",
-    "update:overlayShown"
-  ],
-  data() {
-    return {
-      pos: {
-        x: 0,
-        y: 0
-      },
-      actualDir: "bottom",
-      actualAlign: "start",
-      ready: !1
-    };
-  },
-  computed: {
-    bubbleStyle() {
-      const { x: e, y: n } = this.pos;
-      return {
-        left: `${e}px`,
-        top: `${n}px`,
-        "pointer-events": "auto"
-      };
-    }
-  },
-  mounted() {
-    this.$nextTick(() => this.calcPos()), window.addEventListener("resize", this.onResize), window.addEventListener("keydown", this.onWindowKeyDown), this.enableOverlay();
-  },
-  unmounted() {
-    window.removeEventListener("resize", this.onResize), window.removeEventListener("keydown", this.onWindowKeyDown), this.disableOverlay();
-  },
-  methods: {
-    hide() {
-      this.$emit("hide");
-    },
-    calcPos() {
-      const e = this.getAnchorEl();
-      this.pos = R(e, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready"));
-    },
-    calcDirAlign() {
-      const e = this.pos.y < window.innerHeight * 0.5, n = this.pos.x < window.innerWidth * 0.5;
-      this.align === "auto" ? ["top", "bottom", "v"].includes(this.dir) ? this.actualAlign = n ? "start" : "end" : this.actualAlign = e ? "start" : "end" : this.actualAlign = this.align, this.dir === "v" ? this.actualDir = e ? "bottom" : "top" : this.dir === "h" ? this.actualDir = n ? "right" : "left" : this.actualDir = this.dir;
-    },
-    getAnchorEl() {
-      if (this.anchorRef) {
-        const e = this.findRef(this.$parent, this.anchorRef);
-        if (e)
-          return e;
-      }
-      return this.$el.parentElement;
-    },
-    findRef(e, n) {
-      const t = e.$refs[n];
-      if (t) {
-        const o = t.$el ?? t;
-        if (o instanceof HTMLElement)
-          return o;
-      }
-      return e.$parent ? this.findRef(e.$parent, n) : null;
-    },
-    onResize() {
-      this.calcPos();
-    },
-    onWindowKeyDown(e) {
-      e.key === "Escape" && this.hide();
-    },
-    enableOverlay() {
-      if (!this.overlayEnabled)
-        return;
-      const e = document.documentElement, n = e.style.overflow;
-      e.dataset.previousOverflow = n, e.style.overflow = "hidden";
-    },
-    disableOverlay() {
-      const e = document.documentElement;
-      e.dataset.previousOverflow != null && (e.style.overflow = e.dataset.previousOverflow, delete e.dataset.previousOverflow);
-    }
-  }
-};
-function be(e, n, t, o, a, s) {
-  const i = k("Bubble");
-  return d(), b(E, { to: "#overlays" }, [
-    h("div", {
-      class: p(["Overlay", {
-        "Overlay-enabled": t.overlayEnabled,
-        "Overlay-shown": t.overlayShown
-      }]),
-      onClick: n[3] || (n[3] = z((r) => s.hide(), ["stop"]))
-    }, [
-      a.ready ? (d(), b(i, {
-        key: 0,
-        dir: a.actualDir,
-        align: a.actualAlign,
-        style: F(s.bubbleStyle),
-        onMouseenter: n[0] || (n[0] = (r) => e.$emit("mouseenter")),
-        onMouseleave: n[1] || (n[1] = (r) => e.$emit("mouseleave")),
-        onClick: n[2] || (n[2] = z(() => {
-        }, ["stop"]))
-      }, {
-        default: _(() => [
-          f(e.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["dir", "align", "style"])) : m("", !0)
-    ], 2)
-  ]);
-}
-l(be, "_sfc_render$b");
-const ve = /* @__PURE__ */ y(ye, [["render", be], ["__scopeId", "data-v-55cbd0aa"]]), ge = {
-  props: {
-    tagName: { type: String, default: "div" },
-    align: { type: String, default: "center" },
-    justify: { type: String },
-    gap: { type: String, default: "1" },
-    wrap: { type: Boolean, default: !1 }
-  }
-};
-function _e(e, n, t, o, a, s) {
-  return d(), b(I(t.tagName), {
-    class: p(["HGroup", [
-      `HGroup-align-${t.align}`,
-      `HGroup-justify-${t.justify}`,
-      `HGroup-gap-${t.gap}`,
-      {
-        "HGroup-wrap": t.wrap
-      }
-    ]])
-  }, {
-    default: _(() => [
-      f(e.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-l(_e, "_sfc_render$a");
-const Se = /* @__PURE__ */ y(ge, [["render", _e], ["__scopeId", "data-v-0abfef17"]]), ke = {}, we = { class: "HStack" };
-function Ie(e, n, t, o, a, s) {
-  return d(), c("div", we, [
-    f(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-l(Ie, "_sfc_render$9");
-const Be = /* @__PURE__ */ y(ke, [["render", Ie], ["__scopeId", "data-v-48a370d0"]]), $e = {
-  props: {
-    dir: { type: String, default: "top" },
-    label: { type: String }
-  },
-  computed: {
-    orientation() {
-      return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
-    }
-  }
-}, Ce = { class: "Content" }, xe = ["title"];
-function Te(e, n, t, o, a, s) {
-  const i = k("TabCap");
-  return d(), c("div", {
-    class: p(["Tab", [
-      `Tab-${t.dir}`,
-      `Tab-${s.orientation}`
-    ]])
-  }, [
-    V(i, {
-      class: "TabCap",
-      dir: t.dir,
-      type: "start"
-    }, null, 8, ["dir"]),
-    h("div", Ce, [
-      f(e.$slots, "default", {}, () => [
-        t.label ? (d(), c("div", {
-          key: 0,
-          class: "TabLabel",
-          title: t.label
-        }, S(t.label), 9, xe)) : m("", !0)
-      ], !0)
-    ]),
-    V(i, {
-      class: "TabCap",
-      dir: t.dir,
-      type: "end"
-    }, null, 8, ["dir"])
-  ], 2);
-}
-l(Te, "_sfc_render$8");
-const D = /* @__PURE__ */ y($e, [["render", Te], ["__scopeId", "data-v-1ba502f2"]]), ze = {
-  components: {
-    Tab: D
-  },
-  props: {
-    tagName: { default: "label" },
-    label: { type: String },
-    labelStyle: { type: String, default: "tab" },
-    size: { type: String, default: "normal" },
-    fixedHeight: { type: Boolean, default: !0 },
-    round: { type: Boolean, default: !1 },
-    block: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    pseudoFocus: { type: Boolean, default: !1 },
-    pseudoHover: { type: Boolean, default: !1 }
-  },
-  data() {
-    return {
-      focused: !1
-    };
-  }
-}, Ve = {
-  key: 1,
-  class: "Label TextLabel"
-}, Le = {
-  key: 2,
-  class: "Label InlineLabel"
-}, Ae = { class: "Container" };
-function De(e, n, t, o, a, s) {
-  const i = k("Tab");
-  return d(), b(I(t.tagName), {
-    class: p(["InputBase", [
-      `InputBase-${t.size}`,
-      {
-        "InputBase-block": t.block,
-        "InputBase-round": t.round,
-        "InputBase-disabled": t.disabled,
-        "InputBase-invalid": t.invalid,
-        "InputBase-fixed-height": t.fixedHeight,
-        "InputBase-pseudo-focus": t.pseudoFocus,
-        "InputBase-pseudo-hover": t.pseudoHover
-      }
-    ]]),
-    onFocusin: n[0] || (n[0] = (r) => a.focused = !0),
-    onFocusout: n[1] || (n[1] = (r) => a.focused = !1)
-  }, {
-    default: _(() => [
-      t.label ? (d(), c($, { key: 0 }, [
-        t.labelStyle === "tab" ? (d(), b(i, {
-          key: 0,
-          class: "Label TabLabel",
-          label: t.label
-        }, null, 8, ["label"])) : m("", !0),
-        t.labelStyle === "text" ? (d(), c("div", Ve, S(t.label), 1)) : m("", !0),
-        t.labelStyle === "inline" ? (d(), c("div", Le, S(t.label), 1)) : m("", !0)
-      ], 64)) : m("", !0),
-      h("div", Ae, [
-        f(e.$slots, "default", {}, void 0, !0)
-      ])
-    ]),
-    _: 3
-  }, 40, ["class"]);
-}
-l(De, "_sfc_render$7");
-const B = /* @__PURE__ */ y(ze, [["render", De], ["__scopeId", "data-v-bc2d01df"]]), Ne = {
-  props: {
-    ...B.props,
-    modelValue: {},
-    items: { type: Array, default: /* @__PURE__ */ l(() => [], "default") },
-    placeholder: { type: String },
-    readonly: { type: Boolean },
-    search: { type: Boolean, default: !1 }
-  },
-  emits: [
-    "focus",
-    "blur",
-    "update:modelValue"
-  ],
-  data() {
-    return {
-      menuShown: !1
-    };
-  },
-  computed: {
-    selectedItem() {
-      return this.items.find((e) => (e.value ?? e) === this.modelValue);
-    },
-    itemTitle() {
-      const { selectedItem: e } = this;
-      return (e == null ? void 0 : e.title) ?? e;
-    },
-    itemIcon() {
-      const { selectedItem: e } = this;
-      return e == null ? void 0 : e.icon;
-    },
-    iconDropdown() {
-      var e;
-      return ((e = this.$nightshadeIcons) == null ? void 0 : e.dropdown) ?? "fas fa-angle-down";
-    }
-  },
-  methods: {
-    onInput(e) {
-      this.$emit("update:modelValue", e.target.value);
-    },
-    selectValue(e) {
-      this.$emit("update:modelValue", e), this.menuShown = !1;
-    },
-    getMenuItems() {
-      return this.items.map((e) => {
-        const n = typeof e == "string" ? e : e.title, t = typeof e == "string" ? e : e.value;
-        return {
-          title: n,
-          checked: t === this.modelValue,
-          disabled: e.disabled,
-          description: e.description,
-          icon: e.icon ?? void 0,
-          activate: /* @__PURE__ */ l(() => {
-            this.disabled || this.selectValue(t);
-          }, "activate")
-        };
-      });
-    },
-    show() {
-      this.disabled || (this.menuShown = !0);
-    }
-  }
-}, He = {
-  key: 1,
-  class: "Value"
-}, Me = {
-  key: 2,
-  class: "Placeholder"
-}, Ee = {
-  ref: "icon",
-  class: "DropdownIcon"
-};
-function Fe(e, n, t, o, a, s) {
-  const i = k("ContextMenu"), r = k("InputBase");
-  return d(), b(r, C({ class: "InputSelect" }, {
-    ...e.$props
-  }, {
-    tabindex: "0",
-    onClick: n[1] || (n[1] = (u) => s.show())
-  }), {
-    default: _(() => [
-      f(e.$slots, "before", {}, void 0, !0),
-      s.itemIcon ? (d(), c("i", {
-        key: 0,
-        class: p(["Icon", s.itemIcon])
-      }, null, 2)) : m("", !0),
-      s.selectedItem ? (d(), c("span", He, S(s.itemTitle), 1)) : m("", !0),
-      s.selectedItem ? m("", !0) : (d(), c("span", Me, S(t.placeholder), 1)),
-      h("div", Ee, [
-        f(e.$slots, "iconDropdown", {}, () => [
-          h("i", {
-            class: p(s.iconDropdown)
-          }, null, 2)
-        ], !0)
-      ], 512),
-      !e.disabled && a.menuShown ? (d(), b(i, {
-        key: 3,
-        anchorRef: "icon",
-        items: s.getMenuItems(),
-        search: t.search,
-        overlayShown: !1,
-        onHide: n[0] || (n[0] = (u) => a.menuShown = !1)
-      }, null, 8, ["items", "search"])) : m("", !0),
-      f(e.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-l(Fe, "_sfc_render$6");
-const Oe = /* @__PURE__ */ y(Ne, [["render", Fe], ["__scopeId", "data-v-329a6de2"]]), Re = {
-  props: {
-    ...B.props,
-    modelValue: { type: [String, Number] },
-    type: { type: String },
-    placeholder: { type: String },
-    min: { type: Number },
-    max: { type: Number },
-    step: { type: Number },
-    autoFocus: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: [
-    "focus",
-    "blur",
-    "input",
-    "update:modelValue"
-  ],
-  mounted() {
-    var e;
-    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
-  },
-  methods: {
-    onInput(e) {
-      this.$emit("update:modelValue", e.target.value);
-    }
-  }
-}, Pe = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function Ge(e, n, t, o, a, s) {
-  const i = k("InputBase");
-  return d(), b(i, C({ class: "InputText" }, {
-    ...e.$props
-  }), {
-    default: _(() => [
-      f(e.$slots, "before", {}, void 0, !0),
-      h("input", {
-        ref: "input",
-        value: t.modelValue,
-        type: t.type,
-        placeholder: t.placeholder,
-        readonly: t.readonly,
-        disabled: e.disabled,
-        min: t.min,
-        max: t.max,
-        step: t.step,
-        autocomplete: "off",
-        onInput: n[0] || (n[0] = (r) => s.onInput(r)),
-        onFocus: n[1] || (n[1] = (r) => e.$emit("focus", r)),
-        onBlur: n[2] || (n[2] = (r) => e.$emit("blur", r))
-      }, null, 40, Pe),
-      f(e.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-l(Ge, "_sfc_render$5");
-const je = /* @__PURE__ */ y(Re, [["render", Ge], ["__scopeId", "data-v-3aca34dd"]]), Ke = {
-  props: {
-    ...B.props,
-    modelValue: { type: String },
-    placeholder: { type: String },
-    rows: { type: Number },
-    autoSize: { type: Boolean, default: !0 },
-    autoFocus: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: [
-    "focus",
-    "blur",
-    "input",
-    "update:modelValue"
-  ],
-  watch: {
-    modelValue: {
-      handler() {
-        const e = this.$refs.input;
-        this.autoSize && e && (e.style.height = "auto", e.style.height = e.scrollHeight + "px");
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      const e = this.$refs.input;
-      this.autoFocus && e.focus(), this.autoSize && (e.style.height = e.scrollHeight + "px", e.style.overflowY = "hidden");
-    });
-  },
-  methods: {
-    onInput(e) {
-      this.$emit("update:modelValue", e.target.value);
-    }
-  }
-}, We = ["value", "placeholder", "readonly", "disabled", "rows"];
-function Ze(e, n, t, o, a, s) {
-  const i = k("InputBase");
-  return d(), b(i, C({ class: "InputTextarea" }, {
-    ...e.$props
-  }, { fixedHeight: !1 }), {
-    default: _(() => [
-      f(e.$slots, "before", {}, void 0, !0),
-      h("textarea", {
-        ref: "input",
-        value: t.modelValue,
-        placeholder: t.placeholder,
-        readonly: t.readonly,
-        disabled: e.disabled,
-        rows: t.rows,
-        resize: "none",
-        autocomplete: "off",
-        onInput: n[0] || (n[0] = (r) => s.onInput(r)),
-        onFocus: n[1] || (n[1] = (r) => e.$emit("focus", r)),
-        onBlur: n[2] || (n[2] = (r) => e.$emit("blur", r))
-      }, null, 40, We),
-      f(e.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-l(Ze, "_sfc_render$4");
-const Qe = /* @__PURE__ */ y(Ke, [["render", Ze], ["__scopeId", "data-v-41eab4ae"]]), qe = {}, Ue = { class: "Sizer" };
-function Ye(e, n) {
-  return d(), c("div", Ue);
-}
-l(Ye, "_sfc_render$3");
-const Je = /* @__PURE__ */ y(qe, [["render", Ye], ["__scopeId", "data-v-2f099547"]]), Xe = {
-  props: {
-    modelValue: { type: Boolean },
-    disabled: { type: Boolean },
-    kind: { type: String, default: "primary" },
-    size: { type: String, default: "normal" },
-    knobOutline: { type: Boolean, default: !1 },
-    pseudoFocus: { type: Boolean, default: !1 },
-    pseudoHover: { type: Boolean, default: !1 },
-    pseudoActive: { type: Boolean, default: !1 }
-  },
-  emits: [
-    "update:modelValue"
-  ],
-  methods: {
-    onChange(e) {
-      this.$emit("update:modelValue", e.target.checked);
-    }
-  }
-}, et = ["checked", "disabled"];
-function tt(e, n, t, o, a, s) {
-  return d(), c("label", {
-    class: p(["Switch", [
-      `Switch-${t.kind}`,
-      `Switch-${t.size}`,
-      {
-        "Switch-active": !!t.modelValue,
-        "Switch-disabled": t.disabled,
-        "Switch-pseudo-focus": t.pseudoFocus,
-        "Switch-pseudo-hover": t.pseudoHover,
-        "Switch-pseudo-active": t.pseudoActive,
-        "Switch-knob-outline": t.knobOutline
-      }
-    ]]),
-    tabindex: "0"
-  }, [
-    h("input", {
-      type: "checkbox",
-      checked: t.modelValue,
-      disabled: t.disabled,
-      onChange: n[0] || (n[0] = (...i) => s.onChange && s.onChange(...i))
-    }, null, 40, et)
-  ], 2);
-}
-l(tt, "_sfc_render$2");
-const nt = /* @__PURE__ */ y(Xe, [["render", tt], ["__scopeId", "data-v-df1be8fc"]]), st = {
-  props: {
-    dir: { type: String, default: "top" },
-    type: { type: String, default: "start" }
-  }
-};
-function at(e, n, t, o, a, s) {
-  return d(), c("svg", {
-    class: p(["TabCap", [
-      `TabCap-${t.dir}`,
-      `TabCap-${t.type}`
-    ]]),
-    viewBox: "0 0 32 32",
-    preserveAspectRatio: "none"
-  }, n[0] || (n[0] = [
-    h("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
-  ]), 2);
-}
-l(at, "_sfc_render$1");
-const ot = /* @__PURE__ */ y(st, [["render", at], ["__scopeId", "data-v-3c0176d0"]]), it = {
-  props: {
-    tagName: { type: String, default: "div" },
-    align: { type: String, default: "stretch" },
-    justify: { type: String },
-    gap: { type: String, default: "1" }
-  }
-};
-function lt(e, n, t, o, a, s) {
-  return d(), b(I(t.tagName), {
-    class: p(["VGroup", [
-      `VGroup-align-${t.align}`,
-      `VGroup-justify-${t.justify}`,
-      `VGroup-gap-${t.gap}`
-    ]])
-  }, {
-    default: _(() => [
-      f(e.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-l(lt, "_sfc_render");
-const rt = /* @__PURE__ */ y(it, [["render", lt], ["__scopeId", "data-v-4e4be270"]]), ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Btn: K,
-  Bubble: q,
-  Circle: J,
-  ContextMenu: me,
-  ContextPopup: ve,
-  HGroup: Se,
-  HStack: Be,
-  InputBase: B,
-  InputSelect: Oe,
-  InputText: je,
-  InputTextarea: Qe,
-  Sizer: Je,
-  Switch: nt,
-  Tab: D,
-  TabCap: ot,
-  VGroup: rt
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  K as B,
-  J as C,
-  Se as H,
-  B as I,
-  Je as S,
-  D as T,
-  rt as V,
-  q as a,
-  me as b,
-  ve as c,
-  Be as d,
-  Oe as e,
-  je as f,
-  Qe as g,
-  nt as h,
-  ft as i,
-  ot as j
-};