@nightshadeui/core 2.0.14 → 2.0.15

package/dist/components/RouterBtn.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        required: true;
+    };
+    activeOverrides: {
+        type: ObjectConstructor;
+    };
+    exactActiveOverrides: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {
+    actualAttrs(isActive: any, isExactActive: any): {
+        [x: string]: any;
+    };
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        required: true;
+    };
+    activeOverrides: {
+        type: ObjectConstructor;
+    };
+    exactActiveOverrides: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -6,8 +6,9 @@ import { default as InputGroup } from './InputGroup.vue';
 import { default as InputSelect } from './InputSelect.vue';
 import { default as InputText } from './InputText.vue';
 import { default as InputTextarea } from './InputTextarea.vue';
+import { default as RouterBtn } from './RouterBtn.vue';
 import { default as Tab } from './Tab.vue';
 import { default as TabCap } from './TabCap.vue';
 import { default as Toggle } from './Toggle.vue';
 import { default as VGroup } from './VGroup.vue';
-export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, Tab, TabCap, Toggle, VGroup, };
+export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };

package/dist/core.mjs

@@ -1,10 +1,10 @@
-import { createBlock as y, openBlock as u, resolveDynamicComponent as g, normalizeClass as p, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as O, mergeProps as I } from "vue";
+import { createBlock as p, openBlock as r, resolveDynamicComponent as S, normalizeClass as y, withCtx as v, renderSlot as u, createElementBlock as d, createCommentVNode as c, toDisplayString as g, resolveComponent as b, createVNode as O, createElementVNode as h, Fragment as V, mergeProps as B } from "vue";
 const f = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [i, o] of n)
-    e[i] = o;
+  for (const [i, l] of n)
+    e[i] = l;
   return e;
-}, V = {
+}, $ = {
   props: {
     tagName: { type: String, default: "button" },
     href: { type: String },
@@ -55,89 +55,89 @@ const f = (t, n) => {
         hoverOverrides: n = {},
         activeOverrides: e = {},
         focusOverrides: i = {},
-        active: o,
-        hover: l,
+        active: l,
+        hover: o,
         focus: s,
         forceActive: a,
-        forceHover: B,
-        forceFocus: T
-      } = this, S = Object.assign({}, t);
-      return (o || a) && Object.assign(S, e), (l || B) && Object.assign(S, n), (s || T) && Object.assign(S, i), S;
+        forceHover: _,
+        forceFocus: k
+      } = this, m = Object.assign({}, t);
+      return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || k) && Object.assign(m, i), m;
     }
   },
   methods: {
     // TODO add debounce
   }
-}, $ = {
+}, j = {
   key: 0,
   class: "Label"
 };
