sprintify-ui 0.0.13 → 0.0.15

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import ol from "axios";
-import { defineComponent as Y, resolveComponent as he, openBlock as _, createElementBlock as O, normalizeClass as q, createBlock as ie, createCommentVNode as ne, createElementVNode as x, toDisplayString as X, renderSlot as Z, h as ot, unref as S, computed as U, ref as P, watch as Oe, Teleport as Mt, createVNode as K, Transition as Ve, withCtx as W, TransitionGroup as Hn, Fragment as be, renderList as Ie, normalizeStyle as Re, onMounted as $e, withDirectives as je, withModifiers as Pe, vShow as Ze, normalizeProps as Ue, guardReactiveProps as qe, mergeProps as lt, resolveDynamicComponent as Ot, onBeforeUnmount as cn, createTextVNode as He, cloneVNode as ll, inject as Ge, provide as De, watchEffect as Dt, nextTick as Fe, onUnmounted as dn, useSlots as rl, isRef as Jt, vModelText as sl, createStaticVNode as Gn, getCurrentInstance as al, pushScopeId as il, popScopeId as ul, createSlots as cl, vModelSelect as zt, withKeys as dl } from "vue";
+import { defineComponent as Y, resolveComponent as he, openBlock as _, createElementBlock as O, normalizeClass as z, createBlock as ie, createCommentVNode as ne, createElementVNode as x, toDisplayString as X, renderSlot as Z, h as ot, unref as S, computed as U, ref as P, watch as Oe, Teleport as Mt, createVNode as K, Transition as Ve, withCtx as W, TransitionGroup as Hn, Fragment as be, renderList as Ie, normalizeStyle as Re, onMounted as $e, withDirectives as je, withModifiers as Pe, vShow as Ze, normalizeProps as Ue, guardReactiveProps as ze, mergeProps as lt, resolveDynamicComponent as Ot, onBeforeUnmount as cn, createTextVNode as He, cloneVNode as ll, inject as Ge, provide as De, watchEffect as Dt, nextTick as Fe, onUnmounted as dn, useSlots as rl, isRef as Jt, vModelText as sl, createStaticVNode as Gn, getCurrentInstance as al, pushScopeId as il, popScopeId as ul, createSlots as cl, vModelSelect as qt, withKeys as dl } from "vue";
 import { useI18n as Xe, createI18n as fl } from "vue-i18n";
 import { defineStore as fn } from "pinia";
 import In from "qs";
