manolis-ui 0.8.0 → 0.9.1

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as D, createCommentVNode as O, renderSlot as I, createTextVNode as ke, createElementVNode as s, Fragment as B, renderList as P, toDisplayString as C, ref as x, h as me, onMounted as ee, watch as H, withDirectives as q, createVNode as se, isRef as ze, vModelCheckbox as Ae, unref as R, provide as Pe, normalizeStyle as de, inject as Ee, useId as Le, defineAsyncComponent as ce, nextTick as pe, onBeforeUnmount as ge, withModifiers as Q, createBlock as ae, resolveDynamicComponent as ve, mergeProps as fe, withKeys as he, onUnmounted as $e, vModelSelect as Z, vModelText as oe, useSlots as Ue, Comment as Re, vShow as Ne } from "vue";
+import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as D, createCommentVNode as O, renderSlot as M, createTextVNode as ke, createElementVNode as s, Fragment as B, renderList as P, toDisplayString as C, ref as x, h as me, onMounted as ee, watch as H, withDirectives as q, createVNode as se, isRef as ze, vModelCheckbox as Ae, unref as R, provide as Pe, normalizeStyle as re, inject as Ee, useId as Le, defineAsyncComponent as ce, nextTick as pe, onBeforeUnmount as ge, withModifiers as Q, createBlock as ae, resolveDynamicComponent as ve, mergeProps as fe, withKeys as he, onUnmounted as $e, vModelSelect as Z, vModelText as oe, useSlots as Ue, Comment as Re, vShow as Ne } from "vue";
 const je = ["disabled"], Fe = {
   key: 0,
   class: "loading loading-spinner"
@@ -76,7 +76,7 @@ const je = ["disabled"], Fe = {
       disabled: v.disabled
     }, [
       l.loading ? (n(), a("span", Fe)) : O("", !0),
-      I(l.$slots, "default", {}, () => [
+      M(l.$slots, "default", {}, () => [
         r[0] || (r[0] = ke("Submit"))
       ])
     ], 10, je));
@@ -106,7 +106,7 @@ const je = ["disabled"], Fe = {
     return (o, l) => (n(), a("div", {
       class: D(["dropdown", v[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      I(o.$slots, "default", {
+      M(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
@@ -118,7 +118,7 @@ const je = ["disabled"], Fe = {
             href: r.link
           }, C(r.text), 9, He)
         ]))), 256)),
-        I(o.$slots, "additional")
+        M(o.$slots, "additional")
       ])
     ], 2));
   }
