manolis-ui 0.10.2 → 0.11.1

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as D, createCommentVNode as 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";
+import { defineComponent as L, computed as E, createElementBlock as a, openBlock as n, normalizeClass as M, createCommentVNode as B, renderSlot as D, createTextVNode as ke, createElementVNode as s, Fragment as O, renderList as P, toDisplayString as x, ref as C, 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"
@@ -65,7 +65,7 @@ const je = ["disabled"], Fe = {
       }
     });
     return (l, r) => (n(), a("button", {
-      class: D([
+      class: M([
         "btn",
         { "btn-outline": p.outlined },
         { "btn-active": p.active },
@@ -76,7 +76,7 @@ const je = ["disabled"], Fe = {
       disabled: p.disabled
     }, [
       l.loading ? (n(), a("span", Fe)) : B("", !0),
-      M(l.$slots, "default", {}, () => [
+      D(l.$slots, "default", {}, () => [
         r[0] || (r[0] = ke("Submit"))
       ])
     ], 10, je));
@@ -104,9 +104,9 @@ const je = ["disabled"], Fe = {
       end: "dropdown-end"
     }, t = i;
     return (o, l) => (n(), a("div", {
-      class: D(["dropdown", p[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
+      class: M(["dropdown", p[t.position], e[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
     }, [
-      M(o.$slots, "default", {
+      D(o.$slots, "default", {
         tabindex: "0",
         role: "button"
       }, () => [
@@ -116,9 +116,9 @@ const je = ["disabled"], Fe = {
         (n(!0), a(O, null, P(o.items, (r) => (n(), a("li", null, [
           s("a", {
             href: r.link
-          }, C(r.text), 9, He)
+          }, x(r.text), 9, He)
         ]))), 256)),
-        M(o.$slots, "additional")
+        D(o.$slots, "additional")
       ])
     ], 2));
   }
@@ -134,7 +134,7 @@ const je = ["disabled"], Fe = {
       top: "modal-top",
       bottom: "modal-bottom",
       center: "modal-middle"
-    }, t = x(null), o = () => {
+    }, t = C(null), o = () => {
       var r;
       (r = t.value) == null || r.showModal();
     }, l = () => {
@@ -152,25 +152,25 @@ const je = ["disabled"], Fe = {
         class: "w-fit cursor-pointer",
         onClick: o
       }, [
-        M(r.$slots, "trigger", { role: "button" }, () => [
+        D(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[p.position]])
+        class: M(["modal", e[p.position]])
       }, [
         s("div", We, [
-          M(r.$slots, "default"),
+          D(r.$slots, "default"),
           s("div", Ke, [
-            M(r.$slots, "actions"),
+            D(r.$slots, "actions"),
             s("form", {
               method: "dialog",
               onSubmit: l,
-              class: D(r.withBackdrop ? "modal-backdrop" : "")
+              class: M(r.withBackdrop ? "modal-backdrop" : "")
             }, [
-              M(r.$slots, "close-button", {}, () => [
+              D(r.$slots, "close-button", {}, () => [
                 b[1] || (b[1] = s("button", { class: "btn" }, "Close", -1))
               ])
             ], 34)
@@ -187,14 +187,14 @@ const je = ["disabled"], Fe = {
   setup(i) {
     const p = i;
     return (e, t) => (n(), a("label", {
-      class: D(["swap", p.effect ? `swap-${e.effect}` : ""])
+      class: M(["swap", p.effect ? `swap-${e.effect}` : ""])
     }, [
       t[0] || (t[0] = s("input", { type: "checkbox" }, null, -1)),
       s("div", Ye, [
-        M(e.$slots, "on")
+        D(e.$slots, "on")
       ]),
       s("div", Je, [
-        M(e.$slots, "off")
+        D(e.$slots, "off")
       ])
     ], 2));
   }
@@ -326,7 +326,7 @@ const lt = te("SunIcon", [
   ["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, p) => {
-  const e = x(null);
+  const e = C(null);
   return ee(() => {
     if (typeof window < "u") {
       const t = window.localStorage.getItem(i);
@@ -373,7 +373,7 @@ const lt = te("SunIcon", [
   setup(i) {
     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 }]]),
+      class: M(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: l
     }, [
       s("input", {
@@ -381,7 +381,7 @@ const lt = te("SunIcon", [
         name: e.name,
         value: "true"
       }, null, 8, st),
-      s("div", rt, C(o.title), 1),
+      s("div", rt, x(o.title), 1),
       s("div", it, [
         s("span", {
           innerHTML: o.content
@@ -398,18 +398,18 @@ const lt = te("SunIcon", [
     fullyRounded: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const p = i, e = x(p.onlineStatus);
+    const p = i, e = C(p.onlineStatus);
     return q(
       () => p.onlineStatus,
       (t) => {
         t && (e.value = t);
       }
     ), (t, o) => (n(), a("div", {
-      class: D(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
+      class: M(["avatar", [{ "avatar-online": e.value === "online" }, { "avatar-offline": e.value === "offline" }]])
     }, [
       t.image ? (n(), a("div", {
         key: 0,
-        class: D(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: M(["rounded", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
         s("img", {
           src: t.image,
@@ -417,9 +417,9 @@ const lt = te("SunIcon", [
         }, null, 8, dt)
       ], 2)) : (n(), a("div", {
         key: 1,
-        class: D(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
+        class: M(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": t.fullyRounded }, { rounded: !t.fullyRounded }]])
       }, [
-        s("p", ct, C(t.initials), 1)
+        s("p", ct, x(t.initials), 1)
       ], 2))
     ], 2));
   }
@@ -448,9 +448,9 @@ const lt = te("SunIcon", [
       error: "badge-error"
     };
     return (o, l) => (n(), a("span", {
-      class: D(["badge", e[p.size], t[p.color], { "badge-outline": p.outline }])
+      class: M(["badge", e[p.size], t[p.color], { "badge-outline": p.outline }])
     }, [
-      M(o.$slots, "default")
+      D(o.$slots, "default")
     ], 2));
   }
 }), pt = ["src", "alt"], vt = {
@@ -477,41 +477,51 @@ const lt = te("SunIcon", [
     class: { default: "" },
     background: { default: "bg-base-100" },
     color: { default: "" },
-    imgHeight: { default: "h-44" }
+    imgHeight: { default: "h-44" },
+    imgWidth: { default: "" },
+    horizontal: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const p = i, e = x(p.outlined);
+    const p = i, e = C(p.outlined);
     return q(
       () => p.outlined,
       (t) => {
         e.value = t;
       }
     ), (t, o) => (n(), a("div", {
-      class: D(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [{ "border-4 border-primary": e.value }, t.color ?? "", t.background]])
+      class: M(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
+        { "border-4 border-primary": e.value },
+        t.color ?? "",
+        t.background,
+        { "card-side": t.horizontal }
+      ]])
     }, [
-      s("figure", null, [
+      s("figure", {
+        class: M([{ contents: t.horizontal }])
+      }, [
         t.imgUrl || t.imgUrl && !t.loading ? (n(), a("img", {
           key: 0,
           src: t.imgUrl,
           alt: t.alt,
-          class: D(["rounded-sm w-full object-cover", [
+          class: M(["rounded-sm object-cover", [
             {
               hidden: t.loading
             },
-            t.imgHeight
+            !t.horizontal && t.imgHeight ? t.imgHeight : "h-full",
+            t.horizontal && t.imgWidth ? t.imgWidth : "w-full"
           ]])
         }, null, 10, pt)) : B("", !0),
         t.loading && t.imgUrl ? (n(), a("div", {
           key: 1,
-          class: D(["w-full skeleton", t.imgHeight])
+          class: M(["w-full skeleton", t.imgHeight])
         }, null, 2)) : B("", !0)
-      ]),
+      ], 2),
       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)) : B("", !0),
+        t.title ? (n(), a("h2", ft, x(t.title), 1)) : B("", !0),
+        D(t.$slots, "details"),
+        t.description ? (n(), a("p", mt, x(t.description), 1)) : B("", !0),
         s("div", gt, [
-          M(t.$slots, "actions")
+          D(t.$slots, "actions")
         ])
       ])),
       t.loading ? (n(), a("div", ht, o[0] || (o[0] = [
@@ -567,7 +577,7 @@ const lt = te("SunIcon", [
     }
   },
   setup(i, { expose: p }) {
-    const e = i, t = x(e.initialSlide), o = x(null), l = x(!1), r = x(0), b = E(() => ({
+    const e = i, t = C(e.initialSlide), o = C(null), l = C(!1), r = C(0), b = E(() => ({
       width: `calc((100% - ${e.slidesPerView > 1 ? (e.slidesPerView - 1) * e.gap : 0}px) / ${e.slidesPerView})`
     }));
     Pe(_e, b);
@@ -620,10 +630,10 @@ const lt = te("SunIcon", [
       s("div", {
         ref_key: "carouselContainer",
         ref: o,
-        class: D(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
+        class: M(["rounded w-full h-full overflow-x-scroll scroll-smooth carousel", [{ "carousel-horizontal md:snap-none": i.sliderOrientation == "horizontal" }, { "carousel-vertical": i.sliderOrientation == "vertical" }]]),
         style: re({ gap: `${i.gap}px` })
       }, [
-        M(w.$slots, "default", {}, void 0, !0)
+        D(w.$slots, "default", {}, void 0, !0)
       ], 6),
       i.showNavigationButtons ? (n(), a("div", yt, [
         s("div", {
@@ -631,7 +641,7 @@ const lt = te("SunIcon", [
           role: "button",
           "aria-label": "Previous Slide"
         }, [
-          M(w.$slots, "prevButton", {}, () => [
+          D(w.$slots, "prevButton", {}, () => [
             $[0] || ($[0] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -643,7 +653,7 @@ const lt = te("SunIcon", [
           role: "button",
           "aria-label": "Next Slide"
         }, [
-          M(w.$slots, "nextButton", {}, () => [
+          D(w.$slots, "nextButton", {}, () => [
             $[1] || ($[1] = s("button", {
               class: "btn btn-circle",
               tabindex: "-1"
@@ -655,7 +665,7 @@ const lt = te("SunIcon", [
         (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 }]),
+          class: M(["btn btn-circle btn-xs", { "btn-active": z === t.value }]),
           "aria-label": `Go to slide ${z + 1}`
         }, null, 10, kt))), 128))
       ])) : B("", !0)
@@ -669,15 +679,15 @@ const lt = te("SunIcon", [
 }, Sn = /* @__PURE__ */ le($t, [["__scopeId", "data-v-db55a6a5"]]), _t = /* @__PURE__ */ L({
   __name: "carouselItem",
   setup(i) {
-    const p = Ee(_e, x({}));
+    const p = Ee(_e, C({}));
     return (e, t) => (n(), a("div", {
       class: "w-full h-full carousel-item",
       style: re(R(p))
     }, [
-      M(e.$slots, "default", {}, void 0, !0)
+      D(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), xn = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-507384bc"]]), St = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, xt = ["onClick"], Ct = {
+}), Cn = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-507384bc"]]), St = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Ct = ["onClick"], xt = {
   key: 0,
   class: "inline-component-wrapper flex flex-grow justify-center items-center w-full h-full"
 }, It = {
@@ -705,7 +715,7 @@ const lt = te("SunIcon", [
   },
   emits: ["search", "update:search-data"],
   setup(i, { emit: p }) {
-    const e = i, t = p, o = e.id ?? `advancedSearch-${Le()}`, l = x(null), r = x(null), b = {
+    const e = i, t = p, o = e.id ?? `advancedSearch-${Le()}`, l = C(null), r = C(null), b = {
       datetime: ce(() => Promise.resolve().then(() => pl)),
       "standard-select": ce(() => import("./select-Cz4vf_YE.js")),
       // Add other components here when you create them:
@@ -713,11 +723,11 @@ const lt = te("SunIcon", [
       // 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
       "custom-text": ce(() => import("./inputField-BxT95oyM.js"))
       // 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
-    }, d = x({}), m = x({
+    }, d = C({}), m = C({
       left: "0px",
       top: "0px",
       transform: "translateX(0%)"
-    }), k = x(null), U = (v) => {
+    }), k = C(null), U = (v) => {
       var y;
       if (v.value === void 0 || v.value === null || v.value === "")
         return "";
@@ -901,7 +911,7 @@ const lt = te("SunIcon", [
                 return n(), a("button", {
                   key: `${u.name}-${A}`,
                   onClick: Q((X) => z(u), ["stop"]),
-                  class: D([{
+                  class: M([{
                     "tab-active": ((_ = l.value) == null ? void 0 : _.name) === u.name,
                     "tab-active-inline": ((V = l.value) == null ? void 0 : V.name) === u.name && ((K = l.value) == null ? void 0 : K.displayMode) === "inline"
                     // Add new class
@@ -909,7 +919,7 @@ const lt = te("SunIcon", [
                   ref_for: !0,
                   ref: (X) => d.value[u.name] = X
                 }, [
-                  ((J = l.value) == null ? void 0 : J.name) === u.name && ((ie = l.value) == null ? void 0 : ie.displayMode) === "inline" ? (n(), a("div", Ct, [
+                  ((J = l.value) == null ? void 0 : J.name) === u.name && ((ie = l.value) == null ? void 0 : ie.displayMode) === "inline" ? (n(), a("div", xt, [
                     (n(), ae(ve(b[l.value.type]), fe({ ref_for: !0 }, l.value.props || {}, {
                       modelValue: l.value.value,
                       onUpdated: y[0] || (y[0] = (X) => f(X)),
@@ -921,10 +931,10 @@ const lt = te("SunIcon", [
                       ref: r
                     }), null, 16, ["modelValue", "onKeydown"]))
                   ])) : (n(), a("div", It, [
-                    s("p", Mt, C(u.name), 1),
-                    u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("p", Dt, C(U(u)), 1)) : (n(), a("p", Tt, C(u.description), 1))
+                    s("p", Mt, x(u.name), 1),
+                    u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("p", Dt, x(U(u)), 1)) : (n(), a("p", Tt, x(u.description), 1))
                   ]))
-                ], 10, xt);
+                ], 10, Ct);
               }), 128))
             ]),
             l.value && l.value.displayMode === "popup" ? (n(), a("div", {
@@ -968,8 +978,8 @@ const lt = te("SunIcon", [
           class: "modal"
         }, [
           s("div", Ot, [
-            M(v.$slots, "additionalForMobile", {}, () => [
-              s("h3", zt, C(v.currentCategory), 1)
+            D(v.$slots, "additionalForMobile", {}, () => [
+              s("h3", zt, x(v.currentCategory), 1)
             ], !0),
             (n(!0), a(O, null, P(((T = e.searchOptions.find(
               (u) => u.category === e.currentCategory
@@ -983,8 +993,8 @@ const lt = te("SunIcon", [
                 checked: A === 0
               }, null, 8, At),
               s("div", Pt, [
-                s("div", null, C(u.name), 1),
-                u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("div", Et, C(U(u)), 1)) : (n(), a("div", Lt, C(u.description), 1))
+                s("div", null, x(u.name), 1),
+                u.value !== void 0 && u.value !== null && u.value !== "" ? (n(), a("div", Et, x(U(u)), 1)) : (n(), a("div", Lt, x(u.description), 1))
               ]),
               s("div", Ut, [
                 y[7] || (y[7] = s("br", null, null, -1)),
@@ -1008,7 +1018,7 @@ const lt = te("SunIcon", [
       ], 64);
     };
   }
-}), Cn = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-2a095d4c"]]), Nt = ["placeholder", "value", "id", "disabled"], jt = ["disabled"], Ft = ["id"], qt = {
+}), xn = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-2a095d4c"]]), Nt = ["placeholder", "value", "id", "disabled"], jt = ["disabled"], Ft = ["id"], qt = {
   key: 0,
   class: "flex justify-between items-center place-content-center mb-4"
 }, Ht = ["disabled"], Wt = ["value"], Kt = ["value"], Yt = {
@@ -1075,9 +1085,9 @@ const lt = te("SunIcon", [
         g ? (l.value = { start: null, end: null }, r.value = { start: null, end: null }) : (l.value = null, r.value = null);
       }
     );
-    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(
+    const t = p, o = C(!1), l = C(e.range ? { start: null, end: null } : null), r = C(e.range ? { start: null, end: null } : null), b = C(
       (/* @__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(
+    ), d = C((/* @__PURE__ */ new Date()).getFullYear()), m = C(e.range ? { start: 0, end: 0 } : 0), k = C(e.range ? { start: 0, end: 0 } : 0), U = C(null), N = E(() => `${e.id}-input`), f = E(() => `${e.id}-popup`), w = E(
       () => e.mode === "date" || e.mode === "datetime"
     ), $ = E(
       () => e.mode === "time" || e.mode === "datetime"
@@ -1135,9 +1145,9 @@ const lt = te("SunIcon", [
       return `${g} ${h}`.trim();
     }), ie = () => o.value = !o.value, X = () => {
       F(), Se();
-    }, Se = () => o.value = !1, xe = () => {
+    }, Se = () => o.value = !1, Ce = () => {
       l.value = e.range ? { start: null, end: null } : null, r.value = e.range ? { start: null, end: null } : null, F();
-    }, Ce = (g) => {
+    }, xe = (g) => {
       e.range ? l.value.start && l.value.end ? l.value = { start: g, end: null } : l.value.start ? l.value.end = g : l.value.start = g : l.value = g, F();
     }, Ie = (g) => (g = _(g), e.range ? l.value.start && V(l.value.start) && g.getTime() === l.value.start.getTime() || l.value.end && V(l.value.end) && g.getTime() === l.value.end.getTime() : V(l.value) && g.getTime() === l.value.getTime()), Me = (g) => {
       g = _(g);
@@ -1192,7 +1202,7 @@ const lt = te("SunIcon", [
         class: "flex items-center gap-2 cursor-pointer",
         onClick: h[0] || (h[0] = (c) => e.disabled ? null : ie())
       }, [
-        i.popup ? M(g.$slots, "default", { key: 0 }, () => [
+        i.popup ? D(g.$slots, "default", { key: 0 }, () => [
           s("input", {
             type: "text",
             class: "input-bordered w-full cursor-pointer input",
@@ -1212,7 +1222,7 @@ const lt = te("SunIcon", [
       ]),
       o.value || !i.popup ? (n(), a("div", {
         key: 0,
-        class: D(["z-50 bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
+        class: M(["z-50 bg-base-100 md:mt-2 md:p-4 px-4 rounded-md w-full", [{ absolute: i.popup }]]),
         id: f.value
       }, [
         w.value ? (n(), a("div", qt, [
@@ -1244,7 +1254,7 @@ const lt = te("SunIcon", [
             (n(), a(O, null, P(T, (c, G) => s("option", {
               key: G,
               value: c
-            }, C(c), 9, Wt)), 64))
+            }, x(c), 9, Wt)), 64))
           ], 544), [
             [Z, b.value]
           ]),
@@ -1256,7 +1266,7 @@ const lt = te("SunIcon", [
             (n(!0), a(O, null, P(u.value, (c) => (n(), a("option", {
               key: c,
               value: c
-            }, C(c), 9, Kt))), 128))
+            }, x(c), 9, Kt))), 128))
           ], 544), [
             [Z, d.value]
           ]),
@@ -1284,22 +1294,22 @@ const lt = te("SunIcon", [
           (n(), a(O, null, P(z, (c) => s("div", {
             key: c,
             class: "text-center"
-          }, C(c), 1)), 64)),
+          }, x(c), 1)), 64)),
           (n(!0), a(O, null, P(Y.value, (c) => (n(), a("div", {
             key: c,
             class: "text-center"
           }))), 128)),
           (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", {
+            class: M(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
               "bg-primary text-primary-content": Ie(c),
               today: Me(c),
               "range-start bg-primary text-primary-content": De(c),
               "range-end bg-primary text-primary-content": Te(c),
               "in-range bg-primary/20 hover:bg-primary/10": Ve(c)
             }]),
-            onClick: (G) => Ce(c)
-          }, C(c.getDate()), 11, Jt))), 128))
+            onClick: (G) => xe(c)
+          }, x(c.getDate()), 11, Jt))), 128))
         ])) : B("", !0),
         $.value ? (n(), a("div", Xt, [
           e.range ? B("", !0) : (n(), a("h3", Gt, "Select Time")),
@@ -1323,7 +1333,7 @@ const lt = te("SunIcon", [
                   (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))
+                  }, x(c.toString().padStart(2, "0")), 9, al))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1340,7 +1350,7 @@ const lt = te("SunIcon", [
                   (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))
+                  }, x(c.toString().padStart(2, "0")), 9, ol))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1370,7 +1380,7 @@ const lt = te("SunIcon", [
                   (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))
+                  }, x(c.toString().padStart(2, "0")), 9, rl))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1387,7 +1397,7 @@ const lt = te("SunIcon", [
                   (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))
+                  }, x(c.toString().padStart(2, "0")), 9, il))), 128))
                 ], 544), [
                   [
                     Z,
@@ -1416,7 +1426,7 @@ const lt = te("SunIcon", [
                 (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))
+                }, x(c.toString().padStart(2, "0")), 9, el))), 128))
               ], 544), [
                 [
                   Z,
@@ -1433,7 +1443,7 @@ const lt = te("SunIcon", [
                 (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))
+                }, x(c.toString().padStart(2, "0")), 9, tl))), 128))
               ], 544), [
                 [
                   Z,
@@ -1447,8 +1457,8 @@ const lt = te("SunIcon", [
         ])) : B("", !0),
         s("div", ul, [
           s("button", {
-            class: D(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
-            onClick: xe
+            class: M(["btn btn-secondary", i.popup ? "w-fit" : "w-full"]),
+            onClick: Ce
           }, " Clear ", 2),
           i.popup ? (n(), a("button", {
             key: 0,
@@ -1475,7 +1485,7 @@ const lt = te("SunIcon", [
     gap: { default: 0 }
   },
   setup(i) {
-    const p = i, e = x(p.initialRating);
+    const p = i, e = C(p.initialRating);
     q(
       () => p.initialRating,
       (o) => {
@@ -1486,7 +1496,7 @@ const lt = te("SunIcon", [
       e.value = o;
     };
     return (o, l) => (n(), a("div", {
-      class: D(["rating", [
+      class: M(["rating", [
         `rating-${p.size}`,
         { "rating-half": o.halfStars },
         { "pointer-events-none": !o.isInteractive }
@@ -1498,7 +1508,7 @@ const lt = te("SunIcon", [
         value: o.halfStars ? r * 0.5 : r,
         checked: e.value === (o.halfStars ? r * 0.5 : r),
         onChange: (b) => o.isInteractive ? t(o.halfStars ? r * 0.5 : r) : null,
-        class: D(["mask", [
+        class: M(["mask", [
           {
             // 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
             "mask-half-1": o.halfStars && r % 2 !== 0,
@@ -1538,7 +1548,7 @@ const lt = te("SunIcon", [
   },
   emits: ["update:modelValue"],
   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 e = i, t = p, o = C([...e.modelValue]), l = e.maxTagAmount === void 0 ? -1 : e.maxTagAmount, r = C(null), b = C(""), 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) => {
@@ -1551,9 +1561,9 @@ const lt = te("SunIcon", [
     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])
+      class: M(["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(O, null, P(o.value, ($) => M(f.$slots, "tag", {
+      (n(!0), a(O, null, P(o.value, ($) => D(f.$slots, "tag", {
         key: $,
         tag: $
       }, () => [
@@ -1563,10 +1573,10 @@ const lt = te("SunIcon", [
             onClick: (I) => k($),
             "aria-label": "Remove tag"
           }, "X", 8, ml),
-          s("span", gl, C($), 1)
+          s("span", gl, x($), 1)
         ])
       ])), 128)),
-      M(f.$slots, "input", { showInput: d.value }, () => [
+      D(f.$slots, "input", { showInput: d.value }, () => [
         d.value ? H((n(), a("input", {
           key: 0,
           ref_key: "inputRef",
@@ -1602,7 +1612,7 @@ const lt = te("SunIcon", [
   emits: ["update:modelValue"],
   setup(i, { expose: p, emit: e }) {
     console.log(i.placeholder);
-    const o = e, l = x(null), r = (d) => {
+    const o = e, l = C(null), r = (d) => {
       const m = d.target;
       o("update:modelValue", m.value);
     };
@@ -1615,7 +1625,7 @@ const lt = te("SunIcon", [
       // e.g., the current value: modelValue
     }), (d, m) => (n(), a("div", bl, [
       d.label ? (n(), a("label", yl, [
-        s("span", wl, C(d.label), 1)
+        s("span", wl, x(d.label), 1)
       ])) : B("", !0),
       s("select", {
         ref_key: "selectElement",
@@ -1624,18 +1634,18 @@ const lt = te("SunIcon", [
         value: d.modelValue,
         onChange: r
       }, [
-        d.placeholder ? (n(), a("option", $l, C(d.placeholder), 1)) : B("", !0),
+        d.placeholder ? (n(), a("option", $l, x(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))
+        }, x(k.text), 9, _l))), 128))
       ], 40, kl)
     ]));
   }
 }), Sl = {
   key: 0,
   class: "label"
-}, xl = { class: "label-text" }, Cl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Il = ["placeholder", "disabled"], Ml = {
+}, Cl = { class: "label-text" }, xl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Il = ["placeholder", "disabled"], Ml = {
   class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
   role: "listbox"
 }, Dl = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, Tl = ["onMousedown", "id", "aria-selected"], Tn = {
@@ -1672,7 +1682,7 @@ const lt = te("SunIcon", [
     const t = i, o = e, l = Ue(), r = E(() => {
       const A = (l.default ? l.default() : []).filter((_) => _.type !== Re);
       return console.log("hasDefaultSlotContent computed:", A.length > 0), A.length > 0;
-    }), b = x(""), d = x(null), m = x(!1), k = x(null), U = x(null), N = x(null), f = x(null), w = () => {
+    }), b = C(""), d = C(null), m = C(!1), k = C(null), U = C(null), N = C(null), f = C(null), w = () => {
       m.value = !t.disabled;
     }, $ = () => {
       m.value = !1, f.value = null, r.value || (d.value && b.value !== d.value.text ? b.value = d.value.text : d.value || (b.value = ""));
@@ -1778,10 +1788,10 @@ const lt = te("SunIcon", [
       ref: U
     }, [
       i.label ? (n(), a("label", Sl, [
-        s("span", xl, C(i.label), 1)
+        s("span", Cl, x(i.label), 1)
       ])) : B("", !0),
       s("div", {
-        class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
+        class: M(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !r.value, select: !r.value }]),
         style: re(
           d.value ? "background-image: unset; padding-right: 0.5rem;" : ""
         ),
@@ -1800,7 +1810,7 @@ const lt = te("SunIcon", [
         ref_key: "activatorWrapper",
         ref: N
       }, [
-        M(u.$slots, "default", {}, () => [
+        D(u.$slots, "default", {}, () => [
           r.value ? B("", !0) : H((n(), a("input", {
             key: 0,
             type: "text",
@@ -1825,10 +1835,10 @@ const lt = te("SunIcon", [
         })) : B("", !0),
         r.value && !d.value ? (n(), ae(R(Qe), {
           key: 1,
-          class: D([{ "rotate-180": m.value }, "mx-2"]),
+          class: M([{ "rotate-180": m.value }, "mx-2"]),
           size: 20
         }, null, 8, ["class"])) : B("", !0)
-      ], 46, Cl),
+      ], 46, xl),
       H(s("div", Ml, [
         s("ul", Dl, [
           (n(!0), a(O, null, P(z.value, (_, V) => (n(), a("li", {
@@ -1839,7 +1849,7 @@ const lt = te("SunIcon", [
             role: "option",
             "aria-selected": d.value && d.value.value === _.value
           }, [
-            s("a", null, C(_.text), 1)
+            s("a", null, x(_.text), 1)
           ], 40, Tl))), 128))
         ])
       ], 512), [
@@ -1873,7 +1883,7 @@ const lt = te("SunIcon", [
   },
   emits: ["update:modelValue", "validate"],
   setup(i, { expose: p, emit: e }) {
-    const t = i, o = e, l = x(null), r = x(!1), b = x(""), d = E(() => {
+    const t = i, o = e, l = C(null), r = C(!1), b = C(""), d = E(() => {
       var I, z, j, W;
       let f = !0, w = "";
       const $ = t.modelValue;
@@ -1899,16 +1909,16 @@ const lt = te("SunIcon", [
       errorMessage: b
     }), (f, w) => (n(), a("div", Vl, [
       f.label ? (n(), a("label", Bl, [
-        s("span", Ol, C(f.label), 1)
+        s("span", Ol, x(f.label), 1)
       ])) : B("", !0),
-      M(f.$slots, "default"),
+      D(f.$slots, "default"),
       s("input", {
         ref_key: "inputElement",
         ref: l,
         type: f.type,
         placeholder: f.placeholder,
         disabled: t.disabled,
-        class: D(["input-bordered rounded-md w-full input validator", [
+        class: M(["input-bordered rounded-md w-full input validator", [
           {
             // Size classes - Apply based on size prop
             "input-xs": f.size === "xs",
@@ -1940,9 +1950,9 @@ const lt = te("SunIcon", [
         onBlur: U
       }, null, 42, zl),
       m.value ? (n(), a("div", Al, [
-        s("span", Pl, C(b.value), 1)
+        s("span", Pl, x(b.value), 1)
       ])) : d.value && r.value && f.successMessage ? (n(), a("div", El, [
-        s("span", Ll, C(f.successMessage), 1)
+        s("span", Ll, x(f.successMessage), 1)
       ])) : B("", !0)
     ]));
   }
@@ -1955,7 +1965,7 @@ const lt = te("SunIcon", [
     color: { default: "primary" }
   },
   setup(i) {
-    const p = i, e = x(p.loading);
+    const p = i, e = C(p.loading);
     return q(
       () => p.loading,
       (t) => {
@@ -1963,7 +1973,7 @@ const lt = te("SunIcon", [
       }
     ), (t, o) => e.value ? (n(), a("span", {
       key: 0,
-      class: D(["loading", [
+      class: M(["loading", [
         { "loading-xs": t.size === "xs" },
         { "loading-sm": t.size === "sm" },
         { "loading-md": t.size === "md" },
@@ -2005,29 +2015,29 @@ const lt = te("SunIcon", [
   setup(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"]])
+      class: M(["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(O, null, P(p.items, (o) => (n(), a("nav", {
-          class: D([{ "hidden sm:grid": e.collapseOnMobile }])
+          class: M([{ "hidden sm:grid": e.collapseOnMobile }])
         }, [
-          s("h6", Rl, C(o.title), 1),
+          s("h6", Rl, x(o.title), 1),
           (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))
+          }, x(l.text), 9, Nl))), 256))
         ], 2))), 256)),
         e.collapseOnMobile ? (n(), a("nav", jl, [
           (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", Hl, x(o.title), 1),
               s("div", Wl, [
                 s("ul", Kl, [
                   (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
-                    }, C(l.text), 9, Jl)
+                    }, x(l.text), 9, Jl)
                   ]))), 256))
                 ])
               ])
@@ -2035,7 +2045,7 @@ const lt = te("SunIcon", [
           ]))), 256))
         ])) : B("", !0),
         s("aside", Xl, [
-          M(e.$slots, "default")
+          D(e.$slots, "default")
         ])
       ])
     ], 2));
@@ -2046,14 +2056,14 @@ function tn(i, p) {
     s("div", Ql, [
       s("div", null, [
         s("h1", en, [
-          M(i.$slots, "title", {}, () => [
+          D(i.$slots, "title", {}, () => [
             p[0] || (p[0] = ke("hero title"))
           ])
         ]),
         s("p", null, [
-          M(i.$slots, "description", { class: "py-9" })
+          D(i.$slots, "description", { class: "py-9" })
         ]),
-        M(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+        D(i.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
           p[1] || (p[1] = s("button", { class: "btn btn-primary" }, "Call to action", -1))
         ])
       ])
@@ -2078,8 +2088,8 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
       }, [
         s("button", {
           onClick: (d) => o(b.category),
-          class: D(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === b.category }])
-        }, C(b.category), 11, nn)
+          class: M(["truncate btn btn-ghost", { "font-semibold": e.currentCategory === b.category }])
+        }, x(b.category), 11, nn)
       ]))), 128))
     ]));
   }
@@ -2091,19 +2101,19 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
   setup(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", p.isCollapsed ? "collapsed" : ""])
+      class: M(["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)
+        D(e.$slots, "start", {}, void 0, !0)
       ]),
       s("div", on, [
-        M(e.$slots, "center", {}, void 0, !0)
+        D(e.$slots, "center", {}, void 0, !0)
       ]),
       s("div", sn, [
-        M(e.$slots, "end", {}, void 0, !0)
+        D(e.$slots, "end", {}, void 0, !0)
       ]),
       s("div", rn, [
-        M(e.$slots, "bottom", {}, void 0, !0)
+        D(e.$slots, "bottom", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -2124,7 +2134,7 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
   },
   emits: ["tab-changed"],
   setup(i, { emit: p }) {
-    const e = i, t = x(e.items[0]), o = p;
+    const e = i, t = C(e.items[0]), o = p;
     function l(d) {
       t.value = d, o("tab-changed", d);
     }
@@ -2145,7 +2155,7 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
     }), (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 }])
+        class: M(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": d.buttonOnlyMode }])
       }, [
         d.withControlls ? (n(), a("div", dn, [
           s("button", {
@@ -2161,30 +2171,30 @@ const zn = /* @__PURE__ */ le(Gl, [["render", tn]]), ln = { class: "flex flex-ro
           s("a", {
             type: "button",
             role: "tab",
-            class: D(["min-w-max tab", k === t.value ? "bg-primary text-base-100" : ""]),
+            class: M(["min-w-max tab", k === t.value ? "bg-primary text-base-100" : ""]),
             onClick: (U) => l(k),
             "aria-selected": t.value == k
-          }, C(k), 11, cn),
+          }, x(k), 11, cn),
           d.buttonOnlyMode ? B("", !0) : (n(), a("div", pn, [
-            M(d.$slots, `${k}-tab`)
+            D(d.$slots, `${k}-tab`)
           ]))
         ], 64))), 256))
       ], 2),
       s("div", vn, [
-        M(d.$slots, "default")
+        D(d.$slots, "default")
       ])
     ], 64));
   }
 });
 export {
   wn as Accordion,
-  Cn as AdvancedSearch,
+  xn as AdvancedSearch,
   kn as Avatar,
   $n as Badge,
   mn as ButtonComponent,
   _n as Card,
   Sn as Carousel,
-  xn as CarouselItem,
+  Cn as CarouselItem,
   An as CategoryNavigation,
   cl as DatetimePicker,
   gn as Dropdown,