@nightshadeui/core 2.7.0 → 2.8.0

package/dist/core.mjs

@@ -1,10 +1,10 @@
-import { createBlock as c, openBlock as i, resolveDynamicComponent as S, normalizeClass as p, withCtx as b, renderSlot as r, createElementBlock as f, createCommentVNode as y, toDisplayString as g, createElementVNode as v, resolveComponent as h, createVNode as O, Fragment as T, mergeProps as k } from "vue";
-const d = (t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [u, l] of n)
-    e[u] = l;
+import { openBlock as r, createBlock as y, resolveDynamicComponent as S, normalizeClass as h, withCtx as v, renderSlot as d, createElementBlock as f, createCommentVNode as p, toDisplayString as k, resolveComponent as m, Fragment as T, renderList as A, createElementVNode as b, Transition as V, Teleport as H, withModifiers as z, normalizeStyle as M, mergeProps as x, createVNode as O } from "vue";
+const c = (n, t) => {
+  const e = n.__vccOpts || n;
+  for (const [l, o] of t)
+    e[l] = o;
   return e;
-}, j = {
+}, E = {
   props: {
     tagName: { type: String, default: "button" },
     href: { type: String },
@@ -49,80 +49,240 @@ const d = (t, n) => {
     },
     effectiveStyle() {
       const {
-        baseStyle: t,
-        hoverOverrides: n = {},
+        baseStyle: n,
+        hoverOverrides: t = {},
         activeOverrides: e = {},
-        focusOverrides: u = {},
-        active: l,
-        hover: o,
-        focus: s,
-        forceActive: a,
-        forceHover: _,
-        forceFocus: I
-      } = this, m = Object.assign({}, t);
-      return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || I) && Object.assign(m, u), m;
+        focusOverrides: l = {},
+        active: o,
+        hover: s,
+        focus: a,
+        forceActive: i,
+        forceHover: u,
+        forceFocus: B
+      } = this, g = Object.assign({}, n);
+      return (o || i) && Object.assign(g, e), (s || u) && Object.assign(g, t), (a || B) && Object.assign(g, l), g;
     }
   },
   methods: {
     // TODO add debounce
   }
-}, F = {
+}, D = {
   key: 0,
   class: "Label"
 };
