@vanjana/vue-ui 0.1.124 → 0.1.126

package/dist/types/components/shell/shell.vue.d.ts

@@ -3,13 +3,15 @@ type Props = {
     icon?: string;
     showNavigation?: boolean;
 };
-declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    'header-actions'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_1) => any;
 } & {
-    'navigation-fixed'?: (props: typeof __VLS_10) => any;
+    'header-actions'?: (props: typeof __VLS_3) => any;
 } & {
-    default?: (props: typeof __VLS_12) => any;
+    'navigation-fixed'?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/stories/components/shell.stories.d.ts

@@ -27,6 +27,8 @@ declare const meta: {
         showNavigation?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
+            header?: (props: {}) => any;
+        } & {
             'header-actions'?: (props: {}) => any;
         } & {
             'navigation-fixed'?: (props: {}) => any;
@@ -63,6 +65,8 @@ declare const meta: {
                 showNavigation?: boolean;
             }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
+                    header?: (props: {}) => any;
+                } & {
                     'header-actions'?: (props: {}) => any;
                 } & {
                     'navigation-fixed'?: (props: {}) => any;

package/dist/vanjana-vue-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as $, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Le, withCtx as N, renderSlot as M, createTextVNode as Ue, useSlots as Kt, ref as E, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as G, Fragment as Q, renderList as pe, mergeModels as Y, useModel as se, withModifiers as U, provide as Xt, Teleport as Me, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, onUnmounted as Cn, vModelText as Vn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Ln, isRef as Sn, createApp as Tn, h as Rn } from "vue";
+import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as $, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Le, withCtx as N, renderSlot as j, createTextVNode as Ue, useSlots as Kt, ref as E, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as G, Fragment as Q, renderList as pe, mergeModels as Y, useModel as se, withModifiers as U, provide as Xt, Teleport as Me, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, onUnmounted as Cn, vModelText as Vn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Ln, isRef as Sn, createApp as Tn, h as Rn } from "vue";
 import { useRouter as An, useRoute as On } from "vue-router";
 var z = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.LOGOUT = "fa-solid fa-right-from-bracket", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user-circle", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(z || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
 class Dn {
@@ -126,7 +126,7 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
         default: N(() => [
           e.expanded ? (f(), g("div", Pn, [
             _("div", Fn, [
-              M(c.$slots, "default", {}, void 0, !0)
+              j(c.$slots, "default", {}, void 0, !0)
             ])
           ])) : L("", !0)
         ]),
@@ -138,10 +138,10 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
 function Kn(e, n) {
   return f(), g("div", Wn, [
     _("div", Un, [
-      M(e.$slots, "left", {}, void 0, !0)
+      j(e.$slots, "left", {}, void 0, !0)
     ]),
     _("div", Nn, [
-      M(e.$slots, "default", {}, void 0, !0)
+      j(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -184,18 +184,18 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       class: I(["card", { scrollable: e.scrollable }])
     }, [
       _("header", null, [
-        M(t.$slots, "header", {}, () => [
+        j(t.$slots, "header", {}, () => [
           _("h3", null, O(e.header), 1),
           $(n).headerActions ? (f(), g("span", Yn, [
-            M(t.$slots, "headerActions", {}, void 0, !0)
+            j(t.$slots, "headerActions", {}, void 0, !0)
           ])) : L("", !0)
         ], !0)
       ]),
       _("main", null, [
-        M(t.$slots, "default", {}, void 0, !0)
+        j(t.$slots, "default", {}, void 0, !0)
       ]),
       $(n).footer ? (f(), g("footer", Jn, [
-        M(t.$slots, "footer", {}, void 0, !0)
+        j(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
@@ -219,7 +219,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     let m = null, b = null;
     const x = E(null), w = E(null), S = () => {
       h.value = r.value ? r.value.children.length : 0, h.value === 0 ? s.value = 0 : s.value >= h.value && (s.value = l ? 0 : h.value - 1), H();
-    }, j = k(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), H = () => {
+    }, M = k(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), H = () => {
       r.value && Array.from(r.value.children).forEach((B, ye) => {
         try {
           ye === s.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
@@ -320,9 +320,9 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
             class: "carousel-track",
             ref_key: "track",
             ref: r,
-            style: G(j.value)
+            style: G(M.value)
           }, [
-            M(B.$slots, "default", {}, void 0, !0)
+            j(B.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
         T(we, {
@@ -647,7 +647,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                             onClose: a,
                             onConfirm: c,
                             onResolve: i
-                          }), null, 16)) : e.message ? (f(), g("div", ko, O(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
+                          }), null, 16)) : e.message ? (f(), g("div", ko, O(e.message), 1)) : j(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -656,7 +656,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                         name: "footer",
                         fn: N(() => [
                           _("div", Co, [
-                            M(d.$slots, "footer", {}, () => [
+                            j(d.$slots, "footer", {}, () => [
                               e.showCancel ? (f(), P(h, {
                                 key: 0,
                                 secondary: "",
@@ -930,7 +930,7 @@ const Wo = async (e, n, t) => {
       x,
       y: w,
       data: S,
-      reset: j
+      reset: M
     } = await b({
       x: u,
       y: d,
@@ -951,11 +951,11 @@ const Wo = async (e, n, t) => {
         ...p[m],
         ...S
       }
-    }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (r = j.rects === !0 ? await i.getElementRects({
+    }, M && h <= 50 && (h++, typeof M == "object" && (M.placement && (v = M.placement), M.rects && (r = M.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : j.rects), {
+    }) : M.rects), {
       x: u,
       y: d
     } = Bt(r, v, s)), y = -1);
@@ -1000,17 +1000,17 @@ async function pt(e, n) {
   } : {
     x: 1,
     y: 1
-  }, j = Xe(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, M = Xe(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: x,
     offsetParent: w,
     strategy: s
   }) : x);
   return {
-    top: (b.top - j.top + h.top) / S.y,
-    bottom: (j.bottom - b.bottom + h.bottom) / S.y,
-    left: (b.left - j.left + h.left) / S.x,
-    right: (j.right - b.right + h.right) / S.x
+    top: (b.top - M.top + h.top) / S.y,
+    bottom: (M.bottom - b.bottom + h.bottom) / S.y,
+    left: (b.left - M.left + h.left) / S.x,
+    right: (M.right - b.right + h.right) / S.x
   };
 }
 const Uo = function(e) {
@@ -1037,9 +1037,9 @@ const Uo = function(e) {
       } = Pe(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const b = ge(l), x = me(c), w = ge(c) === c, S = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), j = v || (w || !y ? [Ke(c)] : jo(c)), H = h !== "none";
-      !v && H && j.push(...zo(c, y, h, S));
-      const C = [c, ...j], V = await pt(n, m), D = [];
+      const b = ge(l), x = me(c), w = ge(c) === c, S = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), M = v || (w || !y ? [Ke(c)] : jo(c)), H = h !== "none";
+      !v && H && M.push(...zo(c, y, h, S));
+      const C = [c, ...M], V = await pt(n, m), D = [];
       let F = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (u && D.push(V[b]), d) {
         const ve = Bo(l, i, S);
@@ -1221,8 +1221,8 @@ const Xo = function(e) {
       } = a.floating;
       let m, b;
       d === "top" || d === "bottom" ? (m = d, b = v === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (b = d, m = v === "end" ? "top" : "bottom");
-      const x = y - u.top - u.bottom, w = h - u.left - u.right, S = Se(y - u[m], x), j = Se(h - u[b], w), H = !n.middlewareData.shift;
-      let C = S, V = j;
+      const x = y - u.top - u.bottom, w = h - u.left - u.right, S = Se(y - u[m], x), M = Se(h - u[b], w), H = !n.middlewareData.shift;
+      let C = S, V = M;
       if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = w), (o = n.middlewareData.shift) != null && o.enabled.y && (C = x), H && !v) {
         const F = Z(u.left, 0), W = Z(u.right, 0), ne = Z(u.top, 0), fe = Z(u.bottom, 0);
         p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : C = y - 2 * (ne !== 0 || fe !== 0 ? ne + fe : Z(u.top, u.bottom));
@@ -1668,7 +1668,7 @@ function wl(e, n) {
       threshold: Z(0, Se(1, s)) || 1
     };
     let S = !0;
-    function j(H) {
+    function M(H) {
       const C = H[0].intersectionRatio;
       if (C !== s) {
         if (!S)
@@ -1680,13 +1680,13 @@ function wl(e, n) {
       C === 1 && !rn(r, e.getBoundingClientRect()) && i(), S = !1;
     }
     try {
-      t = new IntersectionObserver(j, {
+      t = new IntersectionObserver(M, {
         ...w,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(j, w);
+      t = new IntersectionObserver(M, w);
     }
     t.observe(e);
   }
@@ -1812,7 +1812,7 @@ function wt(e, n, t) {
   function S() {
     typeof x == "function" && (x(), x = void 0);
   }
-  function j() {
+  function M() {
     if (S(), o === void 0) {
       w();
       return;
@@ -1827,7 +1827,7 @@ function wt(e, n, t) {
   }
   return K([a, i, c, l], w, {
     flush: "sync"
-  }), K([r, u], j, {
+  }), K([r, u], M, {
     flush: "sync"
   }), K(l, H, {
     flush: "sync"
@@ -1887,7 +1887,7 @@ const kl = /* @__PURE__ */ R({
                 onClickCapture: r
               }, {
                 default: N(() => [
-                  M(u.$slots, "default", {}, void 0, !0)
+                  j(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
@@ -1963,7 +1963,7 @@ const kl = /* @__PURE__ */ R({
 }), Tl = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-07850995"]]), Rl = {}, Al = { class: "menu" };
 function Ol(e, n) {
   return f(), g("div", Al, [
-    M(e.$slots, "default", {}, void 0, !0)
+    j(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08"]]), Bl = {
@@ -2241,7 +2241,7 @@ const vn = {
       onClick: a
     }, [
       _("div", Kl, [
-        M(i.$slots, "default", {}, () => [
+        j(i.$slots, "default", {}, () => [
           _("div", Xl, [
             T(te, { icon: l.value }, null, 8, ["icon"])
           ]),
@@ -2303,14 +2303,14 @@ const vn = {
             ])
           ]),
           _("div", oa, [
-            M(i.$slots, "headerActions", {}, void 0, !0)
+            j(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         _("main", {
           class: I({ scrollable: e.scrollable })
         }, [
           a.value ? (f(), g("div", la, [
-            M(i.$slots, "error", {}, () => [
+            j(i.$slots, "error", {}, () => [
               T(xt, {
                 type: "error",
                 title: a.value,
@@ -2319,17 +2319,17 @@ const vn = {
             ], !0)
           ])) : L("", !0),
           a.value ? L("", !0) : (f(), g("div", aa, [
-            M(i.$slots, "default", {}, void 0, !0)
+            j(i.$slots, "default", {}, void 0, !0)
           ])),
           a.value ? L("", !0) : (f(), g("div", ia, [
-            M(i.$slots, "actions", {}, void 0, !0)
+            j(i.$slots, "actions", {}, void 0, !0)
           ])),
           i.$slots.flexFooter ? (f(), g("footer", sa, [
-            M(i.$slots, "flexFooter", {}, void 0, !0)
+            j(i.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
         i.$slots.footer ? (f(), g("footer", ra, [
-          M(i.$slots, "footer", {}, void 0, !0)
+          j(i.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
         [r, { active: o.value, text: t.loadingMessage }]
@@ -2381,7 +2381,7 @@ const vn = {
           onClick: h,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        M(b.$slots, "info", {
+        j(b.$slots, "info", {
           current: i.value,
           totalPages: a.value,
           goTo: v
@@ -2468,7 +2468,7 @@ const vn = {
     return Re(() => {
       t?.registerTab(n.name, n.label);
     }), (l, a) => o.value ? (f(), g("div", wa, [
-      M(l.$slots, "default")
+      j(l.$slots, "default")
     ])) : L("", !0);
   }
 }), xa = { class: "tab-view" }, ka = {
@@ -2526,7 +2526,7 @@ const vn = {
         }, null, 4)
       ], 512),
       _("div", Va, [
-        M(r.$slots, "default", {}, void 0, !0)
+        j(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -2570,9 +2570,9 @@ const vn = {
       if (!p || d.value) return;
       h = performance.now() - p;
       const W = Math.max(0, o.duration - h), ne = W / o.duration * 100;
-      r.value = ne, W > 0 ? v = requestAnimationFrame(S) : j();
+      r.value = ne, W > 0 ? v = requestAnimationFrame(S) : M();
     }
-    async function j() {
+    async function M() {
       if (!o.action) {
         H();
         return;
@@ -2986,7 +2986,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           class: "form-field__label-outline"
         }, O(e.label), 9, ti)) : L("", !0),
         _("div", ni, [
-          M(h.$slots, "control", {
+          j(h.$slots, "control", {
             id: i.value,
             value: l.value,
             onInput: d,
@@ -3046,7 +3046,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       class: "form-layout",
       style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      M(a.$slots, "default", {}, void 0, !0)
+      j(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), ri = /* @__PURE__ */ A(si, [["__scopeId", "data-v-96f62ab7"]]), ci = {
@@ -3061,7 +3061,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
   setup(e) {
     return (n, t) => (f(), g(Q, null, [
       e.title ? (f(), g("h3", ci, O(e.title), 1)) : L("", !0),
-      M(n.$slots, "default", {}, void 0, !0)
+      j(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
 }), di = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-69cff1d0"]]), fi = ["id", "disabled"], vi = { class: "select-value" }, mi = {
@@ -3121,7 +3121,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
     }), (w, S) => {
-      const j = q("VjIcon");
+      const M = q("VjIcon");
       return f(), g(Q, null, [
         _("div", {
           ref_key: "selectRef",
@@ -3137,28 +3137,28 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             onClick: h,
             disabled: e.disabled
           }, [
-            t.icon ? (f(), P(j, {
+            t.icon ? (f(), P(M, {
               key: 0,
               icon: t.icon,
               size: $(X).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
             _("span", vi, [
-              v.value ? M(w.$slots, "selected", {
+              v.value ? j(w.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
                 Ue(O(u(v.value)), 1)
               ], !0) : (f(), g("span", mi, O(e.placeholder), 1))
             ]),
-            t.clearable && v.value && !e.disabled ? (f(), P(j, {
+            t.clearable && v.value && !e.disabled ? (f(), P(M, {
               key: 1,
               icon: $(z).CLOSE,
               size: $(X).S,
               class: "select-clear-icon",
               onClick: U(b, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
-            T(j, {
+            T(M, {
               icon: $(z).CHEVRON_DOWN,
               size: $(X).S,
               class: I(["select-icon-right", { open: l.value }])
@@ -3182,7 +3182,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
                     onClick: (V) => m(H),
                     onMouseenter: (V) => a.value = C
                   }, [
-                    M(w.$slots, "option", {
+                    j(w.$slots, "option", {
                       option: H,
                       selected: p(H)
                     }, () => [
@@ -3265,14 +3265,14 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           i.$slots.selected ? {
             name: "selected",
             fn: N(({ option: d }) => [
-              M(i.$slots, "selected", { option: d })
+              j(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
           i.$slots.option ? {
             name: "option",
             fn: N(({ option: d }) => [
-              M(i.$slots, "option", { option: d })
+              j(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -3321,7 +3321,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           C.target.releasePointerCapture(C.pointerId);
         } catch {
         }
-      h = null, y = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
+      h = null, y = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), M();
     }, x = (C) => {
       if (!h || !l.value) return;
       const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
@@ -3334,7 +3334,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         ne <= fe ? s.value = Math.min(W, r.value) : r.value = Math.max(W, s.value);
       } else
         s.value = c(W, t.min, t.max);
-      j();
+      M();
     }, S = (C, V) => {
       const D = t.step, F = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (F) {
@@ -3345,9 +3345,9 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           const W = c(r.value + F * D, t.range ? s.value : t.max, t.max);
           r.value = W, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
-        j();
+        M();
       }
-    }, j = () => {
+    }, M = () => {
       t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
     };
     Ae(() => {
@@ -3786,7 +3786,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
                 onClick: U(r, ["stop"])
               }, {
                 default: N(() => [
-                  M(v.$slots, "default", {}, void 0, !0)
+                  j(v.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["style"])) : L("", !0)
@@ -3831,7 +3831,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
         o.$slots.fixed ? (f(), g("ul", Hi, [
-          M(o.$slots, "fixed", {}, void 0, !0)
+          j(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
@@ -3852,17 +3852,19 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       const s = q("router-view");
       return f(), g("div", Ui, [
         _("header", null, [
-          _("span", Ni, [
-            e.icon ? (f(), g("img", {
-              key: 0,
-              src: e.icon,
-              alt: "Shell Icon"
-            }, null, 8, Ki)) : L("", !0),
-            _("h1", null, O(e.title), 1)
-          ]),
-          _("div", Xi, [
-            M(i.$slots, "header-actions", {}, void 0, !0)
-          ])
+          j(i.$slots, "header", {}, () => [
+            _("span", Ni, [
+              e.icon ? (f(), g("img", {
+                key: 0,
+                src: e.icon,
+                alt: "Shell Icon"
+              }, null, 8, Ki)) : L("", !0),
+              _("h1", null, O(e.title), 1)
+            ]),
+            _("div", Xi, [
+              j(i.$slots, "header-actions", {}, void 0, !0)
+            ])
+          ], !0)
         ]),
         _("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
@@ -3871,13 +3873,13 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
-                M(i.$slots, "navigation-fixed", {}, void 0, !0)
+                j(i.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : L("", !0),
           _("main", null, [
-            M(i.$slots, "default", {}, () => [
+            j(i.$slots, "default", {}, () => [
               T(s)
             ], !0)
           ]),
@@ -3891,7 +3893,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ]);
     };
   }
-}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-4dfd0097"]]);
+}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-6a20620c"]]);
 class Yi {
   notifications = E([]);
   notificationIdCounter = 0;