sprintify-ui 0.0.55 → 0.0.56

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import kl from "axios";
-import { defineComponent as K, inject as be, resolveComponent as Se, openBlock as b, createBlock as ee, withCtx as H, createElementVNode as v, normalizeClass as R, withModifiers as He, renderSlot as Y, createElementBlock as L, createCommentVNode as Q, toDisplayString as W, h as Ee, unref as h, computed as A, ref as N, watch as Ae, Teleport as Pt, createVNode as z, Transition as Ge, TransitionGroup as Rr, Fragment as fe, renderList as ve, normalizeStyle as Pe, onMounted as ge, withDirectives as qe, vShow as lt, normalizeProps as Je, guardReactiveProps as Ze, mergeProps as at, resolveDynamicComponent as Vt, createTextVNode as We, onBeforeUnmount as cn, cloneVNode as Sl, provide as pe, watchEffect as Ue, nextTick as Re, onUnmounted as nt, reactive as $l, isRef as Mt, withKeys as En, vModelText as An, useSlots as Bl, createStaticVNode as Ur, getCurrentInstance as _l, pushScopeId as Cl, popScopeId as Il, createSlots as El, vModelSelect as kn, readonly as rn } from "vue";
+import { defineComponent as K, inject as be, resolveComponent as Se, openBlock as b, createBlock as ee, withCtx as H, createElementVNode as v, normalizeClass as R, withModifiers as He, renderSlot as Y, createElementBlock as L, createCommentVNode as Q, toDisplayString as W, h as Ee, unref as h, computed as A, ref as N, watch as Ae, Teleport as Pt, createVNode as z, Transition as Ge, TransitionGroup as Rr, Fragment as fe, renderList as ve, normalizeStyle as Pe, onMounted as ge, withDirectives as Re, vShow as lt, normalizeProps as Je, guardReactiveProps as Ze, mergeProps as at, resolveDynamicComponent as Vt, createTextVNode as We, onBeforeUnmount as cn, cloneVNode as Sl, provide as pe, watchEffect as Ue, nextTick as Ve, onUnmounted as nt, reactive as $l, isRef as Mt, withKeys as En, vModelText as An, useSlots as Bl, createStaticVNode as Ur, getCurrentInstance as _l, pushScopeId as Cl, popScopeId as Il, createSlots as El, vModelSelect as kn, readonly as rn } from "vue";
 import { useI18n as et, createI18n as Al } from "vue-i18n";
 import { defineStore as Zn } from "pinia";
 import br from "qs";
@@ -106,7 +106,7 @@ const Nl = ["active", "href", "aria-current", "onClick"], ql = ["href"], Xn = /*
       return this.color == "info" ? "text-blue-400" : this.color == "success" ? "text-green-500" : this.color == "warning" ? "text-yellow-500" : this.color == "danger" ? "text-red-500" : "text-white";
     }
   }
-}), Ve = (e, r) => {
+}), Ne = (e, r) => {
   const n = e.__vccOpts || e;
   for (const [l, o] of r)
     n[l] = o;
@@ -153,7 +153,7 @@ function zl(e, r, n, l, o, a) {
     ])
   ], 2);
 }
-const er = /* @__PURE__ */ Ve(Rl, [["render", zl]]), Tt = /^[a-z0-9]+(-[a-z0-9]+)*$/, mn = (e, r, n, l = "") => {
+const er = /* @__PURE__ */ Ne(Rl, [["render", zl]]), Tt = /^[a-z0-9]+(-[a-z0-9]+)*$/, mn = (e, r, n, l = "") => {
   const o = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (o.length < 2 || o.length > 3)
@@ -1586,7 +1586,7 @@ var Qa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }), o.d(l, "addLockableTarget", function() {
           return Ce;
         }), o.d(l, "addLockableSelector", function() {
-          return Ne;
+          return qe;
         }), o.d(l, "setFillGapMethod", function() {
           return le;
         }), o.d(l, "addFillGapTarget", function() {
@@ -1701,7 +1701,7 @@ var Qa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               });
             }), j() || k();
           }
