sprintify-ui 0.0.89 → 0.0.91

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import Sl from "axios";
-import { defineComponent as H, inject as ke, resolveComponent as _e, openBlock as b, createBlock as te, withCtx as U, createElementVNode as v, normalizeClass as N, withModifiers as Ge, renderSlot as Q, createElementBlock as T, createCommentVNode as K, toDisplayString as G, h as Ie, unref as h, computed as C, ref as D, watch as Ee, Teleport as Et, createVNode as R, Transition as Re, TransitionGroup as Hr, Fragment as he, renderList as we, normalizeStyle as De, onMounted as xe, onBeforeMount as $l, withDirectives as Ne, vShow as tt, normalizeProps as Ze, guardReactiveProps as Xe, mergeProps as st, resolveDynamicComponent as Nt, createTextVNode as Ue, onBeforeUnmount as qt, cloneVNode as Bl, provide as ye, watchEffect as He, nextTick as qe, onUnmounted as ot, reactive as Cl, isRef as jt, withKeys as An, vModelText as Tn, useSlots as _l, createStaticVNode as Kr, getCurrentInstance as Il, pushScopeId as El, popScopeId as Al, createSlots as Tl, vModelSelect as Sn, readonly as on } from "vue";
+import { defineComponent as H, inject as ke, resolveComponent as _e, openBlock as b, createBlock as te, withCtx as U, createElementVNode as v, normalizeClass as N, withModifiers as Ge, renderSlot as Q, createElementBlock as T, createCommentVNode as K, toDisplayString as G, h as Ee, unref as h, computed as C, ref as D, watch as Ae, Teleport as Et, createVNode as R, Transition as Re, TransitionGroup as Hr, Fragment as he, renderList as we, normalizeStyle as De, onMounted as xe, onBeforeMount as $l, withDirectives as Ne, vShow as tt, normalizeProps as Ze, guardReactiveProps as Xe, mergeProps as st, resolveDynamicComponent as Nt, createTextVNode as Ue, onBeforeUnmount as qt, cloneVNode as Bl, provide as ye, watchEffect as He, nextTick as qe, onUnmounted as ot, reactive as Cl, isRef as jt, withKeys as An, vModelText as Tn, useSlots as _l, createStaticVNode as Kr, getCurrentInstance as Il, pushScopeId as El, popScopeId as Al, createSlots as Tl, vModelSelect as Sn, readonly as on } from "vue";
 import { useI18n as nt, createI18n as Ll } from "vue-i18n";
 import { defineStore as Xn } from "pinia";
 import xr from "qs";
@@ -1212,7 +1212,7 @@ const Fr = (e, r) => {
       ...i
     }, Object.assign(l, f);
     let M = 0, w = r.id;
-    return typeof w == "string" && (w = w.replace(/-/g, "_")), l.innerHTML = ia(m.body, w ? () => w + "ID" + M++ : "iconifyVue"), Ie("svg", l);
+    return typeof w == "string" && (w = w.replace(/-/g, "_")), l.innerHTML = ia(m.body, w ? () => w + "ID" + M++ : "iconifyVue"), Ee("svg", l);
   }
   const { body: k, width: y, height: E } = e, L = o === "mask" || (o === "bg" ? !1 : k.indexOf("currentColor") !== -1), $ = Pa(k, {
     ...f,
@@ -1227,7 +1227,7 @@ const Fr = (e, r) => {
     ...za,
     ...L ? Vn : co,
     ...i
-  }, Ie("span", l);
+  }, Ee("span", l);
 };
 Xr(!0);
 ua("", ga);
@@ -1586,7 +1586,7 @@ var Ja = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         }), o.d(l, "addLockableTarget", function() {
           return me;
         }), o.d(l, "addLockableSelector", function() {
-          return Oe;
+          return Ie;
         }), o.d(l, "setFillGapMethod", function() {
           return oe;
         }), o.d(l, "addFillGapTarget", function() {
@@ -1701,7 +1701,7 @@ var Ja = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               });
             }), j() || x();
           }
-        }, Oe = function(B) {
+        }, Ie = function(B) {
           if (B) {
             var Z = a(B);
             Z.map(function(ae) {
@@ -1722,7 +1722,7 @@ Available fill gap methods: `).concat(Z, "."));
             var Z = a(B);
             Z.map(function(ae) {
               m(ae, function(ue) {
-                s(ue) ? (ue.setAttribute("data-scroll-lock-fill-gap", ""), d.scroll || Ae(ue)) : f('"'.concat(ue, '" is not a Element.'));
+                s(ue) ? (ue.setAttribute("data-scroll-lock-fill-gap", ""), d.scroll || Te(ue)) : f('"'.concat(ue, '" is not a Element.'));
               });
             });
           }
@@ -1748,7 +1748,7 @@ Available fill gap methods: `).concat(Z, "."));
             Z.map(function(ae) {
               d.fillGapSelectors = d.fillGapSelectors.filter(function(ue) {
                 return ue !== ae;
-              }), d.scroll || Me(ae);
+              }), d.scroll || Oe(ae);
             });
           }
         }, u = function() {
@@ -1782,14 +1782,14 @@ Available fill gap methods: `).concat(Z, "."));
           });
         }, pe = function() {
           d.fillGapSelectors.map(function(B) {
-            Me(B);
+            Oe(B);
           });
         }, je = function(B) {
           var Z = document.querySelectorAll(B), ae = d.lockableSelectors.indexOf(B) !== -1;
           m(Z, function(ue) {
-            Ae(ue, ae);
+            Te(ue, ae);
           });
-        }, Ae = function(B) {
+        }, Te = function(B) {
           var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
           if (s(B)) {
             var ae;
@@ -1813,7 +1813,7 @@ Available fill gap methods: `).concat(Z, "."));
               B.style.paddingRight = "".concat(ut + ae, "px");
             }
           }
