manolis-ui 0.0.1

package/dist/manolis-ui.js

@@ -0,0 +1,1278 @@
+import { defineComponent as M, computed as C, openBlock as n, createElementBlock as a, normalizeClass as $, createCommentVNode as S, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as h, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, isRef as Te, vModelCheckbox as Me, unref as V, createVNode as X, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as ee } from "vue";
+const Ue = {
+  key: 0,
+  class: "loading loading-spinner"
+}, bn = /* @__PURE__ */ M({
+  __name: "ButtonComponent",
+  props: {
+    outlined: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: {},
+    size: {},
+    shape: {}
+  },
+  setup(d) {
+    const u = d, e = C(() => {
+      switch (u.size) {
+        case "large":
+          return "btn-lg";
+        case "small":
+          return "btn-sm";
+        case "tiny":
+          return "btn-tiny";
+        case "wide":
+          return "btn-wide";
+        case "full":
+          return "w-full";
+        default:
+          return "";
+      }
+    }), s = C(() => {
+      switch (u.type) {
+        case "neutral":
+          return "btn-neutral";
+        case "primary":
+          return "btn-primary";
+        case "secondary":
+          return "btn-secondary";
+        case "accent":
+          return "btn-accent";
+        case "ghost":
+          return "btn-ghost";
+        case "link":
+          return "btn-link px-0!";
+        case "info":
+          return "btn-info";
+        case "success":
+          return "btn-success";
+        case "warning":
+          return "btn-warning";
+        case "error":
+          return "btn-error";
+        default:
+          return "btn-neutral";
+      }
+    }), i = C(() => {
+      switch (u.shape) {
+        case "square":
+          return "btn-square";
+        case "circle":
+          return "btn-circle";
+        default:
+          return "";
+      }
+    });
+    return (l, p) => (n(), a("button", {
+      class: $(["btn", { "btn-outline": u.outlined }, { "btn-active": u.active }, s.value, e.value, i.value])
+    }, [
+      l.loading ? (n(), a("span", Ue)) : S("", !0),
+      w(l.$slots, "default", {}, () => [
+        p[0] || (p[0] = ne("Submit"))
+      ])
+    ], 2));
+  }
+}), Ve = {
+  tabindex: "0",
+  class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
+}, Ae = ["href"], hn = /* @__PURE__ */ M({
+  __name: "dropdown",
+  props: {
+    items: {},
+    position: { default: "bottom" },
+    floatPosition: { default: "start" },
+    openOnHover: { type: Boolean, default: !1 },
+    forceOpen: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    const u = {
+      left: "dropdown-left",
+      right: "dropdown-right",
+      bottom: "dropdown-bottom",
+      top: "dropdown-top"
+    }, e = {
+      start: "",
+      end: "dropdown-end"
+    }, s = d;
+    return (i, l) => (n(), a("div", {
+      class: $(["dropdown", u[s.position], e[s.floatPosition], { "dropdown-open": s.forceOpen }, { "dropdown-hover": s.openOnHover }])
+    }, [
+      w(i.$slots, "default", {
+        tabindex: "0",
+        role: "button"
+      }, () => [
+        l[0] || (l[0] = t("div", { class: "m-1 btn" }, "Open dropdown", -1))
+      ]),
+      t("ul", Ve, [
+        (n(!0), a(y, null, _(i.items, (p) => (n(), a("li", null, [
+          t("a", {
+            href: p.link
+          }, h(p.text), 9, Ae)
+        ]))), 256)),
+        w(i.$slots, "additional")
+      ])
+    ], 2));
+  }
+}), Pe = { class: "modal-box" }, je = { class: "modal-action" }, yn = /* @__PURE__ */ M({
+  __name: "modal",
+  props: {
+    position: { default: "center" },
+    withBackdrop: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    const u = d, e = {
+      top: "modal-top",
+      bottom: "modal-bottom",
+      center: "modal-middle"
+    }, s = k(null), i = () => {
+      var p;
+      (p = s.value) == null || p.showModal();
+    }, l = () => {
+      var p;
+      (p = s.value) == null || p.close();
+    };
+    return (p, b) => (n(), a(y, null, [
+      t("span", {
+        class: "w-fit cursor-pointer",
+        onClick: i
+      }, [
+        w(p.$slots, "trigger", { role: "button" }, () => [
+          b[0] || (b[0] = t("button", { class: "btn" }, "Open", -1))
+        ])
+      ]),
+      t("dialog", {
+        ref_key: "dialog",
+        ref: s,
+        class: $(["modal", e[u.position]])
+      }, [
+        t("div", Pe, [
+          w(p.$slots, "default"),
+          t("div", je, [
+            w(p.$slots, "actions"),
+            t("form", {
+              method: "dialog",
+              onSubmit: l,
+              class: $(p.withBackdrop ? "modal-backdrop" : "")
+            }, [
+              w(p.$slots, "close-button", {}, () => [
+                b[1] || (b[1] = t("button", { class: "btn" }, "Close", -1))
+              ])
+            ], 34)
+          ])
+        ])
+      ], 2)
+    ], 64));
+  }
+}), Ne = { class: "swap-on" }, ze = { class: "swap-off" }, wn = /* @__PURE__ */ M({
+  __name: "swap",
+  props: {
+    effect: {}
+  },
+  setup(d) {
+    const u = d;
+    return (e, s) => (n(), a("label", {
+      class: $(["swap", u.effect ? `swap-${e.effect}` : ""])
+    }, [
+      s[0] || (s[0] = t("input", { type: "checkbox" }, null, -1)),
+      t("div", Ne, [
+        w(e.$slots, "on")
+      ]),
+      t("div", ze, [
+        w(e.$slots, "off")
+      ])
+    ], 2));
+  }
+});
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ee = (d) => d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var W = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = ({ size: d, strokeWidth: u = 2, absoluteStrokeWidth: e, color: s, iconNode: i, name: l, class: p, ...b }, { slots: v }) => te(
+  "svg",
+  {
+    ...W,
+    width: d || W.width,
+    height: d || W.height,
+    stroke: s || W.stroke,
+    "stroke-width": e ? Number(u) * 24 / Number(d) : u,
+    class: ["lucide", `lucide-${Ee(l ?? "icon")}`],
+    ...b
+  },
+  [...i.map((m) => te(...m)), ...v.default ? [v.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ae = (d, u) => (e, { slots: s }) => te(
+  Le,
+  {
+    ...e,
+    iconNode: u,
+    name: d
+  },
+  s
+);
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = ae("MoonIcon", [
+  ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
+]);
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ce = ae("SearchIcon", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+/**
+ * @license lucide-vue-next v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = ae("SunIcon", [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["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" }]
+]), He = (d, u) => {
+  const e = k(null);
+  return F(() => {
+    if (typeof window < "u") {
+      const s = window.localStorage.getItem(d);
+      e.value = s ? JSON.parse(s) : u;
+    }
+  }), E(e, (s) => {
+    typeof window < "u" && window.localStorage.setItem(d, JSON.stringify(s));
+  }), e;
+}, qe = { class: "swap-rotate swap" }, Ye = ["true-value", "false-value"], _n = /* @__PURE__ */ M({
+  __name: "theme-controller",
+  props: {
+    lightTheme: { default: "light" },
+    darkTheme: { default: "dark" }
+  },
+  setup(d) {
+    const u = d, e = He("theme", u.lightTheme);
+    function s(i) {
+      typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", i);
+    }
+    return F(() => s(e.value ? e.value : "")), E(e, (i) => {
+      s(i);
+    }), (i, l) => (n(), a("label", qe, [
+      U(t("input", {
+        type: "checkbox",
+        class: "theme-controller",
+        "onUpdate:modelValue": l[0] || (l[0] = (p) => Te(e) ? e.value = p : null),
+        "true-value": u.lightTheme,
+        "false-value": u.darkTheme
+      }, null, 8, Ye), [
+        [Me, V(e)]
+      ]),
+      X(V(Fe), { class: "swap-off fill-current" }),
+      X(V(Re), { class: "swap-on fill-current" })
+    ]));
+  }
+}), Je = ["name"], We = { class: "collapse-title text-xl font-medium" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], kn = /* @__PURE__ */ M({
+  __name: "accordion",
+  props: {
+    name: {},
+    items: {},
+    joinItems: { type: Boolean, default: !1 },
+    icon: {}
+  },
+  setup(d) {
+    const u = d;
+    return (e, s) => (n(!0), a(y, null, _(u.items, (i, l) => (n(), a("div", {
+      class: $(["collapse", [u.icon ? `collapse-${u.icon}` : "", { "join-item": e.joinItems }]]),
+      key: l
+    }, [
+      t("input", {
+        type: "radio",
+        name: e.name,
+        value: "true"
+      }, null, 8, Je),
+      t("div", We, h(i.title), 1),
+      t("div", Xe, [
+        t("span", {
+          innerHTML: i.content
+        }, null, 8, Ze)
+      ])
+    ], 2))), 128));
+  }
+}), Ke = {
+  key: 0,
+  class: "rounded-sm"
+}, Ge = ["src"], Qe = {
+  key: 1,
+  class: "bg-neutral text-neutral-content w-16 rounded-full flex justify-center p-[25%] text-center"
+}, et = { class: "text-xl" }, $n = /* @__PURE__ */ M({
+  __name: "avatar",
+  props: {
+    image: {},
+    onlineStatus: { default: "none" },
+    initials: {}
+  },
+  setup(d) {
+    const u = d, e = k(u.onlineStatus);
+    return E(
+      () => u.onlineStatus,
+      (s) => {
+        s && (e.value = s);
+      }
+    ), (s, i) => (n(), a("div", {
+      class: $(["avatar", s.onlineStatus])
+    }, [
+      s.image ? (n(), a("div", Ke, [
+        t("img", {
+          src: s.image,
+          class: "w-full h-full"
+        }, null, 8, Ge)
+      ])) : (n(), a("div", Qe, [
+        t("p", et, h(s.initials), 1)
+      ]))
+    ], 2));
+  }
+}), xn = /* @__PURE__ */ M({
+  __name: "badge",
+  props: {
+    color: { default: "neutral" },
+    outline: { type: Boolean, default: !1 },
+    size: { default: "medium" }
+  },
+  setup(d) {
+    const u = d, e = {
+      "extra small": "badge-xs",
+      small: "badge-sm",
+      medium: "badge-md",
+      large: "badge-lg"
+    }, s = {
+      neutral: "badge-neutral",
+      primary: "badge-primary",
+      secondary: "badge-secondary",
+      accent: "badge-accent",
+      ghost: "badge-ghost",
+      info: "badge-info",
+      success: "badge-success",
+      warning: "badge-warning",
+      error: "badge-error"
+    };
+    return (i, l) => (n(), a("span", {
+      class: $(["badge", e[u.size], s[u.color], { "badge-outline": u.outline }])
+    }, [
+      w(i.$slots, "default")
+    ], 2));
+  }
+}), tt = ["src", "alt"], nt = {
+  key: 1,
+  class: "w-full h-32 skeleton"
+}, at = {
+  key: 0,
+  class: "card-body"
+}, ot = {
+  key: 0,
+  class: "group-hover:text-primary text-left text-lg cursor-pointer card-title"
+}, st = {
+  key: 1,
+  class: "text-left"
+}, lt = { class: "flex-col flex-nowrap mt-auto card-actions" }, rt = {
+  key: 1,
+  class: "card-body"
+}, Cn = /* @__PURE__ */ M({
+  __name: "card",
+  props: {
+    imgUrl: { default: "" },
+    alt: { default: "A beautiful picture that says something about this card" },
+    title: { default: "" },
+    description: { default: "" },
+    outlined: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  setup(d) {
+    const u = d, e = k(u.outlined);
+    return E(
+      () => u.outlined,
+      (s) => {
+        e.value = s;
+      }
+    ), (s, i) => (n(), a("div", {
+      class: $(["bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact group", e.value ? "border-4 border-primary" : ""])
+    }, [
+      t("figure", null, [
+        s.imgUrl || s.imgUrl && !s.loading ? (n(), a("img", {
+          key: 0,
+          src: s.imgUrl,
+          alt: s.alt,
+          class: $(["rounded-sm w-full h-44 object-cover", {
+            hidden: s.loading
+          }])
+        }, null, 10, tt)) : S("", !0),
+        s.loading && s.imgUrl ? (n(), a("div", nt)) : S("", !0)
+      ]),
+      s.loading ? S("", !0) : (n(), a("div", at, [
+        s.title ? (n(), a("h2", ot, h(s.title), 1)) : S("", !0),
+        w(s.$slots, "details"),
+        s.description ? (n(), a("p", st, h(s.description), 1)) : S("", !0),
+        t("div", lt, [
+          w(s.$slots, "actions")
+        ])
+      ])),
+      s.loading ? (n(), a("div", rt, i[0] || (i[0] = [
+        t("div", { class: "flex flex-col gap-4 w-52" }, [
+          t("div", { class: "w-28 h-4 skeleton" }),
+          t("div", { class: "w-full h-4 skeleton" }),
+          t("div", { class: "w-full h-4 skeleton" })
+        ], -1)
+      ]))) : S("", !0)
+    ], 2));
+  }
+}), it = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, ut = ["onClick"], dt = { class: "text-sm" }, ct = { class: "md:block hidden opacity-35 text-xs truncate overflow-hidden ..." }, pt = { class: "hidden" }, mt = {
+  id: "advancedSearchMobile",
+  class: "modal"
+}, ft = { class: "modal-box" }, vt = { class: "font-bold text-lg" }, gt = ["checked"], bt = { class: "flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title" }, ht = { class: "text-sm" }, yt = { class: "flex place-content-center p-0 collapse-content" }, wt = /* @__PURE__ */ M({
+  __name: "advancedSearch",
+  props: {
+    searchOptions: {},
+    currentCategory: {}
+  },
+  emits: ["search", "update:search-data"],
+  setup(d, { emit: u }) {
+    const e = d, s = u, i = k(null), l = {
+      datetime: Be(() => Promise.resolve().then(() => Ht))
+    }, p = k({}), b = k({ left: "0px", top: "0px", transform: "translateX(0%)" }), v = k(null);
+    function m(x, I) {
+      var B, O, g;
+      if ((B = i.value) != null && B.name) {
+        s("update:search-data", {
+          tab: i.value.name,
+          data: x
+        });
+        return;
+      }
+      if (e.searchOptions) {
+        let D = (g = (O = e.searchOptions) == null ? void 0 : O.find((A) => (A == null ? void 0 : A.category) === e.currentCategory)) == null ? void 0 : g.tabs[I];
+        D !== void 0 && (D.value = x, s("update:search-data", {
+          tab: D == null ? void 0 : D.name,
+          data: D == null ? void 0 : D.value
+        }));
+      }
+    }
+    function f() {
+      s("search");
+    }
+    async function N(x) {
+      v.value && !v.value.contains(x.target) && (await de(), i.value = null);
+    }
+    async function Z() {
+      if (typeof window < "u" && window.innerWidth <= 768) {
+        const x = document.getElementById("advancedSearchMobile");
+        x ? x.showModal() : console.warn("Modal element not found.");
+      }
+    }
+    async function K(x) {
+      var B;
+      i.value = x, await de();
+      const I = p.value[x.name];
+      if (I) {
+        const O = I.getBoundingClientRect(), g = ((B = v.value) == null ? void 0 : B.getBoundingClientRect()) || { left: 0, top: 0 };
+        window.innerWidth > 768 ? b.value = {
+          left: `${O.left + O.width / 2 - g.left}px`,
+          top: `${O.bottom - g.top}px`,
+          transform: "translateX(-50%)"
+        } : b.value = {
+          left: "50%",
+          top: `${O.bottom - g.top}px`,
+          transform: "translateX(-50%)"
+          // Center the popup horizontally on mobile
+        };
+      } else
+        console.error("Tab element not found for:", x.name);
+    }
+    return F(() => {
+      document.addEventListener("click", N);
+    }), Ie(() => {
+      document.removeEventListener("click", N);
+    }), (x, I) => {
+      var B, O;
+      return n(), a(y, null, [
+        t("div", {
+          ref_key: "searchContainer",
+          ref: v,
+          class: "w-full"
+        }, [
+          t("div", {
+            class: "group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
+            onClick: Z
+          }, [
+            t("div", it, [
+              (n(!0), a(y, null, _(((B = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : B.tabs) || [], (g) => {
+                var D;
+                return n(), a("button", {
+                  key: g.name,
+                  onClick: (A) => K(g),
+                  class: $([{ "tab-active": ((D = i.value) == null ? void 0 : D.name) === g.name }, "group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),
+                  ref_for: !0,
+                  ref: (A) => p.value[g.name] = A
+                }, [
+                  t("p", dt, h(g.name), 1),
+                  t("p", ct, h(g.description), 1)
+                ], 10, ut);
+              }), 128))
+            ]),
+            i.value ? (n(), a("div", {
+              key: 0,
+              class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
+              style: Oe(b.value)
+            }, [
+              (n(), re(ie(l[i.value.type]), ue(i.value.props ? i.value.props : null, { onUpdated: m }), null, 16))
+            ], 4)) : S("", !0),
+            t("button", {
+              title: "search",
+              type: "submit",
+              class: "ml-1 btn btn-primary btn-square",
+              onClick: f
+            }, [
+              X(V(ce), {
+                size: 24,
+                color: "white"
+              })
+            ])
+          ]),
+          t("div", pt, [
+            t("button", {
+              title: "search",
+              onClick: I[0] || (I[0] = () => {
+              })
+            }, [
+              X(V(ce), {
+                size: 24,
+                color: "white"
+              })
+            ])
+          ])
+        ], 512),
+        t("dialog", mt, [
+          t("div", ft, [
+            w(x.$slots, "additionalForMobile", {}, () => [
+              t("h3", vt, h(x.currentCategory), 1)
+            ], !0),
+            (n(!0), a(y, null, _(((O = e.searchOptions.find((g) => g.category === e.currentCategory)) == null ? void 0 : O.tabs) || [], (g, D) => (n(), a("div", {
+              class: "bg-base-200 my-4 collapse",
+              key: g.name
+            }, [
+              t("input", {
+                type: "radio",
+                name: "my-accordion-1",
+                checked: D === 0
+              }, null, 8, gt),
+              t("div", bt, [
+                ne(h(g.name) + " ", 1),
+                t("p", ht, h(g.description), 1)
+              ]),
+              t("div", yt, [
+                I[1] || (I[1] = t("br", null, null, -1)),
+                (n(), re(ie(l[g.type]), ue({ ref_for: !0 }, g.props || {}, {
+                  onUpdated: (A) => m(A, D)
+                }), null, 16, ["onUpdated"]))
+              ])
+            ]))), 128)),
+            t("div", { class: "modal-action" }, [
+              t("form", { method: "dialog" }, [
+                t("button", {
+                  class: "btn btn-primary",
+                  onClick: f
+                }, "Close and Search")
+              ])
+            ])
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), H = (d, u) => {
+  const e = d.__vccOpts || d;
+  for (const [s, i] of u)
+    e[s] = i;
+  return e;
+}, Sn = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-08fa37eb"]]), _t = ["placeholder", "value", "id"], kt = ["id"], $t = {
+  key: 0,
+  class: "flex justify-between items-center place-content-center mb-4"
+}, xt = ["value"], Ct = ["value"], St = {
+  key: 1,
+  class: "gap-2 grid grid-cols-7"
+}, Dt = ["onClick"], Tt = {
+  key: 2,
+  class: "mt-4 lg:w-80"
+}, Mt = {
+  key: 0,
+  class: "mb-2 font-bold text-lg"
+}, Bt = { key: 1 }, It = {
+  key: 1,
+  class: "flex gap-4"
+}, Ot = ["value"], Ut = ["value"], Vt = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, At = {
+  key: 1,
+  class: "flex gap-2"
+}, Pt = ["value"], jt = ["value"], Nt = {
+  key: 1,
+  class: "flex gap-2"
+}, zt = ["value"], Et = ["value"], Lt = { class: "flex gap-2 mt-4" }, Rt = {
+  __name: "datetimePicker",
+  props: {
+    mode: {
+      type: String,
+      default: "datetime",
+      // 'datetime', 'date', 'time'
+      validator: (d) => ["datetime", "date", "time"].includes(d)
+    },
+    range: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: "Select date and time"
+    },
+    popup: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: "datetimepicker"
+    },
+    initialDate: {
+      type: Object,
+      default: () => null
+    }
+  },
+  emits: ["updated"],
+  setup(d, { emit: u }) {
+    const e = d;
+    E(() => e.range, (r) => {
+      r ? (l.value = { start: null, end: null }, p.value = { start: null, end: null }) : (l.value = null, p.value = null);
+    });
+    const s = u, i = k(!1), l = k(e.range ? { start: null, end: null } : null), p = k(e.range ? { start: null, end: null } : null), b = k((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = k((/* @__PURE__ */ new Date()).getFullYear()), m = k(e.range ? { start: 0, end: 0 } : 0), f = k(e.range ? { start: 0, end: 0 } : 0), N = k(null), Z = C(() => `${e.id}-input`), K = C(() => `${e.id}-popup`), x = C(() => e.mode === "date" || e.mode === "datetime"), I = C(() => e.mode === "time" || e.mode === "datetime");
+    C(() => new Date(v.value, B.value));
+    const B = C(() => Y.indexOf(b.value)), O = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], g = C(() => new Date(v.value, B.value).getDay()), D = C(() => {
+      const r = new Date(v.value, B.value + 1, 0).getDate();
+      return Array.from({ length: r }, (c, o) => new Date(v.value, B.value, o + 1));
+    }), A = C(() => Array.from({ length: g.value }, (r, c) => c)), G = Array.from({ length: 24 }, (r, c) => c), Q = Array.from({ length: 60 }, (r, c) => c), q = C(
+      () => typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+        navigator.userAgent
+      )
+    ), Y = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], me = C(() => {
+      const r = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 100 }, (c, o) => r - 50 + o);
+    }), fe = C(() => {
+      if (!x.value || !l.value) return "";
+      if (e.range && l.value.start && l.value.end) {
+        const r = l.value.start.toLocaleDateString("en-US"), c = l.value.end.toLocaleDateString("en-US");
+        return `${r} - ${c}`;
+      }
+      return !e.range && l.value ? l.value.toLocaleDateString("en-US") : "";
+    }), L = (r) => r instanceof Date ? r : new Date(r), z = (r) => r instanceof Date && !isNaN(r), ve = C(() => {
+      if (!I.value) return "";
+      const r = (c) => {
+        var J, R, le;
+        const o = ((J = m.value) == null ? void 0 : J[c]) ?? m.value, P = ((R = f.value) == null ? void 0 : R[c]) ?? f.value;
+        return q.value ? ((le = p.value) == null ? void 0 : le[c]) ?? p.value : `${o.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
+      };
+      return e.range ? `${r("start")} - ${r("end")}` : r();
+    }), ge = C(() => {
+      const r = fe.value, c = ve.value;
+      return `${r} ${c}`.trim();
+    }), be = () => i.value = !i.value, oe = () => {
+      T(), he();
+    }, he = () => i.value = !1, ye = () => {
+      l.value = e.range ? { start: null, end: null } : null, p.value = e.range ? { start: null, end: null } : null, T();
+    }, we = (r) => {
+      e.range ? l.value.start && l.value.end ? l.value = { start: r, end: null } : l.value.start ? l.value.end = r : l.value.start = r : l.value = r, T();
+    }, _e = (r) => (r = L(r), e.range ? l.value.start && z(l.value.start) && r.getTime() === l.value.start.getTime() || l.value.end && z(l.value.end) && r.getTime() === l.value.end.getTime() : z(l.value) && r.getTime() === l.value.getTime()), ke = (r) => {
+      r = L(r);
+      const c = /* @__PURE__ */ new Date();
+      return r.getDate() === c.getDate() && r.getMonth() === c.getMonth() && r.getFullYear() === c.getFullYear();
+    }, $e = (r) => (r = L(r), e.range && z(l.value.start) && r.getTime() === l.value.start.getTime()), xe = (r) => (r = L(r), e.range && z(l.value.end) && r.getTime() === l.value.end.getTime()), Ce = (r) => {
+      if (r = L(r), e.range && z(l.value.start) && z(l.value.end)) {
+        const c = l.value.start.getTime(), o = l.value.end.getTime(), P = r.getTime();
+        return P > c && P < o;
+      }
+      return !1;
+    }, Se = () => {
+      let r = B.value - 1;
+      r < 0 && (r = 11, v.value--), b.value = Y[r], T();
+    }, De = () => {
+      let r = B.value + 1;
+      r > 11 && (r = 0, v.value++), b.value = Y[r], T();
+    }, se = (r) => {
+      N.value && !N.value.contains(r.target) && i.value == !0 && oe();
+    }, T = () => {
+      let r = {};
+      const c = (o, P, J) => {
+        o instanceof Date && !isNaN(o) || (o = /* @__PURE__ */ new Date());
+        const R = new Date(o);
+        return R.setUTCHours(P, J, 0, 0), R.toISOString();
+      };
+      e.range ? (r.from = c(
+        l.value.start,
+        m.value.start,
+        f.value.start
+      ), r.to = c(
+        l.value.end,
+        m.value.end,
+        f.value.end
+      )) : r = c(
+        l.value,
+        m.value,
+        f.value
+      ), s("updated", r);
+    };
+    return F(() => {
+      e.initialDate && (e.range && e.initialDate.start && e.initialDate.end ? l.value = {
+        start: new Date(e.initialDate.start),
+        end: new Date(e.initialDate.end)
+      } : e.initialDate.start && (l.value = { start: new Date(e.initialDate.start) })), e.range ? (m.value.start = m.value.start ?? (/* @__PURE__ */ new Date()).getHours(), m.value.end = m.value.end ?? (/* @__PURE__ */ new Date()).getHours(), f.value.start = f.value.start ?? (/* @__PURE__ */ new Date()).getMinutes(), f.value.end = f.value.end ?? (/* @__PURE__ */ new Date()).getMinutes()) : (m.value = m.value ?? (/* @__PURE__ */ new Date()).getHours(), f.value = f.value ?? (/* @__PURE__ */ new Date()).getMinutes());
+    }), e.popup && F(() => document.addEventListener("click", se)), pe(() => document.removeEventListener("click", se)), (r, c) => (n(), a("div", {
+      class: "inline-block relative w-full lg:w-[360px]",
+      ref_key: "pickerContainer",
+      ref: N
+    }, [
+      t("div", {
+        class: "flex items-center gap-2 cursor-pointer",
+        onClick: be
+      }, [
+        d.popup ? w(r.$slots, "default", { key: 0 }, () => [
+          t("input", {
+            type: "text",
+            class: "input-bordered w-full cursor-pointer input",
+            placeholder: d.placeholder,
+            value: ge.value,
+            readonly: "",
+            id: Z.value
+          }, null, 8, _t),
+          c[11] || (c[11] = t("button", { class: "btn btn-ghost" }, " 📅 ", -1))
+        ], !0) : S("", !0)
+      ]),
+      i.value || !d.popup ? (n(), a("div", {
+        key: 0,
+        class: $(["z-50 lg:bg-base-100 md:mt-2 px-4 md:p-4 rounded-md w-full", [{ absolute: d.popup }]]),
+        id: K.value
+      }, [
+        x.value ? (n(), a("div", $t, [
+          t("button", {
+            class: "md:block hidden btn btn-outline btn-primary md:btn-sm",
+            onClick: Se
+          }, c[12] || (c[12] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "w-4 h-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              t("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M15 19l-7-7 7-7"
+              })
+            ], -1)
+          ])),
+          U(t("select", {
+            class: "border-none w-fit select",
+            "onUpdate:modelValue": c[0] || (c[0] = (o) => b.value = o),
+            onChange: T
+          }, [
+            (n(), a(y, null, _(Y, (o, P) => t("option", {
+              key: P,
+              value: o
+            }, h(o), 9, xt)), 64))
+          ], 544), [
+            [j, b.value]
+          ]),
+          U(t("select", {
+            class: "border-none w-24 select",
+            "onUpdate:modelValue": c[1] || (c[1] = (o) => v.value = o),
+            onChange: T
+          }, [
+            (n(!0), a(y, null, _(me.value, (o) => (n(), a("option", {
+              key: o,
+              value: o
+            }, h(o), 9, Ct))), 128))
+          ], 544), [
+            [j, v.value]
+          ]),
+          t("button", {
+            class: "md:block hidden btn btn-outline btn-primary md:btn-sm",
+            onClick: De
+          }, c[13] || (c[13] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "w-4 h-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              t("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M9 5l7 7-7 7"
+              })
+            ], -1)
+          ]))
+        ])) : S("", !0),
+        x.value ? (n(), a("div", St, [
+          (n(), a(y, null, _(O, (o) => t("div", {
+            key: o,
+            class: "text-center"
+          }, h(o), 1)), 64)),
+          (n(!0), a(y, null, _(A.value, (o) => (n(), a("div", {
+            key: o,
+            class: "text-center"
+          }))), 128)),
+          (n(!0), a(y, null, _(D.value, (o) => (n(), a("div", {
+            key: o,
+            class: $(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer", {
+              "bg-primary text-primary-content": _e(o),
+              today: ke(o),
+              "range-start bg-primary text-primary-content": $e(o),
+              "range-end bg-primary text-primary-content": xe(o),
+              "in-range bg-primary/20 hover:bg-primary/10": Ce(o)
+            }]),
+            onClick: (P) => we(o)
+          }, h(o.getDate()), 11, Dt))), 128))
+        ])) : S("", !0),
+        I.value ? (n(), a("div", Tt, [
+          e.range ? S("", !0) : (n(), a("h3", Mt, "Select Time")),
+          e.range ? (n(), a("div", Vt, [
+            t("div", null, [
+              c[14] || (c[14] = t("p", { class: "font-bold" }, "Start Time", -1)),
+              q.value ? U((n(), a("input", {
+                key: 0,
+                type: "time",
+                class: "input-bordered w-full input",
+                "onUpdate:modelValue": c[5] || (c[5] = (o) => p.value.start = o),
+                onChange: T
+              }, null, 544)), [
+                [ee, p.value.start]
+              ]) : (n(), a("div", At, [
+                U(t("select", {
+                  class: "w-full select-bordered select",
+                  "onUpdate:modelValue": c[6] || (c[6] = (o) => m.value.start = o),
+                  onChange: T
+                }, [
+                  (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
+                    key: o,
+                    value: o
+                  }, h(o.toString().padStart(2, "0")), 9, Pt))), 128))
+                ], 544), [
+                  [
+                    j,
+                    m.value.start,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                U(t("select", {
+                  class: "w-full select-bordered select",
+                  "onUpdate:modelValue": c[7] || (c[7] = (o) => f.value.start = o),
+                  onChange: T
+                }, [
+                  (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
+                    key: o,
+                    value: o
+                  }, h(o.toString().padStart(2, "0")), 9, jt))), 128))
+                ], 544), [
+                  [
+                    j,
+                    f.value.start,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]))
+            ]),
+            t("div", null, [
+              c[15] || (c[15] = t("p", { class: "font-bold" }, "End Time", -1)),
+              q.value ? U((n(), a("input", {
+                key: 0,
+                type: "time",
+                class: "input-bordered w-full input",
+                "onUpdate:modelValue": c[8] || (c[8] = (o) => p.value.end = o),
+                onChange: T
+              }, null, 544)), [
+                [ee, p.value.end]
+              ]) : (n(), a("div", Nt, [
+                U(t("select", {
+                  class: "w-full select-bordered select",
+                  "onUpdate:modelValue": c[9] || (c[9] = (o) => m.value.end = o),
+                  onChange: T
+                }, [
+                  (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
+                    key: o,
+                    value: o
+                  }, h(o.toString().padStart(2, "0")), 9, zt))), 128))
+                ], 544), [
+                  [
+                    j,
+                    m.value.end,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                U(t("select", {
+                  class: "w-full select-bordered select",
+                  "onUpdate:modelValue": c[10] || (c[10] = (o) => f.value.end = o),
+                  onChange: T
+                }, [
+                  (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
+                    key: o,
+                    value: o
+                  }, h(o.toString().padStart(2, "0")), 9, Et))), 128))
+                ], 544), [
+                  [
+                    j,
+                    f.value.end,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]))
+            ])
+          ])) : (n(), a("div", Bt, [
+            q.value ? U((n(), a("input", {
+              key: 0,
+              type: "time",
+              class: "input-bordered w-full input",
+              "onUpdate:modelValue": c[2] || (c[2] = (o) => p.value = o),
+              onChange: T
+            }, null, 544)), [
+              [ee, p.value]
+            ]) : (n(), a("div", It, [
+              U(t("select", {
+                class: "w-full select-bordered select",
+                "onUpdate:modelValue": c[3] || (c[3] = (o) => m.value = o),
+                onChange: T
+              }, [
+                (n(!0), a(y, null, _(V(G), (o) => (n(), a("option", {
+                  key: o,
+                  value: o
+                }, h(o.toString().padStart(2, "0")), 9, Ot))), 128))
+              ], 544), [
+                [
+                  j,
+                  m.value,
+                  void 0,
+                  { number: !0 }
+                ]
+              ]),
+              U(t("select", {
+                class: "w-full select-bordered select",
+                "onUpdate:modelValue": c[4] || (c[4] = (o) => f.value = o),
+                onChange: T
+              }, [
+                (n(!0), a(y, null, _(V(Q), (o) => (n(), a("option", {
+                  key: o,
+                  value: o
+                }, h(o.toString().padStart(2, "0")), 9, Ut))), 128))
+              ], 544), [
+                [
+                  j,
+                  f.value,
+                  void 0,
+                  { number: !0 }
+                ]
+              ])
+            ]))
+          ]))
+        ])) : S("", !0),
+        t("div", Lt, [
+          t("button", {
+            class: $(["btn btn-secondary", d.popup ? "w-fit" : "w-full"]),
+            onClick: ye
+          }, "Clear", 2),
+          d.popup ? (n(), a("button", {
+            key: 0,
+            class: "btn btn-primary btn-wide",
+            onClick: oe
+          }, "Close")) : S("", !0)
+        ])
+      ], 10, kt)) : S("", !0)
+    ], 512));
+  }
+}, Ft = /* @__PURE__ */ H(Rt, [["__scopeId", "data-v-e7e203aa"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ft
+}, Symbol.toStringTag, { value: "Module" })), qt = ["value", "checked", "onChange", "disabled"], Dn = /* @__PURE__ */ M({
+  __name: "rating",
+  props: {
+    initialRating: { default: 0 },
+    numberOfStars: { default: 5 },
+    halfStars: { type: Boolean, default: !0 },
+    isInteractive: { type: Boolean, default: !1 },
+    size: { default: "sm" }
+  },
+  setup(d) {
+    const u = d, e = k(u.initialRating);
+    E(
+      () => u.initialRating,
+      (i) => {
+        e.value = i;
+      }
+    );
+    const s = (i) => {
+      e.value = i;
+    };
+    return (i, l) => (n(), a("div", {
+      class: $(["rating", [
+        `rating-${u.size}`,
+        { "rating-half": i.halfStars }
+      ]])
+    }, [
+      (n(!0), a(y, null, _(i.numberOfStars * (i.halfStars ? 2 : 1), (p) => (n(), a("input", {
+        key: p,
+        type: "radio",
+        value: i.halfStars ? p * 0.5 : p,
+        checked: e.value === (i.halfStars ? p * 0.5 : p),
+        onChange: (b) => i.isInteractive ? s(i.halfStars ? p * 0.5 : p) : null,
+        class: $(["mask mask-star", {
+          "bg-yellow-400": e.value >= (i.halfStars ? p * 0.5 : p),
+          "mask-half-1": i.halfStars && p % 2 !== 0,
+          "mask-half-2": i.halfStars && p % 2 === 0,
+          "cursor-pointer": i.isInteractive,
+          "cursor-default": !i.isInteractive
+        }]),
+        disabled: !i.isInteractive
+      }, null, 42, qt))), 128))
+    ], 2));
+  }
+}), Yt = {
+  key: 0,
+  class: "loading loading-spinner loading-md mx-auto"
+}, Tn = /* @__PURE__ */ M({
+  __name: "loader",
+  props: {
+    loading: { type: Boolean, default: !0 }
+  },
+  setup(d) {
+    const u = d, e = k(u.loading);
+    return E(
+      () => u.loading,
+      (s) => {
+        e.value = s;
+      }
+    ), (s, i) => e.value ? (n(), a("span", Yt)) : S("", !0);
+  }
+}), Jt = { class: "bg-base-200 p-10 text-base-content" }, Wt = { class: "flex lg:flex-row flex-col flex-wrap container space-between" }, Xt = { class: "mb-16 w-full lg:w-2/3 footer" }, Zt = { class: "after:absolute after:flex opacity-100 border-b-4 border-base-300 after:border-b-2 after:border-base-300 after:w-full after:h-1 font-bold text-xl footer-title" }, Kt = ["href"], Gt = /* @__PURE__ */ M({
+  __name: "footer",
+  props: {
+    items: {}
+  },
+  setup(d) {
+    const u = d;
+    return (e, s) => (n(), a("footer", Jt, [
+      t("div", Wt, [
+        t("div", Xt, [
+          (n(!0), a(y, null, _(u.items, (i) => (n(), a("nav", null, [
+            t("h6", Zt, h(i.title), 1),
+            (n(!0), a(y, null, _(i.items, (l) => (n(), a("a", {
+              class: "link link-hover",
+              href: l.link
+            }, h(l.text), 9, Kt))), 256))
+          ]))), 256))
+        ]),
+        w(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), Mn = /* @__PURE__ */ H(Gt, [["__scopeId", "data-v-537d40bd"]]), Qt = {}, en = { class: "min-h-40 container hero" }, tn = { class: "px-0! text-center hero-content" }, nn = { class: "mt-9 text-4xl" };
+function an(d, u) {
+  return n(), a("div", en, [
+    t("div", tn, [
+      t("div", null, [
+        t("h1", nn, [
+          w(d.$slots, "title", {}, () => [
+            u[0] || (u[0] = ne("hero title"))
+          ])
+        ]),
+        t("p", null, [
+          w(d.$slots, "description", { class: "py-9" })
+        ]),
+        w(d.$slots, "call-to-action-block", { class: "max-w-full" }, () => [
+          u[1] || (u[1] = t("button", { class: "btn btn-primary" }, "Call to action", -1))
+        ])
+      ])
+    ])
+  ]);
+}
+const Bn = /* @__PURE__ */ H(Qt, [["render", an]]), on = { class: "categories flex flex-row gap-4 place-content-center" }, sn = ["onClick"], In = /* @__PURE__ */ M({
+  __name: "categoryNavigation",
+  props: {
+    searchOptions: {},
+    currentCategory: {}
+  },
+  emits: ["update:currentCategory"],
+  setup(d, { emit: u }) {
+    const e = d, s = u;
+    function i(l) {
+      s("update:currentCategory", l);
+    }
+    return (l, p) => (n(), a("div", on, [
+      (n(!0), a(y, null, _(e.searchOptions, (b) => (n(), a("div", {
+        key: b.category
+      }, [
+        t("button", {
+          onClick: (v) => i(b.category),
+          class: $(["truncate", { "font-semibold": e.currentCategory === b.category }])
+        }, h(b.category), 11, sn)
+      ]))), 128))
+    ]));
+  }
+}), ln = { class: "md:flex hidden navbar-start" }, rn = { class: "md:flex justify-center items-center hidden navbar-center" }, un = { class: "md:flex hidden navbar-end" }, dn = { class: "navbar-bottom md:flex hidden" }, cn = /* @__PURE__ */ M({
+  __name: "navigationBar",
+  props: {
+    isCollapsed: { type: Boolean, default: !0 }
+  },
+  setup(d) {
+    const u = d;
+    return (e, s) => (n(), a("nav", {
+      class: $(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", u.isCollapsed ? "collapsed" : ""])
+    }, [
+      t("div", ln, [
+        w(e.$slots, "start", {}, void 0, !0)
+      ]),
+      t("div", rn, [
+        w(e.$slots, "center", {}, void 0, !0)
+      ]),
+      t("div", un, [
+        w(e.$slots, "end", {}, void 0, !0)
+      ]),
+      t("div", dn, [
+        w(e.$slots, "bottom", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+}), On = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-8ddb2b45"]]), pn = {
+  role: "tablist",
+  class: "tabs tabs-bordered tabs-lg mt-28 relative w-full"
+}, mn = {
+  key: 0,
+  class: "hidden md:flex gap-4 right-0 top-4 absolute"
+}, fn = ["onClick", "aria-selected"], vn = {
+  role: "tabpanel",
+  class: "tab-content border-base-300 border-t-2 border-x-0 border-b-0 p-6 overflow-x-auto max-w-full"
+}, Un = /* @__PURE__ */ M({
+  __name: "tab",
+  props: {
+    items: {},
+    withControlls: { type: Boolean },
+    rotateTabsAfter: {}
+  },
+  emits: ["tab-changed"],
+  setup(d, { emit: u }) {
+    const e = d, s = k(e.items[0]), i = u;
+    function l(v) {
+      s.value = v, i("tab-changed", v);
+    }
+    function p() {
+      const m = (e.items.indexOf(s.value) + 1) % e.items.length;
+      l(e.items[m]);
+    }
+    function b() {
+      const m = (e.items.indexOf(s.value) - 1 + e.items.length) % e.items.length;
+      l(e.items[m]);
+    }
+    return pe(() => {
+      e.rotateTabsAfter && setInterval(() => {
+        p();
+      }, e.rotateTabsAfter * 1e3);
+    }), (v, m) => (n(), a("div", pn, [
+      v.withControlls ? (n(), a("div", mn, [
+        t("button", {
+          onClick: m[0] || (m[0] = (f) => b()),
+          class: "cursor-pointer"
+        }, "Previous"),
+        t("button", {
+          onClick: m[1] || (m[1] = (f) => p()),
+          class: "cursor-pointer text-primary"
+        }, "Next")
+      ])) : S("", !0),
+      (n(!0), a(y, null, _(v.items, (f) => (n(), a(y, null, [
+        t("a", {
+          type: "button",
+          role: "tab",
+          class: $(["tab min-w-max", f === s.value ? "bg-primary text-base-100" : ""]),
+          onClick: (N) => l(f),
+          "aria-selected": s.value == f
+        }, h(f), 11, fn),
+        t("div", vn, [
+          w(v.$slots, `${f}-tab`)
+        ])
+      ], 64))), 256))
+    ]));
+  }
+});
+export {
+  kn as Accordion,
+  Sn as AdvancedSearch,
+  $n as Avatar,
+  xn as Badge,
+  bn as ButtonComponent,
+  Cn as Card,
+  In as CategoryNavigation,
+  Ft as DatetimePicker,
+  hn as Dropdown,
+  Mn as Footer,
+  Bn as Hero,
+  Tn as Loader,
+  yn as Modal,
+  On as NavigationBar,
+  Dn as Rating,
+  wn as Swap,
+  Un as Tab,
+  _n as ThemeController
+};