sprintify-ui 0.10.45 → 0.10.47

package/dist/sprintify-ui.es.js

@@ -2,7 +2,7 @@ var Ld = Object.defineProperty;
 var Fd = (t, n, e) => n in t ? Ld(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
 var un = (t, n, e) => Fd(t, typeof n != "symbol" ? n + "" : n, e);
 import * as Hi from "vue";
-import { defineComponent as Q, computed as w, inject as He, resolveComponent as St, createBlock as ee, createElementBlock as z, openBlock as b, withCtx as K, createElementVNode as E, withModifiers as an, normalizeClass as H, unref as c, renderSlot as ue, createCommentVNode as X, toDisplayString as re, ref as P, nextTick as wt, watchEffect as Ht, onMounted as Qe, cloneVNode as Pd, h as st, Fragment as De, provide as qe, onUnmounted as Ut, watch as Ye, shallowRef as Xl, getCurrentInstance as Js, Teleport as Sn, reactive as Zl, normalizeStyle as je, createVNode as Z, getCurrentScope as eu, onScopeDispose as tu, shallowReadonly as Eo, Transition as tn, renderList as We, resolveDynamicComponent as vn, toRef as Nd, readonly as $o, customRef as Vd, createTextVNode as Ot, onBeforeUnmount as yn, withDirectives as Kt, mergeProps as Mt, Comment as jd, useSlots as nu, isRef as Mn, TransitionGroup as ou, createStaticVNode as ru, vModelCheckbox as Hd, normalizeProps as ft, guardReactiveProps as pt, vShow as An, withKeys as ma, vModelText as ha, createSlots as au, vModelSelect as qd, defineAsyncComponent as Wd } from "vue";
+import { defineComponent as Q, computed as w, inject as He, resolveComponent as St, createBlock as ee, createElementBlock as z, openBlock as b, withCtx as K, createElementVNode as E, withModifiers as an, normalizeClass as H, unref as c, renderSlot as ue, createCommentVNode as X, toDisplayString as re, ref as P, nextTick as wt, watchEffect as Ht, onMounted as Ze, cloneVNode as Pd, h as st, Fragment as De, provide as qe, onUnmounted as Ut, watch as Ye, shallowRef as Xl, getCurrentInstance as Js, Teleport as Sn, reactive as Zl, normalizeStyle as je, createVNode as Z, getCurrentScope as eu, onScopeDispose as tu, shallowReadonly as Eo, Transition as tn, renderList as We, resolveDynamicComponent as vn, toRef as Nd, readonly as $o, customRef as Vd, createTextVNode as Ot, onBeforeUnmount as yn, withDirectives as Kt, mergeProps as Mt, Comment as jd, useSlots as nu, isRef as Mn, TransitionGroup as ou, createStaticVNode as ru, vModelCheckbox as Hd, normalizeProps as ft, guardReactiveProps as pt, vShow as An, withKeys as ma, vModelText as ha, createSlots as au, vModelSelect as qd, defineAsyncComponent as Wd } from "vue";
 import Ud from "axios";
 import { padStart as ea, cloneDeep as kt, debounce as jt, uniqueId as wo, get as Vt, isArray as _t, isString as Fo, uniq as Yd, isObject as Vn, isFunction as qi, throttle as Ql, truncate as Kd, trim as Gd, isNumber as to, merge as Do, range as Kn, sortBy as Wi, set as Nr, isEqual as Xd, isPlainObject as Zd, reject as Qd, round as Ui, isBoolean as Jd, isNull as ef, capitalize as tf } from "lodash";
 import Yi from "qs";
@@ -2589,7 +2589,7 @@ function Qi(t, n) {
 }
 function ri(t, n) {
   let e = P(Qi(t.value.type, t.value.as));
-  return Qe(() => {
+  return Ze(() => {
     e.value = Qi(t.value.type, t.value.as);
   }), Ht(() => {
     var o;
@@ -2793,7 +2793,7 @@ let Zo = Object.assign(Q({ name: "FocusTrap", props: { as: { type: [Object, Stri
   let r = P(null);
   o({ el: r, $el: r });
   let a = w(() => Cn(r)), l = P(!1);
-  Qe(() => l.value = !0), Ut(() => l.value = !1), pp({ ownerDocument: a }, w(() => l.value && !!(t.features & 16)));
+  Ze(() => l.value = !0), Ut(() => l.value = !1), pp({ ownerDocument: a }, w(() => l.value && !!(t.features & 16)));
   let s = mp({ ownerDocument: a, container: r, initialFocus: w(() => t.initialFocus) }, w(() => l.value && !!(t.features & 2)));
   hp({ ownerDocument: a, container: r, containers: t.containers, previousActiveElement: s }, w(() => l.value && !!(t.features & 8)));
   let u = si();
@@ -2838,7 +2838,7 @@ function fp(t) {
 }
 function pp({ ownerDocument: t }, n) {
   let e = fp(n);
-  Qe(() => {
+  Ze(() => {
     Ht(() => {
       var o, r;
       n.value || ((o = t.value) == null ? void 0 : o.activeElement) === ((r = t.value) == null ? void 0 : r.body) && eo(e());
@@ -2849,7 +2849,7 @@ function pp({ ownerDocument: t }, n) {
 }
 function mp({ ownerDocument: t, container: n, initialFocus: e }, o) {
   let r = P(null), a = P(!1);
-  return Qe(() => a.value = !0), Ut(() => a.value = !1), Qe(() => {
+  return Ze(() => a.value = !0), Ut(() => a.value = !1), Ze(() => {
     Ye([n, e, o], (l, s) => {
       if (l.every((d, p) => (s == null ? void 0 : s[p]) === d) || !o.value) return;
       let u = Ie(n);
@@ -3066,7 +3066,7 @@ function Bp({ type: t, enabled: n, element: e, onUpdate: o }) {
   function a(...l) {
     o == null || o(...l), r(...l);
   }
-  Qe(() => {
+  Ze(() => {
     Ye(n, (l, s) => {
       l ? a(0, t, e) : s === !0 && a(1, t, e);
     }, { immediate: !0, flush: "sync" });
@@ -3093,7 +3093,7 @@ function _u({ slot: t = P({}), name: n = "Description", props: e = {} } = {}) {
 Q({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(t, { attrs: n, slots: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-description-${Wt()}`, a = Mp();
-  return Qe(() => Ut(a.register(r))), () => {
+  return Ze(() => Ut(a.register(r))), () => {
     let { name: l = "Description", slot: s = P({}), props: u = {} } = a, { ...d } = t, p = { ...Object.entries(u).reduce((f, [m, v]) => Object.assign(f, { [m]: c(v) }), {}), id: r };
     return Ct({ ourProps: p, theirProps: d, slot: s.value, attrs: n, slots: e, name: l });
   };
@@ -3122,7 +3122,7 @@ let Iu = Q({ name: "Portal", props: { as: { type: [Object, String], default: "di
   let o = P(null), r = w(() => Cn(o)), a = Cp(), l = He(Du, null), s = P(a === !0 || l == null ? _p(o.value) : l.resolveTarget());
   s.value && ts(s.value, (m) => m + 1);
   let u = P(!1);
-  Qe(() => {
+  Ze(() => {
     u.value = !0;
   }), Ht(() => {
     a || l != null && (s.value = l.resolveTarget());
@@ -3181,7 +3181,7 @@ function Ir(t) {
 let Hr = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ap = Q({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Hr }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (t) => !0 }, setup(t, { emit: n, attrs: e, slots: o, expose: r }) {
   var a, l;
   let s = (a = t.id) != null ? a : `headlessui-dialog-${Wt()}`, u = P(!1);
-  Qe(() => {
+  Ze(() => {
     u.value = !0;
   });
   let d = !1, p = w(() => t.role === "dialog" || t.role === "alertdialog" ? t.role : (d || (d = !0, console.warn(`Invalid role [${p}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), f = P(0), m = Wo(), v = w(() => t.open === Hr && m !== null ? (m.value & Dt.Open) === Dt.Open : t.open), g = P(null), h = w(() => Cn(g));
@@ -3250,7 +3250,7 @@ Q({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
 Q({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-dialog-backdrop-${Wt()}`, l = Ir("DialogBackdrop"), s = P(null);
-  return o({ el: s, $el: s }), Qe(() => {
+  return o({ el: s, $el: s }), Ze(() => {
     if (l.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...u } = t, d = { id: a, ref: s, "aria-hidden": !0 };
@@ -3272,7 +3272,7 @@ let Tp = Q({ name: "DialogPanel", props: { as: { type: [Object, String], default
 Q({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(t, { attrs: n, slots: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-dialog-title-${Wt()}`, a = Ir("DialogTitle");
-  return Qe(() => {
+  return Ze(() => {
     a.setTitleId(r), Ut(() => a.setTitleId(null));
   }), () => {
     let { ...l } = t;
@@ -3473,7 +3473,7 @@ let Pp = Q({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let u = w(() => l.activeItemIndex.value !== null ? l.items.value[l.activeItemIndex.value].id === a : !1), d = Op(s), p = w(() => ({ disabled: t.disabled, get textValue() {
     return d();
   }, domRef: s }));
-  Qe(() => l.registerItem(a, p)), Ut(() => l.unregisterItem(a)), Ht(() => {
+  Ze(() => l.registerItem(a, p)), Ut(() => l.unregisterItem(a)), Ht(() => {
     l.menuState.value === 0 && u.value && l.activationTrigger.value !== 0 && wt(() => {
       var C, $;
       return ($ = (C = Ie(s)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : $.call(C, { block: "nearest" });
@@ -3560,7 +3560,7 @@ let Lu = Q({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, St
 } }), qp = Q({ name: "PopoverButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-popover-button-${Wt()}`, l = La("PopoverButton"), s = w(() => Cn(l.button));
-  o({ el: l.button, $el: l.button }), Qe(() => {
+  o({ el: l.button, $el: l.button }), Ze(() => {
     l.buttonId.value = a;
   }), Ut(() => {
     l.buttonId.value = null;
@@ -3629,7 +3629,7 @@ Q({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "div
 let Wp = Q({ name: "PopoverPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, focus: { type: Boolean, default: !1 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-popover-panel-${Wt()}`, { focus: l } = t, s = La("PopoverPanel"), u = w(() => Cn(s.panel)), d = `headlessui-focus-sentinel-before-${Wt()}`, p = `headlessui-focus-sentinel-after-${Wt()}`;
-  o({ el: s.panel, $el: s.panel }), Qe(() => {
+  o({ el: s.panel, $el: s.panel }), Ze(() => {
     s.panelId.value = a;
   }), Ut(() => {
     s.panelId.value = null;
@@ -3746,7 +3746,7 @@ function Up({ slot: t = {}, name: n = "Label", props: e = {} } = {}) {
 let Yp = Q({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(t, { slots: n, attrs: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-label-${Wt()}`, a = Pu();
-  return Qe(() => Ut(a.register(r))), () => {
+  return Ze(() => Ut(a.register(r))), () => {
     let { name: l = "Label", slot: s = {}, props: u = {} } = a, { passive: d, ...p } = t, f = { ...Object.entries(u).reduce((m, [v, g]) => Object.assign(m, { [v]: c(g) }), {}), id: r };
     return d && (delete f.onClick, delete f.htmlFor, delete p.onClick), Ct({ ourProps: f, theirProps: p, slot: s, attrs: e, slots: n, name: l });
   };
@@ -3779,7 +3779,7 @@ let Yp = Q({ name: "Label", props: { as: { type: [Object, String], default: "lab
     var $, i;
     return (i = ($ = Ie(m)) == null ? void 0 : $.closest) == null ? void 0 : i.call($, "form");
   });
-  return Qe(() => {
+  return Ze(() => {
     Ye([C], () => {
       if (!C.value || t.defaultChecked === void 0) return;
       function $() {
@@ -3848,7 +3848,7 @@ function Fa(t) {
 }
 function Vu(t) {
   let n = P([]), e = P(!1);
-  Qe(() => e.value = !0), Ut(() => e.value = !1);
+  Ze(() => e.value = !0), Ut(() => e.value = !1);
   function o(a, l = Zn.Hidden) {
     let s = n.value.findIndex(({ id: u }) => u === a);
     s !== -1 && (Gt(l, { [Zn.Unmount]() {
@@ -3883,7 +3883,7 @@ let ju = On.RenderStrategy, ta = Q({ props: { as: { type: [Object, String], defa
   let { show: m, appear: v } = tm(), { register: g, unregister: h } = nm(), y = P(m.value ? "visible" : "hidden"), C = { value: !0 }, $ = Wt(), i = { value: !1 }, S = Vu(() => {
     !i.value && y.value !== "hidden" && (y.value = "hidden", h($), d());
   });
-  Qe(() => {
+  Ze(() => {
     let ne = g($);
     Ut(ne);
   }), Ht(() => {
@@ -3896,7 +3896,7 @@ let ju = On.RenderStrategy, ta = Q({ props: { as: { type: [Object, String], defa
     }
   });
   let O = ao(t.enter), B = ao(t.enterFrom), I = ao(t.enterTo), x = ao(t.entered), k = ao(t.leave), _ = ao(t.leaveFrom), A = ao(t.leaveTo);
-  Qe(() => {
+  Ze(() => {
     Ht(() => {
       if (y.value === "visible") {
         let ne = Ie(p);
@@ -3912,7 +3912,7 @@ let ju = On.RenderStrategy, ta = Q({ props: { as: { type: [Object, String], defa
       i.value = !1, G === Tl.Finished && (Fa(S) || (y.value = "hidden", h($), d()));
     })));
   }
-  return Qe(() => {
+  return Ze(() => {
     Ye([m], (ne, J, le) => {
       F(le), C.value = !1;
     }, { immediate: !0 });
@@ -3928,7 +3928,7 @@ let ju = On.RenderStrategy, ta = Q({ props: { as: { type: [Object, String], defa
   let l = P(a.value ? "visible" : "hidden"), s = Vu(() => {
     l.value = "hidden";
   }), u = P(!0), d = { show: a, appear: w(() => t.appear || !u.value) };
-  return Qe(() => {
+  return Ze(() => {
     Ht(() => {
       u.value = !1, a.value ? l.value = "visible" : Fa(s) || (l.value = "hidden");
     });
@@ -8705,7 +8705,7 @@ const tv = ["value", "name", "disabled", "required"], nv = ["value"], ul = "", c
       }
     );
     let h = null;
-    Qe(() => {
+    Ze(() => {
       window.google && g.value && (h = new window.google.maps.places.Autocomplete(
         g.value
       ), y(), h.addListener("place_changed", C));
@@ -9161,7 +9161,7 @@ const cv = {
   emits: ["cancel", "confirm"],
   setup(t, { emit: n }) {
     const e = t, o = n, r = P(null), a = P(null);
-    Qe(() => {
+    Ze(() => {
       a.value ? a.value.focus() : r.value && r.value.focus();
     });
     const l = P(""), s = w(() => e.input === !1 ? null : typeof e.input == "object" ? e.input : {
@@ -10687,7 +10687,7 @@ const Dc = /* @__PURE__ */ Yo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
       w(() => !1)
     );
     let d = 0;
-    Qe(() => {
+    Ze(() => {
       d = setTimeout(() => {
         o.focusOnMount && x();
       }, 10);
@@ -10712,7 +10712,7 @@ const Dc = /* @__PURE__ */ Yo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
       { immediate: !0 }
     ), $c(h, () => {
       k();
-    }, { includes: () => [f] }), Qe(() => {
+    }, { includes: () => [f] }), Ze(() => {
       window.addEventListener("keydown", I);
     }), yn(() => {
       window.removeEventListener("keydown", I);
@@ -11936,7 +11936,7 @@ const c0 = {
   },
   setup(t) {
     const n = P(1), e = P(0), o = P(null);
-    Qe(() => {
+    Ze(() => {
       window.addEventListener("resize", r), a();
     }), yn(() => {
       window.removeEventListener("resize", r);
@@ -13144,7 +13144,7 @@ function Y0(t) {
 function K0(t, n = "data:application/octet-stream") {
   return t.match(/^data:.*\/.*;base64,/) || (t = `${n};base64,${t}`), t;
 }
-async function FS(t, n = "data:application/octet-stream") {
+async function PS(t, n = "data:application/octet-stream") {
   return t = K0(t, n), (await fetch(t)).blob();
 }
 class Lc {
@@ -13239,7 +13239,7 @@ const Z0 = {
       () => {
         g();
       }
-    ), Qe(() => {
+    ), Ze(() => {
       y();
     }), yn(() => {
       setTimeout(() => {
@@ -13450,7 +13450,7 @@ function Pc(t, n) {
       o();
     },
     { immediate: !0 }
-  ), Qe(() => {
+  ), Ze(() => {
     e.value = !0, o();
   }), yn(() => {
     a();
@@ -13642,7 +13642,7 @@ const ry = {
         maxWidth: d.value
       }
     }));
-    Qe(() => {
+    Ze(() => {
       f(), a.value = !0, window.addEventListener("resize", p);
     }), yn(() => {
       window.removeEventListener("resize", p);
@@ -15047,7 +15047,7 @@ const Sa = /* @__PURE__ */ Wa(cy), dy = { class: "flex grow items-center justify
     lu(F, J, {
       attributes: !1,
       childList: !0
-    }), Qe(() => {
+    }), Ze(() => {
       ne();
     }), Ye(
       () => k.value,
@@ -15216,7 +15216,7 @@ const Sa = /* @__PURE__ */ Wa(cy), dy = { class: "flex grow items-center justify
     ));
     let T = kt(I.value);
     const W = te();
-    T = Do(T, W), be(T), Qe(() => {
+    T = Do(T, W), be(T), Ze(() => {
       q();
     });
     const oe = P(null), pe = w(() => ({
@@ -16831,7 +16831,7 @@ const Pr = /* @__PURE__ */ Q({
       return u[e.itemKey] ?? wo();
     }
     let l = null;
-    Qe(() => {
+    Ze(() => {
       r.value && (l = Xe.create(r.value, {
         handle: e.handle,
         disabled: e.disabled,
@@ -17272,7 +17272,7 @@ const Mb = ["align", "colspan"], _b = ["innerHTML"], cd = /* @__PURE__ */ Q({
     const r = w(() => o !== void 0), a = P(null), l = P(!1), s = P(void 0), u = He("table:virtualScrollingDefaultRowHeight", void 0), d = He("table:setVirtualScrollingDefaultRowHeight", void 0), p = jt(f, 10);
     window.addEventListener("scroll", p), Ut(() => {
       window.removeEventListener("scroll", p);
-    }), Qe(() => {
+    }), Ze(() => {
       f();
     });
     function f() {
@@ -17575,7 +17575,7 @@ const Mb = ["align", "colspan"], _b = ["innerHTML"], cd = /* @__PURE__ */ Q({
       () => {
         G();
       }
-    ), Qe(() => {
+    ), Ze(() => {
       wt(() => {
         G();
       });
@@ -18237,7 +18237,7 @@ const Mb = ["align", "colspan"], _b = ["innerHTML"], cd = /* @__PURE__ */ Q({
         }
     }
     const $ = mt.settingsStorage, i = P([]), S = Hs + s.storageKey + ".visible_columns";
-    Qe(async () => {
+    Ze(async () => {
       const se = await $.get(S);
       let xe = [];
       if (typeof se == "string")
@@ -18255,7 +18255,7 @@ const Mb = ["align", "colspan"], _b = ["innerHTML"], cd = /* @__PURE__ */ Q({
       );
     }
     const B = P([]), I = Hs + s.storageKey + ".column_order";
-    Qe(async () => {
+    Ze(async () => {
       var te;
       const se = await $.get(I);
       let xe = [];
@@ -19080,8 +19080,8 @@ function i1(t, n) {
           L = Math.min(L, Fe.getHours()), L === Fe.getHours() && (N = Math.min(N, Fe.getMinutes())), N === Fe.getMinutes() && (Y = Math.min(Y, Fe.getSeconds()));
         }
         if (ie) {
-          var Ze = e.config.minTime !== void 0 ? e.config.minTime : e.config.minDate;
-          L = Math.max(L, Ze.getHours()), L === Ze.getHours() && N < Ze.getMinutes() && (N = Ze.getMinutes()), N === Ze.getMinutes() && (Y = Math.max(Y, Ze.getSeconds()));
+          var Qe = e.config.minTime !== void 0 ? e.config.minTime : e.config.minDate;
+          L = Math.max(L, Qe.getHours()), L === Qe.getHours() && N < Qe.getMinutes() && (N = Qe.getMinutes()), N === Qe.getMinutes() && (Y = Math.max(Y, Qe.getSeconds()));
         }
       }
       v(L, N, Y);
@@ -19192,9 +19192,9 @@ function i1(t, n) {
   function k(L, N) {
     for (var Y = L.className.indexOf("Month") === -1 ? L.dateObj.getMonth() : e.currentMonth, ie = N > 0 ? e.config.showMonths : -1, Se = N > 0 ? 1 : -1, Ae = Y - e.currentMonth; Ae != ie; Ae += Se)
       for (var et = e.daysContainer.children[Ae], Ve = Y - e.currentMonth === Ae ? L.$i + N : N < 0 ? et.children.length - 1 : 0, rt = et.children.length, Fe = Ve; Fe >= 0 && Fe < rt && Fe != (N > 0 ? rt : -1); Fe += Se) {
-        var Ze = et.children[Fe];
-        if (Ze.className.indexOf("hidden") === -1 && fe(Ze.dateObj) && Math.abs(L.$i - Fe) >= Math.abs(N))
-          return I(Ze);
+        var Qe = et.children[Fe];
+        if (Qe.className.indexOf("hidden") === -1 && fe(Qe.dateObj) && Math.abs(L.$i - Fe) >= Math.abs(N))
+          return I(Qe);
       }
     e.changeMonth(Se), _(x(Se), 0);
   }
@@ -19203,12 +19203,12 @@ function i1(t, n) {
     Se === void 0 ? e._input.focus() : ie ? k(Se, N) : I(Se);
   }
   function A(L, N) {
-    for (var Y = (new Date(L, N, 1).getDay() - e.l10n.firstDayOfWeek + 7) % 7, ie = e.utils.getDaysInMonth((N - 1 + 12) % 12, L), Se = e.utils.getDaysInMonth(N, L), Ae = window.document.createDocumentFragment(), et = e.config.showMonths > 1, Ve = et ? "prevMonthDay hidden" : "prevMonthDay", rt = et ? "nextMonthDay hidden" : "nextMonthDay", Fe = ie + 1 - Y, Ze = 0; Fe <= ie; Fe++, Ze++)
-      Ae.appendChild(B("flatpickr-day " + Ve, new Date(L, N - 1, Fe), Fe, Ze));
-    for (Fe = 1; Fe <= Se; Fe++, Ze++)
-      Ae.appendChild(B("flatpickr-day", new Date(L, N, Fe), Fe, Ze));
-    for (var vt = Se + 1; vt <= 42 - Y && (e.config.showMonths === 1 || Ze % 7 !== 0); vt++, Ze++)
-      Ae.appendChild(B("flatpickr-day " + rt, new Date(L, N + 1, vt % Se), vt, Ze));
+    for (var Y = (new Date(L, N, 1).getDay() - e.l10n.firstDayOfWeek + 7) % 7, ie = e.utils.getDaysInMonth((N - 1 + 12) % 12, L), Se = e.utils.getDaysInMonth(N, L), Ae = window.document.createDocumentFragment(), et = e.config.showMonths > 1, Ve = et ? "prevMonthDay hidden" : "prevMonthDay", rt = et ? "nextMonthDay hidden" : "nextMonthDay", Fe = ie + 1 - Y, Qe = 0; Fe <= ie; Fe++, Qe++)
+      Ae.appendChild(B("flatpickr-day " + Ve, new Date(L, N - 1, Fe), Fe, Qe));
+    for (Fe = 1; Fe <= Se; Fe++, Qe++)
+      Ae.appendChild(B("flatpickr-day", new Date(L, N, Fe), Fe, Qe));
+    for (var vt = Se + 1; vt <= 42 - Y && (e.config.showMonths === 1 || Qe % 7 !== 0); vt++, Qe++)
+      Ae.appendChild(B("flatpickr-day " + rt, new Date(L, N + 1, vt % Se), vt, Qe));
     var $n = dt("div", "dayContainer");
     return $n.appendChild(Ae), $n;
   }
@@ -19476,16 +19476,16 @@ function i1(t, n) {
           break;
         case 9:
           if (et) {
-            var Ze = [
+            var Qe = [
               e.hourElement,
               e.minuteElement,
               e.secondElement,
               e.amPM
             ].concat(e.pluginElements).filter(function(sn) {
               return sn;
-            }), vt = Ze.indexOf(N);
+            }), vt = Qe.indexOf(N);
             if (vt !== -1) {
-              var $n = Ze[vt + (L.shiftKey ? -1 : 1)];
+              var $n = Qe[vt + (L.shiftKey ? -1 : 1)];
               L.preventDefault(), ($n || e._input).focus();
             }
           } else !e.config.noCalendar && e.daysContainer && e.daysContainer.contains(N) && L.shiftKey && (L.preventDefault(), e._input.focus());
@@ -19509,8 +19509,8 @@ function i1(t, n) {
     if (N === void 0 && (N = "flatpickr-day"), !(e.selectedDates.length !== 1 || L && (!L.classList.contains(N) || L.classList.contains("flatpickr-disabled")))) {
       for (var Y = L ? L.dateObj.getTime() : e.days.firstElementChild.dateObj.getTime(), ie = e.parseDate(e.selectedDates[0], void 0, !0).getTime(), Se = Math.min(Y, e.selectedDates[0].getTime()), Ae = Math.max(Y, e.selectedDates[0].getTime()), et = !1, Ve = 0, rt = 0, Fe = Se; Fe < Ae; Fe += a1.DAY)
         fe(new Date(Fe), !0) || (et = et || Fe > Se && Fe < Ae, Fe < ie && (!Ve || Fe > Ve) ? Ve = Fe : Fe > ie && (!rt || Fe < rt) && (rt = Fe));
-      var Ze = Array.from(e.rContainer.querySelectorAll("*:nth-child(-n+" + e.config.showMonths + ") > ." + N));
-      Ze.forEach(function(vt) {
+      var Qe = Array.from(e.rContainer.querySelectorAll("*:nth-child(-n+" + e.config.showMonths + ") > ." + N));
+      Qe.forEach(function(vt) {
         var $n = vt.dateObj, sn = $n.getTime(), Ko = Ve > 0 && sn < Ve || rt > 0 && sn > rt;
         if (Ko) {
           vt.classList.add("notAllowed"), ["inRange", "startRange", "endRange"].forEach(function(Co) {
@@ -19573,15 +19573,15 @@ function i1(t, n) {
       get: function() {
         return e.config._enable;
       },
-      set: function(Ze) {
-        e.config._enable = T(Ze);
+      set: function(Qe) {
+        e.config._enable = T(Qe);
       }
     }), Object.defineProperty(e.config, "disable", {
       get: function() {
         return e.config._disable;
       },
-      set: function(Ze) {
-        e.config._disable = T(Ze);
+      set: function(Qe) {
+        e.config._disable = T(Qe);
       }
     });
     var ie = N.mode === "time";
@@ -19604,9 +19604,9 @@ function i1(t, n) {
       },
       set: Te("max")
     });
-    var et = function(Ze) {
+    var et = function(Qe) {
       return function(vt) {
-        e.config[Ze === "min" ? "_minTime" : "_maxTime"] = e.parseDate(vt, "H:i:S");
+        e.config[Qe === "min" ? "_minTime" : "_maxTime"] = e.parseDate(vt, "H:i:S");
       };
     };
     Object.defineProperty(e.config, "minTime", {
@@ -19622,10 +19622,10 @@ function i1(t, n) {
     }), N.mode === "time" && (e.config.noCalendar = !0, e.config.enableTime = !0), Object.assign(e.config, Y, N);
     for (var Ve = 0; Ve < L.length; Ve++)
       e.config[L[Ve]] = e.config[L[Ve]] === !0 || e.config[L[Ve]] === "true";
-    wl.filter(function(Ze) {
-      return e.config[Ze] !== void 0;
-    }).forEach(function(Ze) {
-      e.config[Ze] = xl(e.config[Ze] || []).map(l);
+    wl.filter(function(Qe) {
+      return e.config[Qe] !== void 0;
+    }).forEach(function(Qe) {
+      e.config[Qe] = xl(e.config[Qe] || []).map(l);
     }), e.isMobile = !e.config.disableMobile && !e.config.inline && e.config.mode === "single" && !e.config.disable.length && !e.config.enable && !e.config.weekNumbers && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
     for (var Ve = 0; Ve < e.config.plugins.length; Ve++) {
       var rt = e.config.plugins[Ve](e) || {};
@@ -19649,13 +19649,13 @@ function i1(t, n) {
       _e("onPreCalendarPosition");
       var N = L || e._positionElement, Y = Array.prototype.reduce.call(e.calendarContainer.children, function(Od, Rd) {
         return Od + Rd.offsetHeight;
-      }, 0), ie = e.calendarContainer.offsetWidth, Se = e.config.position.split(" "), Ae = Se[0], et = Se.length > 1 ? Se[1] : null, Ve = N.getBoundingClientRect(), rt = window.innerHeight - Ve.bottom, Fe = Ae === "above" || Ae !== "below" && rt < Y && Ve.top > Y, Ze = window.pageYOffset + Ve.top + (Fe ? -Y - 2 : N.offsetHeight + 2);
+      }, 0), ie = e.calendarContainer.offsetWidth, Se = e.config.position.split(" "), Ae = Se[0], et = Se.length > 1 ? Se[1] : null, Ve = N.getBoundingClientRect(), rt = window.innerHeight - Ve.bottom, Fe = Ae === "above" || Ae !== "below" && rt < Y && Ve.top > Y, Qe = window.pageYOffset + Ve.top + (Fe ? -Y - 2 : N.offsetHeight + 2);
       if (Jt(e.calendarContainer, "arrowTop", !Fe), Jt(e.calendarContainer, "arrowBottom", Fe), !e.config.inline) {
         var vt = window.pageXOffset + Ve.left, $n = !1, sn = !1;
         et === "center" ? (vt -= (ie - Ve.width) / 2, $n = !0) : et === "right" && (vt -= ie - Ve.width, sn = !0), Jt(e.calendarContainer, "arrowLeft", !$n && !sn), Jt(e.calendarContainer, "arrowCenter", $n), Jt(e.calendarContainer, "arrowRight", sn);
         var Ko = window.document.body.offsetWidth - (window.pageXOffset + Ve.right), Co = vt + ie > window.document.body.offsetWidth, _d = Ko + ie > window.document.body.offsetWidth;
         if (Jt(e.calendarContainer, "rightMost", Co), !e.config.static)
-          if (e.calendarContainer.style.top = Ze + "px", !Co)
+          if (e.calendarContainer.style.top = Qe + "px", !Co)
             e.calendarContainer.style.left = vt + "px", e.calendarContainer.style.right = "auto";
           else if (!_d)
             e.calendarContainer.style.left = "auto", e.calendarContainer.style.right = Ko + "px";
@@ -19696,8 +19696,8 @@ function i1(t, n) {
   }
   function Nt(L) {
     L.preventDefault(), L.stopPropagation();
-    var N = function(Ze) {
-      return Ze.classList && Ze.classList.contains("flatpickr-day") && !Ze.classList.contains("flatpickr-disabled") && !Ze.classList.contains("notAllowed");
+    var N = function(Qe) {
+      return Qe.classList && Qe.classList.contains("flatpickr-day") && !Qe.classList.contains("flatpickr-disabled") && !Qe.classList.contains("notAllowed");
     }, Y = fd(cn(L), N);
     if (Y !== void 0) {
       var ie = Y, Se = e.latestSelectedDateObj = new Date(ie.dateObj.getTime()), Ae = (Se.getMonth() < e.currentMonth || Se.getMonth() > e.currentMonth + e.config.showMonths - 1) && e.config.mode !== "range";
@@ -19706,8 +19706,8 @@ function i1(t, n) {
       else if (e.config.mode === "multiple") {
         var et = ce(Se);
         et ? e.selectedDates.splice(parseInt(et), 1) : e.selectedDates.push(Se);
-      } else e.config.mode === "range" && (e.selectedDates.length === 2 && e.clear(!1, !1), e.latestSelectedDateObj = Se, e.selectedDates.push(Se), fn(Se, e.selectedDates[0], !0) !== 0 && e.selectedDates.sort(function(Ze, vt) {
-        return Ze.getTime() - vt.getTime();
+      } else e.config.mode === "range" && (e.selectedDates.length === 2 && e.clear(!1, !1), e.latestSelectedDateObj = Se, e.selectedDates.push(Se), fn(Se, e.selectedDates[0], !0) !== 0 && e.selectedDates.sort(function(Qe, vt) {
+        return Qe.getTime() - vt.getTime();
       }));
       if (f(), Ae) {
         var Ve = e.currentYear !== Se.getFullYear();
@@ -19875,8 +19875,8 @@ function i1(t, n) {
     e.amPM !== void 0 && Y === e.amPM && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]);
     var Se = parseFloat(ie.getAttribute("min")), Ae = parseFloat(ie.getAttribute("max")), et = parseFloat(ie.getAttribute("step")), Ve = parseInt(ie.value, 10), rt = L.delta || (N ? L.which === 38 ? 1 : -1 : 0), Fe = Ve + et * rt;
     if (typeof ie.value < "u" && ie.value.length === 2) {
-      var Ze = ie === e.hourElement, vt = ie === e.minuteElement;
-      Fe < Se ? (Fe = Ae + Fe + bn(!Ze) + (bn(Ze) && bn(!e.amPM)), vt && S(void 0, -1, e.hourElement)) : Fe > Ae && (Fe = ie === e.hourElement ? Fe - Ae - bn(!e.amPM) : Se, vt && S(void 0, 1, e.hourElement)), e.amPM && Ze && (et === 1 ? Fe + Ve === 23 : Math.abs(Fe - Ve) > et) && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]), ie.value = on(Fe);
+      var Qe = ie === e.hourElement, vt = ie === e.minuteElement;
+      Fe < Se ? (Fe = Ae + Fe + bn(!Qe) + (bn(Qe) && bn(!e.amPM)), vt && S(void 0, -1, e.hourElement)) : Fe > Ae && (Fe = ie === e.hourElement ? Fe - Ae - bn(!e.amPM) : Se, vt && S(void 0, 1, e.hourElement)), e.amPM && Qe && (et === 1 ? Fe + Ve === 23 : Math.abs(Fe - Ve) > et) && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]), ie.value = on(Fe);
     }
   }
   return r(), e;
@@ -20140,7 +20140,7 @@ const c1 = ["disabled", "placeholder"], d1 = /* @__PURE__ */ Q({
       prevArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M5.4 10.8l1.4-1.4-4-4 4-4L5.4 0 0 5.4z" /></svg>',
       nextArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M1.4 10.8L0 9.4l4-4-4-4L1.4 0l5.4 5.4z" /></svg>'
     }));
-    Qe(() => {
+    Ze(() => {
       Xd(e.modelValue, u.value) || l(u.value);
     }), Ye(
       () => u.value,
@@ -20165,7 +20165,7 @@ const c1 = ["disabled", "placeholder"], d1 = /* @__PURE__ */ Q({
         deep: !0,
         immediate: !0
       }
-    ), Qe(() => {
+    ), Ze(() => {
       $();
     }), Ut(() => {
       setTimeout(() => {
@@ -20484,7 +20484,7 @@ const c1 = ["disabled", "placeholder"], d1 = /* @__PURE__ */ Q({
       var a;
       e.value = ((a = n.value) == null ? void 0 : a.clientWidth) ?? Us;
     }
-    return Qe(() => {
+    return Ze(() => {
       r();
     }), Er(n, jt(r, 50)), (a, l) => (b(), z("div", {
       ref_key: "item",
@@ -22146,7 +22146,7 @@ const S1 = /* @__PURE__ */ Wa(k1), C1 = { class: "text-xs text-slate-600" }, hd
       w(() => r.valueKey),
       w(() => !0)
     );
-    Qe(() => {
+    Ze(() => {
       window.addEventListener("keydown", p);
     }), yn(() => {
       window.removeEventListener("keydown", p);
@@ -22158,7 +22158,7 @@ const S1 = /* @__PURE__ */ Wa(k1), C1 = { class: "text-xs text-slate-600" }, hd
       V === "Tab" && A(), V === "Escape" && A();
     }
     let f = 0;
-    Qe(() => {
+    Ze(() => {
       f = setTimeout(() => {
         r.focusOnMount && _();
       }, 10);
@@ -23633,7 +23633,7 @@ const Q1 = ["onClick"], J1 = { class: "px-2 flex items-center" }, ew = { class:
       });
     }
     const v = jt(m, 200);
-    Qe(() => {
+    Ze(() => {
       setTimeout(() => {
         m(), Ye(() => f.value, v, { deep: !0 });
       }, 1);
@@ -24268,7 +24268,7 @@ const Q1 = ["onClick"], J1 = { class: "px-2 flex items-center" }, ew = { class:
         S != "" && (S = "-" + S), o("update:modelValue", i + S);
       });
     }
-    return Qe(() => {
+    return Ze(() => {
       h();
     }), (i, S) => (b(), z("div", {
       class: "w-full overflow-hidden rounded border bg-white",
@@ -24571,7 +24571,7 @@ const Q1 = ["onClick"], J1 = { class: "px-2 flex items-center" }, ew = { class:
       () => {
         l();
       }
-    )) : Qe(() => {
+    )) : Ze(() => {
       l();
     }), Ut(() => {
       clearTimeout(a);
@@ -26100,7 +26100,7 @@ const dk = /* @__PURE__ */ Yo(ak, [["render", ck]]), fk = { class: "space-y-3" }
       "-webkit-line-clamp": e.maxLines,
       "-webkit-box-orient": "vertical"
     }));
-    Qe(() => {
+    Ze(() => {
       l(), lu(
         n.value,
         () => {
@@ -26867,7 +26867,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
       });
     }
     const p = P(null);
-    Qe(() => {
+    Ze(() => {
       wt(() => {
         f(!1);
       });
@@ -27645,7 +27645,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
         s.value[g + S] = C[S], a.code += C[S];
       (i = l.value[g + C.length]) == null || i.focus(), h.preventDefault();
     };
-    return Qe(async () => {
+    return Ze(async () => {
       await wt(), l.value = Array.from(
         { length: e.numberOfCharacters },
         (h, y) => l.value[y]
@@ -28086,7 +28086,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
 }), uS = { class: "min-h-full" }, cS = { class: "fixed inset-0 z-40 flex" }, dS = { class: "absolute top-0 right-0 pt-2 -mr-12" }, fS = ["src", "alt"], pS = {
   "data-scroll-lock-scrollable": "",
   class: "flex-1 h-0 mt-5 overflow-y-auto"
-}, mS = { class: "sticky top-0 left-0 z-10 shadow shrink-0 || print:hidden" }, hS = { class: "flex flex-1" }, gS = { class: "relative flex-1 min-h-full" }, vS = ["src", "alt"], yS = { class: "flex flex-1" }, bS = { class: "flex-1" }, Md = /* @__PURE__ */ Q({
+}, mS = { class: "sticky top-0 left-0 z-10 shadow shrink-0 || print:hidden" }, hS = { class: "flex flex-1" }, gS = { class: "relative flex-1 min-h-full" }, vS = ["src", "alt"], yS = { class: "flex flex-1" }, bS = { class: "flex-1" }, wS = "base_layout_sidebar.", Md = /* @__PURE__ */ Q({
   __name: "BaseLayoutSidebar",
   props: {
     appName: {
@@ -28121,13 +28121,16 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
     function s() {
       r.value = !1;
     }
-    const u = P(!1);
-    function d() {
-      u.value = !u.value;
+    const u = mt.settingsStorage, d = `${wS}.collapsed`, p = P(!1);
+    Ze(async () => {
+      p.value = await u.get(d) == 1;
+    });
+    function f() {
+      p.value = !p.value, u.set(d, p.value ? "1" : "0");
     }
-    const p = w(() => n.size === "xs" ? 50 : n.size === "sm" ? 54 : 64);
-    return qe("toggleMenu", a), qe("openMenu", l), qe("closeMenu", s), (f, m) => {
-      const v = St("RouterLink");
+    const m = w(() => n.size === "xs" ? 50 : n.size === "sm" ? 54 : 64);
+    return qe("toggleMenu", a), qe("openMenu", l), qe("closeMenu", s), (v, g) => {
+      const h = St("RouterLink");
       return b(), z("div", uS, [
         Z(c(Hu), {
           as: "template",
@@ -28137,7 +28140,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
             Z(c(Ap), {
               as: "div",
               class: "relative z-40 xl:hidden",
-              onClose: m[1] || (m[1] = (g) => r.value = !1)
+              onClose: g[1] || (g[1] = (y) => r.value = !1)
             }, {
               default: K(() => [
                 Z(c(ta), {
@@ -28149,7 +28152,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                   "leave-from": "opacity-100",
                   "leave-to": "opacity-0"
                 }, {
-                  default: K(() => m[3] || (m[3] = [
+                  default: K(() => g[3] || (g[3] = [
                     E("div", { class: "fixed inset-0 bg-opacity-75 bg-slate-600" }, null, -1)
                   ])),
                   _: 1
@@ -28183,9 +28186,9 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                                 E("button", {
                                   type: "button",
                                   class: "flex items-center justify-center w-10 h-10 ml-1 rounded-full",
-                                  onClick: m[0] || (m[0] = (g) => r.value = !1)
+                                  onClick: g[0] || (g[0] = (y) => r.value = !1)
                                 }, [
-                                  m[4] || (m[4] = E("span", { class: "sr-only" }, "Close sidebar", -1)),
+                                  g[4] || (g[4] = E("span", { class: "sr-only" }, "Close sidebar", -1)),
                                   Z(c(Ue), {
                                     icon: "heroicons:x-mark",
                                     class: "w-6 h-6 text-white",
@@ -28196,7 +28199,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                             ]),
                             _: 1
                           }),
-                          Z(v, {
+                          Z(h, {
                             to: t.logoTo,
                             class: "flex items-center flex-shrink-0 px-4",
                             onClick: s
@@ -28212,7 +28215,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                           }, 8, ["to"]),
                           E("div", pS, [
                             E("nav", null, [
-                              ue(f.$slots, "menu")
+                              ue(v.$slots, "menu")
                             ])
                           ])
                         ]),
@@ -28221,7 +28224,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                     ]),
                     _: 3
                   }),
-                  m[5] || (m[5] = E("div", {
+                  g[5] || (g[5] = E("div", {
                     class: "flex-shrink-0 w-14",
                     "aria-hidden": "true"
                   }, null, -1))
@@ -28233,32 +28236,32 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
           _: 3
         }, 8, ["show"]),
         E("div", {
-          class: H(["flex flex-col min-h-full || xl:print:pl-0", [u.value ? "xl:pl-14" : "xl:pl-64"]])
+          class: H(["flex flex-col min-h-full || xl:print:pl-0", [p.value ? "xl:pl-14" : "xl:pl-64"]])
         }, [
           E("div", mS, [
-            (b(!0), z(De, null, We(c(o), (g) => (b(), ee(ji, {
-              key: g.id,
-              color: g.color,
-              to: g.to,
-              action: g.action,
-              closable: g.closable,
-              onClose: (h) => c(e).remove(g.id)
+            (b(!0), z(De, null, We(c(o), (y) => (b(), ee(ji, {
+              key: y.id,
+              color: y.color,
+              to: y.to,
+              action: y.action,
+              closable: y.closable,
+              onClose: (C) => c(e).remove(y.id)
             }, {
               default: K(() => [
-                Ot(re(g.message), 1)
+                Ot(re(y.message), 1)
               ]),
               _: 2
             }, 1032, ["color", "to", "action", "closable", "onClose"]))), 128)),
             E("div", {
               class: "flex bg-white",
-              style: je({ height: c(p) + "px" })
+              style: je({ height: c(m) + "px" })
             }, [
               E("button", {
                 type: "button",
                 class: "px-4 border-r border-slate-200 text-slate-500 xl:hidden",
-                onClick: m[2] || (m[2] = (g) => r.value = !0)
+                onClick: g[2] || (g[2] = (y) => r.value = !0)
               }, [
-                m[6] || (m[6] = E("span", { class: "sr-only" }, "Open sidebar", -1)),
+                g[6] || (g[6] = E("span", { class: "sr-only" }, "Open sidebar", -1)),
                 Z(c(Ue), {
                   icon: "heroicons:bars-3-bottom-left",
                   class: "w-6 h-6",
@@ -28266,16 +28269,16 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                 })
               ]),
               E("div", hS, [
-                ue(f.$slots, "navbar")
+                ue(v.$slots, "navbar")
               ])
             ], 4)
           ]),
           E("main", gS, [
-            ue(f.$slots, "default")
+            ue(v.$slots, "default")
           ])
         ], 2),
         E("div", {
-          class: H(["z-10 hidden || xl:fixed xl:inset-y-0 xl:flex xl:flex-col || xl:print:hidden", [u.value ? "xl:w-14" : "xl:w-64"]])
+          class: H(["z-10 hidden || xl:fixed xl:inset-y-0 xl:flex xl:flex-col || xl:print:hidden", [p.value ? "xl:w-14" : "xl:w-64"]])
         }, [
           E("div", {
             "data-scroll-lock-scrollable": "",
@@ -28283,9 +28286,9 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
           }, [
             E("div", {
               class: H(["flex items-center shrink-0", [t.dark ? "bg-slate-900" : "border-b"]]),
-              style: je({ height: c(p) + "px" })
+              style: je({ height: c(m) + "px" })
             }, [
-              u.value ? X("", !0) : (b(), ee(v, {
+              p.value ? X("", !0) : (b(), ee(h, {
                 key: 0,
                 to: t.logoTo,
                 class: "flex items-center flex-shrink-0 grow px-4",
@@ -28304,9 +28307,9 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
                 type: "button",
                 class: H(["px-3 flex justify-center items-center", [
                   t.dark ? "text-slate-400 hover:text-slate-50" : "text-slate-500 hover:text-slate-900",
-                  u.value ? "w-full" : "shrink-0"
+                  p.value ? "w-full" : "shrink-0"
                 ]]),
-                onClick: d
+                onClick: f
               }, [
                 Z(c(Ue), {
                   icon: "mdi:dock-left",
@@ -28316,7 +28319,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
             ], 6),
             E("div", yS, [
               E("nav", bS, [
-                ue(f.$slots, "menu", { collapsed: u.value })
+                ue(v.$slots, "menu", { collapsed: p.value })
               ])
             ])
           ], 2)
@@ -28324,10 +28327,10 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
       ]);
     };
   }
-}), wS = {
+}), xS = {
   key: 1,
   class: "px-4"
-}, xS = { class: "flex flex-1 justify-between px-4" }, kS = { class: "flex grow" }, SS = { class: "ml-4 flex items-center md:ml-6" }, CS = /* @__PURE__ */ Q({
+}, kS = { class: "flex flex-1 justify-between px-4" }, SS = { class: "flex grow" }, CS = { class: "ml-4 flex items-center md:ml-6" }, ES = /* @__PURE__ */ Q({
   __name: "BaseLayoutSidebarConfigurable",
   props: {
     appName: {
@@ -28399,7 +28402,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
               p.label && !p.href && !p.to && !p.action ? (b(), z("div", {
                 key: p.label
               }, [
-                d ? (b(), z("div", wS, u[0] || (u[0] = [
+                d ? (b(), z("div", xS, u[0] || (u[0] = [
                   E("hr", { class: "my-2 border-slate-600" }, null, -1)
                 ]))) : (b(), z("h2", {
                   key: 0,
@@ -28432,11 +28435,11 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
         ], 2)
       ]),
       navbar: K(() => [
-        E("div", xS, [
-          E("div", kS, [
+        E("div", kS, [
+          E("div", SS, [
             ue(s.$slots, "navbar")
           ]),
-          E("div", SS, [
+          E("div", CS, [
             t.notifications ? (b(), ee(Bd, {
               key: 0,
               "notifications-config": t.notifications,
@@ -28539,7 +28542,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
   BaseInputPercent: zw,
   BaseJsonReader: Vw,
   BaseLayoutSidebar: Md,
-  BaseLayoutSidebarConfigurable: CS,
+  BaseLayoutSidebarConfigurable: ES,
   BaseLayoutStacked: Ed,
   BaseLayoutStackedConfigurable: sS,
   BaseLazy: Hw,
@@ -28591,7 +28594,7 @@ const Nk = /* @__PURE__ */ Yo(Ak, [["render", Pk]]), Vk = { class: "flex-shrink-
   BaseTooltip: Uo,
   BaseUniqueCode: K2
 }, Symbol.toStringTag, { value: "Module" })), Qs = "sui.";
-class ES {
+class BS {
   constructor(n, e) {
     un(this, "getFunction");
     un(this, "setFunction");
@@ -28605,10 +28608,10 @@ class ES {
     return this.setFunction(n, e);
   }
 }
-const BS = 100, PS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const MS = 100, NS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MAGIC_NUM: BS
-}, Symbol.toStringTag, { value: "Module" })), NS = { en: kc, fr: Sc }, mt = {
+  MAGIC_NUM: MS
+}, Symbol.toStringTag, { value: "Module" })), VS = { en: kc, fr: Sc }, mt = {
   http: Ud.create(),
   locales: {
     en: "English",
@@ -28628,14 +28631,14 @@ const BS = 100, PS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
       //comma: true,
     });
   },
-  settingsStorage: new ES(),
+  settingsStorage: new BS(),
   countries: [],
   regions: [],
   props: {
     size: "md"
   }
 };
-function MS(t, n) {
+function _S(t, n) {
   for (const e in Zs)
     t.component(e, Zs[e]);
   n != null && n.http && (mt.http = n.http), n != null && n.locales && (mt.locales = n.locales), n != null && n.upload_url && (mt.upload_url = n.upload_url), n != null && n.formatQueryString && (mt.formatQueryString = n.formatQueryString), n != null && n.parseQueryString && (mt.parseQueryString = n.parseQueryString), n != null && n.settingsStorage && (mt.settingsStorage = n.settingsStorage), n != null && n.countries && (mt.countries = n.countries), n != null && n.regions && (mt.regions = n.regions), n != null && n.props && (mt.props = n.props), t.config.globalProperties.$i18n && Ye(
@@ -28646,7 +28649,7 @@ function MS(t, n) {
     { immediate: !0 }
   );
 }
-const VS = { install: MS };
+const jS = { install: _S };
 export {
   gi as BaseActionButtons,
   Jn as BaseActionItem,
@@ -28706,7 +28709,7 @@ export {
   zw as BaseInputPercent,
   Vw as BaseJsonReader,
   Md as BaseLayoutSidebar,
-  CS as BaseLayoutSidebarConfigurable,
+  ES as BaseLayoutSidebarConfigurable,
   Ed as BaseLayoutStacked,
   sS as BaseLayoutStackedConfigurable,
   Hw as BaseLazy,
@@ -28757,16 +28760,16 @@ export {
   Sd as BaseTimelineItem,
   Uo as BaseTooltip,
   K2 as BaseUniqueCode,
-  PS as MyConstants,
-  ES as SettingsStorage,
-  FS as base64ToBlob,
+  NS as MyConstants,
+  BS as SettingsStorage,
+  PS as base64ToBlob,
   Y0 as blobToBase64,
   mt as config,
-  VS as default,
+  jS as default,
   Ci as disableScroll,
   Ei as enableScroll,
   Xa as fileSizeFormat,
-  NS as messages,
+  VS as messages,
   U0 as resizeImageFromURI,
   W0 as toHumanList,
   $c as useClickOutside,

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

@@ -8,9 +8,9 @@ import { RouteLocationRaw } from 'vue-router';
  */
 declare const systemAlertStore: import("pinia").Store<"systemAlerts", {
     count: number;
-    systemAlerts: import("..").SystemAlert[];
+    systemAlerts: import("@/index").SystemAlert[];
 }, {}, {
-    push(systemAlert: import("..").SystemAlertOptions): string | number;
+    push(systemAlert: import("@/index").SystemAlertOptions): string | number;
     remove(alertId: number | string): void;
     clear(): void;
 }>;
@@ -43,9 +43,6 @@ declare const systemAlerts: import("vue").ComputedRef<{
  */
 declare const showMobileMenu: import("vue").Ref<boolean, boolean>;
 declare function closeMenu(): void;
-/**
- * Collapse
- */
 declare const collapsed: import("vue").Ref<boolean, boolean>;
 declare function toggleCollapse(): void;
 declare const navbarHeight: import("vue").ComputedRef<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.45",
+  "version": "0.10.47",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseLayoutSidebar.vue

@@ -204,7 +204,7 @@ import {
   TransitionChild,
   TransitionRoot,
 } from '@headlessui/vue';
-
+import { config } from '@/index';
 import { useSystemAlertStore } from '../stores/systemAlerts';
 import { Icon as BaseIcon } from '@iconify/vue';
 import BaseSystemAlert from './BaseSystemAlert.vue';
@@ -265,10 +265,21 @@ function closeMenu() {
  * Collapse
  */
 
+const componentStorageKey = 'base_layout_sidebar.';
+const settingsStorage = config.settingsStorage;
+
+const collapsedKey = `${componentStorageKey}.collapsed`;
+
 const collapsed = ref(false);
 
+onMounted(async () => {
+  collapsed.value = (await settingsStorage.get(collapsedKey)) == 1;
+});
+
 function toggleCollapse() {
   collapsed.value = !collapsed.value;
+
+  settingsStorage.set(collapsedKey, collapsed.value ? "1" : "0");
 }
 
 const navbarHeight = computed<number>(() => {