manolis-ui 0.9.1 → 0.10.2

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 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";
+import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as D, createCommentVNode as B, renderSlot as M, createTextVNode as ke, createElementVNode as s, Fragment as O, renderList as P, toDisplayString as C, ref as x, watch as q, h as me, onMounted as ee, withDirectives as H, 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"
@@ -14,8 +14,8 @@ const je = ["disabled"], Fe = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const v = i, e = E(() => {
-      switch (v.size) {
+    const p = i, e = E(() => {
+      switch (p.size) {
         case "large":
           return "btn-lg";
         case "small":
@@ -30,7 +30,7 @@ const je = ["disabled"], Fe = {
           return "";
       }
     }), t = E(() => {
-      switch (v.type) {
+      switch (p.type) {
         case "neutral":
           return "btn-neutral";
         case "primary":
@@ -55,7 +55,7 @@ const je = ["disabled"], Fe = {
           return "btn-neutral";
       }
     }), o = E(() => {
-      switch (v.shape) {
+      switch (p.shape) {
         case "square":
           return "btn-square";
         case "circle":
@@ -67,15 +67,15 @@ const je = ["disabled"], Fe = {
     return (l, r) => (n(), a("button", {
       class: D([
         "btn",
-        { "btn-outline": v.outlined },
-        { "btn-active": v.active },
+        { "btn-outline": p.outlined },
+        { "btn-active": p.active },
         t.value,
         e.value,
         o.value
       ]),
-      disabled: v.disabled
+      disabled: p.disabled
     }, [
-      l.loading ? (n(), a("span", Fe)) : O("", !0),
+      l.loading ? (n(), a("span", Fe)) : B("", !0),
       M(l.$slots, "default", {}, () => [
         r[0] || (r[0] = ke("Submit"))
       ])
@@ -94,7 +94,7 @@ const je = ["disabled"], Fe = {
     forceOpen: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const v = {
+    const p = {
       left: "dropdown-left",
       right: "dropdown-right",
       bottom: "dropdown-bottom",
@@ -104,7 +104,7 @@ const je = ["disabled"], Fe = {
       end: "dropdown-end"
     }, t = i;
     return (o, l) => (n(), a("div", {
-      class: D(["dropdown", v[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: D(["dropdown", p[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
       M(o.$slots, "default", {
         tabindex: "0",
@@ -113,7 +113,7 @@ const je = ["disabled"], Fe = {
         l[0] || (l[0] = s("div", { class: "m-1 btn" }, "Open dropdown", -1))
       ]),
       s("ul", qe, [
-        (n(!0), a(B, null, P(o.items, (r) => (n(), a("li", null, [
+        (n(!0), a(O, null, P(o.items, (r) => (n(), a("li", null, [
           s("a", {
             href: r.link
           }, C(r.text), 9, He)
@@ -126,10 +126,11 @@ const je = ["disabled"], Fe = {
   __name: "modal",
   props: {
     position: { default: "center" },
-    withBackdrop: { type: Boolean, default: !1 }
+    withBackdrop: { type: Boolean, default: !1 },
+    forceOpen: { type: [Boolean, null], default: null }
   },
   setup(i) {
-    const v = i, e = {
+    const p = i, e = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
@@ -140,19 +141,25 @@ const je = ["disabled"], Fe = {
       var r;
       (r = t.value) == null || r.close();
     };
-    return (r, b) => (n(), a(B, null, [
-      s("span", {
+    return q(
+      () => p.forceOpen,
+      (r) => {
+        r == !0 && o(), r == !1 && l();
+      }
+    ), (r, b) => (n(), a(O, null, [
+      p.forceOpen == null ? (n(), a("span", {
+        key: 0,
         class: "w-fit cursor-pointer",
         onClick: o
       }, [
         M(r.$slots, "trigger", { role: "button" }, () => [
           b[0] || (b[0] = s("button", { class: "btn" }, "Open", -1))
         ])
-      ]),
+      ])) : B("", !0),
       s("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: D(["modal", e[v.position]])
+        class: D(["modal", e[p.position]])
       }, [
         s("div", We, [
           M(r.$slots, "default"),
@@ -178,9 +185,9 @@ const je = ["disabled"], Fe = {
     effect: {}
   },
   setup(i) {
-    const v = i;
+    const p = i;
     return (e, t) => (n(), a("label", {
-      class: D(["swap", v.effect ? `swap-${e.effect}` : ""])
+      class: D(["swap", p.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = s("input", { type: "checkbox" }, null, -1)),
       s("div", Ye, [
@@ -222,14 +229,14 @@ var de = {
  * 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: d }) => me(
+const Ge = ({ size: i, strokeWidth: p = 2, absoluteStrokeWidth: e, color: t, iconNode: o, name: l, class: r, ...b }, { slots: d }) => me(
   "svg",
   {
     ...de,
     width: i || de.width,
     height: i || de.height,
     stroke: t || de.stroke,
-    "stroke-width": e ? Number(v) * 24 / Number(i) : v,
+    "stroke-width": e ? Number(p) * 24 / Number(i) : p,
     class: ["lucide", `lucide-${Xe(l ?? "icon")}`],
     ...b
   },
@@ -241,11 +248,11 @@ const Ge = ({ size: i, strokeWidth: v = 2, absoluteStrokeWidth: e, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const te = (i, v) => (e, { slots: t }) => me(
+const te = (i, p) => (e, { slots: t }) => me(
   Ge,
   {
     ...e,
-    iconNode: v,
+    iconNode: p,
     name: i
   },
   t
@@ -318,14 +325,14 @@ const lt = te("SunIcon", [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-]), nt = (i, v) => {
+]), nt = (i, p) => {
   const e = x(null);
   return ee(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(i);
-      e.value = t ? JSON.parse(t) : v;
+      e.value = t ? JSON.parse(t) : p;
     }
-  }), H(e, (t) => {
+  }), q(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
 }, at = { class: "swap-rotate swap" }, ot = ["true-value", "false-value"], yn = /* @__PURE__ */ L({
@@ -335,19 +342,19 @@ const lt = te("SunIcon", [
     darkTheme: { default: "dark" }
   },
   setup(i) {
-    const v = i, e = nt("theme", v.lightTheme);
+    const p = i, e = nt("theme", p.lightTheme);
     function t(o) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return ee(() => t(e.value ? e.value : "")), H(e, (o) => {
+    return ee(() => t(e.value ? e.value : "")), q(e, (o) => {
       t(o);
     }), (o, l) => (n(), a("label", at, [
-      q(s("input", {
+      H(s("input", {
         type: "checkbox",
         class: "theme-controller",
         "onUpdate:modelValue": l[0] || (l[0] = (r) => ze(e) ? e.value = r : null),
-        "true-value": v.lightTheme,
-        "false-value": v.darkTheme
+        "true-value": p.lightTheme,
+        "false-value": p.darkTheme
       }, null, 8, ot), [
         [Ae, R(e)]
       ]),
@@ -364,8 +371,8 @@ const lt = te("SunIcon", [
     icon: {}
   },
   setup(i) {
-    const v = i;
-    return (e, t) => (n(!0), a(B, null, P(v.items, (o, l) => (n(), a("div", {
+    const p = i;
+    return (e, t) => (n(!0), a(O, null, P(p.items, (o, l) => (n(), a("div", {
       class: D(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: l
     }, [
@@ -391,9 +398,9 @@ const lt = te("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const v = i, e = x(v.onlineStatus);
-    return H(
-      () => v.onlineStatus,
+    const p = i, e = x(p.onlineStatus);
+    return q(
+      () => p.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
@@ -424,7 +431,7 @@ const lt = te("SunIcon", [
     size: { default: "medium" }
   },
   setup(i) {
-    const v = i, e = {
+    const p = i, e = {
       "extra small": "badge-xs",
       small: "badge-sm",
       medium: "badge-md",
@@ -441,7 +448,7 @@ const lt = te("SunIcon", [
       error: "badge-error"
     };
     return (o, l) => (n(), a("span", {
-      class: D(["badge", e[v.size], t[v.color], { "badge-outline": v.outline }])
+      class: D(["badge", e[p.size], t[p.color], { "badge-outline": p.outline }])
     }, [
       M(o.$slots, "default")
     ], 2));
@@ -473,9 +480,9 @@ const lt = te("SunIcon", [
     imgHeight: { default: "h-44" }
   },
   setup(i) {
-    const v = i, e = x(v.outlined);
-    return H(
-      () => v.outlined,
+    const p = i, e = x(p.outlined);
+    return q(
+      () => p.outlined,
       (t) => {
         e.value = t;
       }
@@ -493,16 +500,16 @@ const lt = te("SunIcon", [
             },
             t.imgHeight
           ]])
-        }, null, 10, pt)) : O("", !0),
+        }, null, 10, pt)) : B("", !0),
         t.loading && t.imgUrl ? (n(), a("div", {
           key: 1,
           class: D(["w-full skeleton", t.imgHeight])
-        }, null, 2)) : O("", !0)
+        }, null, 2)) : B("", !0)
       ]),
-      t.loading ? O("", !0) : (n(), a("div", vt, [
-        t.title ? (n(), a("h2", ft, C(t.title), 1)) : O("", !0),
+      t.loading ? B("", !0) : (n(), a("div", vt, [
+        t.title ? (n(), a("h2", ft, C(t.title), 1)) : B("", !0),
         M(t.$slots, "details"),
-        t.description ? (n(), a("p", mt, C(t.description), 1)) : O("", !0),
+        t.description ? (n(), a("p", mt, C(t.description), 1)) : B("", !0),
         s("div", gt, [
           M(t.$slots, "actions")
         ])
@@ -513,7 +520,7 @@ const lt = te("SunIcon", [
           s("div", { class: "w-full h-4 skeleton" }),
           s("div", { class: "w-full h-4 skeleton" })
         ], -1)
-      ]))) : O("", !0)
+      ]))) : B("", !0)
     ], 2));
   }
 }), _e = Symbol("CarouselItemStyle"), bt = { class: "relative h-full" }, yt = {
@@ -559,7 +566,7 @@ const lt = te("SunIcon", [
       validator: (i) => i >= 0
     }
   },
-  setup(i, { expose: v }) {
+  setup(i, { expose: p }) {
     const e = i, t = x(e.initialSlide), o = x(null), l = x(!1), r = x(0), b = E(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
@@ -570,16 +577,16 @@ const lt = te("SunIcon", [
       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" ? I.scrollHeight - I.offsetHeight : I.scrollWidth - I.offsetWidth, p = Math.max(0, Math.min(W, Y + 0.5));
+      const j = z + e.gap, W = $ * j, Y = e.sliderOrientation === "vertical" ? I.scrollHeight - I.offsetHeight : I.scrollWidth - I.offsetWidth, v = 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;
+      const y = e.sliderOrientation === "vertical" ? I.scrollTop : I.scrollLeft, S = v - y;
       if (Math.abs(S) < 1) {
         l.value = !1, t.value = $;
         return;
       }
       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" ? I.scrollTop = J : I.scrollLeft = J, V < 1 ? requestAnimationFrame(u) : (e.sliderOrientation === "vertical" ? I.scrollTop = p : I.scrollLeft = p, t.value = $, l.value = !1);
+        e.sliderOrientation === "vertical" ? I.scrollTop = J : I.scrollLeft = J, V < 1 ? requestAnimationFrame(u) : (e.sliderOrientation === "vertical" ? I.scrollTop = v : I.scrollLeft = v, t.value = $, l.value = !1);
       };
       requestAnimationFrame(u);
     }, k = () => {
@@ -592,16 +599,16 @@ const lt = te("SunIcon", [
       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), p = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, y = Math.max(0, Math.min(Y, p + 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), v = e.sliderOrientation === "vertical" ? w.scrollHeight - w.offsetHeight : w.scrollWidth - w.offsetWidth, y = Math.max(0, Math.min(Y, v + 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);
       }), d();
-    }), H(() => e.initialSlide, (w) => {
+    }), q(() => e.initialSlide, (w) => {
       requestAnimationFrame(() => m(w));
-    }), H(() => [e.slidesPerView, e.gap], () => {
+    }), q(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (d(), r.value === 0) return;
@@ -609,7 +616,7 @@ const lt = te("SunIcon", [
           e.slideDuration = 0, m($), e.slideDuration = I;
         });
       });
-    }), v({ scrollToSlide: m }), (w, $) => (n(), a("div", bt, [
+    }), p({ scrollToSlide: m }), (w, $) => (n(), a("div", bt, [
       s("div", {
         ref_key: "carouselContainer",
         ref: o,
@@ -643,29 +650,29 @@ const lt = te("SunIcon", [
             }, "❯", -1))
           ], !0)
         ])
-      ])) : O("", !0),
+      ])) : B("", !0),
       i.showIndicators ? (n(), a("div", wt, [
-        (n(!0), a(B, null, P(r.value, (I, z) => (n(), a("button", {
+        (n(!0), a(O, 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 }]),
           "aria-label": `Go to slide ${z + 1}`
         }, null, 10, kt))), 128))
-      ])) : O("", !0)
+      ])) : B("", !0)
     ]));
   }
-}), le = (i, v) => {
+}), le = (i, p) => {
   const e = i.__vccOpts || i;
-  for (const [t, o] of v)
+  for (const [t, o] of p)
     e[t] = o;
   return e;
 }, Sn = /* @__PURE__ */ le($t, [["__scopeId", "data-v-db55a6a5"]]), _t = /* @__PURE__ */ L({
   __name: "carouselItem",
   setup(i) {
-    const v = Ee(_e, x({}));
+    const p = Ee(_e, x({}));
     return (e, t) => (n(), a("div", {
       class: "w-full h-full carousel-item",
-      style: re(R(v))
+      style: re(R(p))
     }, [
       M(e.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -697,8 +704,8 @@ const lt = te("SunIcon", [
     value: {}
   },
   emits: ["search", "update:search-data"],
-  setup(i, { emit: v }) {
-    const e = i, t = v, o = e.id ?? `advancedSearch-${Le()}`, l = x(null), r = x(null), b = {
+  setup(i, { emit: p }) {
+    const e = i, t = p, o = e.id ?? `advancedSearch-${Le()}`, l = x(null), r = x(null), b = {
       datetime: ce(() => Promise.resolve().then(() => pl)),
       "standard-select": ce(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
@@ -710,53 +717,53 @@ const lt = te("SunIcon", [
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), k = x(null), U = (p) => {
+    }), k = x(null), U = (v) => {
       var y;
-      if (p.value === void 0 || p.value === null || p.value === "")
+      if (v.value === void 0 || v.value === null || v.value === "")
         return "";
-      switch (p.type) {
+      switch (v.type) {
         case "datetime":
-          if (typeof p.value == "string")
+          if (typeof v.value == "string")
             try {
-              const S = new Date(p.value);
+              const S = new Date(v.value);
               if (!isNaN(S.getTime()))
                 return S.toLocaleString();
             } catch {
             }
-          else if (p.range && typeof p.value == "object" && p.value !== null && "start" in p.value && "end" in p.value)
+          else if (v.range && typeof v.value == "object" && v.value !== null && "start" in v.value && "end" in v.value)
             try {
-              const S = new Date(p.value.start), T = new Date(p.value.end);
+              const S = new Date(v.value.start), T = new Date(v.value.end);
               if (!isNaN(S.getTime()) && !isNaN(T.getTime()))
                 return `${S.toLocaleDateString()} - ${T.toLocaleDateString()}`;
             } catch {
             }
           break;
         case "custom-range":
-          if (typeof p.value == "object" && p.value !== null && "start" in p.value && "end" in p.value)
-            return `${p.value.start} - ${p.value.end}`;
+          if (typeof v.value == "object" && v.value !== null && "start" in v.value && "end" in v.value)
+            return `${v.value.start} - ${v.value.end}`;
           break;
         case "custom-number":
-          if (typeof p.value == "number")
-            return p.value.toString();
+          if (typeof v.value == "number")
+            return v.value.toString();
           break;
         case "standard-select":
         case "custom-select":
-          if ((y = p.props) != null && y.options && Array.isArray(p.props.options)) {
-            const S = p.props.options.find(
-              (T) => T.value === p.value
+          if ((y = v.props) != null && y.options && Array.isArray(v.props.options)) {
+            const S = v.props.options.find(
+              (T) => T.value === v.value
             );
             if (S)
               return S.text;
           }
-          return String(p.value);
+          return String(v.value);
         case "custom-text":
-          if (typeof p.value == "string")
-            return p.value;
+          if (typeof v.value == "string")
+            return v.value;
           break;
       }
-      return String(p.value);
+      return String(v.value);
     };
-    function N(p) {
+    function N(v) {
       var u, A;
       const y = (u = l.value) == null ? void 0 : u.name;
       if (!y) {
@@ -768,45 +775,45 @@ const lt = te("SunIcon", [
       )) == null ? void 0 : A.tabs, T = S == null ? void 0 : S.find(
         (_) => _.name === y
       );
-      T ? (T.value = p, t("update:search-data", {
+      T ? (T.value = v, t("update:search-data", {
         tab: T.name,
-        data: p
+        data: v
       })) : console.error(
         `Tab with name "${y}" not found in current category.`
       );
     }
-    function f(p) {
-      N(p);
+    function f(v) {
+      N(v);
     }
     function w() {
       t("search");
     }
-    async function $(p) {
+    async function $(v) {
       var T;
-      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);
+      const y = document.getElementById(`advancedSearchMobile-${o}`), S = y && y.contains(v.target);
+      ((T = l.value) == null ? void 0 : T.displayMode) === "popup" && k.value && !k.value.contains(v.target) && !S && (await pe(), l.value = null);
     }
     async function I() {
       if (typeof window < "u" && window.innerWidth <= 768) {
-        const p = document.getElementById(
+        const v = document.getElementById(
           `advancedSearchMobile-${o}`
         );
-        p ? (l.value = null, p.showModal()) : console.warn(
+        v ? (l.value = null, v.showModal()) : console.warn(
           `Mobile modal element not found. Ensure it exists with id="advancedSearchMobile-${o}".`
         );
       }
     }
-    async function z(p) {
+    async function z(v) {
       var S, T, u;
       if (typeof window < "u" && window.innerWidth <= 768) {
         I();
         return;
       }
-      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)
+      const y = v.displayMode ?? "popup";
+      if (((S = l.value) == null ? void 0 : S.name) === v.name && ((T = l.value) == null ? void 0 : T.displayMode) === y)
         l.value = null;
-      else if (l.value = { ...p, displayMode: y }, await pe(), ((u = l.value) == null ? void 0 : u.displayMode) === "popup") {
-        const A = d.value[p.name];
+      else if (l.value = { ...v, displayMode: y }, await pe(), ((u = l.value) == null ? void 0 : u.displayMode) === "popup") {
+        const A = d.value[v.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 +826,12 @@ const lt = te("SunIcon", [
         } else
           console.error(
             "Tab element or search container not found for positioning:",
-            p.name
+            v.name
           );
       }
     }
-    const j = (p) => {
-      const y = p.relatedTarget;
+    const j = (v) => {
+      const y = v.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 +841,27 @@ const lt = te("SunIcon", [
     }, W = () => {
       console.log("Enter key pressed on inline component, closing inline view."), l.value = null;
     };
-    H(r, (p) => {
+    q(r, (v) => {
       var y;
       console.log(
         "advanced-search: inlineComponentRef changed. New Value:",
-        p
-      ), console.log("advanced-search: activeTab.value:", l.value), p && ((y = l.value) == null ? void 0 : y.displayMode) === "inline" ? (console.log(
+        v
+      ), console.log("advanced-search: activeTab.value:", l.value), v && ((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 p), console.log(
+        ), console.log("advanced-search: Type of newValue:", typeof v), console.log(
           "advanced-search: Does newValue have focusInput?",
-          typeof p.focusInput == "function"
-        ), p && typeof p.focusInput == "function" ? (console.log(
+          typeof v.focusInput == "function"
+        ), v && typeof v.focusInput == "function" ? (console.log(
           "advanced-search: Calling exposed focusInput() method on child instance."
-        ), p.focusInput()) : console.warn(
+        ), v.focusInput()) : console.warn(
           'advanced-search: Child inline component instance does not expose a "focusInput" method or is not ready.',
-          p
+          v
         );
       })) : console.log(
-        p ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
+        v ? "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,10 +869,10 @@ const lt = te("SunIcon", [
       document.removeEventListener("click", $), window.removeEventListener("resize", Y);
     });
     const Y = () => {
-      var p, y;
+      var v, 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 && (((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(
+        !S && (((v = l.value) == null ? void 0 : v.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 u = document.getElementById(
@@ -874,9 +881,9 @@ const lt = te("SunIcon", [
         u != null && u.open && !S && (console.log("Modal is open on desktop, closing modal and active tab."), u.close(), l.value = null);
       }
     };
-    return (p, y) => {
+    return (v, y) => {
       var S, T;
-      return n(), a(B, null, [
+      return n(), a(O, null, [
         s("div", {
           ref_key: "searchContainer",
           ref: k,
@@ -887,7 +894,7 @@ const lt = te("SunIcon", [
             onClick: I
           }, [
             s("div", St, [
-              (n(!0), a(B, null, P(((S = e.searchOptions.find(
+              (n(!0), a(O, null, P(((S = e.searchOptions.find(
                 (u) => u.category === e.currentCategory
               )) == null ? void 0 : S.tabs) || [], (u, A) => {
                 var _, V, K, J, ie;
@@ -930,7 +937,7 @@ const lt = te("SunIcon", [
                 onUpdated: y[2] || (y[2] = (u) => N(u)),
                 "onUpdate:modelValue": y[3] || (y[3] = (u) => N(u))
               }), null, 16, ["modelValue"]))
-            ], 4)) : O("", !0),
+            ], 4)) : B("", !0),
             s("button", {
               title: "search",
               type: "submit",
@@ -961,10 +968,10 @@ const lt = te("SunIcon", [
           class: "modal"
         }, [
           s("div", Ot, [
-            M(p.$slots, "additionalForMobile", {}, () => [
-              s("h3", zt, C(p.currentCategory), 1)
+            M(v.$slots, "additionalForMobile", {}, () => [
+              s("h3", zt, C(v.currentCategory), 1)
             ], !0),
-            (n(!0), a(B, null, P(((T = e.searchOptions.find(
+            (n(!0), a(O, null, P(((T = e.searchOptions.find(
               (u) => u.category === e.currentCategory
             )) == null ? void 0 : T.tabs) || [], (u, A) => (n(), a("div", {
               class: "collapse bg-base-200 my-4",
@@ -1060,15 +1067,15 @@ const lt = te("SunIcon", [
     }
   },
   emits: ["updated"],
-  setup(i, { emit: v }) {
+  setup(i, { emit: p }) {
     const e = i;
-    H(
+    q(
       () => e.range,
       (g) => {
         g ? (l.value = { start: null, end: null }, r.value = { start: null, end: null }) : (l.value = null, r.value = null);
       }
     );
-    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(
+    const t = p, 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" })
     ), 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"
@@ -1088,7 +1095,7 @@ const lt = te("SunIcon", [
       );
     }), Y = E(
       () => Array.from({ length: j.value }, (g, h) => h)
-    ), p = Array.from({ length: 24 }, (g, h) => h), y = Array.from({ length: 60 }, (g, h) => h), S = E(
+    ), v = 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
       )
@@ -1201,7 +1208,7 @@ const lt = te("SunIcon", [
           }, [
             se(R(Ze))
           ], 8, jt)
-        ], !0) : O("", !0)
+        ], !0) : B("", !0)
       ]),
       o.value || !i.popup ? (n(), a("div", {
         key: 0,
@@ -1229,24 +1236,24 @@ const lt = te("SunIcon", [
               })
             ], -1)
           ]), 8, Ht),
-          q(s("select", {
+          H(s("select", {
             class: "border-none w-fit select",
             "onUpdate:modelValue": h[1] || (h[1] = (c) => b.value = c),
             onChange: F
           }, [
-            (n(), a(B, null, P(T, (c, G) => s("option", {
+            (n(), a(O, null, P(T, (c, G) => s("option", {
               key: G,
               value: c
             }, C(c), 9, Wt)), 64))
           ], 544), [
             [Z, b.value]
           ]),
-          q(s("select", {
+          H(s("select", {
             class: "border-none w-24 select",
             "onUpdate:modelValue": h[2] || (h[2] = (c) => d.value = c),
             onChange: F
           }, [
-            (n(!0), a(B, null, P(u.value, (c) => (n(), a("option", {
+            (n(!0), a(O, null, P(u.value, (c) => (n(), a("option", {
               key: c,
               value: c
             }, C(c), 9, Kt))), 128))
@@ -1272,17 +1279,17 @@ const lt = te("SunIcon", [
               })
             ], -1)
           ]))
-        ])) : O("", !0),
+        ])) : B("", !0),
         w.value ? (n(), a("div", Yt, [
-          (n(), a(B, null, P(z, (c) => s("div", {
+          (n(), a(O, null, P(z, (c) => s("div", {
             key: c,
             class: "text-center"
           }, C(c), 1)), 64)),
-          (n(!0), a(B, null, P(Y.value, (c) => (n(), a("div", {
+          (n(!0), a(O, null, P(Y.value, (c) => (n(), a("div", {
             key: c,
             class: "text-center"
           }))), 128)),
-          (n(!0), a(B, null, P(W.value, (c) => (n(), a("div", {
+          (n(!0), a(O, 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": Ie(c),
@@ -1293,13 +1300,13 @@ const lt = te("SunIcon", [
             }]),
             onClick: (G) => Ce(c)
           }, C(c.getDate()), 11, Jt))), 128))
-        ])) : O("", !0),
+        ])) : B("", !0),
         $.value ? (n(), a("div", Xt, [
-          e.range ? O("", !0) : (n(), a("h3", Gt, "Select Time")),
+          e.range ? B("", !0) : (n(), a("h3", Gt, "Select Time")),
           e.range ? (n(), a("div", ll, [
             s("div", null, [
               h[14] || (h[14] = s("p", { class: "font-bold" }, "Start Time", -1)),
-              S.value ? q((n(), a("input", {
+              S.value ? H((n(), a("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1308,12 +1315,12 @@ const lt = te("SunIcon", [
               }, null, 544)), [
                 [oe, r.value.start]
               ]) : (n(), a("div", nl, [
-                q(s("select", {
+                H(s("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[7] || (h[7] = (c) => m.value.start = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                  (n(!0), a(O, null, P(R(v), (c) => (n(), a("option", {
                     key: c,
                     value: c
                   }, C(c.toString().padStart(2, "0")), 9, al))), 128))
@@ -1325,12 +1332,12 @@ const lt = te("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                q(s("select", {
+                H(s("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[8] || (h[8] = (c) => k.value.start = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                  (n(!0), a(O, null, P(R(y), (c) => (n(), a("option", {
                     key: c,
                     value: c
                   }, C(c.toString().padStart(2, "0")), 9, ol))), 128))
@@ -1346,7 +1353,7 @@ const lt = te("SunIcon", [
             ]),
             s("div", null, [
               h[15] || (h[15] = s("p", { class: "font-bold" }, "End Time", -1)),
-              S.value ? q((n(), a("input", {
+              S.value ? H((n(), a("input", {
                 key: 0,
                 type: "time",
                 class: "input-bordered w-full input",
@@ -1355,12 +1362,12 @@ const lt = te("SunIcon", [
               }, null, 544)), [
                 [oe, r.value.end]
               ]) : (n(), a("div", sl, [
-                q(s("select", {
+                H(s("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[10] || (h[10] = (c) => m.value.end = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                  (n(!0), a(O, null, P(R(v), (c) => (n(), a("option", {
                     key: c,
                     value: c
                   }, C(c.toString().padStart(2, "0")), 9, rl))), 128))
@@ -1372,12 +1379,12 @@ const lt = te("SunIcon", [
                     { number: !0 }
                   ]
                 ]),
-                q(s("select", {
+                H(s("select", {
                   class: "w-full select-bordered select",
                   "onUpdate:modelValue": h[11] || (h[11] = (c) => k.value.end = c),
                   onChange: F
                 }, [
-                  (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                  (n(!0), a(O, null, P(R(y), (c) => (n(), a("option", {
                     key: c,
                     value: c
                   }, C(c.toString().padStart(2, "0")), 9, il))), 128))
@@ -1392,7 +1399,7 @@ const lt = te("SunIcon", [
               ]))
             ])
           ])) : (n(), a("div", Zt, [
-            S.value ? q((n(), a("input", {
+            S.value ? H((n(), a("input", {
               key: 0,
               type: "time",
               class: "input-bordered w-full input",
@@ -1401,12 +1408,12 @@ const lt = te("SunIcon", [
             }, null, 544)), [
               [oe, r.value]
             ]) : (n(), a("div", Qt, [
-              q(s("select", {
+              H(s("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": h[4] || (h[4] = (c) => m.value = c),
                 onChange: F
               }, [
-                (n(!0), a(B, null, P(R(p), (c) => (n(), a("option", {
+                (n(!0), a(O, null, P(R(v), (c) => (n(), a("option", {
                   key: c,
                   value: c
                 }, C(c.toString().padStart(2, "0")), 9, el))), 128))
@@ -1418,12 +1425,12 @@ const lt = te("SunIcon", [
                   { number: !0 }
                 ]
               ]),
-              q(s("select", {
+              H(s("select", {
                 class: "w-full select-bordered select",
                 "onUpdate:modelValue": h[5] || (h[5] = (c) => k.value = c),
                 onChange: F
               }, [
-                (n(!0), a(B, null, P(R(y), (c) => (n(), a("option", {
+                (n(!0), a(O, null, P(R(y), (c) => (n(), a("option", {
                   key: c,
                   value: c
                 }, C(c.toString().padStart(2, "0")), 9, tl))), 128))
@@ -1437,7 +1444,7 @@ const lt = te("SunIcon", [
               ])
             ]))
           ]))
-        ])) : O("", !0),
+        ])) : B("", !0),
         s("div", ul, [
           s("button", {
             class: D(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
@@ -1447,9 +1454,9 @@ const lt = te("SunIcon", [
             key: 0,
             class: "btn btn-primary btn-wide",
             onClick: X
-          }, " Close ")) : O("", !0)
+          }, " Close ")) : B("", !0)
         ])
-      ], 10, Ft)) : O("", !0)
+      ], 10, Ft)) : B("", !0)
     ], 512));
   }
 }, cl = /* @__PURE__ */ le(dl, [["__scopeId", "data-v-bab9b3c1"]]), pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -1468,9 +1475,9 @@ const lt = te("SunIcon", [
     gap: { default: 0 }
   },
   setup(i) {
-    const v = i, e = x(v.initialRating);
-    H(
-      () => v.initialRating,
+    const p = i, e = x(p.initialRating);
+    q(
+      () => p.initialRating,
       (o) => {
         e.value = o;
       }
@@ -1480,12 +1487,12 @@ const lt = te("SunIcon", [
     };
     return (o, l) => (n(), a("div", {
       class: D(["rating", [
-        `rating-${v.size}`,
+        `rating-${p.size}`,
         { "rating-half": o.halfStars },
         { "pointer-events-none": !o.isInteractive }
       ]])
     }, [
-      (n(!0), a(B, null, P(o.numberOfStars * (o.halfStars ? 2 : 1), (r) => (n(), a("input", {
+      (n(!0), a(O, null, P(o.numberOfStars * (o.halfStars ? 2 : 1), (r) => (n(), a("input", {
         key: r,
         type: "radio",
         value: o.halfStars ? r * 0.5 : r,
@@ -1512,10 +1519,10 @@ const lt = te("SunIcon", [
             "mask-triangle-3": o.shape === "triangle-left",
             "mask-triangle-4": o.shape === "triangle-right"
           },
-          e.value >= (o.halfStars ? r * 0.5 : r) ? v.color : ""
+          e.value >= (o.halfStars ? r * 0.5 : r) ? p.color : ""
         ]]),
         style: re({
-          marginRight: o.halfStars && r % 2 === 0 ? `${v.gap}px` : o.halfStars ? "0" : `${v.gap}px`
+          marginRight: o.halfStars && r % 2 === 0 ? `${p.gap}px` : o.halfStars ? "0" : `${p.gap}px`
         }),
         disabled: !o.isInteractive
       }, null, 46, vl))), 128))
@@ -1530,8 +1537,8 @@ const lt = te("SunIcon", [
     class: {}
   },
   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(""), d = E(() => l < 0 || o.value.length < l), m = () => {
+  setup(i, { emit: p }) {
+    const e = i, t = p, 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) => {
@@ -1541,12 +1548,12 @@ const lt = te("SunIcon", [
     }, N = (f) => {
       f.key === "Enter" ? m() : f.key === "Backspace" && b.value === "" && U();
     };
-    return H(() => e.modelValue, (f) => {
+    return q(() => e.modelValue, (f) => {
       o.value = [...f];
     }), (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, ($) => M(f.$slots, "tag", {
+      (n(!0), a(O, null, P(o.value, ($) => M(f.$slots, "tag", {
         key: $,
         tag: $
       }, () => [
@@ -1560,7 +1567,7 @@ const lt = te("SunIcon", [
         ])
       ])), 128)),
       M(f.$slots, "input", { showInput: d.value }, () => [
-        d.value ? q((n(), a("input", {
+        d.value ? H((n(), a("input", {
           key: 0,
           ref_key: "inputRef",
           ref: r,
@@ -1572,7 +1579,7 @@ const lt = te("SunIcon", [
           "aria-label": "Add tags"
         }, null, 40, hl)), [
           [oe, b.value]
-        ]) : O("", !0)
+        ]) : B("", !0)
       ])
     ], 2));
   }
@@ -1593,13 +1600,13 @@ const lt = te("SunIcon", [
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { expose: v, emit: e }) {
+  setup(i, { expose: p, emit: e }) {
     console.log(i.placeholder);
     const o = e, l = x(null), r = (d) => {
       const m = d.target;
       o("update:modelValue", m.value);
     };
-    return v({
+    return p({
       focusInput: () => {
         var d;
         console.log("select.vue: focusInput method called."), (d = l.value) == null || d.focus();
@@ -1609,7 +1616,7 @@ const lt = te("SunIcon", [
     }), (d, m) => (n(), a("div", bl, [
       d.label ? (n(), a("label", yl, [
         s("span", wl, C(d.label), 1)
-      ])) : O("", !0),
+      ])) : B("", !0),
       s("select", {
         ref_key: "selectElement",
         ref: l,
@@ -1617,8 +1624,8 @@ const lt = te("SunIcon", [
         value: d.modelValue,
         onChange: r
       }, [
-        d.placeholder ? (n(), a("option", $l, C(d.placeholder), 1)) : O("", !0),
-        (n(!0), a(B, null, P(d.options, (k) => (n(), a("option", {
+        d.placeholder ? (n(), a("option", $l, C(d.placeholder), 1)) : B("", !0),
+        (n(!0), a(O, null, P(d.options, (k) => (n(), a("option", {
           key: k.value,
           value: k.value
         }, C(k.text), 9, _l))), 128))
@@ -1661,7 +1668,7 @@ const lt = te("SunIcon", [
     }
   },
   emits: ["update:modelValue", "select", "clear"],
-  setup(i, { expose: v, emit: e }) {
+  setup(i, { expose: p, 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;
@@ -1677,7 +1684,7 @@ const lt = te("SunIcon", [
         (_) => _.text.toLowerCase().includes(u)
       );
     });
-    H(
+    q(
       () => t.modelValue,
       (u, A) => {
         if (u !== A && $(), u == null)
@@ -1697,7 +1704,7 @@ const lt = te("SunIcon", [
         U.value && !U.value.contains(document.activeElement) && $();
       }, 100);
     };
-    H(m, (u) => {
+    q(m, (u) => {
       u ? setTimeout(() => {
         document.addEventListener("click", j);
       }, 0) : document.removeEventListener("click", j);
@@ -1708,10 +1715,10 @@ const lt = te("SunIcon", [
       if (t.disabled) return;
       const u = d.value;
       o("update:modelValue", null), u && o("clear", u);
-    }, p = (u) => {
+    }, v = (u) => {
       d.value = u, r.value || (b.value = u.text), o("update:modelValue", u.value), o("select", u), $();
     }, y = () => {
-      z.value.length > 0 && p(z.value[0]);
+      z.value.length > 0 && v(z.value[0]);
     }, S = () => {
       m.value || w();
     }, T = (u) => {
@@ -1729,7 +1736,7 @@ const lt = te("SunIcon", [
         const V = z.value.find(
           (K, J) => "option-" + J === f.value
         );
-        V && p(V);
+        V && v(V);
         return;
       } else if (u.key === "Escape") {
         u.preventDefault(), $(), N.value && N.value.focus();
@@ -1744,11 +1751,11 @@ const lt = te("SunIcon", [
         });
       }
     };
-    return H(m, (u) => {
+    return q(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({
+    }), p({
       isDropdownOpen: m,
       // Expose state
       selectedItem: d,
@@ -1759,7 +1766,7 @@ const lt = te("SunIcon", [
       // Expose method to close
       toggleDropdown: I,
       // Expose method to toggle
-      selectItem: p,
+      selectItem: v,
       // Expose method to select an item programmatically
       filterText: b,
       // Expose filter text (useful if parent controls filtering)
@@ -1772,7 +1779,7 @@ const lt = te("SunIcon", [
     }, [
       i.label ? (n(), a("label", Sl, [
         s("span", xl, C(i.label), 1)
-      ])) : O("", !0),
+      ])) : B("", !0),
       s("div", {
         class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         style: re(
@@ -1794,7 +1801,7 @@ const lt = te("SunIcon", [
         ref: N
       }, [
         M(u.$slots, "default", {}, () => [
-          r.value ? O("", !0) : q((n(), a("input", {
+          r.value ? B("", !0) : H((n(), a("input", {
             key: 0,
             type: "text",
             placeholder: i.placeholder,
@@ -1815,18 +1822,18 @@ const lt = te("SunIcon", [
           size: 20,
           class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
           onClick: Q(Y, ["stop"])
-        })) : O("", !0),
+        })) : B("", !0),
         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)
+        }, null, 8, ["class"])) : B("", !0)
       ], 46, Cl),
-      q(s("div", Ml, [
+      H(s("div", Ml, [
         s("ul", Dl, [
-          (n(!0), a(B, null, P(z.value, (_, V) => (n(), a("li", {
+          (n(!0), a(O, null, P(z.value, (_, V) => (n(), a("li", {
             key: _.value,
-            onMousedown: Q((K) => p(_), ["prevent"]),
+            onMousedown: Q((K) => v(_), ["prevent"]),
             class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
             id: "option-" + V,
             role: "option",
@@ -1865,7 +1872,7 @@ const lt = te("SunIcon", [
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "validate"],
-  setup(i, { expose: v, emit: e }) {
+  setup(i, { expose: p, emit: e }) {
     const t = i, o = e, l = x(null), r = x(!1), b = x(""), d = E(() => {
       var I, z, j, W;
       let f = !0, w = "";
@@ -1877,12 +1884,12 @@ const lt = te("SunIcon", [
     }, U = () => {
       r.value = !0, d.value;
     };
-    return H(
+    return q(
       () => t.modelValue,
       () => {
         r.value && d.value;
       }
-    ), v({
+    ), p({
       focusInput: () => {
         var f;
         console.log("inputField.vue: focusInput method called."), (f = l.value) == null || f.focus();
@@ -1893,7 +1900,7 @@ const lt = te("SunIcon", [
     }), (f, w) => (n(), a("div", Vl, [
       f.label ? (n(), a("label", Bl, [
         s("span", Ol, C(f.label), 1)
-      ])) : O("", !0),
+      ])) : B("", !0),
       M(f.$slots, "default"),
       s("input", {
         ref_key: "inputElement",
@@ -1936,7 +1943,7 @@ const lt = te("SunIcon", [
         s("span", Pl, C(b.value), 1)
       ])) : d.value && r.value && f.successMessage ? (n(), a("div", El, [
         s("span", Ll, C(f.successMessage), 1)
-      ])) : O("", !0)
+      ])) : B("", !0)
     ]));
   }
 }), Bn = /* @__PURE__ */ L({
@@ -1948,9 +1955,9 @@ const lt = te("SunIcon", [
     color: { default: "primary" }
   },
   setup(i) {
-    const v = i, e = x(v.loading);
-    return H(
-      () => v.loading,
+    const p = i, e = x(p.loading);
+    return q(
+      () => p.loading,
       (t) => {
         e.value = t;
       }
@@ -1979,7 +1986,7 @@ const lt = te("SunIcon", [
         { "text-warning": t.color === "warning" },
         { "text-error": t.color === "error" }
       ]])
-    }, null, 2)) : O("", !0);
+    }, null, 2)) : B("", !0);
   }
 }), Ul = { class: "footer sm:footer-horizontal container" }, Rl = { class: "footer-title" }, Nl = ["href"], jl = {
   key: 0,
@@ -1996,27 +2003,27 @@ const lt = te("SunIcon", [
     collapseOnMobile: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const v = i;
+    const p = i;
     return (e, t) => (n(), a("div", {
       class: D(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       s("footer", Ul, [
-        (n(!0), a(B, null, P(v.items, (o) => (n(), a("nav", {
+        (n(!0), a(O, null, P(p.items, (o) => (n(), a("nav", {
           class: D([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
           s("h6", Rl, C(o.title), 1),
-          (n(!0), a(B, null, P(o.items, (l) => (n(), a("a", {
+          (n(!0), a(O, null, P(o.items, (l) => (n(), a("a", {
             class: "link link-hover",
             href: l.link
           }, C(l.text), 9, Nl))), 256))
         ], 2))), 256)),
         e.collapseOnMobile ? (n(), a("nav", jl, [
-          (n(!0), a(B, null, P(v.items, (o) => (n(), a("ul", Fl, [
+          (n(!0), a(O, null, P(p.items, (o) => (n(), a("ul", Fl, [
             s("div", ql, [
               s("div", Hl, C(o.title), 1),
               s("div", Wl, [
                 s("ul", Kl, [
-                  (n(!0), a(B, null, P(o.items, (l) => (n(), a("li", Yl, [
+                  (n(!0), a(O, null, P(o.items, (l) => (n(), a("li", Yl, [
                     s("a", {
                       class: "w-full font-medium link link-hover",
                       href: l.link
@@ -2026,7 +2033,7 @@ const lt = te("SunIcon", [
               ])
             ])
           ]))), 256))
-        ])) : O("", !0),
+        ])) : B("", !0),
         s("aside", Xl, [
           M(e.$slots, "default")
         ])
@@ -2034,20 +2041,20 @@ const lt = te("SunIcon", [
     ], 2));
   }
 }), Gl = {}, Zl = { class: "min-h-40 container hero" }, Ql = { class: "px-0! text-center hero-content" }, en = { class: "mt-9 text-4xl" };
-function tn(i, v) {
+function tn(i, p) {
   return n(), a("div", Zl, [
     s("div", Ql, [
       s("div", null, [
         s("h1", en, [
           M(i.$slots, "title", {}, () => [
-            v[0] || (v[0] = ke("hero title"))
+            p[0] || (p[0] = ke("hero title"))
           ])
         ]),
         s("p", null, [
           M(i.$slots, "description", { class: "py-9" })
         ]),
         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))
+          p[1] || (p[1] = s("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
     ])
@@ -2060,13 +2067,13 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
     currentCategory: {}
   },
   emits: ["update:currentCategory"],
-  setup(i, { emit: v }) {
-    const e = i, t = v;
+  setup(i, { emit: p }) {
+    const e = i, t = p;
     function o(l) {
       t("update:currentCategory", l);
     }
     return (l, r) => (n(), a("div", ln, [
-      (n(!0), a(B, null, P(e.searchOptions, (b) => (n(), a("div", {
+      (n(!0), a(O, null, P(e.searchOptions, (b) => (n(), a("div", {
         key: b.category
       }, [
         s("button", {
@@ -2082,9 +2089,9 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
     isCollapsed: { type: Boolean, default: !0 }
   },
   setup(i) {
-    const v = i;
+    const p = i;
     return (e, t) => (n(), a("nav", {
-      class: D(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", v.isCollapsed ? "collapsed" : ""])
+      class: D(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", p.isCollapsed ? "collapsed" : ""])
     }, [
       s("div", an, [
         M(e.$slots, "start", {}, void 0, !0)
@@ -2116,8 +2123,8 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
     buttonOnlyMode: { type: Boolean, default: !1 }
   },
   emits: ["tab-changed"],
-  setup(i, { emit: v }) {
-    const e = i, t = x(e.items[0]), o = v;
+  setup(i, { emit: p }) {
+    const e = i, t = x(e.items[0]), o = p;
     function l(d) {
       t.value = d, o("tab-changed", d);
     }
@@ -2135,7 +2142,7 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
       e.rotateTabsAfter && e.rotateTabsAfter > 0 && setInterval(() => {
         r();
       }, e.rotateTabsAfter * 1e3);
-    }), (d, m) => (n(), a(B, null, [
+    }), (d, m) => (n(), a(O, null, [
       s("div", {
         role: "tablist",
         class: D(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": d.buttonOnlyMode }])
@@ -2149,8 +2156,8 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
             onClick: m[1] || (m[1] = (k) => r()),
             class: "text-primary cursor-pointer"
           }, "Next")
-        ])) : O("", !0),
-        (n(!0), a(B, null, P(d.items, (k) => (n(), a(B, null, [
+        ])) : B("", !0),
+        (n(!0), a(O, null, P(d.items, (k) => (n(), a(O, null, [
           s("a", {
             type: "button",
             role: "tab",
@@ -2158,7 +2165,7 @@ 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),
-          d.buttonOnlyMode ? O("", !0) : (n(), a("div", pn, [
+          d.buttonOnlyMode ? B("", !0) : (n(), a("div", pn, [
             M(d.$slots, `${k}-tab`)
           ]))
         ], 64))), 256))