manolis-ui 0.17.13 → 0.17.15

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as ee, createElementBlock as r, openBlock as o, normalizeClass as T, createCommentVNode as O, renderSlot as E, createTextVNode as Re, createElementVNode as n, Fragment as W, renderList as Z, toDisplayString as L, ref as h, watch as q, h as De, onMounted as he, withDirectives as Se, createVNode as ue, isRef as Ue, vModelCheckbox as He, unref as se, provide as We, onUnmounted as Ve, normalizeStyle as we, Transition as Pe, withCtx as Ce, inject as Ke, useId as Xe, defineAsyncComponent as ze, nextTick as me, onBeforeUnmount as Ee, withModifiers as re, createBlock as ve, resolveDynamicComponent as Te, mergeProps as Be, withKeys as pe, resolveComponent as Oe, vModelText as Ne, useSlots as Ye, Comment as Ge, vShow as Je } from "vue";
+import { defineComponent as _, computed as ee, createElementBlock as r, openBlock as o, normalizeClass as z, createCommentVNode as O, renderSlot as V, createTextVNode as Re, createElementVNode as n, Fragment as W, renderList as Z, toDisplayString as L, ref as h, watch as q, h as De, onMounted as he, withDirectives as Se, createVNode as ue, isRef as Ue, vModelCheckbox as He, unref as se, provide as We, onUnmounted as Ve, normalizeStyle as we, Transition as Pe, withCtx as Ce, inject as Ke, useId as Xe, defineAsyncComponent as ze, nextTick as me, onBeforeUnmount as Ee, withModifiers as re, createBlock as ve, resolveDynamicComponent as Te, mergeProps as Be, withKeys as pe, resolveComponent as Oe, vModelText as Ne, useSlots as Ye, Comment as Ge, vShow as Je } from "vue";
 const Ze = ["disabled"], Qe = {
   key: 0,
   class: "loading loading-spinner"
@@ -65,7 +65,7 @@ const Ze = ["disabled"], Qe = {
       }
     });
     return (a, u) => (o(), r("button", {
-      class: T([
+      class: z([
         "btn",
         { "btn-outline": d.outlined },
         { "btn-active": d.active },
@@ -76,7 +76,7 @@ const Ze = ["disabled"], Qe = {
       disabled: d.disabled
     }, [
       e.loading ? (o(), r("span", Qe)) : O("", !0),
-      E(a.$slots, "default", {}, () => [
+      V(a.$slots, "default", {}, () => [
         u[0] || (u[0] = Re("Submit", -1))
       ])
     ], 10, Ze));
@@ -104,9 +104,9 @@ const Ze = ["disabled"], Qe = {
       end: "dropdown-end"
     }, t = e;
     return (s, a) => (o(), r("div", {
-      class: T(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: z(["dropdown", d[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      E(s.$slots, "default", {
+      V(s.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
@@ -118,7 +118,7 @@ const Ze = ["disabled"], Qe = {
             href: u.link
           }, L(u.text), 9, tt)
         ]))), 256)),
-        E(s.$slots, "additional")
+        V(s.$slots, "additional")
       ])
     ], 2));
   }
@@ -152,25 +152,25 @@ const Ze = ["disabled"], Qe = {
         class: "w-fit cursor-pointer",
         onClick: s
       }, [
-        E(u.$slots, "trigger", { role: "button" }, () => [
+        V(u.$slots, "trigger", { role: "button" }, () => [
           m[0] || (m[0] = n("button", { class: "btn" }, "Open", -1))
         ])
       ])) : O("", !0),
       n("dialog", {
         ref_key: "dialog",
         ref: t,
-        class: T(["modal", l[d.position]])
+        class: z(["modal", l[d.position]])
       }, [
         n("div", lt, [
-          E(u.$slots, "default"),
+          V(u.$slots, "default"),
           n("div", nt, [
-            E(u.$slots, "actions"),
+            V(u.$slots, "actions"),
             n("form", {
               method: "dialog",
               onSubmit: a,
-              class: T(e.withBackdrop ? "modal-backdrop" : "")
+              class: z(e.withBackdrop ? "modal-backdrop" : "")
             }, [
-              E(u.$slots, "close-button", {}, () => [
+              V(u.$slots, "close-button", {}, () => [
                 m[1] || (m[1] = n("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -187,14 +187,14 @@ const Ze = ["disabled"], Qe = {
   setup(e) {
     const d = e;
     return (l, t) => (o(), r("label", {
-      class: T(["swap", d.effect ? `swap-${e.effect}` : ""])
+      class: z(["swap", d.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
       n("div", at, [
-        E(l.$slots, "on")
+        V(l.$slots, "on")
       ]),
       n("div", ot, [
-        E(l.$slots, "off")
+        V(l.$slots, "off")
       ])
     ], 2));
   }
@@ -361,7 +361,7 @@ const ct = xe("SunIcon", [
   setup(e) {
     const d = e;
     return (l, t) => (o(!0), r(W, null, Z(d.items, (s, a) => (o(), r("div", {
-      class: T(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
+      class: z(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: a
     }, [
       n("input", {
@@ -393,11 +393,11 @@ const ct = xe("SunIcon", [
         t && (l.value = t);
       }
     ), (t, s) => (o(), r("div", {
-      class: T(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
+      class: z(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
     }, [
       e.image ? (o(), r("div", {
         key: 0,
-        class: T(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: z(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         n("img", {
           src: e.image,
@@ -405,7 +405,7 @@ const ct = xe("SunIcon", [
         }, null, 8, bt)
       ], 2)) : (o(), r("div", {
         key: 1,
-        class: T(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
+        class: z(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
       }, [
         n("p", wt, L(e.initials), 1)
       ], 2))
@@ -436,9 +436,9 @@ const ct = xe("SunIcon", [
       error: "badge-error"
     };
     return (s, a) => (o(), r("span", {
-      class: T(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
+      class: z(["badge", l[d.size], t[d.color], { "badge-outline": d.outline }])
     }, [
-      E(s.$slots, "default")
+      V(s.$slots, "default")
     ], 2));
   }
 }), xt = ["src", "alt"], kt = {
@@ -477,7 +477,7 @@ const ct = xe("SunIcon", [
         l.value = t;
       }
     ), (t, s) => (o(), r("div", {
-      class: T(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+      class: z(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
         { "border-4 border-primary": l.value },
         e.color ?? "",
         e.background,
@@ -485,13 +485,13 @@ const ct = xe("SunIcon", [
       ]])
     }, [
       n("figure", {
-        class: T([{ "contents!": e.horizontal && e.imgWidth }])
+        class: z([{ "contents!": e.horizontal && e.imgWidth }])
       }, [
         e.imgUrl || e.imgUrl && !e.loading ? (o(), r("img", {
           key: 0,
           src: e.imgUrl,
           alt: e.alt,
-          class: T(["rounded-sm object-cover", [
+          class: z(["rounded-sm object-cover", [
             {
               hidden: e.loading
             },
@@ -501,15 +501,15 @@ const ct = xe("SunIcon", [
         }, null, 10, xt)) : O("", !0),
         e.loading && e.imgUrl ? (o(), r("div", {
           key: 1,
-          class: T(["w-full skeleton", e.imgHeight])
+          class: z(["w-full skeleton", e.imgHeight])
         }, null, 2)) : O("", !0)
       ], 2),
       e.loading ? O("", !0) : (o(), r("div", kt, [
         e.title ? (o(), r("h2", $t, L(e.title), 1)) : O("", !0),
-        E(t.$slots, "details"),
+        V(t.$slots, "details"),
         e.description ? (o(), r("p", St, L(e.description), 1)) : O("", !0),
         n("div", Ct, [
-          E(t.$slots, "actions")
+          V(t.$slots, "actions")
         ])
       ])),
       e.loading ? (o(), r("div", It, [...s[0] || (s[0] = [
@@ -587,7 +587,7 @@ const ct = xe("SunIcon", [
     }
   },
   setup(e, { expose: d }) {
-    const l = e, t = h(l.initialSlide), s = h(null), a = h(null), u = h(0), m = h(!1), i = h(0), y = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), V = h(0), C = h(0), H = h(0), F = h(0), K = h(null), Q = h(null), le = h(0), f = h(null), b = ee(() => {
+    const l = e, t = h(l.initialSlide), s = h(null), a = h(null), u = h(0), m = h(!1), i = h(0), y = h(0), M = h(!1), R = h(0), k = h(0), c = h(0), E = h(0), C = h(0), H = h(0), F = h(0), K = h(null), Q = h(null), le = h(0), f = h(null), b = ee(() => {
       const I = Object.keys(l.breakpoints).map(Number).sort((P, U) => P - U);
       let $ = {};
       for (const P of I)
@@ -638,8 +638,8 @@ const ct = xe("SunIcon", [
     }, w = (I) => {
       m.value && K.value && (l.autoplay && ae(), cancelAnimationFrame(K.value), m.value = !1);
       const $ = "touches" in I ? I.touches[0] : I;
-      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = u.value, V.value = 0, C.value = 0, H.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", z, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", z, { passive: !1 }), document.addEventListener("touchend", N);
-    }, z = (I) => {
+      R.value = $.clientX, k.value = $.clientY, f.value = null, c.value = u.value, E.value = 0, C.value = 0, H.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", T, { passive: !1 }), document.addEventListener("mouseup", N), document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", N);
+    }, T = (I) => {
       const $ = "touches" in I ? I.touches[0] : I;
       if (!f.value) {
         const be = Math.abs($.clientX - R.value), fe = Math.abs($.clientY - k.value), ke = 5;
@@ -663,12 +663,12 @@ const ct = xe("SunIcon", [
       if (!M.value || !a.value || !s.value) return;
       I.cancelable && I.preventDefault();
       const P = performance.now(), U = P - F.value, J = l.sliderOrientation === "horizontal" ? $.clientX : $.clientY, X = l.sliderOrientation === "horizontal" ? R.value : k.value, oe = l.sliderOrientation === "horizontal" ? C.value || X : H.value || X, Y = J - oe;
-      U > 0 && (V.value = Y / U * 1e3);
+      U > 0 && (E.value = Y / U * 1e3);
       const ie = J - X;
       let ne = c.value - ie;
       ne < 0 ? ne = ne * 0.3 : ne > j.value && (ne = j.value + (ne - j.value) * 0.3), le.value = ne, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, l.sliderOrientation === "horizontal" ? C.value = J : H.value = J, F.value = P;
     }, B = () => {
-      document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", z), document.removeEventListener("touchend", N);
+      document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", T), document.removeEventListener("touchend", N);
     }, N = () => {
       if (!M.value || !s.value || !a.value) return;
       const $ = l.sliderOrientation === "horizontal" ? c.value - (C.value - R.value) : c.value - (H.value - k.value), P = Math.max(0, Math.min($, j.value)), U = x() + S.value;
@@ -689,8 +689,8 @@ const ct = xe("SunIcon", [
         return;
       }
       const J = Math.max(0, i.value - Math.floor(g.value)), X = 100, oe = Math.round(P / U);
-      if (Math.abs(V.value) > X) {
-        const Y = -Math.sign(V.value), ie = oe + Y;
+      if (Math.abs(E.value) > X) {
+        const Y = -Math.sign(E.value), ie = oe + Y;
         A(Math.max(0, Math.min(J, ie)));
       } else
         A(Math.max(0, Math.min(J, oe)));
@@ -742,21 +742,21 @@ const ct = xe("SunIcon", [
       n("div", {
         ref_key: "carouselContainer",
         ref: s,
-        class: T(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
+        class: z(["rounded w-full h-full carousel", [{ "carousel-horizontal": e.sliderOrientation == "horizontal" }, { "carousel-vertical": e.sliderOrientation == "vertical" }, { "cursor-grabbing !select-none": M.value }]]),
         style: { scrollSnapType: "none" }
       }, [
         n("div", {
           ref_key: "slidesContainer",
           ref: a,
-          class: T(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
+          class: z(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
           style: we({ gap: `${S.value}px` })
         }, [
-          E(I.$slots, "default", {}, void 0, !0)
+          V(I.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 2),
       e.showNavigationButtons ? (o(), r("div", {
         key: 0,
-        class: T([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
+        class: z([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
       }, [
         ue(Pe, { name: "fade" }, {
           default: Ce(() => [
@@ -766,7 +766,7 @@ const ct = xe("SunIcon", [
                 role: "button",
                 "aria-label": "Previous Slide"
               }, [
-                E(I.$slots, "prevButton", {}, () => [
+                V(I.$slots, "prevButton", {}, () => [
                   $[0] || ($[0] = n("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
@@ -786,7 +786,7 @@ const ct = xe("SunIcon", [
                 role: "button",
                 "aria-label": "Next Slide"
               }, [
-                E(I.$slots, "nextButton", {}, () => [
+                V(I.$slots, "nextButton", {}, () => [
                   $[1] || ($[1] = n("button", {
                     class: "btn btn-circle text-xs",
                     tabindex: "-1"
@@ -802,7 +802,7 @@ const ct = xe("SunIcon", [
         (o(!0), r(W, null, Z(i.value, (P, U) => (o(), r("button", {
           key: `dot-${U}`,
           onClick: (J) => p(U),
-          class: T(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
+          class: z(["btn btn-circle btn-xs", { "btn-active": U === t.value }]),
           "aria-label": `Go to slide ${U + 1}`
         }, null, 10, Ot))), 128))
       ])) : O("", !0)
@@ -821,7 +821,7 @@ const ct = xe("SunIcon", [
       class: "w-full h-full carousel-item",
       style: we(se(d))
     }, [
-      E(l.$slots, "default", {}, void 0, !0)
+      V(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), Cn = /* @__PURE__ */ ge(Vt, [["__scopeId", "data-v-507384bc"]]), Et = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Lt = ["onClick"], jt = {
@@ -932,7 +932,7 @@ const ct = xe("SunIcon", [
     function c(f) {
       k(f);
     }
-    function V() {
+    function E() {
       t("search");
     }
     async function C(f) {
@@ -1048,7 +1048,7 @@ const ct = xe("SunIcon", [
                 return o(), r("button", {
                   key: `${v.name}-${D}`,
                   onClick: re((p) => F(v), ["stop"]),
-                  class: T([{
+                  class: z([{
                     "tab-active": ((x = a.value) == null ? void 0 : x.name) === v.name,
                     "tab-active-inline": ((j = a.value) == null ? void 0 : j.name) === v.name && ((A = a.value) == null ? void 0 : A.displayMode) === "inline"
                     // Add new class
@@ -1089,7 +1089,7 @@ const ct = xe("SunIcon", [
               title: "search",
               type: "submit",
               class: "ml-1 btn btn-primary btn-square",
-              onClick: re(V, ["stop"])
+              onClick: re(E, ["stop"])
             }, [
               ue(se(Ae), {
                 size: 24,
@@ -1115,7 +1115,7 @@ const ct = xe("SunIcon", [
           class: "modal"
         }, [
           n("div", qt, [
-            E(f.$slots, "additionalForMobile", {}, () => [
+            V(f.$slots, "additionalForMobile", {}, () => [
               n("h3", Ut, L(e.currentCategory), 1)
             ], !0),
             (o(!0), r(W, null, Z(((S = l.searchOptions.find(
@@ -1146,7 +1146,7 @@ const ct = xe("SunIcon", [
               n("form", { method: "dialog" }, [
                 n("button", {
                   class: "btn btn-primary",
-                  onClick: V
+                  onClick: E
                 }, " Close and Search ")
               ])
             ])
@@ -1191,24 +1191,24 @@ const ct = xe("SunIcon", [
       single: null,
       start: null,
       end: null
-    }), V = (p) => p instanceof Date ? p.toISOString() : p, C = (p) => p.split("T")[0] || "", H = (p) => {
+    }), E = (p) => p instanceof Date ? p.toISOString() : p, C = (p) => p.split("T")[0] || "", H = (p) => {
       const w = p instanceof Date ? p : new Date(p);
       if (isNaN(w.getTime())) return "";
-      const z = String(w.getHours()).padStart(2, "0"), B = String(w.getMinutes()).padStart(2, "0");
-      return `${z}:${B}`;
+      const T = String(w.getHours()).padStart(2, "0"), B = String(w.getMinutes()).padStart(2, "0");
+      return `${T}:${B}`;
     }, F = () => {
       const p = /* @__PURE__ */ new Date(), w = H(p);
-      let z = t.initialDate;
-      if (!z && t.mode !== "time" && (z = t.range ? { start: p, end: p } : p), !!z) {
-        if (!z) {
+      let T = t.initialDate;
+      if (!T && t.mode !== "time" && (T = t.range ? { start: p, end: p } : p), !!T) {
+        if (!T) {
           t.mode === "time" && (t.range ? (k.value.from = w, k.value.to = w) : k.value.single = w);
           return;
         }
-        if (t.range && typeof z == "object" && "start" in z) {
-          const B = V(z.start), N = V(z.end);
+        if (t.range && typeof T == "object" && "start" in T) {
+          const B = E(T.start), N = E(T.end);
           c.value.start = C(B), c.value.end = C(N), t.mode !== "date" && (k.value.from = H(B), k.value.to = H(N));
         } else {
-          const B = V(z);
+          const B = E(T);
           c.value.single = C(B), t.mode !== "date" && (k.value.single = H(B));
         }
       }
@@ -1227,11 +1227,11 @@ const ct = xe("SunIcon", [
           return `${ae}/${G}/${N}`;
         }
       };
-      let w = "", z = "";
-      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (w = `${c.value.start} - ${c.value.end}`) : c.value.single && (w = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? k.value.from && k.value.to && (z = `${k.value.from} - ${k.value.to}`) : k.value.single && (z = k.value.single)), t.mode === "date")
+      let w = "", T = "";
+      if ((t.mode === "date" || t.mode === "datetime") && (t.range ? c.value.start && c.value.end && (w = `${c.value.start} - ${c.value.end}`) : c.value.single && (w = c.value.single)), (t.mode === "time" || t.mode === "datetime") && (t.range ? k.value.from && k.value.to && (T = `${k.value.from} - ${k.value.to}`) : k.value.single && (T = k.value.single)), t.mode === "date")
         return t.range ? w.split(" - ").map(p).join(" - ") : p(w);
       if (t.mode === "time")
-        return z;
+        return T;
       if (t.mode === "datetime")
         if (t.range) {
           const B = c.value.start, N = c.value.end, G = k.value.from, ae = k.value.to;
@@ -1250,21 +1250,21 @@ const ct = xe("SunIcon", [
       else if (i.value) {
         const p = i.value.value;
         if (typeof p == "string" && p.includes("/")) {
-          const [w, z] = p.split("/");
-          c.value.start = w || null, c.value.end = z || null;
+          const [w, T] = p.split("/");
+          c.value.start = w || null, c.value.end = T || null;
         } else
           c.value.start = p || null, c.value.end = p || null;
       }
     }, le = () => c.value.start && c.value.end ? `${c.value.start}/${c.value.end}` : null, f = () => {
       if (t.range) {
-        const z = c.value.start, B = c.value.end || c.value.start, N = k.value.from, G = k.value.to;
+        const T = c.value.start, B = c.value.end || c.value.start, N = k.value.from, G = k.value.to;
         if (t.mode === "time")
           return N && G ? { start: N, end: G } : null;
         if (t.mode === "date")
-          return z && B ? { start: z, end: B } : null;
+          return T && B ? { start: T, end: B } : null;
         if (t.mode === "datetime") {
-          if (!z || !B) return null;
-          const ae = N ? `${N}:00` : "00:00:00", ce = G ? `${G}:00` : "23:59:59", ye = `${z}T${ae}`, Ie = `${B}T${ce}`;
+          if (!T || !B) return null;
+          const ae = N ? `${N}:00` : "00:00:00", ce = G ? `${G}:00` : "23:59:59", ye = `${T}T${ae}`, Ie = `${B}T${ce}`;
           return { start: ye, end: Ie };
         }
         return null;
@@ -1276,8 +1276,8 @@ const ct = xe("SunIcon", [
         return p || null;
       if (t.mode === "datetime") {
         if (!p) return null;
-        const z = w ? `${w}:00` : "00:00:00";
-        return `${p}T${z}`;
+        const T = w ? `${w}:00` : "00:00:00";
+        return `${p}T${T}`;
       }
       return null;
     }, b = async () => {
@@ -1297,8 +1297,8 @@ const ct = xe("SunIcon", [
       b(), u.value = !1;
     }, x = (p) => {
       !t.popup || !u.value || setTimeout(() => {
-        const w = a.value, z = p.target, B = `date-picker-${t.id}-popup`;
-        w && !w.contains(z) && !p.target.closest(`#${B}`) && D();
+        const w = a.value, T = p.target, B = `date-picker-${t.id}-popup`;
+        w && !w.contains(T) && !p.target.closest(`#${B}`) && D();
       }, 0);
     }, j = () => {
       D();
@@ -1332,7 +1332,7 @@ const ct = xe("SunIcon", [
     }, { immediate: !0 }), q([y, M, R], () => {
       b();
     }, { immediate: !0 }), (p, w) => {
-      const z = Oe("calendar-month"), B = Oe("calendar-date"), N = Oe("calendar-range");
+      const T = Oe("calendar-month"), B = Oe("calendar-date"), N = Oe("calendar-range");
       return o(), r("div", {
         class: "inline-block relative w-fit lg:w-full",
         ref_key: "pickerContainer",
@@ -1350,7 +1350,7 @@ const ct = xe("SunIcon", [
         ])) : O("", !0),
         u.value || !t.popup ? (o(), r("div", {
           key: 1,
-          class: T(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
+          class: z(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
           id: `date-picker-${t.id}-popup`,
           onKeydown: [
             w[1] || (w[1] = pe(re(() => {
@@ -1412,7 +1412,7 @@ const ct = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(z, {
+              ue(T, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
@@ -1471,7 +1471,7 @@ const ct = xe("SunIcon", [
                   })
                 ], -1)
               ])]),
-              ue(z, {
+              ue(T, {
                 locale: t.locale
               }, null, 8, ["locale"])
             ]),
@@ -1567,7 +1567,7 @@ const ct = xe("SunIcon", [
       l.value = s;
     };
     return (s, a) => (o(), r("div", {
-      class: T(["rating", [
+      class: z(["rating", [
         `rating-${d.size}`,
         { "rating-half": e.halfStars },
         { "pointer-events-none": !e.isInteractive }
@@ -1579,7 +1579,7 @@ const ct = xe("SunIcon", [
         value: e.halfStars ? u * 0.5 : u,
         checked: l.value === (e.halfStars ? u * 0.5 : u),
         onChange: (m) => e.isInteractive ? t(e.halfStars ? u * 0.5 : u) : null,
-        class: T(["mask", [
+        class: z(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
             "mask-half-1": e.halfStars && u % 2 !== 0,
@@ -1623,7 +1623,7 @@ const ct = xe("SunIcon", [
       const c = m.value.trim();
       c && !s.value.includes(c) && (s.value.push(c), t("update:modelValue", s.value), m.value = "");
     }, M = (c) => {
-      s.value = s.value.filter((V) => V !== c), t("update:modelValue", s.value);
+      s.value = s.value.filter((E) => E !== c), t("update:modelValue", s.value);
     }, R = () => {
       m.value === "" && (s.value.pop(), t("update:modelValue", s.value));
     }, k = (c) => {
@@ -1631,10 +1631,10 @@ const ct = xe("SunIcon", [
     };
     return q(() => l.modelValue, (c) => {
       s.value = [...c];
-    }), (c, V) => (o(), r("div", {
-      class: T(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
+    }), (c, E) => (o(), r("div", {
+      class: z(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
     }, [
-      (o(!0), r(W, null, Z(s.value, (C) => E(c.$slots, "tag", {
+      (o(!0), r(W, null, Z(s.value, (C) => V(c.$slots, "tag", {
         key: C,
         tag: C
       }, () => [
@@ -1647,12 +1647,12 @@ const ct = xe("SunIcon", [
           n("span", hl, L(C), 1)
         ])
       ])), 128)),
-      E(c.$slots, "input", { showInput: i.value }, () => [
+      V(c.$slots, "input", { showInput: i.value }, () => [
         i.value ? Se((o(), r("input", {
           key: 0,
           ref_key: "inputRef",
           ref: u,
-          "onUpdate:modelValue": V[0] || (V[0] = (C) => m.value = C),
+          "onUpdate:modelValue": E[0] || (E[0] = (C) => m.value = C),
           type: "text",
           placeholder: e.placeholder || "Type here",
           class: "h-full input input-ghost",
@@ -1753,12 +1753,12 @@ const ct = xe("SunIcon", [
     const t = e, s = l, a = Ye(), u = ee(() => {
       const D = (a.default ? a.default() : []).filter((x) => x.type !== Ge);
       return console.log("hasDefaultSlotContent computed:", D.length > 0), D.length > 0;
-    }), m = h(""), i = h(null), y = h(!1), M = h(null), R = h(null), k = h(null), c = h(null), V = () => {
+    }), m = h(""), i = h(null), y = h(!1), M = h(null), R = h(null), k = h(null), c = h(null), E = () => {
       y.value = !t.disabled;
     }, C = () => {
       y.value = !1, c.value = null, u.value || (i.value && m.value !== i.value.text ? m.value = i.value.text : i.value || (m.value = ""));
     }, H = () => {
-      y.value ? C() : V();
+      y.value ? C() : E();
     }, F = ee(() => {
       const v = m.value ? m.value.toLowerCase() : "";
       return v === "" && !y.value ? [] : t.options.filter(
@@ -1801,7 +1801,7 @@ const ct = xe("SunIcon", [
     }, b = () => {
       F.value.length > 0 && f(F.value[0]);
     }, g = () => {
-      y.value || V();
+      y.value || E();
     }, S = (v) => {
       if (!y.value || F.value.length === 0) return;
       const D = F.value.findIndex(
@@ -1841,7 +1841,7 @@ const ct = xe("SunIcon", [
       // Expose state
       selectedItem: i,
       // Expose selected item
-      openDropdown: V,
+      openDropdown: E,
       // Expose method to open
       closeDropdown: C,
       // Expose method to close
@@ -1862,12 +1862,12 @@ const ct = xe("SunIcon", [
         n("span", Cl, L(e.label), 1)
       ])) : O("", !0),
       n("div", {
-        class: T(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
+        class: z(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
         style: we(
           i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
         tabindex: "0",
-        onClick: D[1] || (D[1] = (x) => u.value ? H() : V()),
+        onClick: D[1] || (D[1] = (x) => u.value ? H() : E()),
         onKeydown: [
           pe(re(b, ["prevent"]), ["enter"]),
           pe(re(b, ["prevent"]), ["space"])
@@ -1881,7 +1881,7 @@ const ct = xe("SunIcon", [
         ref_key: "activatorWrapper",
         ref: k
       }, [
-        E(v.$slots, "default", {}, () => [
+        V(v.$slots, "default", {}, () => [
           u.value ? O("", !0) : Se((o(), r("input", {
             key: 0,
             type: "text",
@@ -1890,7 +1890,7 @@ const ct = xe("SunIcon", [
             "onUpdate:modelValue": D[0] || (D[0] = (x) => m.value = x),
             ref_key: "filterInput",
             ref: M,
-            onFocus: V,
+            onFocus: E,
             onInput: g,
             tabindex: "-1",
             disabled: t.disabled
@@ -1906,7 +1906,7 @@ const ct = xe("SunIcon", [
         })) : O("", !0),
         u.value && !i.value ? (o(), ve(se(rt), {
           key: 1,
-          class: T([{ "rotate-180": y.value }, "mx-2"]),
+          class: z([{ "rotate-180": y.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : O("", !0)
       ], 46, Il),
@@ -1956,12 +1956,12 @@ const ct = xe("SunIcon", [
   setup(e, { expose: d, emit: l }) {
     const t = e, s = l, a = h(null), u = h(!1), m = h(""), i = ee(() => {
       var H, F, K, Q;
-      let c = !0, V = "";
+      let c = !0, E = "";
       const C = t.modelValue;
-      return (H = t.rules) != null && H.required && (C == null || C === "") && (c = !1, V = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof C == "string" && C.length < t.rules.minLength && (c = !1, V = `Must be at least ${t.rules.minLength} characters.`), c && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof C == "string" && C.length > t.rules.maxLength && (c = !1, V = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof C == "string" && C && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C) || (c = !1, V = "Please enter a valid email address.")), m.value = V, s("validate", c), c;
+      return (H = t.rules) != null && H.required && (C == null || C === "") && (c = !1, E = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof C == "string" && C.length < t.rules.minLength && (c = !1, E = `Must be at least ${t.rules.minLength} characters.`), c && ((K = t.rules) == null ? void 0 : K.maxLength) !== void 0 && typeof C == "string" && C.length > t.rules.maxLength && (c = !1, E = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Q = t.rules) != null && Q.email) && typeof C == "string" && C && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C) || (c = !1, E = "Please enter a valid email address.")), m.value = E, s("validate", c), c;
     }), y = ee(() => u.value && !i.value), M = (c) => {
-      const V = c.target;
-      s("update:modelValue", V.value), u.value && i.value;
+      const E = c.target;
+      s("update:modelValue", E.value), u.value && i.value;
     }, R = () => {
       u.value = !0, i.value;
     };
@@ -1978,18 +1978,18 @@ const ct = xe("SunIcon", [
       isValid: i,
       isTouched: u,
       errorMessage: m
-    }), (c, V) => (o(), r("div", Ol, [
+    }), (c, E) => (o(), r("div", Ol, [
       e.label ? (o(), r("label", Dl, [
         n("span", Vl, L(e.label), 1)
       ])) : O("", !0),
-      E(c.$slots, "default"),
+      V(c.$slots, "default"),
       n("input", {
         ref_key: "inputElement",
         ref: a,
         type: e.type,
         placeholder: e.placeholder,
         disabled: t.disabled,
-        class: T(["input-bordered rounded-md w-full input validator", [
+        class: z(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": e.size === "xs",
@@ -2044,7 +2044,7 @@ const ct = xe("SunIcon", [
       }
     ), (t, s) => l.value ? (o(), r("span", {
       key: 0,
-      class: T(["loading", [
+      class: z(["loading", [
         { "loading-xs": e.size === "xs" },
         { "loading-sm": e.size === "sm" },
         { "loading-md": e.size === "md" },
@@ -2075,7 +2075,7 @@ const ct = xe("SunIcon", [
 }, ql = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Ul = {
   tabindex: "0",
   class: "collapse collapse-plus w-full"
-}, Hl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Wl = { class: "collapse-content flex w-full text-sm" }, Kl = { class: "flex flex-col gap-2.5" }, Xl = { class: "w-full" }, Yl = ["href"], Gl = { class: "w-full" }, Vn = /* @__PURE__ */ _({
+}, Hl = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Wl = { class: "collapse-content flex w-full text-sm" }, Kl = { class: "flex flex-col gap-2.5" }, Xl = { class: "w-full" }, Yl = ["href"], Gl = { class: "sm:w-1/4" }, Vn = /* @__PURE__ */ _({
   __name: "footer",
   props: {
     items: {},
@@ -2087,14 +2087,14 @@ const ct = xe("SunIcon", [
   setup(e) {
     const d = e;
     return (l, t) => (o(), r("div", {
-      class: T(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
+      class: z(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
     }, [
       n("footer", Rl, [
         n("div", {
-          class: T(["footer sm:footer-horizontal", [{ "sm:grid-rows-1": d.rows === 1 }, { "sm:grid-rows-2": d.rows === 2 }, { "sm:grid-rows-3": d.rows === 3 }]])
+          class: z(["footer sm:footer-horizontal sm:w-3/4", [{ "sm:grid-rows-1": d.rows === 1 }, { "sm:grid-rows-2": d.rows === 2 }, { "sm:grid-rows-3": d.rows === 3 }]])
         }, [
           (o(!0), r(W, null, Z(d.items, (s) => (o(), r("nav", {
-            class: T([{ "hidden sm:grid": e.collapseOnMobile }])
+            class: z([{ "hidden sm:grid": e.collapseOnMobile }])
           }, [
             n("h6", Nl, L(s.title), 1),
             (o(!0), r(W, null, Z(s.items, (a) => (o(), r("a", {
@@ -2102,6 +2102,11 @@ const ct = xe("SunIcon", [
               href: a.link
             }, L(a.text), 9, _l))), 256))
           ], 2))), 256)),
+          n("nav", {
+            class: z(["empty:hidden", [{ "hidden sm:grid": e.collapseOnMobile }]])
+          }, [
+            V(l.$slots, "extra-row")
+          ], 2),
           e.collapseOnMobile ? (o(), r("nav", Fl, [
             (o(!0), r(W, null, Z(d.items, (s) => (o(), r("ul", ql, [
               n("div", Ul, [
@@ -2121,7 +2126,7 @@ const ct = xe("SunIcon", [
           ])) : O("", !0)
         ], 2),
         n("aside", Gl, [
-          E(l.$slots, "default")
+          V(l.$slots, "default")
         ])
       ])
     ], 2));
@@ -2132,14 +2137,14 @@ function tn(e, d) {
     n("div", Ql, [
       n("div", null, [
         n("h1", en, [
-          E(e.$slots, "title", {}, () => [
+          V(e.$slots, "title", {}, () => [
             d[0] || (d[0] = Re("hero title", -1))
           ])
         ]),
         n("p", null, [
-          E(e.$slots, "description", { class: "py-9" })
+          V(e.$slots, "description", { class: "py-9" })
         ]),
-        E(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+        V(e.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
           d[1] || (d[1] = n("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
@@ -2164,7 +2169,7 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
       }, [
         n("button", {
           onClick: (i) => s(m.category),
-          class: T(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
+          class: z(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === m.category }])
         }, L(m.category), 11, nn)
       ]))), 128))
     ]));
@@ -2177,19 +2182,19 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
   setup(e) {
     const d = e;
     return (l, t) => (o(), r("nav", {
-      class: T(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
+      class: z(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", d.isCollapsed ? "collapsed" : ""])
     }, [
       n("div", an, [
-        E(l.$slots, "start", {}, void 0, !0)
+        V(l.$slots, "start", {}, void 0, !0)
       ]),
       n("div", on, [
-        E(l.$slots, "center", {}, void 0, !0)
+        V(l.$slots, "center", {}, void 0, !0)
       ]),
       n("div", sn, [
-        E(l.$slots, "end", {}, void 0, !0)
+        V(l.$slots, "end", {}, void 0, !0)
       ]),
       n("div", rn, [
-        E(l.$slots, "bottom", {}, void 0, !0)
+        V(l.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -2231,7 +2236,7 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
     }), (i, y) => (o(), r(W, null, [
       n("div", {
         role: "tablist",
-        class: T(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
+        class: z(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
       }, [
         e.withControlls ? (o(), r("div", dn, [
           n("button", {
@@ -2247,17 +2252,17 @@ const En = /* @__PURE__ */ ge(Jl, [["render", tn]]), ln = { class: "flex flex-ro
           n("a", {
             type: "button",
             role: "tab",
-            class: T(["min-w-max tab", M === t.value ? "bg-primary text-base-100" : ""]),
+            class: z(["min-w-max tab", M === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (R) => a(M),
             "aria-selected": t.value == M
           }, L(M), 11, cn),
           e.buttonOnlyMode ? O("", !0) : (o(), r("div", vn, [
-            E(i.$slots, `${M}-tab`)
+            V(i.$slots, `${M}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
       n("div", fn, [
-        E(i.$slots, "default")
+        V(i.$slots, "default")
       ])
     ], 64));
   }