nightshade 1.0.2 → 1.1.0

package/dist/index-Dt8Bl5Zk.js

@@ -0,0 +1,1004 @@
+var M = Object.defineProperty;
+var r = (e, n) => M(e, "name", { value: n, configurable: !0 });
+import { openBlock as d, createBlock as b, resolveDynamicComponent as w, normalizeClass as p, withCtx as _, renderSlot as h, createElementBlock as c, createCommentVNode as f, toDisplayString as S, Transition as D, createElementVNode as y, resolveComponent as I, withKeys as x, Fragment as $, renderList as R, Teleport as E, withModifiers as z, normalizeStyle as H, createVNode as L, mergeProps as T } from "vue";
+import { L as F, g as O } from "./ListNavController-drNtDwz9.js";
+const m = /* @__PURE__ */ r((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 },
+    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(w(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-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: _(() => [
+      h(e.$slots, "icon", {
+        hover: a.hover,
+        blocked: a.blocked
+      }, () => [
+        t.icon ? (d(), c("i", {
+          key: 0,
+          class: p([t.icon, "Icon"])
+        }, null, 2)) : f("", !0)
+      ], !0),
+      t.label ? (d(), c("span", G, S(t.label), 1)) : f("", !0),
+      h(e.$slots, "default", {
+        hover: a.hover,
+        blocked: a.blocked
+      }, void 0, !0)
+    ]),
+    _: 3
+  }, 40, ["class", "disabled", "title", "href"]);
+}
+r(j, "_sfc_render$e");
+const K = /* @__PURE__ */ m(P, [["render", j], ["__scopeId", "data-v-43785b81"]]), 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(D, {
+    name: "fade-" + t.dir,
+    appear: ""
+  }, {
+    default: _(() => [
+      y("div", {
+        class: p(["Bubble", [
+          `Bubble-${t.dir}`,
+          `Bubble-${t.align}`
+        ]])
+      }, [
+        n[0] || (n[0] = y("div", { class: "Arrow" }, null, -1)),
+        y("div", Z, [
+          h(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+r(Q, "_sfc_render$d");
+const q = /* @__PURE__ */ m(W, [["render", Q], ["__scopeId", "data-v-2bf83119"]]), U = {
+  props: {
+    size: { type: String, default: "normal" }
+  }
+};
+function J(e, n, t, o, a, s) {
+  return d(), c("div", {
+    class: p(["Circle", [
+      `Circle-${t.size}`
+    ]])
+  }, [
+    h(e.$slots, "default", {}, void 0, !0)
+  ], 2);
+}
+r(J, "_sfc_render$c");
+const X = /* @__PURE__ */ m(U, [["render", J], ["__scopeId", "data-v-48fdb4ac"]]);
+function Y(e, n, t = "b") {
+  return e.split("").map((o, a) => n.includes(a) ? `<${t}>${o}</${t}>` : o).join("");
+}
+r(Y, "formatHighlight");
+function V(e) {
+  return e.toLowerCase().replace(/[^\p{L}\p{N}]/gu, "");
+}
+r(V, "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;
+}
+r(g, "nextTokenIdx");
+function N(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(V(a)), t = o;
+  }
+  return n;
+}
+r(N, "tokenize");
+const ee = [
+  {
+    matcher: /* @__PURE__ */ r((e, n) => ne(e, n), "matcher"),
+    bias: /* @__PURE__ */ r((e) => e.biasTokensStrict ?? 16, "bias")
+  },
+  {
+    matcher: /* @__PURE__ */ r((e, n) => C(e, n), "matcher"),
+    bias: /* @__PURE__ */ r((e) => e.biasLetterTokens ?? 8, "bias")
+  },
+  {
+    matcher: /* @__PURE__ */ r((e, n) => se(e, n), "matcher"),
+    bias: /* @__PURE__ */ r((e) => e.biasTokensLenient ?? 4, "bias")
+  },
+  {
+    matcher: /* @__PURE__ */ r((e, n) => ae(e, n), "matcher"),
+    bias: /* @__PURE__ */ r((e) => e.biasWildcard ?? 1, "bias")
+  }
+];
+function te(e, n, t = {}) {
+  const o = ee.slice().sort((a, s) => {
+    const i = a.bias(t), l = s.bias(t);
+    return i < l ? 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 l = oe(i), u = Y(n, i, t.highlightTag ?? "b");
+      return {
+        score: l * s,
+        matches: i,
+        highlight: u
+      };
+    }
+  }
+  return {
+    score: 0,
+    matches: [],
+    highlight: n
+  };
+}
+r(te, "fuzzyMatch");
+function ne(e, n, t = 0) {
+  const o = N(e), a = [], s = n.toLowerCase();
+  let i = t;
+  for (; o.length > 0; ) {
+    if (i >= n.length) {
+      const k = g(n, t);
+      return k < n.length ? C(e, n, k) : [];
+    }
+    const l = o[0], u = i + l.length;
+    if (s.substring(i, u) === l) {
+      for (let k = i; k < u; k++)
+        a.push(k);
+      i = Math.min(g(n, u), g(n, i)), o.shift();
+    } else
+      i = g(n, i);
+  }
+  return a;
+}
+r(ne, "matchTokensStrict");
+function C(e, n, t = 0) {
+  const o = [];
+  let a = t;
+  const s = V(e).split("");
+  for (; s.length > 0; ) {
+    if (a >= n.length) {
+      const l = g(n, t);
+      return l < n.length ? C(e, n, l) : [];
+    }
+    s[0] === n.charAt(a).toLowerCase() ? (o.push(a), a += 1, s.shift()) : a = g(n, a);
+  }
+  return o;
+}
+r(C, "matchLetterTokens");
+function se(e, n) {
+  const t = N(e), o = [], a = n.toLowerCase();
+  let s = 0;
+  e: for (; s < n.length; ) {
+    for (const i of t) {
+      const l = s + i.length;
+      if (a.substring(s, l) === i) {
+        for (let v = s; v < l; v++)
+          o.push(v);
+        s = Math.min(g(n, l), g(n, s));
+        continue e;
+      }
+    }
+    s = g(n, s);
+  }
+  return o;
+}
+r(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(), l = a.indexOf(i, o);
+    if (l === -1)
+      return [];
+    t.push(l), o = l + 1;
+  }
+  return t;
+}
+r(ae, "matchWildcard");
+function oe(e) {
+  const n = e.length;
+  return e.reduce((t, o) => t + n / (1 + o), 0);
+}
+r(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: l, matches: u, highlight: v } = i;
+      o.push({
+        score: l,
+        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);
+}
+r(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 F({
+        selector: "[data-menu-item-id]",
+        resolveId: /* @__PURE__ */ r((e) => e.getAttribute("data-menu-item-id"), "resolveId")
+      }),
+      searchQuery: "",
+      filteredItems: this.items
+    };
+  },
+  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: 1,
+  class: "fas fa-check fa-sm"
+}, pe = {
+  key: 0,
+  class: "ItemDescription"
+};
+function me(e, n, t, o, a, s) {
+  const i = I("InputText"), l = I("ContextPopup");
+  return d(), b(l, {
+    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: _(() => [
+      y("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] = x((u) => s.activate(), ["enter"]))
+        }, null, 8, ["modelValue"])) : f("", !0),
+        y("div", {
+          class: "Items",
+          onKeydown: n[3] || (n[3] = x((u) => s.selectSearch(), ["backspace"]))
+        }, [
+          (d(!0), c($, null, R(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__ */ r((k) => s.activateItem(u), "onClick")
+            }, [
+              y("div", ce, [
+                u.icon ? (d(), c("i", {
+                  key: 0,
+                  class: p([u.icon, "ItemIcon"])
+                }, null, 2)) : f("", !0),
+                y("div", fe, S(u.title), 1),
+                u.checked ? (d(), c("i", he)) : f("", !0)
+              ]),
+              u.description ? (d(), c("div", pe, S(u.description), 1)) : f("", !0)
+            ], 10, ue))
+          ], 64))), 128))
+        ], 32)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["dir", "align", "anchorRef", "anchorDir"]);
+}
+r(me, "_sfc_render$b");
+const ye = /* @__PURE__ */ m(le, [["render", me], ["__scopeId", "data-v-1d7ed61a"]]), be = {
+  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 = O(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 ve(e, n, t, o, a, s) {
+  const i = I("Bubble");
+  return d(), b(E, { to: "#overlays" }, [
+    y("div", {
+      class: p(["Overlay", {
+        "Overlay-enabled": t.overlayEnabled,
+        "Overlay-shown": t.overlayShown
+      }]),
+      onClick: n[3] || (n[3] = z((l) => s.hide(), ["stop"]))
+    }, [
+      a.ready ? (d(), b(i, {
+        key: 0,
+        dir: a.actualDir,
+        align: a.actualAlign,
+        style: H(s.bubbleStyle),
+        onMouseenter: n[0] || (n[0] = (l) => e.$emit("mouseenter")),
+        onMouseleave: n[1] || (n[1] = (l) => e.$emit("mouseleave")),
+        onClick: n[2] || (n[2] = z(() => {
+        }, ["stop"]))
+      }, {
+        default: _(() => [
+          h(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["dir", "align", "style"])) : f("", !0)
+    ], 2)
+  ]);
+}
+r(ve, "_sfc_render$a");
+const ge = /* @__PURE__ */ m(be, [["render", ve], ["__scopeId", "data-v-55cbd0aa"]]), _e = {
+  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 Se(e, n, t, o, a, s) {
+  return d(), b(w(t.tagName), {
+    class: p(["HGroup", [
+      `HGroup-align-${t.align}`,
+      `HGroup-justify-${t.justify}`,
+      `HGroup-gap-${t.gap}`,
+      {
+        "HGroup-wrap": t.wrap
+      }
+    ]])
+  }, {
+    default: _(() => [
+      h(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+r(Se, "_sfc_render$9");
+const Ie = /* @__PURE__ */ m(_e, [["render", Se], ["__scopeId", "data-v-0abfef17"]]), ke = {}, we = { class: "HStack" };
+function Be(e, n, t, o, a, s) {
+  return d(), c("div", we, [
+    h(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+r(Be, "_sfc_render$8");
+const $e = /* @__PURE__ */ m(ke, [["render", Be], ["__scopeId", "data-v-48a370d0"]]), Te = {
+  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 ze(e, n, t, o, a, s) {
+  const i = I("TabCap");
+  return d(), c("div", {
+    class: p(["Tab", [
+      `Tab-${t.dir}`,
+      `Tab-${s.orientation}`
+    ]])
+  }, [
+    L(i, {
+      class: "TabCap",
+      dir: t.dir,
+      type: "start"
+    }, null, 8, ["dir"]),
+    y("div", Ce, [
+      h(e.$slots, "default", {}, () => [
+        t.label ? (d(), c("div", {
+          key: 0,
+          class: "TabLabel",
+          title: t.label
+        }, S(t.label), 9, xe)) : f("", !0)
+      ], !0)
+    ]),
+    L(i, {
+      class: "TabCap",
+      dir: t.dir,
+      type: "end"
+    }, null, 8, ["dir"])
+  ], 2);
+}
+r(ze, "_sfc_render$7");
+const A = /* @__PURE__ */ m(Te, [["render", ze], ["__scopeId", "data-v-1ba502f2"]]), Le = {
+  components: {
+    Tab: A
+  },
+  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"
+}, Ne = {
+  key: 2,
+  class: "Label BorderLabel"
+}, Ae = { class: "Container" };
+function Me(e, n, t, o, a, s) {
+  const i = I("Tab");
+  return d(), b(w(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] = (l) => a.focused = !0),
+    onFocusout: n[1] || (n[1] = (l) => 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"])) : f("", !0),
+        t.labelStyle === "text" ? (d(), c("div", Ve, S(t.label), 1)) : f("", !0),
+        t.labelStyle === "inline" ? (d(), c("div", Ne, S(t.label), 1)) : f("", !0)
+      ], 64)) : f("", !0),
+      y("div", Ae, [
+        h(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]),
+    _: 3
+  }, 40, ["class"]);
+}
+r(Me, "_sfc_render$6");
+const B = /* @__PURE__ */ m(Le, [["render", Me], ["__scopeId", "data-v-42062d04"]]), De = {
+  props: {
+    ...B.props,
+    modelValue: {},
+    items: { type: Array, default: /* @__PURE__ */ r(() => [], "default") },
+    placeholder: { type: String },
+    readonly: { type: Boolean },
+    dropdownIcon: {
+      type: String,
+      default: "fas fa-angle-down"
+    },
+    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;
+    }
+  },
+  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__ */ r(() => {
+            this.disabled || this.selectValue(t);
+          }, "activate")
+        };
+      });
+    },
+    show() {
+      this.disabled || (this.menuShown = !0);
+    }
+  }
+}, Re = {
+  key: 1,
+  class: "Value"
+}, Ee = {
+  key: 2,
+  class: "Placeholder"
+};
+function He(e, n, t, o, a, s) {
+  const i = I("ContextMenu"), l = I("InputBase");
+  return d(), b(l, T({ class: "InputSelect" }, {
+    ...e.$attrs,
+    ...e.$props
+  }, {
+    tabindex: "0",
+    onClick: n[1] || (n[1] = (u) => s.show())
+  }), {
+    default: _(() => [
+      h(e.$slots, "before", {}, void 0, !0),
+      s.itemIcon ? (d(), c("i", {
+        key: 0,
+        class: p(["Icon", s.itemIcon])
+      }, null, 2)) : f("", !0),
+      s.selectedItem ? (d(), c("span", Re, S(s.itemTitle), 1)) : f("", !0),
+      s.selectedItem ? f("", !0) : (d(), c("span", Ee, S(t.placeholder), 1)),
+      y("i", {
+        ref: "icon",
+        class: p(["DropdownIcon", t.dropdownIcon])
+      }, null, 2),
+      !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"])) : f("", !0),
+      h(e.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+r(He, "_sfc_render$5");
+const Fe = /* @__PURE__ */ m(De, [["render", He], ["__scopeId", "data-v-71e0a4c7"]]), Oe = {
+  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 = I("InputBase");
+  return d(), b(i, T({ class: "InputText" }, {
+    ...e.$attrs,
+    ...e.$props
+  }), {
+    default: _(() => [
+      h(e.$slots, "before", {}, void 0, !0),
+      y("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] = (l) => s.onInput(l)),
+        onFocus: n[1] || (n[1] = (l) => e.$emit("focus", l)),
+        onBlur: n[2] || (n[2] = (l) => e.$emit("blur", l))
+      }, null, 40, Pe),
+      h(e.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+r(Ge, "_sfc_render$4");
+const je = /* @__PURE__ */ m(Oe, [["render", Ge], ["__scopeId", "data-v-26fed2ef"]]), Ke = {
+  props: {
+    ...B.props,
+    modelValue: { type: String },
+    placeholder: { type: String },
+    rows: { type: Number },
+    autoSize: { type: Boolean, default: !0 },
+    minRows: { type: Number, default: 2 },
+    maxRows: { type: Number, default: 10 },
+    autoFocus: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: [
+    "focus",
+    "blur",
+    "input",
+    "update:modelValue"
+  ],
+  computed: {
+    effectiveRows() {
+      if (this.autoSize) {
+        const e = this.modelValue.split(`
+`).length;
+        return Math.max(Math.min(e, this.maxRows), this.minRows);
+      }
+      return this.rows ?? this.minRows ?? 2;
+    }
+  },
+  mounted() {
+    var e;
+    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
+  },
+  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 = I("InputBase");
+  return d(), b(i, T({ class: "InputTextarea" }, {
+    ...e.$attrs,
+    ...e.$props
+  }, { fixedHeight: !1 }), {
+    default: _(() => [
+      h(e.$slots, "before", {}, void 0, !0),
+      y("textarea", {
+        ref: "input",
+        value: t.modelValue,
+        placeholder: t.placeholder,
+        readonly: t.readonly,
+        disabled: e.disabled,
+        rows: s.effectiveRows,
+        resize: "none",
+        autocomplete: "off",
+        onInput: n[0] || (n[0] = (l) => s.onInput(l)),
+        onFocus: n[1] || (n[1] = (l) => e.$emit("focus", l)),
+        onBlur: n[2] || (n[2] = (l) => e.$emit("blur", l))
+      }, null, 40, We),
+      h(e.$slots, "after", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16);
+}
+r(Ze, "_sfc_render$3");
+const Qe = /* @__PURE__ */ m(Ke, [["render", Ze], ["__scopeId", "data-v-8ff9214b"]]), qe = {}, Ue = { class: "Sizer" };
+function Je(e, n) {
+  return d(), c("div", Ue);
+}
+r(Je, "_sfc_render$2");
+const Xe = /* @__PURE__ */ m(qe, [["render", Je], ["__scopeId", "data-v-2f099547"]]), Ye = {
+  props: {
+    dir: { type: String, default: "top" },
+    type: { type: String, default: "start" }
+  }
+};
+function et(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] = [
+    y("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+  ]), 2);
+}
+r(et, "_sfc_render$1");
+const tt = /* @__PURE__ */ m(Ye, [["render", et], ["__scopeId", "data-v-3c0176d0"]]), nt = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "stretch" },
+    justify: { type: String },
+    gap: { type: String, default: "1" }
+  }
+};
+function st(e, n, t, o, a, s) {
+  return d(), b(w(t.tagName), {
+    class: p(["VGroup", [
+      `VGroup-align-${t.align}`,
+      `VGroup-justify-${t.justify}`,
+      `VGroup-gap-${t.gap}`
+    ]])
+  }, {
+    default: _(() => [
+      h(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+r(st, "_sfc_render");
+const at = /* @__PURE__ */ m(nt, [["render", st], ["__scopeId", "data-v-4e4be270"]]), rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Btn: K,
+  Bubble: q,
+  Circle: X,
+  ContextMenu: ye,
+  ContextPopup: ge,
+  HGroup: Ie,
+  HStack: $e,
+  InputBase: B,
+  InputSelect: Fe,
+  InputText: je,
+  InputTextarea: Qe,
+  Sizer: Xe,
+  Tab: A,
+  TabCap: tt,
+  VGroup: at
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  K as B,
+  X as C,
+  Ie as H,
+  B as I,
+  Xe as S,
+  A as T,
+  at as V,
+  q as a,
+  ye as b,
+  ge as c,
+  $e as d,
+  Fe as e,
+  je as f,
+  Qe as g,
+  tt as h,
+  rt as i
+};