-function j(t, n, e, i, o, l) {
-  return u(), y(g(e.tagName), {
+function C(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
     ref: "button",
-    class: p(["Btn InputElement", [
-      `Btn-${l.effectiveStyle.size}`,
-      `Btn-${l.effectiveStyle.kind}`,
-      `input-kind-${l.effectiveStyle.kind}`,
+    class: y(["Btn InputElement", [
+      `Btn-${o.effectiveStyle.size}`,
+      `Btn-${o.effectiveStyle.kind}`,
+      `input-kind-${o.effectiveStyle.kind}`,
       `Btn-iconPos-${e.iconPos}`,
       {
-        "Btn-ghost": l.effectiveStyle.ghost,
-        "Btn-round": l.effectiveStyle.round,
-        "Btn-outline": l.effectiveStyle.outline,
-        "Btn-flat": l.effectiveStyle.flat,
-        "Btn-shadow": l.effectiveStyle.shadow,
+        "Btn-ghost": o.effectiveStyle.ghost,
+        "Btn-round": o.effectiveStyle.round,
+        "Btn-outline": o.effectiveStyle.outline,
+        "Btn-flat": o.effectiveStyle.flat,
+        "Btn-shadow": o.effectiveStyle.shadow,
         "Btn-square": e.square,
         "Btn-block": e.block,
-        "Btn-disabled": e.disabled || o.blocked,
+        "Btn-disabled": e.disabled || l.blocked,
         "Btn-force-focus": e.forceFocus,
         "Btn-force-hover": e.forceHover,
         "Btn-force-active": e.forceActive
       }
     ]]),
-    disabled: e.disabled || o.blocked,
+    disabled: e.disabled || l.blocked,
     title: e.title ?? e.label,
     href: e.href,
-    onMouseenter: n[0] || (n[0] = (s) => o.hover = !0),
-    onMouseleave: n[1] || (n[1] = (s) => o.hover = !1),
-    onMousedown: n[2] || (n[2] = (s) => o.active = !0),
-    onMouseup: n[3] || (n[3] = (s) => o.active = !1),
-    onMouseout: n[4] || (n[4] = (s) => o.active = !1),
-    onFocusin: n[5] || (n[5] = (s) => o.focus = !0),
-    onFocusout: n[6] || (n[6] = (s) => o.focus = !1)
+    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)
   }, {
-    default: b(() => [
-      r(t.$slots, "icon", {
-        hover: o.hover,
-        blocked: o.blocked
+    default: v(() => [
+      u(t.$slots, "icon", {
+        hover: l.hover,
+        blocked: l.blocked
       }, () => [
-        e.icon ? (u(), d("i", {
+        e.icon ? (r(), d("i", {
           key: 0,
-          class: p([e.icon, "Icon"])
+          class: y([e.icon, "Icon"])
         }, null, 2)) : c("", !0)
       ], !0),
-      e.label ? (u(), d("span", $, h(e.label), 1)) : c("", !0),
-      r(t.$slots, "default", {
-        hover: o.hover,
-        active: o.active,
-        blocked: o.blocked
+      e.label ? (r(), d("span", j, g(e.label), 1)) : c("", !0),
+      u(t.$slots, "default", {
+        hover: l.hover,
+        active: l.active,
+        blocked: l.blocked
       }, void 0, !0)
     ]),
     _: 3
   }, 40, ["class", "disabled", "title", "href"]);
 }
-const F = /* @__PURE__ */ f(V, [["render", j], ["__scopeId", "data-v-09d29421"]]), C = {
+const F = /* @__PURE__ */ f($, [["render", C], ["__scopeId", "data-v-09d29421"]]), x = {
   props: {
     fill: { type: String, default: "none" }
   }
 };
-function H(t, n, e, i, o, l) {
-  return u(), d("div", {
-    class: p(["Filler", [
+function H(t, n, e, i, l, o) {
+  return r(), d("div", {
+    class: y(["Filler", [
       `Filler-${e.fill}`
     ]])
   }, null, 2);
 }
-const z = /* @__PURE__ */ f(C, [["render", H], ["__scopeId", "data-v-a4c89219"]]), x = {
+const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]), N = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "center" },
@@ -146,9 +146,9 @@ const z = /* @__PURE__ */ f(C, [["render", H], ["__scopeId", "data-v-a4c89219"]]
     wrap: { type: Boolean, default: !1 }
   }
 };
-function N(t, n, e, i, o, l) {
-  return u(), y(g(e.tagName), {
-    class: p(["HGroup", [
+function M(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
+    class: y(["HGroup", [
       `HGroup-align-${e.align}`,
       `HGroup-justify-${e.justify}`,
       `HGroup-gap-${e.gap}`,
@@ -157,13 +157,13 @@ function N(t, n, e, i, o, l) {
       }
     ]])
   }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const M = /* @__PURE__ */ f(x, [["render", N], ["__scopeId", "data-v-4afcf47f"]]), G = {
+const G = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]), A = {
   props: {
     dir: { type: String, default: "top" },
     label: { type: String }
@@ -173,37 +173,37 @@ const M = /* @__PURE__ */ f(x, [["render", N], ["__scopeId", "data-v-4afcf47f"]]
       return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
     }
   }
-}, L = { class: "Content" }, A = ["title"];
-function D(t, n, e, i, o, l) {
-  const s = m("TabCap");
-  return u(), d("div", {
-    class: p(["Tab", [
+}, L = { class: "Content" }, D = ["title"];
+function P(t, n, e, i, l, o) {
+  const s = b("TabCap");
+  return r(), d("div", {
+    class: y(["Tab", [
       `Tab-${e.dir}`,
-      `Tab-${l.orientation}`
+      `Tab-${o.orientation}`
     ]])
   }, [
-    k(s, {
+    O(s, {
       class: "TabCap",
       dir: e.dir,
       type: "start"
     }, null, 8, ["dir"]),
-    v("div", L, [
-      r(t.$slots, "default", {}, () => [
-        e.label ? (u(), d("div", {
+    h("div", L, [
+      u(t.$slots, "default", {}, () => [
+        e.label ? (r(), d("div", {
           key: 0,
           class: "TabLabel",
           title: e.label
-        }, h(e.label), 9, A)) : c("", !0)
+        }, g(e.label), 9, D)) : c("", !0)
       ], !0)
     ]),
-    k(s, {
+    O(s, {
       class: "TabCap",
       dir: e.dir,
       type: "end"
     }, null, 8, ["dir"])
   ], 2);
 }
-const w = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]), P = {
+const w = /* @__PURE__ */ f(A, [["render", P], ["__scopeId", "data-v-a4bb3614"]]), E = {
   components: {
     Tab: w
   },
@@ -244,74 +244,74 @@ const w = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]
         hoverOverrides: n = {},
         focusOverrides: e = {},
         hover: i,
-        focus: o,
-        forceHover: l,
+        focus: l,
+        forceHover: o,
         forceFocus: s
       } = this, a = Object.assign({}, t);
-      return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
+      return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   }
-}, E = {
+}, R = {
   key: 1,
   class: "Label TextLabel"
 }, q = {
   key: 2,
   class: "Label InlineLabel"
 }, K = { class: "InputElement Container" };
-function R(t, n, e, i, o, l) {
-  const s = m("Tab");
-  return u(), y(g(e.tagName), {
-    class: p(["InputBase", [
-      `InputBase-${l.effectiveStyle.kind}`,
-      `input-kind-${l.effectiveStyle.kind}`,
-      `InputBase-${l.effectiveStyle.size}`,
+function Y(t, n, e, i, l, o) {
+  const s = b("Tab");
+  return r(), p(S(e.tagName), {
+    class: y(["InputBase", [
+      `InputBase-${o.effectiveStyle.kind}`,
+      `input-kind-${o.effectiveStyle.kind}`,
+      `InputBase-${o.effectiveStyle.size}`,
       {
         "InputBase-fixed-height": e.fixedHeight,
-        "InputBase-shadow": l.effectiveStyle.shadow,
-        "InputBase-round": l.effectiveStyle.round,
+        "InputBase-shadow": o.effectiveStyle.shadow,
+        "InputBase-round": o.effectiveStyle.round,
         "InputBase-disabled": e.disabled,
         "InputBase-force-focus": e.forceFocus,
         "InputBase-force-hover": e.forceHover
       }
     ]]),
-    onMouseenter: n[0] || (n[0] = (a) => o.hover = !0),
-    onMouseleave: n[1] || (n[1] = (a) => o.hover = !1),
-    onFocusin: n[2] || (n[2] = (a) => o.focus = !0),
-    onFocusout: n[3] || (n[3] = (a) => o.focus = !1)
+    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)
   }, {
-    default: b(() => [
-      e.label ? (u(), d(O, { key: 0 }, [
-        e.labelStyle === "tab" ? (u(), y(s, {
+    default: v(() => [
+      e.label ? (r(), d(V, { key: 0 }, [
+        e.labelStyle === "tab" ? (r(), p(s, {
           key: 0,
           class: "Label TabLabel",
           label: e.label
         }, null, 8, ["label"])) : c("", !0),
-        e.labelStyle === "text" ? (u(), d("div", E, h(e.label), 1)) : c("", !0),
-        e.labelStyle === "inline" ? (u(), d("div", q, h(e.label), 1)) : c("", !0)
+        e.labelStyle === "text" ? (r(), d("div", R, g(e.label), 1)) : c("", !0),
+        e.labelStyle === "inline" ? (r(), d("div", q, g(e.label), 1)) : c("", !0)
       ], 64)) : c("", !0),
-      v("div", K, [
-        r(t.$slots, "default", {}, void 0, !0)
+      h("div", K, [
+        u(t.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   }, 40, ["class"]);
 }
-const _ = /* @__PURE__ */ f(P, [["render", R], ["__scopeId", "data-v-408c1aa3"]]), Y = {
+const I = /* @__PURE__ */ f(E, [["render", Y], ["__scopeId", "data-v-408c1aa3"]]), J = {
   props: {
     tagName: { type: String, default: "div" }
   }
 };
-function J(t, n, e, i, o, l) {
-  return u(), y(g(e.tagName), { class: "InputGroup" }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+function Q(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), { class: "InputGroup" }, {
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   });
 }
-const Q = /* @__PURE__ */ f(Y, [["render", J], ["__scopeId", "data-v-3d98e109"]]), U = {
+const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]), W = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: {},
     items: { type: Array, default: () => [] },
     placeholder: { type: String },
@@ -370,55 +370,55 @@ const Q = /* @__PURE__ */ f(Y, [["render", J], ["__scopeId", "data-v-3d98e109"]]
       this.disabled || (this.menuShown = !0);
     }
   }
-}, W = {
+}, X = {
   key: 1,
   class: "Value"
-}, X = {
+}, Z = {
   key: 2,
   class: "Placeholder"
-}, Z = {
+}, ee = {
   ref: "icon",
   class: "DropdownIcon"
 };
-function ee(t, n, e, i, o, l) {
-  const s = m("ContextMenu"), a = m("InputBase");
-  return u(), y(a, I({ class: "InputSelect" }, {
+function te(t, n, e, i, l, o) {
+  const s = b("ContextMenu"), a = b("InputBase");
+  return r(), p(a, B({ class: "InputSelect" }, {
     ...t.$props
   }, {
     tabindex: "0",
-    onClick: n[1] || (n[1] = (B) => l.show())
+    onClick: n[1] || (n[1] = (_) => o.show())
   }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      l.itemIcon ? (u(), d("i", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      o.itemIcon ? (r(), d("i", {
         key: 0,
-        class: p(["Icon", l.itemIcon])
+        class: y(["Icon", o.itemIcon])
       }, null, 2)) : c("", !0),
-      l.selectedItem ? (u(), d("span", W, h(l.itemTitle), 1)) : c("", !0),
-      l.selectedItem ? c("", !0) : (u(), d("span", X, h(e.placeholder), 1)),
-      v("div", Z, [
-        r(t.$slots, "iconDropdown", {}, () => [
-          v("i", {
-            class: p(l.iconDropdown)
+      o.selectedItem ? (r(), d("span", X, g(o.itemTitle), 1)) : c("", !0),
+      o.selectedItem ? c("", !0) : (r(), d("span", Z, g(e.placeholder), 1)),
+      h("div", ee, [
+        u(t.$slots, "iconDropdown", {}, () => [
+          h("i", {
+            class: y(o.iconDropdown)
           }, null, 2)
         ], !0)
       ], 512),
-      !t.disabled && o.menuShown ? (u(), y(s, {
+      !t.disabled && l.menuShown ? (r(), p(s, {
         key: 3,
         anchorRef: "icon",
-        items: l.getMenuItems(),
+        items: o.getMenuItems(),
         search: e.search,
         overlayShown: !1,
-        onHide: n[0] || (n[0] = (B) => o.menuShown = !1)
+        onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
       }, null, 8, ["items", "search"])) : c("", !0),
-      r(t.$slots, "after", {}, void 0, !0)
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const te = /* @__PURE__ */ f(U, [["render", ee], ["__scopeId", "data-v-2c4374be"]]), ne = {
+const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"]]), oe = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: { type: [String, Number] },
     type: { type: String },
     placeholder: { type: String },
@@ -443,14 +443,14 @@ const te = /* @__PURE__ */ f(U, [["render", ee], ["__scopeId", "data-v-2c4374be"
     }
   }
 }, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function oe(t, n, e, i, o, l) {
-  const s = m("InputBase");
-  return u(), y(s, I({ class: "InputText" }, {
+function se(t, n, e, i, l, o) {
+  const s = b("InputBase");
+  return r(), p(s, B({ class: "InputText" }, {
     ...t.$props
   }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("input", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      h("input", {
         ref: "input",
         value: e.modelValue,
         type: e.type,
@@ -461,18 +461,18 @@ function oe(t, n, e, i, o, l) {
         max: e.max,
         step: e.step,
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (a) => l.onInput(a)),
+        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, le),
-      r(t.$slots, "after", {}, void 0, !0)
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const se = /* @__PURE__ */ f(ne, [["render", oe], ["__scopeId", "data-v-f0bca74d"]]), ae = {
+const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d"]]), re = {
   props: {
-    ..._.props,
+    ...I.props,
     modelValue: { type: String },
     placeholder: { type: String },
     rows: { type: Number },
@@ -505,15 +505,15 @@ const se = /* @__PURE__ */ f(ne, [["render", oe], ["__scopeId", "data-v-f0bca74d
       this.$emit("update:modelValue", t.target.value);
     }
   }
-}, ue = ["value", "placeholder", "readonly", "disabled", "rows"];
-function ie(t, n, e, i, o, l) {
-  const s = m("InputBase");
-  return u(), y(s, I({ class: "InputTextarea" }, {
+}, ie = ["value", "placeholder", "readonly", "disabled", "rows"];
+function ue(t, n, e, i, l, o) {
+  const s = b("InputBase");
+  return r(), p(s, B({ class: "InputTextarea" }, {
     ...t.$props
   }, { fixedHeight: !1 }), {
-    default: b(() => [
-      r(t.$slots, "before", {}, void 0, !0),
-      v("textarea", {
+    default: v(() => [
+      u(t.$slots, "before", {}, void 0, !0),
+      h("textarea", {
         ref: "input",
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -522,34 +522,65 @@ function ie(t, n, e, i, o, l) {
         rows: e.rows,
         resize: "none",
         autocomplete: "off",
-        onInput: n[0] || (n[0] = (a) => l.onInput(a)),
+        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, ue),
-      r(t.$slots, "after", {}, void 0, !0)
+      }, null, 40, ie),
+      u(t.$slots, "after", {}, void 0, !0)
     ]),
     _: 3
   }, 16);
 }
-const re = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-d1f75aa4"]]), de = {
+const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4"]]), fe = {
+  props: {
+    to: { required: !0 },
+    activeOverrides: { type: Object },
+    exactActiveOverrides: { type: Object }
+  },
+  methods: {
+    actualAttrs(t, n) {
+      return {
+        ...this.$attrs,
+        ...t ? this.activeOverrides : {},
+        ...n ? this.exactActiveOverrides : {}
+      };
+    }
+  }
+};
+function ce(t, n, e, i, l, o) {
+  const s = b("Button"), a = b("RouterLink");
+  return r(), p(a, {
+    to: e.to,
+    custom: ""
+  }, {
+    default: v(({ href: _, navigate: k, isActive: m, isExactActive: T }) => [
+      O(s, B({
+        as: "a",
+        href: _
+      }, o.actualAttrs(m, T), { onClick: k }), null, 16, ["href", "onClick"])
+    ]),
+    _: 1
+  }, 8, ["to"]);
+}
+const pe = /* @__PURE__ */ f(fe, [["render", ce]]), ye = {
   props: {
     dir: { type: String, default: "top" },
     type: { type: String, default: "start" }
   }
 };
-function fe(t, n, e, i, o, l) {
-  return u(), d("svg", {
-    class: p(["TabCap", [
+function ve(t, n, e, i, l, o) {
+  return r(), d("svg", {
+    class: y(["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)
+    h("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
   ])], 2);
 }
-const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a"]]), pe = {
+const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a"]]), he = {
   props: {
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
@@ -592,11 +623,11 @@ const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a
         hoverOverrides: n = {},
         focusOverrides: e = {},
         hover: i,
-        focus: o,
-        forceHover: l,
+        focus: l,
+        forceHover: o,
         forceFocus: s
       } = this, a = Object.assign({}, t);
-      return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
+      return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
     }
   },
   methods: {
@@ -604,38 +635,38 @@ const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a
       this.$emit("update:modelValue", t.target.checked);
     }
   }
-}, ye = ["checked", "disabled"];
-function ve(t, n, e, i, o, l) {
-  return u(), d("label", {
-    class: p(["Toggle InputElement", [
-      `Toggle-${l.effectiveStyle.kind}`,
-      `input-kind-${l.effectiveStyle.kind}`,
-      `Toggle-${l.effectiveStyle.size}`,
+}, me = ["checked", "disabled"];
+function ge(t, n, e, i, l, o) {
+  return r(), d("label", {
+    class: y(["Toggle InputElement", [
+      `Toggle-${o.effectiveStyle.kind}`,
+      `input-kind-${o.effectiveStyle.kind}`,
+      `Toggle-${o.effectiveStyle.size}`,
       {
         "Toggle-active": !!e.modelValue,
-        "Toggle-outline": l.effectiveStyle.outline,
-        "Toggle-round": l.effectiveStyle.round,
-        "Toggle-flat": l.effectiveStyle.flat,
+        "Toggle-outline": o.effectiveStyle.outline,
+        "Toggle-round": o.effectiveStyle.round,
+        "Toggle-flat": o.effectiveStyle.flat,
         "Toggle-disabled": e.disabled,
         "Toggle-force-focus": e.forceFocus,
         "Toggle-force-hover": e.forceHover
       }
     ]]),
     tabindex: "0",
-    onMouseenter: n[1] || (n[1] = (s) => o.hover = !0),
-    onMouseleave: n[2] || (n[2] = (s) => o.hover = !1),
-    onFocusin: n[3] || (n[3] = (s) => o.focus = !0),
-    onFocusout: n[4] || (n[4] = (s) => o.focus = !1)
+    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)
   }, [
-    v("input", {
+    h("input", {
       type: "checkbox",
       checked: e.modelValue,
       disabled: e.disabled,
-      onChange: n[0] || (n[0] = (...s) => l.onChange && l.onChange(...s))
-    }, null, 40, ye)
+      onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
+    }, null, 40, me)
   ], 34);
 }
-const be = /* @__PURE__ */ f(pe, [["render", ve], ["__scopeId", "data-v-c5f9a677"]]), he = {
+const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677"]]), Se = {
   props: {
     tagName: { type: String, default: "div" },
     align: { type: String, default: "stretch" },
@@ -643,47 +674,49 @@ const be = /* @__PURE__ */ f(pe, [["render", ve], ["__scopeId", "data-v-c5f9a677
     gap: { type: String, default: "m" }
   }
 };
-function me(t, n, e, i, o, l) {
-  return u(), y(g(e.tagName), {
-    class: p(["VGroup", [
+function Be(t, n, e, i, l, o) {
+  return r(), p(S(e.tagName), {
+    class: y(["VGroup", [
       `VGroup-align-${e.align}`,
       `VGroup-justify-${e.justify}`,
       `VGroup-gap-${e.gap}`
     ]])
   }, {
-    default: b(() => [
-      r(t.$slots, "default", {}, void 0, !0)
+    default: v(() => [
+      u(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const ge = /* @__PURE__ */ f(he, [["render", me], ["__scopeId", "data-v-ada4a00f"]]), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ f(Se, [["render", Be], ["__scopeId", "data-v-ada4a00f"]]), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Btn: F,
   Filler: z,
-  HGroup: M,
-  InputBase: _,
-  InputGroup: Q,
-  InputSelect: te,
-  InputText: se,
-  InputTextarea: re,
+  HGroup: G,
+  InputBase: I,
+  InputGroup: U,
+  InputSelect: ne,
+  InputText: ae,
+  InputTextarea: de,
+  RouterBtn: pe,
   Tab: w,
-  TabCap: ce,
-  Toggle: be,
-  VGroup: ge
+  TabCap: be,
+  Toggle: _e,
+  VGroup: Ie
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   F as Btn,
   z as Filler,
-  M as HGroup,
-  _ as InputBase,
-  Q as InputGroup,
-  te as InputSelect,
-  se as InputText,
-  re as InputTextarea,
+  G as HGroup,
+  I as InputBase,
+  U as InputGroup,
+  ne as InputSelect,
+  ae as InputText,
+  de as InputTextarea,
+  pe as RouterBtn,
   w as Tab,
-  ce as TabCap,
-  be as Toggle,
-  ge as VGroup,
-  _e as coreComponents
+  be as TabCap,
+  _e as Toggle,
+  Ie as VGroup,
+  Oe as coreComponents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nightshadeui/core",
-    "version": "2.0.14",
+    "version": "2.0.15",
     "description": "Core Nightshade UI components",
     "author": "Boris Okunskiy",
     "license": "ISC",