@@ -145,7 +145,7 @@ const je = ["disabled"], Fe = {
         class: "w-fit cursor-pointer",
         onClick: o
       }, [
-        I(r.$slots, "trigger", { role: "button" }, () => [
+        M(r.$slots, "trigger", { role: "button" }, () => [
           b[0] || (b[0] = s("button", { class: "btn" }, "Open", -1))
         ])
       ]),
@@ -155,15 +155,15 @@ const je = ["disabled"], Fe = {
         class: D(["modal", e[v.position]])
       }, [
         s("div", We, [
-          I(r.$slots, "default"),
+          M(r.$slots, "default"),
           s("div", Ke, [
-            I(r.$slots, "actions"),
+            M(r.$slots, "actions"),
             s("form", {
               method: "dialog",
               onSubmit: l,
               class: D(r.withBackdrop ? "modal-backdrop" : "")
             }, [
-              I(r.$slots, "close-button", {}, () => [
+              M(r.$slots, "close-button", {}, () => [
                 b[1] || (b[1] = s("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -184,10 +184,10 @@ const je = ["disabled"], Fe = {
     }, [
       t[0] || (t[0] = s("input", { type: "checkbox" }, null, -1)),
       s("div", Ye, [
-        I(e.$slots, "on")
+        M(e.$slots, "on")
       ]),
       s("div", Je, [
-        I(e.$slots, "off")
+        M(e.$slots, "off")
       ])
     ], 2));
   }
@@ -205,7 +205,7 @@ const Xe = (i) => i.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ue = {
+var de = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -222,18 +222,18 @@ var ue = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = ({ size: i, strokeWidth: v = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: l, class: r, ...b }, { slots: c }) => me(
+const Ge = ({ size: i, strokeWidth: v = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: l, class: r, ...b }, { slots: d }) => me(
   "svg",
   {
-    ...ue,
-    width: i || ue.width,
-    height: i || ue.height,
-    stroke: t || ue.stroke,
+    ...de,
+    width: i || de.width,
+    height: i || de.height,
+    stroke: t || de.stroke,
     "stroke-width": e ? Number(v) * 24 / Number(i) : v,
     class: ["lucide", `lucide-${Xe(l ?? "icon")}`],
     ...b
   },
-  [...o.map((m) => me(...m)), ...c.default ? [c.default()] : []]
+  [...o.map((m) => me(...m)), ...d.default ? [d.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.468.0 - ISC
@@ -443,7 +443,7 @@ const lt = te("SunIcon", [
     return (o, l) => (n(), a("span", {
       class: D(["badge", e[v.size], t[v.color], { "badge-outline": v.outline }])
     }, [
-      I(o.$slots, "default")
+      M(o.$slots, "default")
     ], 2));
   }
 }), pt = ["src", "alt"], vt = {
@@ -501,10 +501,10 @@ const lt = te("SunIcon", [
       ]),
       t.loading ? O("", !0) : (n(), a("div", vt, [
         t.title ? (n(), a("h2", ft, C(t.title), 1)) : O("", !0),
-        I(t.$slots, "details"),
+        M(t.$slots, "details"),
         t.description ? (n(), a("p", mt, C(t.description), 1)) : O("", !0),
         s("div", gt, [
-          I(t.$slots, "actions")
+          M(t.$slots, "actions")
         ])
       ])),
       t.loading ? (n(), a("div", ht, o[0] || (o[0] = [
@@ -564,24 +564,24 @@ const lt = te("SunIcon", [
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
     Pe(_e, b);
-    const c = () => {
+    const d = () => {
       o.value ? r.value = o.value.children.length : r.value = 0;
     }, m = async (w) => {
-      if (!o.value || e.slidesPerView <= 0 || l.value || (c(), r.value === 0)) return;
-      const $ = (w % r.value + r.value) % r.value, M = o.value, z = e.sliderOrientation === "vertical" ? (M.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (M.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
+      if (!o.value || e.slidesPerView <= 0 || l.value || (d(), r.value === 0)) return;
+      const $ = (w % r.value + r.value) % r.value, I = o.value, z = e.sliderOrientation === "vertical" ? (I.offsetHeight - (e.slidesPerView - 1) * e.gap) / e.slidesPerView : (I.offsetWidth - (e.slidesPerView - 1) * e.gap) / e.slidesPerView;
       if (z <= 0) return;
-      const j = z + e.gap, W = $ * j, Y = e.sliderOrientation === "vertical" ? M.scrollHeight - M.offsetHeight : M.scrollWidth - M.offsetWidth, d = Math.max(0, Math.min(W, Y + 0.5));
-      l.value = !0, M.style.scrollBehavior = "auto";
-      const y = e.sliderOrientation === "vertical" ? M.scrollTop : M.scrollLeft, S = d - y;
+      const j = z + e.gap, W = $ * j, Y = e.sliderOrientation === "vertical" ? I.scrollHeight - I.offsetHeight : I.scrollWidth - I.offsetWidth, p = Math.max(0, Math.min(W, Y + 0.5));
+      l.value = !0, I.style.scrollBehavior = "auto";
+      const y = e.sliderOrientation === "vertical" ? I.scrollTop : I.scrollLeft, S = p - y;
       if (Math.abs(S) < 1) {
         l.value = !1, t.value = $;
         return;
       }
-      const T = performance.now(), p = (A) => {
+      const T = performance.now(), u = (A) => {
         const _ = A - T, V = Math.min(1, _ / e.slideDuration), K = V < 0.5 ? 4 * V * V * V : 1 - Math.pow(-2 * V + 2, 3) / 2, J = y + S * K;
-        e.sliderOrientation === "vertical" ? M.scrollTop = J : M.scrollLeft = J, V < 1 ? requestAnimationFrame(p) : (e.sliderOrientation === "vertical" ? M.scrollTop = d : M.scrollLeft = d, t.value = $, l.value = !1);
+        e.sliderOrientation === "vertical" ? I.scrollTop = J : I.scrollLeft = J, V < 1 ? requestAnimationFrame(u) : (e.sliderOrientation === "vertical" ? I.scrollTop = p : I.scrollLeft = p, t.value = $, l.value = !1);
       };
-      requestAnimationFrame(p);
+      requestAnimationFrame(u);
     }, k = () => {
       m(t.value + 1);
     }, U = () => {
@@ -589,24 +589,24 @@ const lt = te("SunIcon", [
     }, N = (w) => {
       m(w);
     }, f = () => {
-      if (!o.value || e.slidesPerView <= 0 || (c(), r.value === 0)) return;
-      const w = o.value, $ = e.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, M = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, z = ($ - M) / e.slidesPerView;
+      if (!o.value || e.slidesPerView <= 0 || (d(), r.value === 0)) return;
+      const w = o.value, $ = e.sliderOrientation === "vertical" ? w.offsetHeight : w.offsetWidth, I = e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0, z = ($ - I) / e.slidesPerView;
       if (z <= 0) return;
-      const j = Math.max(0, r.value - e.slidesPerView), W = Math.min(Math.max(0, e.initialSlide), j), Y = W * (z + e.gap), d = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, y = Math.max(0, Math.min(Y, d + 0.5));
+      const j = Math.max(0, r.value - e.slidesPerView), W = Math.min(Math.max(0, e.initialSlide), j), Y = W * (z + e.gap), p = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, y = Math.max(0, Math.min(Y, p + 0.5));
       e.sliderOrientation === "vertical" ? w.scrollTo({ top: y, behavior: "auto" }) : w.scrollTo({ left: y, behavior: "auto" }), t.value = W;
     };
     return ee(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(f);
-      }), c();
+      }), d();
     }), H(() => e.initialSlide, (w) => {
       requestAnimationFrame(() => m(w));
     }), H(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (c(), r.value === 0) return;
-          const w = Math.max(0, r.value - e.slidesPerView), $ = Math.min(t.value, w), M = e.slideDuration;
-          e.slideDuration = 0, m($), e.slideDuration = M;
+          if (d(), r.value === 0) return;
+          const w = Math.max(0, r.value - e.slidesPerView), $ = Math.min(t.value, w), I = e.slideDuration;
+          e.slideDuration = 0, m($), e.slideDuration = I;
         });
       });
     }), v({ scrollToSlide: m }), (w, $) => (n(), a("div", bt, [
@@ -614,9 +614,9 @@ const lt = te("SunIcon", [
         ref_key: "carouselContainer",
         ref: o,
         class: D(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
-        style: de({ gap: `${i.gap}px` })
+        style: re({ gap: `${i.gap}px` })
       }, [
-        I(w.$slots, "default", {}, void 0, !0)
+        M(w.$slots, "default", {}, void 0, !0)
       ], 6),
       i.showNavigationButtons ? (n(), a("div", yt, [
         s("div", {
@@ -624,7 +624,7 @@ const lt = te("SunIcon", [
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          I(w.$slots, "prevButton", {}, () => [
+          M(w.$slots, "prevButton", {}, () => [
             $[0] || ($[0] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -636,7 +636,7 @@ const lt = te("SunIcon", [
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          I(w.$slots, "nextButton", {}, () => [
+          M(w.$slots, "nextButton", {}, () => [
             $[1] || ($[1] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -645,7 +645,7 @@ const lt = te("SunIcon", [
         ])
       ])) : O("", !0),
       i.showIndicators ? (n(), a("div", wt, [
-        (n(!0), a(B, null, P(r.value, (M, z) => (n(), a("button", {
+        (n(!0), a(B, null, P(r.value, (I, z) => (n(), a("button", {
           key: `dot-${z}`,
           onClick: (j) => N(z),
           class: D(["btn btn-circle btn-xs", { "btn-active": z === t.value }]),
@@ -665,18 +665,18 @@ const lt = te("SunIcon", [
     const v = Ee(_e, x({}));
     return (e, t) => (n(), a("div", {
       class: "w-full h-full carousel-item",
-      style: de(R(v))
+      style: re(R(v))
     }, [
-      I(e.$slots, "default", {}, void 0, !0)
+      M(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), xn = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-507384bc"]]), St = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, xt = ["onClick"], Ct = {
   key: 0,
   class: "inline-component-wrapper flex flex-grow justify-center items-center w-full h-full"
-}, Mt = {
+}, It = {
   key: 1,
   class: "flex flex-col"
-}, It = { class: "text-sm" }, Dt = {
+}, Mt = { class: "text-sm" }, Dt = {
   key: 0,
   class: "opacity-75 overflow-hidden text-xs truncate ..."
 }, Tt = {
@@ -706,59 +706,59 @@ const lt = te("SunIcon", [
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
       "custom-text": ce(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, c = x({}), m = x({
+    }, d = x({}), m = x({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), k = x(null), U = (d) => {
+    }), k = x(null), U = (p) => {
       var y;
-      if (d.value === void 0 || d.value === null || d.value === "")
+      if (p.value === void 0 || p.value === null || p.value === "")
         return "";
-      switch (d.type) {
+      switch (p.type) {
         case "datetime":
-          if (typeof d.value == "string")
+          if (typeof p.value == "string")
             try {
-              const S = new Date(d.value);
+              const S = new Date(p.value);
               if (!isNaN(S.getTime()))
                 return S.toLocaleString();
             } catch {
             }
-          else if (d.range && typeof d.value == "object" && d.value !== null && "start" in d.value && "end" in d.value)
+          else if (p.range && typeof p.value == "object" && p.value !== null && "start" in p.value && "end" in p.value)
             try {
-              const S = new Date(d.value.start), T = new Date(d.value.end);
+              const S = new Date(p.value.start), T = new Date(p.value.end);
               if (!isNaN(S.getTime()) && !isNaN(T.getTime()))
                 return `${S.toLocaleDateString()} - ${T.toLocaleDateString()}`;
             } catch {
             }
           break;
         case "custom-range":
-          if (typeof d.value == "object" && d.value !== null && "start" in d.value && "end" in d.value)
-            return `${d.value.start} - ${d.value.end}`;
+          if (typeof p.value == "object" && p.value !== null && "start" in p.value && "end" in p.value)
+            return `${p.value.start} - ${p.value.end}`;
           break;
         case "custom-number":
-          if (typeof d.value == "number")
-            return d.value.toString();
+          if (typeof p.value == "number")
+            return p.value.toString();
           break;
         case "standard-select":
         case "custom-select":
-          if ((y = d.props) != null && y.options && Array.isArray(d.props.options)) {
-            const S = d.props.options.find(
-              (T) => T.value === d.value
+          if ((y = p.props) != null && y.options && Array.isArray(p.props.options)) {
+            const S = p.props.options.find(
+              (T) => T.value === p.value
             );
             if (S)
               return S.text;
           }
-          return String(d.value);
+          return String(p.value);
         case "custom-text":
-          if (typeof d.value == "string")
-            return d.value;
+          if (typeof p.value == "string")
+            return p.value;
           break;
       }
-      return String(d.value);
+      return String(p.value);
     };
-    function N(d) {
-      var p, A;
-      const y = (p = l.value) == null ? void 0 : p.name;
+    function N(p) {
+      var u, A;
+      const y = (u = l.value) == null ? void 0 : u.name;
       if (!y) {
         console.warn("componentValueUpdated called but no active tab.");
         return;
@@ -768,45 +768,45 @@ const lt = te("SunIcon", [
       )) == null ? void 0 : A.tabs, T = S == null ? void 0 : S.find(
         (_) => _.name === y
       );
-      T ? (T.value = d, t("update:search-data", {
+      T ? (T.value = p, t("update:search-data", {
         tab: T.name,
-        data: d
+        data: p
       })) : console.error(
         `Tab with name "${y}" not found in current category.`
       );
     }
-    function f(d) {
-      N(d);
+    function f(p) {
+      N(p);
     }
     function w() {
       t("search");
     }
-    async function $(d) {
+    async function $(p) {
       var T;
-      const y = document.getElementById(`advancedSearchMobile-${o}`), S = y && y.contains(d.target);
-      ((T = l.value) == null ? void 0 : T.displayMode) === "popup" && k.value && !k.value.contains(d.target) && !S && (await pe(), l.value = null);
+      const y = document.getElementById(`advancedSearchMobile-${o}`), S = y && y.contains(p.target);
+      ((T = l.value) == null ? void 0 : T.displayMode) === "popup" && k.value && !k.value.contains(p.target) && !S && (await pe(), l.value = null);
     }
-    async function M() {
+    async function I() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const d = document.getElementById(
+        const p = document.getElementById(
           `advancedSearchMobile-${o}`
         );
-        d ? (l.value = null, d.showModal()) : console.warn(
+        p ? (l.value = null, p.showModal()) : console.warn(
           `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${o}".`
         );
       }
     }
-    async function z(d) {
-      var S, T, p;
+    async function z(p) {
+      var S, T, u;
       if (typeof window < "u" && window.innerWidth <= 768) {
-        M();
+        I();
         return;
       }
-      const y = d.displayMode ?? "popup";
-      if (((S = l.value) == null ? void 0 : S.name) === d.name && ((T = l.value) == null ? void 0 : T.displayMode) === y)
+      const y = p.displayMode ?? "popup";
+      if (((S = l.value) == null ? void 0 : S.name) === p.name && ((T = l.value) == null ? void 0 : T.displayMode) === y)
         l.value = null;
-      else if (l.value = { ...d, displayMode: y }, await pe(), ((p = l.value) == null ? void 0 : p.displayMode) === "popup") {
-        const A = c.value[d.name];
+      else if (l.value = { ...p, displayMode: y }, await pe(), ((u = l.value) == null ? void 0 : u.displayMode) === "popup") {
+        const A = d.value[p.name];
         if (A && k.value) {
           const _ = A.getBoundingClientRect(), V = k.value.getBoundingClientRect(), K = _.bottom - V.top, J = _.left + _.width / 2 - V.left;
           m.value = {
@@ -819,12 +819,12 @@ const lt = te("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            d.name
+            p.name
           );
       }
     }
-    const j = (d) => {
-      const y = d.relatedTarget;
+    const j = (p) => {
+      const y = p.relatedTarget;
       setTimeout(() => {
         var S;
         ((S = l.value) == null ? void 0 : S.displayMode) === "inline" && k.value && (!y || !k.value.contains(y)) ? (console.log("Blur detected outside container, closing inline view."), l.value = null) : console.log(
@@ -834,27 +834,27 @@ const lt = te("SunIcon", [
     }, W = () => {
       console.log("Enter key pressed on inline component, closing inline view."), l.value = null;
     };
-    H(r, (d) => {
+    H(r, (p) => {
       var y;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
-        d
-      ), console.log("advanced-search: activeTab.value:", l.value), d && ((y = l.value) == null ? void 0 : y.displayMode) === "inline" ? (console.log(
+        p
+      ), console.log("advanced-search: activeTab.value:", l.value), p && ((y = l.value) == null ? void 0 : y.displayMode) === "inline" ? (console.log(
         "advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
       ), pe(() => {
         console.log(
           "advanced-search: Inside nextTick. Attempting to call child's focus method..."
-        ), console.log("advanced-search: Type of newValue:", typeof d), console.log(
+        ), console.log("advanced-search: Type of newValue:", typeof p), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof d.focusInput == "function"
-        ), d && typeof d.focusInput == "function" ? (console.log(
+          typeof p.focusInput == "function"
+        ), p && typeof p.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), d.focusInput()) : console.warn(
+        ), p.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          d
+          p
         );
       })) : console.log(
-        d ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        p ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
       );
     }), ee(() => {
       document.addEventListener("click", $), window.addEventListener("resize", Y);
@@ -862,19 +862,19 @@ const lt = te("SunIcon", [
       document.removeEventListener("click", $), window.removeEventListener("resize", Y);
     });
     const Y = () => {
-      var d, y;
+      var p, y;
       if (typeof window < "u") {
         const S = window.innerWidth <= 768, T = l.value !== null && (l.value.displayMode === "popup" || l.value.displayMode === "inline") && window.innerWidth > 768;
-        !S && (((d = l.value) == null ? void 0 : d.displayMode) === "popup" || ((y = l.value) == null ? void 0 : y.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), l.value = null), S && !T && l.value !== null && (console.log(
+        !S && (((p = l.value) == null ? void 0 : p.displayMode) === "popup" || ((y = l.value) == null ? void 0 : y.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), l.value = null), S && !T && l.value !== null && (console.log(
           "Resizing to desktop from potential mobile active state, closing active tab."
         ), l.value = null);
-        const p = document.getElementById(
+        const u = document.getElementById(
           `advancedSearchMobile-${o}`
         );
-        p != null && p.open && !S && (console.log("Modal is open on desktop, closing modal and active tab."), p.close(), l.value = null);
+        u != null && u.open && !S && (console.log("Modal is open on desktop, closing modal and active tab."), u.close(), l.value = null);
       }
     };
-    return (d, y) => {
+    return (p, y) => {
       var S, T;
       return n(), a(B, null, [
         s("div", {
@@ -884,25 +884,25 @@ const lt = te("SunIcon", [
         }, [
           s("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: M
+            onClick: I
           }, [
             s("div", St, [
               (n(!0), a(B, null, P(((S = e.searchOptions.find(
-                (p) => p.category === e.currentCategory
-              )) == null ? void 0 : S.tabs) || [], (p, A) => {
-                var _, V, K, J, re;
+                (u) => u.category === e.currentCategory
+              )) == null ? void 0 : S.tabs) || [], (u, A) => {
+                var _, V, K, J, ie;
                 return n(), a("button", {
-                  key: `${p.name}-${A}`,
-                  onClick: Q((X) => z(p), ["stop"]),
+                  key: `${u.name}-${A}`,
+                  onClick: Q((X) => z(u), ["stop"]),
                   class: D([{
-                    "tab-active": ((_ = l.value) == null ? void 0 : _.name) === p.name,
-                    "tab-active-inline": ((V = l.value) == null ? void 0 : V.name) === p.name && ((K = l.value) == null ? void 0 : K.displayMode) === "inline"
+                    "tab-active": ((_ = l.value) == null ? void 0 : _.name) === u.name,
+                    "tab-active-inline": ((V = l.value) == null ? void 0 : V.name) === u.name && ((K = l.value) == null ? void 0 : K.displayMode) === "inline"
                     // Add new class
                   }, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
                   ref_for: !0,
-                  ref: (X) => c.value[p.name] = X
+                  ref: (X) => d.value[u.name] = X
                 }, [
-                  ((J = l.value) == null ? void 0 : J.name) === p.name && ((re = l.value) == null ? void 0 : re.displayMode) === "inline" ? (n(), a("div", Ct, [
+                  ((J = l.value) == null ? void 0 : J.name) === u.name && ((ie = l.value) == null ? void 0 : ie.displayMode) === "inline" ? (n(), a("div", Ct, [
                     (n(), ae(ve(b[l.value.type]), fe({ ref_for: !0 }, l.value.props || {}, {
                       modelValue: l.value.value,
                       onUpdated: y[0] || (y[0] = (X) => f(X)),
@@ -913,9 +913,9 @@ const lt = te("SunIcon", [
                       ref_key: "inlineComponentRef",
                       ref: r
                     }), null, 16, ["modelValue", "onKeydown"]))
-                  ])) : (n(), a("div", Mt, [
-                    s("p", It, C(p.name), 1),
-                    p.value !== void 0 && p.value !== null && p.value !== "" ? (n(), a("p", Dt, C(U(p)), 1)) : (n(), a("p", Tt, C(p.description), 1))
+                  ])) : (n(), a("div", It, [
+                    s("p", Mt, C(u.name), 1),
+                    u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("p", Dt, C(U(u)), 1)) : (n(), a("p", Tt, C(u.description), 1))
                   ]))
                 ], 10, xt);
               }), 128))
@@ -923,12 +923,12 @@ const lt = te("SunIcon", [
             l.value && l.value.displayMode === "popup" ? (n(), a("div", {
               key: 0,
               class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
-              style: de(m.value)
+              style: re(m.value)
             }, [
               (n(), ae(ve(b[l.value.type]), fe(l.value.props || {}, {
                 modelValue: l.value.value,
-                onUpdated: y[2] || (y[2] = (p) => N(p)),
-                "onUpdate:modelValue": y[3] || (y[3] = (p) => N(p))
+                onUpdated: y[2] || (y[2] = (u) => N(u)),
+                "onUpdate:modelValue": y[3] || (y[3] = (u) => N(u))
               }), null, 16, ["modelValue"]))
             ], 4)) : O("", !0),
             s("button", {
@@ -961,14 +961,14 @@ const lt = te("SunIcon", [
           class: "modal"
         }, [
           s("div", Ot, [
-            I(d.$slots, "additionalForMobile", {}, () => [
-              s("h3", zt, C(d.currentCategory), 1)
+            M(p.$slots, "additionalForMobile", {}, () => [
+              s("h3", zt, C(p.currentCategory), 1)
             ], !0),
             (n(!0), a(B, null, P(((T = e.searchOptions.find(
-              (p) => p.category === e.currentCategory
-            )) == null ? void 0 : T.tabs) || [], (p, A) => (n(), a("div", {
+              (u) => u.category === e.currentCategory
+            )) == null ? void 0 : T.tabs) || [], (u, A) => (n(), a("div", {
               class: "collapse bg-base-200 my-4",
-              key: p.name
+              key: u.name
             }, [
               s("input", {
                 type: "radio",
@@ -976,13 +976,13 @@ const lt = te("SunIcon", [
                 checked: A === 0
               }, null, 8, At),
               s("div", Pt, [
-                s("div", null, C(p.name), 1),
-                p.value !== void 0 && p.value !== null && p.value !== "" ? (n(), a("div", Et, C(U(p)), 1)) : (n(), a("div", Lt, C(p.description), 1))
+                s("div", null, C(u.name), 1),
+                u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("div", Et, C(U(u)), 1)) : (n(), a("div", Lt, C(u.description), 1))
               ]),
               s("div", Ut, [
                 y[7] || (y[7] = s("br", null, null, -1)),
-                (n(), ae(ve(b[p.type]), fe({ ref_for: !0 }, p.props || {}, {
-                  modelValue: p.value,
+                (n(), ae(ve(b[u.type]), fe({ ref_for: !0 }, u.props || {}, {
+                  modelValue: u.value,
                   onUpdated: y[5] || (y[5] = (_) => N(_)),
                   "onUpdate:modelValue": y[6] || (y[6] = (_) => N(_))
                 }), null, 16, ["modelValue"]))
@@ -1070,25 +1070,25 @@ const lt = te("SunIcon", [
     );
     const t = v, o = x(!1), l = x(e.range ? { start: null, end: null } : null), r = x(e.range ? { start: null, end: null } : null), b = x(
       (/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })
-    ), c = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), k = x(e.range ? { start: 0, end: 0 } : 0), U = x(null), N = E(() => `${e.id}-input`), f = E(() => `${e.id}-popup`), w = E(
+    ), d = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), k = x(e.range ? { start: 0, end: 0 } : 0), U = x(null), N = E(() => `${e.id}-input`), f = E(() => `${e.id}-popup`), w = E(
       () => e.mode === "date" || e.mode === "datetime"
     ), $ = E(
       () => e.mode === "time" || e.mode === "datetime"
     );
     E(
-      () => new Date(c.value, M.value)
+      () => new Date(d.value, I.value)
     );
-    const M = E(() => T.indexOf(b.value)), z = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], j = E(
-      () => new Date(c.value, M.value).getDay()
+    const I = E(() => T.indexOf(b.value)), z = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], j = E(
+      () => new Date(d.value, I.value).getDay()
     ), W = E(() => {
-      const g = new Date(c.value, M.value + 1, 0).getDate();
+      const g = new Date(d.value, I.value + 1, 0).getDate();
       return Array.from(
         { length: g },
-        (h, u) => new Date(c.value, M.value, u + 1)
+        (h, c) => new Date(d.value, I.value, c + 1)
       );
     }), Y = E(
       () => Array.from({ length: j.value }, (g, h) => h)
-    ), d = Array.from({ length: 24 }, (g, h) => h), y = Array.from({ length: 60 }, (g, h) => h), S = E(
+    ), p = Array.from({ length: 24 }, (g, h) => h), y = Array.from({ length: 60 }, (g, h) => h), S = E(
       () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
         navigator.userAgent
       )
@@ -1105,9 +1105,9 @@ const lt = te("SunIcon", [
       "October",
       "November",
       "December"
-    ], p = E(() => {
+    ], u = E(() => {
       const g = (/* @__PURE__ */ new Date()).getFullYear();
-      return Array.from({ length: 100 }, (h, u) => g - 50 + u);
+      return Array.from({ length: 100 }, (h, c) => g - 50 + c);
     }), A = E(() => {
       if (!w.value || !l.value) return "";
       if (e.range && l.value.start && l.value.end) {
@@ -1118,44 +1118,44 @@ const lt = te("SunIcon", [
     }), _ = (g) => g instanceof Date ? g : new Date(g), V = (g) => g instanceof Date && !isNaN(g), K = E(() => {
       if (!$.value) return "";
       const g = (h) => {
-        var ie, ne, ye;
-        const u = ((ie = m.value) == null ? void 0 : ie[h]) ?? m.value, G = ((ne = k.value) == null ? void 0 : ne[h]) ?? k.value;
-        return S.value ? ((ye = r.value) == null ? void 0 : ye[h]) ?? r.value : `${u.toString().padStart(2, "0")}:${G.toString().padStart(2, "0")}`;
+        var ue, ne, ye;
+        const c = ((ue = m.value) == null ? void 0 : ue[h]) ?? m.value, G = ((ne = k.value) == null ? void 0 : ne[h]) ?? k.value;
+        return S.value ? ((ye = r.value) == null ? void 0 : ye[h]) ?? r.value : `${c.toString().padStart(2, "0")}:${G.toString().padStart(2, "0")}`;
       };
       return e.range ? `${g("start")} - ${g("end")}` : g();
     }), J = E(() => {
       const g = A.value, h = K.value;
       return `${g} ${h}`.trim();
-    }), re = () => o.value = !o.value, X = () => {
+    }), ie = () => o.value = !o.value, X = () => {
       F(), Se();
     }, Se = () => o.value = !1, xe = () => {
       l.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, F();
     }, Ce = (g) => {
       e.range ? l.value.start && l.value.end ? l.value = { start: g, end: null } : l.value.start ? l.value.end = g : l.value.start = g : l.value = g, F();
-    }, Me = (g) => (g = _(g), e.range ? l.value.start && V(l.value.start) && g.getTime() === l.value.start.getTime() || l.value.end && V(l.value.end) && g.getTime() === l.value.end.getTime() : V(l.value) && g.getTime() === l.value.getTime()), Ie = (g) => {
+    }, Ie = (g) => (g = _(g), e.range ? l.value.start && V(l.value.start) && g.getTime() === l.value.start.getTime() || l.value.end && V(l.value.end) && g.getTime() === l.value.end.getTime() : V(l.value) && g.getTime() === l.value.getTime()), Me = (g) => {
       g = _(g);
       const h = /* @__PURE__ */ new Date();
       return g.getDate() === h.getDate() && g.getMonth() === h.getMonth() && g.getFullYear() === h.getFullYear();
     }, De = (g) => (g = _(g), e.range && V(l.value.start) && g.getTime() === l.value.start.getTime()), Te = (g) => (g = _(g), e.range && V(l.value.end) && g.getTime() === l.value.end.getTime()), Ve = (g) => {
       if (g = _(g), e.range && V(l.value.start) && V(l.value.end)) {
-        const h = l.value.start.getTime(), u = l.value.end.getTime(), G = g.getTime();
-        return G > h && G < u;
+        const h = l.value.start.getTime(), c = l.value.end.getTime(), G = g.getTime();
+        return G > h && G < c;
       }
       return !1;
     }, Be = () => {
-      let g = M.value - 1;
-      g < 0 && (g = 11, c.value--), b.value = T[g], F();
+      let g = I.value - 1;
+      g < 0 && (g = 11, d.value--), b.value = T[g], F();
     }, Oe = () => {
-      let g = M.value + 1;
-      g > 11 && (g = 0, c.value++), b.value = T[g], F();
+      let g = I.value + 1;
+      g > 11 && (g = 0, d.value++), b.value = T[g], F();
     }, be = (g) => {
       U.value && !U.value.contains(g.target) && o.value == !0 && X();
     }, F = () => {
       let g = {};
-      const h = (u, G, ie) => {
-        u instanceof Date && !isNaN(u) || (u = /* @__PURE__ */ new Date());
-        const ne = new Date(u);
-        return ne.setUTCHours(G, ie, 0, 0), ne.toISOString();
+      const h = (c, G, ue) => {
+        c instanceof Date && !isNaN(c) || (c = /* @__PURE__ */ new Date());
+        const ne = new Date(c);
+        return ne.setUTCHours(G, ue, 0, 0), ne.toISOString();
       };
       e.range ? (g.from = h(
         l.value.start,
@@ -1183,9 +1183,9 @@ const lt = te("SunIcon", [
     }, [
       s("div", {
         class: "flex items-center gap-2 cursor-pointer",
-        onClick: h[0] || (h[0] = (u) => e.disabled ? null : re())
+        onClick: h[0] || (h[0] = (c) => e.disabled ? null : ie())
       }, [
-        i.popup ? I(g.$slots, "default", { key: 0 }, () => [
+        i.popup ? M(g.$slots, "default", { key: 0 }, () => [
           s("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
@@ -1231,27 +1231,27 @@ const lt = te("SunIcon", [
           ]), 8, Ht),
           q(s("select", {
             class: "border-none w-fit select",
-            "onUpdate:modelValue": h[1] || (h[1] = (u) => b.value = u),
+            "onUpdate:modelValue": h[1] || (h[1] = (c) => b.value = c),
             onChange: F
           }, [
-            (n(), a(B, null, P(T, (u, G) => s("option", {
+            (n(), a(B, null, P(T, (c, G) => s("option", {
               key: G,
-              value: u
-            }, C(u), 9, Wt)), 64))
+              value: c
+            }, C(c), 9, Wt)), 64))
           ], 544), [
             [Z, b.value]
           ]),
           q(s("select", {
             class: "border-none w-24 select",
-            "onUpdate:modelValue": h[2] || (h[2] = (u) => c.value = u),
+            "onUpdate:modelValue": h[2] || (h[2] = (c) => d.value = c),
             onChange: F
           }, [
-            (n(!0), a(B, null, P(p.value, (u) => (n(), a("option", {
-              key: u,
-              value: u
-            }, C(u), 9, Kt))), 128))
+            (n(!0), a(B, null, P(u.value, (c) => (n(), a("option", {
+              key: c,
+              value: c
+            }, C(c), 9, Kt))), 128))
           ], 544), [
-            [Z, c.value]
+            [Z, d.value]
           ]),
           s("button", {
             class: "hidden md:block btn-outline btn btn-primary md:btn-sm",
@@ -1274,25 +1274,25 @@ const lt = te("SunIcon", [
           ]))
         ])) : O("", !0),
         w.value ? (n(), a("div", Yt, [
-          (n(), a(B, null, P(z, (u) => s("div", {
-            key: u,
+          (n(), a(B, null, P(z, (c) => s("div", {
+            key: c,
             class: "text-center"
-          }, C(u), 1)), 64)),
-          (n(!0), a(B, null, P(Y.value, (u) => (n(), a("div", {
-            key: u,
+          }, C(c), 1)), 64)),
+          (n(!0), a(B, null, P(Y.value, (c) => (n(), a("div", {
+            key: c,
             class: "text-center"
           }))), 128)),
-          (n(!0), a(B, null, P(W.value, (u) => (n(), a("div", {
-            key: u,
+          (n(!0), a(B, null, P(W.value, (c) => (n(), a("div", {
+            key: c,
             class: D(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
-              "bg-primary text-primary-content": Me(u),
-              today: Ie(u),
-              "range-start bg-primary text-primary-content": De(u),
-              "range-end bg-primary text-primary-content": Te(u),
-              "in-range bg-primary/20 hover:bg-primary/10": Ve(u)
+              "bg-primary text-primary-content": Ie(c),
+              today: Me(c),
+              "range-start bg-primary text-primary-content": De(c),
+              "range-end bg-primary text-primary-content": Te(c),
+              "in-range bg-primary/20 hover:bg-primary/10": Ve(c)
             }]),
-            onClick: (G) => Ce(u)
-          }, C(u.getDate()), 11, Jt))), 128))
+            onClick: (G) => Ce(c)
+          }, C(c.getDate()), 11, Jt))), 128))
         ])) : O("", !0),
         $.value ? (n(), a("div", Xt, [
           e.range ? O("", !0) : (n(), a("h3", Gt, "Select Time")),
@@ -1303,20 +1303,20 @@ const lt = te("SunIcon", [
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": h[6] || (h[6] = (u) => r.value.start = u),
+                "onUpdate:modelValue": h[6] || (h[6] = (c) => r.value.start = c),
                 onChange: F
               }, null, 544)), [
                 [oe, r.value.start]
               ]) : (n(), a("div", nl, [
                 q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[7] || (h[7] = (u) => m.value.start = u),
+                  "onUpdate:modelValue": h[7] || (h[7] = (c) => m.value.start = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(d), (u) => (n(), a("option", {
-                    key: u,
-                    value: u
-                  }, C(u.toString().padStart(2, "0")), 9, al))), 128))
+                  (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                    key: c,
+                    value: c
+                  }, C(c.toString().padStart(2, "0")), 9, al))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1327,13 +1327,13 @@ const lt = te("SunIcon", [
                 ]),
                 q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[8] || (h[8] = (u) => k.value.start = u),
+                  "onUpdate:modelValue": h[8] || (h[8] = (c) => k.value.start = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(y), (u) => (n(), a("option", {
-                    key: u,
-                    value: u
-                  }, C(u.toString().padStart(2, "0")), 9, ol))), 128))
+                  (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                    key: c,
+                    value: c
+                  }, C(c.toString().padStart(2, "0")), 9, ol))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1350,20 +1350,20 @@ const lt = te("SunIcon", [
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
-                "onUpdate:modelValue": h[9] || (h[9] = (u) => r.value.end = u),
+                "onUpdate:modelValue": h[9] || (h[9] = (c) => r.value.end = c),
                 onChange: F
               }, null, 544)), [
                 [oe, r.value.end]
               ]) : (n(), a("div", sl, [
                 q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[10] || (h[10] = (u) => m.value.end = u),
+                  "onUpdate:modelValue": h[10] || (h[10] = (c) => m.value.end = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(d), (u) => (n(), a("option", {
-                    key: u,
-                    value: u
-                  }, C(u.toString().padStart(2, "0")), 9, rl))), 128))
+                  (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                    key: c,
+                    value: c
+                  }, C(c.toString().padStart(2, "0")), 9, rl))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1374,13 +1374,13 @@ const lt = te("SunIcon", [
                 ]),
                 q(s("select", {
                   class: "w-full select-bordered select",
-                  "onUpdate:modelValue": h[11] || (h[11] = (u) => k.value.end = u),
+                  "onUpdate:modelValue": h[11] || (h[11] = (c) => k.value.end = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(y), (u) => (n(), a("option", {
-                    key: u,
-                    value: u
-                  }, C(u.toString().padStart(2, "0")), 9, il))), 128))
+                  (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                    key: c,
+                    value: c
+                  }, C(c.toString().padStart(2, "0")), 9, il))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1396,20 +1396,20 @@ const lt = te("SunIcon", [
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
-              "onUpdate:modelValue": h[3] || (h[3] = (u) => r.value = u),
+              "onUpdate:modelValue": h[3] || (h[3] = (c) => r.value = c),
               onChange: F
             }, null, 544)), [
               [oe, r.value]
             ]) : (n(), a("div", Qt, [
               q(s("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": h[4] || (h[4] = (u) => m.value = u),
+                "onUpdate:modelValue": h[4] || (h[4] = (c) => m.value = c),
                 onChange: F
               }, [
-                (n(!0), a(B, null, P(R(d), (u) => (n(), a("option", {
-                  key: u,
-                  value: u
-                }, C(u.toString().padStart(2, "0")), 9, el))), 128))
+                (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                  key: c,
+                  value: c
+                }, C(c.toString().padStart(2, "0")), 9, el))), 128))
               ], 544), [
                 [
                   Z,
@@ -1420,13 +1420,13 @@ const lt = te("SunIcon", [
               ]),
               q(s("select", {
                 class: "w-full select-bordered select",
-                "onUpdate:modelValue": h[5] || (h[5] = (u) => k.value = u),
+                "onUpdate:modelValue": h[5] || (h[5] = (c) => k.value = c),
                 onChange: F
               }, [
-                (n(!0), a(B, null, P(R(y), (u) => (n(), a("option", {
-                  key: u,
-                  value: u
-                }, C(u.toString().padStart(2, "0")), 9, tl))), 128))
+                (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                  key: c,
+                  value: c
+                }, C(c.toString().padStart(2, "0")), 9, tl))), 128))
               ], 544), [
                 [
                   Z,
@@ -1455,7 +1455,7 @@ const lt = te("SunIcon", [
 }, cl = /* @__PURE__ */ le(dl, [["__scopeId", "data-v-bab9b3c1"]]), pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: cl
-}, Symbol.toStringTag, { value: "Module" })), vl = ["value", "checked", "onChange", "disabled"], Mn = /* @__PURE__ */ L({
+}, Symbol.toStringTag, { value: "Module" })), vl = ["value", "checked", "onChange", "disabled"], In = /* @__PURE__ */ L({
   __name: "rating",
   props: {
     initialRating: { default: 0 },
@@ -1514,14 +1514,14 @@ const lt = te("SunIcon", [
           },
           e.value >= (o.halfStars ? r * 0.5 : r) ? v.color : ""
         ]]),
-        style: de({
+        style: re({
           marginRight: o.halfStars && r % 2 === 0 ? `${v.gap}px` : o.halfStars ? "0" : `${v.gap}px`
         }),
         disabled: !o.isInteractive
       }, null, 46, vl))), 128))
     ], 2));
   }
-}), fl = { class: "badge" }, ml = ["onClick"], gl = { class: "opacity-75" }, hl = ["placeholder"], In = /* @__PURE__ */ L({
+}), fl = { class: "badge" }, ml = ["onClick"], gl = { class: "opacity-75" }, hl = ["placeholder"], Mn = /* @__PURE__ */ L({
   __name: "taginput",
   props: {
     modelValue: {},
@@ -1531,7 +1531,7 @@ const lt = te("SunIcon", [
   },
   emits: ["update:modelValue"],
   setup(i, { emit: v }) {
-    const e = i, t = v, o = x([...e.modelValue]), l = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = x(null), b = x(""), c = E(() => l < 0 || o.value.length < l), m = () => {
+    const e = i, t = v, o = x([...e.modelValue]), l = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = x(null), b = x(""), d = E(() => l < 0 || o.value.length < l), m = () => {
       const f = b.value.trim();
       f && !o.value.includes(f) && (o.value.push(f), t("update:modelValue", o.value), b.value = "");
     }, k = (f) => {
@@ -1546,21 +1546,21 @@ const lt = te("SunIcon", [
     }), (f, w) => (n(), a("div", {
       class: D(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", f.$props.class])
     }, [
-      (n(!0), a(B, null, P(o.value, ($) => I(f.$slots, "tag", {
+      (n(!0), a(B, null, P(o.value, ($) => M(f.$slots, "tag", {
         key: $,
         tag: $
       }, () => [
         s("div", fl, [
           s("button", {
             class: "!px-1 !py-0 h-fit font-bold cursor-pointer",
-            onClick: (M) => k($),
+            onClick: (I) => k($),
             "aria-label": "Remove tag"
           }, "X", 8, ml),
           s("span", gl, C($), 1)
         ])
       ])), 128)),
-      I(f.$slots, "input", { showInput: c.value }, () => [
-        c.value ? q((n(), a("input", {
+      M(f.$slots, "input", { showInput: d.value }, () => [
+        d.value ? q((n(), a("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
@@ -1595,30 +1595,30 @@ const lt = te("SunIcon", [
   emits: ["update:modelValue"],
   setup(i, { expose: v, emit: e }) {
     console.log(i.placeholder);
-    const o = e, l = x(null), r = (c) => {
-      const m = c.target;
+    const o = e, l = x(null), r = (d) => {
+      const m = d.target;
       o("update:modelValue", m.value);
     };
     return v({
       focusInput: () => {
-        var c;
-        console.log("select.vue: focusInput method called."), (c = l.value) == null || c.focus();
+        var d;
+        console.log("select.vue: focusInput method called."), (d = l.value) == null || d.focus();
       }
       // You can expose other properties or methods here if needed by the parent
       // e.g., the current value: modelValue
-    }), (c, m) => (n(), a("div", bl, [
-      c.label ? (n(), a("label", yl, [
-        s("span", wl, C(c.label), 1)
+    }), (d, m) => (n(), a("div", bl, [
+      d.label ? (n(), a("label", yl, [
+        s("span", wl, C(d.label), 1)
       ])) : O("", !0),
       s("select", {
         ref_key: "selectElement",
         ref: l,
         class: "rounded-md w-full select-bordered select",
-        value: c.modelValue,
+        value: d.modelValue,
         onChange: r
       }, [
-        c.placeholder ? (n(), a("option", $l, C(c.placeholder), 1)) : O("", !0),
-        (n(!0), a(B, null, P(c.options, (k) => (n(), a("option", {
+        d.placeholder ? (n(), a("option", $l, C(d.placeholder), 1)) : O("", !0),
+        (n(!0), a(B, null, P(d.options, (k) => (n(), a("option", {
           key: k.value,
           value: k.value
         }, C(k.text), 9, _l))), 128))
@@ -1628,7 +1628,7 @@ const lt = te("SunIcon", [
 }), Sl = {
   key: 0,
   class: "label"
-}, xl = { class: "label-text" }, Cl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Ml = ["placeholder", "disabled"], Il = {
+}, xl = { class: "label-text" }, Cl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Il = ["placeholder", "disabled"], Ml = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
 }, Dl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Tl = ["onMousedown", "id", "aria-selected"], Tn = {
@@ -1660,77 +1660,79 @@ const lt = te("SunIcon", [
       default: !1
     }
   },
-  emits: ["update:modelValue", "select"],
+  emits: ["update:modelValue", "select", "clear"],
   setup(i, { expose: v, emit: e }) {
     const t = i, o = e, l = Ue(), r = E(() => {
       const A = (l.default ? l.default() : []).filter((_) => _.type !== Re);
       return console.log("hasDefaultSlotContent computed:", A.length > 0), A.length > 0;
-    }), b = x(""), c = x(null), m = x(!1), k = x(null), U = x(null), N = x(null), f = x(null), w = () => {
+    }), b = x(""), d = x(null), m = x(!1), k = x(null), U = x(null), N = x(null), f = x(null), w = () => {
       m.value = !t.disabled;
     }, $ = () => {
-      m.value = !1, f.value = null, r.value || (c.value && b.value !== c.value.text ? b.value = c.value.text : c.value || (b.value = ""));
-    }, M = () => {
+      m.value = !1, f.value = null, r.value || (d.value && b.value !== d.value.text ? b.value = d.value.text : d.value || (b.value = ""));
+    }, I = () => {
       m.value ? $() : w();
     }, z = E(() => {
-      const p = b.value.toLowerCase();
-      return p === "" && !m.value ? [] : t.options.filter(
-        (_) => _.text.toLowerCase().includes(p)
+      const u = b.value.toLowerCase();
+      return u === "" && !m.value ? [] : t.options.filter(
+        (_) => _.text.toLowerCase().includes(u)
       );
     });
     H(
       () => t.modelValue,
-      (p, A) => {
-        if (p !== A && $(), p == null)
-          c.value = null, !m.value && !r.value && (b.value = "");
+      (u, A) => {
+        if (u !== A && $(), u == null)
+          d.value = null, !m.value && !r.value && (b.value = "");
         else {
-          const _ = t.options.find((V) => V.value === p);
-          _ ? (c.value = _, !m.value && !r.value && (b.value = _.text)) : (c.value = null, !m.value && !r.value && (b.value = ""));
+          const _ = t.options.find((V) => V.value === u);
+          _ ? (d.value = _, !m.value && !r.value && (b.value = _.text)) : (d.value = null, !m.value && !r.value && (b.value = ""));
         }
       },
       { immediate: !0 }
       // Run immediately on component mount
     );
-    const j = (p) => {
-      U.value && !U.value.contains(p.target) && $();
+    const j = (u) => {
+      U.value && !U.value.contains(u.target) && $();
     }, W = () => {
       setTimeout(() => {
         U.value && !U.value.contains(document.activeElement) && $();
       }, 100);
     };
-    H(m, (p) => {
-      p ? setTimeout(() => {
+    H(m, (u) => {
+      u ? setTimeout(() => {
         document.addEventListener("click", j);
       }, 0) : document.removeEventListener("click", j);
     }), ge(() => {
       document.removeEventListener("click", j), window.removeEventListener("keydown", T);
     });
     const Y = () => {
-      t.disabled || (o("update:modelValue", null), o("select", null));
-    }, d = (p) => {
-      c.value = p, r.value || (b.value = p.text), o("update:modelValue", p.value), o("select", p), $();
+      if (t.disabled) return;
+      const u = d.value;
+      o("update:modelValue", null), u && o("clear", u);
+    }, p = (u) => {
+      d.value = u, r.value || (b.value = u.text), o("update:modelValue", u.value), o("select", u), $();
     }, y = () => {
-      z.value.length > 0 && d(z.value[0]);
+      z.value.length > 0 && p(z.value[0]);
     }, S = () => {
       m.value || w();
-    }, T = (p) => {
+    }, T = (u) => {
       if (!m.value || z.value.length === 0) return;
       const A = z.value.findIndex(
         (V, K) => "option-" + K === f.value
       );
       let _ = -1;
-      if (p.key === "ArrowDown")
-        p.preventDefault(), _ = (A + 1) % z.value.length;
-      else if (p.key === "ArrowUp")
-        p.preventDefault(), _ = (A - 1 + z.value.length) % z.value.length;
-      else if (p.key === "Enter" && f.value) {
-        p.preventDefault();
+      if (u.key === "ArrowDown")
+        u.preventDefault(), _ = (A + 1) % z.value.length;
+      else if (u.key === "ArrowUp")
+        u.preventDefault(), _ = (A - 1 + z.value.length) % z.value.length;
+      else if (u.key === "Enter" && f.value) {
+        u.preventDefault();
         const V = z.value.find(
           (K, J) => "option-" + J === f.value
         );
-        V && d(V);
+        V && p(V);
         return;
-      } else if (p.key === "Escape") {
-        p.preventDefault(), $(), N.value && N.value.focus();
+      } else if (u.key === "Escape") {
+        u.preventDefault(), $(), N.value && N.value.focus();
         return;
       } else if (r.value)
         return;
@@ -1742,28 +1744,28 @@ const lt = te("SunIcon", [
         });
       }
     };
-    return H(m, (p) => {
-      p ? (window.addEventListener("keydown", T), !r.value && !b.value && c.value && (b.value = c.value.text)) : window.removeEventListener("keydown", T);
+    return H(m, (u) => {
+      u ? (window.addEventListener("keydown", T), !r.value && !b.value && d.value && (b.value = d.value.text)) : window.removeEventListener("keydown", T);
     }), ge(() => {
       document.removeEventListener("click", j), window.removeEventListener("keydown", T);
     }), v({
       isDropdownOpen: m,
       // Expose state
-      selectedItem: c,
+      selectedItem: d,
       // Expose selected item
       openDropdown: w,
       // Expose method to open
       closeDropdown: $,
       // Expose method to close
-      toggleDropdown: M,
+      toggleDropdown: I,
       // Expose method to toggle
-      selectItem: d,
+      selectItem: p,
       // Expose method to select an item programmatically
       filterText: b,
       // Expose filter text (useful if parent controls filtering)
       hasDefaultSlotContent: r
       // Expose to know if the default slot is used
-    }), (p, A) => (n(), a("div", {
+    }), (u, A) => (n(), a("div", {
       class: "relative w-full max-w-xs form-control",
       ref_key: "componentRoot",
       ref: U
@@ -1773,8 +1775,11 @@ const lt = te("SunIcon", [
       ])) : O("", !0),
       s("div", {
         class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
+        style: re(
+          d.value ? "background-image: unset; padding-right: 0.5rem;" : ""
+        ),
         tabindex: "0",
-        onClick: A[1] || (A[1] = (_) => r.value ? M() : w()),
+        onClick: A[1] || (A[1] = (_) => r.value ? I() : w()),
         onKeydown: [
           he(Q(y, ["prevent"]), ["enter"]),
           he(Q(y, ["prevent"]), ["space"])
@@ -1788,7 +1793,7 @@ const lt = te("SunIcon", [
         ref_key: "activatorWrapper",
         ref: N
       }, [
-        I(p.$slots, "default", {}, () => [
+        M(u.$slots, "default", {}, () => [
           r.value ? O("", !0) : q((n(), a("input", {
             key: 0,
             type: "text",
@@ -1801,31 +1806,31 @@ const lt = te("SunIcon", [
             onInput: S,
             tabindex: "-1",
             disabled: t.disabled
-          }, null, 40, Ml)), [
+          }, null, 40, Il)), [
             [oe, b.value]
           ])
         ]),
-        c.value && !i.disabled ? (n(), ae(R(et), {
+        d.value && !i.disabled ? (n(), ae(R(et), {
           key: 0,
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: Q(Y, ["stop"])
         })) : O("", !0),
-        r.value && !c.value ? (n(), ae(R(Qe), {
+        r.value && !d.value ? (n(), ae(R(Qe), {
           key: 1,
           class: D([{ "rotate-180": m.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : O("", !0)
-      ], 42, Cl),
-      q(s("div", Il, [
+      ], 46, Cl),
+      q(s("div", Ml, [
         s("ul", Dl, [
           (n(!0), a(B, null, P(z.value, (_, V) => (n(), a("li", {
             key: _.value,
-            onMousedown: Q((K) => d(_), ["prevent"]),
+            onMousedown: Q((K) => p(_), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + V,
             role: "option",
-            "aria-selected": c.value && c.value.value === _.value
+            "aria-selected": d.value && d.value.value === _.value
           }, [
             s("a", null, C(_.text), 1)
           ], 40, Tl))), 128))
@@ -1861,35 +1866,35 @@ const lt = te("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(i, { expose: v, emit: e }) {
-    const t = i, o = e, l = x(null), r = x(!1), b = x(""), c = E(() => {
-      var M, z, j, W;
+    const t = i, o = e, l = x(null), r = x(!1), b = x(""), d = E(() => {
+      var I, z, j, W;
       let f = !0, w = "";
       const $ = t.modelValue;
-      return (M = t.rules) != null && M.required && ($ == null || $ === "") && (f = !1, w = "This field is required."), f && ((z = t.rules) == null ? void 0 : z.minLength) !== void 0 && typeof $ == "string" && $.length < t.rules.minLength && (f = !1, w = `Must be at least ${t.rules.minLength} characters.`), f && ((j = t.rules) == null ? void 0 : j.maxLength) !== void 0 && typeof $ == "string" && $.length > t.rules.maxLength && (f = !1, w = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((W = t.rules) != null && W.email) && typeof $ == "string" && $ && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test($) || (f = !1, w = "Please enter a valid email address.")), b.value = w, o("validate", f), f;
-    }), m = E(() => r.value && !c.value), k = (f) => {
+      return (I = t.rules) != null && I.required && ($ == null || $ === "") && (f = !1, w = "This field is required."), f && ((z = t.rules) == null ? void 0 : z.minLength) !== void 0 && typeof $ == "string" && $.length < t.rules.minLength && (f = !1, w = `Must be at least ${t.rules.minLength} characters.`), f && ((j = t.rules) == null ? void 0 : j.maxLength) !== void 0 && typeof $ == "string" && $.length > t.rules.maxLength && (f = !1, w = `Cannot exceed ${t.rules.maxLength} characters.`), f && ((W = t.rules) != null && W.email) && typeof $ == "string" && $ && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test($) || (f = !1, w = "Please enter a valid email address.")), b.value = w, o("validate", f), f;
+    }), m = E(() => r.value && !d.value), k = (f) => {
       const w = f.target;
-      o("update:modelValue", w.value), r.value && c.value;
+      o("update:modelValue", w.value), r.value && d.value;
     }, U = () => {
-      r.value = !0, c.value;
+      r.value = !0, d.value;
     };
     return H(
       () => t.modelValue,
       () => {
-        r.value && c.value;
+        r.value && d.value;
       }
     ), v({
       focusInput: () => {
         var f;
         console.log("inputField.vue: focusInput method called."), (f = l.value) == null || f.focus();
       },
-      isValid: c,
+      isValid: d,
       isTouched: r,
       errorMessage: b
     }), (f, w) => (n(), a("div", Vl, [
       f.label ? (n(), a("label", Bl, [
         s("span", Ol, C(f.label), 1)
       ])) : O("", !0),
-      I(f.$slots, "default"),
+      M(f.$slots, "default"),
       s("input", {
         ref_key: "inputElement",
         ref: l,
@@ -1908,18 +1913,18 @@ const lt = te("SunIcon", [
             "input-ghost": f.style === "ghost",
             // Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
             // This ensures validation feedback overrides base colors.
-            "input-neutral": f.color === "neutral" && !m.value && !(c.value && r.value && f.needsValidation),
-            "input-primary": f.color === "primary" && !m.value && !(c.value && r.value && f.needsValidation),
-            "input-secondary": f.color === "secondary" && !m.value && !(c.value && r.value && f.needsValidation),
-            "input-accent": f.color === "accent" && !m.value && !(c.value && r.value && f.needsValidation),
-            "input-info": f.color === "info" && !m.value && !(c.value && r.value && f.needsValidation),
-            "input-success": f.color === "success" && !m.value && !(c.value && r.value && f.needsValidation),
+            "input-neutral": f.color === "neutral" && !m.value && !(d.value && r.value && f.needsValidation),
+            "input-primary": f.color === "primary" && !m.value && !(d.value && r.value && f.needsValidation),
+            "input-secondary": f.color === "secondary" && !m.value && !(d.value && r.value && f.needsValidation),
+            "input-accent": f.color === "accent" && !m.value && !(d.value && r.value && f.needsValidation),
+            "input-info": f.color === "info" && !m.value && !(d.value && r.value && f.needsValidation),
+            "input-success": f.color === "success" && !m.value && !(d.value && r.value && f.needsValidation),
             // Color success applies only if not in error or validation success state
-            "input-warning": f.color === "warning" && !m.value && !(c.value && r.value && f.needsValidation),
+            "input-warning": f.color === "warning" && !m.value && !(d.value && r.value && f.needsValidation),
             // Validation state classes - These take precedence visually via conditions or CSS specificity.
             "input-error": m.value,
             // Apply error style if validation fails
-            "input-success-validation": c.value && r.value && !m.value && f.needsValidation
+            "input-success-validation": d.value && r.value && !m.value && f.needsValidation
             // Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
           }
         ]]),
@@ -1929,7 +1934,7 @@ const lt = te("SunIcon", [
       }, null, 42, zl),
       m.value ? (n(), a("div", Al, [
         s("span", Pl, C(b.value), 1)
-      ])) : c.value && r.value && f.successMessage ? (n(), a("div", El, [
+      ])) : d.value && r.value && f.successMessage ? (n(), a("div", El, [
         s("span", Ll, C(f.successMessage), 1)
       ])) : O("", !0)
     ]));
@@ -2023,7 +2028,7 @@ const lt = te("SunIcon", [
           ]))), 256))
         ])) : O("", !0),
         s("aside", Xl, [
-          I(e.$slots, "default")
+          M(e.$slots, "default")
         ])
       ])
     ], 2));
@@ -2034,14 +2039,14 @@ function tn(i, v) {
     s("div", Ql, [
       s("div", null, [
         s("h1", en, [
-          I(i.$slots, "title", {}, () => [
+          M(i.$slots, "title", {}, () => [
             v[0] || (v[0] = ke("hero title"))
           ])
         ]),
         s("p", null, [
-          I(i.$slots, "description", { class: "py-9" })
+          M(i.$slots, "description", { class: "py-9" })
         ]),
-        I(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+        M(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
           v[1] || (v[1] = s("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
@@ -2065,7 +2070,7 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
         key: b.category
       }, [
         s("button", {
-          onClick: (c) => o(b.category),
+          onClick: (d) => o(b.category),
           class: D(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === b.category }])
         }, C(b.category), 11, nn)
       ]))), 128))
@@ -2082,16 +2087,16 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
       class: D(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", v.isCollapsed ? "collapsed" : ""])
     }, [
       s("div", an, [
-        I(e.$slots, "start", {}, void 0, !0)
+        M(e.$slots, "start", {}, void 0, !0)
       ]),
       s("div", on, [
-        I(e.$slots, "center", {}, void 0, !0)
+        M(e.$slots, "center", {}, void 0, !0)
       ]),
       s("div", sn, [
-        I(e.$slots, "end", {}, void 0, !0)
+        M(e.$slots, "end", {}, void 0, !0)
       ]),
       s("div", rn, [
-        I(e.$slots, "bottom", {}, void 0, !0)
+        M(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -2113,8 +2118,8 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
   emits: ["tab-changed"],
   setup(i, { emit: v }) {
     const e = i, t = x(e.items[0]), o = v;
-    function l(c) {
-      t.value = c, o("tab-changed", c);
+    function l(d) {
+      t.value = d, o("tab-changed", d);
     }
     function r() {
       const m = (e.items.indexOf(t.value) + 1) % e.items.length;
@@ -2130,12 +2135,12 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, e.rotateTabsAfter * 1e3);
-    }), (c, m) => (n(), a(B, null, [
+    }), (d, m) => (n(), a(B, null, [
       s("div", {
         role: "tablist",
-        class: D(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": c.buttonOnlyMode }])
+        class: D(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": d.buttonOnlyMode }])
       }, [
-        c.withControlls ? (n(), a("div", dn, [
+        d.withControlls ? (n(), a("div", dn, [
           s("button", {
             onClick: m[0] || (m[0] = (k) => b()),
             class: "cursor-pointer"
@@ -2145,7 +2150,7 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
             class: "text-primary cursor-pointer"
           }, "Next")
         ])) : O("", !0),
-        (n(!0), a(B, null, P(c.items, (k) => (n(), a(B, null, [
+        (n(!0), a(B, null, P(d.items, (k) => (n(), a(B, null, [
           s("a", {
             type: "button",
             role: "tab",
@@ -2153,13 +2158,13 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
             onClick: (U) => l(k),
             "aria-selected": t.value == k
           }, C(k), 11, cn),
-          c.buttonOnlyMode ? O("", !0) : (n(), a("div", pn, [
-            I(c.$slots, `${k}-tab`)
+          d.buttonOnlyMode ? O("", !0) : (n(), a("div", pn, [
+            M(d.$slots, `${k}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
       s("div", vn, [
-        I(c.$slots, "default")
+        M(d.$slots, "default")
       ])
     ], 64));
   }
@@ -2183,10 +2188,10 @@ export {
   Bn as Loader,
   hn as Modal,
   Pn as NavigationBar,
-  Mn as Rating,
+  In as Rating,
   Dn as Selector,
   bn as Swap,
   En as Tab,
-  In as TagInput,
+  Mn as TagInput,
   yn as ThemeController
 };