@@ -60,35 +60,35 @@ const xl = Y({
 function Sl(e, n, t, l, o, r) {
   const s = he("BaseIcon");
   return _(), O("div", {
-    class: q(["flex w-full items-start rounded-md p-4", [e.backgroundClass, e.borderClass]])
+    class: z(["flex w-full items-start rounded-md p-4", [e.backgroundClass, e.borderClass]])
   }, [
     e.showIcon ? (_(), O("div", kl, [
       e.color == "warning" ? (_(), ie(s, {
         key: 0,
         icon: "heroicons-solid:exclamation",
-        class: q(e.iconClass)
+        class: z(e.iconClass)
       }, null, 8, ["class"])) : e.color == "danger" ? (_(), ie(s, {
         key: 1,
         icon: "heroicons-solid:exclamation-circle",
-        class: q(e.iconClass)
+        class: z(e.iconClass)
       }, null, 8, ["class"])) : e.color == "success" ? (_(), ie(s, {
         key: 2,
         icon: "heroicons-solid:check-circle",
-        class: q(e.iconClass)
+        class: z(e.iconClass)
       }, null, 8, ["class"])) : e.color == "info" ? (_(), ie(s, {
         key: 3,
         icon: "heroicons-solid:information-circle",
-        class: q(e.iconClass)
+        class: z(e.iconClass)
       }, null, 8, ["class"])) : ne("", !0)
     ])) : ne("", !0),
     x("div", null, [
       e.title ? (_(), O("h3", {
         key: 0,
-        class: q(["mb-1 font-medium leading-tight", [e.titleClass]])
+        class: z(["mb-1 font-medium leading-tight", [e.titleClass]])
       }, X(e.title), 3)) : ne("", !0),
       e.$slots.default ? (_(), O("div", {
         key: 1,
-        class: q([e.textClass, "text-sm leading-tight"])
+        class: z([e.textClass, "text-sm leading-tight"])
       }, [
         Z(e.$slots, "default")
       ], 2)) : ne("", !0)
@@ -448,7 +448,7 @@ const Ul = () => {
   }
 };
 let Mn = Ul();
-function ql(e, n) {
+function zl(e, n) {
   const t = vn(e);
   if (!t)
     return 0;
@@ -465,11 +465,11 @@ function ql(e, n) {
   }
   return l;
 }
-function zl(e) {
+function ql(e) {
   return e === 404;
 }
 const Kl = (e, n, t) => {
-  const l = [], o = ql(e, n), r = "icons";
+  const l = [], o = zl(e, n), r = "icons";
   let s = {
     type: r,
     provider: e,
@@ -521,7 +521,7 @@ const Gl = (e, n, t) => {
     const s = r.status;
     if (s !== 200) {
       setTimeout(() => {
-        t(zl(s) ? "abort" : "next", s);
+        t(ql(s) ? "abort" : "next", s);
       });
       return;
     }
@@ -1112,7 +1112,7 @@ const $t = {};
 function Un(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const qn = (e, n) => {
+const zn = (e, n) => {
   const t = dr(Nn, n), l = { ...yr }, o = n.mode || "svg", r = {}, s = n.style, i = typeof s == "object" && !(s instanceof Array) ? s : {};
   for (let D in n) {
     const h = n[D];
@@ -1248,12 +1248,12 @@ const wr = {
     this.counter;
     const e = this.$attrs, n = this.iconMounted ? this.getIcon(e.icon, e.onLoad) : null;
     if (!n)
-      return qn(wr, e);
+      return zn(wr, e);
     let t = e;
     return n.classes && (t = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + n.classes.join(" ")
-    }), qn({
+    }), zn({
       ...Nt,
       ...n.data
     }, t);
@@ -1296,7 +1296,7 @@ const wr = {
       return _(), O("div", xr, [
         x("div", kr, [
           x("div", {
-            class: q(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
+            class: z(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
               "bg-primary-100": e.color == "info",
               "bg-red-100": e.color == "danger",
               "bg-yellow-100": e.color == "warning",
@@ -1333,7 +1333,7 @@ const wr = {
         x("div", $r, [
           x("button", {
             type: "button",
-            class: q(["btn mb-2 w-full sm:mb-0 sm:w-auto", {
+            class: z(["btn mb-2 w-full sm:mb-0 sm:w-auto", {
               "btn-primary": e.color == "info",
               "btn-danger": e.color == "danger",
               "btn-warning": e.color == "warning",
@@ -1433,73 +1433,73 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           return g instanceof Node;
         }, i = function(g) {
           return g instanceof NodeList;
-        }, p = function(g, z) {
-          if (g && z) {
+        }, p = function(g, q) {
+          if (g && q) {
             g = i(g) ? g : [g];
-            for (var ee = 0; ee < g.length && z(g[ee], ee, g.length) !== !0; ee++)
+            for (var ee = 0; ee < g.length && q(g[ee], ee, g.length) !== !0; ee++)
               ;
           }
         }, y = function(g) {
           return console.error("[scroll-lock] ".concat(g));
         }, C = function(g) {
           if (Array.isArray(g)) {
-            var z = g.join(", ");
-            return z;
+            var q = g.join(", ");
+            return q;
           }
         }, b = function(g) {
-          var z = [];
+          var q = [];
           return p(g, function(ee) {
-            return z.push(ee);
-          }), z;
-        }, I = function(g, z) {
+            return q.push(ee);
+          }), q;
+        }, I = function(g, q) {
           var ee = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, se = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : document;
-          if (ee && b(se.querySelectorAll(z)).indexOf(g) !== -1)
+          if (ee && b(se.querySelectorAll(q)).indexOf(g) !== -1)
             return g;
-          for (; (g = g.parentElement) && b(se.querySelectorAll(z)).indexOf(g) === -1; )
+          for (; (g = g.parentElement) && b(se.querySelectorAll(q)).indexOf(g) === -1; )
             ;
           return g;
-        }, $ = function(g, z) {
-          var ee = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : document, se = b(ee.querySelectorAll(z)).indexOf(g) !== -1;
+        }, $ = function(g, q) {
+          var ee = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : document, se = b(ee.querySelectorAll(q)).indexOf(g) !== -1;
           return se;
         }, w = function(g) {
           if (g) {
-            var z = getComputedStyle(g), ee = z.overflow === "hidden";
+            var q = getComputedStyle(g), ee = q.overflow === "hidden";
             return ee;
           }
         }, D = function(g) {
           if (g) {
             if (w(g))
               return !0;
-            var z = g.scrollTop;
-            return z <= 0;
+            var q = g.scrollTop;
+            return q <= 0;
           }
         }, h = function(g) {
           if (g) {
             if (w(g))
               return !0;
-            var z = g.scrollTop, ee = g.scrollHeight, se = z + g.offsetHeight;
+            var q = g.scrollTop, ee = g.scrollHeight, se = q + g.offsetHeight;
             return se >= ee;
           }
         }, T = function(g) {
           if (g) {
             if (w(g))
               return !0;
-            var z = g.scrollLeft;
-            return z <= 0;
+            var q = g.scrollLeft;
+            return q <= 0;
           }
         }, V = function(g) {
           if (g) {
             if (w(g))
               return !0;
-            var z = g.scrollLeft, ee = g.scrollWidth, se = z + g.offsetWidth;
+            var q = g.scrollLeft, ee = g.scrollWidth, se = q + g.offsetWidth;
             return se >= ee;
           }
         }, j = function(g) {
-          var z = 'textarea, [contenteditable="true"]';
-          return $(g, z);
+          var q = 'textarea, [contenteditable="true"]';
+          return $(g, q);
         }, F = function(g) {
-          var z = 'input[type="range"]';
-          return $(g, z);
+          var q = 'input[type="range"]';
+          return $(g, q);
         };
         o.d(l, "disablePageScroll", function() {
           return d;
@@ -1534,7 +1534,7 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }), o.d(l, "addFillGapTarget", function() {
           return xe;
         }), o.d(l, "removeFillGapTarget", function() {
-          return ze;
+          return qe;
         }), o.d(l, "addFillGapSelector", function() {
           return Ne;
         }), o.d(l, "removeFillGapSelector", function() {
@@ -1544,17 +1544,17 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         });
         function R(J) {
           for (var g = 1; g < arguments.length; g++) {
-            var z = arguments[g] != null ? arguments[g] : {}, ee = Object.keys(z);
-            typeof Object.getOwnPropertySymbols == "function" && (ee = ee.concat(Object.getOwnPropertySymbols(z).filter(function(se) {
-              return Object.getOwnPropertyDescriptor(z, se).enumerable;
+            var q = arguments[g] != null ? arguments[g] : {}, ee = Object.keys(q);
+            typeof Object.getOwnPropertySymbols == "function" && (ee = ee.concat(Object.getOwnPropertySymbols(q).filter(function(se) {
+              return Object.getOwnPropertyDescriptor(q, se).enumerable;
             }))), ee.forEach(function(se) {
-              k(J, se, z[se]);
+              k(J, se, q[se]);
             });
           }
           return J;
         }
-        function k(J, g, z) {
-          return g in J ? Object.defineProperty(J, g, { value: z, enumerable: !0, configurable: !0, writable: !0 }) : J[g] = z, J;
+        function k(J, g, q) {
+          return g in J ? Object.defineProperty(J, g, { value: q, enumerable: !0, configurable: !0, writable: !0 }) : J[g] = q, J;
         }
         var L = ["padding", "margin", "width", "max-width", "none"], u = 3, c = {
           scroll: !0,
@@ -1574,10 +1574,10 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }, te = function() {
           c.queue = 0;
         }, Q = function(g) {
-          var z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+          var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
           if (s(g)) {
             var ee = g.style.overflowY;
-            z ? B() || (g.style.overflowY = g.getAttribute("data-scroll-lock-saved-overflow-y-property")) : g.style.overflowY = "scroll";
+            q ? B() || (g.style.overflowY = g.getAttribute("data-scroll-lock-saved-overflow-y-property")) : g.style.overflowY = "scroll";
             var se = le(g);
             return g.style.overflowY = ee, se;
           } else
@@ -1585,7 +1585,7 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }, le = function(g) {
           if (s(g))
             if (g === document.body) {
-              var z = document.documentElement.clientWidth, ee = window.innerWidth, se = ee - z;
+              var q = document.documentElement.clientWidth, ee = window.innerWidth, se = ee - q;
               return se;
             } else {
               var Ke = g.style.borderLeftWidth, et = g.style.borderRightWidth;
@@ -1602,8 +1602,8 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           return le(document.body);
         }, fe = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               p(ee, function(se) {
                 s(se) ? se.setAttribute("data-scroll-lock-scrollable", "") : y('"'.concat(se, '" is not a Element.'));
               });
@@ -1611,8 +1611,8 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           }
         }, re = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               p(ee, function(se) {
                 s(se) ? se.removeAttribute("data-scroll-lock-scrollable") : y('"'.concat(se, '" is not a Element.'));
               });
@@ -1620,15 +1620,15 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           }
         }, ae = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               c.scrollableSelectors.push(ee);
             });
           }
         }, we = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               c.scrollableSelectors = c.scrollableSelectors.filter(function(se) {
                 return se !== ee;
               });
@@ -1636,8 +1636,8 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           }
         }, H = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               p(ee, function(se) {
                 s(se) ? se.setAttribute("data-scroll-lock-lockable", "") : y('"'.concat(se, '" is not a Element.'));
               });
@@ -1645,8 +1645,8 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           }
         }, ue = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               c.lockableSelectors.push(ee);
             }), B() || f(), Ne(g);
           }
@@ -1655,23 +1655,23 @@ var Ir = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             if (L.indexOf(g) !== -1)
               c.fillGapMethod = g, a();
             else {
-              var z = L.join(", ");
+              var q = L.join(", ");
               y('"'.concat(g, `" method is not available!
-Available fill gap methods: `).concat(z, "."));
+Available fill gap methods: `).concat(q, "."));
             }
         }, xe = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               p(ee, function(se) {
                 s(se) ? (se.setAttribute("data-scroll-lock-fill-gap", ""), c.scroll || ke(se)) : y('"'.concat(se, '" is not a Element.'));
               });
             });
           }
-        }, ze = function(g) {
+        }, qe = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               p(ee, function(se) {
                 s(se) ? (se.removeAttribute("data-scroll-lock-fill-gap"), c.scroll || ve(se)) : y('"'.concat(se, '" is not a Element.'));
               });
@@ -1679,15 +1679,15 @@ Available fill gap methods: `).concat(z, "."));
           }
         }, Ne = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               c.fillGapSelectors.indexOf(ee) === -1 && (c.fillGapSelectors.push(ee), c.scroll || Ae(ee));
             });
           }
         }, M = function(g) {
           if (g) {
-            var z = r(g);
-            z.map(function(ee) {
+            var q = r(g);
+            q.map(function(ee) {
               c.fillGapSelectors = c.fillGapSelectors.filter(function(se) {
                 return se !== ee;
               }), c.scroll || _e(ee);
@@ -1702,19 +1702,19 @@ Available fill gap methods: `).concat(z, "."));
           var g = C(c.lockableSelectors);
           E(g);
         }, A = function(g) {
-          var z = document.querySelectorAll(g);
-          p(z, function(ee) {
+          var q = document.querySelectorAll(g);
+          p(q, function(ee) {
             N(ee);
           });
         }, E = function(g) {
-          var z = document.querySelectorAll(g);
-          p(z, function(ee) {
+          var q = document.querySelectorAll(g);
+          p(q, function(ee) {
             oe(ee);
           });
         }, N = function(g) {
           if (s(g) && g.getAttribute("data-scroll-lock-locked") !== "true") {
-            var z = window.getComputedStyle(g);
-            g.setAttribute("data-scroll-lock-saved-overflow-y-property", z.overflowY), g.setAttribute("data-scroll-lock-saved-inline-overflow-property", g.style.overflow), g.setAttribute("data-scroll-lock-saved-inline-overflow-y-property", g.style.overflowY), g.style.overflow = "hidden", g.setAttribute("data-scroll-lock-locked", "true");
+            var q = window.getComputedStyle(g);
+            g.setAttribute("data-scroll-lock-saved-overflow-y-property", q.overflowY), g.setAttribute("data-scroll-lock-saved-inline-overflow-property", g.style.overflow), g.setAttribute("data-scroll-lock-saved-inline-overflow-y-property", g.style.overflowY), g.style.overflow = "hidden", g.setAttribute("data-scroll-lock-locked", "true");
           }
         }, oe = function(g) {
           s(g) && g.getAttribute("data-scroll-lock-locked") === "true" && (g.style.overflow = g.getAttribute("data-scroll-lock-saved-inline-overflow-property"), g.style.overflowY = g.getAttribute("data-scroll-lock-saved-inline-overflow-y-property"), g.removeAttribute("data-scroll-lock-saved-overflow-property"), g.removeAttribute("data-scroll-lock-saved-inline-overflow-property"), g.removeAttribute("data-scroll-lock-saved-inline-overflow-y-property"), g.removeAttribute("data-scroll-lock-locked"));
@@ -1727,15 +1727,15 @@ Available fill gap methods: `).concat(z, "."));
             _e(g);
           });
         }, Ae = function(g) {
-          var z = document.querySelectorAll(g), ee = c.lockableSelectors.indexOf(g) !== -1;
-          p(z, function(se) {
+          var q = document.querySelectorAll(g), ee = c.lockableSelectors.indexOf(g) !== -1;
+          p(q, function(se) {
             ke(se, ee);
           });
         }, ke = function(g) {
-          var z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+          var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
           if (s(g)) {
             var ee;
-            if (g.getAttribute("data-scroll-lock-lockable") === "" || z)
+            if (g.getAttribute("data-scroll-lock-lockable") === "" || q)
               ee = Q(g, !0);
             else {
               var se = I(g, C(c.lockableSelectors));
@@ -1756,14 +1756,14 @@ Available fill gap methods: `).concat(z, "."));
             }
           }
         }, _e = function(g) {
-          var z = document.querySelectorAll(g);
-          p(z, function(ee) {
+          var q = document.querySelectorAll(g);
+          p(q, function(ee) {
             ve(ee);
           });
         }, ve = function(g) {
           if (s(g) && g.getAttribute("data-scroll-lock-filled-gap") === "true") {
-            var z = g.getAttribute("data-scroll-lock-current-fill-gap-method");
-            g.removeAttribute("data-scroll-lock-filled-gap"), g.removeAttribute("data-scroll-lock-current-fill-gap-method"), z === "margin" ? g.style.marginRight = "" : z === "width" ? g.style.width = "" : z === "max-width" ? g.style.maxWidth = "" : z === "padding" && (g.style.paddingRight = "");
+            var q = g.getAttribute("data-scroll-lock-current-fill-gap-method");
+            g.removeAttribute("data-scroll-lock-filled-gap"), g.removeAttribute("data-scroll-lock-current-fill-gap-method"), q === "margin" ? g.style.marginRight = "" : q === "width" ? g.style.width = "" : q === "max-width" ? g.style.maxWidth = "" : q === "padding" && (g.style.paddingRight = "");
           }
         }, ye = function(g) {
           a();
@@ -1771,29 +1771,29 @@ Available fill gap methods: `).concat(z, "."));
           c.scroll || (c.startTouchY = g.touches[0].clientY, c.startTouchX = g.touches[0].clientX);
         }, yt = function(g) {
           if (!c.scroll) {
-            var z = c.startTouchY, ee = c.startTouchX, se = g.touches[0].clientY, Ke = g.touches[0].clientX;
+            var q = c.startTouchY, ee = c.startTouchX, se = g.touches[0].clientY, Ke = g.touches[0].clientX;
             if (g.touches.length < 2) {
               var et = C(c.scrollableSelectors), Ye = {
-                up: z < se,
-                down: z > se,
+                up: q < se,
+                down: q > se,
                 left: ee < Ke,
                 right: ee > Ke
               }, bt = {
-                up: z + u < se,
-                down: z - u > se,
+                up: q + u < se,
+                down: q - u > se,
                 left: ee + u < Ke,
                 right: ee - u > Ke
               }, tl = function $n(Be) {
                 var nl = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
                 if (Be) {
-                  var qt = I(Be, et, !1);
+                  var zt = I(Be, et, !1);
                   if (F(Be))
                     return !1;
                   if (nl || j(Be) && I(Be, et) || $(Be, et)) {
                     var wt = !1;
-                    T(Be) && V(Be) ? (Ye.up && D(Be) || Ye.down && h(Be)) && (wt = !0) : D(Be) && h(Be) ? (Ye.left && T(Be) || Ye.right && V(Be)) && (wt = !0) : (bt.up && D(Be) || bt.down && h(Be) || bt.left && T(Be) || bt.right && V(Be)) && (wt = !0), wt && (qt ? $n(qt, !0) : g.cancelable && g.preventDefault());
+                    T(Be) && V(Be) ? (Ye.up && D(Be) || Ye.down && h(Be)) && (wt = !0) : D(Be) && h(Be) ? (Ye.left && T(Be) || Ye.right && V(Be)) && (wt = !0) : (bt.up && D(Be) || bt.down && h(Be) || bt.left && T(Be) || bt.right && V(Be)) && (wt = !0), wt && (zt ? $n(zt, !0) : g.cancelable && g.preventDefault());
                   } else
-                    $n(qt);
+                    $n(zt);
                 } else
                   g.cancelable && g.preventDefault();
               };
@@ -1864,7 +1864,7 @@ Available fill gap methods: `).concat(z, "."));
           addFillGapSelector: Ne,
           removeFillGapSelector: M,
           addFillGapTarget: xe,
-          removeFillGapTarget: ze,
+          removeFillGapTarget: qe,
           setFillGapMethod: de,
           refillGaps: a,
           _state: c
@@ -1948,7 +1948,7 @@ const Ar = {
                   onClick: ($) => b.closeOnOutsideClick ? r(b) : p(b)
                 }, null, 8, Tr),
                 K(po, {
-                  class: q((I = S(i)[b.id]) != null ? I : ""),
+                  class: z((I = S(i)[b.id]) != null ? I : ""),
                   color: b.color,
                   title: b.title,
                   message: b.message,
@@ -1994,7 +1994,7 @@ const Ar = {
               }, [
                 x("div", Or, [
                   x("div", {
-                    class: q(["flex w-12 items-center justify-center", {
+                    class: z(["flex w-12 items-center justify-center", {
                       "bg-blue-500": r.color == "info",
                       "bg-red-500": r.color == "danger",
                       "bg-yellow-500": r.color == "warning",
@@ -2004,7 +2004,7 @@ const Ar = {
                   x("div", jr, [
                     x("div", Fr, [
                       x("h3", {
-                        class: q(["mb-1 font-semibold leading-tight", {
+                        class: z(["mb-1 font-semibold leading-tight", {
                           "text-blue-500": r.color == "info",
                           "text-red-500": r.color == "danger",
                           "text-yellow-500": r.color == "warning",
@@ -2046,7 +2046,7 @@ const Ar = {
   },
   setup(e) {
     return (n, t) => (_(), O("div", {
-      class: q(["relative isolate overflow-hidden rounded", [e.background]])
+      class: z(["relative isolate overflow-hidden rounded", [e.background]])
     }, [
       x("div", {
         class: "animate-shimmer absolute inset-0 -translate-x-full border-t border-white/80 bg-gradient-to-r from-transparent via-white/80 to-transparent",
@@ -2057,7 +2057,7 @@ const Ar = {
       Z(n.$slots, "default")
     ], 2));
   }
-}), Ur = { class: "relative" }, qr = { class: "relative" }, zr = ["value", "placeholder", "disabled"], Kr = { class: "pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5" }, Hr = {
+}), Ur = { class: "relative" }, zr = { class: "relative" }, qr = ["value", "placeholder", "disabled"], Kr = { class: "pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5" }, Hr = {
   key: 0,
   class: "absolute top-0 right-0 flex h-full items-center p-1"
 }, Gr = { class: "relative" }, Qr = { class: "absolute top-1 z-menu min-h-[110px] w-full overflow-hidden rounded border border-slate-300 bg-white shadow-md" }, Wr = { class: "flex items-center justify-center px-5 py-10 text-center text-slate-600" }, Yr = {
@@ -2073,8 +2073,8 @@ const Ar = {
   __name: "BaseAutocomplete",
   props: {
     modelValue: {
-      required: !0,
-      type: [Object, null, void 0]
+      default: void 0,
+      type: [Object, null]
     },
     options: {
       required: !0,
@@ -2223,13 +2223,13 @@ const Ar = {
       const te = he("BaseIcon");
       return _(), O("div", null, [
         x("div", Ur, [
-          x("div", qr, [
+          x("div", zr, [
             x("input", {
               ref_key: "inputElement",
               ref: i,
               value: S(o),
               type: "text",
-              class: q([e.inputClass + " pl-9", "rounded disabled:cursor-not-allowed disabled:text-slate-300"]),
+              class: z([e.inputClass + " pl-9", "rounded disabled:cursor-not-allowed disabled:text-slate-300"]),
               placeholder: e.placeholder ? e.placeholder : v.$t("sui.autocomplete_placeholder"),
               autocomplete: "off",
               disabled: e.disabled,
@@ -2237,7 +2237,7 @@ const Ar = {
               onBlur: h,
               onInput: T,
               onKeydown: V
-            }, null, 42, zr),
+            }, null, 42, qr),
             x("div", Kr, [
               K(te, {
                 class: "h-5 w-5 text-slate-400",
@@ -2285,7 +2285,7 @@ const Ar = {
                       active: S(y) && S(y).value == Q.value
                     }, () => [
                       x("div", {
-                        class: q(["rounded px-2 py-1 text-sm", j(Q)])
+                        class: z(["rounded px-2 py-1 text-sm", j(Q)])
                       }, X(Q.label), 3)
                     ])
                   ], 40, Jr)
@@ -2330,8 +2330,8 @@ const Ar = {
   __name: "BaseAutocompleteFetch",
   props: {
     modelValue: {
-      required: !0,
-      type: [Object, null, void 0]
+      default: void 0,
+      type: [Object, null]
     },
     url: {
       required: !0,
@@ -2421,13 +2421,13 @@ const Ar = {
         "onUpdate:modelValue": T[0] || (T[0] = (F) => h.$emit("update:modelValue", F))
       }, {
         option: W((F) => [
-          Z(h.$slots, "option", Ue(qe(F)))
+          Z(h.$slots, "option", Ue(ze(F)))
         ]),
         footer: W((F) => [
           Z(h.$slots, "footer", lt(F, { keywords: S(i) }), () => [
             e.createNewUrl ? (_(), O("div", {
               key: 0,
-              class: q(["p-2", {
+              class: z(["p-2", {
                 "border-t border-slate-300": F.options.length > 0
               }])
             }, [
@@ -2488,11 +2488,11 @@ const Ar = {
     return (o, r) => (_(), O("div", ns, [
       x("img", {
         src: e.user.avatar_url,
-        class: q([[S(t), e.detailsPosition == "left" ? "order-2" : "order-1"], "shrink-0 overflow-hidden rounded-full"])
+        class: z([[S(t), e.detailsPosition == "left" ? "order-2" : "order-1"], "shrink-0 overflow-hidden rounded-full"])
       }, null, 10, os),
       e.showDetails ? (_(), O("div", {
         key: 0,
-        class: q(["max-w-[120px] grow leading-tight", [
+        class: z(["max-w-[120px] grow leading-tight", [
           S(l),
           e.detailsPosition == "left" ? "order-1 mr-3 text-right" : "order-2 ml-3 text-left"
         ]])
@@ -2517,7 +2517,7 @@ const Ar = {
   setup(e) {
     const n = e, t = U(() => n.color == "gray" ? "bg-slate-100 text-slate-800" : n.color == "red" ? "bg-red-100 text-red-900" : n.color == "yellow" ? "bg-yellow-100 text-yellow-900" : n.color == "green" ? "bg-green-100 text-green-900" : n.color == "blue" ? "bg-blue-100 text-blue-900" : n.color == "indigo" ? "bg-indigo-100 text-indigo-900" : n.color == "purple" ? "bg-purple-100 text-purple-900" : n.color == "pink" ? "bg-pink-100 text-pink-900" : "bg-slate-100 text-slate-900"), l = U(() => n.size == "base" ? "px-2.5 py-0.5 text-xs" : n.size == "lg" ? "px-3 py-0.5 text-sm" : "px-2.5 py-0.5 text-xs");
     return (o, r) => (_(), O("span", {
-      class: q(["inline-flex items-center rounded-full font-medium", [S(t), S(l)]])
+      class: z(["inline-flex items-center rounded-full font-medium", [S(t), S(l)]])
     }, [
       Z(o.$slots, "default")
     ], 2));
@@ -2526,8 +2526,8 @@ const Ar = {
   __name: "BaseBelongsTo",
   props: {
     modelValue: {
-      required: !0,
-      type: [String, Number, null, void 0]
+      default: void 0,
+      type: [String, Number, null]
     },
     url: {
       required: !0,
@@ -2604,13 +2604,13 @@ const Ar = {
       "onUpdate:modelValue": r
     }, {
       option: W((p) => [
-        Z(s.$slots, "option", Ue(qe(p)))
+        Z(s.$slots, "option", Ue(ze(p)))
       ]),
       empty: W((p) => [
-        Z(s.$slots, "empty", Ue(qe(p)))
+        Z(s.$slots, "empty", Ue(ze(p)))
       ]),
       footer: W((p) => [
-        Z(s.$slots, "footer", Ue(qe(p)))
+        Z(s.$slots, "footer", Ue(ze(p)))
       ]),
       _: 3
     }, 8, ["model-value", "url", "disabled", "placeholder", "required", "value-key", "label-key", "create-new-url", "input-class"]));
@@ -2628,7 +2628,7 @@ const Ar = {
     return (l, o) => {
       const r = he("BaseIcon");
       return _(), O("div", {
-        class: q(["inline-flex h-5 w-5 items-center justify-center rounded-full", S(t)])
+        class: z(["inline-flex h-5 w-5 items-center justify-center rounded-full", S(t)])
       }, [
         e.modelValue ? (_(), O("div", us, [
           K(r, { icon: "heroicons-solid:check" })
@@ -2678,7 +2678,7 @@ const Ar = {
                   default: W(({ href: y, navigate: C, isExactActive: b }) => [
                     x("a", {
                       href: y,
-                      class: q(["text-sm text-slate-500", [
+                      class: z(["text-sm text-slate-500", [
                         { "ml-3": p > 0 },
                         b ? "text-blue-600" : "text-slate-500 hover:text-slate-700"
                       ]]),
@@ -2748,7 +2748,7 @@ function _s(e, n, t, l, o, r) {
   }, {
     default: W(() => [
       x("div", {
-        class: q(["flex items-center justify-center", { "opacity-0": e.loading }])
+        class: z(["flex items-center justify-center", { "opacity-0": e.loading }])
       }, [
         Z(e.$slots, "default")
       ], 2),
@@ -2781,7 +2781,7 @@ const Cs = /* @__PURE__ */ Ee(ws, [["render", _s]]), mt = /* @__PURE__ */ Y({
     return (s, i) => (_(), O("div", {
       ref_key: "card",
       ref: l,
-      class: q(["border-t border-b border-slate-300 bg-white", {
+      class: z(["border-t border-b border-slate-300 bg-white", {
         "rounded-lg border-r border-l shadow-sm": S(t) != S(n),
         "relative isolate overflow-hidden": e.clipped
       }])
@@ -2805,7 +2805,7 @@ const Cs = /* @__PURE__ */ Ee(ws, [["render", _s]]), mt = /* @__PURE__ */ Y({
 function Is(e, n, t, l, o, r) {
   return _(), O("div", $s, [
     x("div", {
-      class: q(e.paddingClass)
+      class: z(e.paddingClass)
     }, [
       Z(e.$slots, "default")
     ], 2)
@@ -2846,7 +2846,7 @@ const wn = /* @__PURE__ */ Ee(Bs, [["render", Is]]), As = {
     return (o, r) => (_(), O("div", null, [
       e.max && (!e.min || S(l) >= e.min) ? (_(), O("div", {
         key: 0,
-        class: q({
+        class: z({
           "text-red-600": S(l) > e.max
         })
       }, X(S(l)) + "/" + X(e.max), 3)) : e.min && S(l) < e.min ? (_(), O("div", As, X(o.$t("sui.min_x_characters", { x: e.min })) + " (" + X(S(l)) + "/" + X(e.min) + ") ", 1)) : ne("", !0)
@@ -2960,7 +2960,7 @@ const wn = /* @__PURE__ */ Ee(Bs, [["render", Is]]), As = {
 });
 function js(e, n, t, l, o, r) {
   return _(), O("div", {
-    class: q(["mx-auto w-full md:px-8", [e.width, { "px-4": !e.paddinglessMobile }]])
+    class: z(["mx-auto w-full md:px-8", [e.width, { "px-4": !e.paddinglessMobile }]])
   }, [
     Z(e.$slots, "default")
   ], 2);
@@ -2991,7 +2991,7 @@ const wo = /* @__PURE__ */ Ee(Vs, [["render", js]]), xn = /* @__PURE__ */ Y({
       return s.length > r ? tt("+", r + 1, "9") : s;
     }), l = U(() => n.size == "xs" ? "text-[10px]" : n.size == "sm" ? "text-xs" : n.size == "base" ? "text-sm" : "text-xs"), o = U(() => n.color == "danger" ? "bg-red-500 text-white" : n.color == "primary" ? "bg-primary-500 text-white" : n.color == "dark" ? "bg-slate-900 text-white" : n.color == "light" ? "bg-slate-200 text-slate-900" : "bg-white text-slate-900");
     return (r, s) => (_(), O("div", {
-      class: q(["inline-flex h-4 w-auto items-center justify-center rounded-full px-1.5", [S(l), S(o)]])
+      class: z(["inline-flex h-4 w-auto items-center justify-center rounded-full px-1.5", [S(l), S(o)]])
     }, X(S(t)), 3));
   }
 });
@@ -3330,10 +3330,10 @@ Use "options.replacer" or "options.ignoreUnknown"
               a[m + N] = f >>> 8 * (A ? N : 3 - N) & 255;
         }
         function B(a, f, m, A, E) {
-          E || (M(f != null, "missing value"), M(typeof A == "boolean", "missing or invalid endian"), M(m != null, "missing offset"), M(m + 1 < a.length, "Trying to write beyond buffer length"), ze(f, 32767, -32768)), a.length <= m || d(a, 0 <= f ? f : 65535 + f + 1, m, A, E);
+          E || (M(f != null, "missing value"), M(typeof A == "boolean", "missing or invalid endian"), M(m != null, "missing offset"), M(m + 1 < a.length, "Trying to write beyond buffer length"), qe(f, 32767, -32768)), a.length <= m || d(a, 0 <= f ? f : 65535 + f + 1, m, A, E);
         }
         function te(a, f, m, A, E) {
-          E || (M(f != null, "missing value"), M(typeof A == "boolean", "missing or invalid endian"), M(m != null, "missing offset"), M(m + 3 < a.length, "Trying to write beyond buffer length"), ze(f, 2147483647, -2147483648)), a.length <= m || v(a, 0 <= f ? f : 4294967295 + f + 1, m, A, E);
+          E || (M(f != null, "missing value"), M(typeof A == "boolean", "missing or invalid endian"), M(m != null, "missing offset"), M(m + 3 < a.length, "Trying to write beyond buffer length"), qe(f, 2147483647, -2147483648)), a.length <= m || v(a, 0 <= f ? f : 4294967295 + f + 1, m, A, E);
         }
         function Q(a, f, m, A, E) {
           E || (M(f != null, "missing value"), M(typeof A == "boolean", "missing or invalid endian"), M(m != null, "missing offset"), M(m + 3 < a.length, "Trying to write beyond buffer length"), Ne(f, 34028234663852886e22, -34028234663852886e22)), a.length <= m || D.write(a, f, m, A, 23, 4);
@@ -3557,7 +3557,7 @@ list should be an Array.`), a.length === 0)
         }, h.prototype.writeUInt32BE = function(a, f, m) {
           v(this, a, f, !1, m);
         }, h.prototype.writeInt8 = function(a, f, m) {
-          m || (M(a != null, "missing value"), M(f != null, "missing offset"), M(f < this.length, "Trying to write beyond buffer length"), ze(a, 127, -128)), f >= this.length || (0 <= a ? this.writeUInt8(a, f, m) : this.writeUInt8(255 + a + 1, f, m));
+          m || (M(a != null, "missing value"), M(f != null, "missing offset"), M(f < this.length, "Trying to write beyond buffer length"), qe(a, 127, -128)), f >= this.length || (0 <= a ? this.writeUInt8(a, f, m) : this.writeUInt8(255 + a + 1, f, m));
         }, h.prototype.writeInt16LE = function(a, f, m) {
           B(this, a, f, !0, m);
         }, h.prototype.writeInt16BE = function(a, f, m) {
@@ -3640,7 +3640,7 @@ list should be an Array.`), a.length === 0)
         function xe(a, f) {
           M(typeof a == "number", "cannot write a non-number as a number"), M(0 <= a, "specified a negative value for writing an unsigned value"), M(a <= f, "value is larger than maximum value for type"), M(Math.floor(a) === a, "value has a fractional component");
         }
-        function ze(a, f, m) {
+        function qe(a, f, m) {
           M(typeof a == "number", "cannot write a non-number as a number"), M(a <= f, "value larger than maximum allowed value"), M(m <= a, "value smaller than minimum allowed value"), M(Math.floor(a) === a, "value has a fractional component");
         }
         function Ne(a, f, m) {
@@ -3939,12 +3939,12 @@ function So(e, n = []) {
 function Us(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-let qs = 0;
-function zs() {
-  return ++qs;
+let zs = 0;
+function qs() {
+  return ++zs;
 }
 function ut() {
-  return zs();
+  return qs();
 }
 var Ce = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Ce || {});
 function Ks(e) {
@@ -3991,7 +3991,7 @@ function Gs() {
 function Qs(e) {
   De(_o, e);
 }
-function zn(e, n) {
+function qn(e, n) {
   if (e)
     return e;
   let t = n != null ? n : "button";
@@ -3999,9 +3999,9 @@ function zn(e, n) {
     return "button";
 }
 function Co(e, n) {
-  let t = P(zn(e.value.type, e.value.as));
+  let t = P(qn(e.value.type, e.value.as));
   return $e(() => {
-    t.value = zn(e.value.type, e.value.as);
+    t.value = qn(e.value.type, e.value.as);
   }), Dt(() => {
     var l;
     t.value || !Se(n) || Se(n) instanceof HTMLButtonElement && !((l = Se(n)) != null && l.hasAttribute("type")) && (t.value = "button");
@@ -4467,13 +4467,13 @@ const wa = { class: "flex items-center" }, xa = {
     return (r, s) => {
       const i = he("BaseIcon");
       return _(), O("div", {
-        class: q(S(l))
+        class: z(S(l))
       }, [
         x("div", wa, [
           e.icon ? (_(), ie(i, {
             key: 0,
             icon: e.icon,
-            class: q(S(o))
+            class: z(S(o))
           }, null, 8, ["icon", "class"])) : ne("", !0),
           He(" " + X(e.label), 1)
         ]),
@@ -4538,7 +4538,7 @@ const wa = { class: "flex items-center" }, xa = {
           }, {
             default: W(() => [
               K(S(ha), {
-                class: q([[e.menuClass, S(t)], "absolute z-menu mt-2 rounded-md bg-white p-1 shadow-lg ring-1 ring-black ring-opacity-10 focus:outline-none"])
+                class: z([[e.menuClass, S(t)], "absolute z-menu mt-2 rounded-md bg-white p-1 shadow-lg ring-1 ring-black ring-opacity-10 focus:outline-none"])
               }, {
                 default: W(() => [
                   Z(l.$slots, "items", {}, () => [
@@ -4699,12 +4699,12 @@ const wa = { class: "flex items-center" }, xa = {
           ], 8, _a)
         ]),
         x("div", {
-          class: q([S(i) ? "hidden" : "flex -mt-px"])
+          class: z([S(i) ? "hidden" : "flex -mt-px"])
         }, [
           (_(!0), O(be, null, Ie(S(C), (h, T) => (_(), O("button", {
             key: h + (T + ""),
             type: "button",
-            class: q(["inline-flex items-center border-t-2 px-4 py-4 text-sm font-medium", [
+            class: z(["inline-flex items-center border-t-2 px-4 py-4 text-sm font-medium", [
               h == e.modelValue ? "border-primary-500 text-primary-500" : "",
               h != e.modelValue ? "border-transparent text-slate-500" : "",
               h != e.modelValue && b(h) ? "hover:border-slate-300 hover:text-slate-700" : ""
@@ -4855,7 +4855,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
                     }, {
                       default: W(() => [
                         je(x("div", {
-                          class: q([e.backdropClass, "fixed inset-0 transition-opacity"]),
+                          class: z([e.backdropClass, "fixed inset-0 transition-opacity"]),
                           onClick: p[0] || (p[0] = (C) => e.closeOnOutsideClick ? S(o).close() : S(o).refuseAnimation())
                         }, null, 2), [
                           [Ze, e.modelValue]
@@ -4877,7 +4877,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
                           style: Re({
                             maxWidth: S(s)
                           }),
-                          class: q(["pb-safe py-safe relative z-[1] ml-auto mr-0 flex h-full w-full flex-col rounded-t-lg bg-white text-left shadow-xl sm:rounded-t-none", [S(o).animationClasses.value]])
+                          class: z(["pb-safe py-safe relative z-[1] ml-auto mr-0 flex h-full w-full flex-col rounded-t-lg bg-white text-left shadow-xl sm:rounded-t-none", [S(o).animationClasses.value]])
                         }, [
                           x("button", {
                             class: "absolute -top-[4.5rem] right-2 flex h-16 w-16 items-center justify-center rounded-full hover:bg-black hover:bg-opacity-20 sm:-left-[4.5rem] sm:top-2",
@@ -4916,7 +4916,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
 }, Na = { class: "relative h-11" }, Pa = { class: "flex pointer-events-none absolute top-0 left-0 h-full items-center justify-center pl-2.5" }, Ra = ["placeholder"], Ua = {
   key: 0,
   class: "flex absolute top-0 right-0 h-full items-center justify-center p-1"
-}, qa = { class: "hidden xs:block" }, za = { class: "mt-5" }, Ka = { class: "text-center text-xs text-slate-400 sm:text-right" }, Ha = { class: "mt-4" }, Ga = {
+}, za = { class: "hidden xs:block" }, qa = { class: "mt-5" }, Ka = { class: "text-center text-xs text-slate-400 sm:text-right" }, Ha = { class: "mt-4" }, Ga = {
   key: 0,
   class: "mb-4"
 }, Qa = { class: "space-y-3" }, Wa = { class: "px-4 py-5" }, Ya = { class: "mb-4 font-semibold" }, Ja = { class: "space-y-3" }, Za = {
@@ -5081,7 +5081,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
     }), ue = U(() => T.value.page && parseInt(T.value.page + "") ? parseInt(T.value.page + "") : 1), de = U(() => H.value.last_page), xe = U(() => {
       var A, E;
       return (E = (A = T.value.sort) == null ? void 0 : A.trim().replace(/^(-)/, "")) != null ? E : "";
-    }), ze = U(() => T.value.sort && T.value.sort.length && T.value.sort[0] == "-" ? "desc" : "asc"), Ne = U(() => {
+    }), qe = U(() => T.value.sort && T.value.sort.length && T.value.sort[0] == "-" ? "desc" : "asc"), Ne = U(() => {
       var A;
       return (A = T.value.search) != null ? A : "";
     }), M = () => {
@@ -5107,12 +5107,12 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
         ref: o
       }, [
         x("div", {
-          class: q(["grid w-full max-w-full grid-flow-row gap-4", {
+          class: z(["grid w-full max-w-full grid-flow-row gap-4", {
             "grid-cols-[1fr_300px]": S(R)
           }])
         }, [
           x("div", {
-            class: q(["min-w-0", { "col-span-1": !S(j), "col-span-2": S(j) }])
+            class: z(["min-w-0", { "col-span-1": !S(j), "col-span-2": S(j) }])
           }, [
             x("div", ja, [
               e.searchable ? (_(), O("div", Fa, [
@@ -5160,7 +5160,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
                   class: "h-6 w-6 text-slate-500 xs:mr-2",
                   icon: "heroicons:adjustments-horizontal-solid"
                 }),
-                x("span", qa, X(A.$t("sui.filters")), 1)
+                x("span", za, X(A.$t("sui.filters")), 1)
               ])) : ne("", !0),
               e.actions && e.actions.length ? (_(), ie(Cn, {
                 key: 2,
@@ -5169,7 +5169,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
               }, {
                 button: W(({ open: oe }) => [
                   x("div", {
-                    class: q(["flex h-11 w-11 items-center justify-center rounded-md border border-slate-300 bg-white shadow-sm duration-150 hover:bg-slate-50", [
+                    class: z(["flex h-11 w-11 items-center justify-center rounded-md border border-slate-300 bg-white shadow-sm duration-150 hover:bg-slate-50", [
                       oe ? "ring-2 ring-primary-500 ring-offset-2" : !1
                     ]])
                   }, [
@@ -5186,11 +5186,11 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
               firstLoad: S(C),
               page: S(ue),
               sortField: S(xe),
-              sortDirection: S(ze),
+              sortDirection: S(qe),
               onSortChange: le,
               onPageChange: Q
             }),
-            x("div", za, [
+            x("div", qa, [
               x("p", Ka, X((S(H).current_page - 1) * S(H).per_page + 1) + " - " + X(A.$t("sui.pagination_detail", {
                 page: Math.min(
                   S(H).current_page * S(H).per_page,
@@ -5554,7 +5554,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
     function xe(M, a) {
       return M < l.data.length - 1 || re(a) ? de : "";
     }
-    function ze(M) {
+    function qe(M) {
       return M < l.data.length - 1 ? de : "";
     }
     function Ne() {
@@ -5594,7 +5594,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                             autocomplete: "off",
                             checked: S(u),
                             disabled: S(L),
-                            class: q(o),
+                            class: z(o),
                             onChange: d
                           }, null, 40, hi)
                         ])
@@ -5608,7 +5608,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                       }), [
                         x("button", {
                           type: "button",
-                          class: q(["flex w-full items-center bg-transparent text-left text-sm font-medium leading-tight text-slate-900", {
+                          class: z(["flex w-full items-center bg-transparent text-left text-sm font-medium leading-tight text-slate-900", {
                             "cursor-default": !m.sortable,
                             "text-blue-600": m.sortable && S(p) === m
                           }])
@@ -5617,7 +5617,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                           je(x("span", null, [
                             K(f, {
                               icon: "mdi:chevron-down",
-                              class: q(["h-5 w-5 duration-300", {
+                              class: z(["h-5 w-5 duration-300", {
                                 "rotate-180": y.value
                               }])
                             }, null, 8, ["class"])
@@ -5632,7 +5632,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                           type: "checkbox",
                           checked: S(u),
                           disabled: S(L),
-                          class: q(o),
+                          class: z(o),
                           onChange: d
                         }, null, 40, yi)
                       ])) : ne("", !0)
@@ -5642,7 +5642,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                     S(s).length ? (_(), O("tr", wi, [
                       x("td", {
                         colspan: S(j),
-                        class: q(["sticky z-[1] p-0", [de]]),
+                        class: z(["sticky z-[1] p-0", [de]]),
                         style: Re({
                           top: w.value + "px"
                         })
@@ -5672,7 +5672,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                               }, {
                                 button: W(({ open: A }) => [
                                   x("div", {
-                                    class: q(["flex h-10 w-10 items-center justify-center rounded-full border border-slate-300 bg-white duration-150 hover:bg-slate-50", [
+                                    class: z(["flex h-10 w-10 items-center justify-center rounded-full border border-slate-300 bg-white duration-150 hover:bg-slate-50", [
                                       A ? "ring-2 ring-primary-500 ring-offset-2" : !1
                                     ]])
                                   }, [
@@ -5690,12 +5690,12 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                       x("tr", null, [
                         S(F) ? (_(), O("td", {
                           key: 0,
-                          class: q(["pl-3", xe(A, m)]),
+                          class: z(["pl-3", xe(A, m)]),
                           style: { width: "36px" }
                         }, [
                           x("button", {
                             type: "button",
-                            class: q(["mr-0 flex h-8 w-8 appearance-none items-center justify-center rounded-full border-0 bg-white text-slate-400 duration-300 hover:bg-slate-100 hover:text-slate-700", {
+                            class: z(["mr-0 flex h-8 w-8 appearance-none items-center justify-center rounded-full border-0 bg-white text-slate-400 duration-300 hover:bg-slate-100 hover:text-slate-700", {
                               "rotate-180": fe(m)
                             }]),
                             onClick: Pe((E) => le(m), ["stop"])
@@ -5709,7 +5709,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                         ], 2)) : ne("", !0),
                         e.checkable && e.checkboxPosition === "left" ? (_(), O("td", {
                           key: 1,
-                          class: q(["pl-3", xe(A, m)])
+                          class: z(["pl-3", xe(A, m)])
                         }, [
                           x("div", Ci, [
                             x("input", {
@@ -5717,7 +5717,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                               autocomplete: "off",
                               disabled: !e.isRowCheckable(m),
                               checked: k(m),
-                              class: q(o),
+                              class: z(o),
                               onClick: (E) => te(m, A, E)
                             }, null, 8, Bi)
                           ])
@@ -5743,7 +5743,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                         }), null, 16, ["component", "class", "data-label", "props", "onClick"]))), 128)),
                         e.checkable && e.checkboxPosition === "right" ? (_(), O("td", {
                           key: 2,
-                          class: q(["pr-3", xe(A, m)]),
+                          class: z(["pr-3", xe(A, m)]),
                           align: "right"
                         }, [
                           x("input", {
@@ -5751,7 +5751,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                             autocomplete: "off",
                             disabled: !e.isRowCheckable(m),
                             checked: k(m),
-                            class: q(o),
+                            class: z(o),
                             onClick: (E) => te(m, A, E)
                           }, null, 8, $i)
                         ], 2)) : ne("", !0)
@@ -5763,7 +5763,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
                           }, [
                             x("td", {
                               colspan: S(j),
-                              class: q(["td", ze(A)])
+                              class: z(["td", qe(A)])
                             }, [
                               Z(M.$slots, "detail", {
                                 row: m,
@@ -5810,7 +5810,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
     };
   }
 });
-const Uo = /* @__PURE__ */ Ee(Di, [["__scopeId", "data-v-07e72f3e"]]), qo = Y({
+const Uo = /* @__PURE__ */ Ee(Di, [["__scopeId", "data-v-07e72f3e"]]), zo = Y({
   name: "BaseTableColumn",
   props: {
     label: {
@@ -5954,10 +5954,10 @@ const Uo = /* @__PURE__ */ Ee(Di, [["__scopeId", "data-v-07e72f3e"]]), qo = Y({
 }, Ri = /* @__PURE__ */ Gn('<path class="text-slate-100" d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z" fill="currentColor"></path><path class="text-white" d="M120 150H30V53C34.242 52.9952 38.3089 51.308 41.3084 48.3085C44.308 45.3089 45.9952 41.242 46 37H104C103.996 39.1014 104.408 41.1828 105.213 43.1238C106.018 45.0648 107.2 46.8268 108.691 48.308C110.172 49.7991 111.934 50.9816 113.875 51.787C115.817 52.5924 117.898 53.0047 120 53V150Z" fill="currentColor"></path><path class="text-slate-300" d="M75 102C88.2548 102 99 91.2548 99 78C99 64.7452 88.2548 54 75 54C61.7452 54 51 64.7452 51 78C51 91.2548 61.7452 102 75 102Z" fill="currentColor"></path><path class="text-white" d="M83.4853 89.3138L75 80.8286L66.5147 89.3138L63.6863 86.4854L72.1716 78.0001L63.6863 69.5148L66.5147 66.6864L75 75.1717L83.4853 66.6864L86.3137 69.5148L77.8284 78.0001L86.3137 86.4854L83.4853 89.3138Z" fill="currentColor"></path><path class="text-slate-200" d="M88 108H62C60.3431 108 59 109.343 59 111C59 112.657 60.3431 114 62 114H88C89.6569 114 91 112.657 91 111C91 109.343 89.6569 108 88 108Z" fill="currentColor"></path><path class="text-slate-200" d="M97 120H53C51.3431 120 50 121.343 50 123C50 124.657 51.3431 126 53 126H97C98.6569 126 100 124.657 100 123C100 121.343 98.6569 120 97 120Z" fill="currentColor"></path>', 6), Ui = [
   Ri
 ];
-function qi(e, n) {
+function zi(e, n) {
   return _(), O("svg", Pi, Ui);
 }
-const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify-end text-right" }, Hi = { class: "btn btn-white bg-transparent p-2" }, Gi = ["disabled", "onClick"], Qi = {
+const qi = /* @__PURE__ */ Ee(Ni, [["render", zi]]), Ki = { class: "flex justify-end text-right" }, Hi = { class: "btn btn-white bg-transparent p-2" }, Gi = ["disabled", "onClick"], Qi = {
   key: 0,
   class: "flex items-center justify-center py-16"
 }, Wi = { class: "flex flex-col items-center justify-center" }, Yi = { class: "mt-3 text-center text-sm text-slate-600" }, Ji = {
@@ -6157,7 +6157,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
               }, {
                 default: W(() => [
                   Z(u.$slots, "default"),
-                  K(qo, {
+                  K(zo, {
                     visible: e.editButton || e.deleteButton || u.$slots.rowActions != null,
                     toggle: !1
                   }, {
@@ -6197,10 +6197,10 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
                   }, 8, ["visible"])
                 ]),
                 detail: W((re) => [
-                  Z(u.$slots, "detail", Ue(qe(re)))
+                  Z(u.$slots, "detail", Ue(ze(re)))
                 ]),
                 checkedHeader: W((re) => [
-                  Z(u.$slots, "checkedHeader", Ue(qe(re)))
+                  Z(u.$slots, "checkedHeader", Ue(ze(re)))
                 ]),
                 empty: W(() => [
                   ce ? (_(), O("div", Qi, [
@@ -6213,7 +6213,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
                     ])
                   ])) : fe ? (_(), O("div", Ji, [
                     x("div", Zi, [
-                      K(zi, { class: "w-32" }),
+                      K(qi, { class: "w-32" }),
                       x("p", Xi, X(u.$t("sui.nothing_found")), 1)
                     ])
                   ])) : ne("", !0)
@@ -6225,7 +6225,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
           }, 1024)
         ]),
         sidebarTop: W((B) => [
-          Z(u.$slots, "sidebarTop", Ue(qe(B)))
+          Z(u.$slots, "sidebarTop", Ue(ze(B)))
         ]),
         _: 2
       }, [
@@ -6277,8 +6277,8 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
   __name: "BaseDatePicker",
   props: {
     modelValue: {
-      required: !0,
-      type: [String, null, void 0]
+      default: void 0,
+      type: [String, null]
     },
     required: {
       default: !1,
@@ -6381,7 +6381,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
           type: "text",
           readonly: "",
           disabled: e.disabled,
-          class: q(["w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-gray-300", e.inputClass]),
+          class: z(["w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-gray-300", e.inputClass]),
           placeholder: b.$t("sui.click_or_select_date")
         }, null, 10, ru),
         e.modelValue && !e.disabled ? (_(), O("div", su, [
@@ -6487,7 +6487,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
             disabled: e.disabled,
             required: e.required,
             "data-cy": "year",
-            class: q(["w-full rounded", [
+            class: z(["w-full rounded", [
               {
                 "cursor-not-allowed bg-slate-100 text-slate-500": e.disabled
               },
@@ -6502,7 +6502,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
               value: w
             }, X(w), 9, fu))), 128))
           ], 42, cu), [
-            [zt, S(i).year]
+            [qt, S(i).year]
           ])
         ]),
         x("div", pu, [
@@ -6511,7 +6511,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
             disabled: e.disabled,
             required: e.required,
             "data-cy": "month",
-            class: q(["w-full rounded capitalize", [
+            class: z(["w-full rounded capitalize", [
               {
                 "cursor-not-allowed bg-slate-100 text-slate-500": e.disabled
               },
@@ -6526,7 +6526,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
               value: D + 1
             }, X(w), 9, vu))), 128))
           ], 42, hu), [
-            [zt, S(i).month]
+            [qt, S(i).month]
           ])
         ]),
         x("div", gu, [
@@ -6535,7 +6535,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
             disabled: S(b),
             required: e.required,
             "data-cy": "day",
-            class: q(["w-full rounded capitalize", [
+            class: z(["w-full rounded capitalize", [
               {
                 "cursor-not-allowed bg-slate-100 text-slate-500": S(b)
               },
@@ -6550,7 +6550,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
               value: w
             }, X(w), 9, wu))), 128))
           ], 42, yu), [
-            [zt, S(i).day]
+            [qt, S(i).day]
           ])
         ])
       ]),
@@ -6591,7 +6591,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
     }), jt(t, rt(r, 50)), (s, i) => (_(), O("div", {
       ref_key: "item",
       ref: t,
-      class: q({
+      class: z({
         "px-4 py-4": S(o),
         "grid grid-cols-3 gap-4 py-5 px-6": !S(o)
       })
@@ -6600,7 +6600,7 @@ const zi = /* @__PURE__ */ Ee(Ni, [["render", qi]]), Ki = { class: "flex justify
         Z(s.$slots, "left")
       ]),
       x("dd", {
-        class: q(["text-sm leading-tight text-slate-900", {
+        class: z(["text-sm leading-tight text-slate-900", {
           "mt-1.5": S(o),
           "col-span-2": !S(o)
         }])
@@ -6670,7 +6670,7 @@ function Tu(e, n, t, l, o, r) {
   return _(), O(be, null, [
     x("button", {
       type: "button",
-      class: q(e.buttonClass),
+      class: z(e.buttonClass),
       disabled: e.disabled,
       onDrop: n[0] || (n[0] = Pe((s) => {
         e.dragging = !1, e.handleDrop(s);
@@ -6695,7 +6695,7 @@ function Tu(e, n, t, l, o, r) {
     }, null, 40, Eu)
   ], 64);
 }
-const zo = /* @__PURE__ */ Ee(Iu, [["render", Tu]]), Lu = {}, Mu = {
+const qo = /* @__PURE__ */ Ee(Iu, [["render", Tu]]), Lu = {}, Mu = {
   class: "animate-spin",
   viewBox: "0 0 24 24"
 }, Ou = /* @__PURE__ */ x("path", {
@@ -6763,14 +6763,14 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
       default: W(() => [
         S(l) ? (_(), O("div", Fu, [
           x("div", {
-            class: q(["absolute h-full w-full", e.backdropClass])
+            class: z(["absolute h-full w-full", e.backdropClass])
           }, null, 2),
           e.size == "sm" ? (_(), ie(ju, {
             key: 0,
-            class: q(e.iconClass)
+            class: z(e.iconClass)
           }, null, 8, ["class"])) : e.size == "lg" ? (_(), ie(Ro, {
             key: 1,
-            class: q(e.iconClass)
+            class: z(e.iconClass)
           }, null, 8, ["class"])) : ne("", !0)
         ])) : ne("", !0)
       ]),
@@ -6873,7 +6873,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
       n("upload:success", y);
     }
     return (y, C) => (_(), O("div", Nu, [
-      K(zo, {
+      K(qo, {
         "button-class": e.buttonClass,
         disabled: S(s) || e.disabled,
         accept: e.accept,
@@ -6903,7 +6903,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
       }, 8, ["button-class", "disabled", "accept"])
     ]));
   }
-}), Pu = { class: "min-h-[42px] rounded border border-slate-300 p-1" }, Ru = { class: "-m-0.5 flex flex-wrap" }, Uu = ["onClick"], qu = { class: "grow p-0.5" }, zu = ["disabled", "value", "placeholder"], Ku = { class: "relative" }, Hu = { class: "absolute top-1 z-menu min-h-[110px] w-full overflow-hidden rounded border border-slate-300 bg-white shadow-md" }, Gu = { class: "flex items-center justify-center px-5 py-10 text-center text-slate-600" }, Qu = {
+}), Pu = { class: "min-h-[42px] rounded border border-slate-300 p-1" }, Ru = { class: "-m-0.5 flex flex-wrap" }, Uu = ["onClick"], zu = { class: "grow p-0.5" }, qu = ["disabled", "value", "placeholder"], Ku = { class: "relative" }, Hu = { class: "absolute top-1 z-menu min-h-[110px] w-full overflow-hidden rounded border border-slate-300 bg-white shadow-md" }, Gu = { class: "flex items-center justify-center px-5 py-10 text-center text-slate-600" }, Qu = {
   key: 1,
   class: "p-1"
 }, Wu = ["onClick", "onMousedown"], Yu = {
@@ -7101,13 +7101,13 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
             class: "p-0.5"
           }, [
             x("div", {
-              class: q(["flex items-stretch rounded border", [
+              class: z(["flex items-stretch rounded border", [
                 e.disabled ? "cursor-not-allowed opacity-60" : "",
                 c(de)
               ]])
             }, [
               x("div", {
-                class: q(["py-[5px] pl-3 text-sm", [e.disabled ? "pr-3" : "pr-1"]])
+                class: z(["py-[5px] pl-3 text-sm", [e.disabled ? "pr-3" : "pr-1"]])
               }, X(de.label), 3),
               e.disabled ? ne("", !0) : (_(), O("button", {
                 key: 0,
@@ -7118,19 +7118,19 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
               }, " \u2715 ", 40, Uu))
             ], 2)
           ]))), 128)),
-          x("div", qu, [
+          x("div", zu, [
             x("input", {
               ref: "input",
               disabled: e.disabled,
               value: S(s),
               type: "text",
               placeholder: H.$t("sui.select_an_item"),
-              class: q(["h-[32px] w-full min-w-[50px] border-none p-0 pl-1 shadow-none outline-none focus:border-none focus:shadow-none focus:outline-none focus:ring-0", e.inputClass]),
+              class: z(["h-[32px] w-full min-w-[50px] border-none p-0 pl-1 shadow-none outline-none focus:border-none focus:shadow-none focus:outline-none focus:ring-0", e.inputClass]),
               onFocus: F,
               onBlur: R,
               onInput: k,
               onKeydown: L
-            }, null, 42, zu)
+            }, null, 42, qu)
           ])
         ])
       ]),
@@ -7161,7 +7161,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
                     active: S(I) && S(I).value == de.value
                   }, () => [
                     x("div", {
-                      class: q(["rounded px-2 py-1 text-sm", u(de)])
+                      class: z(["rounded px-2 py-1 text-sm", u(de)])
                     }, X(de.label), 3)
                   ])
                 ], 40, Wu)
@@ -7285,7 +7285,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
       "onUpdate:modelValue": h[0] || (h[0] = (T) => D.$emit("update:modelValue", T))
     }, {
       option: W((T) => [
-        Z(D.$slots, "option", Ue(qe(T)))
+        Z(D.$slots, "option", Ue(ze(T)))
       ]),
       footer: W((T) => [
         Z(D.$slots, "footer", lt(T, { keywords: S(i) }))
@@ -7371,13 +7371,13 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
       "onUpdate:modelValue": o
     }, {
       option: W((i) => [
-        Z(r.$slots, "option", Ue(qe(i)))
+        Z(r.$slots, "option", Ue(ze(i)))
       ]),
       empty: W((i) => [
-        Z(r.$slots, "empty", Ue(qe(i)))
+        Z(r.$slots, "empty", Ue(ze(i)))
       ]),
       footer: W((i) => [
-        Z(r.$slots, "footer", Ue(qe(i)))
+        Z(r.$slots, "footer", Ue(ze(i)))
       ]),
       _: 3
     }, 8, ["model-value", "url", "disabled", "placeholder", "required", "value-key", "label-key", "input-class", "query-key", "max"]));
@@ -7473,7 +7473,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
 };
 function rc(e, n, t, l, o, r) {
   return _(), O("label", {
-    class: q(e.classes)
+    class: z(e.classes)
   }, [
     He(X(e.label), 1),
     e.required ? (_(), O("span", lc, " *")) : ne("", !0)
@@ -7506,7 +7506,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
     return (s, i) => (_(), ie(Ot(S(r) ? "a" : "div"), {
       href: S(r),
       target: "_blank",
-      class: q(["relative flex items-center justify-center overflow-hidden", [S(r) ? "duration-100 hover:bg-slate-100" : "bg-white"]])
+      class: z(["relative flex items-center justify-center overflow-hidden", [S(r) ? "duration-100 hover:bg-slate-100" : "bg-white"]])
     }, {
       default: W(() => [
         S(l) == "image" && S(r) ? (_(), O("img", {
@@ -7729,13 +7729,13 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
               max: e.max
             }), () => [
               x("div", {
-                class: q(["rounded border border-dashed p-6 duration-150", [
+                class: z(["rounded border border-dashed p-6 duration-150", [
                   R.dragging ? "bg-blue-100" : "bg-slate-100",
                   R.disabled ? "cursor-not-allowed border-slate-300" : "border-slate-400 hover:bg-slate-50"
                 ]])
               }, [
                 x("div", {
-                  class: q([R.disabled ? "opacity-30" : ""])
+                  class: z([R.disabled ? "opacity-30" : ""])
                 }, [
                   K(F, {
                     icon: "heroicons:arrow-up-on-square",
@@ -7844,7 +7844,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
                 "scroll-lock-target": ""
               }, [
                 x("div", {
-                  class: q(["flex min-h-full w-full items-end justify-center overflow-hidden pt-20 sm:px-6 sm:pb-6 sm:pt-20", {
+                  class: z(["flex min-h-full w-full items-end justify-center overflow-hidden pt-20 sm:px-6 sm:pb-6 sm:pt-20", {
                     "sm:items-center": e.verticalAlign == "center",
                     "sm:items-start": e.verticalAlign == "top"
                   }])
@@ -7862,7 +7862,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
                       default: W(() => [
                         e.modelValue ? (_(), O("div", {
                           key: 0,
-                          class: q([e.backdropClass, "fixed inset-0 transition-opacity"]),
+                          class: z([e.backdropClass, "fixed inset-0 transition-opacity"]),
                           onClick: s[0] || (s[0] = (p) => e.closeOnOutsideClick ? S(o).close() : S(o).refuseAnimation())
                         }, null, 2)) : ne("", !0)
                       ]),
@@ -7880,7 +7880,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
                       default: W(() => [
                         e.modelValue ? (_(), O("div", {
                           key: 0,
-                          class: q(["pb-safe relative z-[1] mx-auto block w-full rounded-t-xl bg-white sm:max-w-lg sm:rounded-xl sm:shadow-xl", [S(o).animationClasses.value]])
+                          class: z(["pb-safe relative z-[1] mx-auto block w-full rounded-t-xl bg-white sm:max-w-lg sm:rounded-xl sm:shadow-xl", [S(o).animationClasses.value]])
                         }, [
                           Z(r.$slots, "default", {
                             close: S(o).close
@@ -8005,13 +8005,13 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
       return n.active ? i += " text-white" : i += " text-slate-300", i;
     });
     return (i, p) => (_(), O("div", {
-      class: q(S(r))
+      class: z(S(r))
     }, [
       x("div", Oc, [
         e.icon ? (_(), ie(S(Le), {
           key: 0,
           icon: e.icon,
-          class: q(S(s))
+          class: z(S(s))
         }, null, 8, ["icon", "class"])) : ne("", !0),
         He(" " + X(e.label), 1)
       ]),
@@ -8112,21 +8112,21 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
 }), Pc = { class: "px-4 md:col-span-1 md:px-0" }, Rc = { class: "text-lg font-medium leading-tight text-slate-900" }, Uc = {
   key: 0,
   class: "mt-2 text-sm leading-tight text-slate-500"
-}, qc = { class: "mt-5 md:col-span-2 md:mt-0" };
-function zc(e, n, t, l, o, r) {
+}, zc = { class: "mt-5 md:col-span-2 md:mt-0" };
+function qc(e, n, t, l, o, r) {
   return _(), O("div", {
-    class: q(["pb-8 md:grid md:grid-cols-3 md:gap-8", [e.bordered ? "mb-8 border-b border-slate-300" : ""]])
+    class: z(["pb-8 md:grid md:grid-cols-3 md:gap-8", [e.bordered ? "mb-8 border-b border-slate-300" : ""]])
   }, [
     x("div", Pc, [
       x("h3", Rc, X(e.title), 1),
       e.description ? (_(), O("p", Uc, X(e.description), 1)) : ne("", !0)
     ]),
-    x("div", qc, [
+    x("div", zc, [
       Z(e.$slots, "default")
     ])
   ], 2);
 }
-const Kc = /* @__PURE__ */ Ee(Nc, [["render", zc]]), Hc = Y({
+const Kc = /* @__PURE__ */ Ee(Nc, [["render", qc]]), Hc = Y({
   components: { BaseIcon: Le },
   props: {
     modelValue: {
@@ -8170,7 +8170,7 @@ const Kc = /* @__PURE__ */ Ee(Nc, [["render", zc]]), Hc = Y({
 function Yc(e, n, t, l, o, r) {
   const s = he("BaseIcon");
   return _(), O("div", {
-    class: q(["flex rounded border border-slate-300 bg-white", [e.disabled ? "cursor-not-allowed text-slate-300" : ""]])
+    class: z(["flex rounded border border-slate-300 bg-white", [e.disabled ? "cursor-not-allowed text-slate-300" : ""]])
   }, [
     x("input", {
       ref: "input",
@@ -8180,7 +8180,7 @@ function Yc(e, n, t, l, o, r) {
       disabled: e.disabled,
       placeholder: e.placeholder,
       required: e.required,
-      class: q(["grow rounded-l rounded-r-none border-none focus:ring-2 focus:ring-primary-500 disabled:cursor-not-allowed", e.inputClass]),
+      class: z(["grow rounded-l rounded-r-none border-none focus:ring-2 focus:ring-primary-500 disabled:cursor-not-allowed", e.inputClass]),
       onInput: n[0] || (n[0] = (...i) => e.onInput && e.onInput(...i))
     }, null, 42, Gc),
     x("div", Qc, [
@@ -8305,7 +8305,7 @@ const nd = /* @__PURE__ */ Ee(Zc, [["render", td], ["__scopeId", "data-v-b63fac0
   props: {
     modelValue: {
       default: void 0,
-      type: [String, Number, null, void 0]
+      type: [String, Number, null]
     },
     name: {
       default: void 0,
@@ -8363,7 +8363,7 @@ const nd = /* @__PURE__ */ Ee(Zc, [["render", td], ["__scopeId", "data-v-b63fac0
       name: e.name,
       disabled: e.disabled,
       required: e.required,
-      class: q(["rounded border border-slate-300 disabled:cursor-not-allowed disabled:text-slate-300 disabled:opacity-100", [!e.modelValue && e.required ? "text-slate-400" : ""]]),
+      class: z(["rounded border border-slate-300 disabled:cursor-not-allowed disabled:text-slate-300 disabled:opacity-100", [!e.modelValue && e.required ? "text-slate-400" : ""]]),
       onChange: w[0] || (w[0] = (D) => I(D))
     }, [
       e.required ? (_(), O("option", {
@@ -8422,14 +8422,14 @@ const pd = /* @__PURE__ */ Ee(ad, [["render", fd]]), hd = ["href", "disabled", "
           x("a", {
             href: e.disabled ? void 0 : s,
             disabled: e.disabled,
-            class: q(["group relative flex items-center px-3 py-1", [
+            class: z(["group relative flex items-center px-3 py-1", [
               (e.activeStrategy == "default" ? p : y) ? "font-semibold text-blue-600" : "text-slate-600 hover:text-slate-900",
               e.disabled ? "cursor-not-allowed opacity-60" : ""
             ]]),
             onClick: Pe((C) => t(i), ["prevent"])
           }, [
             x("div", {
-              class: q(["absolute left-0 top-0 h-full", [
+              class: z(["absolute left-0 top-0 h-full", [
                 (e.activeStrategy == "default" ? p : y) ? "w-[2px] bg-blue-600" : "group-hover:w-px group-hover:bg-slate-700"
               ]])
             }, null, 2),
@@ -8500,7 +8500,7 @@ function yd(e, n, t, l, o, r) {
       x("div", gd, [
         K(s, {
           "model-value": e.modelValue,
-          class: q([
+          class: z([
             e.modelValue ? e.bg : "bg-slate-200",
             "relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 ",
             e.focus
@@ -8546,7 +8546,7 @@ const bd = /* @__PURE__ */ Ee(vd, [["render", yd]]), wd = { class: "relative" },
   props: {
     to: {
       default: void 0,
-      type: [Object, String, void 0]
+      type: [Object, String]
     },
     action: {
       default: void 0,
@@ -8574,12 +8574,12 @@ const bd = /* @__PURE__ */ Ee(vd, [["render", yd]]), wd = { class: "relative" },
         (_(), ie(Ot(S(o)), {
           type: S(o) == "button" ? "button" : void 0,
           to: S(o) == "RouterLink" ? e.to : void 0,
-          class: q(["relative flex w-full items-center justify-center bg-white text-center font-medium", [S(r)]]),
+          class: z(["relative flex w-full items-center justify-center bg-white text-center font-medium", [S(r)]]),
           onClick: i[0] || (i[0] = (y) => S(o) == "button" && e.action ? e.action() : void 0)
         }, {
           default: W(() => [
             x("div", {
-              class: q(["py-4 text-sm leading-tight", [e.closable ? "pr-10 pl-3" : "px-3"]])
+              class: z(["py-4 text-sm leading-tight", [e.closable ? "pr-10 pl-3" : "px-3"]])
             }, [
               x("div", xd, [
                 Z(s.$slots, "default")
@@ -8638,14 +8638,14 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
           default: W(({ href: o, navigate: r, isActive: s, isExactActive: i }) => [
             x("a", {
               href: o,
-              class: q(["group relative inline-block rounded-t-lg px-2 py-3 font-medium", [
+              class: z(["group relative inline-block rounded-t-lg px-2 py-3 font-medium", [
                 (e.activeStrategy == "default" ? s : i) ? "text-blue-600" : "text-slate-600 hover:text-slate-900",
                 e.disabled ? "cursor-not-allowed opacity-60" : ""
               ]]),
               onClick: r
             }, [
               x("div", {
-                class: q(["absolute left-0 bottom-0 w-full", [
+                class: z(["absolute left-0 bottom-0 w-full", [
                   (e.activeStrategy == "default" ? s : i) ? "h-[2px] bg-blue-600" : "group-hover:h-px group-hover:bg-slate-700"
                 ]])
               }, null, 2),
@@ -8663,8 +8663,8 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
   __name: "BaseTextarea",
   props: {
     modelValue: {
-      required: !0,
-      type: [String, void 0]
+      default: void 0,
+      type: String
     },
     type: {
       type: String,
@@ -8775,7 +8775,7 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
         name: e.name,
         placeholder: e.placeholder,
         disabled: e.disabled,
-        class: q(["resize-none", l]),
+        class: z(["resize-none", l]),
         style: Re({ maxHeight: e.maxHeight + "px", gridArea: o }),
         rows: "1",
         onInput: p,
@@ -8784,7 +8784,7 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
         onFocus: b
       }, null, 44, jd),
       x("div", {
-        class: q(["invisible whitespace-pre-wrap", l]),
+        class: z(["invisible whitespace-pre-wrap", l]),
         style: Re({
           content: r,
           maxHeight: e.maxHeight + "px",
@@ -8820,7 +8820,7 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
   BaseDescriptionList: Cu,
   BaseDescriptionListItem: $u,
   BaseDialog: po,
-  BaseFilePicker: zo,
+  BaseFilePicker: qo,
   BaseFileUploader: Ho,
   BaseHasMany: ec,
   BaseIcon: Le,
@@ -8853,7 +8853,7 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
   BaseTagAutocomplete: Go,
   BaseTagAutocompleteFetch: Qo,
   BaseTable: Uo,
-  BaseTableColumn: qo,
+  BaseTableColumn: zo,
   BaseTextarea: Vd,
   BaseTextareaAutoresize: Fd
 }, Symbol.toStringTag, { value: "Module" })), Nd = {
@@ -9054,7 +9054,7 @@ export {
   Cu as BaseDescriptionList,
   $u as BaseDescriptionListItem,
   po as BaseDialog,
-  zo as BaseFilePicker,
+  qo as BaseFilePicker,
   Ho as BaseFileUploader,
   ec as BaseHasMany,
   Le as BaseIcon,
@@ -9084,7 +9084,7 @@ export {
   Sd as BaseSystemAlert,
   Od as BaseTabItem,
   Uo as BaseTable,
-  qo as BaseTableColumn,
+  zo as BaseTableColumn,
   Ed as BaseTabs,
   Go as BaseTagAutocomplete,
   Qo as BaseTagAutocompleteFetch,