-        }, Me = function(B) {
+        }, Oe = function(B) {
           var Z = document.querySelectorAll(B);
           m(Z, function(ae) {
             Ce(ae);
@@ -1917,7 +1917,7 @@ Available fill gap methods: `).concat(Z, "."));
           removeScrollableSelector: ce,
           addScrollableTarget: fe,
           removeScrollableTarget: ve,
-          addLockableSelector: Oe,
+          addLockableSelector: Ie,
           addLockableTarget: me,
           addFillGapSelector: Pe,
           removeFillGapSelector: ee,
@@ -1960,7 +1960,7 @@ const Za = {
         i.value[f.id] = "animate-shake";
       });
     }
-    return Ee(
+    return Ae(
       () => l.value.length,
       () => {
         l.value.length == 0 ? ur() : ir();
@@ -2276,25 +2276,27 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
       C(() => l.labelKey),
       C(() => l.valueKey),
       C(() => !1)
-    ), M = $.isSelected, w = $.normalizedOptions, I = $.normalizedModelValue, t = C(() => {
+    ), M = $.isSelected, w = $.normalizedOptions, I = $.normalizedModelValue, t = C(() => E.value === !1 ? w.value : w.value.filter((W) => l.filter !== void 0 ? l.filter(W) : W.label ? W.label.toLowerCase().includes(i.value.toLowerCase()) : !1)), O = C(() => {
       var W;
-      return (W = O.value[Math.min(m.value, O.value.length - 1)]) != null ? W : null;
+      return (W = t.value[Math.min(m.value, t.value.length - 1)]) != null ? W : null;
     });
-    Ee(
+    Ae(
       () => I.value,
       () => {
         var W;
-        l.modelValueShow !== !1 && (I.value ? (j((W = I.value) == null ? void 0 : W.label), m.value = O.value.findIndex(
-          (ce) => {
-            var me;
-            return ce.value === ((me = I.value) == null ? void 0 : me.value);
-          }
-        )) : (m.value = 0, j("")));
+        if (I.value) {
+          const ce = t.value.findIndex(
+            (me) => {
+              var Ie;
+              return me.value === ((Ie = I.value) == null ? void 0 : Ie.value);
+            }
+          );
+          ce >= 0 && (m.value = ce), l.modelValueShow && j((W = I.value) == null ? void 0 : W.label);
+        } else
+          m.value = 0, l.modelValueShow && j("");
       },
       { immediate: !0 }
-    );
-    const O = C(() => E.value === !1 ? w.value : w.value.filter((W) => l.filter !== void 0 ? l.filter(W) : W.label ? W.label.toLowerCase().includes(i.value.toLowerCase()) : !1));
-    xe(() => {
+    ), xe(() => {
       window.addEventListener("mousedown", F);
     }), $l(() => {
       window.removeEventListener("mousedown", F);
@@ -2322,18 +2324,18 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
       const ce = W.key;
       if (!l.loading) {
         if (ce === "ArrowDown") {
-          W.preventDefault(), m.value < O.value.length - 1 ? m.value++ : m.value = 0;
+          W.preventDefault(), m.value < t.value.length - 1 ? m.value++ : m.value = 0;
           return;
         }
         if (ce === "ArrowUp") {
           W.preventDefault(), m.value > 0 ? m.value-- : m.value = Math.max(
             0,
-            O.value.length - 1
+            t.value.length - 1
           );
           return;
         }
         if (ce === "Enter") {
-          W.preventDefault(), t.value && c(t.value);
+          W.preventDefault(), O.value && c(O.value);
           return;
         }
       }
@@ -2346,8 +2348,8 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
     function _(W) {
       const ce = W ? W.option : null;
       if (ce) {
-        const me = O.value.findIndex(
-          (Oe) => Oe.value == ce.value
+        const me = t.value.findIndex(
+          (Ie) => Ie.value == ce.value
         );
         m.value = me;
       }
@@ -2364,7 +2366,7 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
       var W;
       (W = k.value) == null || W.blur();
     }
-    const ne = (W) => t.value && t.value.value == W.value ? "bg-slate-200" : "bg-white", Y = C(() => l.size == "xs" ? "text-xs" : (l.size == "sm", "text-sm")), se = C(() => l.size == "xs" ? "xs:text-xs xs:pl-7 text-base pl-9" : l.size == "sm" ? "xs:text-sm xs:pl-8 text-base pl-9" : "text-base pl-9"), fe = C(() => l.size == "xs" ? "xs:h-4 xs:w-4 h-5 w-5" : l.size == "sm" ? "xs:h-5 xs:w-5 h-5 w-5" : "h-5 w-5"), ve = C(() => l.size == "xs" || l.size == "sm" ? "xs:pl-2 pl-2.5" : "pl-2.5");
+    const ne = (W) => O.value && O.value.value == W.value ? "bg-slate-200" : "bg-white", Y = C(() => l.size == "xs" ? "text-xs" : (l.size == "sm", "text-sm")), se = C(() => l.size == "xs" ? "xs:text-xs xs:pl-7 text-base pl-9" : l.size == "sm" ? "xs:text-sm xs:pl-8 text-base pl-9" : "text-base pl-9"), fe = C(() => l.size == "xs" ? "xs:h-4 xs:w-4 h-5 w-5" : l.size == "sm" ? "xs:h-5 xs:w-5 h-5 w-5" : "h-5 w-5"), ve = C(() => l.size == "xs" || l.size == "sm" ? "xs:pl-2 pl-2.5" : "pl-2.5");
     return xe(() => {
       Qr(
         y.value,
@@ -2437,13 +2439,13 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
             ref: y,
             class: "max-h-[214px] min-h-[75px] w-full overflow-y-auto"
           }, [
-            h(O).length == 0 ? Q(W.$slots, "empty", { key: 0 }, () => [
+            h(t).length == 0 ? Q(W.$slots, "empty", { key: 0 }, () => [
               v("div", vs, G(W.$t("sui.nothing_found")), 1)
             ]) : (b(), T("ul", {
               key: 1,
               class: N([e.inline ? "p-0 pt-1" : "p-1"])
             }, [
-              (b(!0), T(he, null, we(h(O), (me, Oe) => (b(), T("li", {
+              (b(!0), T(he, null, we(h(t), (me, Ie) => (b(), T("li", {
                 key: me.value,
                 class: "block"
               }, [
@@ -2452,12 +2454,12 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
                   type: "button",
                   tabindex: "-1",
                   onClick: (oe) => c(me),
-                  onMouseenter: (oe) => m.value = Oe
+                  onMouseenter: (oe) => m.value = Ie
                 }, [
                   Q(W.$slots, "option", {
                     option: me.option,
                     selected: h(M)(me),
-                    active: h(t) && h(t).value == me.value
+                    active: h(O) && h(O).value == me.value
                   }, () => [
                     v("div", {
                       class: N(["flex items-center rounded px-2 py-1 text-sm", [ne(me), h(Y)]])
@@ -2479,7 +2481,7 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
           v("div", null, [
             W.$slots.footer ? (b(), T("div", ws, [
               Q(W.$slots, "footer", {
-                options: h(O),
+                options: h(t),
                 keywords: h(i)
               })
             ])) : K("", !0)
@@ -2887,13 +2889,13 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = $e.http, o = D(n.currentModel);
-    Ee(
+    Ae(
       () => n.currentModel,
       (s, i) => {
         o.value = s;
       },
       { deep: !0 }
-    ), Ee(
+    ), Ae(
       () => n.modelValue,
       (s, i) => {
         if (s != i && n.showRouteUrl != null) {
@@ -3714,14 +3716,14 @@ Use "options.replacer" or "options.ignoreUnknown"
           return q;
         }
         function I(u, x, A, V) {
-          return w._charsWritten = Oe(function(q) {
+          return w._charsWritten = Ie(function(q) {
             for (var P = [], X = 0; X < q.length; X++)
               P.push(255 & q.charCodeAt(X));
             return P;
           }(x), u, A, V);
         }
         function t(u, x, A, V) {
-          return w._charsWritten = Oe(function(q) {
+          return w._charsWritten = Ie(function(q) {
             for (var P, X, ie = [], pe = 0; pe < q.length; pe++)
               X = q.charCodeAt(pe), P = X >> 8, X = X % 256, ie.push(X), ie.push(P);
             return ie;
@@ -3857,27 +3859,27 @@ list should be an Array.`), u.length === 0)
           var q, P, X, ie, pe = this.length - x;
           switch ((!A || pe < (A = Number(A))) && (A = pe), V = String(V || "utf8").toLowerCase()) {
             case "hex":
-              q = function(je, Ae, Me, Ce) {
-                Me = Number(Me) || 0;
-                var Be = je.length - Me;
-                (!Ce || Be < (Ce = Number(Ce))) && (Ce = Be), ee((Be = Ae.length) % 2 == 0, "Invalid hex string"), Be / 2 < Ce && (Ce = Be / 2);
+              q = function(je, Te, Oe, Ce) {
+                Oe = Number(Oe) || 0;
+                var Be = je.length - Oe;
+                (!Ce || Be < (Ce = Number(Ce))) && (Ce = Be), ee((Be = Te.length) % 2 == 0, "Invalid hex string"), Be / 2 < Ce && (Ce = Be / 2);
                 for (var Je = 0; Je < Ce; Je++) {
-                  var kt = parseInt(Ae.substr(2 * Je, 2), 16);
-                  ee(!isNaN(kt), "Invalid hex string"), je[Me + Je] = kt;
+                  var kt = parseInt(Te.substr(2 * Je, 2), 16);
+                  ee(!isNaN(kt), "Invalid hex string"), je[Oe + Je] = kt;
                 }
                 return w._charsWritten = 2 * Je, Je;
               }(this, u, x, A);
               break;
             case "utf8":
             case "utf-8":
-              P = this, X = x, ie = A, q = w._charsWritten = Oe(ce(u), P, X, ie);
+              P = this, X = x, ie = A, q = w._charsWritten = Ie(ce(u), P, X, ie);
               break;
             case "ascii":
             case "binary":
               q = I(this, u, x, A);
               break;
             case "base64":
-              P = this, X = x, ie = A, q = w._charsWritten = Oe(me(u), P, X, ie);
+              P = this, X = x, ie = A, q = w._charsWritten = Ie(me(u), P, X, ie);
               break;
             case "ucs2":
             case "ucs-2":
@@ -3895,22 +3897,22 @@ list should be an Array.`), u.length === 0)
             return "";
           switch (u) {
             case "hex":
-              V = function(pe, je, Ae) {
-                var Me = pe.length;
-                (!je || je < 0) && (je = 0), (!Ae || Ae < 0 || Me < Ae) && (Ae = Me);
-                for (var Ce = "", Be = je; Be < Ae; Be++)
+              V = function(pe, je, Te) {
+                var Oe = pe.length;
+                (!je || je < 0) && (je = 0), (!Te || Te < 0 || Oe < Te) && (Te = Oe);
+                for (var Ce = "", Be = je; Be < Te; Be++)
                   Ce += W(pe[Be]);
                 return Ce;
               }(ie, x, A);
               break;
             case "utf8":
             case "utf-8":
-              V = function(pe, je, Ae) {
-                var Me = "", Ce = "";
-                Ae = Math.min(pe.length, Ae);
-                for (var Be = je; Be < Ae; Be++)
-                  pe[Be] <= 127 ? (Me += oe(Ce) + String.fromCharCode(pe[Be]), Ce = "") : Ce += "%" + pe[Be].toString(16);
-                return Me + oe(Ce);
+              V = function(pe, je, Te) {
+                var Oe = "", Ce = "";
+                Te = Math.min(pe.length, Te);
+                for (var Be = je; Be < Te; Be++)
+                  pe[Be] <= 127 ? (Oe += oe(Ce) + String.fromCharCode(pe[Be]), Ce = "") : Ce += "%" + pe[Be].toString(16);
+                return Oe + oe(Ce);
               }(ie, x, A);
               break;
             case "ascii":
@@ -3924,9 +3926,9 @@ list should be an Array.`), u.length === 0)
             case "ucs-2":
             case "utf16le":
             case "utf-16le":
-              V = function(pe, je, Ae) {
-                for (var Me = pe.slice(je, Ae), Ce = "", Be = 0; Be < Me.length; Be += 2)
-                  Ce += String.fromCharCode(Me[Be] + 256 * Me[Be + 1]);
+              V = function(pe, je, Te) {
+                for (var Oe = pe.slice(je, Te), Ce = "", Be = 0; Be < Oe.length; Be += 2)
+                  Ce += String.fromCharCode(Oe[Be] + 256 * Oe[Be + 1]);
                 return Ce;
               }(ie, x, A);
               break;
@@ -4066,7 +4068,7 @@ list should be an Array.`), u.length === 0)
         function me(u) {
           return $.toByteArray(u);
         }
-        function Oe(u, x, A, V) {
+        function Ie(u, x, A, V) {
           for (var q = 0; q < V && !(q + A >= x.length || q >= u.length); q++)
             x[q + A] = u[q];
           return q;
@@ -4302,7 +4304,7 @@ function Qe(e, r, ...n) {
   throw Error.captureStackTrace && Error.captureStackTrace(l, Qe), l;
 }
 var It = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(It || {}), mt = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(mt || {});
-function Le({ visible: e = !0, features: r = 0, ourProps: n, theirProps: l, ...o }) {
+function Me({ visible: e = !0, features: r = 0, ourProps: n, theirProps: l, ...o }) {
   var a;
   let s = ci(l, n), i = Object.assign(o, { props: s });
   if (e || r & 2 && s.static)
@@ -4338,7 +4340,7 @@ function _n({ props: e, attrs: r, slots: n, slot: l, name: o }) {
     }
     return Array.isArray(m) && m.length === 1 ? m[0] : m;
   }
-  return Ie(s, Object.assign({}, i, f), { default: () => m });
+  return Ee(s, Object.assign({}, i, f), { default: () => m });
 }
 function bo(e) {
   return e.flatMap((r) => r.type === he ? bo(r.children) : [r]);
@@ -4387,7 +4389,7 @@ function pi() {
 function Ye() {
   return pi();
 }
-var Te = ((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))(Te || {});
+var Le = ((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))(Le || {});
 function hi(e) {
   throw new Error("Unexpected object: " + e);
 }
@@ -4596,7 +4598,7 @@ var Vt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.
 let cn = H({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: r, attrs: n }) {
   return () => {
     let { features: l, ...o } = e, a = { "aria-hidden": (l & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
-    return Le({ ourProps: a, theirProps: o, slot: {}, attrs: n, slots: r, name: "Hidden" });
+    return Me({ ourProps: a, theirProps: o, slot: {}, attrs: n, slots: r, name: "Hidden" });
   };
 } });
 function Si(e) {
@@ -4653,7 +4655,7 @@ let Mt = Object.assign(H({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }
   return () => {
     let f = {}, k = { ref: o }, { features: y, initialFocus: E, containers: L, ...$ } = e;
-    return Ie(he, [Boolean(y & 4) && Ie(cn, { as: "button", type: "button", onFocus: m, features: Vt.Focusable }), Le({ ourProps: k, theirProps: { ...r, ...$ }, slot: f, attrs: r, slots: n, name: "FocusTrap" }), Boolean(y & 4) && Ie(cn, { as: "button", type: "button", onFocus: m, features: Vt.Focusable })]);
+    return Ee(he, [Boolean(y & 4) && Ee(cn, { as: "button", type: "button", onFocus: m, features: Vt.Focusable }), Me({ ourProps: k, theirProps: { ...r, ...$ }, slot: f, attrs: r, slots: n, name: "FocusTrap" }), Boolean(y & 4) && Ee(cn, { as: "button", type: "button", onFocus: m, features: Vt.Focusable })]);
   };
 } }), { features: Eo });
 function Ii({ ownerDocument: e }, r) {
@@ -4666,7 +4668,7 @@ function Ii({ ownerDocument: e }, r) {
     !n.value || (Bt(n.value), n.value = null);
   }
   xe(() => {
-    Ee(r, (a, s) => {
+    Ae(r, (a, s) => {
       a !== s && (a ? l() : o());
     }, { immediate: !0 });
   }), ot(o);
@@ -4674,7 +4676,7 @@ function Ii({ ownerDocument: e }, r) {
 function Ei({ ownerDocument: e, container: r, initialFocus: n }, l) {
   let o = D(null), a = D(!1);
   return xe(() => a.value = !0), ot(() => a.value = !1), xe(() => {
-    Ee([r, n, l], (s, i) => {
+    Ae([r, n, l], (s, i) => {
       if (s.every((f, k) => (i == null ? void 0 : i[k]) === f) || !l.value)
         return;
       let m = Se(r);
@@ -4766,7 +4768,7 @@ function Mi() {
 let Rn = H({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: r, attrs: n }) {
   return ye(Ao, e.force), () => {
     let { force: l, ...o } = e;
-    return Le({ theirProps: o, ourProps: {}, slot: {}, slots: r, attrs: n, name: "ForcePortalRoot" });
+    return Me({ theirProps: o, ourProps: {}, slot: {}, slots: r, attrs: n, name: "ForcePortalRoot" });
   };
 } });
 function Oi(e) {
@@ -4794,7 +4796,7 @@ let To = H({ name: "Portal", props: { as: { type: [Object, String], default: "di
     if (i.value === null)
       return null;
     let m = { ref: l, "data-headlessui-portal": "" };
-    return Ie(Et, { to: i.value }, Le({ ourProps: m, theirProps: e, slot: {}, attrs: n, slots: r, name: "Portal" }));
+    return Ee(Et, { to: i.value }, Me({ ourProps: m, theirProps: e, slot: {}, attrs: n, slots: r, name: "Portal" }));
   };
 } }), Lo = Symbol("PortalGroupContext"), ji = H({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: r, slots: n }) {
   let l = Cl({ resolveTarget() {
@@ -4802,7 +4804,7 @@ let To = H({ name: "Portal", props: { as: { type: [Object, String], default: "di
   } });
   return ye(Lo, l), () => {
     let { target: o, ...a } = e;
-    return Le({ theirProps: a, ourProps: {}, slot: {}, attrs: r, slots: n, name: "PortalGroup" });
+    return Me({ theirProps: a, ourProps: {}, slot: {}, attrs: r, slots: n, name: "PortalGroup" });
   };
 } }), Mo = Symbol("StackContext");
 var Un = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Un || {});
@@ -4816,7 +4818,7 @@ function Di({ type: e, enabled: r, element: n, onUpdate: l }) {
     l == null || l(...s), o(...s);
   }
   xe(() => {
-    Ee(r, (s, i) => {
+    Ae(r, (s, i) => {
       s ? a(0, e, n) : i === !0 && a(1, e, n);
     }, { immediate: !0, flush: "sync" });
   }), ot(() => {
@@ -4844,7 +4846,7 @@ let Ch = H({ name: "Description", props: { as: { type: [Object, String], default
   let l = Pi(), o = `headlessui-description-${Ye()}`;
   return xe(() => ot(l.register(o))), () => {
     let { name: a = "Description", slot: s = D({}), props: i = {} } = l, m = e, f = { ...Object.entries(i).reduce((k, [y, E]) => Object.assign(k, { [y]: h(E) }), {}), id: o };
-    return Le({ ourProps: f, theirProps: m, slot: s.value, attrs: r, slots: n, name: a });
+    return Me({ ourProps: f, theirProps: m, slot: s.value, attrs: r, slots: n, name: a });
   };
 } });
 function pr() {
@@ -4917,7 +4919,7 @@ let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", qi = H({ name: "Dialog", inheri
   }, (S, p) => {
     g.close(), qe(() => p == null ? void 0 : p.focus());
   }, C(() => $.value === 0 && !w.value)), Io((a = L.value) == null ? void 0 : a.defaultView, "keydown", (S) => {
-    S.defaultPrevented || S.key === Te.Escape && $.value === 0 && (w.value || (S.preventDefault(), S.stopPropagation(), g.close()));
+    S.defaultPrevented || S.key === Le.Escape && $.value === 0 && (w.value || (S.preventDefault(), S.stopPropagation(), g.close()));
   }), He((S) => {
     var p;
     if ($.value !== 0 || I)
@@ -4955,7 +4957,7 @@ let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", qi = H({ name: "Dialog", inheri
     d.observe(p), S(() => d.disconnect());
   }), () => {
     let S = { ...n, ref: y, id: F, role: "dialog", "aria-modal": $.value === 0 ? !0 : void 0, "aria-labelledby": z.value, "aria-describedby": O.value }, { open: p, initialFocus: d, ...c } = e, _ = { open: $.value === 0 };
-    return Ie(Rn, { force: !0 }, () => [Ie(To, () => Ie(ji, { target: y.value }, () => Ie(Rn, { force: !1 }, () => Ie(Mt, { initialFocus: d, containers: k, features: M.value ? Qe(t.value, { parent: Mt.features.RestoreFocus, leaf: Mt.features.All & ~Mt.features.FocusLock }) : Mt.features.None }, () => Le({ ourProps: S, theirProps: c, slot: _, attrs: n, slots: l, visible: $.value === 0, features: It.RenderStrategy | It.Static, name: "Dialog" }))))), Ie(cn, { features: Vt.Hidden, ref: E })]);
+    return Ee(Rn, { force: !0 }, () => [Ee(To, () => Ee(ji, { target: y.value }, () => Ee(Rn, { force: !1 }, () => Ee(Mt, { initialFocus: d, containers: k, features: M.value ? Qe(t.value, { parent: Mt.features.RestoreFocus, leaf: Mt.features.All & ~Mt.features.FocusLock }) : Mt.features.None }, () => Me({ ourProps: S, theirProps: c, slot: _, attrs: n, slots: l, visible: $.value === 0, features: It.RenderStrategy | It.Static, name: "Dialog" }))))), Ee(cn, { features: Vt.Hidden, ref: E })]);
   };
 } });
 H({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: r, slots: n }) {
@@ -4963,7 +4965,7 @@ H({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
   function a(s) {
     s.target === s.currentTarget && (s.preventDefault(), s.stopPropagation(), l.close());
   }
-  return () => Le({ ourProps: { id: o, "aria-hidden": !0, onClick: a }, theirProps: e, slot: { open: l.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogOverlay" });
+  return () => Me({ ourProps: { id: o, "aria-hidden": !0, onClick: a }, theirProps: e, slot: { open: l.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogOverlay" });
 } });
 H({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" } }, inheritAttrs: !1, setup(e, { attrs: r, slots: n, expose: l }) {
   let o = Rt("DialogBackdrop"), a = `headlessui-dialog-backdrop-${Ye()}`, s = D(null);
@@ -4972,7 +4974,7 @@ H({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let i = e, m = { id: a, ref: s, "aria-hidden": !0 };
-    return Ie(Rn, { force: !0 }, () => Ie(To, () => Le({ ourProps: m, theirProps: { ...r, ...i }, slot: { open: o.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogBackdrop" })));
+    return Ee(Rn, { force: !0 }, () => Ee(To, () => Me({ ourProps: m, theirProps: { ...r, ...i }, slot: { open: o.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogBackdrop" })));
   };
 } });
 let zi = H({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: r, slots: n, expose: l }) {
@@ -4983,14 +4985,14 @@ let zi = H({ name: "DialogPanel", props: { as: { type: [Object, String], default
   }
   return () => {
     let i = { id: a, ref: o.panelRef, onClick: s };
-    return Le({ ourProps: i, theirProps: e, slot: { open: o.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogPanel" });
+    return Me({ ourProps: i, theirProps: e, slot: { open: o.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogPanel" });
   };
 } });
 H({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" } }, setup(e, { attrs: r, slots: n }) {
   let l = Rt("DialogTitle"), o = `headlessui-dialog-title-${Ye()}`;
   return xe(() => {
     l.setTitleId(o), ot(() => l.setTitleId(null));
-  }), () => Le({ ourProps: { id: o }, theirProps: e, slot: { open: l.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogTitle" });
+  }), () => Me({ ourProps: { id: o }, theirProps: e, slot: { open: l.dialogState.value === 0 }, attrs: r, slots: n, name: "DialogTitle" });
 } });
 var Ri = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ri || {}), Ui = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Ui || {});
 function Hi(e) {
@@ -5038,22 +5040,22 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     y.closeMenu(), mr(L, fr.Loose) || (E.preventDefault(), ($ = Se(o)) == null || $.focus());
   }, C(() => l.value === 0)), ye(Fo, y), xo(C(() => Qe(l.value, { [0]: rt.Open, [1]: rt.Closed }))), () => {
     let E = { open: l.value === 0, close: y.closeMenu };
-    return Le({ ourProps: {}, theirProps: e, slot: E, slots: r, attrs: n, name: "Menu" });
+    return Me({ ourProps: {}, theirProps: e, slot: E, slots: r, attrs: n, name: "Menu" });
   };
 } }), Gi = H({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" } }, setup(e, { attrs: r, slots: n, expose: l }) {
   let o = wn("MenuButton"), a = `headlessui-menu-button-${Ye()}`;
   l({ el: o.buttonRef, $el: o.buttonRef });
   function s(k) {
     switch (k.key) {
-      case Te.Space:
-      case Te.Enter:
-      case Te.ArrowDown:
+      case Le.Space:
+      case Le.Enter:
+      case Le.ArrowDown:
         k.preventDefault(), k.stopPropagation(), o.openMenu(), qe(() => {
           var y;
           (y = Se(o.itemsRef)) == null || y.focus({ preventScroll: !0 }), o.goToItem(We.First);
         });
         break;
-      case Te.ArrowUp:
+      case Le.ArrowUp:
         k.preventDefault(), k.stopPropagation(), o.openMenu(), qe(() => {
           var y;
           (y = Se(o.itemsRef)) == null || y.focus({ preventScroll: !0 }), o.goToItem(We.Last);
@@ -5063,7 +5065,7 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function i(k) {
     switch (k.key) {
-      case Te.Space:
+      case Le.Space:
         k.preventDefault();
         break;
     }
@@ -5081,7 +5083,7 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var k;
     let y = { open: o.menuState.value === 0 }, E = { ref: o.buttonRef, id: a, type: f.value, "aria-haspopup": !0, "aria-controls": (k = Se(o.itemsRef)) == null ? void 0 : k.id, "aria-expanded": e.disabled ? void 0 : o.menuState.value === 0, onKeydown: s, onKeyup: i, onClick: m };
-    return Le({ ourProps: E, theirProps: e, slot: y, attrs: r, slots: n, name: "MenuButton" });
+    return Me({ ourProps: E, theirProps: e, slot: y, attrs: r, slots: n, name: "MenuButton" });
   };
 } }), Wi = H({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 } }, setup(e, { attrs: r, slots: n, expose: l }) {
   let o = wn("MenuItems"), a = `headlessui-menu-items-${Ye()}`, s = D(null);
@@ -5093,33 +5095,33 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function i(y) {
     var E;
     switch (s.value && clearTimeout(s.value), y.key) {
-      case Te.Space:
+      case Le.Space:
         if (o.searchQuery.value !== "")
           return y.preventDefault(), y.stopPropagation(), o.search(y.key);
-      case Te.Enter:
+      case Le.Enter:
         if (y.preventDefault(), y.stopPropagation(), o.activeItemIndex.value !== null) {
           let L = o.items.value[o.activeItemIndex.value];
           (E = Se(L.dataRef.domRef)) == null || E.click();
         }
         o.closeMenu(), Bo(Se(o.buttonRef));
         break;
-      case Te.ArrowDown:
+      case Le.ArrowDown:
         return y.preventDefault(), y.stopPropagation(), o.goToItem(We.Next);
-      case Te.ArrowUp:
+      case Le.ArrowUp:
         return y.preventDefault(), y.stopPropagation(), o.goToItem(We.Previous);
-      case Te.Home:
-      case Te.PageUp:
+      case Le.Home:
+      case Le.PageUp:
         return y.preventDefault(), y.stopPropagation(), o.goToItem(We.First);
-      case Te.End:
-      case Te.PageDown:
+      case Le.End:
+      case Le.PageDown:
         return y.preventDefault(), y.stopPropagation(), o.goToItem(We.Last);
-      case Te.Escape:
+      case Le.Escape:
         y.preventDefault(), y.stopPropagation(), o.closeMenu(), qe(() => {
           var L;
           return (L = Se(o.buttonRef)) == null ? void 0 : L.focus({ preventScroll: !0 });
         });
         break;
-      case Te.Tab:
+      case Le.Tab:
         y.preventDefault(), y.stopPropagation(), o.closeMenu(), qe(() => ki(Se(o.buttonRef), y.shiftKey ? wt.Previous : wt.Next));
         break;
       default:
@@ -5129,7 +5131,7 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function m(y) {
     switch (y.key) {
-      case Te.Space:
+      case Le.Space:
         y.preventDefault();
         break;
     }
@@ -5138,7 +5140,7 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var y, E;
     let L = { open: o.menuState.value === 0 }, $ = { "aria-activedescendant": o.activeItemIndex.value === null || (y = o.items.value[o.activeItemIndex.value]) == null ? void 0 : y.id, "aria-labelledby": (E = Se(o.buttonRef)) == null ? void 0 : E.id, id: a, onKeydown: i, onKeyup: m, role: "menu", tabIndex: 0, ref: o.itemsRef };
-    return Le({ ourProps: $, theirProps: e, slot: L, attrs: r, slots: n, features: It.RenderStrategy | It.Static, visible: k.value, name: "MenuItems" });
+    return Me({ ourProps: $, theirProps: e, slot: L, attrs: r, slots: n, features: It.RenderStrategy | It.Static, visible: k.value, name: "MenuItems" });
   };
 } }), Ct = H({ name: "MenuItem", props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: r, attrs: n, expose: l }) {
   let o = wn("MenuItem"), a = `headlessui-menu-item-${Ye()}`, s = D(null);
@@ -5172,7 +5174,7 @@ let Ki = H({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   return () => {
     let { disabled: L } = e, $ = { active: i.value, disabled: L, close: o.closeMenu };
-    return Le({ ourProps: { id: a, ref: s, role: "menuitem", tabIndex: L === !0 ? void 0 : -1, "aria-disabled": L === !0 ? !0 : void 0, onClick: f, onFocus: k, onPointermove: y, onMousemove: y, onPointerleave: E, onMouseleave: E }, theirProps: e, slot: $, attrs: n, slots: r, name: "MenuItem" });
+    return Me({ ourProps: { id: a, ref: s, role: "menuitem", tabIndex: L === !0 ? void 0 : -1, "aria-disabled": L === !0 ? !0 : void 0, onClick: f, onFocus: k, onPointermove: y, onMousemove: y, onPointerleave: E, onMouseleave: E }, theirProps: e, slot: $, attrs: n, slots: r, name: "MenuItem" });
   };
 } }), Do = Symbol("LabelContext");
 function Po() {
@@ -5197,13 +5199,13 @@ let Yi = H({ name: "Label", props: { as: { type: [Object, String], default: "lab
   let l = Po(), o = `headlessui-label-${Ye()}`;
   return xe(() => ot(l.register(o))), () => {
     let { name: a = "Label", slot: s = {}, props: i = {} } = l, { passive: m, ...f } = e, k = { ...Object.entries(i).reduce((y, [E, L]) => Object.assign(y, { [E]: h(L) }), {}), id: o };
-    return m && (delete k.onClick, delete f.onClick), Le({ ourProps: k, theirProps: f, slot: s, attrs: n, slots: r, name: a });
+    return m && (delete k.onClick, delete f.onClick), Me({ ourProps: k, theirProps: f, slot: s, attrs: n, slots: r, name: a });
   };
 } }), Vo = Symbol("GroupContext"), Ji = H({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: r, attrs: n }) {
   let l = D(null), o = Qi({ name: "SwitchLabel", props: { onClick() {
     !l.value || (l.value.click(), l.value.focus({ preventScroll: !0 }));
   } } }), a = jo({ name: "SwitchDescription" });
-  return ye(Vo, { switchRef: l, labelledby: o, describedby: a }), () => Le({ theirProps: e, ourProps: {}, slot: {}, slots: r, attrs: n, name: "SwitchGroup" });
+  return ye(Vo, { switchRef: l, labelledby: o, describedby: a }), () => Me({ theirProps: e, ourProps: {}, slot: {}, slots: r, attrs: n, name: "SwitchGroup" });
 } }), Zi = H({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, default: !1 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 } }, inheritAttrs: !1, setup(e, { emit: r, attrs: n, slots: l, expose: o }) {
   let a = ke(Vo, null), s = `headlessui-switch-${Ye()}`, [i, m] = $i(C(() => e.modelValue), (w) => r("update:modelValue", w), C(() => e.defaultChecked));
   function f() {
@@ -5215,14 +5217,14 @@ let Yi = H({ name: "Label", props: { as: { type: [Object, String], default: "lab
     w.preventDefault(), f();
   }
   function $(w) {
-    w.key === Te.Space ? (w.preventDefault(), f()) : w.key === Te.Enter && Si(w.currentTarget);
+    w.key === Le.Space ? (w.preventDefault(), f()) : w.key === Le.Enter && Si(w.currentTarget);
   }
   function M(w) {
     w.preventDefault();
   }
   return () => {
     let { name: w, value: I, ...t } = e, O = { checked: i.value }, F = { id: s, ref: y, role: "switch", type: E.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": a == null ? void 0 : a.labelledby.value, "aria-describedby": a == null ? void 0 : a.describedby.value, onClick: L, onKeyup: $, onKeypress: M };
-    return Ie(he, [w != null && i.value != null ? Ie(cn, di({ features: Vt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, name: w, value: I })) : null, Le({ ourProps: F, theirProps: { ...n, ...dr(t, ["modelValue", "defaultChecked"]) }, slot: O, attrs: n, slots: l, name: "Switch" })]);
+    return Ee(he, [w != null && i.value != null ? Ee(cn, di({ features: Vt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, name: w, value: I })) : null, Me({ ourProps: F, theirProps: { ...n, ...dr(t, ["modelValue", "defaultChecked"]) }, slot: O, attrs: n, slots: l, name: "Switch" })]);
   };
 } }), Xi = Yi;
 function eu(e) {
@@ -5299,7 +5301,7 @@ function No(e) {
 }
 let qo = It.RenderStrategy, tn = H({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: r, attrs: n, slots: l, expose: o }) {
   if (!ru() && gi())
-    return () => Ie(zo, { ...e, onBeforeEnter: () => r("beforeEnter"), onAfterEnter: () => r("afterEnter"), onBeforeLeave: () => r("beforeLeave"), onAfterLeave: () => r("afterLeave") }, l);
+    return () => Ee(zo, { ...e, onBeforeEnter: () => r("beforeEnter"), onAfterEnter: () => r("afterEnter"), onBeforeLeave: () => r("beforeLeave"), onAfterLeave: () => r("afterLeave") }, l);
   let a = D(null), s = D("visible"), i = C(() => e.unmount ? mt.Unmount : mt.Hidden);
   o({ el: a, $el: a });
   let { show: m, appear: f } = ou(), { register: k, unregister: y } = lu(), E = { value: !0 }, L = Ye(), $ = { value: !1 }, M = No(() => {
@@ -5336,12 +5338,12 @@ let qo = It.RenderStrategy, tn = H({ props: { as: { type: [Object, String], defa
     })));
   }
   return xe(() => {
-    Ee([m], (p, d, c) => {
+    Ae([m], (p, d, c) => {
       S(c), E.value = !1;
     }, { immediate: !0 });
   }), ye(vr, M), xo(C(() => Qe(s.value, { visible: rt.Open, hidden: rt.Closed }))), () => {
     let { appear: p, show: d, enter: c, enterFrom: _, enterTo: j, entered: re, leave: J, leaveFrom: ne, leaveTo: Y, ...se } = e;
-    return Le({ theirProps: se, ourProps: { ref: a }, slot: {}, slots: l, attrs: n, features: qo, visible: s.value === "visible", name: "TransitionChild" });
+    return Me({ theirProps: se, ourProps: { ref: a }, slot: {}, slots: l, attrs: n, features: qo, visible: s.value === "visible", name: "TransitionChild" });
   };
 } }), au = tn, zo = H({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: r, attrs: n, slots: l }) {
   let o = yn(), a = C(() => e.show === null && o !== null ? Qe(o.value, { [rt.Open]: !0, [rt.Closed]: !1 }) : e.show);
@@ -5358,7 +5360,7 @@ let qo = It.RenderStrategy, tn = H({ props: { as: { type: [Object, String], defa
     });
   }), ye(vr, i), ye(hr, f), () => {
     let k = dr(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), y = { unmount: e.unmount };
-    return Le({ ourProps: { ...y, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [Ie(au, { onBeforeEnter: () => r("beforeEnter"), onAfterEnter: () => r("afterEnter"), onBeforeLeave: () => r("beforeLeave"), onAfterLeave: () => r("afterLeave"), ...n, ...y, ...k }, l.default)] }, attrs: {}, features: qo, visible: s.value === "visible", name: "Transition" });
+    return Me({ ourProps: { ...y, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [Ee(au, { onBeforeEnter: () => r("beforeEnter"), onAfterEnter: () => r("afterEnter"), onBeforeLeave: () => r("beforeLeave"), onAfterLeave: () => r("afterLeave"), ...n, ...y, ...k }, l.default)] }, attrs: {}, features: qo, visible: s.value === "visible", name: "Transition" });
   };
 } });
 const su = { class: "flex items-center" }, iu = {
@@ -5584,7 +5586,7 @@ const su = { class: "flex items-center" }, iu = {
   emits: ["update:model-value"],
   setup(e, { emit: r }) {
     const n = e, l = D(null), o = D(n.modelValue);
-    Ee(
+    Ae(
       () => n.modelValue,
       (S) => {
         o.value = S;
@@ -5767,7 +5769,7 @@ function gr(e) {
 }
 function Uo(e, r, n) {
   const l = D(!1);
-  Ee(
+  Ae(
     () => e.value,
     () => {
       o();
@@ -6004,7 +6006,7 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
       childList: !0
     }), xe(() => {
       S();
-    }), Ee(
+    }), Ae(
       () => O.value,
       () => {
         qe(() => {
@@ -6056,12 +6058,12 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
       const X = Ve(I.value);
       X.page = 1, X.search = $.value, _(X);
     }, 350);
-    Ee(
+    Ae(
       () => s.query,
       () => {
         fe();
       }
-    ), Ee(
+    ), Ae(
       () => n.urlQuery,
       () => {
         ce();
@@ -6084,18 +6086,18 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
     }
     function ce(P = !1, X = !0) {
       var Je;
-      const ie = re.value.split(/[?#]/), pe = ie[0], je = (Je = ie[1]) != null ? Je : null, Ae = $e.parseQueryString(je), Me = kr(
+      const ie = re.value.split(/[?#]/), pe = ie[0], je = (Je = ie[1]) != null ? Je : null, Te = $e.parseQueryString(je), Oe = kr(
         Ve(I.value),
         Ve(n.urlQuery),
-        Ve(Ae)
-      ), Ce = $e.formatQueryString(Me), Be = pe + "?" + Ce;
+        Ve(Te)
+      ), Ce = $e.formatQueryString(Oe), Be = pe + "?" + Ce;
       M == Be && !P || (X && (y.value = !0), M = Be, l.get(Be).then((kt) => {
         me.value = kt.data, y.value = !1, E.value = !1, k.value = !0;
       }).catch(() => {
         y.value = !1, E.value = !0;
       }));
     }
-    const me = D(null), Oe = C(() => me.value ? et(me.value) ? me.value : me.value.data : []), oe = C(() => {
+    const me = D(null), Ie = C(() => me.value ? et(me.value) ? me.value : me.value.data : []), oe = C(() => {
       const P = {
         current_page: 1,
         last_page: 1,
@@ -6212,7 +6214,7 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
               }, 8, ["items"])) : K("", !0)
             ]),
             Q(P.$slots, "default", {
-              items: h(Oe),
+              items: h(Ie),
               loading: h(y),
               error: h(E),
               firstLoad: h(k),
@@ -6352,7 +6354,7 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
     let e = this.component.$slots;
     e == null && (e = this.component.slots);
     const r = e[this.name](this.props);
-    return Ie(this.tag, {}, r);
+    return Ee(this.tag, {}, r);
   }
 }), Wu = H({});
 const Qu = {
@@ -6471,18 +6473,18 @@ const Qo = /* @__PURE__ */ ze(Wu, [["render", Zu], ["__scopeId", "data-v-945515f
       let u = t.value.length;
       return u += l.checkable ? 1 : 0, u += l.detailed ? 1 : 0, u;
     }), F = C(() => l.detailed);
-    Ee(
+    Ae(
       () => l.checkedRows,
       (u) => {
         s.value = [...u];
       },
       { deep: !0 }
-    ), Ee(
+    ), Ae(
       () => l.sortField,
       () => {
         ce();
       }
-    ), Ee(
+    ), Ae(
       () => l.sortDirection,
       () => {
         ce();
@@ -6577,7 +6579,7 @@ const Qo = /* @__PURE__ */ ze(Wu, [["render", Zu], ["__scopeId", "data-v-945515f
         k.value = k.value.sort((q, P) => V.indexOf(`${q.newKey}`) - V.indexOf(`${P.newKey}`));
       });
     }
-    function Oe(u) {
+    function Ie(u) {
       k.value = k.value.filter(
         (x) => x.newKey !== u.newKey
       );
@@ -6595,7 +6597,7 @@ const Qo = /* @__PURE__ */ ze(Wu, [["render", Zu], ["__scopeId", "data-v-945515f
     function ee() {
       return y.value++;
     }
-    return ye("addColumn", me), ye("removeColumn", Oe), ye("nextSequence", ee), r({
+    return ye("addColumn", me), ye("removeColumn", Ie), ye("nextSequence", ee), r({
       newColumns: I
     }), (u, x) => {
       const A = _e("BaseIcon");
@@ -6937,7 +6939,7 @@ const Yo = /* @__PURE__ */ ze(Ec, [["__scopeId", "data-v-9ab7d17a"]]), Jo = H({
     this.removeColumn(this);
   },
   render() {
-    return Ie("span", { "data-id": this.newKey }, this.label);
+    return Ee("span", { "data-id": this.newKey }, this.label);
   }
 }), Ac = ["checked", "value", "onChange"], Tc = { class: "text-xs text-slate-600" }, Lc = /* @__PURE__ */ H({
   __name: "BaseDataTableToggleColumns",
@@ -7119,7 +7121,7 @@ const Pc = /* @__PURE__ */ ze(Mc, [["render", Dc]]), Vc = { class: "flex justify
       localStorage.getItem(t) + ""
     );
     O && et(O) && O.length > 0 && (w.value = O);
-    const F = Ee(
+    const F = Ae(
       () => m.value,
       () => {
         m.value && m.value.newColumns.length && w.value.length == 0 && (w.value = m.value.newColumns.filter((d) => !d.optional).map((d) => d.newKey), F());
@@ -7372,7 +7374,7 @@ const Pc = /* @__PURE__ */ ze(Mc, [["render", Dc]]), Vc = { class: "flex justify
       var $;
       return n.modelValue && ($ = at.fromISO(n.modelValue, { zone: "utc" }).toISODate()) != null ? $ : null;
     });
-    Ee(
+    Ae(
       () => k.value,
       () => {
         n.modelValue !== k.value && o(k.value);
@@ -7523,7 +7525,7 @@ const Pc = /* @__PURE__ */ ze(Mc, [["render", Dc]]), Vc = { class: "flex justify
       month: null,
       day: null
     });
-    Ee(
+    Ae(
       () => n.modelValue,
       () => {
         if (n.modelValue) {
@@ -8370,7 +8372,7 @@ const Kd = /* @__PURE__ */ ze(qd, [["render", Hd]]), Gd = {
     const r = e;
     let n = null;
     const l = D(!1);
-    return Ee(
+    return Ae(
       () => r.modelValue,
       (o) => {
         o ? n = setTimeout(() => {
@@ -8939,17 +8941,17 @@ const ef = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
     }, ce = (oe) => {
       m.value = oe, r("typing", oe);
     }, me = D(null);
-    function Oe() {
+    function Ie() {
       var de, ge;
       const oe = (ge = (de = me.value) == null ? void 0 : de.querySelectorAll("button, a")) != null ? ge : [];
       F(oe);
     }
     return xe(() => {
-      Oe();
+      Ie();
     }), mn(
       me,
       () => {
-        Oe();
+        Ie();
       },
       { attributes: !1, childList: !0 }
     ), (oe, de) => (b(), T("div", null, [
@@ -9211,7 +9213,7 @@ const ef = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = D(n.currentModels);
-    Ee(
+    Ae(
       () => n.currentModels,
       (a, s) => {
         l.value = a;

package/package.json

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

package/src/components/BaseAutocomplete.stories.js

@@ -32,7 +32,7 @@ export default {
 const Template = (args) => ({
   components: { BaseAutocomplete, ShowValue },
   setup() {
-    const value = ref(null);
+    const value = ref(options[2]);
     return { args, value };
   },
   template: `

package/src/components/BaseAutocomplete.vue

@@ -267,6 +267,21 @@ const normalizedOptions = hasOptions.normalizedOptions;
 const normalizedModelValue =
   hasOptions.normalizedModelValue as ComputedRef<NormalizedOption | null>;
 
+const filteredNormalizedOptions = computed((): NormalizedOption[] => {
+  if (shouldFilter.value === false) {
+    return normalizedOptions.value;
+  }
+  return normalizedOptions.value.filter((option) => {
+    if (props.filter !== undefined) {
+      return props.filter(option);
+    }
+    if (!option.label) {
+      return false;
+    }
+    return option.label.toLowerCase().includes(keywords.value.toLowerCase());
+  });
+});
+
 const optionActive = computed(() => {
   return (
     filteredNormalizedOptions.value[
@@ -275,41 +290,30 @@ const optionActive = computed(() => {
   );
 });
 
-// Update the keywords when the model value changes
+// Update the keywords + selectionIndex when the model value changes
 watch(
   () => normalizedModelValue.value,
   () => {
-    if (props.modelValueShow === false) {
-      return;
-    }
     if (normalizedModelValue.value) {
-      setKeywords(normalizedModelValue.value?.label);
-      selectionIndex.value = filteredNormalizedOptions.value.findIndex(
+      const index = filteredNormalizedOptions.value.findIndex(
         (option) => option.value === normalizedModelValue.value?.value
       );
+      if (index >= 0) {
+        selectionIndex.value = index;
+      }
+      if (props.modelValueShow) {
+        setKeywords(normalizedModelValue.value?.label);
+      }
     } else {
       selectionIndex.value = 0;
-      setKeywords('');
+      if (props.modelValueShow) {
+        setKeywords('');
+      }
     }
   },
   { immediate: true }
 );
 
-const filteredNormalizedOptions = computed((): NormalizedOption[] => {
-  if (shouldFilter.value === false) {
-    return normalizedOptions.value;
-  }
-  return normalizedOptions.value.filter((option) => {
-    if (props.filter !== undefined) {
-      return props.filter(option);
-    }
-    if (!option.label) {
-      return false;
-    }
-    return option.label.toLowerCase().includes(keywords.value.toLowerCase());
-  });
-});
-
 onMounted(() => {
   window.addEventListener('mousedown', onMouseDown);
 });