manolis-ui 0.13.1 → 0.13.2

package/dist/manolis-ui.js

@@ -578,36 +578,36 @@ const gn = be("SunIcon", [
       o.value ? s.value = o.value.children.length : s.value = 0;
     }, c = async (S) => {
       if (!o.value || n.slidesPerView <= 0 || l.value || (i(), s.value === 0)) return;
-      const D = (S % s.value + s.value) % s.value, k = o.value, C = n.sliderOrientation === "vertical" ? (k.offsetHeight - (n.slidesPerView - 1) * n.gap) / n.slidesPerView : (k.offsetWidth - (n.slidesPerView - 1) * n.gap) / n.slidesPerView;
+      const D = (S % s.value + s.value) % s.value, x = o.value, C = n.sliderOrientation === "vertical" ? (x.offsetHeight - (n.slidesPerView - 1) * n.gap) / n.slidesPerView : (x.offsetWidth - (n.slidesPerView - 1) * n.gap) / n.slidesPerView;
       if (C <= 0) return;
-      const z = C + n.gap, j = D * z, H = n.sliderOrientation === "vertical" ? k.scrollHeight - k.offsetHeight : k.scrollWidth - k.offsetWidth, v = Math.max(0, Math.min(j, H + 0.5));
-      l.value = !0, k.style.scrollBehavior = "auto";
-      const h = n.sliderOrientation === "vertical" ? k.scrollTop : k.scrollLeft, x = v - h;
-      if (Math.abs(x) < 1) {
+      const z = C + n.gap, j = D * z, H = n.sliderOrientation === "vertical" ? x.scrollHeight - x.offsetHeight : x.scrollWidth - x.offsetWidth, v = Math.max(0, Math.min(j, H + 0.5));
+      l.value = !0, x.style.scrollBehavior = "auto";
+      const h = n.sliderOrientation === "vertical" ? x.scrollTop : x.scrollLeft, g = v - h;
+      if (Math.abs(g) < 1) {
         l.value = !1, a.value = D;
         return;
       }
-      const T = performance.now(), r = (b) => {
-        const $ = b - T, I = Math.min(1, $ / n.slideDuration), P = I < 0.5 ? 4 * I * I * I : 1 - Math.pow(-2 * I + 2, 3) / 2, q = h + x * P;
-        n.sliderOrientation === "vertical" ? k.scrollTop = q : k.scrollLeft = q, I < 1 ? requestAnimationFrame(r) : (n.sliderOrientation === "vertical" ? k.scrollTop = v : k.scrollLeft = v, a.value = D, l.value = !1);
+      const T = performance.now(), r = (k) => {
+        const $ = k - T, I = Math.min(1, $ / n.slideDuration), P = I < 0.5 ? 4 * I * I * I : 1 - Math.pow(-2 * I + 2, 3) / 2, q = h + g * P;
+        n.sliderOrientation === "vertical" ? x.scrollTop = q : x.scrollLeft = q, I < 1 ? requestAnimationFrame(r) : (n.sliderOrientation === "vertical" ? x.scrollTop = v : x.scrollLeft = v, a.value = D, l.value = !1);
       };
       requestAnimationFrame(r);
     }, m = () => {
       c(a.value + 1);
     }, w = () => {
       c(a.value - 1);
-    }, g = (S) => {
+    }, y = (S) => {
       c(S);
-    }, y = () => {
+    }, b = () => {
       if (!o.value || n.slidesPerView <= 0 || (i(), s.value === 0)) return;
-      const S = o.value, D = n.sliderOrientation === "vertical" ? S.offsetHeight : S.offsetWidth, k = n.slidesPerView > 1 ? (n.slidesPerView - 1) * n.gap : 0, C = (D - k) / n.slidesPerView;
+      const S = o.value, D = n.sliderOrientation === "vertical" ? S.offsetHeight : S.offsetWidth, x = n.slidesPerView > 1 ? (n.slidesPerView - 1) * n.gap : 0, C = (D - x) / n.slidesPerView;
       if (C <= 0) return;
       const z = Math.max(0, s.value - n.slidesPerView), j = Math.min(Math.max(0, n.initialSlide), z), H = j * (C + n.gap), v = n.sliderOrientation === "vertical" ? S.scrollHeight - S.offsetHeight : S.scrollWidth - S.offsetWidth, h = Math.max(0, Math.min(H, v + 0.5));
       n.sliderOrientation === "vertical" ? S.scrollTo({ top: h, behavior: "auto" }) : S.scrollTo({ left: h, behavior: "auto" }), a.value = j;
     };
     return ue(() => {
       requestAnimationFrame(() => {
-        requestAnimationFrame(y);
+        requestAnimationFrame(b);
       }), i();
     }), R(() => n.initialSlide, (S) => {
       requestAnimationFrame(() => c(S));
@@ -615,8 +615,8 @@ const gn = be("SunIcon", [
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (i(), s.value === 0) return;
-          const S = Math.max(0, s.value - n.slidesPerView), D = Math.min(a.value, S), k = n.slideDuration;
-          n.slideDuration = 0, c(D), n.slideDuration = k;
+          const S = Math.max(0, s.value - n.slidesPerView), D = Math.min(a.value, S), x = n.slideDuration;
+          n.slideDuration = 0, c(D), n.slideDuration = x;
         });
       });
     }), t({ scrollToSlide: c }), (S, D) => (f(), p("div", zn, [
@@ -655,9 +655,9 @@ const gn = be("SunIcon", [
         ])
       ])) : E("", !0),
       e.showIndicators ? (f(), p("div", On, [
-        (f(!0), p(U, null, F(s.value, (k, C) => (f(), p("button", {
+        (f(!0), p(U, null, F(s.value, (x, C) => (f(), p("button", {
           key: `dot-${C}`,
-          onClick: (z) => g(C),
+          onClick: (z) => y(C),
           class: B(["btn btn-circle btn-xs", { "btn-active": C === a.value }]),
           "aria-label": `Go to slide ${C + 1}`
         }, null, 10, Nn))), 128))
@@ -728,16 +728,16 @@ const gn = be("SunIcon", [
         case "datetime":
           if (typeof v.value == "string")
             try {
-              const x = new Date(v.value);
-              if (!isNaN(x.getTime()))
-                return x.toLocaleString();
+              const g = new Date(v.value);
+              if (!isNaN(g.getTime()))
+                return g.toLocaleString();
             } catch {
             }
           else if (v.range && typeof v.value == "object" && v.value !== null && "start" in v.value && "end" in v.value)
             try {
-              const x = new Date(v.value.start), T = new Date(v.value.end);
-              if (!isNaN(x.getTime()) && !isNaN(T.getTime()))
-                return `${x.toLocaleDateString()} - ${T.toLocaleDateString()}`;
+              const g = new Date(v.value.start), T = new Date(v.value.end);
+              if (!isNaN(g.getTime()) && !isNaN(T.getTime()))
+                return `${g.toLocaleDateString()} - ${T.toLocaleDateString()}`;
             } catch {
             }
           break;
@@ -752,11 +752,11 @@ const gn = be("SunIcon", [
         case "standard-select":
         case "custom-select":
           if ((h = v.props) != null && h.options && Array.isArray(v.props.options)) {
-            const x = v.props.options.find(
+            const g = v.props.options.find(
               (T) => T.value === v.value
             );
-            if (x)
-              return x.text;
+            if (g)
+              return g.text;
           }
           return String(v.value);
         case "custom-text":
@@ -766,16 +766,16 @@ const gn = be("SunIcon", [
       }
       return String(v.value);
     };
-    function g(v) {
-      var r, b;
+    function y(v) {
+      var r, k;
       const h = (r = l.value) == null ? void 0 : r.name;
       if (!h) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
       }
-      const x = (b = n.searchOptions.find(
+      const g = (k = n.searchOptions.find(
         ($) => ($ == null ? void 0 : $.category) === n.currentCategory
-      )) == null ? void 0 : b.tabs, T = x == null ? void 0 : x.find(
+      )) == null ? void 0 : k.tabs, T = g == null ? void 0 : g.find(
         ($) => $.name === h
       );
       T ? (T.value = v, a("update:search-data", {
@@ -785,18 +785,18 @@ const gn = be("SunIcon", [
         `Tab with name "${h}" not found in current category.`
       );
     }
-    function y(v) {
-      g(v);
+    function b(v) {
+      y(v);
     }
     function S() {
       a("search");
     }
     async function D(v) {
       var T;
-      const h = document.getElementById(`advancedSearchMobile-${o}`), x = h && h.contains(v.target);
-      ((T = l.value) == null ? void 0 : T.displayMode) === "popup" && m.value && !m.value.contains(v.target) && !x && (await Pe(), l.value = null);
+      const h = document.getElementById(`advancedSearchMobile-${o}`), g = h && h.contains(v.target);
+      ((T = l.value) == null ? void 0 : T.displayMode) === "popup" && m.value && !m.value.contains(v.target) && !g && (await Pe(), l.value = null);
     }
-    async function k() {
+    async function x() {
       if (typeof window < "u" && window.innerWidth <= 768) {
         const v = document.getElementById(
           `advancedSearchMobile-${o}`
@@ -807,18 +807,18 @@ const gn = be("SunIcon", [
       }
     }
     async function C(v) {
-      var x, T, r;
+      var g, T, r;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        k();
+        x();
         return;
       }
       const h = v.displayMode ?? "popup";
-      if (((x = l.value) == null ? void 0 : x.name) === v.name && ((T = l.value) == null ? void 0 : T.displayMode) === h)
+      if (((g = l.value) == null ? void 0 : g.name) === v.name && ((T = l.value) == null ? void 0 : T.displayMode) === h)
         l.value = null;
       else if (l.value = { ...v, displayMode: h }, await Pe(), ((r = l.value) == null ? void 0 : r.displayMode) === "popup") {
-        const b = i.value[v.name];
-        if (b && m.value) {
-          const $ = b.getBoundingClientRect(), I = m.value.getBoundingClientRect(), P = $.bottom - I.top, q = $.left + $.width / 2 - I.left;
+        const k = i.value[v.name];
+        if (k && m.value) {
+          const $ = k.getBoundingClientRect(), I = m.value.getBoundingClientRect(), P = $.bottom - I.top, q = $.left + $.width / 2 - I.left;
           c.value = {
             left: `${q}px`,
             top: `${P + 8}px`,
@@ -836,8 +836,8 @@ const gn = be("SunIcon", [
     const z = (v) => {
       const h = v.relatedTarget;
       setTimeout(() => {
-        var x;
-        ((x = l.value) == null ? void 0 : x.displayMode) === "inline" && m.value && (!h || !m.value.contains(h)) ? (console.log("Blur detected outside container, closing inline view."), l.value = null) : console.log(
+        var g;
+        ((g = l.value) == null ? void 0 : g.displayMode) === "inline" && m.value && (!h || !m.value.contains(h)) ? (console.log("Blur detected outside container, closing inline view."), l.value = null) : console.log(
           "Blur detected, but staying within container or not an inline tab."
         );
       }, 50);
@@ -874,18 +874,18 @@ const gn = be("SunIcon", [
     const H = () => {
       var v, h;
       if (typeof window < "u") {
-        const x = window.innerWidth <= 768, T = l.value !== null && (l.value.displayMode === "popup" || l.value.displayMode === "inline") && window.innerWidth > 768;
-        !x && (((v = l.value) == null ? void 0 : v.displayMode) === "popup" || ((h = l.value) == null ? void 0 : h.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), l.value = null), x && !T && l.value !== null && (console.log(
+        const g = window.innerWidth <= 768, T = l.value !== null && (l.value.displayMode === "popup" || l.value.displayMode === "inline") && window.innerWidth > 768;
+        !g && (((v = l.value) == null ? void 0 : v.displayMode) === "popup" || ((h = l.value) == null ? void 0 : h.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), l.value = null), g && !T && l.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), l.value = null);
         const r = document.getElementById(
           `advancedSearchMobile-${o}`
         );
-        r != null && r.open && !x && (console.log("Modal is open on desktop, closing modal and active tab."), r.close(), l.value = null);
+        r != null && r.open && !g && (console.log("Modal is open on desktop, closing modal and active tab."), r.close(), l.value = null);
       }
     };
     return (v, h) => {
-      var x, T;
+      var g, T;
       return f(), p(U, null, [
         d("div", {
           ref_key: "searchContainer",
@@ -894,15 +894,15 @@ const gn = be("SunIcon", [
         }, [
           d("div", {
             class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
-            onClick: k
+            onClick: x
           }, [
             d("div", Un, [
-              (f(!0), p(U, null, F(((x = n.searchOptions.find(
+              (f(!0), p(U, null, F(((g = n.searchOptions.find(
                 (r) => r.category === n.currentCategory
-              )) == null ? void 0 : x.tabs) || [], (r, b) => {
+              )) == null ? void 0 : g.tabs) || [], (r, k) => {
                 var $, I, P, q, Q;
                 return f(), p("button", {
-                  key: `${r.name}-${b}`,
+                  key: `${r.name}-${k}`,
                   onClick: te((Y) => C(r), ["stop"]),
                   class: B([{
                     "tab-active": (($ = l.value) == null ? void 0 : $.name) === r.name,
@@ -915,8 +915,8 @@ const gn = be("SunIcon", [
                   ((q = l.value) == null ? void 0 : q.name) === r.name && ((Q = l.value) == null ? void 0 : Q.displayMode) === "inline" ? (f(), p("div", Fn, [
                     (f(), ae(Oe(u[l.value.type]), Ne({ ref_for: !0 }, l.value.props || {}, {
                       modelValue: l.value.value,
-                      onUpdated: h[0] || (h[0] = (Y) => y(Y)),
-                      "onUpdate:modelValue": h[1] || (h[1] = (Y) => y(Y)),
+                      onUpdated: h[0] || (h[0] = (Y) => b(Y)),
+                      "onUpdate:modelValue": h[1] || (h[1] = (Y) => b(Y)),
                       onBlur: z,
                       onKeydown: We(te(j, ["stop", "prevent"]), ["enter"]),
                       ref_for: !0,
@@ -937,8 +937,8 @@ const gn = be("SunIcon", [
             }, [
               (f(), ae(Oe(u[l.value.type]), Ne(l.value.props || {}, {
                 modelValue: l.value.value,
-                onUpdated: h[2] || (h[2] = (r) => g(r)),
-                "onUpdate:modelValue": h[3] || (h[3] = (r) => g(r))
+                onUpdated: h[2] || (h[2] = (r) => y(r)),
+                "onUpdate:modelValue": h[3] || (h[3] = (r) => y(r))
               }), null, 16, ["modelValue"]))
             ], 4)) : E("", !0),
             d("button", {
@@ -976,14 +976,14 @@ const gn = be("SunIcon", [
             ], !0),
             (f(!0), p(U, null, F(((T = n.searchOptions.find(
               (r) => r.category === n.currentCategory
-            )) == null ? void 0 : T.tabs) || [], (r, b) => (f(), p("div", {
+            )) == null ? void 0 : T.tabs) || [], (r, k) => (f(), p("div", {
               class: "collapse bg-base-200 my-4",
               key: r.name
             }, [
               d("input", {
                 type: "radio",
                 name: `accordion-${Z(o)}`,
-                checked: b === 0
+                checked: k === 0
               }, null, 8, Jn),
               d("div", Xn, [
                 d("div", null, O(r.name), 1),
@@ -993,8 +993,8 @@ const gn = be("SunIcon", [
                 h[7] || (h[7] = d("br", null, null, -1)),
                 (f(), ae(Oe(u[r.type]), Ne({ ref_for: !0 }, r.props || {}, {
                   modelValue: r.value,
-                  onUpdated: h[5] || (h[5] = ($) => g($)),
-                  "onUpdate:modelValue": h[6] || (h[6] = ($) => g($))
+                  onUpdated: h[5] || (h[5] = ($) => y($)),
+                  "onUpdate:modelValue": h[6] || (h[6] = ($) => y($))
                 }), null, 16, ["modelValue"]))
               ])
             ]))), 128)),
@@ -1137,12 +1137,12 @@ function da(e, t, n, a, o) {
      * @this {import("dom").AtomicoThisInternal}
      * @param {any} newValue
      */
-    set(g) {
-      const y = this[t];
-      w && l != Boolean && g == null && (g = w());
+    set(y) {
+      const b = this[t];
+      w && l != Boolean && y == null && (y = w());
       const { error: S, value: D } = (m ? ha : va)(
         l,
-        g
+        y
       );
       if (S && D != null)
         throw new At(
@@ -1150,7 +1150,7 @@ function da(e, t, n, a, o) {
           `The value defined for prop '${t}' must be of type '${l.name}'`,
           D
         );
-      y != D && (this._props[t] = D ?? void 0, this.update(), u && Lt(this, u), this.updated.then(() => {
+      b != D && (this._props[t] = D ?? void 0, this.update(), u && Lt(this, u), this.updated.then(() => {
         s && (this._ignoreAttr = c, ma(this, l, c, this[t]), this._ignoreAttr = null);
       }));
     },
@@ -1208,35 +1208,35 @@ const ya = (e) => {
       this._props = {};
       let m, w;
       this.mounted = new Promise(
-        (k) => this.mount = () => {
-          k(), m != this.parentNode && (w != m ? this.unmounted.then(this.update) : this.update()), m = this.parentNode;
+        (x) => this.mount = () => {
+          x(), m != this.parentNode && (w != m ? this.unmounted.then(this.update) : this.update()), m = this.parentNode;
         }
       ), this.unmounted = new Promise(
-        (k) => this.unmount = () => {
-          k(), (m != this.parentNode || !this.isConnected) && (g.cleanEffects(!0)()(), w = this.parentNode, m = null);
+        (x) => this.unmount = () => {
+          x(), (m != this.parentNode || !this.isConnected) && (y.cleanEffects(!0)()(), w = this.parentNode, m = null);
         }
       ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
-      const g = sa(
+      const y = sa(
         () => this.update(),
         this,
         ya(this)
       );
-      let y, S = !0;
+      let b, S = !0;
       const D = Ke(this);
-      this.update = () => (y || (y = !0, this.updated = (this.updated || this.mounted).then(() => {
+      this.update = () => (b || (b = !0, this.updated = (this.updated || this.mounted).then(() => {
         try {
-          const k = g.load(this._render), C = g.cleanEffects();
-          return k && //@ts-ignore
-          k.render(this, this.symbolId, D), y = !1, S && !g.isSuspense() && (S = !1, !D && ba(this)), C();
+          const x = y.load(this._render), C = y.cleanEffects();
+          return x && //@ts-ignore
+          x.render(this, this.symbolId, D), b = !1, S && !y.isSuspense() && (S = !1, !D && ba(this)), C();
         } finally {
-          y = !1;
+          b = !1;
         }
       }).then(
         /**
          * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
          */
-        (k) => {
-          k && k();
+        (x) => {
+          x && x();
         }
       )), this.updated), this.update();
     }
@@ -1252,22 +1252,22 @@ const ya = (e) => {
      * @param {(string|null)} oldValue
      * @param {(string|null)} value
      */
-    attributeChangedCallback(m, w, g) {
+    attributeChangedCallback(m, w, y) {
       if (n[m]) {
-        if (m === this._ignoreAttr || w === g)
+        if (m === this._ignoreAttr || w === y)
           return;
-        const { prop: y, type: S } = n[m];
+        const { prop: b, type: S } = n[m];
         try {
-          this[y] = pa(S, g);
+          this[b] = pa(S, y);
         } catch {
           throw new ra(
             this,
             `The value defined as attr '${m}' cannot be parsed by type '${S.name}'`,
-            g
+            y
           );
         }
       } else
-        super.attributeChangedCallback(m, w, g);
+        super.attributeChangedCallback(m, w, y);
     }
     static get props() {
       return { ...super.props, ...s };
@@ -1443,19 +1443,19 @@ function Ht(e, t, n = Sa, a, o) {
   )));
   const s = t[n] ? t[n] : Se, { vnode: u = Se, cycle: i = 0 } = s;
   let { fragment: c, handlers: m } = s;
-  const { children: w = Je, props: g = Se } = u;
+  const { children: w = Je, props: y = Se } = u;
   if (m = l ? {} : m || {}, e.static && !l)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
-  t.attachShadow({ mode: "open", ...e.shadow }), e.props != g && Ia(t, g, e.props, m, o), e.children !== w) {
-    const y = e.shadow ? t.shadowRoot : t;
+  t.attachShadow({ mode: "open", ...e.shadow }), e.props != y && Ia(t, y, e.props, m, o), e.children !== w) {
+    const b = e.shadow ? t.shadowRoot : t;
     c = Ma(
       e.children,
       /**
        * @todo for hydration use attribute and send childNodes
        */
       c,
-      y,
+      b,
       n,
       // add support to foreignObject, children will escape from svg
       !i && a,
@@ -1488,27 +1488,27 @@ function Ma(e, t, n, a, o, l) {
   const s = t || Ta(n, o), { markStart: u, markEnd: i, keyes: c } = s;
   let m;
   const w = c && /* @__PURE__ */ new Set();
-  let g = u;
-  if (e && Pt(e, (y) => {
-    if (typeof y == "object" && !y[pe])
+  let y = u;
+  if (e && Pt(e, (b) => {
+    if (typeof b == "object" && !b[pe])
       return;
-    const S = y[pe] && y.key, D = c && S != null && c.get(S);
-    g != i && g === D ? w.delete(g) : g = g == i ? i : g.nextSibling;
-    const k = c ? D : g;
-    let C = k;
-    if (y[pe])
-      C = Ht(y, k, a, o, l);
+    const S = b[pe] && b.key, D = c && S != null && c.get(S);
+    y != i && y === D ? w.delete(y) : y = y == i ? i : y.nextSibling;
+    const x = c ? D : y;
+    let C = x;
+    if (b[pe])
+      C = Ht(b, x, a, o, l);
     else {
-      const z = y + "";
+      const z = b + "";
       !(C instanceof Text) || C instanceof Xe ? C = new Text(z) : C.data != z && (C.data = z);
     }
-    C != g && (c && w.delete(C), !k || c ? (n.insertBefore(C, g), c && g != i && w.add(g)) : k == i ? n.insertBefore(C, i) : (n.replaceChild(C, k), g = C)), S != null && (m = m || /* @__PURE__ */ new Map(), m.set(S, C));
-  }), g = g == i ? i : g.nextSibling, t && g != i)
-    for (; g != i; ) {
-      const y = g;
-      g = g.nextSibling, y.remove();
+    C != y && (c && w.delete(C), !x || c ? (n.insertBefore(C, y), c && y != i && w.add(y)) : x == i ? n.insertBefore(C, i) : (n.replaceChild(C, x), y = C)), S != null && (m = m || /* @__PURE__ */ new Map(), m.set(S, C));
+  }), y = y == i ? i : y.nextSibling, t && y != i)
+    for (; y != i; ) {
+      const b = y;
+      y = y.nextSibling, b.remove();
     }
-  return w && w.forEach((y) => y.remove()), s.keyes = m, s;
+  return w && w.forEach((b) => b.remove()), s.keyes = m, s;
 }
 function Ia(e, t, n, a, o) {
   for (const l in t)
@@ -1789,27 +1789,27 @@ function _a({ props: e, context: t }) {
     locale: c,
     focusedDate: m,
     formatWeekday: w
-  } = t, g = u ?? et(), y = bt(Ha, a, c), S = J(
+  } = t, y = u ?? et(), b = bt(Ha, a, c), S = J(
     () => ({ weekday: w }),
     [w]
-  ), D = bt(S, a, c), k = ge(Ra, c), C = ge(qa, c), z = J(
+  ), D = bt(S, a, c), x = ge(Ra, c), C = ge(qa, c), z = J(
     () => i.start.add({ months: n }),
     [i, n]
   ), j = J(
     () => La(z, a),
     [z, a]
   ), H = X("focusday", Fe), v = X("selectday", Fe), h = X("hoverday", Fe);
-  function x(b) {
-    H(Ie(b, l, s));
+  function g(k) {
+    H(Ie(k, l, s));
   }
-  function T(b) {
+  function T(k) {
     let $;
-    switch (b.key) {
+    switch (k.key) {
       case "ArrowRight":
-        $ = m.add({ days: xt(b) ? 1 : -1 });
+        $ = m.add({ days: xt(k) ? 1 : -1 });
         break;
       case "ArrowLeft":
-        $ = m.add({ days: xt(b) ? -1 : 1 });
+        $ = m.add({ days: xt(k) ? -1 : 1 });
         break;
       case "ArrowDown":
         $ = m.add({ days: 7 });
@@ -1818,10 +1818,10 @@ function _a({ props: e, context: t }) {
         $ = m.add({ days: -7 });
         break;
       case "PageUp":
-        $ = m.add(b.shiftKey ? { years: -1 } : { months: -1 });
+        $ = m.add(k.shiftKey ? { years: -1 } : { months: -1 });
         break;
       case "PageDown":
-        $ = m.add(b.shiftKey ? { years: 1 } : { months: 1 });
+        $ = m.add(k.shiftKey ? { years: 1 } : { months: 1 });
         break;
       case "Home":
         $ = tt(m, a);
@@ -1832,20 +1832,20 @@ function _a({ props: e, context: t }) {
       default:
         return;
     }
-    x($), b.preventDefault();
+    g($), k.preventDefault();
   }
-  function r(b) {
+  function r(k) {
     var rt, ut;
-    const $ = z.equals(b);
+    const $ = z.equals(k);
     if (!t.showOutsideDays && !$)
       return;
-    const I = b.equals(m), P = b.equals(g), q = _(b), Q = o == null ? void 0 : o(q), Y = !wt(b, l, s);
+    const I = k.equals(m), P = k.equals(y), q = _(k), Q = o == null ? void 0 : o(q), Y = !wt(k, l, s);
     let it = "", le;
     if (t.type === "range") {
-      const [ee, fe] = t.value, ct = ee == null ? void 0 : ee.equals(b), dt = fe == null ? void 0 : fe.equals(b);
-      le = ee && fe && wt(b, ee, fe), it = `${ct ? "range-start" : ""} ${dt ? "range-end" : ""} ${le && !ct && !dt ? "range-inner" : ""}`;
+      const [ee, fe] = t.value, ct = ee == null ? void 0 : ee.equals(k), dt = fe == null ? void 0 : fe.equals(k);
+      le = ee && fe && wt(k, ee, fe), it = `${ct ? "range-start" : ""} ${dt ? "range-end" : ""} ${le && !ct && !dt ? "range-inner" : ""}`;
     } else
-      t.type === "multi" ? le = t.value.some((ee) => ee.equals(b)) : le = (rt = t.value) == null ? void 0 : rt.equals(b);
+      t.type === "multi" ? le = t.value.some((ee) => ee.equals(k)) : le = (rt = t.value) == null ? void 0 : rt.equals(k);
     return {
       part: `${`button day day-${q.getDay()} ${// we don't want outside days to ever be shown as selected
       $ ? le ? "selected" : "" : "outside"} ${Q ? "disallowed" : ""} ${P ? "today" : ""} ${((ut = t.getDayParts) == null ? void 0 : ut.call(t, q)) ?? ""}`} ${it}`,
@@ -1854,20 +1854,20 @@ function _a({ props: e, context: t }) {
       "aria-disabled": Q ? "true" : void 0,
       "aria-pressed": $ && le,
       "aria-current": P ? "date" : void 0,
-      "aria-label": k.format(q),
+      "aria-label": x.format(q),
       onkeydown: T,
       onclick() {
-        Q || v(b), x(b);
+        Q || v(k), g(k);
       },
       onmouseover() {
-        !Q && !Y && h(b);
+        !Q && !Y && h(k);
       }
     };
   }
   return {
     weeks: j,
     yearMonth: z,
-    daysLong: y,
+    daysLong: b,
     daysVisible: D,
     formatter: C,
     getDayProps: r
@@ -2033,8 +2033,8 @@ function Ja({
   const s = e === "single" ? 1 : n, [u, i] = Ge(
     () => $t(t.toPlainYearMonth(), n)
   ), c = (w) => i($t(u.start.add({ months: w }), n)), m = (w) => {
-    const g = qe(u.start, w.toPlainYearMonth());
-    return g >= 0 && g < n;
+    const y = qe(u.start, w.toPlainYearMonth());
+    return y >= 0 && y < n;
   };
   return ve(() => {
     if (m(t))
@@ -2066,7 +2066,7 @@ function st({
   function w(C) {
     o(C), i(_(C));
   }
-  const { next: g, previous: y, page: S } = Ja({
+  const { next: y, previous: b, page: S } = Ja({
     pageBy: t,
     focusedDate: m,
     months: e,
@@ -2074,7 +2074,7 @@ function st({
     max: s,
     goto: w
   }), D = xe();
-  function k(C) {
+  function x(C) {
     const z = (C == null ? void 0 : C.target) ?? "day";
     z === "day" ? D.current.querySelectorAll("calendar-month").forEach((j) => j.focus(C)) : D.current.shadowRoot.querySelector(`[part~='${z}']`).focus(C);
   }
@@ -2085,14 +2085,14 @@ function st({
     focusedDate: m,
     dispatch: c,
     onFocus(C) {
-      C.stopPropagation(), w(C.detail), setTimeout(k);
+      C.stopPropagation(), w(C.detail), setTimeout(x);
     },
     min: l,
     max: s,
     today: u,
-    next: g,
-    previous: y,
-    focus: k
+    next: y,
+    previous: b,
+    focus: x
   };
 }
 const Xa = ke(
@@ -2129,15 +2129,15 @@ const St = (e, t) => L.compare(e, t) < 0 ? [e, t] : [t, e], Ga = ke(
       "tentative"
     ), [m, w] = Ge();
     ve(() => w(void 0), [i]);
-    function g(k) {
-      l.onFocus(k), y(k);
+    function y(x) {
+      l.onFocus(x), b(x);
     }
-    function y(k) {
-      k.stopPropagation(), i && w(k.detail);
+    function b(x) {
+      x.stopPropagation(), i && w(x.detail);
     }
-    function S(k) {
-      const C = k.detail;
-      k.stopPropagation(), i ? (n(St(i, C)), c(void 0), u(_(C)), l.dispatch()) : (c(C), s(_(C)));
+    function S(x) {
+      const C = x.detail;
+      x.stopPropagation(), i ? (n(St(i, C)), c(void 0), u(_(C)), l.dispatch()) : (c(C), s(_(C)));
     }
     const D = i ? St(i, m ?? i) : t;
     return /* @__PURE__ */ N("host", { shadowDom: !0, focus: l.focus, children: /* @__PURE__ */ N(
@@ -2147,8 +2147,8 @@ const St = (e, t) => L.compare(e, t) < 0 ? [e, t] : [t, e], Ga = ke(
         ...l,
         type: "range",
         value: D,
-        onFocus: g,
-        onHover: y,
+        onFocus: y,
+        onHover: b,
         onSelect: S
       }
     ) });
@@ -2216,47 +2216,46 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       from: "",
       to: "",
       single: ""
-    }), g = M({
+    }), y = M({
       single: null,
       start: null,
       end: null
-    }), y = K(() => {
-      let h = "", x = "";
-      n.mode !== "time" && (n.range && g.value.start && g.value.end ? h = `${g.value.start} - ${g.value.end}` : !n.range && g.value.single && (h = g.value.single)), n.mode !== "date" && (n.range && w.value.from && w.value.to ? x = `${w.value.from} - ${w.value.to}` : !n.range && w.value.single && (x = w.value.single));
+    }), b = K(() => {
+      let h = "", g = "";
+      n.mode !== "time" && (n.range && y.value.start && y.value.end ? h = `${y.value.start} - ${y.value.end}` : !n.range && y.value.single && (h = y.value.single)), n.mode !== "date" && (n.range && w.value.from && w.value.to ? g = `${w.value.from} - ${w.value.to}` : !n.range && w.value.single && (g = w.value.single));
       const T = (r) => {
         if (!r || r.includes(":")) return r;
-        if (r.match(/^\d{4}-\d{2}-\d{2}$/)) {
-          const b = r.split("-");
+        if (r.match(/^\d{4}-\d{2}-\d{2}$/))
           try {
             return new Date(r).toLocaleDateString(n.locale);
           } catch {
-            return `${b[2]}/${b[1]}/${b[0]}`;
+            const k = r.split("-");
+            return `${k[2]}/${k[1]}/${k[0]}`;
           }
-        }
         return r;
       };
       if (n.mode === "date") {
         if (n.range) {
-          const [r, b] = h.split(" - ").map(T);
-          return r && b ? `${r} - ${b}` : "";
+          const [r, k] = h.split(" - ").map(T);
+          return r && k ? `${r} - ${k}` : "";
         }
         return T(h);
       }
-      if (n.mode === "time") return x;
+      if (n.mode === "time") return g;
       if (n.range) {
-        const [r, b] = h.split(" - ").map(T), [$, I] = x.split(" - ");
+        const [r, k] = h.split(" - ").map(T), [$, I] = g.split(" - ");
         let P = "";
-        return r && $ && (P += `${r} ${$}`), b && I && (P += P ? ` - ${b} ${I}` : `${b} ${I}`), P.trim();
+        return r && $ && (P += `${r} ${$}`), k && I && (P += P ? ` - ${k} ${I}` : `${k} ${I}`), P.trim();
       }
-      return `${T(h)} ${x}`.trim();
-    }), S = (h, x) => {
+      return `${T(h)} ${g}`.trim();
+    }), S = (h, g) => {
       if (n.range) {
-        const T = h.start, r = h.end, b = x.from, $ = x.to;
+        const T = h.start, r = h.end, k = g.from, $ = g.to;
         let I = null, P = null;
-        if (n.mode === "time" && b && $ ? (I = b, P = $) : n.mode === "date" && T && r ? (I = T, P = r) : n.mode === "datetime" && T && r && b && $ && (I = `${T}T${b}`, P = `${r}T${$}`), I && P)
+        if (n.mode === "time" && k && $ ? (I = k, P = $) : n.mode === "date" && T && r ? (I = T, P = r) : n.mode === "datetime" && T && r && k && $ && (I = `${T}T${k}`, P = `${r}T${$}`), I && P)
           return { start: I, end: P };
       } else {
-        const T = h.single, r = x.single;
+        const T = h.single, r = g.single;
         if (n.mode === "date") return T;
         if (n.mode === "time") return r || null;
         if (n.mode === "datetime" && T && r)
@@ -2265,58 +2264,57 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       return null;
     }, D = () => {
       if (s.value)
-        g.value.single = s.value.value || null;
+        y.value.single = s.value.value || null;
       else if (u.value) {
         const h = u.value.value;
-        g.value.start = (h == null ? void 0 : h.start) || null, g.value.end = (h == null ? void 0 : h.end) || null;
+        y.value.start = (h == null ? void 0 : h.start) || null, y.value.end = (h == null ? void 0 : h.end) || null;
       }
-    }, k = () => {
+    }, x = () => {
       D();
-      const h = S(g.value, w.value);
+      const h = S(y.value, w.value);
       a("update:modelValue", h), a("change", h);
     }, C = () => {
-      var h, x, T;
-      n.range ? (w.value.from = ((h = c.value) == null ? void 0 : h.value) || "", w.value.to = ((x = m.value) == null ? void 0 : x.value) || "") : w.value.single = ((T = i.value) == null ? void 0 : T.value) || "", k();
+      var h, g, T;
+      n.range ? (w.value.from = ((h = c.value) == null ? void 0 : h.value) || "", w.value.to = ((g = m.value) == null ? void 0 : g.value) || "") : w.value.single = ((T = i.value) == null ? void 0 : T.value) || "", x();
     }, z = () => {
-      o.value = !o.value, o.value && k();
+      o.value = !o.value, o.value && x();
     }, j = () => {
-      o.value = !1, k();
+      o.value = !1, x();
     }, H = () => {
-      if (n.initialDate) {
-        if (n.range) {
-          if (typeof n.initialDate == "object" && n.initialDate !== null && "start" in n.initialDate) {
-            const h = n.initialDate, x = (b) => b instanceof Date ? b.toISOString() : b, T = x(h.start), r = x(h.end);
-            if (T && r && (g.value = {
-              single: null,
-              // Now calling .includes() on a guaranteed string
-              start: T.includes("T") ? T.split("T")[0] : T,
-              end: r.includes("T") ? r.split("T")[0] : r
-            }, n.mode === "datetime" || n.mode === "time")) {
-              const b = new Date(T), $ = new Date(r), I = (P) => `${String(P.getUTCHours()).padStart(2, "0")}:${String(P.getUTCMinutes()).padStart(2, "0")}`;
-              w.value = {
-                single: "",
-                from: I(b),
-                to: I($)
-              }, c.value && (c.value.value = w.value.from), m.value && (m.value.value = w.value.to);
-            }
-          }
-        } else if (typeof n.initialDate == "string" || n.initialDate instanceof Date) {
-          const h = n.initialDate.toString();
-          if (g.value.single = h.includes("T") ? h.split("T")[0] : h, g.value.start = null, g.value.end = null, n.mode === "datetime" || n.mode === "time") {
-            const x = new Date(h), T = `${String(x.getUTCHours()).padStart(2, "0")}:${String(x.getUTCMinutes()).padStart(2, "0")}`;
-            w.value.single = T, i.value && (i.value.value = T);
+      if (!n.initialDate) return;
+      const h = (g) => g instanceof Date ? g.toISOString() : g;
+      if (n.range) {
+        if (typeof n.initialDate == "object" && n.initialDate !== null && "start" in n.initialDate) {
+          const g = n.initialDate, T = h(g.start), r = h(g.end);
+          if (T && r && (y.value = {
+            single: null,
+            start: T.includes("T") ? T.split("T")[0] : T,
+            end: r.includes("T") ? r.split("T")[0] : r
+          }, n.mode === "datetime" || n.mode === "time")) {
+            const k = new Date(T), $ = new Date(r), I = (P) => `${String(P.getUTCHours()).padStart(2, "0")}:${String(P.getUTCMinutes()).padStart(2, "0")}`;
+            w.value = {
+              single: "",
+              from: I(k),
+              to: I($)
+            }, c.value && (c.value.value = w.value.from), m.value && (m.value.value = w.value.to);
           }
         }
+      } else if (typeof n.initialDate == "string" || n.initialDate instanceof Date) {
+        const g = h(n.initialDate);
+        if (y.value.single = g.includes("T") ? g.split("T")[0] : g, y.value.start = null, y.value.end = null, n.mode === "datetime" || n.mode === "time") {
+          const T = new Date(g), r = `${String(T.getUTCHours()).padStart(2, "0")}:${String(T.getUTCMinutes()).padStart(2, "0")}`;
+          w.value.single = r, i.value && (i.value.value = r);
+        }
       }
     }, v = (h) => {
       n.popup && o.value && l.value && !l.value.contains(h.target) && j();
     };
     return ue(() => {
-      s.value && s.value.addEventListener("change", k), u.value && u.value.addEventListener("change", k), H(), setTimeout(k, 0), n.popup && document.addEventListener("click", v);
+      typeof document < "u" && (s.value && s.value.addEventListener("change", x), u.value && u.value.addEventListener("change", x), n.popup && document.addEventListener("click", v)), H(), setTimeout(x, 0);
     }), Dt(() => {
-      s.value && s.value.removeEventListener("change", k), u.value && u.value.removeEventListener("change", k), n.popup && document.removeEventListener("click", v);
-    }), (h, x) => {
-      const T = Ae("calendar-month"), r = Ae("calendar-date"), b = Ae("calendar-range");
+      typeof document < "u" && (s.value && s.value.removeEventListener("change", x), u.value && u.value.removeEventListener("change", x), n.popup && document.removeEventListener("click", v));
+    }), (h, g) => {
+      const T = Ae("calendar-month"), r = Ae("calendar-date"), k = Ae("calendar-range");
       return f(), p("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
@@ -2325,13 +2323,13 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
         n.popup ? (f(), p("div", {
           key: 0,
           class: "flex items-center gap-2 cursor-pointer w-full",
-          onClick: x[0] || (x[0] = ($) => n.disabled ? null : z())
+          onClick: g[0] || (g[0] = ($) => n.disabled ? null : z())
         }, [
           d("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
             placeholder: n.placeholder,
-            value: y.value,
+            value: b.value,
             readonly: "",
             id: `${n.id}-input`,
             disabled: n.disabled
@@ -2339,7 +2337,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
           d("button", {
             class: "btn btn-ghost",
             disabled: n.disabled
-          }, [...x[1] || (x[1] = [
+          }, [...g[1] || (g[1] = [
             d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               viewBox: "0 0 24 24",
@@ -2363,11 +2361,10 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
             min: n.min,
             max: n.max,
             disabled: n.disabled,
-            "initial-date": n.initialDate,
-            onChange: k
+            onChange: x
           }, {
             default: pt(() => [
-              x[2] || (x[2] = d("svg", {
+              g[2] || (g[2] = d("svg", {
                 "aria-label": "Previous",
                 class: "fill-current size-4",
                 slot: "previous",
@@ -2379,7 +2376,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
                   d: "M15.75 19.5 8.25 12l7.5-7.5"
                 })
               ], -1)),
-              x[3] || (x[3] = d("svg", {
+              g[3] || (g[3] = d("svg", {
                 "aria-label": "Next",
                 class: "fill-current size-4",
                 slot: "next",
@@ -2396,8 +2393,8 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "initial-date"])) : E("", !0),
-          n.range && n.mode !== "time" ? (f(), ae(b, {
+          }, 8, ["id", "min", "max", "disabled"])) : E("", !0),
+          n.range && n.mode !== "time" ? (f(), ae(k, {
             key: 1,
             class: "cally w-full",
             ref_key: "rangeDatePicker",
@@ -2406,11 +2403,10 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
             min: n.min,
             max: n.max,
             disabled: n.disabled,
-            "initial-date": n.initialDate,
-            onChange: k
+            onChange: x
           }, {
             default: pt(() => [
-              x[4] || (x[4] = d("svg", {
+              g[4] || (g[4] = d("svg", {
                 "aria-label": "Previous",
                 class: "fill-current size-4",
                 slot: "previous",
@@ -2422,7 +2418,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
                   d: "M15.75 19.5 8.25 12l7.5-7.5"
                 })
               ], -1)),
-              x[5] || (x[5] = d("svg", {
+              g[5] || (g[5] = d("svg", {
                 "aria-label": "Next",
                 class: "fill-current size-4",
                 slot: "next",
@@ -2439,7 +2435,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
               }, null, 8, ["locale"])
             ]),
             _: 1
-          }, 8, ["id", "min", "max", "disabled", "initial-date"])) : E("", !0),
+          }, 8, ["id", "min", "max", "disabled"])) : E("", !0),
           n.range && n.mode !== "date" ? (f(), p("div", nl, [
             d("div", al, [
               d("input", {
@@ -2453,7 +2449,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
                 disabled: n.disabled
               }, null, 40, ll)
             ]),
-            x[6] || (x[6] = d("svg", {
+            g[6] || (g[6] = d("svg", {
               class: "join-item",
               viewBox: "0 0 1024 1024",
               focusable: "false",
@@ -2574,34 +2570,34 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, a = t, o = M([...n.modelValue]), l = n.maxTagAmount === void 0 ? -1 : n.maxTagAmount, s = M(null), u = M(""), i = K(() => l < 0 || o.value.length < l), c = () => {
-      const y = u.value.trim();
-      y && !o.value.includes(y) && (o.value.push(y), a("update:modelValue", o.value), u.value = "");
-    }, m = (y) => {
-      o.value = o.value.filter((S) => S !== y), a("update:modelValue", o.value);
+      const b = u.value.trim();
+      b && !o.value.includes(b) && (o.value.push(b), a("update:modelValue", o.value), u.value = "");
+    }, m = (b) => {
+      o.value = o.value.filter((S) => S !== b), a("update:modelValue", o.value);
     }, w = () => {
       u.value === "" && (o.value.pop(), a("update:modelValue", o.value));
-    }, g = (y) => {
-      y.key === "Enter" ? c() : y.key === "Backspace" && u.value === "" && w();
+    }, y = (b) => {
+      b.key === "Enter" ? c() : b.key === "Backspace" && u.value === "" && w();
     };
-    return R(() => n.modelValue, (y) => {
-      o.value = [...y];
-    }), (y, S) => (f(), p("div", {
-      class: B(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", y.$props.class])
+    return R(() => n.modelValue, (b) => {
+      o.value = [...b];
+    }), (b, S) => (f(), p("div", {
+      class: B(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", b.$props.class])
     }, [
-      (f(!0), p(U, null, F(o.value, (D) => V(y.$slots, "tag", {
+      (f(!0), p(U, null, F(o.value, (D) => V(b.$slots, "tag", {
         key: D,
         tag: D
       }, () => [
         d("div", cl, [
           d("button", {
             class: "px-1! py-0! h-fit font-bold cursor-pointer",
-            onClick: (k) => m(D),
+            onClick: (x) => m(D),
             "aria-label": "Remove tag"
           }, "X", 8, dl),
           d("span", fl, O(D), 1)
         ])
       ])), 128)),
-      V(y.$slots, "input", { showInput: i.value }, () => [
+      V(b.$slots, "input", { showInput: i.value }, () => [
         i.value ? Ce((f(), p("input", {
           key: 0,
           ref_key: "inputRef",
@@ -2610,7 +2606,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
-          onKeydown: g,
+          onKeydown: y,
           "aria-label": "Add tags"
         }, null, 40, ml)), [
           [Tt, u.value]
@@ -2705,13 +2701,13 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
   emits: ["update:modelValue", "select", "clear"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, l = en(), s = K(() => {
-      const b = (l.default ? l.default() : []).filter(($) => $.type !== tn);
-      return console.log("hasDefaultSlotContent computed:", b.length > 0), b.length > 0;
-    }), u = M(""), i = M(null), c = M(!1), m = M(null), w = M(null), g = M(null), y = M(null), S = () => {
+      const k = (l.default ? l.default() : []).filter(($) => $.type !== tn);
+      return console.log("hasDefaultSlotContent computed:", k.length > 0), k.length > 0;
+    }), u = M(""), i = M(null), c = M(!1), m = M(null), w = M(null), y = M(null), b = M(null), S = () => {
       c.value = !a.disabled;
     }, D = () => {
-      c.value = !1, y.value = null, s.value || (i.value && u.value !== i.value.text ? u.value = i.value.text : i.value || (u.value = ""));
-    }, k = () => {
+      c.value = !1, b.value = null, s.value || (i.value && u.value !== i.value.text ? u.value = i.value.text : i.value || (u.value = ""));
+    }, x = () => {
       c.value ? D() : S();
     }, C = K(() => {
       const r = u.value ? u.value.toLowerCase() : "";
@@ -2721,8 +2717,8 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
     });
     R(
       () => a.modelValue,
-      (r, b) => {
-        if (r !== b && D(), r == null)
+      (r, k) => {
+        if (r !== k && D(), r == null)
           i.value = null, !c.value && !s.value && (u.value = "");
         else {
           const $ = a.options.find((I) => I.value === r);
@@ -2754,33 +2750,33 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       i.value = r, s.value || (u.value = r.text), o("update:modelValue", r.value), o("select", r), D();
     }, h = () => {
       C.value.length > 0 && v(C.value[0]);
-    }, x = () => {
+    }, g = () => {
       c.value || S();
     }, T = (r) => {
       if (!c.value || C.value.length === 0) return;
-      const b = C.value.findIndex(
-        (I, P) => "option-" + P === y.value
+      const k = C.value.findIndex(
+        (I, P) => "option-" + P === b.value
       );
       let $ = -1;
       if (r.key === "ArrowDown")
-        r.preventDefault(), $ = (b + 1) % C.value.length;
+        r.preventDefault(), $ = (k + 1) % C.value.length;
       else if (r.key === "ArrowUp")
-        r.preventDefault(), $ = (b - 1 + C.value.length) % C.value.length;
-      else if (r.key === "Enter" && y.value) {
+        r.preventDefault(), $ = (k - 1 + C.value.length) % C.value.length;
+      else if (r.key === "Enter" && b.value) {
         r.preventDefault();
         const I = C.value.find(
-          (P, q) => "option-" + q === y.value
+          (P, q) => "option-" + q === b.value
         );
         I && v(I);
         return;
       } else if (r.key === "Escape") {
-        r.preventDefault(), D(), g.value && g.value.focus();
+        r.preventDefault(), D(), y.value && y.value.focus();
         return;
       } else if (s.value)
         return;
       if ($ !== -1) {
-        y.value = "option-" + $;
-        const I = document.getElementById(y.value);
+        b.value = "option-" + $;
+        const I = document.getElementById(b.value);
         I && requestAnimationFrame(() => {
           I.scrollIntoView({ block: "nearest", behavior: "smooth" });
         });
@@ -2799,7 +2795,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       // Expose method to open
       closeDropdown: D,
       // Expose method to close
-      toggleDropdown: k,
+      toggleDropdown: x,
       // Expose method to toggle
       selectItem: v,
       // Expose method to select an item programmatically
@@ -2807,7 +2803,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: s
       // Expose to know if the default slot is used
-    }), (r, b) => (f(), p("div", {
+    }), (r, k) => (f(), p("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: w
@@ -2821,7 +2817,7 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
           i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: b[1] || (b[1] = ($) => s.value ? k() : S()),
+        onClick: k[1] || (k[1] = ($) => s.value ? x() : S()),
         onKeydown: [
           We(te(h, ["prevent"]), ["enter"]),
           We(te(h, ["prevent"]), ["space"])
@@ -2830,10 +2826,10 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": c.value,
-        "aria-activedescendant": y.value,
+        "aria-activedescendant": b.value,
         "aria-autocomplete": "list",
         ref_key: "activatorWrapper",
-        ref: g
+        ref: y
       }, [
         V(r.$slots, "default", {}, () => [
           s.value ? E("", !0) : Ce((f(), p("input", {
@@ -2841,11 +2837,11 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
             type: "text",
             placeholder: e.placeholder,
             class: "bg-transparent border-none focus:outline-none w-full",
-            "onUpdate:modelValue": b[0] || (b[0] = ($) => u.value = $),
+            "onUpdate:modelValue": k[0] || (k[0] = ($) => u.value = $),
             ref_key: "filterInput",
             ref: m,
             onFocus: S,
-            onInput: x,
+            onInput: g,
             tabindex: "-1",
             disabled: a.disabled
           }, null, 40, $l)), [
@@ -2909,12 +2905,12 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
   emits: ["update:modelValue", "validate"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, l = M(null), s = M(!1), u = M(""), i = K(() => {
-      var k, C, z, j;
-      let y = !0, S = "";
+      var x, C, z, j;
+      let b = !0, S = "";
       const D = a.modelValue;
-      return (k = a.rules) != null && k.required && (D == null || D === "") && (y = !1, S = "This field is required."), y && ((C = a.rules) == null ? void 0 : C.minLength) !== void 0 && typeof D == "string" && D.length < a.rules.minLength && (y = !1, S = `Must be at least ${a.rules.minLength} characters.`), y && ((z = a.rules) == null ? void 0 : z.maxLength) !== void 0 && typeof D == "string" && D.length > a.rules.maxLength && (y = !1, S = `Cannot exceed ${a.rules.maxLength} characters.`), y && ((j = a.rules) != null && j.email) && typeof D == "string" && D && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(D) || (y = !1, S = "Please enter a valid email address.")), u.value = S, o("validate", y), y;
-    }), c = K(() => s.value && !i.value), m = (y) => {
-      const S = y.target;
+      return (x = a.rules) != null && x.required && (D == null || D === "") && (b = !1, S = "This field is required."), b && ((C = a.rules) == null ? void 0 : C.minLength) !== void 0 && typeof D == "string" && D.length < a.rules.minLength && (b = !1, S = `Must be at least ${a.rules.minLength} characters.`), b && ((z = a.rules) == null ? void 0 : z.maxLength) !== void 0 && typeof D == "string" && D.length > a.rules.maxLength && (b = !1, S = `Cannot exceed ${a.rules.maxLength} characters.`), b && ((j = a.rules) != null && j.email) && typeof D == "string" && D && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(D) || (b = !1, S = "Please enter a valid email address.")), u.value = S, o("validate", b), b;
+    }), c = K(() => s.value && !i.value), m = (b) => {
+      const S = b.target;
       o("update:modelValue", S.value), s.value && i.value;
     }, w = () => {
       s.value = !0, i.value;
@@ -2926,17 +2922,17 @@ const el = ["placeholder", "value", "id", "disabled"], tl = ["disabled"], nl = {
       }
     ), t({
       focusInput: () => {
-        var y;
-        console.log("inputField.vue: focusInput method called."), (y = l.value) == null || y.focus();
+        var b;
+        console.log("inputField.vue: focusInput method called."), (b = l.value) == null || b.focus();
       },
       isValid: i,
       isTouched: s,
       errorMessage: u
-    }), (y, S) => (f(), p("div", Tl, [
+    }), (b, S) => (f(), p("div", Tl, [
       e.label ? (f(), p("label", Ml, [
         d("span", Il, O(e.label), 1)
       ])) : E("", !0),
-      V(y.$slots, "default"),
+      V(b.$slots, "default"),
       d("input", {
         ref_key: "inputElement",
         ref: l,