-        }, Ne = function(_) {
+        }, qe = function(_) {
           if (_) {
             var Z = a(_);
             Z.map(function(oe) {
@@ -1917,7 +1917,7 @@ Available fill gap methods: `).concat(Z, "."));
           removeScrollableSelector: Be,
           addScrollableTarget: ue,
           removeScrollableTarget: se,
-          addLockableSelector: Ne,
+          addLockableSelector: qe,
           addLockableTarget: Ce,
           addFillGapSelector: je,
           removeFillGapSelector: V,
@@ -2389,7 +2389,7 @@ const us = { class: "relative" }, cs = { class: "relative" }, ds = ["value", "pl
         ])) : Q("", !0)
       ]),
       v("div", ps, [
-        qe(v("div", hs, [
+        Re(v("div", hs, [
           v("div", {
             ref_key: "dropdown",
             ref: y,
@@ -2968,7 +2968,7 @@ function Gs(e, r, n, l, o, a) {
     _: 3
   }, 512);
 }
-const Ws = /* @__PURE__ */ Ve(Us, [["render", Gs]]), Qs = ["type", "disabled", "onClick"], Ys = /* @__PURE__ */ K({
+const Ws = /* @__PURE__ */ Ne(Us, [["render", Gs]]), Qs = ["type", "disabled", "onClick"], Ys = /* @__PURE__ */ K({
   __name: "BaseButtonGroup",
   props: {
     modelValue: {
@@ -3138,7 +3138,7 @@ function Xs(e, r, n, l, o, a) {
     ], 2)
   ]);
 }
-const ir = /* @__PURE__ */ Ve(Js, [["render", Xs]]), ei = {
+const ir = /* @__PURE__ */ Ne(Js, [["render", Xs]]), ei = {
   key: 1,
   class: "text-red-600"
 }, ti = /* @__PURE__ */ K({
@@ -3235,7 +3235,7 @@ const ir = /* @__PURE__ */ Ve(Js, [["render", Xs]]), ei = {
           "leave-to-class": "transform scale-90 opacity-0"
         }, {
           default: H(() => [
-            qe(v("div", ni, [
+            Re(v("div", ni, [
               v("div", ri, [
                 h(l) ? (b(), L("div", oi, [
                   z(I, {
@@ -3292,7 +3292,7 @@ function ii(e, r, n, l, o, a) {
     Y(e.$slots, "default")
   ], 2);
 }
-const vo = /* @__PURE__ */ Ve(si, [["render", ii]]), Nt = /* @__PURE__ */ K({
+const vo = /* @__PURE__ */ Ne(si, [["render", ii]]), Nt = /* @__PURE__ */ K({
   __name: "BaseCounter",
   props: {
     count: {
@@ -3600,14 +3600,14 @@ Use "options.replacer" or "options.ignoreUnknown"
           return P;
         }
         function E(c, k, B, F) {
-          return w._charsWritten = Ne(function(P) {
+          return w._charsWritten = qe(function(P) {
             for (var G = [], ae = 0; ae < P.length; ae++)
               G.push(255 & P.charCodeAt(ae));
             return G;
           }(k), c, B, F);
         }
         function t(c, k, B, F) {
-          return w._charsWritten = Ne(function(P) {
+          return w._charsWritten = qe(function(P) {
             for (var G, ae, ye = [], $e = 0; $e < P.length; $e++)
               ae = P.charCodeAt($e), G = ae >> 8, ae = ae % 256, ye.push(ae), ye.push(G);
             return ye;
@@ -3756,14 +3756,14 @@ list should be an Array.`), c.length === 0)
               break;
             case "utf8":
             case "utf-8":
-              G = this, ae = k, ye = B, P = w._charsWritten = Ne(Be(c), G, ae, ye);
+              G = this, ae = k, ye = B, P = w._charsWritten = qe(Be(c), G, ae, ye);
               break;
             case "ascii":
             case "binary":
               P = E(this, c, k, B);
               break;
             case "base64":
-              G = this, ae = k, ye = B, P = w._charsWritten = Ne(Ce(c), G, ae, ye);
+              G = this, ae = k, ye = B, P = w._charsWritten = qe(Ce(c), G, ae, ye);
               break;
             case "ucs2":
             case "ucs-2":
@@ -3952,7 +3952,7 @@ list should be an Array.`), c.length === 0)
         function Ce(c) {
           return S.toByteArray(c);
         }
-        function Ne(c, k, B, F) {
+        function qe(c, k, B, F) {
           for (var P = 0; P < F && !(P + B >= k.length || P >= c.length); P++)
             k[P + B] = c[P];
           return P;
@@ -4385,7 +4385,7 @@ function dr(e, r = 0) {
 }
 function $o(e) {
   let r = pt(e);
-  Re(() => {
+  Ve(() => {
     r && !dr(r.activeElement, 0) && $t(e);
   });
 }
@@ -4801,7 +4801,7 @@ let Gt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ni = K({ name: "Dialog", inheri
     var $, u, m;
     return [...Array.from((u = ($ = T.value) == null ? void 0 : $.querySelectorAll("body > *, [data-headlessui-portal]")) != null ? u : []).filter((d) => !(!(d instanceof HTMLElement) || d.contains(we(I)) || x.panelRef.value && d.contains(x.panelRef.value))), (m = x.panelRef.value) != null ? m : g.value];
   }, ($, u) => {
-    x.close(), Re(() => u == null ? void 0 : u.focus());
+    x.close(), Ve(() => u == null ? void 0 : u.focus());
   }, A(() => S.value === 0 && !w.value)), Co((a = T.value) == null ? void 0 : a.defaultView, "keydown", ($) => {
     $.defaultPrevented || $.key === Le.Escape && S.value === 0 && (w.value || ($.preventDefault(), $.stopPropagation(), x.close()));
   }), Ue(($) => {
@@ -4934,13 +4934,13 @@ let Hi = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Le.Space:
       case Le.Enter:
       case Le.ArrowDown:
-        y.preventDefault(), y.stopPropagation(), o.openMenu(), Re(() => {
+        y.preventDefault(), y.stopPropagation(), o.openMenu(), Ve(() => {
           var g;
           (g = we(o.itemsRef)) == null || g.focus({ preventScroll: !0 }), o.goToItem(Ke.First);
         });
         break;
       case Le.ArrowUp:
-        y.preventDefault(), y.stopPropagation(), o.openMenu(), Re(() => {
+        y.preventDefault(), y.stopPropagation(), o.openMenu(), Ve(() => {
           var g;
           (g = we(o.itemsRef)) == null || g.focus({ preventScroll: !0 }), o.goToItem(Ke.Last);
         });
@@ -4955,7 +4955,7 @@ let Hi = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function p(y) {
-    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), Re(() => {
+    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), Ve(() => {
       var g;
       return (g = we(o.buttonRef)) == null ? void 0 : g.focus({ preventScroll: !0 });
     })) : (y.preventDefault(), o.openMenu(), zi(() => {
@@ -5000,13 +5000,13 @@ let Hi = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Le.PageDown:
         return g.preventDefault(), g.stopPropagation(), o.goToItem(Ke.Last);
       case Le.Escape:
-        g.preventDefault(), g.stopPropagation(), o.closeMenu(), Re(() => {
+        g.preventDefault(), g.stopPropagation(), o.closeMenu(), Ve(() => {
           var T;
           return (T = we(o.buttonRef)) == null ? void 0 : T.focus({ preventScroll: !0 });
         });
         break;
       case Le.Tab:
-        g.preventDefault(), g.stopPropagation(), o.closeMenu(), Re(() => xi(we(o.buttonRef), g.shiftKey ? wt.Previous : wt.Next));
+        g.preventDefault(), g.stopPropagation(), o.closeMenu(), Ve(() => xi(we(o.buttonRef), g.shiftKey ? wt.Previous : wt.Next));
         break;
       default:
         g.key.length === 1 && (o.search(g.key), s.value = setTimeout(() => o.clearSearch(), 350));
@@ -5035,7 +5035,7 @@ let Hi = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let M = (S = (T = we(s)) == null ? void 0 : T.textContent) == null ? void 0 : S.toLowerCase().trim();
     M !== void 0 && (p.value.textValue = M);
   }), ge(() => o.registerItem(a, p)), nt(() => o.unregisterItem(a)), Ue(() => {
-    o.menuState.value === 0 && (!i.value || o.activationTrigger.value !== 0 && Re(() => {
+    o.menuState.value === 0 && (!i.value || o.activationTrigger.value !== 0 && Ve(() => {
       var T, S;
       return (S = (T = we(s)) == null ? void 0 : T.scrollIntoView) == null ? void 0 : S.call(T, { block: "nearest" });
     }));
@@ -5515,7 +5515,7 @@ const au = { class: "flex items-center" }, su = {
       $.preventDefault(), E();
     }
     function E() {
-      U(l.value), Re(() => {
+      U(l.value), Ve(() => {
         l.value = null;
       });
     }
@@ -5526,7 +5526,7 @@ const au = { class: "flex items-center" }, su = {
       $.preventDefault(), D();
     }
     function D() {
-      U(o.value), x(o.value) || Re(() => {
+      U(o.value), x(o.value) || Ve(() => {
         o.value = n.modelValue;
       });
     }
@@ -5538,7 +5538,7 @@ const au = { class: "flex items-center" }, su = {
     }
     return ($, u) => {
       const m = Se("BaseIcon");
-      return qe((b(), L("nav", {
+      return Re((b(), L("nav", {
         ref_key: "paginationNode",
         ref: i,
         class: "flex items-start border-t border-slate-200"
@@ -5573,7 +5573,7 @@ const au = { class: "flex items-center" }, su = {
           ], 2),
           h(f) ? (b(), L("div", mu, [
             v("span", pu, W($.$t("sui.page")), 1),
-            qe(v("input", {
+            Re(v("input", {
               "onUpdate:modelValue": u[1] || (u[1] = (d) => Mt(o) ? o.value = d : null),
               type: "number",
               min: 1,
@@ -5603,7 +5603,7 @@ const au = { class: "flex items-center" }, su = {
         ]),
         h(f) ? Q("", !0) : (b(), L("div", bu, [
           v("span", wu, W($.$t("sui.go_to_page")), 1),
-          qe(v("input", {
+          Re(v("input", {
             "onUpdate:modelValue": u[4] || (u[4] = (d) => Mt(l) ? l.value = d : null),
             type: "number",
             min: 1,
@@ -5729,7 +5729,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
           "leave-active-class": "duration-200"
         }, {
           default: H(() => [
-            qe(v("div", null, [
+            Re(v("div", null, [
               v("div", {
                 ref_key: "allow",
                 ref: l,
@@ -5748,7 +5748,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
                       "leave-to-class": "opacity-0"
                     }, {
                       default: H(() => [
-                        qe(v("div", {
+                        Re(v("div", {
                           class: R([e.backdropClass, "fixed inset-0 transition-opacity"]),
                           onClick: p[0] || (p[0] = (y) => e.closeOnOutsideClick ? h(o).close() : h(o).refuseAnimation())
                         }, null, 2), [
@@ -5767,7 +5767,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
                       "leave-to-class": "translate-x-20 opacity-0"
                     }, {
                       default: H(() => [
-                        qe(v("div", {
+                        Re(v("div", {
                           style: Pe({
                             maxWidth: h(s)
                           }),
@@ -5878,7 +5878,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
     }), Ae(
       () => O.value,
       () => {
-        Re(() => {
+        Ve(() => {
           $();
         });
       }
@@ -5968,7 +5968,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
         per_page: ce.value.per_page,
         total: ce.value.total
       };
-    }), Ne = A(() => E.value.page && parseInt(E.value.page + "") ? parseInt(E.value.page + "") : 1), le = A(() => Ce.value.last_page), de = A(() => {
+    }), qe = A(() => E.value.page && parseInt(E.value.page + "") ? parseInt(E.value.page + "") : 1), le = A(() => Ce.value.last_page), de = A(() => {
       var F, P;
       return (P = (F = E.value.sort) == null ? void 0 : F.trim().replace(/^(-)/, "")) != null ? P : "";
     }), me = A(() => E.value.sort && E.value.sort.length && E.value.sort[0] == "-" ? "desc" : "asc"), je = A(() => {
@@ -6013,7 +6013,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
                       icon: "heroicons:magnifying-glass"
                     })
                   ]),
-                  qe(v("input", {
+                  Re(v("input", {
                     ref_key: "searchInput",
                     ref: a,
                     "onUpdate:modelValue": P[0] || (P[0] = (ae) => Mt(S) ? S.value = ae : null),
@@ -6074,7 +6074,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
               loading: h(g),
               error: h(I),
               firstLoad: h(y),
-              page: h(Ne),
+              page: h(qe),
               sortField: h(de),
               sortDirection: h(me),
               onSortChange: te,
@@ -6091,7 +6091,7 @@ const Iu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Eu = { class: "min
             ]),
             v("div", Vu, [
               z(Ro, {
-                "model-value": h(Ne),
+                "model-value": h(qe),
                 "last-page": h(le),
                 "onUpdate:modelValue": J
               }, null, 8, ["model-value", "last-page"])
@@ -6223,7 +6223,7 @@ const Wu = {
 function Ju(e, r, n, l, o, a) {
   return b(), L("svg", Wu, Yu);
 }
-const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f9"]]), Zu = (e) => (Cl("data-v-756da018"), e = e(), Il(), e), Xu = { class: "relative w-full overflow-hidden" }, ec = { class: "flex flex-col" }, tc = { class: "inline-block min-w-full align-middle" }, nc = { class: "relative min-h-[300px]" }, rc = { class: "min-w-full border-separate border-spacing-0" }, oc = {
+const Wo = /* @__PURE__ */ Ne(Gu, [["render", Ju], ["__scopeId", "data-v-945515f9"]]), Zu = (e) => (Cl("data-v-756da018"), e = e(), Il(), e), Xu = { class: "relative w-full overflow-hidden" }, ec = { class: "flex flex-col" }, tc = { class: "inline-block min-w-full align-middle" }, nc = { class: "relative min-h-[300px]" }, rc = { class: "min-w-full border-separate border-spacing-0" }, oc = {
   key: 0,
   class: "th"
 }, lc = {
@@ -6346,7 +6346,7 @@ const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f
         Be();
       }
     ), ge(() => {
-      Re(() => {
+      Ve(() => {
         Be();
       });
     });
@@ -6428,14 +6428,14 @@ const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f
     function Ce(V) {
       y.value.push(V);
       const c = I.value;
-      c && c.children && Re(() => {
+      c && c.children && Ve(() => {
         const k = y.value.map((F) => `[data-id="${F.newKey}"]`).join(","), B = Array.from(c.querySelectorAll(k)).map(
           (F) => F.getAttribute("data-id")
         );
         y.value = y.value.sort((F, P) => B.indexOf(`${F.newKey}`) - B.indexOf(`${P.newKey}`));
       });
     }
-    function Ne(V) {
+    function qe(V) {
       y.value = y.value.filter(
         (c) => c.newKey !== V.newKey
       );
@@ -6450,7 +6450,7 @@ const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f
     function je() {
       return g.value++;
     }
-    return pe("addColumn", Ce), pe("removeColumn", Ne), pe("nextSequence", je), r({
+    return pe("addColumn", Ce), pe("removeColumn", qe), pe("nextSequence", je), r({
       newColumns: E
     }), (V, c) => {
       const k = Se("BaseIcon");
@@ -6504,7 +6504,7 @@ const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f
                           }])
                         }, [
                           v("span", uc, W(B.label), 1),
-                          qe(v("span", null, [
+                          Re(v("span", null, [
                             z(k, {
                               icon: "mdi:chevron-down",
                               class: R(["h-5 w-5 duration-300", {
@@ -6700,7 +6700,7 @@ const Wo = /* @__PURE__ */ Ve(Gu, [["render", Ju], ["__scopeId", "data-v-945515f
     };
   }
 });
-const Qo = /* @__PURE__ */ Ve(Ic, [["__scopeId", "data-v-756da018"]]), Yo = K({
+const Qo = /* @__PURE__ */ Ne(Ic, [["__scopeId", "data-v-756da018"]]), Yo = K({
   name: "BaseTableColumn",
   props: {
     label: {
@@ -6847,7 +6847,7 @@ const Qo = /* @__PURE__ */ Ve(Ic, [["__scopeId", "data-v-756da018"]]), Yo = K({
 function Fc(e, r) {
   return b(), L("svg", Mc, jc);
 }
-const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify-end text-right" }, Vc = { class: "btn btn-white bg-transparent p-2" }, Nc = ["disabled", "onClick"], qc = {
+const Dc = /* @__PURE__ */ Ne(Lc, [["render", Fc]]), Pc = { class: "flex justify-end text-right" }, Vc = { class: "btn btn-white bg-transparent p-2" }, Nc = ["disabled", "onClick"], qc = {
   key: 0,
   class: "flex items-center justify-center py-16"
 }, Rc = { class: "flex flex-col items-center justify-center" }, Uc = { class: "mt-3 text-center text-sm text-slate-600" }, zc = {
@@ -7402,7 +7402,7 @@ const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify
     return (S, M) => (b(), L("div", null, [
       v("div", td, [
         v("div", nd, [
-          qe(v("select", {
+          Re(v("select", {
             "onUpdate:modelValue": M[0] || (M[0] = (w) => h(f).year = w),
             disabled: e.disabled,
             required: e.required,
@@ -7426,7 +7426,7 @@ const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify
           ])
         ]),
         v("div", ad, [
-          qe(v("select", {
+          Re(v("select", {
             "onUpdate:modelValue": M[2] || (M[2] = (w) => h(f).month = w),
             disabled: e.disabled,
             required: e.required,
@@ -7450,7 +7450,7 @@ const Dc = /* @__PURE__ */ Ve(Lc, [["render", Fc]]), Pc = { class: "flex justify
           ])
         ]),
         v("div", cd, [
-          qe(v("select", {
+          Re(v("select", {
             "onUpdate:modelValue": M[4] || (M[4] = (w) => h(f).day = w),
             disabled: h(T),
             required: e.required,
@@ -7535,7 +7535,7 @@ function Sd(e, r) {
     Y(e.$slots, "default")
   ]);
 }
-const $d = /* @__PURE__ */ Ve(xd, [["render", Sd]]), Bd = K({
+const $d = /* @__PURE__ */ Ne(xd, [["render", Sd]]), Bd = K({
   props: {
     required: {
       default: !1,
@@ -7562,7 +7562,7 @@ function Cd(e, r, n, l, o, a) {
     e.required ? (b(), L("span", _d, " *")) : Q("", !0)
   ], 2);
 }
-const Jo = /* @__PURE__ */ Ve(Bd, [["render", Cd]]), Id = ["data-name"], Zo = /* @__PURE__ */ K({
+const Jo = /* @__PURE__ */ Ne(Bd, [["render", Cd]]), Id = ["data-name"], Zo = /* @__PURE__ */ K({
   __name: "BaseField",
   props: {
     name: {
@@ -8059,7 +8059,7 @@ function Dd(e, r, n, l, o, a) {
     }, null, 40, Fd)
   ], 64);
 }
-const Xo = /* @__PURE__ */ Ve(Od, [["render", Dd]]), Pd = {}, Vd = {
+const Xo = /* @__PURE__ */ Ne(Od, [["render", Dd]]), Pd = {}, Vd = {
   class: "animate-spin",
   viewBox: "0 0 24 24"
 }, Nd = /* @__PURE__ */ v("path", {
@@ -8071,7 +8071,7 @@ const Xo = /* @__PURE__ */ Ve(Od, [["render", Dd]]), Pd = {}, Vd = {
 function Rd(e, r) {
   return b(), L("svg", Vd, qd);
 }
-const Ud = /* @__PURE__ */ Ve(Pd, [["render", Rd]]), zd = {
+const Ud = /* @__PURE__ */ Ne(Pd, [["render", Rd]]), zd = {
   key: 0,
   class: "absolute inset-0 flex h-full w-full items-center justify-center"
 }, el = /* @__PURE__ */ K({
@@ -8666,7 +8666,7 @@ const Jd = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
     }, se = () => {
       Be("");
     }, ce = () => {
-      Re(() => {
+      Ve(() => {
         I.value = Math.max(
           0,
           Math.min(I.value, O.value.length - 1)
@@ -8675,17 +8675,17 @@ const Jd = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
     }, Be = (le) => {
       p.value = le, r("typing", le);
     }, Ce = N(null);
-    function Ne() {
+    function qe() {
       var de, me;
       const le = (me = (de = Ce.value) == null ? void 0 : de.querySelectorAll("button, a")) != null ? me : [];
       D(le);
     }
     return ge(() => {
-      Ne();
+      qe();
     }), dn(
       Ce,
       () => {
-        Ne();
+        qe();
       },
       { attributes: !1, childList: !0 }
     ), (le, de) => (b(), L("div", null, [
@@ -8732,7 +8732,7 @@ const Jd = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
         ])
       ], 2),
       v("div", of, [
-        qe(v("div", lf, [
+        Re(v("div", lf, [
           v("div", {
             ref_key: "dropdown",
             ref: g,
@@ -9350,7 +9350,7 @@ const Jd = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
           "leave-active-class": "duration-200"
         }, {
           default: H(() => [
-            qe(v("div", null, [
+            Re(v("div", null, [
               v("div", {
                 ref_key: "allow",
                 ref: l,
@@ -9624,7 +9624,7 @@ function Gf(e, r, n, l, o, a) {
     ])
   ], 2);
 }
-const Wf = /* @__PURE__ */ Ve(Rf, [["render", Gf]]), Qf = ["value", "type", "name", "disabled", "placeholder", "required"], Yf = { class: "flex shrink-0 pl-3" }, Jf = ["disabled"], Zf = /* @__PURE__ */ K({
+const Wf = /* @__PURE__ */ Ne(Rf, [["render", Gf]]), Qf = ["value", "type", "name", "disabled", "placeholder", "required"], Yf = { class: "flex shrink-0 pl-3" }, Jf = ["disabled"], Zf = /* @__PURE__ */ K({
   __name: "BasePassword",
   props: {
     modelValue: {
@@ -9766,7 +9766,7 @@ function om(e, r, n, l, o, a) {
     }, W(Math.round(e.progress * 100)) + "% ", 13, rm)
   ], 8, em);
 }
-const lm = /* @__PURE__ */ Ve(Xf, [["render", om], ["__scopeId", "data-v-e5ae83e3"]]), am = { class: "space-y-3" }, sm = ["for"], im = ["id", "name", "checked", "required", "disabled", "value", "onInput"], um = { class: "text-sm" }, cm = /* @__PURE__ */ K({
+const lm = /* @__PURE__ */ Ne(Xf, [["render", om], ["__scopeId", "data-v-e5ae83e3"]]), am = { class: "space-y-3" }, sm = ["for"], im = ["id", "name", "checked", "required", "disabled", "value", "onInput"], um = { class: "text-sm" }, cm = /* @__PURE__ */ K({
   __name: "BaseRadioGroup",
   props: {
     modelValue: {
@@ -9872,7 +9872,7 @@ const lm = /* @__PURE__ */ Ve(Xf, [["render", om], ["__scopeId", "data-v-e5ae83e
       s(), dn(
         n.value,
         () => {
-          l.value = !1, Re(() => {
+          l.value = !1, Ve(() => {
             s();
           });
         },
@@ -9954,7 +9954,11 @@ const lm = /* @__PURE__ */ Ve(Xf, [["render", om], ["__scopeId", "data-v-e5ae83e
     }
     Ae(
       () => n.modelValue,
-      () => M()
+      () => {
+        Ve(() => {
+          M();
+        });
+      }
     ), ge(() => {
       M();
     });
@@ -10085,7 +10089,7 @@ function _m(e, r) {
     ])
   ]);
 }
-const Cm = /* @__PURE__ */ Ve(xm, [["render", _m]]), Im = ["href", "disabled", "onClick"], Em = /* @__PURE__ */ K({
+const Cm = /* @__PURE__ */ Ne(xm, [["render", _m]]), Im = ["href", "disabled", "onClick"], Em = /* @__PURE__ */ K({
   __name: "BaseSideNavigationItem",
   props: {
     to: {
@@ -10203,7 +10207,7 @@ function Fm(e, r, n, l, o, a) {
     ])
   ], 2);
 }
-const Dm = /* @__PURE__ */ Ve(Am, [["render", Fm]]), Pm = { class: "inline-flex items-center space-x-3" }, Vm = /* @__PURE__ */ K({
+const Dm = /* @__PURE__ */ Ne(Am, [["render", Fm]]), Pm = { class: "inline-flex items-center space-x-3" }, Vm = /* @__PURE__ */ K({
   __name: "BaseSwitch",
   props: {
     modelValue: {
@@ -10358,7 +10362,7 @@ function Wm(e, r) {
     ])
   ]);
 }
-const Qm = /* @__PURE__ */ Ve(Um, [["render", Wm]]), Ym = { role: "presentation" }, Jm = ["href", "onClick"], Zm = { class: "whitespace-nowrap" }, Xm = /* @__PURE__ */ K({
+const Qm = /* @__PURE__ */ Ne(Um, [["render", Wm]]), Ym = { role: "presentation" }, Jm = ["href", "onClick"], Zm = { class: "whitespace-nowrap" }, Xm = /* @__PURE__ */ K({
   __name: "BaseTabItem",
   props: {
     to: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseSelect.vue

@@ -127,7 +127,14 @@ function validModelValue(): boolean {
  */
 watch(
   () => props.modelValue,
-  () => validateAndFixModelVale()
+  () => {
+    // Let the select re-render before validating
+    // The validation depends on the select options,
+    // which needs to be rendered first
+    nextTick(() => {
+      validateAndFixModelVale();
+    });
+  }
 );
 
 /**