-function $(t, n, e, u, l, o) {
-  return i(), c(S(e.tagName), {
+function N(n, t, e, l, o, s) {
+  return r(), y(S(e.tagName), {
     ref: "button",
-    class: p(["Btn InputElement", [
-      `Btn-${o.effectiveStyle.kind}`,
-      `ui-${o.effectiveStyle.kind}`,
-      `input-size-${o.effectiveStyle.size}`,
+    class: h(["Btn InputElement", [
+      `ui-${s.effectiveStyle.kind}`,
+      `input-size-${s.effectiveStyle.size}`,
       `Btn-iconPos-${e.iconPos}`,
       {
-        "Btn-ghost": o.effectiveStyle.ghost,
-        "Btn-round": o.effectiveStyle.round,
-        "Btn-outline": o.effectiveStyle.outline,
-        "Btn-flat": o.effectiveStyle.flat,
+        "Btn-ghost": s.effectiveStyle.ghost,
+        "Btn-round": s.effectiveStyle.round,
+        "Btn-outline": s.effectiveStyle.outline,
+        "Btn-flat": s.effectiveStyle.flat,
         "Btn-square": e.square,
         "Btn-block": e.block,
-        "Btn-disabled": e.disabled || l.blocked,
+        "Btn-disabled": e.disabled || o.blocked,
         "Btn-forceFocus": e.forceFocus,
         "Btn-forceHover": e.forceHover,
         "Btn-forceActive": e.forceActive
       }
     ]]),
-    disabled: e.disabled || l.blocked,
+    disabled: e.disabled || o.blocked,
     title: e.title ?? e.label,
     href: e.href,
-    onMouseenter: n[0] || (n[0] = (s) => l.hover = !0),
-    onMouseleave: n[1] || (n[1] = (s) => l.hover = !1),
-    onMousedown: n[2] || (n[2] = (s) => l.active = !0),
-    onMouseup: n[3] || (n[3] = (s) => l.active = !1),
-    onMouseout: n[4] || (n[4] = (s) => l.active = !1),
-    onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
-    onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
+    onMouseenter: t[0] || (t[0] = (a) => o.hover = !0),
+    onMouseleave: t[1] || (t[1] = (a) => o.hover = !1),
+    onMousedown: t[2] || (t[2] = (a) => o.active = !0),
+    onMouseup: t[3] || (t[3] = (a) => o.active = !1),
+    onMouseout: t[4] || (t[4] = (a) => o.active = !1),
+    onFocusin: t[5] || (t[5] = (a) => o.focus = !0),
+    onFocusout: t[6] || (t[6] = (a) => o.focus = !1)
   }, {
-    default: b(() => [
-      r(t.$slots, "icon", {
-        hover: l.hover,
-        blocked: l.blocked
+    default: v(() => [
+      d(n.$slots, "before", {
+        hover: o.hover,
+        active: o.active,
+        focus: o.focus,
+        blocked: o.blocked
+      }, void 0, !0),
+      d(n.$slots, "default", {
+        hover: o.hover,
+        active: o.active,
+        focus: o.focus,
+        blocked: o.blocked
       }, () => [
-        e.icon ? (i(), f("i", {
+        e.icon ? (r(), f("i", {
           key: 0,
-          class: p([e.icon, "Icon"])
-        }, null, 2)) : y("", !0)
+          class: h([e.icon, "Icon"])
+        }, null, 2)) : p("", !0),
+        d(n.$slots, "label", {
+          hover: o.hover,
+          active: o.active,
+          focus: o.focus,
+          blocked: o.blocked
+        }, () => [
+          e.label ? (r(), f("span", D, k(e.label), 1)) : p("", !0)
+        ], !0)
       ], !0),
-      e.label ? (i(), f("span", F, g(e.label), 1)) : y("", !0),
-      r(t.$slots, "default", {
-        hover: l.hover,
-        active: l.active,
-        blocked: l.blocked
+      d(n.$slots, "after", {
+        hover: o.hover,
+        active: o.active,
+        focus: o.focus,
+        blocked: o.blocked
       }, void 0, !0)
     ]),
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-05f8e48e"]]), z = {
+const $ = /* @__PURE__ */ c(E, [["render", N], ["__scopeId", "data-v-144a5c7b"]]), L = {
+  props: {
+    tagName: { type: String, default: "div" },
+    align: { type: String, default: "stretch" },
+    justify: { type: String },
+    gap: { type: String, default: "m" }
+  }
+};
+function G(n, t, e, l, o, s) {
+  return r(), y(S(e.tagName), {
+    class: h(["VGroup", [
+      `VGroup-align-${e.align}`,
+      `VGroup-justify-${e.justify}`,
+      `VGroup-gap-${e.gap}`
+    ]])
+  }, {
+    default: v(() => [
+      d(n.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const P = /* @__PURE__ */ c(L, [["render", G], ["__scopeId", "data-v-044d3ec4"]]), R = {
+  components: {
+    Btn: $,
+    VGroup: P
+  },
+  props: {
+    items: { type: Array, default: () => [] },
+    size: { type: String, default: "m" },
+    round: { type: Boolean, default: !1 },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "activate"
+  ],
+  mounted() {
+    this.autoFocus && this.$nextTick(() => {
+      const n = this.getFocusableEls()[0];
+      n && n.focus();
+    });
+  },
+  methods: {
+    getItemType(n) {
+      return n.type || "normal";
+    },
+    getFocusableEls() {
+      return Array.from(this.$el.querySelectorAll(".Item:not(:disabled)"));
+    },
+    onKeyDown(n) {
+      if (n.key === "ArrowUp" || n.key === "ArrowDown") {
+        n.preventDefault();
+        const t = this.getFocusableEls();
+        if (!t.length)
+          return;
+        const e = document.activeElement;
+        let l = t.findIndex((o) => o === e || o.contains(e));
+        n.key === "ArrowDown" ? l = (l + 1) % t.length : l = (l + t.length - 1) % t.length, t[l]?.focus();
+      }
+    },
+    onItemClick(n, t) {
+      n.disabled || (typeof n.activate == "function" && n.activate(), this.$emit("activate", n, t));
+    }
+  }
+}, K = {
+  key: 0,
+  class: "Header"
+}, q = {
+  key: 1,
+  class: "Separator"
+}, U = { class: "Title" }, W = {
+  key: 0,
+  class: "CheckIcon"
+};
+function Y(n, t, e, l, o, s) {
+  const a = m("Btn"), i = m("VGroup");
+  return r(), y(i, {
+    class: h(["BaseMenu", [
+      `input-size-${e.size}`
+    ]]),
+    onKeydown: s.onKeyDown
+  }, {
+    default: v(() => [
+      (r(!0), f(T, null, A(e.items, (u, B) => (r(), f(T, { key: B }, [
+        s.getItemType(u) === "header" ? (r(), f("div", K, k(u.title), 1)) : p("", !0),
+        s.getItemType(u) === "separator" ? (r(), f("div", q)) : p("", !0),
+        s.getItemType(u) === "normal" ? (r(), y(a, {
+          key: 2,
+          class: h(["Item", {
+            "Item-checked": u.checked
+          }]),
+          kind: u.kind || "base",
+          size: e.size,
+          round: e.round,
+          flat: !0,
+          ghost: u.ghost ?? !0,
+          outline: u.outline,
+          disabled: u.disabled,
+          icon: u.icon,
+          onClick: (g) => s.onItemClick(u, g)
+        }, {
+          label: v(() => [
+            b("div", U, k(u.title), 1)
+          ]),
+          after: v(() => [
+            u.checked ? (r(), f("span", W, " ✓ ")) : p("", !0)
+          ]),
+          _: 2
+        }, 1032, ["class", "kind", "size", "round", "ghost", "outline", "disabled", "icon", "onClick"])) : p("", !0)
+      ], 64))), 128))
+    ]),
+    _: 1
+  }, 8, ["class", "onKeydown"]);
+}
+const I = /* @__PURE__ */ c(R, [["render", Y], ["__scopeId", "data-v-c6736688"]]), J = {
+  props: {
+    dir: { type: String, default: "bottom" },
+    align: { type: String, default: "start" },
+    arrowShown: { type: Boolean, default: !0 }
+  }
+}, Q = {
+  key: 0,
+  class: "Arrow"
+}, X = { class: "Body" };
+function Z(n, t, e, l, o, s) {
+  return r(), y(V, {
+    name: "fade-" + e.dir,
+    appear: ""
+  }, {
+    default: v(() => [
+      b("div", {
+        class: h(["Bubble", [
+          `Bubble-${e.dir}`,
+          `Bubble-${e.align}`
+        ]])
+      }, [
+        e.arrowShown ? (r(), f("div", Q)) : p("", !0),
+        b("div", X, [
+          d(n.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const ee = /* @__PURE__ */ c(J, [["render", Z], ["__scopeId", "data-v-0840cacf"]]), te = {
   props: {
     mark: { type: String, default: "check" },
     modelValue: { type: Boolean },
@@ -162,67 +322,241 @@ const C = /* @__PURE__ */ d(j, [["render", $], ["__scopeId", "data-v-05f8e48e"]]
     },
     effectiveStyle() {
       const {
-        baseStyle: t,
-        hoverOverrides: n = {},
+        baseStyle: n,
+        hoverOverrides: t = {},
         focusOverrides: e = {},
-        hover: u,
-        focus: l,
-        forceHover: o,
-        forceFocus: s
-      } = this, a = Object.assign({}, t);
-      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+        hover: l,
+        focus: o,
+        forceHover: s,
+        forceFocus: a
+      } = this, i = Object.assign({}, n);
+      return (l || s) && Object.assign(i, t), (o || a) && Object.assign(i, e), i;
     }
   },
   methods: {
-    onChange(t) {
-      this.$emit("update:modelValue", t.target.checked);
+    onChange(n) {
+      this.$emit("update:modelValue", n.target.checked);
     }
   }
-}, H = ["checked", "disabled"];
-function w(t, n, e, u, l, o) {
-  return i(), f("label", {
-    class: p(["Checkbox InputElement", [
-      `Checkbox-${o.effectiveStyle.kind}`,
-      `ui-${o.effectiveStyle.kind}`,
-      `input-size-${o.effectiveStyle.size}`,
+}, ne = ["checked", "disabled"];
+function oe(n, t, e, l, o, s) {
+  return r(), f("label", {
+    class: h(["Checkbox InputElement", [
+      `ui-${s.effectiveStyle.kind}`,
+      `input-size-${s.effectiveStyle.size}`,
       `Checkbox-mark-${e.mark}`,
       {
         "Checkbox-active": !!e.modelValue,
-        "Checkbox-outline": o.effectiveStyle.outline,
-        "Checkbox-round": o.effectiveStyle.round,
-        "Checkbox-flat": o.effectiveStyle.flat,
+        "Checkbox-outline": s.effectiveStyle.outline,
+        "Checkbox-round": s.effectiveStyle.round,
+        "Checkbox-flat": s.effectiveStyle.flat,
         "Checkbox-disabled": e.disabled,
         "Checkbox-force-focus": e.forceFocus,
         "Checkbox-force-hover": e.forceHover
       }
     ]]),
     tabindex: "0",
-    onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
-    onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
-    onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
-    onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
+    onMouseenter: t[1] || (t[1] = (a) => o.hover = !0),
+    onMouseleave: t[2] || (t[2] = (a) => o.hover = !1),
+    onFocusin: t[3] || (t[3] = (a) => o.focus = !0),
+    onFocusout: t[4] || (t[4] = (a) => o.focus = !1)
   }, [
-    v("input", {
+    e.modelValue ? d(n.$slots, "active", { key: 0 }, () => [
+      t[5] || (t[5] = b("div", { class: "Mark" }, null, -1))
+    ], !0) : p("", !0),
+    e.modelValue ? p("", !0) : d(n.$slots, "inactive", { key: 1 }, void 0, !0),
+    b("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
-      onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
-    }, null, 40, H)
+      onChange: t[0] || (t[0] = (...a) => s.onChange && s.onChange(...a))
+    }, null, 40, ne)
   ], 34);
 }
-const N = /* @__PURE__ */ d(z, [["render", w], ["__scopeId", "data-v-7bc3ecd0"]]), M = {
+const se = /* @__PURE__ */ c(te, [["render", oe], ["__scopeId", "data-v-24a3751b"]]);
+function C(n, t) {
+  const e = {}, l = Object.keys(t.props || {});
+  for (const o of l)
+    e[o] = n.$props[o];
+  return e;
+}
+const le = {
+  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 },
+    arrowShown: { type: Boolean, default: !0 }
+  },
+  emits: ["hide", "mouseenter", "mouseleave", "ready"],
+  data() {
+    return {
+      pos: { x: 0, y: 0 },
+      actualDir: "bottom",
+      actualAlign: "start",
+      ready: !1
+    };
+  },
+  computed: {
+    bubbleStyle() {
+      const { x: n, y: t } = this.pos;
+      return {
+        left: `${n}px`,
+        top: `${t}px`,
+        "pointer-events": "auto"
+      };
+    }
+  },
+  mounted() {
+    this.$nextTick(() => this.calcPos()), window.addEventListener("resize", this.onResize), window.addEventListener("keydown", this.onKeyDown);
+  },
+  beforeUnmount() {
+    window.removeEventListener("resize", this.onResize), window.removeEventListener("keydown", this.onKeyDown);
+  },
+  methods: {
+    hide() {
+      this.$emit("hide");
+    },
+    calcPos() {
+      const n = this.getAnchorEl();
+      n && (this.pos = this.getAnchorPoint(n, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready")));
+    },
+    calcDirAlign() {
+      const n = this.pos.y < window.innerHeight * 0.5, t = this.pos.x < window.innerWidth * 0.5;
+      this.align === "auto" ? ["top", "bottom", "v"].includes(this.dir) ? this.actualAlign = t ? "start" : "end" : this.actualAlign = n ? "start" : "end" : this.actualAlign = this.align, this.dir === "v" ? this.actualDir = n ? "bottom" : "top" : this.dir === "h" ? this.actualDir = t ? "right" : "left" : this.actualDir = this.dir;
+    },
+    getAnchorEl() {
+      if (this.anchorRef) {
+        const n = this.findRef(this.$parent, this.anchorRef);
+        if (n)
+          return n;
+      }
+      return this.$el.parentElement;
+    },
+    findRef(n, t) {
+      if (!n)
+        return null;
+      const e = n.$refs[t];
+      if (e) {
+        const l = e.$el ?? e;
+        if (l instanceof HTMLElement)
+          return l;
+      }
+      return n.$parent ? this.findRef(n.$parent, t) : null;
+    },
+    getAnchorPoint(n, t) {
+      const { top: e, left: l, width: o, height: s } = n.getBoundingClientRect();
+      switch (t) {
+        case "left":
+          return { x: l, y: e + s * 0.5 };
+        case "right":
+          return { x: l + o, y: e + s * 0.5 };
+        case "top":
+          return { x: l + o * 0.5, y: e };
+        case "bottom":
+          return { x: l + o * 0.5, y: e + s };
+        case "middle":
+        default:
+          return { x: l + o * 0.5, y: e + s * 0.5 };
+      }
+    },
+    onResize() {
+      this.calcPos();
+    },
+    onKeyDown(n) {
+      n.key === "Escape" && (n.preventDefault(), this.hide());
+    }
+  }
+};
+function ae(n, t, e, l, o, s) {
+  const a = m("Bubble");
+  return r(), y(H, { to: "#overlays" }, [
+    b("div", {
+      class: h(["Overlay", {
+        "Overlay-enabled": e.overlayEnabled,
+        "Overlay-shown": e.overlayShown
+      }]),
+      onClick: t[3] || (t[3] = z((i) => s.hide(), ["stop"]))
+    }, [
+      o.ready ? (r(), y(a, {
+        key: 0,
+        dir: o.actualDir,
+        align: o.actualAlign,
+        style: M(s.bubbleStyle),
+        arrowShown: e.arrowShown,
+        onMouseenter: t[0] || (t[0] = (i) => n.$emit("mouseenter")),
+        onMouseleave: t[1] || (t[1] = (i) => n.$emit("mouseleave")),
+        onClick: t[2] || (t[2] = z(() => {
+        }, ["stop"]))
+      }, {
+        default: v(() => [
+          d(n.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["dir", "align", "style", "arrowShown"])) : p("", !0)
+    ], 2)
+  ]);
+}
+const w = /* @__PURE__ */ c(le, [["render", ae], ["__scopeId", "data-v-8d924b35"]]), ie = {
+  components: {
+    ContextPopup: w,
+    BaseMenu: I
+  },
+  inheritAttrs: !1,
+  props: {
+    ...w.props,
+    ...I.props
+  },
+  emits: [
+    ...w.emits || [],
+    ...I.emits || []
+  ],
+  computed: {
+    contextPopupProps() {
+      return C(this, w);
+    },
+    baseMenuProps() {
+      return C(this, I);
+    }
+  },
+  methods: {
+    hide() {
+      this.$refs.popup?.hide();
+    },
+    onActivate(n, t) {
+      this.$emit("activate", n, t);
+    }
+  }
+};
+function re(n, t, e, l, o, s) {
+  const a = m("BaseMenu"), i = m("ContextPopup");
+  return r(), y(i, x({ ref: "popup" }, s.contextPopupProps, {
+    onHide: t[0] || (t[0] = (u) => n.$emit("hide")),
+    onMouseenter: t[1] || (t[1] = (u) => n.$emit("mouseenter")),
+    onMouseleave: t[2] || (t[2] = (u) => n.$emit("mouseleave")),
+    onReady: t[3] || (t[3] = (u) => n.$emit("ready"))
+  }), {
+    default: v(() => [
+      O(a, x({ class: "ContextMenu" }, { ...s.baseMenuProps, ...n.$attrs }, { onActivate: s.onActivate }), null, 16, ["onActivate"])
+    ]),
+    _: 1
+  }, 16);
+}
+const ue = /* @__PURE__ */ c(ie, [["render", re]]), de = {
   props: {
     fill: { type: String, default: "none" }
   }
 };
-function P(t, n, e, u, l, o) {
-  return i(), f("div", {
-    class: p(["Filler", [
+function ce(n, t, e, l, o, s) {
+  return r(), f("div", {
+    class: h(["Filler", [
       `Filler-${e.fill}`
     ]])
   }, null, 2);
 }
-const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]), A = {
+const fe = /* @__PURE__ */ c(de, [["render", ce], ["__scopeId", "data-v-448176c1"]]), ye = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "center" },
@@ -231,9 +565,9 @@ const G = /* @__PURE__ */ d(M, [["render", P], ["__scopeId", "data-v-448176c1"]]
     wrap: { type: Boolean, default: !1 }
   }
 };
-function L(t, n, e, u, l, o) {
-  return i(), c(S(e.tagName), {
-    class: p(["HGroup", [
+function pe(n, t, e, l, o, s) {
+  return r(), y(S(e.tagName), {
+    class: h(["HGroup", [
       `HGroup-align-${e.align}`,
       `HGroup-justify-${e.justify}`,
       `HGroup-gap-${e.gap}`,
@@ -242,48 +576,52 @@ function L(t, n, e, u, l, o) {
       }
     ]])
   }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+    default: v(() => [
+      d(n.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const D = /* @__PURE__ */ d(A, [["render", L], ["__scopeId", "data-v-5b190da7"]]), E = {
+const ve = /* @__PURE__ */ c(ye, [["render", pe], ["__scopeId", "data-v-5b190da7"]]), he = {
   props: {
     tagName: { type: String, default: "div" },
     dir: { type: String, default: "top" },
-    label: { type: String }
+    label: { type: String },
+    size: { type: String, default: "m" },
+    kind: { type: String, default: "base" }
   },
   computed: {
     orientation() {
       return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
     }
   }
-}, R = { class: "Content" }, q = ["title"];
-function K(t, n, e, u, l, o) {
-  const s = h("TabCap");
-  return i(), c(S(e.tagName), {
-    class: p(["Tab", [
+}, be = { class: "Content" }, me = ["title"];
+function ge(n, t, e, l, o, s) {
+  const a = m("TabCap");
+  return r(), y(S(e.tagName), {
+    class: h(["Tab", [
+      `ui-${e.kind}`,
+      `input-size-${e.size}`,
       `Tab-${e.dir}`,
-      `Tab-${o.orientation}`
+      `Tab-${s.orientation}`
     ]])
   }, {
-    default: b(() => [
-      O(s, {
+    default: v(() => [
+      O(a, {
         class: "TabCap",
         dir: e.dir,
         type: "start"
       }, null, 8, ["dir"]),
-      v("div", R, [
-        r(t.$slots, "default", {}, () => [
-          e.label ? (i(), f("div", {
+      b("div", be, [
+        d(n.$slots, "default", {}, () => [
+          e.label ? (r(), f("div", {
             key: 0,
             class: "TabLabel",
             title: e.label
-          }, g(e.label), 9, q)) : y("", !0)
+          }, k(e.label), 9, me)) : p("", !0)
         ], !0)
       ]),
-      O(s, {
+      O(a, {
         class: "TabCap",
         dir: e.dir,
         type: "end"
@@ -292,9 +630,9 @@ function K(t, n, e, u, l, o) {
     _: 3
   }, 8, ["class"]);
 }
-const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]), Y = {
+const F = /* @__PURE__ */ c(he, [["render", ge], ["__scopeId", "data-v-2d5bc4a5"]]), _e = {
   components: {
-    Tab: V
+    Tab: F
   },
   props: {
     tagName: { default: "label" },
@@ -305,6 +643,7 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]
     fixedHeight: { type: Boolean, default: !0 },
     flat: { type: Boolean, default: !1 },
     round: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     forceFocus: { type: Boolean, default: !1 },
     forceHover: { type: Boolean, default: !1 },
@@ -329,187 +668,81 @@ const V = /* @__PURE__ */ d(E, [["render", K], ["__scopeId", "data-v-d854a1ad"]]
     },
     effectiveStyle() {
       const {
-        baseStyle: t,
-        hoverOverrides: n = {},
+        baseStyle: n,
+        hoverOverrides: t = {},
         focusOverrides: e = {},
-        hover: u,
-        focus: l,
-        forceHover: o,
-        forceFocus: s
-      } = this, a = Object.assign({}, t);
-      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+        hover: l,
+        focus: o,
+        forceHover: s,
+        forceFocus: a
+      } = this, i = Object.assign({}, n);
+      return (l || s) && Object.assign(i, t), (o || a) && Object.assign(i, e), i;
     }
   }
-}, J = {
+}, ke = {
   key: 1,
   class: "Label TextLabel"
-}, Q = {
+}, Se = {
   key: 2,
   class: "Label InlineLabel"
-}, U = { class: "InlineLabelText" }, W = { class: "InputElement Container" };
-function X(t, n, e, u, l, o) {
-  const s = h("Tab");
-  return i(), c(S(e.tagName), {
-    class: p(["InputBase", [
-      `InputBase-${o.effectiveStyle.kind}`,
-      `ui-${o.effectiveStyle.kind}`,
-      `input-size-${o.effectiveStyle.size}`,
+}, Be = { class: "InputElement Container" };
+function Ie(n, t, e, l, o, s) {
+  const a = m("Tab");
+  return r(), y(S(e.tagName), {
+    class: h(["InputBase", [
+      `ui-${s.effectiveStyle.kind}`,
+      `input-size-${s.effectiveStyle.size}`,
       {
         "InputBase-fixedHeight": e.fixedHeight,
-        "InputBase-flat": o.effectiveStyle.flat,
-        "InputBase-round": o.effectiveStyle.round,
+        "InputBase-flat": s.effectiveStyle.flat,
+        "InputBase-round": s.effectiveStyle.round,
         "InputBase-disabled": e.disabled,
         "InputBase-forceFocus": e.forceFocus,
         "InputBase-forceHover": e.forceHover
       }
     ]]),
-    onMouseenter: n[0] || (n[0] = (a) => l.hover = !0),
-    onMouseleave: n[1] || (n[1] = (a) => l.hover = !1),
-    onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
-    onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
+    onMouseenter: t[0] || (t[0] = (i) => o.hover = !0),
+    onMouseleave: t[1] || (t[1] = (i) => o.hover = !1),
+    onFocusin: t[2] || (t[2] = (i) => o.focus = !0),
+    onFocusout: t[3] || (t[3] = (i) => o.focus = !1)
   }, {
-    default: b(() => [
-      e.label ? (i(), f(T, { key: 0 }, [
-        e.labelStyle === "tab" ? (i(), c(s, {
+    default: v(() => [
+      e.label ? (r(), f(T, { key: 0 }, [
+        e.labelStyle === "tab" ? (r(), y(a, {
           key: 0,
           class: "Label TabLabel",
-          label: e.label
-        }, null, 8, ["label"])) : y("", !0),
-        e.labelStyle === "text" ? (i(), f("div", J, g(e.label), 1)) : y("", !0),
-        e.labelStyle === "inline" ? (i(), f("div", Q, [
-          v("div", U, g(e.label), 1)
-        ])) : y("", !0)
-      ], 64)) : y("", !0),
-      v("div", W, [
-        r(t.$slots, "default", {}, void 0, !0)
+          label: e.label,
+          kind: e.kind
+        }, null, 8, ["label", "kind"])) : p("", !0),
+        e.labelStyle === "text" ? (r(), f("div", ke, k(e.label), 1)) : p("", !0),
+        e.labelStyle === "inline" ? (r(), f("div", Se, k(e.label), 1)) : p("", !0)
+      ], 64)) : p("", !0),
+      b("div", Be, [
+        d(n.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 40, ["class"]);
 }
-const B = /* @__PURE__ */ d(Y, [["render", X], ["__scopeId", "data-v-d24cfcb2"]]), Z = {
+const _ = /* @__PURE__ */ c(_e, [["render", Ie], ["__scopeId", "data-v-911102ad"]]), we = {
   props: {
     tagName: { type: String, default: "div" }
   }
 };
-function ee(t, n, e, u, l, o) {
-  return i(), c(S(e.tagName), { class: "InputGroup" }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+function $e(n, t, e, l, o, s) {
+  return r(), y(S(e.tagName), { class: "InputGroup" }, {
+    default: v(() => [
+      d(n.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   });
 }
-const te = /* @__PURE__ */ d(Z, [["render", ee], ["__scopeId", "data-v-ca03932d"]]), ne = {
-  props: {
-    ...B.props,
-    modelValue: {},
-    items: { type: Array, 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((t) => (t.value ?? t) === this.modelValue);
-    },
-    itemTitle() {
-      const { selectedItem: t } = this;
-      return t?.title ?? t;
-    },
-    itemIcon() {
-      const { selectedItem: t } = this;
-      return t?.icon;
-    },
-    iconDropdown() {
-      return this.$nightshadeIcons?.dropdown ?? "fas fa-angle-down";
-    }
+const xe = /* @__PURE__ */ c(we, [["render", $e], ["__scopeId", "data-v-ca03932d"]]), Ce = {
+  components: {
+    InputBase: _
   },
-  methods: {
-    onInput(t) {
-      this.$emit("update:modelValue", t.target.value);
-    },
-    selectValue(t) {
-      this.$emit("update:modelValue", t), this.menuShown = !1;
-    },
-    getMenuItems() {
-      return this.items.map((t) => {
-        const n = typeof t == "string" ? t : t.title, e = typeof t == "string" ? t : t.value;
-        return {
-          title: n,
-          checked: e === this.modelValue,
-          disabled: t.disabled,
-          description: t.description,
-          icon: t.icon ?? void 0,
-          activate: () => {
-            this.disabled || this.selectValue(e);
-          }
-        };
-      });
-    },
-    show() {
-      this.disabled || (this.menuShown = !0);
-    }
-  }
-}, oe = {
-  key: 1,
-  class: "Value"
-}, le = {
-  key: 2,
-  class: "Placeholder"
-}, se = {
-  ref: "icon",
-  class: "DropdownIcon"
-};
-function ae(t, n, e, u, l, o) {
-  const s = h("ContextMenu"), a = h("InputBase");
-  return i(), c(a, k({ class: "InputSelect" }, {
-    ...t.$props
-  }, {
-    tabindex: "0",
-    onClick: n[1] || (n[1] = (_) => o.show())
-  }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      o.itemIcon ? (i(), f("i", {
-        key: 0,
-        class: p(["Icon", o.itemIcon])
-      }, null, 2)) : y("", !0),
-      o.selectedItem ? (i(), f("span", oe, g(o.itemTitle), 1)) : y("", !0),
-      o.selectedItem ? y("", !0) : (i(), f("span", le, g(e.placeholder), 1)),
-      v("div", se, [
-        r(t.$slots, "iconDropdown", {}, () => [
-          v("i", {
-            class: p(o.iconDropdown)
-          }, null, 2)
-        ], !0)
-      ], 512),
-      !t.disabled && l.menuShown ? (i(), c(s, {
-        key: 3,
-        anchorRef: "icon",
-        items: o.getMenuItems(),
-        search: e.search,
-        overlayShown: !1,
-        onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
-      }, null, 8, ["items", "search"])) : y("", !0),
-      r(t.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-const ie = /* @__PURE__ */ d(ne, [["render", ae], ["__scopeId", "data-v-3adb595b"]]), ue = {
   props: {
-    ...B.props,
+    ..._.props,
     modelValue: { type: [String, Number] },
     type: { type: String },
     placeholder: { type: String },
@@ -525,45 +758,51 @@ const ie = /* @__PURE__ */ d(ne, [["render", ae], ["__scopeId", "data-v-3adb595b
     "input",
     "update:modelValue"
   ],
+  computed: {
+    inputBaseProps() {
+      return C(this, _);
+    }
+  },
   mounted() {
     this.autoFocus && this.$refs.input?.focus();
   },
   methods: {
-    onInput(t) {
-      this.$emit("update:modelValue", t.target.value);
+    onInput(n) {
+      this.$emit("update:modelValue", n.target.value);
     }
   }
-}, re = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function de(t, n, e, u, l, o) {
-  const s = h("InputBase");
-  return i(), c(s, k({ class: "InputText" }, {
-    ...t.$props
-  }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("input", {
+}, Oe = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
+function Te(n, t, e, l, o, s) {
+  const a = m("InputBase");
+  return r(), y(a, x({ class: "InputText" }, s.inputBaseProps), {
+    default: v(() => [
+      d(n.$slots, "before", {}, void 0, !0),
+      b("input", {
         ref: "input",
         value: e.modelValue,
         type: e.type,
         placeholder: e.placeholder,
         readonly: e.readonly,
-        disabled: t.disabled,
+        disabled: n.disabled,
         min: e.min,
         max: e.max,
         step: e.step,
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (a) => o.onInput(a)),
-        onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
-        onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, re),
-      r(t.$slots, "after", {}, void 0, !0)
+        onInput: t[0] || (t[0] = (i) => s.onInput(i)),
+        onFocus: t[1] || (t[1] = (i) => n.$emit("focus", i)),
+        onBlur: t[2] || (t[2] = (i) => n.$emit("blur", i))
+      }, null, 40, Oe),
+      d(n.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const fe = /* @__PURE__ */ d(ue, [["render", de], ["__scopeId", "data-v-f645b756"]]), ce = {
+const ze = /* @__PURE__ */ c(Ce, [["render", Te], ["__scopeId", "data-v-a7cbc67d"]]), Pe = {
+  components: {
+    InputBase: _
+  },
   props: {
-    ...B.props,
+    ..._.props,
     modelValue: { type: String },
     placeholder: { type: String },
     rows: { type: Number },
@@ -577,107 +816,110 @@ const fe = /* @__PURE__ */ d(ue, [["render", de], ["__scopeId", "data-v-f645b756
     "input",
     "update:modelValue"
   ],
+  computed: {
+    inputBaseProps() {
+      return C(this, _);
+    }
+  },
   watch: {
     modelValue: {
       handler() {
-        const t = this.$refs.input;
-        this.autoSize && t && (t.style.height = "auto", t.style.height = t.scrollHeight + "px");
+        const n = this.$refs.input;
+        this.autoSize && n && (n.style.height = "auto", n.style.height = n.scrollHeight + "px");
       }
     }
   },
   mounted() {
     this.$nextTick(() => {
-      const t = this.$refs.input;
-      this.autoFocus && t.focus(), this.autoSize && (t.style.height = t.scrollHeight + "px", t.style.overflowY = "hidden");
+      const n = this.$refs.input;
+      this.autoFocus && n.focus(), this.autoSize && (n.style.height = n.scrollHeight + "px", n.style.overflowY = "hidden");
     });
   },
   methods: {
-    onInput(t) {
-      this.$emit("update:modelValue", t.target.value);
+    onInput(n) {
+      this.$emit("update:modelValue", n.target.value);
     }
   }
-}, pe = ["value", "placeholder", "readonly", "disabled", "rows"];
-function ye(t, n, e, u, l, o) {
-  const s = h("InputBase");
-  return i(), c(s, k({ class: "InputTextarea" }, {
-    ...t.$props
-  }, { fixedHeight: !1 }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("textarea", {
+}, Fe = ["value", "placeholder", "readonly", "disabled", "rows"];
+function je(n, t, e, l, o, s) {
+  const a = m("InputBase");
+  return r(), y(a, x({ class: "InputTextarea" }, s.inputBaseProps, { fixedHeight: !1 }), {
+    default: v(() => [
+      d(n.$slots, "before", {}, void 0, !0),
+      b("textarea", {
         ref: "input",
         value: e.modelValue,
         placeholder: e.placeholder,
         readonly: e.readonly,
-        disabled: t.disabled,
+        disabled: n.disabled,
         rows: e.rows,
         resize: "none",
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (a) => o.onInput(a)),
-        onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
-        onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
-      }, null, 40, pe),
-      r(t.$slots, "after", {}, void 0, !0)
+        onInput: t[0] || (t[0] = (i) => s.onInput(i)),
+        onFocus: t[1] || (t[1] = (i) => n.$emit("focus", i)),
+        onBlur: t[2] || (t[2] = (i) => n.$emit("blur", i))
+      }, null, 40, Fe),
+      d(n.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const ve = /* @__PURE__ */ d(ce, [["render", ye], ["__scopeId", "data-v-dc23c98e"]]), be = {
+const Ae = /* @__PURE__ */ c(Pe, [["render", je], ["__scopeId", "data-v-3967e87e"]]), Ve = {
   components: {
-    Btn: C
+    Btn: $
   },
   props: {
-    ...C.props,
+    ...$.props,
     to: { required: !0 },
     baseProps: { type: Object },
     activeProps: { type: Object },
     exactActiveProps: { type: Object }
   },
   methods: {
-    actualProps(t, n) {
+    actualProps(n, t) {
       return {
-        ...this.$props,
+        ...C(this, $),
         ...this.baseProps,
-        ...t ? this.activeProps : {},
-        ...n ? this.exactActiveProps : {}
+        ...n ? this.activeProps : {},
+        ...t ? this.exactActiveProps : {}
       };
     }
   }
 };
-function he(t, n, e, u, l, o) {
-  const s = h("Btn"), a = h("RouterLink");
-  return i(), c(a, {
+function He(n, t, e, l, o, s) {
+  const a = m("Btn"), i = m("RouterLink");
+  return r(), y(i, {
     to: e.to,
     custom: ""
   }, {
-    default: b(({ href: _, navigate: I, isActive: m, isExactActive: x }) => [
-      O(s, k({
+    default: v(({ href: u, navigate: B, isActive: g, isExactActive: j }) => [
+      O(a, x({
         tagName: "a",
-        href: _
-      }, o.actualProps(m, x), { onClick: I }), null, 16, ["href", "onClick"])
+        href: u
+      }, s.actualProps(g, j), { onClick: B }), null, 16, ["href", "onClick"])
     ]),
     _: 1
   }, 8, ["to"]);
 }
-const me = /* @__PURE__ */ d(be, [["render", he]]), ge = {
+const Me = /* @__PURE__ */ c(Ve, [["render", He]]), Ee = {
   props: {
     dir: { type: String, default: "top" },
     type: { type: String, default: "start" }
   }
 };
-function Se(t, n, e, u, l, o) {
-  return i(), f("svg", {
-    class: p(["TabCap", [
+function De(n, t, e, l, o, s) {
+  return r(), f("svg", {
+    class: h(["TabCap", [
       `TabCap-${e.dir}`,
       `TabCap-${e.type}`
     ]]),
     viewBox: "0 0 32 32",
     preserveAspectRatio: "none"
-  }, [...n[0] || (n[0] = [
-    v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
+  }, [...t[0] || (t[0] = [
+    b("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ])], 2);
 }
-const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd"]]), ke = {
+const Ne = /* @__PURE__ */ c(Ee, [["render", De], ["__scopeId", "data-v-703bfafd"]]), Le = {
   props: {
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
@@ -716,106 +958,114 @@ const _e = /* @__PURE__ */ d(ge, [["render", Se], ["__scopeId", "data-v-703bfafd
     },
     effectiveStyle() {
       const {
-        baseStyle: t,
-        hoverOverrides: n = {},
+        baseStyle: n,
+        hoverOverrides: t = {},
         focusOverrides: e = {},
-        hover: u,
-        focus: l,
-        forceHover: o,
-        forceFocus: s
-      } = this, a = Object.assign({}, t);
-      return (u || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
+        hover: l,
+        focus: o,
+        forceHover: s,
+        forceFocus: a
+      } = this, i = Object.assign({}, n);
+      return (l || s) && Object.assign(i, t), (o || a) && Object.assign(i, e), i;
     }
   },
   methods: {
-    onChange(t) {
-      this.$emit("update:modelValue", t.target.checked);
+    onChange(n) {
+      this.$emit("update:modelValue", n.target.checked);
     }
   }
-}, Be = ["checked", "disabled"];
-function Ie(t, n, e, u, l, o) {
-  return i(), f("label", {
-    class: p(["Toggle InputElement", [
-      `Toggle-${o.effectiveStyle.kind}`,
-      `ui-${o.effectiveStyle.kind}`,
-      `input-size-${o.effectiveStyle.size}`,
+}, Ge = ["checked", "disabled"];
+function Re(n, t, e, l, o, s) {
+  return r(), f("label", {
+    class: h(["Toggle InputElement", [
+      `ui-${s.effectiveStyle.kind}`,
+      `input-size-${s.effectiveStyle.size}`,
       {
         "Toggle-active": !!e.modelValue,
-        "Toggle-outline": o.effectiveStyle.outline,
-        "Toggle-round": o.effectiveStyle.round,
-        "Toggle-flat": o.effectiveStyle.flat,
+        "Toggle-outline": s.effectiveStyle.outline,
+        "Toggle-round": s.effectiveStyle.round,
+        "Toggle-flat": s.effectiveStyle.flat,
         "Toggle-disabled": e.disabled,
         "Toggle-force-focus": e.forceFocus,
         "Toggle-force-hover": e.forceHover
       }
     ]]),
     tabindex: "0",
-    onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
-    onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
-    onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
-    onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
+    onMouseenter: t[1] || (t[1] = (a) => o.hover = !0),
+    onMouseleave: t[2] || (t[2] = (a) => o.hover = !1),
+    onFocusin: t[3] || (t[3] = (a) => o.focus = !0),
+    onFocusout: t[4] || (t[4] = (a) => o.focus = !1)
   }, [
-    v("input", {
+    b("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
-      onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
-    }, null, 40, Be)
+      onChange: t[0] || (t[0] = (...a) => s.onChange && s.onChange(...a))
+    }, null, 40, Ge)
   ], 34);
 }
-const Oe = /* @__PURE__ */ d(ke, [["render", Ie], ["__scopeId", "data-v-79a54383"]]), Ce = {
+const Ke = /* @__PURE__ */ c(Le, [["render", Re], ["__scopeId", "data-v-7086db27"]]), qe = {
   props: {
-    tagName: { type: String, default: "div" },
-    align: { type: String, default: "stretch" },
-    justify: { type: String },
-    gap: { type: String, default: "m" }
+    size: { type: String, default: "m" },
+    flat: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 }
   }
 };
-function Ve(t, n, e, u, l, o) {
-  return i(), c(S(e.tagName), {
-    class: p(["VGroup", [
-      `VGroup-align-${e.align}`,
-      `VGroup-justify-${e.justify}`,
-      `VGroup-gap-${e.gap}`
+function Ue(n, t, e, l, o, s) {
+  return r(), f("div", {
+    class: h(["ToolPanel", [
+      `ToolPanel-size-${e.size}`,
+      `input-size-${e.size}`,
+      {
+        "ToolPanel-flat": e.flat,
+        "ToolPanel-outline": e.outline,
+        "ToolPanel-round": e.round
+      }
     ]])
-  }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
+  }, [
+    d(n.$slots, "default", {}, void 0, !0)
+  ], 2);
 }
-const xe = /* @__PURE__ */ d(Ce, [["render", Ve], ["__scopeId", "data-v-044d3ec4"]]), je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const We = /* @__PURE__ */ c(qe, [["render", Ue], ["__scopeId", "data-v-5ab32096"]]), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Btn: C,
-  Checkbox: N,
-  Filler: G,
-  HGroup: D,
-  InputBase: B,
-  InputGroup: te,
-  InputSelect: ie,
-  InputText: fe,
-  InputTextarea: ve,
-  RouterBtn: me,
-  Tab: V,
-  TabCap: _e,
-  Toggle: Oe,
-  VGroup: xe
+  BaseMenu: I,
+  Btn: $,
+  Bubble: ee,
+  Checkbox: se,
+  ContextMenu: ue,
+  ContextPopup: w,
+  Filler: fe,
+  HGroup: ve,
+  InputBase: _,
+  InputGroup: xe,
+  InputText: ze,
+  InputTextarea: Ae,
+  RouterBtn: Me,
+  Tab: F,
+  TabCap: Ne,
+  Toggle: Ke,
+  ToolPanel: We,
+  VGroup: P
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  C as Btn,
-  N as Checkbox,
-  G as Filler,
-  D as HGroup,
-  B as InputBase,
-  te as InputGroup,
-  ie as InputSelect,
-  fe as InputText,
-  ve as InputTextarea,
-  me as RouterBtn,
-  V as Tab,
-  _e as TabCap,
-  Oe as Toggle,
-  xe as VGroup,
-  je as coreComponents
+  I as BaseMenu,
+  $ as Btn,
+  ee as Bubble,
+  se as Checkbox,
+  ue as ContextMenu,
+  w as ContextPopup,
+  fe as Filler,
+  ve as HGroup,
+  _ as InputBase,
+  xe as InputGroup,
+  ze as InputText,
+  Ae as InputTextarea,
+  Me as RouterBtn,
+  F as Tab,
+  Ne as TabCap,
+  Ke as Toggle,
+  We as ToolPanel,
+  P as VGroup,
+  Je as coreComponents
 };