@knitify/vue 0.0.9 → 2.0.0

package/dist/index.es.js

@@ -1,219 +1,3682 @@
-import { defineComponent as K, computed as b, openBlock as o, createBlock as m, resolveDynamicComponent as V, normalizeClass as l, withCtx as h, renderSlot as u, createElementBlock as s, createElementVNode as c, useModel as k, useSlots as x, createCommentVNode as f, withDirectives as j, vModelDynamic as z, mergeModels as B, resolveComponent as p, Fragment as O, renderList as A, createVNode as g, unref as D, withModifiers as L, createTextVNode as T, toDisplayString as C } from "vue";
-import { useLink as w, RouterLink as U } from "vue-router";
-function N(e) {
+import { provide as Ae, inject as he, reactive as Me, ref as ye, computed as g, defineComponent as P, useId as Te, openBlock as i, createElementBlock as u, normalizeClass as T, renderSlot as v, watch as j, onBeforeUnmount as le, useModel as te, useTemplateRef as _, createElementVNode as K, withKeys as Oe, withModifiers as ne, unref as z, createTextVNode as F, toDisplayString as W, mergeModels as q, useSlots as ee, createCommentVNode as D, normalizeStyle as ce, createBlock as J, resolveDynamicComponent as Ne, withCtx as N, toRef as At, onMounted as De, onUnmounted as _e, nextTick as ue, onUpdated as et, createVNode as Z, shallowRef as ke, Teleport as Be, useAttrs as Ie, mergeProps as re, withDirectives as Pe, vModelText as Tt, vModelDynamic as It, Transition as Et, cloneVNode as Lt, h as Dt, Fragment as ae, Comment as xt, Text as Mt, createSlots as ge, renderList as ie, resolveComponent as tt, vModelCheckbox as Ot } from "vue";
+import oe, { avatarColor as Pt } from "@knitify/core";
+import { useLink as je, RouterLink as Rt } from "vue-router";
+const Ue = /* @__PURE__ */ Symbol("KAccordionGroup"), Ve = /* @__PURE__ */ Symbol("KChatBusy"), xe = /* @__PURE__ */ Symbol("KChatDock"), We = /* @__PURE__ */ Symbol("KChatDockStore");
+function at(e) {
+  Ae(We, e);
+}
+function zt() {
+  return he(We, void 0);
+}
+let He = 0, Fe = 0;
+function st(e, l = {}) {
+  const o = Me({}), t = Me({}), s = ye("idle"), r = ye(void 0), n = ye(""), d = {}, k = {}, h = /* @__PURE__ */ new Set();
+  function c(f) {
+    h.forEach((I) => I(f));
+  }
+  function m(f) {
+    return o[f] || (o[f] = {
+      conversation: { id: f, name: "Conversation" },
+      window: "closed",
+      messages: [],
+      cursor: void 0,
+      loading: "idle",
+      loadingOlder: !1,
+      error: void 0,
+      draft: ""
+    }), o[f];
+  }
+  function S(f) {
+    f.messages = [], f.cursor = void 0, f.loading = "idle", f.loadingOlder = !1, f.error = void 0;
+  }
+  const x = g(() => {
+    const f = Object.values(o).map((H) => H.conversation);
+    return f.every((H) => H.updatedAt) ? [...f].sort(
+      (H, V) => String(V.updatedAt).localeCompare(String(H.updatedAt))
+    ) : f;
+  }), M = g(
+    () => Object.values(o).filter((f) => f.window !== "closed").map((f) => f.conversation.id).sort((f, I) => (t[I] ?? 0) - (t[f] ?? 0))
+  );
+  async function R() {
+    s.value = "loading", r.value = void 0;
+    try {
+      (await e.loadConversations()).forEach((I) => {
+        m(I.id).conversation = {
+          ...o[I.id].conversation,
+          ...I
+        };
+      }), s.value = "loaded";
+    } catch (f) {
+      s.value = "error", r.value = f, c({ type: "error", kind: "conversations", error: f });
+    }
+  }
+  function E(f) {
+    const I = m(f), H = k[f];
+    if (H)
+      return I.loading = "loading", H;
+    const V = (d[f] ?? 0) + 1;
+    d[f] = V, I.loading = "loading", I.error = void 0;
+    const Y = e.loadMessages(f).then((se) => {
+      d[f] === V && (I.messages = Nt(se.messages), I.cursor = se.nextCursor ?? null, I.loading = "loaded");
+    }).catch((se) => {
+      d[f] === V && (I.loading = "error", I.error = se, c({ type: "error", kind: "messages", id: f, error: se }));
+    }).finally(() => {
+      k[f] === Y && (k[f] = void 0);
+    });
+    return k[f] = Y, Y;
+  }
+  function B(f) {
+    const I = m(f);
+    return I.loading === "idle" || I.loading === "error" ? E(f) : k[f] ?? Promise.resolve();
+  }
+  async function C(f) {
+    const I = m(f);
+    I.window = "expanded", He += 1, t[f] = He, I.conversation.unread = 0, c({ type: "open", id: f });
+    const H = B(f);
+    e.markRead && e.markRead(f).catch(() => {
+    }), await H;
+  }
+  async function b(f) {
+    m(f).window = "expanded", await B(f);
+  }
+  function L(f) {
+    m(f).window = "railed";
+  }
+  function U(f) {
+    const I = m(f);
+    I.window = "closed", l.evictOnClose && (d[f] = (d[f] ?? 0) + 1, k[f] = void 0, S(I), I.draft = ""), c({ type: "close", id: f });
+  }
+  async function $(f) {
+    const I = m(f);
+    if (typeof I.cursor != "string" || I.loadingOlder)
+      return;
+    const H = d[f] ?? 0;
+    I.loadingOlder = !0;
+    try {
+      const V = await e.loadMessages(f, I.cursor);
+      if (d[f] !== H)
+        return;
+      const Y = new Set(I.messages.map((se) => se.id));
+      I.messages = [
+        ...V.messages.filter((se) => !Y.has(se.id)),
+        ...I.messages
+      ], I.cursor = V.nextCursor ?? null;
+    } catch (V) {
+      d[f] === H && c({ type: "error", kind: "messages", id: f, error: V });
+    } finally {
+      I.loadingOlder = !1;
+    }
+  }
+  async function w(f, I) {
+    const H = m(f);
+    try {
+      const V = await e.sendMessage(f, I.text), Y = H.messages.findIndex(
+        ($e) => $e.id === I.id
+      ), se = H.messages.some(($e) => $e.id === V.id);
+      if (Y === -1)
+        return;
+      se ? H.messages.splice(Y, 1) : H.messages.splice(Y, 1, { ...V, pending: !1 }), H.conversation.preview = V.text, H.conversation.updatedAt = V.sentAt ?? H.conversation.updatedAt, c({ type: "send", message: V });
+    } catch (V) {
+      const Y = H.messages.find((se) => se.id === I.id);
+      Y && (Y.pending = !1, Y.failed = !0), c({ type: "error", kind: "send", id: f, error: V });
+    }
+  }
+  async function G(f, I) {
+    const H = I.trim();
+    if (!e.sendMessage || !H)
+      return;
+    const V = m(f);
+    Fe += 1;
+    const Y = {
+      id: `local-${Fe}`,
+      conversationId: f,
+      text: H,
+      sender: !0,
+      pending: !0
+    };
+    V.messages.push(Y), V.draft = "", await w(f, Y);
+  }
+  async function Q(f, I) {
+    const V = m(f).messages.find((Y) => Y.id === I);
+    !V || !V.failed || !e.sendMessage || (V.failed = !1, V.pending = !0, await w(f, V));
+  }
+  async function p(f) {
+    const I = m(f);
+    d[f] = (d[f] ?? 0) + 1, k[f] = void 0, I.error = void 0, await E(f);
+  }
+  function a(f) {
+    const I = m(f.conversationId);
+    I.messages.some((H) => H.id === f.id) || (I.messages.push(f), I.conversation.preview = f.text, I.conversation.updatedAt = f.sentAt ?? I.conversation.updatedAt, I.window !== "expanded" && !f.sender && (I.conversation.unread = (I.conversation.unread ?? 0) + 1), c({ type: "receive", message: f }));
+  }
+  function A(f, I) {
+    m(f).draft = I;
+  }
+  function y(f) {
+    n.value = f;
+  }
+  function O(f) {
+    return h.add(f), () => {
+      h.delete(f);
+    };
+  }
+  return R(), {
+    conversations: x,
+    entries: o,
+    openIds: M,
+    listLoading: s,
+    listError: r,
+    query: n,
+    canSend: !!e.sendMessage,
+    refreshConversations: R,
+    open: C,
+    expand: b,
+    minimize: L,
+    close: U,
+    loadOlder: $,
+    send: G,
+    retry: Q,
+    retryLoad: p,
+    receive: a,
+    setDraft: A,
+    setQuery: y,
+    onEvent: O
+  };
+}
+function Nt(e) {
+  const l = /* @__PURE__ */ new Set();
+  return e.filter((o) => l.has(o.id) ? !1 : (l.add(o.id), !0));
+}
+const jt = /* @__PURE__ */ P({
+  __name: "KAccordion",
+  props: {
+    exclusive: { type: Boolean, default: !1 },
+    group: {},
+    ghost: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = Te(), o = g(() => e.group ? e.group : e.exclusive ? `accordion-${l}` : void 0);
+    Ae(Ue, o);
+    const t = g(() => [
+      "KAccordion",
+      e.ghost && "KAccordion--ghost"
+    ]);
+    return (s, r) => (i(), u("div", {
+      class: T(t.value)
+    }, [
+      v(s.$slots, "default")
+    ], 2));
+  }
+}), Ut = ["collapse", "collapsed", "expand", "expanded"];
+function ot({
+  direction: e,
+  element: l,
+  expanded: o,
+  horizontal: t,
+  onEvent: s
+}) {
+  let r, n = !1;
+  function d() {
+    return !r && l.value && (r = new oe.modules.Collapse(l.value, {
+      horizontal: t?.() ?? !1,
+      direction: e?.() ?? "right"
+    })), r;
+  }
+  j(
+    () => [t?.(), e?.()],
+    () => {
+      r = void 0;
+    }
+  ), j(
+    o,
+    (c) => {
+      if (c === n)
+        return;
+      const m = d();
+      m && (n = c, c ? m.expand() : m.collapse());
+    },
+    { flush: "post" }
+  );
+  function k(c) {
+    const S = c.target?.closest("[data-kt-collapse-toggle]");
+    !S || S.closest("[data-kt-collapse]") !== l.value || (c.stopPropagation(), o.value = !o.value);
+  }
+  const h = Ut.map((c) => {
+    const m = (S) => {
+      S.target === l.value && (c === "expand" && (n = !0, o.value = !0), c === "collapse" && (n = !1, o.value = !1), s?.(c));
+    };
+    return [`kt.${c}`, m];
+  });
+  return j(
+    l,
+    (c, m, S) => {
+      if (r = void 0, !!c) {
+        for (const [x, M] of h)
+          c.addEventListener(x, M);
+        c.addEventListener("click", k), n = o.value, c.classList.remove("is-active", "is-expanded", "is-collapsed"), c.classList.add(
+          ...o.value ? ["is-active", "is-expanded"] : ["is-collapsed"]
+        ), S(() => {
+          for (const [x, M] of h)
+            c.removeEventListener(x, M);
+          c.removeEventListener("click", k);
+        });
+      }
+    },
+    { flush: "post", immediate: !0 }
+  ), le(() => {
+    r = void 0;
+  }), {
+    collapse: () => {
+      o.value = !1;
+    },
+    expand: () => {
+      o.value = !0;
+    },
+    toggle: () => {
+      o.value = !o.value;
+    }
+  };
+}
+const Vt = ["data-kt-collapse-group"], Wt = {
+  class: "KCollapse-toggle",
+  "data-kt-collapse-toggle": ""
+}, Gt = ["aria-expanded"], Ht = {
+  class: "KAccordion-title",
+  role: "heading",
+  "aria-level": "3"
+}, Ft = { class: "KAccordion-icon" }, qt = {
+  class: "KIcon",
+  "aria-hidden": "true"
+}, Qt = ["href"], Zt = {
+  class: "KAccordion-content KCollapse-content",
+  "data-kt-collapse-content": "",
+  role: "region"
+}, Jt = { class: "KAccordion-body" }, Yt = /* @__PURE__ */ P({
+  __name: "KAccordionItem",
+  props: /* @__PURE__ */ q({
+    expanded: { type: Boolean },
+    icon: { default: "#arrowDropRight" },
+    title: {}
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: ["update:expanded"],
+  setup(e, { expose: l }) {
+    const o = te(e, "expanded"), t = he(Ue, void 0), s = _("root"), { toggle: r } = ot({ element: s, expanded: o }), n = g(() => t?.value);
+    return l({ toggle: r }), (d, k) => (i(), u("div", {
+      ref_key: "root",
+      ref: s,
+      class: "KAccordion-item KCollapse",
+      "data-kt-collapse": "",
+      "data-kt-collapse-group": n.value
+    }, [
+      K("div", Wt, [
+        K("div", {
+          class: "KAccordion-button",
+          role: "button",
+          tabindex: "0",
+          "aria-expanded": o.value,
+          onKeydown: [
+            k[0] || (k[0] = Oe(ne(
+              //@ts-ignore
+              (...h) => z(r) && z(r)(...h),
+              ["prevent"]
+            ), ["enter"])),
+            k[1] || (k[1] = Oe(ne(
+              //@ts-ignore
+              (...h) => z(r) && z(r)(...h),
+              ["prevent"]
+            ), ["space"]))
+          ]
+        }, [
+          K("div", Ht, [
+            v(d.$slots, "title", {}, () => [
+              F(W(e.title), 1)
+            ])
+          ]),
+          K("div", Ft, [
+            (i(), u("svg", qt, [
+              K("use", { href: e.icon }, null, 8, Qt)
+            ]))
+          ])
+        ], 40, Gt)
+      ]),
+      K("div", Zt, [
+        K("div", Jt, [
+          v(d.$slots, "default")
+        ])
+      ])
+    ], 8, Vt));
+  }
+}), Xt = {
+  key: 0,
+  class: "KAlert-title"
+}, _t = /* @__PURE__ */ P({
+  __name: "KAlert",
+  props: {
+    title: {},
+    variant: {}
+  },
+  setup(e) {
+    const l = ee(), o = g(() => ["KAlert", e.variant && `KAlert--${e.variant}`]), t = g(() => !!(l.title || e.title));
+    return (s, r) => (i(), u("div", {
+      class: T(o.value),
+      role: "alert"
+    }, [
+      t.value ? (i(), u("h4", Xt, [
+        v(s.$slots, "title", {}, () => [
+          F(W(e.title), 1)
+        ])
+      ])) : D("", !0),
+      v(s.$slots, "default")
+    ], 2));
+  }
+}), ea = { class: "KAvatar-initials" }, ta = ["src", "alt"], aa = {
+  key: 1,
+  class: "KIcon KAvatar-icon",
+  "aria-hidden": "true"
+}, sa = ["href"], oa = ["aria-label", "role"], la = ["aria-label"], na = {
+  key: 5,
+  class: "KAvatar-badge"
+}, ia = {
+  key: 0,
+  class: "KAvatar-body"
+}, ra = {
+  key: 0,
+  class: "KAvatar-text"
+}, da = {
+  key: 1,
+  class: "KAvatar-subtext"
+}, ca = "#user", fe = /* @__PURE__ */ P({
+  __name: "KAvatar",
+  props: {
+    alt: { default: "" },
+    badge: {},
+    colorKey: {},
+    icon: { type: [Boolean, String], default: !1 },
+    overflow: { type: Boolean, default: !1 },
+    removable: { type: Boolean, default: !1 },
+    removeLabel: {},
+    size: {},
+    src: {},
+    status: { type: [Boolean, String] },
+    statusLabel: {},
+    subtext: {},
+    text: {},
+    textPosition: { default: "right" },
+    variant: {}
+  },
+  emits: ["remove"],
+  setup(e, { emit: l }) {
+    const o = l, t = ee(), s = {
+      left: "KAvatar--textLeft",
+      stacked: "KAvatar--stacked"
+    }, r = g(
+      () => e.variant ?? (e.colorKey !== void 0 ? Pt(e.colorKey) : void 0)
+    ), n = g(() => [
+      "KAvatar",
+      r.value && `KAvatar--${r.value}`,
+      // `md` is the default and has no modifier of its own.
+      e.size && e.size !== "md" && `KAvatar--${e.size}`,
+      e.textPosition !== "right" && s[e.textPosition],
+      e.overflow && "KAvatar--overflow"
+    ]), d = g(
+      () => typeof e.icon == "string" ? e.icon : e.icon ? ca : void 0
+    ), k = g(() => !e.src && !!d.value), h = g(() => !e.src && !k.value), c = g(() => e.status === !0 || typeof e.status == "string"), m = g(() => [
+      "KAvatar-status",
+      typeof e.status == "string" && `is-${e.status}`
+    ]), S = g(() => e.badge !== void 0 || !!t.badge), x = g(() => e.removable || !!t.action), M = g(() => !!e.text || !!t.text), R = g(() => !!e.subtext || !!t.subtext), E = g(() => M.value || R.value);
+    return (B, C) => (i(), u("span", {
+      class: T(n.value)
+    }, [
+      K("span", ea, [
+        e.src ? (i(), u("img", {
+          key: 0,
+          class: "KAvatar-image",
+          src: e.src,
+          alt: e.alt
+        }, null, 8, ta)) : k.value ? (i(), u("svg", aa, [
+          K("use", { href: d.value }, null, 8, sa)
+        ])) : D("", !0),
+        h.value ? v(B.$slots, "default", { key: 2 }) : D("", !0),
+        c.value ? (i(), u("span", {
+          key: 3,
+          class: T(m.value),
+          "aria-label": e.statusLabel,
+          role: e.statusLabel ? "img" : void 0
+        }, null, 10, oa)) : D("", !0),
+        x.value ? v(B.$slots, "action", { key: 4 }, () => [
+          K("button", {
+            type: "button",
+            class: "KAvatar-action",
+            "aria-label": e.removeLabel,
+            onClick: C[0] || (C[0] = ne((b) => o("remove"), ["stop"]))
+          }, [...C[1] || (C[1] = [
+            K("svg", {
+              class: "KIcon",
+              "aria-hidden": "true"
+            }, [
+              K("use", { href: "#cross" })
+            ], -1)
+          ])], 8, la)
+        ]) : S.value ? (i(), u("span", na, [
+          v(B.$slots, "badge", {}, () => [
+            F(W(e.badge), 1)
+          ])
+        ])) : D("", !0)
+      ]),
+      E.value ? (i(), u("span", ia, [
+        M.value ? (i(), u("span", ra, [
+          v(B.$slots, "text", {}, () => [
+            F(W(e.text), 1)
+          ])
+        ])) : D("", !0),
+        R.value ? (i(), u("span", da, [
+          v(B.$slots, "subtext", {}, () => [
+            F(W(e.subtext), 1)
+          ])
+        ])) : D("", !0)
+      ])) : D("", !0)
+    ], 2));
+  }
+}), ua = ["role", "aria-label"], fa = ["aria-label", "role"], lt = /* @__PURE__ */ P({
+  __name: "KAvatarGroup",
+  props: {
+    diagonal: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !1 },
+    label: {},
+    pie: { type: Boolean, default: !1 },
+    size: {},
+    status: { type: [Boolean, String] },
+    statusLabel: {}
+  },
+  setup(e) {
+    const l = g(() => [
+      "KAvatarGroup",
+      e.diagonal && "KAvatarGroup--diagonal",
+      e.hoverable && "KAvatarGroup--hoverable",
+      e.pie && "KAvatarGroup--pie",
+      e.size && e.size !== "md" && `KAvatarGroup--${e.size}`
+    ]), o = g(() => e.status === !0 || typeof e.status == "string"), t = g(() => [
+      "KAvatarGroup-status",
+      typeof e.status == "string" && `is-${e.status}`
+    ]);
+    return (s, r) => (i(), u("span", {
+      class: T(l.value),
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label
+    }, [
+      v(s.$slots, "default"),
+      o.value ? (i(), u("span", {
+        key: 0,
+        class: T(t.value),
+        "aria-label": e.statusLabel,
+        role: e.statusLabel ? "img" : void 0
+      }, null, 10, fa)) : D("", !0)
+    ], 10, ua));
+  }
+}), Se = /* @__PURE__ */ P({
+  __name: "KBadge",
+  props: {
+    compact: { type: Boolean },
+    pill: { type: Boolean },
+    size: {},
+    subtle: { type: Boolean },
+    variant: {}
+  },
+  setup(e) {
+    return (l, o) => (i(), u("div", {
+      class: T([
+        "KBadge",
+        e.compact && "KBadge--compact",
+        e.pill && "KBadge--pill",
+        e.size && `KBadge--${e.size}`,
+        e.subtle && "KBadge--subtle",
+        e.variant && `KBadge--${e.variant}`
+      ])
+    }, [
+      v(l.$slots, "default")
+    ], 2));
+  }
+}), va = ["aria-label"], ha = /* @__PURE__ */ P({
+  __name: "KBreadcrumb",
+  props: {
+    ariaLabel: { default: "breadcrumb" },
+    divider: {}
+  },
+  setup(e) {
+    const l = g(
+      () => e.divider ? { "--kt-breadcrumb-divider": `"${e.divider}"` } : void 0
+    );
+    return (o, t) => (i(), u("nav", { "aria-label": e.ariaLabel }, [
+      K("ol", {
+        class: "KBreadcrumb",
+        style: ce(l.value)
+      }, [
+        v(o.$slots, "default")
+      ], 4)
+    ], 8, va));
+  }
+}), ma = ["aria-current"], ba = ["href"], ga = /* @__PURE__ */ P({
+  __name: "KBreadcrumbItem",
+  props: {
+    active: { type: Boolean, default: () => {
+    } },
+    href: {},
+    to: {}
+  },
+  setup(e) {
+    const l = je({ to: g(() => e.to ?? "/") }), o = g(() => e.active ?? (e.to ? l.isActive.value : !1)), t = g(() => e.to ? l.href.value : e.href), s = g(() => [
+      "KBreadcrumb-item",
+      o.value && "KBreadcrumb-is-active"
+    ]);
+    function r(n) {
+      e.to && (n.preventDefault(), l.navigate(n));
+    }
+    return (n, d) => (i(), u("li", {
+      class: T(s.value),
+      "aria-current": o.value ? "page" : void 0
+    }, [
+      !o.value && t.value ? (i(), u("a", {
+        key: 0,
+        href: t.value,
+        onClick: r
+      }, [
+        v(n.$slots, "default")
+      ], 8, ba)) : v(n.$slots, "default", { key: 1 })
+    ], 10, ma));
+  }
+});
+function qe(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const E = /* @__PURE__ */ K({
-  __name: "KButton",
+const Ke = /* @__PURE__ */ P({
+  __name: "KButton",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    expanded: { type: Boolean, default: !1 },
+    href: {},
+    icon: { type: Boolean, default: !1 },
+    iconCircular: { type: Boolean, default: !1 },
+    minimal: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !1 },
+    secondary: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 },
+    size: {},
+    to: {},
+    type: { default: "button" },
+    utility: { type: Boolean, default: !1 },
+    variant: {}
+  },
+  setup(e) {
+    const l = ["warning"], o = ["warning", "affirm"], { href: t, navigate: s } = je({
+      to: g(() => e.to ?? "/")
+    }), r = g(() => e.to || e.href ? "a" : "button"), n = g(() => {
+      if (e.to)
+        return t.value;
+      if (e.href)
+        return e.href;
+    }), d = g(() => e.variant ? e.utility && !l.includes(e.variant) ? `KButton--utility${qe(e.variant)}` : e.minimal && !o.includes(e.variant) ? `KButton--minimal${qe(e.variant)}` : `KButton--${e.variant}` : e.utility ? "KButton--utility" : e.minimal ? "KButton--minimal" : e.secondary ? "KButton--secondary" : null), k = g(() => [
+      "KButton",
+      d.value,
+      // `md` is the default declared in core and needs no modifier.
+      e.size && e.size !== "md" && `KButton--${e.size}`,
+      e.icon && "KButton--icon",
+      e.iconCircular && "KButton--iconCircular",
+      e.rounded && "KButton--rounded",
+      e.expanded && "KButton--expanded",
+      e.selected && "KButton--selected"
+    ]);
+    function h(c) {
+      e.to && s(c);
+    }
+    return (c, m) => (i(), J(Ne(r.value), {
+      href: n.value,
+      type: r.value === "button" ? e.type : void 0,
+      disabled: r.value === "button" ? e.disabled : void 0,
+      class: T(k.value),
+      onClick: h
+    }, {
+      default: N(() => [
+        v(c.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["href", "type", "disabled", "class"]));
+  }
+}), ya = /* @__PURE__ */ P({
+  __name: "KCalendar",
+  props: /* @__PURE__ */ q({
+    disabledDates: {},
+    firstDay: { default: 0 },
+    locale: { default: "en-US" },
+    maxDate: {},
+    minDate: {},
+    mode: { default: "single" }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {},
+    range: { default: null },
+    rangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["clear", "navigate", "rangestart"], ["update:modelValue", "update:range"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "modelValue"), s = te(e, "range"), r = o, n = _("root");
+    let d, k = null, h = null;
+    const c = (b) => b ? `${b.start.getTime()}-${b.end.getTime()}` : null, m = (b) => b.target === n.value;
+    function S(b) {
+      if (!m(b))
+        return;
+      const L = b.detail;
+      L && (k = L.date.getTime(), t.value = L.date);
+    }
+    function x(b) {
+      if (!m(b))
+        return;
+      const L = b.detail;
+      L && (h = c(L), s.value = { start: L.start, end: L.end });
+    }
+    function M(b) {
+      if (!m(b))
+        return;
+      const L = b.detail;
+      L && r("rangestart", L.date);
+    }
+    function R(b) {
+      if (!m(b))
+        return;
+      const L = b.detail;
+      L && r("navigate", L.year, L.month);
+    }
+    function E(b) {
+      m(b) && (k = null, h = null, t.value = null, s.value = null, r("clear"));
+    }
+    const B = [
+      ["kt.calendar.select", S],
+      ["kt.calendar.rangeselect", x],
+      ["kt.calendar.rangestart", M],
+      ["kt.calendar.navigate", R],
+      ["kt.calendar.clear", E]
+    ];
+    function C(b) {
+      d?.destroy(), d = new oe.modules.Calendar(b, {
+        disabledDates: e.disabledDates,
+        firstDay: e.firstDay,
+        locale: e.locale,
+        maxDate: e.maxDate,
+        minDate: e.minDate,
+        mode: e.mode
+      }), e.mode === "range" && s.value ? (h = c(s.value), d.setRange(s.value.start, s.value.end)) : e.mode === "single" && t.value && (k = t.value.getTime(), d.setDate(t.value));
+    }
+    return j(
+      n,
+      (b, L, U) => {
+        if (b) {
+          for (const [$, w] of B)
+            b.addEventListener($, w);
+          C(b), U(() => {
+            for (const [$, w] of B)
+              b.removeEventListener($, w);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    ), j(
+      () => [e.mode, e.locale, e.firstDay, e.minDate, e.maxDate, e.disabledDates],
+      () => {
+        n.value && C(n.value);
+      },
+      { deep: !0 }
+    ), j(t, (b) => {
+      (b?.getTime() ?? null) !== k && (k = b?.getTime() ?? null, b ? d?.setDate(b) : d?.clearSelection());
+    }), j(s, (b) => {
+      c(b) !== h && (h = c(b), b ? d?.setRange(b.start, b.end) : d?.clearSelection());
+    }), le(() => {
+      d?.destroy(), d = void 0;
+    }), l({
+      clear: () => d?.clearSelection(),
+      navigateTo: (b, L) => d?.navigateTo(b, L),
+      next: () => d?.next(),
+      prev: () => d?.prev()
+    }), (b, L) => (i(), u("div", {
+      ref_key: "root",
+      ref: n,
+      class: "KCalendar",
+      "data-kt-calendar": ""
+    }, null, 512));
+  }
+}), ka = {
+  key: 0,
+  class: "KCard-title"
+}, Ka = /* @__PURE__ */ P({
+  __name: "KCard",
+  props: {
+    accented: { type: Boolean, default: !1 },
+    bodyClass: { type: [Boolean, null, String, Object, Array] },
+    borderless: { type: Boolean, default: !1 },
+    footerClass: { type: [Boolean, null, String, Object, Array] },
+    flush: { type: Boolean, default: !1 },
+    headerClass: { type: [Boolean, null, String, Object, Array] },
+    hoverable: { type: Boolean, default: !1 },
+    lifted: { type: Boolean, default: !1 },
+    sunken: { type: Boolean, default: !1 },
+    title: {}
+  },
+  setup(e) {
+    const l = ee(), o = g(() => [
+      "KCard",
+      e.accented && "KCard--accented",
+      e.borderless && "KCard--borderless",
+      e.flush && "KCard--flush",
+      e.hoverable && "KCard--hoverable",
+      e.lifted && "KCard--lifted",
+      e.sunken && "KCard--sunken"
+    ]), t = g(() => !!(l.title || e.title)), s = g(() => !!(l.header || t.value));
+    return (r, n) => (i(), u("div", {
+      class: T(o.value)
+    }, [
+      s.value ? (i(), u("div", {
+        key: 0,
+        class: T(["KCard-header", e.headerClass])
+      }, [
+        v(r.$slots, "header", {}, () => [
+          t.value ? (i(), u("h3", ka, [
+            v(r.$slots, "title", {}, () => [
+              F(W(e.title), 1)
+            ])
+          ])) : D("", !0)
+        ])
+      ], 2)) : D("", !0),
+      K("div", {
+        class: T(["KCard-body", e.bodyClass])
+      }, [
+        v(r.$slots, "default")
+      ], 2),
+      l.footer ? (i(), u("div", {
+        key: 1,
+        class: T(["KCard-footer", e.footerClass])
+      }, [
+        v(r.$slots, "footer")
+      ], 2)) : D("", !0)
+    ], 2));
+  }
+}), wa = {
+  key: 0,
+  class: "KChat-footer"
+}, $a = 48, nt = /* @__PURE__ */ P({
+  __name: "KChat",
+  props: {
+    actionsBottom: { type: Boolean, default: !1 },
+    ai: { type: Boolean, default: !1 },
+    autoscroll: { type: Boolean, default: !0 },
+    busy: { type: Boolean, default: !1 },
+    height: {}
+  },
+  setup(e, { expose: l }) {
+    const o = ee();
+    Ae(
+      Ve,
+      At(() => e.busy)
+    );
+    const t = _("body");
+    let s, r = !0;
+    const n = g(
+      () => e.height ? { "--kt-chat-height": e.height } : void 0
+    );
+    function d() {
+      const h = t.value;
+      h && (h.scrollTop = h.scrollHeight);
+    }
+    function k() {
+      const h = t.value;
+      h && (r = h.scrollHeight - h.scrollTop - h.clientHeight <= $a);
+    }
+    return De(() => {
+      const h = t.value;
+      h && (d(), e.autoscroll && (h.addEventListener("scroll", k, { passive: !0 }), s = new MutationObserver(() => {
+        r && d();
+      }), s.observe(h, { childList: !0, subtree: !0 })));
+    }), _e(() => {
+      s?.disconnect();
+    }), l({ scrollToBottom: d }), (h, c) => (i(), u("div", {
+      class: T([
+        "KChat",
+        e.actionsBottom && "KChat--actionsBottom",
+        e.ai && "KChat--ai"
+      ]),
+      style: ce(n.value)
+    }, [
+      K("div", {
+        ref_key: "body",
+        ref: t,
+        class: "KChat-body"
+      }, [
+        v(h.$slots, "default")
+      ], 512),
+      o.footer ? (i(), u("div", wa, [
+        v(h.$slots, "footer")
+      ])) : D("", !0)
+    ], 6));
+  }
+});
+function ve(e, l, o, t = {}) {
+  let s = !1;
+  function r() {
+    s || (s = !0, document.addEventListener(l, o, t.capture));
+  }
+  function n() {
+    s && (s = !1, document.removeEventListener(l, o, t.capture));
+  }
+  j(
+    e,
+    (d) => {
+      if (!d) {
+        n();
+        return;
+      }
+      requestAnimationFrame(() => {
+        e.value && r();
+      });
+    },
+    { flush: "post", immediate: !0 }
+  ), le(n);
+}
+const Ce = /* @__PURE__ */ new Map();
+function it(e, l, o) {
+  let t = Ce.get(e);
+  t || (t = /* @__PURE__ */ new Set(), Ce.set(e, t)), t.add(o), j(
+    l,
+    (s) => {
+      if (s)
+        for (const r of Ce.get(e) ?? [])
+          r !== o && r();
+    },
+    { flush: "post" }
+  ), le(() => {
+    const s = Ce.get(e);
+    s?.delete(o), s && !s.size && Ce.delete(e);
+  });
+}
+function rt({
+  create: e,
+  element: l,
+  group: o,
+  onEvent: t,
+  open: s
+}) {
+  let r, n = !1;
+  function d() {
+    return !r && l.value && (r = e(l.value)), r;
+  }
+  j(
+    s,
+    (c) => {
+      if (c === n)
+        return;
+      const m = d();
+      m && (n = c, c ? m.show() : m.hide());
+    },
+    { flush: "post" }
+  );
+  function k(c) {
+    return (m) => {
+      m.target === l.value && (n = c === "shown", s.value = n, t?.(c));
+    };
+  }
+  const h = [
+    ["kt.shown", k("shown")],
+    ["kt.hidden", k("hidden")]
+  ];
+  return j(
+    l,
+    (c, m, S) => {
+      if (r = void 0, !!c) {
+        for (const [x, M] of h)
+          c.addEventListener(x, M);
+        s.value && (d()?.show(), n = !0), S(() => {
+          for (const [x, M] of h)
+            c.removeEventListener(x, M);
+        });
+      }
+    },
+    { flush: "post", immediate: !0 }
+  ), le(() => {
+    n && r?.hide(), r = void 0;
+  }), ve(s, "click", (c) => {
+    const m = c.target;
+    m && (l.value?.contains(m) || r?.getContent?.()?.contains(m) || (s.value = !1));
+  }), o && it(o, s, () => {
+    s.value = !1;
+  }), {
+    /**
+     * The live core instance, for module-specific behaviour a wrapper binds
+     * itself — Dropdown's submenus, for instance. Undefined before the root
+     * element exists.
+     */
+    getInstance: d,
+    hide: () => {
+      s.value = !1;
+    },
+    show: () => {
+      s.value = !0;
+    },
+    toggle: () => {
+      s.value = !s.value;
+    }
+  };
+}
+const Ca = ["data-kt-popover-placement"], dt = /* @__PURE__ */ P({
+  __name: "KPopover",
+  props: /* @__PURE__ */ q({
+    contentClass: { type: [Boolean, null, String, Object, Array] },
+    placement: { default: "bottom-start" },
+    toggleClass: { type: [Boolean, null, String, Object, Array] }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hidden", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "open"), s = o, r = _("root"), { toggle: n } = rt({
+      create: (d) => new oe.modules.Popover(d, { placement: e.placement }),
+      element: r,
+      // Core's delegated toggle closed every other open popover on the page. The
+      // group reproduces that across mounted KPopovers.
+      group: "popover",
+      open: t,
+      // TypeScript cannot correlate a union event name against the overloaded emit
+      // signature. Neither event carries a payload, so this is accurate.
+      onEvent: (d) => s(d)
+    });
+    return l({
+      toggle: n,
+      show: () => t.value = !0,
+      hide: () => t.value = !1
+    }), (d, k) => (i(), u("div", {
+      ref_key: "root",
+      ref: r,
+      class: "KPopover",
+      "data-kt-popover": "",
+      "data-kt-popover-placement": e.placement
+    }, [
+      K("span", {
+        class: T(["KPopover-toggle", e.toggleClass]),
+        "data-kt-popover-toggle": "",
+        onClick: k[0] || (k[0] = ne(
+          //@ts-ignore
+          (...h) => z(n) && z(n)(...h),
+          ["stop"]
+        ))
+      }, [
+        v(d.$slots, "toggle", {
+          open: t.value,
+          toggle: z(n)
+        })
+      ], 2),
+      K("div", {
+        class: T(["KPopover-content", e.contentClass]),
+        "data-kt-popover-content": ""
+      }, [
+        v(d.$slots, "default")
+      ], 2)
+    ], 8, Ca));
+  }
+}), pa = ["data-kt-chat-dock-min-windows"], Ba = {
+  type: "button",
+  class: "KChatDock-launcher",
+  "data-kt-chat-dock-launcher": "",
+  "aria-label": "Conversations"
+}, Ee = "data-kt-chat-window", Sa = "data-kt-chat-window-toggle", Aa = "data-kt-chat-window-minimize", Ta = "data-kt-chat-window-close", Le = "data-kt-chat-window-head", Ia = "data-kt-chat-window-head-close", Qe = "data-kt-chat-window-row", Ea = "data-kt-chat-dock-launcher", La = "data-kt-chat-dock-panel", Ze = "data-kt-chat-dock-panel-open", Da = "data-kt-chat-dock-panel-close", Je = "data-kt-chat-dock-item", xa = "data-kt-popover-content", Ma = "is-railed", ct = /* @__PURE__ */ P({
+  __name: "KChatDock",
+  props: {
+    minWindows: { default: 1 }
+  },
+  emits: ["reflow", "launcher", "panel", "search", "select", "activate"],
+  setup(e, { expose: l, emit: o }) {
+    const t = o, s = _("root"), r = _("rail"), n = _("list"), d = _("windows"), k = _("overflowPopover");
+    let h;
+    function c() {
+      return !h && s.value && (h = new oe.modules.ChatDock(s.value, { minWindows: e.minWindows })), h;
+    }
+    const m = /* @__PURE__ */ new Set();
+    function S(p, a) {
+      a ? m.add(p) : m.delete(p);
+    }
+    function x() {
+      m.forEach((p) => {
+        p.isConnected || m.delete(p);
+      });
+    }
+    function M(p) {
+      x(), m.forEach((a) => {
+        p.rail(a, { animate: !1 });
+      }), m.clear();
+    }
+    let R = !1;
+    function E(p) {
+      if (!R)
+        return x(), "deferred";
+      const a = c();
+      return a ? (M(a), p(a), "called") : (x(), "unavailable");
+    }
+    function B() {
+      const p = c();
+      p ? (M(p), p.init()) : x(), R = !0;
+    }
+    j(
+      () => e.minWindows,
+      () => {
+        h = void 0, E((p) => {
+          p.reflow();
+        });
+      }
+    );
+    function C(p) {
+      const a = p.getAttribute(Ee);
+      a && t("activate", a);
+    }
+    function b(p) {
+      if (p)
+        return Array.from(
+          s.value?.querySelectorAll(`[${Ee}]`) ?? []
+        ).find((a) => a.getAttribute(Ee) === p);
+    }
+    function L(p) {
+      const a = p.target;
+      if (!a)
+        return;
+      const A = a.closest(`[${Ia}]`);
+      if (A) {
+        p.stopPropagation(), k.value?.hide();
+        const X = A.closest(`[${Le}]`), de = b(X?.getAttribute(Le) ?? null);
+        de && E((St) => {
+          St.close(de);
+        });
+        return;
+      }
+      const y = a.closest(`[${Le}]`);
+      if (y) {
+        p.stopPropagation(), k.value?.hide();
+        const X = b(y.getAttribute(Le));
+        X && (E((de) => {
+          de.expand(X);
+        }), C(X));
+        return;
+      }
+      const O = a.closest(`[${Qe}]`);
+      if (O) {
+        p.stopPropagation();
+        const X = b(O.getAttribute(Qe));
+        X && (E((de) => {
+          de.expand(X);
+        }), C(X), k.value?.hide());
+        return;
+      }
+      if (a.closest(`[${Da}]`)) {
+        p.stopPropagation(), E((X) => {
+          X.closePanel();
+        });
+        return;
+      }
+      const I = a.closest(`[${Je}]`);
+      if (I) {
+        p.stopPropagation();
+        const X = I.getAttribute(Je);
+        X && E((de) => {
+          de.select(X);
+        });
+        return;
+      }
+      if (a.closest(`[${Ea}]`)) {
+        p.stopPropagation(), k.value?.hide(), t("launcher"), E((X) => {
+          X.togglePanel();
+        });
+        return;
+      }
+      const V = a.closest(`[${Ee}]`);
+      if (!V)
+        return;
+      const Y = a.closest(`[${Sa}]`), se = Y ? null : a.closest(`[${Aa}]`), $e = Y || se ? null : a.closest(`[${Ta}]`);
+      !Y && !se && !$e || (p.stopPropagation(), k.value?.hide(), E((X) => {
+        Y ? V.classList.contains(Ma) ? (X.expand(V), C(V)) : X.rail(V) : se ? X.rail(V) : X.close(V);
+      }));
+    }
+    const U = {
+      "kt.chatdock.reflow": (p) => {
+        p.target === s.value && t("reflow");
+      },
+      "kt.chatdock.panel": (p) => {
+        p.target === s.value && t("panel", p.detail.open);
+      },
+      "kt.chatdock.search": (p) => {
+        p.target === s.value && t("search", p.detail.query);
+      },
+      "kt.chatdock.select": (p) => {
+        if (p.target === s.value) {
+          const { id: a, opened: A } = p.detail;
+          t("select", a, A);
+        }
+      }
+    };
+    j(
+      s,
+      (p, a, A) => {
+        if (h = void 0, !p)
+          return;
+        Object.entries(U).forEach(([I, H]) => {
+          p.addEventListener(I, H);
+        });
+        const y = () => {
+          E((I) => {
+            I.reflow();
+          });
+        };
+        window.addEventListener("resize", y);
+        const O = (I) => {
+          if (I.key !== "Escape" || !p.hasAttribute(Ze))
+            return;
+          p.querySelector(`[${La}]`)?.contains(document.activeElement) && E((V) => {
+            V.closePanel();
+          });
+        }, f = (I) => {
+          const H = I.target;
+          !H || !p.hasAttribute(Ze) || p.contains(H) || H.closest(`[${xa}]`) || E((V) => {
+            V.closePanel();
+          });
+        };
+        document.addEventListener("keydown", O), document.addEventListener("pointerdown", f), A(() => {
+          Object.entries(U).forEach(([I, H]) => {
+            p.removeEventListener(I, H);
+          }), window.removeEventListener("resize", y), document.removeEventListener("keydown", O), document.removeEventListener("pointerdown", f);
+        });
+      },
+      { immediate: !0 }
+    ), Ae(xe, { withModule: E, declare: S, rail: r, list: n, panel: d });
+    function $() {
+      E((p) => {
+        p.openPanel();
+      });
+    }
+    function w() {
+      E((p) => {
+        p.closePanel();
+      });
+    }
+    function G() {
+      E((p) => {
+        p.togglePanel();
+      });
+    }
+    function Q() {
+      E((p) => {
+        const a = s.value?.querySelector(
+          "[data-kt-chat-dock-search]"
+        );
+        p.filter(a?.value ?? "");
+      });
+    }
+    return l({ openPanel: $, closePanel: w, togglePanel: G, refilter: Q }), De(() => {
+      ue(B);
+    }), et(() => {
+      ue(() => {
+        E((p) => {
+          p.reflow();
+        });
+      });
+    }), (p, a) => (i(), u("div", {
+      ref_key: "root",
+      ref: s,
+      class: "KChatDock",
+      "data-kt-chat-dock": "",
+      "data-kt-chat-dock-min-windows": e.minWindows,
+      role: "region",
+      "aria-label": "Conversations",
+      onClick: L
+    }, [
+      K("div", {
+        ref_key: "windows",
+        ref: d,
+        class: "KChatDock-windows",
+        "data-kt-chat-dock-windows": ""
+      }, [
+        v(p.$slots, "default")
+      ], 512),
+      K("div", {
+        ref_key: "rail",
+        ref: r,
+        class: "KChatDock-rail",
+        "data-kt-chat-dock-rail": ""
+      }, [
+        Z(dt, {
+          ref_key: "overflowPopover",
+          ref: k,
+          class: "KChatDock-overflow is-hidden",
+          "data-kt-chat-dock-overflow": "",
+          placement: "left-start"
+        }, {
+          toggle: N(() => [...a[0] || (a[0] = [
+            K("button", {
+              type: "button",
+              class: "KAvatar KAvatar--sm KAvatar--overflow",
+              "aria-label": "More conversations"
+            }, [
+              K("span", {
+                class: "KAvatar-initials",
+                "data-kt-chat-dock-overflow-count": ""
+              }),
+              K("span", {
+                class: "KChatDock-overflow-dot",
+                "data-kt-chat-dock-overflow-dot": "",
+                hidden: ""
+              })
+            ], -1)
+          ])]),
+          default: N(() => [
+            K("div", {
+              ref_key: "list",
+              ref: n,
+              class: "KChatDock-list",
+              "data-kt-chat-dock-overflow-list": "",
+              onClick: L
+            }, null, 512)
+          ]),
+          _: 1
+        }, 512),
+        K("button", Ba, [
+          v(p.$slots, "launcher", {}, () => [
+            a[1] || (a[1] = K("svg", {
+              class: "KIcon",
+              "aria-hidden": "true"
+            }, [
+              K("use", { href: "#chatCircle" })
+            ], -1))
+          ])
+        ])
+      ], 512)
+    ], 8, pa));
+  }
+}), Oa = ["data-kt-chat-dock-item", "data-kt-chat-dock-item-name", "aria-label"], Pa = { class: "KChatDockItem-body" }, Ra = { class: "KChatDockItem-name" }, za = {
+  key: 0,
+  class: "KChatDockItem-preview"
+}, ut = /* @__PURE__ */ P({
+  __name: "KChatDockItem",
+  props: {
+    id: {},
+    name: {},
+    preview: {},
+    unread: { default: 0 }
+  },
+  setup(e) {
+    const l = g(
+      () => e.name.split(/\s+/).filter(Boolean).slice(0, 2).map((t) => t[0].toUpperCase()).join("")
+    ), o = g(() => e.unread > 0 ? `${e.name}, ${e.unread} unread` : e.name);
+    return (t, s) => (i(), u("button", {
+      type: "button",
+      class: "KChatDockItem",
+      "data-kt-chat-dock-item": e.id,
+      "data-kt-chat-dock-item-name": e.name,
+      "aria-label": o.value
+    }, [
+      v(t.$slots, "media", {}, () => [
+        Z(fe, { size: "sm" }, {
+          default: N(() => [
+            v(t.$slots, "avatar", {}, () => [
+              F(W(l.value), 1)
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      K("span", Pa, [
+        K("span", Ra, W(e.name), 1),
+        e.preview ? (i(), u("span", za, W(e.preview), 1)) : D("", !0)
+      ]),
+      v(t.$slots, "trailing", {}, () => [
+        e.unread > 0 ? (i(), J(Se, {
+          key: 0,
+          compact: "",
+          pill: "",
+          class: "KChatDockItem-badge"
+        }, {
+          default: N(() => [
+            F(W(e.unread), 1)
+          ]),
+          _: 1
+        })) : D("", !0)
+      ])
+    ], 8, Oa));
+  }
+}), Na = ["aria-label"], ja = { class: "KChatDockPanel-header" }, Ua = { class: "KChatDockPanel-title" }, Va = {
+  key: 0,
+  class: "KChatDockPanel-actions"
+}, Wa = { class: "KChatDockPanel-search" }, Ga = { class: "KInput KInput--rounded KInput--sunken" }, Ha = ["placeholder"], Fa = { class: "KChatDockPanel-list" }, qa = { class: "KChatDockPanel-empty is-hidden" }, ft = /* @__PURE__ */ P({
+  __name: "KChatDockPanel",
+  props: {
+    title: { default: "Chats" },
+    placeholder: { default: "Search" }
+  },
+  setup(e) {
+    const l = {
+      withModule: () => "unavailable",
+      declare: () => {
+      },
+      rail: ke(null),
+      list: ke(null),
+      panel: ke(null)
+    }, o = he(xe, l), t = ee();
+    function s(r) {
+      const { value: n } = r.target;
+      o.withModule((d) => {
+        d.filter(n);
+      });
+    }
+    return (r, n) => z(o).panel.value ? (i(), J(Be, {
+      key: 0,
+      defer: "",
+      to: z(o).panel.value
+    }, [
+      K("section", {
+        class: "KChatDockPanel is-hidden",
+        "data-kt-chat-dock-panel": "",
+        "aria-label": e.title
+      }, [
+        K("header", ja, [
+          K("h2", Ua, W(e.title), 1),
+          z(t).actions ? (i(), u("div", Va, [
+            v(r.$slots, "actions")
+          ])) : D("", !0),
+          n[0] || (n[0] = K("button", {
+            type: "button",
+            class: "KChatDockPanel-close",
+            "data-kt-chat-dock-panel-close": "",
+            "aria-label": "Close"
+          }, " ✕ ", -1))
+        ]),
+        K("div", Wa, [
+          K("div", Ga, [
+            n[1] || (n[1] = K("div", { class: "KInput-addon" }, [
+              K("svg", {
+                class: "KIcon",
+                "aria-hidden": "true"
+              }, [
+                K("use", { href: "#search" })
+              ])
+            ], -1)),
+            K("input", {
+              type: "search",
+              placeholder: e.placeholder,
+              "aria-label": "Search conversations",
+              "data-kt-chat-dock-search": "",
+              onInput: s
+            }, null, 40, Ha)
+          ])
+        ]),
+        K("div", Fa, [
+          v(r.$slots, "default")
+        ]),
+        K("p", qa, [
+          v(r.$slots, "empty", {}, () => [
+            n[2] || (n[2] = F("No conversations found", -1))
+          ])
+        ])
+      ], 8, Na)
+    ], 8, ["to"])) : D("", !0);
+  }
+}), Qa = { class: "KChat-divider" }, Za = {
+  key: 0,
+  class: "KChat-dividerLabel"
+}, vt = /* @__PURE__ */ P({
+  __name: "KChatDivider",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    const l = ee();
+    return (o, t) => (i(), u("li", Qa, [
+      e.label || z(l).default ? (i(), u("span", Za, [
+        v(o.$slots, "default", {}, () => [
+          F(W(e.label), 1)
+        ])
+      ])) : D("", !0)
+    ]));
+  }
+}), Ja = {
+  key: 0,
+  class: "KChat-time"
+}, Ya = { class: "KChat-messageRow" }, Xa = { class: "KChat-bubble" }, ht = /* @__PURE__ */ P({
+  __name: "KChatMessage",
+  props: {
+    sender: { type: Boolean, default: !1 },
+    time: {}
+  },
+  setup(e) {
+    const l = ee(), o = g(() => !!(e.time || l.time));
+    return (t, s) => (i(), u("li", {
+      class: T(["KChat-message", e.sender && "is-sender"])
+    }, [
+      o.value ? (i(), u("span", Ja, [
+        v(t.$slots, "time", {}, () => [
+          F(W(e.time), 1)
+        ])
+      ])) : D("", !0),
+      K("div", Ya, [
+        K("div", Xa, [
+          v(t.$slots, "default")
+        ]),
+        v(t.$slots, "actions")
+      ])
+    ], 2));
+  }
+}), _a = { class: "KChat-messages" }, Re = /* @__PURE__ */ P({
+  __name: "KChatMessages",
+  setup(e) {
+    return (l, o) => (i(), u("ul", _a, [
+      v(l.$slots, "default")
+    ]));
+  }
+}), es = { class: "KChat-notice" }, mt = /* @__PURE__ */ P({
+  __name: "KChatNotice",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (l, o) => (i(), u("li", es, [
+      v(l.$slots, "default", {}, () => [
+        F(W(e.label), 1)
+      ])
+    ]));
+  }
+}), ts = {
+  key: 0,
+  class: "KInput-addon"
+}, as = ["disabled", "placeholder", "readonly", "rows"], ss = ["disabled", "placeholder", "readonly", "type"], os = {
+  key: 3,
+  class: "KInput-addon"
+}, bt = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "KInput",
+  props: /* @__PURE__ */ q({
+    addonBordered: { type: Boolean, default: !1 },
+    autosize: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    maxRows: { default: 5 },
+    placeholder: {},
+    readonly: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !1 },
+    rows: {},
+    sunken: { type: Boolean, default: !1 },
+    textarea: { type: Boolean, default: !1 },
+    transparent: { type: Boolean, default: !1 },
+    type: { default: "text" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: l }) {
+    const o = te(e, "modelValue"), t = ee(), s = Ie(), r = g(() => e.textarea || e.autosize), n = _("field"), d = g(() => [
+      "KInput",
+      e.addonBordered && "KInput--addonBordered",
+      e.autosize && "KInput--autosize",
+      e.disabled && "KInput--disabled",
+      e.ghost && "KInput--ghost",
+      e.rounded && "KInput--rounded",
+      e.sunken && "KInput--sunken",
+      e.transparent && "KInput--transparent"
+    ]), k = g(() => {
+      const { class: x, style: M, ...R } = s;
+      return R;
+    }), h = g(
+      () => e.autosize ? { "data-kt-input-autosize": "", "data-kt-input-max-rows": e.maxRows } : {}
+    );
+    let c;
+    j(
+      () => e.maxRows,
+      () => {
+        c = void 0;
+      }
+    ), j(n, () => {
+      c = void 0;
+    });
+    function m() {
+      e.autosize && (!c && n.value && (c = new oe.modules.Input(n.value, { maxRows: e.maxRows })), c?.resize());
+    }
+    async function S() {
+      await ue(), m();
+    }
+    return j(
+      () => o.value,
+      () => {
+        e.autosize && S();
+      }
+    ), De(() => {
+      e.autosize && o.value && S();
+    }), l({ field: n }), (x, M) => (i(), u("div", re({
+      class: [d.value, z(s).class],
+      style: z(s).style
+    }, h.value), [
+      t.prefix ? (i(), u("div", ts, [
+        v(x.$slots, "prefix")
+      ])) : D("", !0),
+      r.value ? Pe((i(), u("textarea", re({
+        key: 1,
+        ref_key: "field",
+        ref: n,
+        "onUpdate:modelValue": M[0] || (M[0] = (R) => o.value = R)
+      }, k.value, {
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        rows: e.autosize ? 1 : e.rows,
+        onFocusin: m,
+        onInput: m
+      }), null, 16, as)), [
+        [Tt, o.value]
+      ]) : Pe((i(), u("input", re({
+        key: 2,
+        "onUpdate:modelValue": M[1] || (M[1] = (R) => o.value = R)
+      }, k.value, {
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        type: e.type
+      }), null, 16, ss)), [
+        [It, o.value]
+      ]),
+      t.suffix ? (i(), u("div", os, [
+        v(x.$slots, "suffix")
+      ])) : D("", !0)
+    ], 16));
+  }
+}), ls = {
+  key: 0,
+  class: "KIcon",
+  viewBox: "0 0 16 16",
+  "aria-hidden": "true"
+}, ns = {
+  key: 1,
+  class: "KIcon",
+  "aria-hidden": "true"
+}, gt = /* @__PURE__ */ P({
+  __name: "KChatPrompt",
+  props: /* @__PURE__ */ q({
+    busy: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    maxRows: { default: 5 },
+    newlineOnEnter: { type: Boolean, default: !1 },
+    placeholder: { default: "Write a message" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["stop", "submit"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const o = te(e, "modelValue"), t = e, s = l, r = he(Ve, void 0), n = g(() => t.busy ?? r?.value ?? !1), d = g(() => !o.value.trim()), k = g(
+      () => t.disabled || !n.value && d.value
+    );
+    function h() {
+      if (n.value) {
+        s("stop");
+        return;
+      }
+      d.value || s("submit", o.value);
+    }
+    function c(m) {
+      t.newlineOnEnter || m.isComposing || (m.preventDefault(), h());
+    }
+    return (m, S) => (i(), u("form", {
+      class: "KChat-prompt",
+      onSubmit: ne(h, ["prevent"])
+    }, [
+      Z(bt, {
+        modelValue: o.value,
+        "onUpdate:modelValue": S[0] || (S[0] = (x) => o.value = x),
+        autosize: "",
+        rounded: "",
+        disabled: t.disabled || n.value,
+        "max-rows": t.maxRows,
+        placeholder: t.placeholder,
+        onKeydown: Oe(ne(c, ["exact"]), ["enter"])
+      }, null, 8, ["modelValue", "disabled", "max-rows", "placeholder", "onKeydown"]),
+      v(m.$slots, "send", {
+        busy: n.value,
+        disabled: k.value
+      }, () => [
+        Z(Ke, {
+          "icon-circular": "",
+          type: "submit",
+          disabled: k.value,
+          "aria-label": n.value ? "Stop" : "Send"
+        }, {
+          default: N(() => [
+            n.value ? (i(), u("svg", ls, [...S[1] || (S[1] = [
+              K("rect", {
+                x: "4",
+                y: "4",
+                width: "8",
+                height: "8",
+                rx: "1.5",
+                fill: "currentColor"
+              }, null, -1)
+            ])])) : (i(), u("svg", ns, [...S[2] || (S[2] = [
+              K("use", { href: "#arrowRight" }, null, -1)
+            ])]))
+          ]),
+          _: 1
+        }, 8, ["disabled", "aria-label"])
+      ])
+    ], 32));
+  }
+}), is = {
+  class: "KChat-shimmer",
+  role: "status"
+}, rs = { class: "KChat-shimmerStack" }, ze = /* @__PURE__ */ P({
+  __name: "KChatShimmer",
+  props: {
+    interval: { default: 2e3 },
+    text: { default: "Thinking…" },
+    texts: {}
+  },
+  setup(e) {
+    const l = ee(), o = ye(0);
+    let t;
+    const s = g(
+      () => !!(e.texts && e.texts.length > 1) && !l.default
+    ), r = g(
+      () => e.texts && e.texts.length ? e.texts[o.value % e.texts.length] : e.text
+    );
+    function n() {
+      t && (clearInterval(t), t = void 0);
+    }
+    function d() {
+      n(), s.value && (o.value = 0, t = setInterval(() => {
+        o.value += 1;
+      }, e.interval));
+    }
+    return j([() => e.texts?.join(" "), () => e.interval], d, {
+      immediate: !0
+    }), _e(n), (k, h) => (i(), u("li", is, [
+      K("span", rs, [
+        Z(Et, { name: "KChat-shimmerText" }, {
+          default: N(() => [
+            (i(), u("span", {
+              key: o.value,
+              class: "KChat-shimmerText"
+            }, [
+              v(k.$slots, "default", {}, () => [
+                F(W(r.value), 1)
+              ])
+            ]))
+          ]),
+          _: 3
+        })
+      ])
+    ]));
+  }
+}), yt = P({
+  name: "KTooltip",
+  props: {
+    delay: { type: Number, required: !1 },
+    label: { type: String, required: !0 },
+    placement: { type: String, required: !1 }
+  },
+  setup(e, { slots: l }) {
+    const { Tooltip: o } = oe.modules;
+    function t(h) {
+      return h.currentTarget ?? null;
+    }
+    function s(h) {
+      const c = t(h), m = h.relatedTarget;
+      !c || m && c.contains(m) || (h.stopPropagation(), o.scheduleShow(c));
+    }
+    function r(h) {
+      const c = t(h), m = h.relatedTarget;
+      !c || m && c.contains(m) || c.contains(document.activeElement) || (h.stopPropagation(), o.scheduleHide(c));
+    }
+    function n(h) {
+      const c = t(h);
+      c && (h.stopPropagation(), o.scheduleShow(c));
+    }
+    function d(h) {
+      const c = t(h);
+      !c || c.matches(":hover") || (h.stopPropagation(), o.scheduleHide(c));
+    }
+    function k(h) {
+      h.key === "Escape" && o.hideAll();
+    }
+    return document.addEventListener("keydown", k), le(() => {
+      document.removeEventListener("keydown", k), o.hideAll();
+    }), () => {
+      const h = l.default?.() ?? [], c = {
+        "data-kt-tooltip": e.label,
+        onFocusin: n,
+        onFocusout: d,
+        onMouseout: r,
+        onMouseover: s
+      };
+      e.placement && (c["data-kt-tooltip-placement"] = e.placement), e.delay !== void 0 && (c["data-kt-tooltip-delay"] = String(e.delay));
+      const m = h.filter(
+        (S) => typeof S == "object" && S !== null && "type" in S
+      );
+      return m.length === 1 ? Lt(m[0], c) : Dt("span", { ...c, style: { display: "contents" } }, h);
+    };
+  }
+}), ds = ["data-kt-chat-window", "aria-labelledby"], cs = { class: "KChatWindow-header" }, us = ["aria-label", "aria-expanded"], fs = ["id"], vs = {
+  key: 0,
+  class: "KBadge KChatWindow-badge"
+}, hs = {
+  key: 0,
+  class: "KChatWindow-actions"
+}, ms = {
+  key: 0,
+  type: "button",
+  class: "KChatWindow-action",
+  "data-kt-chat-window-minimize": "",
+  "aria-label": "Minimize"
+}, bs = {
+  key: 1,
+  type: "button",
+  class: "KChatWindow-action",
+  "data-kt-chat-window-close": "",
+  "aria-label": "Close"
+}, gs = { class: "KChatWindow-body" }, ys = ["data-kt-chat-window-head"], ks = ["aria-label"], Ks = ["aria-label"], ws = ["data-kt-chat-window-row"], $s = { class: "KChatDockRow-name" }, kt = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "KChatWindow",
+  props: /* @__PURE__ */ q({
+    closable: { type: Boolean, default: !0 },
+    minimizable: { type: Boolean, default: !0 },
+    title: {},
+    unread: { default: 0 },
+    id: {}
+  }, {
+    state: { default: "expanded" },
+    stateModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["close"], ["update:state"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "state"), s = o, r = ee();
+    function n(a = []) {
+      return a.flatMap((A) => A.type === xt ? [] : A.type === Mt ? String(A.children).trim() ? [A] : [] : A.type === ae && Array.isArray(A.children) ? n(A.children) : [A]);
+    }
+    function d() {
+      let a = n(r.head?.());
+      return a.length || (a = n(r.avatar?.())), a.length === 1 && (a[0].type === fe || a[0].type === lt);
+    }
+    const k = Ie(), h = g(() => {
+      const { class: a, style: A, ...y } = k;
+      return y;
+    }), c = _("root"), m = Te(), S = g(() => `${m}-title`), x = {
+      withModule: () => "unavailable",
+      declare: () => {
+      },
+      rail: ke(null),
+      list: ke(null),
+      panel: ke(null)
+    }, M = he(xe, x);
+    let R = t.value, E = t.value === "railed" ? "expanded" : t.value;
+    const B = g(() => [
+      "KChatWindow",
+      t.value === "railed" && "is-railed"
+    ]), C = g(() => {
+      const a = e.title ?? "Conversation";
+      return e.unread > 0 ? `${a}, ${e.unread} unread` : a;
+    }), b = g(() => ["KChatDockHead"]), L = g(() => C.value), U = g(
+      () => `Close conversation with ${e.title ?? "Conversation"}`
+    ), $ = (a) => a.target === c.value;
+    function w(a) {
+      a === "railed" && R !== "railed" && (E = R), R = a, t.value = a;
+    }
+    const G = {
+      "kt.chatdock.expand": (a) => {
+        $(a) && w("expanded");
+      },
+      "kt.chatdock.rail": (a) => {
+        $(a) && w("railed");
+      },
+      // Fires only when `reflow()` itself un-rails this window — capacity grew,
+      // or another window was minimized and freed a slot. A head click that
+      // reopens *this* window reports via `expand`, never `unrail`: `expand()`
+      // strips `is-railed` before `reflow()` takes its before/after snapshot, so
+      // the diff sees no change for this window and fires nothing for it. Verified
+      // against the compiled module.
+      "kt.chatdock.unrail": (a) => {
+        $(a) && w(E);
+      },
+      "kt.chatdock.close": (a) => {
+        $(a) && (a.preventDefault(), s("close"));
+      }
+    };
+    j(
+      c,
+      (a, A, y) => {
+        a && (Object.entries(G).forEach(([O, f]) => {
+          a.addEventListener(O, f);
+        }), R === "railed" && M.declare(a, !0), y(() => {
+          Object.entries(G).forEach(([O, f]) => {
+            a.removeEventListener(O, f);
+          });
+        }));
+      },
+      { immediate: !0 }
+    ), j(t, (a) => {
+      const A = c.value;
+      if (!A || a === R)
+        return;
+      const y = () => {
+        a === "railed" && R !== "railed" && (E = R), R = a;
+      };
+      M.withModule((f) => {
+        y(), a === "expanded" ? f.expand(A) : f.rail(A);
+      }) === "deferred" && (y(), M.declare(A, a === "railed"));
+    });
+    function Q() {
+      t.value = "expanded";
+    }
+    function p() {
+      t.value = "railed";
+    }
+    return l({ expand: Q, rail: p }), (a, A) => (i(), u(ae, null, [
+      K("div", re({
+        ref_key: "root",
+        ref: c
+      }, h.value, {
+        class: [B.value, z(k).class],
+        style: z(k).style,
+        "data-kt-chat-window": e.id ?? "",
+        "aria-labelledby": S.value
+      }), [
+        K("header", cs, [
+          K("button", {
+            type: "button",
+            class: "KChatWindow-toggle",
+            "data-kt-chat-window-toggle": "",
+            "aria-label": C.value,
+            "aria-expanded": t.value === "expanded"
+          }, [
+            K("span", {
+              id: S.value,
+              class: "KChatWindow-title"
+            }, [
+              v(a.$slots, "title", {}, () => [
+                F(W(e.title), 1)
+              ])
+            ], 8, fs),
+            e.unread > 0 ? (i(), u("span", vs, W(e.unread), 1)) : D("", !0)
+          ], 8, us),
+          e.minimizable || e.closable || r.actions ? (i(), u("span", hs, [
+            v(a.$slots, "actions"),
+            e.minimizable ? (i(), u("button", ms, " – ")) : D("", !0),
+            e.closable ? (i(), u("button", bs, " ✕ ")) : D("", !0)
+          ])) : D("", !0)
+        ]),
+        K("div", gs, [
+          v(a.$slots, "default")
+        ])
+      ], 16, ds),
+      e.id && z(M).rail.value ? (i(), J(Be, {
+        key: 0,
+        defer: "",
+        to: z(M).rail.value
+      }, [
+        K("div", {
+          class: T(b.value),
+          "data-kt-chat-window-head": e.id
+        }, [
+          Z(yt, {
+            label: e.title ?? "Conversation",
+            placement: "left"
+          }, {
+            default: N(() => [
+              K("button", {
+                type: "button",
+                class: "KChatDockHead-open",
+                "aria-label": L.value
+              }, [
+                d() ? v(a.$slots, "head", { key: 0 }, () => [
+                  v(a.$slots, "avatar")
+                ]) : (i(), J(fe, {
+                  key: 1,
+                  size: "sm"
+                }, {
+                  default: N(() => [
+                    v(a.$slots, "head", {}, () => [
+                      v(a.$slots, "avatar")
+                    ])
+                  ]),
+                  _: 3
+                }))
+              ], 8, ks)
+            ]),
+            _: 3
+          }, 8, ["label"]),
+          e.unread > 0 ? (i(), J(Se, {
+            key: 0,
+            compact: "",
+            pill: "",
+            class: "KChatDockHead-badge"
+          }, {
+            default: N(() => [
+              F(W(e.unread), 1)
+            ]),
+            _: 1
+          })) : D("", !0),
+          K("button", {
+            type: "button",
+            class: "KChatDockHead-close",
+            "data-kt-chat-window-head-close": "",
+            "aria-label": U.value
+          }, " ✕ ", 8, Ks)
+        ], 10, ys)
+      ], 8, ["to"])) : D("", !0),
+      e.id && z(M).list.value ? (i(), J(Be, {
+        key: 1,
+        defer: "",
+        to: z(M).list.value
+      }, [
+        K("button", {
+          type: "button",
+          class: "KChatDockRow is-hidden",
+          "data-kt-chat-window-row": e.id
+        }, [
+          v(a.$slots, "row", {}, () => [
+            v(a.$slots, "avatar")
+          ]),
+          K("span", $s, W(e.title), 1),
+          e.unread > 0 ? (i(), J(Se, {
+            key: 0,
+            compact: "",
+            pill: "",
+            class: "KChatDockRow-badge"
+          }, {
+            default: N(() => [
+              F(W(e.unread), 1)
+            ]),
+            _: 1
+          })) : D("", !0)
+        ], 8, ws)
+      ], 8, ["to"])) : D("", !0)
+    ], 64));
+  }
+}), Cs = {
+  key: 1,
+  class: "KMessenger-listError"
+}, ps = { class: "KMessenger-error" }, Bs = {
+  key: 0,
+  "data-kt-messenger-top": "",
+  class: "KMessenger-top",
+  "aria-hidden": "true"
+}, Ss = ["onClick"], As = /* @__PURE__ */ P({
+  __name: "KMessenger",
+  props: {
+    loaders: {},
+    store: {},
+    minWindows: { default: 1 },
+    title: { default: "Chats" },
+    placeholder: { default: "Search" },
+    evictOnClose: { type: Boolean, default: !1 },
+    actionsBottom: { type: Boolean, default: !0 },
+    dateLabel: { type: Function },
+    noticeLabel: { type: Function }
+  },
+  emits: ["open", "close", "send", "receive", "error"],
+  setup(e, { expose: l, emit: o }) {
+    const t = o, s = (() => {
+      if (e.store)
+        return e.store;
+      if (!e.loaders)
+        throw new Error("KMessenger needs either `loaders` or `store`.");
+      return st(e.loaders, { evictOnClose: e.evictOnClose });
+    })();
+    at(s);
+    const r = s.onEvent((a) => {
+      switch (a.type) {
+        case "open":
+          t("open", a.id);
+          break;
+        case "close":
+          t("close", a.id);
+          break;
+        case "send":
+          t("send", a.message);
+          break;
+        case "receive":
+          t("receive", a.message);
+          break;
+        case "error":
+          t("error", a.kind, a.id, a.error);
+          break;
+      }
+    });
+    le(r);
+    const n = g(
+      () => s.openIds.value.map((a) => s.entries[a])
+    );
+    function d(a) {
+      return a.window === "railed" ? "railed" : "expanded";
+    }
+    function k(a, A) {
+      A === "railed" ? s.minimize(a.conversation.id) : a.window !== "expanded" && s.expand(a.conversation.id);
+    }
+    function h(a) {
+      return a.name.split(/\s+/).filter(Boolean).slice(0, 2).map((A) => A[0].toUpperCase()).join("");
+    }
+    function c(a, A) {
+      return a instanceof Error && a.message ? a.message : A;
+    }
+    const m = g(() => {
+      const a = /* @__PURE__ */ new Map();
+      return n.value.forEach((A) => {
+        if (A.window === "railed")
+          return;
+        const y = A.messages;
+        a.set(A.conversation.id, {
+          dividers: y.map(
+            (O, f) => e.dateLabel?.(O, y[f - 1])
+          ),
+          notices: y.map((O) => e.noticeLabel?.(O))
+        });
+      }), a;
+    });
+    function S(a, A) {
+      return m.value.get(a)?.dividers[A];
+    }
+    function x(a, A) {
+      return m.value.get(a)?.notices[A];
+    }
+    const M = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+    function C(a) {
+      let A = B.get(a);
+      return A || (A = (y) => $(a, y), B.set(a, A)), A;
+    }
+    function b(a) {
+      const A = M.get(a);
+      return A ? A.$el : void 0;
+    }
+    function L(a) {
+      return b(a)?.querySelector(".KChat-body") ?? null;
+    }
+    function U(a, A) {
+      const y = R.get(a);
+      if (!y)
+        return;
+      const O = E.get(a);
+      if (!A) {
+        O && (y.unobserve(O), E.delete(a));
+        return;
+      }
+      const f = b(a)?.querySelector("[data-kt-messenger-top]") ?? null;
+      !f || f === O || (O && y.unobserve(O), y.observe(f), E.set(a, f));
+    }
+    function $(a, A) {
+      if (!A) {
+        R.get(a)?.disconnect(), R.delete(a), E.delete(a), M.delete(a);
+        return;
+      }
+      if (M.get(a) === A && R.has(a))
+        return;
+      R.get(a)?.disconnect(), R.delete(a), E.delete(a), M.set(a, A);
+      const y = L(a);
+      y && (R.set(
+        a,
+        new IntersectionObserver(
+          (O) => {
+            O.some((f) => f.isIntersecting) && w(a);
+          },
+          { root: y }
+        )
+      ), U(a, typeof s.entries[a]?.cursor == "string"));
+    }
+    async function w(a) {
+      const A = s.entries[a], y = L(a);
+      if (!y || !A || A.loadingOlder || typeof A.cursor != "string")
+        return;
+      const O = y.scrollHeight, f = y.scrollTop;
+      await s.loadOlder(a), await ue(), y.scrollTop = f + (y.scrollHeight - O);
+    }
+    le(() => {
+      R.forEach((a) => a.disconnect()), R.clear(), E.clear(), M.clear(), B.clear();
+    }), j(
+      () => n.value.map(
+        (a) => [a.conversation.id, typeof a.cursor == "string"]
+      ),
+      async (a) => {
+        await ue(), a.forEach(([A, y]) => U(A, y));
+      }
+    ), j(
+      () => s.openIds.value,
+      (a) => {
+        const A = new Set(a);
+        B.forEach((y, O) => {
+          A.has(O) || B.delete(O);
+        });
+      }
+    ), j(
+      () => n.value.map(
+        (a) => [a.conversation.id, a.loading]
+      ),
+      async (a, A) => {
+        const y = new Map(A ?? []);
+        await ue(), a.forEach(([O, f]) => {
+          f === "loaded" && y.get(O) !== "loaded" && M.get(O)?.scrollToBottom();
+        });
+      }
+    );
+    const G = _("dock");
+    j(
+      () => [s.listLoading.value, s.conversations.value.length],
+      async () => {
+        await ue(), G.value?.refilter();
+      }
+    );
+    function Q(a) {
+      s.open(a);
+    }
+    function p(a) {
+      s.setQuery(a);
+    }
+    return l(s), (a, A) => (i(), J(ct, {
+      ref_key: "dock",
+      ref: G,
+      "min-windows": e.minWindows,
+      onSelect: Q,
+      onActivate: A[1] || (A[1] = (y) => z(s).open(y)),
+      onSearch: p
+    }, {
+      launcher: N(() => [
+        v(a.$slots, "launcher")
+      ]),
+      default: N(() => [
+        Z(ft, {
+          title: e.title,
+          placeholder: e.placeholder
+        }, ge({
+          empty: N(() => [
+            v(a.$slots, "empty", {}, () => [
+              A[4] || (A[4] = F("No conversations found", -1))
+            ])
+          ]),
+          default: N(() => [
+            z(s).listLoading.value === "loading" && !z(s).conversations.value.length ? (i(), u(ae, { key: 0 }, ie(3, (y) => K("div", {
+              key: y,
+              class: "KChatDockItem",
+              "aria-hidden": "true"
+            }, [
+              Z(fe, { size: "sm" }),
+              A[2] || (A[2] = K("span", { class: "KChatDockItem-body" }, [
+                K("span", { class: "KChatDockItem-name" }, " "),
+                K("span", { class: "KChatDockItem-preview" }, " ")
+              ], -1))
+            ])), 64)) : z(s).listLoading.value === "error" ? (i(), u("div", Cs, [
+              F(W(c(z(s).listError.value, "Could not load conversations")) + " ", 1),
+              Z(Ke, {
+                size: "xs",
+                secondary: "",
+                onClick: A[0] || (A[0] = (y) => z(s).refreshConversations())
+              }, {
+                default: N(() => [...A[3] || (A[3] = [
+                  F(" Retry ", -1)
+                ])]),
+                _: 1
+              })
+            ])) : D("", !0),
+            (i(!0), u(ae, null, ie(z(s).conversations.value, (y) => v(a.$slots, "item", {
+              key: y.id,
+              conversation: y,
+              entry: z(s).entries[y.id]
+            }, () => [
+              Z(ut, {
+                id: y.id,
+                name: y.name,
+                preview: y.preview,
+                unread: y.unread
+              }, {
+                avatar: N(() => [
+                  v(a.$slots, "avatar", { conversation: y }, () => [
+                    y.avatar ? (i(), J(fe, {
+                      key: 0,
+                      size: "sm",
+                      src: y.avatar,
+                      alt: y.name
+                    }, null, 8, ["src", "alt"])) : (i(), u(ae, { key: 1 }, [
+                      F(W(h(y)), 1)
+                    ], 64))
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["id", "name", "preview", "unread"])
+            ])), 128))
+          ]),
+          _: 2
+        }, [
+          a.$slots["panel-actions"] ? {
+            name: "actions",
+            fn: N(() => [
+              v(a.$slots, "panel-actions")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title", "placeholder"]),
+        (i(!0), u(ae, null, ie(n.value, (y) => (i(), J(kt, {
+          id: y.conversation.id,
+          key: y.conversation.id,
+          title: y.conversation.name,
+          unread: y.conversation.unread,
+          state: d(y),
+          "onUpdate:state": (O) => k(y, O),
+          onClose: (O) => z(s).close(y.conversation.id)
+        }, ge({
+          avatar: N(() => [
+            v(a.$slots, "avatar", {
+              conversation: y.conversation
+            }, () => [
+              y.conversation.avatar ? (i(), J(fe, {
+                key: 0,
+                size: "sm",
+                src: y.conversation.avatar,
+                alt: y.conversation.name
+              }, null, 8, ["src", "alt"])) : (i(), u(ae, { key: 1 }, [
+                F(W(h(y.conversation)), 1)
+              ], 64))
+            ])
+          ]),
+          default: N(() => [
+            y.window !== "railed" ? (i(), J(nt, {
+              key: 0,
+              ref_for: !0,
+              ref: C(y.conversation.id),
+              "actions-bottom": e.actionsBottom
+            }, ge({
+              default: N(() => [
+                y.loading === "loading" && !y.messages.length ? v(a.$slots, "loading", {
+                  key: 0,
+                  conversation: y.conversation
+                }, () => [
+                  Z(Re, null, {
+                    default: N(() => [
+                      Z(ze, { text: "Loading…" })
+                    ]),
+                    _: 1
+                  })
+                ]) : y.loading === "error" && !y.messages.length ? v(a.$slots, "error", {
+                  key: 1,
+                  conversation: y.conversation,
+                  error: y.error,
+                  retry: () => z(s).retryLoad(y.conversation.id)
+                }, () => [
+                  K("div", ps, [
+                    K("span", null, W(c(y.error, "Could not load messages")), 1),
+                    Z(Ke, {
+                      size: "xs",
+                      secondary: "",
+                      onClick: (O) => z(s).retryLoad(y.conversation.id)
+                    }, {
+                      default: N(() => [...A[5] || (A[5] = [
+                        F(" Retry ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ]) : (i(), J(Re, { key: 2 }, {
+                  default: N(() => [
+                    typeof y.cursor == "string" ? (i(), u("li", Bs)) : D("", !0),
+                    y.loadingOlder ? v(a.$slots, "loading-older", {
+                      key: 1,
+                      conversation: y.conversation
+                    }, () => [
+                      Z(ze, { text: "Loading older…" })
+                    ]) : D("", !0),
+                    (i(!0), u(ae, null, ie(y.messages, (O, f) => (i(), u(ae, {
+                      key: O.id
+                    }, [
+                      S(y.conversation.id, f) ? v(a.$slots, "divider", {
+                        key: 0,
+                        label: S(y.conversation.id, f),
+                        message: O,
+                        previous: y.messages[f - 1]
+                      }, () => [
+                        Z(vt, {
+                          label: S(y.conversation.id, f)
+                        }, null, 8, ["label"])
+                      ]) : D("", !0),
+                      x(y.conversation.id, f) ? v(a.$slots, "notice", {
+                        key: 1,
+                        label: x(y.conversation.id, f),
+                        message: O
+                      }, () => [
+                        Z(mt, {
+                          label: x(y.conversation.id, f)
+                        }, null, 8, ["label"])
+                      ]) : (i(), J(ht, {
+                        key: 2,
+                        sender: O.sender,
+                        time: O.time,
+                        class: T({
+                          "is-pending": O.pending,
+                          "is-failed": O.failed
+                        })
+                      }, ge({
+                        default: N(() => [
+                          v(a.$slots, "message", {
+                            message: O,
+                            conversation: y.conversation
+                          }, () => [
+                            F(W(O.text), 1)
+                          ]),
+                          O.failed ? (i(), u("button", {
+                            key: 0,
+                            type: "button",
+                            class: "KMessenger-retry",
+                            onClick: (I) => z(s).retry(y.conversation.id, O.id)
+                          }, " Failed · Retry ", 8, Ss)) : D("", !0)
+                        ]),
+                        _: 2
+                      }, [
+                        a.$slots["message-actions"] ? {
+                          name: "actions",
+                          fn: N(() => [
+                            v(a.$slots, "message-actions", {
+                              message: O,
+                              conversation: y.conversation
+                            })
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["sender", "time", "class"]))
+                    ], 64))), 128))
+                  ]),
+                  _: 2
+                }, 1024))
+              ]),
+              _: 2
+            }, [
+              z(s).canSend ? {
+                name: "footer",
+                fn: N(() => [
+                  v(a.$slots, "composer", {
+                    conversation: y.conversation,
+                    draft: y.draft,
+                    send: (O) => z(s).send(y.conversation.id, O),
+                    setDraft: (O) => z(s).setDraft(y.conversation.id, O)
+                  }, () => [
+                    Z(gt, {
+                      "model-value": y.draft,
+                      placeholder: "Write a message",
+                      "onUpdate:modelValue": (O) => z(s).setDraft(y.conversation.id, O),
+                      onSubmit: (O) => z(s).send(y.conversation.id, O)
+                    }, null, 8, ["model-value", "onUpdate:modelValue", "onSubmit"])
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["actions-bottom"])) : D("", !0)
+          ]),
+          _: 2
+        }, [
+          a.$slots["window-title"] ? {
+            name: "title",
+            fn: N(() => [
+              v(a.$slots, "window-title", {
+                conversation: y.conversation,
+                entry: y
+              })
+            ]),
+            key: "0"
+          } : void 0,
+          a.$slots["window-actions"] ? {
+            name: "actions",
+            fn: N(() => [
+              v(a.$slots, "window-actions", {
+                conversation: y.conversation,
+                entry: y
+              })
+            ]),
+            key: "1"
+          } : void 0,
+          a.$slots.head ? {
+            name: "head",
+            fn: N(() => [
+              v(a.$slots, "head", {
+                conversation: y.conversation,
+                entry: y
+              })
+            ]),
+            key: "2"
+          } : void 0,
+          a.$slots.row ? {
+            name: "row",
+            fn: N(() => [
+              v(a.$slots, "row", {
+                conversation: y.conversation,
+                entry: y
+              })
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["id", "title", "unread", "state", "onUpdate:state", "onClose"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["min-windows"]));
+  }
+}), Ts = {
+  class: "KIcon",
+  title: "icon",
+  role: "img"
+}, Is = ["href"], we = /* @__PURE__ */ P({
+  __name: "KIcon",
+  props: {
+    href: { default: "" }
+  },
+  setup(e) {
+    return (l, o) => (i(), u("svg", Ts, [
+      K("use", {
+        href: `#${e.href.replace(/^#/, "")}`
+      }, null, 8, Is)
+    ]));
+  }
+}), Es = ["data-kt-dropdown-placement"], Ls = "data-kt-dropdown-item", Ds = "is-parent", Kt = /* @__PURE__ */ P({
+  __name: "KDropdown",
+  props: /* @__PURE__ */ q({
+    inline: { type: Boolean, default: !1 },
+    menuClass: { type: [Boolean, null, String, Object, Array] },
+    placement: { default: "bottom-start" },
+    toggleClass: { type: [Boolean, null, String, Object, Array] }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hidden", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "open"), s = o, r = _("root"), { getInstance: n, toggle: d } = rt({
+      create: (c) => new oe.modules.Dropdown(c, { placement: e.placement }),
+      element: r,
+      // Core's delegated toggle swept other open dropdowns closed via
+      // `destroyAll`; the group does that across mounted KDropdowns instead.
+      group: "dropdown",
+      open: t,
+      // TypeScript cannot correlate a union event name against the overloaded emit
+      // signature. Neither event carries a payload, so this is accurate.
+      onEvent: (c) => s(c)
+    });
+    function k(c) {
+      const m = c?.closest(
+        `[${Ls}]`
+      );
+      return m && n()?.getMenu()?.contains(m) ? m : null;
+    }
+    ve(t, "click", (c) => {
+      k(c.target) && (t.value = !1);
+    }), ve(t, "mouseover", (c) => {
+      const m = k(c.target);
+      if (!m || !m.classList.contains(Ds))
+        return;
+      const S = c.relatedTarget;
+      S && m.contains(S) || n()?.showSubmenuOf(m);
+    }), ve(t, "mouseout", (c) => {
+      const m = k(c.target);
+      if (!m)
+        return;
+      let S = c.relatedTarget;
+      for (; S && S.parentNode && S.parentNode !== document; ) {
+        if (S === m || S.parentNode === m)
+          return;
+        S = S.parentNode;
+      }
+      n()?.hideSubmenuOf(m);
+    });
+    const h = g(() => [
+      "KDropdown",
+      e.inline && "KDropdown--inline"
+    ]);
+    return l({
+      toggle: d,
+      show: () => t.value = !0,
+      hide: () => t.value = !1
+    }), (c, m) => (i(), u("div", {
+      ref_key: "root",
+      ref: r,
+      class: T(h.value),
+      "data-kt-dropdown": "",
+      "data-kt-dropdown-placement": e.placement
+    }, [
+      K("span", {
+        class: T(["KDropdown-toggle", e.toggleClass]),
+        "data-kt-dropdown-toggle": "",
+        onClick: m[0] || (m[0] = ne(
+          //@ts-ignore
+          (...S) => z(d) && z(d)(...S),
+          ["stop"]
+        ))
+      }, [
+        v(c.$slots, "toggle", {
+          open: t.value,
+          toggle: z(d)
+        })
+      ], 2),
+      v(c.$slots, "default")
+    ], 10, Es));
+  }
+}), xs = {
+  key: 0,
+  class: "KDropdown-text"
+}, wt = /* @__PURE__ */ P({
+  __name: "KDropdownItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    parent: { type: Boolean, default: !1 },
+    text: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = g(() => [
+      "KDropdown-item",
+      e.active && "is-active",
+      e.parent && "is-parent"
+    ]);
+    return (o, t) => e.text ? (i(), u("div", xs, [
+      v(o.$slots, "default")
+    ])) : (i(), u("div", {
+      key: 1,
+      class: T(l.value),
+      "data-kt-dropdown-item": ""
+    }, [
+      v(o.$slots, "default")
+    ], 2));
+  }
+}), Ms = {
+  key: 0,
+  class: "KDropdown-submenu",
+  "data-kt-dropdown-submenu": ""
+}, Os = {
+  key: 1,
+  class: "KDropdown-menu",
+  "data-kt-dropdown-menu": ""
+}, $t = /* @__PURE__ */ P({
+  __name: "KDropdownMenu",
+  props: {
+    submenu: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, o) => e.submenu ? (i(), u("div", Ms, [
+      v(l.$slots, "default")
+    ])) : (i(), u("div", Os, [
+      v(l.$slots, "default")
+    ]));
+  }
+}), Ps = {
+  key: 0,
+  class: "KDropdown-divider"
+}, Rs = /* @__PURE__ */ P({
+  __name: "KChatMessageActions",
+  props: {
+    actions: {}
+  },
+  emits: ["action"],
+  setup(e, { expose: l, emit: o }) {
+    const t = [
+      { key: "react", label: "React" },
+      { key: "reply", icon: "reply", label: "Reply" },
+      { key: "more", icon: "meatball", label: "More" }
+    ], s = o, r = ee(), n = ye(0), d = () => {
+      n.value += 1;
+    }, k = () => {
+      n.value = Math.max(0, n.value - 1);
+    }, h = Me(/* @__PURE__ */ new Set());
+    le(() => {
+      n.value = 0, h.clear();
+    });
+    const c = g(() => n.value > 0 || h.size > 0), m = g(() => e.actions ?? t), S = g(
+      () => m.value.filter((B) => B.visible !== !1)
+    ), x = g(() => S.value), M = (B) => (B.items ?? []).filter((C) => C.visible !== !1), R = (B) => !!B.items?.length || B.key === "more" && !!r.more, E = (B, C) => {
+      B.disabled || C?.disabled || s("action", B.key, C?.key);
+    };
+    return et(() => {
+      if (!h.size)
+        return;
+      const B = new Set(
+        r.default ? [] : x.value.filter(R).map(({ key: C }) => C)
+      );
+      for (const C of h)
+        B.has(C) || h.delete(C);
+    }), l({ hold: d, release: k }), (B, C) => (i(), u("div", {
+      class: T(["KChat-messageActions", c.value && "is-held"])
+    }, [
+      v(B.$slots, "default", {
+        hold: d,
+        release: k
+      }, () => [
+        (i(!0), u(ae, null, ie(x.value, (b) => (i(), u(ae, {
+          key: b.key
+        }, [
+          b.key !== "react" || B.$slots.react ? (i(), u(ae, { key: 0 }, [
+            b.key === "react" ? v(B.$slots, "react", {
+              key: 0,
+              hold: d,
+              release: k
+            }) : R(b) ? (i(), J(Kt, {
+              key: 1,
+              onShown: (L) => h.add(b.key),
+              onHidden: (L) => h.delete(b.key)
+            }, {
+              toggle: N(() => [
+                Z(Ke, {
+                  "aria-label": b.label,
+                  disabled: b.disabled,
+                  title: b.label,
+                  variant: b.intent,
+                  icon: "",
+                  minimal: "",
+                  size: "sm"
+                }, {
+                  default: N(() => [
+                    Z(we, {
+                      href: b.icon
+                    }, null, 8, ["href"])
+                  ]),
+                  _: 2
+                }, 1032, ["aria-label", "disabled", "title", "variant"])
+              ]),
+              default: N(() => [
+                Z($t, null, {
+                  default: N(() => [
+                    b.key === "more" && z(r).more ? v(B.$slots, "more", { key: 0 }) : (i(!0), u(ae, { key: 1 }, ie(M(b), (L, U) => (i(), u(ae, {
+                      key: L.divider ? `divider-${U}` : L.key
+                    }, [
+                      L.divider ? (i(), u("hr", Ps)) : (i(), J(wt, {
+                        key: 1,
+                        "aria-disabled": L.disabled || void 0,
+                        onClick: ($) => E(b, L)
+                      }, {
+                        default: N(() => [
+                          F(W(L.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["aria-disabled", "onClick"]))
+                    ], 64))), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["onShown", "onHidden"])) : (i(), J(Ke, {
+              key: 2,
+              "aria-label": b.label,
+              disabled: b.disabled,
+              title: b.label,
+              variant: b.intent,
+              icon: "",
+              minimal: "",
+              size: "sm",
+              onClick: (L) => E(b)
+            }, {
+              default: N(() => [
+                Z(we, {
+                  href: b.icon
+                }, null, 8, ["href"])
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "disabled", "title", "variant", "onClick"]))
+          ], 64)) : D("", !0)
+        ], 64))), 128))
+      ])
+    ], 2));
+  }
+}), zs = ["checked", "disabled", "value"], Ns = {
+  key: 0,
+  class: "KCheckbox-label"
+}, js = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "KCheckbox",
+  props: /* @__PURE__ */ q({
+    disabled: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    label: {},
+    value: {}
+  }, {
+    modelValue: { type: [Boolean, Array], default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = te(e, "modelValue"), o = ee(), t = Ie(), s = _("input"), r = g(() => Array.isArray(l.value)), n = g(
+      () => r.value ? l.value.includes(e.value) : !!l.value
+    ), d = g(() => ["KCheckbox", e.disabled && "KCheckbox--disabled"]), k = g(() => {
+      const { class: m, style: S, ...x } = t;
+      return x;
+    });
+    function h(m) {
+      const S = m.target.checked;
+      if (!r.value) {
+        l.value = S;
+        return;
+      }
+      const x = l.value;
+      l.value = S ? [...x, e.value] : x.filter((M) => M !== e.value);
+    }
+    function c() {
+      s.value && (s.value.indeterminate = e.indeterminate);
+    }
+    return j(() => e.indeterminate, c), De(c), (m, S) => (i(), u("label", {
+      class: T([d.value, z(t).class]),
+      style: ce(z(t).style)
+    }, [
+      K("input", re({
+        ref_key: "input",
+        ref: s,
+        class: "KCheckbox-input",
+        type: "checkbox"
+      }, k.value, {
+        checked: n.value,
+        disabled: e.disabled,
+        value: e.value,
+        onChange: h
+      }), null, 16, zs),
+      S[0] || (S[0] = K("span", { class: "KCheckbox-box" }, null, -1)),
+      o.default || e.label ? (i(), u("span", Ns, [
+        v(m.$slots, "default", {}, () => [
+          F(W(e.label), 1)
+        ])
+      ])) : D("", !0)
+    ], 6));
+  }
+}), Us = {
+  class: "KCollapse-content",
+  "data-kt-collapse-content": ""
+}, Vs = /* @__PURE__ */ P({
+  __name: "KCollapse",
+  props: /* @__PURE__ */ q({
+    direction: { default: "right" },
+    horizontal: { type: Boolean, default: !1 },
+    tag: { default: "div" }
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["collapse", "collapsed", "expand", "expanded"], ["update:expanded"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "expanded"), s = o, r = _("root"), { toggle: n } = ot({
+      direction: () => e.direction,
+      element: r,
+      expanded: t,
+      horizontal: () => e.horizontal,
+      // TypeScript cannot correlate a union event name against the overloaded
+      // emit signature. All four events take no payload, so narrowing to any one
+      // of them is accurate about the call shape.
+      onEvent: (d) => s(d)
+    });
+    return l({
+      toggle: n,
+      expand: () => t.value = !0,
+      collapse: () => t.value = !1
+    }), (d, k) => (i(), J(Ne(e.tag), {
+      ref_key: "root",
+      ref: r,
+      class: "KCollapse",
+      "data-kt-collapse": "",
+      "data-kt-collapse-horizontal": e.horizontal ? e.direction === "left" ? "left" : "true" : void 0
+    }, {
+      default: N(() => [
+        v(d.$slots, "toggle", {
+          toggle: z(n),
+          expanded: t.value
+        }),
+        K("div", Us, [
+          v(d.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["data-kt-collapse-horizontal"]));
+  }
+}), Ws = /* @__PURE__ */ P({
+  __name: "KContainer",
+  props: {
+    glassy: { type: Boolean }
+  },
+  setup(e) {
+    return (l, o) => (i(), u("div", {
+      class: T(["KContainer", e.glassy && "KContainer--glassy"])
+    }, [
+      v(l.$slots, "default")
+    ], 2));
+  }
+}), pe = /* @__PURE__ */ new Map();
+function Ct(e, l, o = () => 0) {
+  const t = /* @__PURE__ */ Symbol("overlay");
+  function s() {
+    let n = pe.get(e);
+    return n || (n = [], pe.set(e, n)), n;
+  }
+  function r() {
+    const n = pe.get(e);
+    if (!n)
+      return;
+    const d = n.findIndex((k) => k.id === t);
+    d !== -1 && n.splice(d, 1), n.length || pe.delete(e);
+  }
+  return j(
+    l,
+    (n) => {
+      r(), n && s().push({ id: t, priority: o() });
+    },
+    { flush: "post", immediate: !0 }
+  ), le(r), () => {
+    const n = pe.get(e);
+    return n?.length ? n.reduce(
+      (k, h) => h.priority >= k.priority ? h : k
+    ).id === t : !1;
+  };
+}
+const Gs = ["data-kt-drawer-id", "data-kt-drawer-static-backdrop"], Hs = ["aria-labelledby"], Fs = ["id"], qs = "data-kt-drawer-dismiss", Qs = "data-kt-drawer-panel", Zs = "data-kt-drawer-toggle", Js = /* @__PURE__ */ P({
+  __name: "KDrawer",
+  props: /* @__PURE__ */ q({
+    bodyClass: { type: [Boolean, null, String, Object, Array] },
+    closable: { type: Boolean, default: !0 },
+    contained: { type: Boolean, default: !1 },
+    edge: { default: "right" },
+    focus: { type: Boolean, default: !0 },
+    footerClass: { type: [Boolean, null, String, Object, Array] },
+    headerClass: { type: [Boolean, null, String, Object, Array] },
+    id: {},
+    keyboard: { type: Boolean, default: !0 },
+    noBackdrop: { type: Boolean, default: !1 },
+    panelClass: { type: [Boolean, null, String, Object, Array] },
+    size: {},
+    staticBackdrop: { type: Boolean, default: !1 },
+    teleport: { type: Boolean, default: () => {
+    } },
+    title: {}
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hide", "hidden", "show", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "open"), s = o, r = ee(), n = _("root");
+    let d, k = !1;
+    const h = Te(), c = g(() => e.id ?? h), m = g(() => `${c.value}-title`), S = g(() => e.teleport ?? !e.contained), x = g(() => !!(e.title || r.title)), M = g(() => !!(r.header || x.value || e.closable)), R = g(() => [
+      "KDrawer",
+      e.edge === "left" && "KDrawer--left",
+      // `md` is the default and has no modifier of its own.
+      e.size && e.size !== "md" && `KDrawer--${e.size}`,
+      e.contained && "KDrawer--contained",
+      e.noBackdrop && "KDrawer--noBackdrop"
+    ]);
+    function E() {
+      return !d && n.value && (d = new oe.modules.Drawer(n.value, {
+        focus: e.focus,
+        keyboard: e.keyboard,
+        staticBackdrop: e.staticBackdrop
+      })), d;
+    }
+    j(
+      () => [e.focus, e.keyboard, e.staticBackdrop],
+      () => {
+        d = void 0;
+      }
+    ), j(
+      t,
+      ($) => {
+        if ($ === k)
+          return;
+        const w = E();
+        w && (k = $, $ ? w.show() : w.hide());
+      },
+      { flush: "post" }
+    );
+    const B = ($) => $.target === n.value, C = {
+      "kt.drawer.show": ($) => {
+        B($) && (k = !0, t.value = !0, s("show"));
+      },
+      "kt.drawer.shown": ($) => {
+        B($) && s("shown");
+      },
+      "kt.drawer.hide": ($) => {
+        B($) && (k = !1, t.value = !1, s("hide"));
+      },
+      "kt.drawer.hidden": ($) => {
+        B($) && s("hidden");
+      }
+    };
+    j(
+      n,
+      ($, w, G) => {
+        if (d = void 0, !!$) {
+          for (const [Q, p] of Object.entries(C))
+            $.addEventListener(Q, p);
+          $.setAttribute("aria-hidden", "true"), t.value && E()?.show(), G(() => {
+            for (const [Q, p] of Object.entries(C))
+              $.removeEventListener(Q, p);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    );
+    const b = Ct("drawer", t, () => e.noBackdrop ? 0 : 1);
+    ve(
+      t,
+      "keydown",
+      ($) => {
+        $.key !== "Escape" || !b() || ($.stopPropagation(), e.keyboard && U());
+      },
+      { capture: !0 }
+    );
+    function L($) {
+      const w = $.target;
+      if (!w)
+        return;
+      if (w.closest(`[${qs}]`)) {
+        $.stopPropagation(), U();
+        return;
+      }
+      if (e.staticBackdrop || w.closest(`[${Zs}]`))
+        return;
+      const G = n.value?.querySelector(`[${Qs}]`);
+      G && !G.contains(w) && ($.stopPropagation(), U());
+    }
+    le(() => {
+      n.value?.classList.contains("is-active") && document.body.classList.remove("is-drawer-active");
+    });
+    function U() {
+      t.value = !1;
+    }
+    return l({
+      show: () => t.value = !0,
+      hide: U,
+      toggle: () => t.value = !t.value
+    }), ($, w) => (i(), J(Be, {
+      to: "body",
+      disabled: !S.value
+    }, [
+      K("div", {
+        ref_key: "root",
+        ref: n,
+        class: T(R.value),
+        "data-kt-drawer-id": c.value,
+        "data-kt-drawer-static-backdrop": e.staticBackdrop ? "true" : "false",
+        "data-kt-drawer": "",
+        tabindex: "-1",
+        onClick: L
+      }, [
+        K("div", {
+          class: T(["KDrawer-panel", e.panelClass]),
+          "aria-labelledby": x.value ? m.value : void 0,
+          "data-kt-drawer-panel": "",
+          role: "dialog"
+        }, [
+          M.value ? (i(), u("div", {
+            key: 0,
+            class: T(["KDrawer-header", e.headerClass])
+          }, [
+            v($.$slots, "header", {}, () => [
+              x.value ? (i(), u("h5", {
+                key: 0,
+                id: m.value,
+                class: "KDrawer-title"
+              }, [
+                v($.$slots, "title", {}, () => [
+                  F(W(e.title), 1)
+                ])
+              ], 8, Fs)) : D("", !0),
+              e.closable ? (i(), u("button", {
+                key: 1,
+                class: "KDrawer-close",
+                type: "button",
+                "aria-label": "Close",
+                onClick: ne(U, ["stop"])
+              }, [
+                v($.$slots, "close", {}, () => [
+                  w[0] || (w[0] = F("✕", -1))
+                ])
+              ])) : D("", !0)
+            ])
+          ], 2)) : D("", !0),
+          K("div", {
+            class: T(["KDrawer-body", e.bodyClass])
+          }, [
+            v($.$slots, "default")
+          ], 2),
+          r.footer ? (i(), u("div", {
+            key: 1,
+            class: T(["KDrawer-footer", e.footerClass])
+          }, [
+            v($.$slots, "footer")
+          ], 2)) : D("", !0)
+        ], 10, Hs)
+      ], 10, Gs)
+    ], 8, ["disabled"]));
+  }
+}), Ys = {
+  class: "KFileTree-node",
+  role: "none",
+  "data-kt-file-tree-node": ""
+}, Xs = ["data-kftree-id", "tabindex", "aria-expanded", "data-kt-file-tree-lazy"], _s = {
+  class: "KFileTree-caret",
+  "data-kt-file-tree-caret": "",
+  "aria-hidden": "true"
+}, eo = {
+  key: 0,
+  class: "KIcon",
+  "aria-hidden": "true"
+}, to = ["href"], ao = {
+  class: "KFileTree-icon",
+  "aria-hidden": "true"
+}, so = {
+  key: 0,
+  class: "KIcon",
+  "aria-hidden": "true"
+}, oo = ["href"], lo = { class: "KFileTree-label" }, no = {
+  key: 0,
+  class: "KFileTree-group",
+  role: "group",
+  "data-kt-file-tree-group": ""
+}, io = /* @__PURE__ */ P({
+  __name: "KFileTreeNode",
+  props: {
+    caretIcon: { default: "#caretRight" },
+    node: {},
+    tabbable: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = ee(), o = g(() => e.node.id ?? e.node.label), t = g(() => Array.isArray(e.node.children) || !!e.node.lazy);
+    return (s, r) => {
+      const n = tt("KFileTreeNode", !0);
+      return i(), u("li", Ys, [
+        K("a", {
+          class: "KFileTree-row",
+          role: "treeitem",
+          href: "#",
+          "data-kftree-id": o.value,
+          tabindex: e.tabbable ? 0 : -1,
+          "aria-expanded": t.value ? e.node.expanded === !0 : void 0,
+          "data-kt-file-tree-row": "",
+          "data-kt-file-tree-lazy": e.node.lazy ? "" : void 0
+        }, [
+          K("span", _s, [
+            t.value ? (i(), u("svg", eo, [
+              K("use", { href: e.caretIcon }, null, 8, to)
+            ])) : D("", !0)
+          ]),
+          v(s.$slots, "label", { node: e.node }, () => [
+            K("span", ao, [
+              e.node.icon ? (i(), u("svg", so, [
+                K("use", {
+                  href: e.node.icon
+                }, null, 8, oo)
+              ])) : D("", !0)
+            ]),
+            K("span", lo, W(e.node.label), 1)
+          ])
+        ], 8, Xs),
+        e.node.children ? (i(), u("ul", no, [
+          (i(!0), u(ae, null, ie(e.node.children, (d, k) => (i(), J(n, {
+            key: d.id ?? `${d.label}-${k}`,
+            "caret-icon": e.caretIcon,
+            node: d
+          }, ge({ _: 2 }, [
+            l.label ? {
+              name: "label",
+              fn: N((h) => [
+                v(s.$slots, "label", re({ ref_for: !0 }, h))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["caret-icon", "node"]))), 128))
+        ])) : D("", !0)
+      ]);
+    };
+  }
+}), ro = ["data-kt-file-tree-activation"], me = "data-kftree-id", co = "data-kt-file-tree-row", uo = /* @__PURE__ */ P({
+  __name: "KFileTree",
+  props: /* @__PURE__ */ q({
+    activation: { default: "row" },
+    caretIcon: { default: "#caretRight" },
+    nodes: { default: () => [] }
+  }, {
+    selected: { default: null },
+    selectedModifiers: {},
+    expanded: { default: () => [] },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["collapse", "expand", "load", "select"], ["update:selected", "update:expanded"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "selected"), s = te(e, "expanded"), r = o, n = ee(), d = _("root");
+    let k, h = null, c = /* @__PURE__ */ new Set();
+    function m() {
+      return !k && d.value && (k = new oe.modules.FileTree(d.value, { activation: e.activation })), k;
+    }
+    function S($) {
+      return !$ || $.closest("[data-kt-file-tree]") !== d.value ? null : $.getAttribute(me);
+    }
+    function x($) {
+      return d.value?.querySelector(`[${me}="${CSS.escape($)}"]`) ?? null;
+    }
+    function M($) {
+      const w = S($.target.closest(`[${me}]`));
+      w && (h = w, t.value = w, r("select", w));
+    }
+    function R($) {
+      const w = S($.target.closest(`[${me}]`));
+      !w || c.has(w) || (c.add(w), s.value = [...s.value, w], r("expand", w));
+    }
+    function E($) {
+      const w = S($.target.closest(`[${me}]`));
+      !w || !c.has(w) || (c.delete(w), s.value = s.value.filter((G) => G !== w), r("collapse", w));
+    }
+    function B($) {
+      const w = S($.target.closest(`[${me}]`));
+      w && r("load", w);
+    }
+    function C($) {
+      const w = $?.closest(`[${co}]`);
+      return w && w.closest("[data-kt-file-tree]") === d.value ? w : null;
+    }
+    function b($) {
+      const w = C($.target);
+      w && ($.stopPropagation(), m()?.handleRowClick(w, $.target) && $.preventDefault());
+    }
+    function L($) {
+      const w = C($.target);
+      w && ($.stopPropagation(), m()?.handleRowKeydown(w, $) && $.preventDefault());
+    }
+    const U = [
+      ["kt.filetree.select", M],
+      ["kt.filetree.expand", R],
+      ["kt.filetree.collapse", E],
+      ["kt.filetree.load", B]
+    ];
+    return j(
+      d,
+      ($, w, G) => {
+        if (k = void 0, !$)
+          return;
+        for (const [p, a] of U)
+          $.addEventListener(p, a);
+        const Q = m();
+        c = new Set(s.value);
+        for (const p of s.value) {
+          const a = x(p);
+          a && !Q?.isExpanded(a) && Q?.expand(a);
+        }
+        if (t.value) {
+          const p = x(t.value);
+          p && (h = t.value, Q?.select(p));
+        }
+        G(() => {
+          for (const [p, a] of U)
+            $.removeEventListener(p, a);
+        });
+      },
+      { flush: "post", immediate: !0 }
+    ), j(t, ($) => {
+      if ($ !== h && (h = $, $)) {
+        const w = x($);
+        w && m()?.select(w);
+      }
+    }), j(
+      s,
+      ($) => {
+        const w = new Set($), G = m();
+        if (G) {
+          for (const Q of w)
+            if (!c.has(Q)) {
+              const p = x(Q);
+              p && G.expand(p);
+            }
+          for (const Q of c)
+            if (!w.has(Q)) {
+              const p = x(Q);
+              p && G.collapse(p);
+            }
+          c = w;
+        }
+      },
+      { deep: !0 }
+    ), le(() => {
+      k = void 0;
+    }), l({
+      collapseAll: () => m()?.collapseAll(),
+      expandAll: () => m()?.expandAll()
+    }), ($, w) => (i(), u("ul", {
+      ref_key: "root",
+      ref: d,
+      class: "KFileTree",
+      role: "tree",
+      "data-kt-file-tree": "",
+      "data-kt-file-tree-activation": e.activation,
+      onClick: b,
+      onKeydown: L
+    }, [
+      (i(!0), u(ae, null, ie(e.nodes, (G, Q) => (i(), J(io, {
+        key: G.id ?? `${G.label}-${Q}`,
+        "caret-icon": e.caretIcon,
+        node: G,
+        tabbable: Q === 0
+      }, ge({ _: 2 }, [
+        n.label ? {
+          name: "label",
+          fn: N((p) => [
+            v($.$slots, "label", re({ ref_for: !0 }, p))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["caret-icon", "node", "tabbable"]))), 128))
+    ], 40, ro));
+  }
+});
+function Ye(e, l) {
+  return l === void 0 ? [] : typeof l == "number" ? [`is-${e}-${l}`] : Object.entries(l).map(
+    ([o, t]) => o === "base" ? `is-${e}-${t}` : `is-${e}-${o}-${t}`
+  );
+}
+function pt(e, l, o) {
+  return [
+    e !== void 0 && `is-gap-${e}`,
+    l !== void 0 && `is-row-gap-${l}`,
+    o !== void 0 && `is-col-gap-${o}`
+  ];
+}
+const fo = 12, vo = /* @__PURE__ */ P({
+  __name: "KGrid",
   props: {
-    disabled: { type: Boolean, default: !1 },
-    expanded: { type: Boolean, default: !1 },
-    ghost: { type: Boolean, default: !1 },
-    href: {},
-    outline: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !1 },
-    to: {},
-    type: { default: "button" },
-    variant: {}
+    gap: {},
+    colGap: {},
+    rowGap: {},
+    align: {},
+    cols: {},
+    justify: {},
+    rows: {}
   },
   setup(e) {
-    const { href: a, navigate: n } = w({
-      to: b(() => e.to ?? "/")
-    }), d = b(() => e.to || e.href ? "a" : "button"), r = b(() => {
-      if (e.to)
-        return a.value;
-      if (e.href)
-        return e.href;
-    }), i = b(() => [
-      "KButton",
-      e.variant ? e.ghost ? `KButton--ghost${N(e.variant)}` : e.outline ? `KButton--outline${N(e.variant)}` : `KButton--${e.variant}` : null,
-      !e.variant && e.outline && "KButton--outline",
-      !e.variant && e.ghost && "KButton--ghost",
-      e.rounded && "KButton--rounded",
-      e.expanded && "KButton--expanded"
+    const l = g(
+      () => e.cols !== void 0 && e.cols >= 1 && e.cols <= fo
+    ), o = g(() => [
+      "KGrid",
+      l.value && `is-cols-${e.cols}`,
+      ...pt(e.gap, e.rowGap, e.colGap),
+      e.align && `is-align-${e.align}`,
+      e.justify && `is-justify-${e.justify}`
+    ]), t = g(() => {
+      const s = {};
+      return e.cols !== void 0 && !l.value && (s["--kt-grid-columns"] = String(Math.max(1, Math.floor(e.cols)))), e.rows !== void 0 && (s["--kt-grid-rows"] = String(e.rows)), Object.keys(s).length ? s : void 0;
+    });
+    return (s, r) => (i(), u("div", {
+      class: T(o.value),
+      style: ce(t.value)
+    }, [
+      v(s.$slots, "default")
+    ], 6));
+  }
+}), ho = /* @__PURE__ */ P({
+  __name: "KGridColumn",
+  props: {
+    alignSelf: {},
+    justifySelf: {},
+    row: {},
+    start: {},
+    span: {}
+  },
+  setup(e) {
+    const l = g(() => [
+      "KGrid-column",
+      ...Ye("column", e.span),
+      ...Ye("start", e.start),
+      e.row !== void 0 && `is-row-${e.row}`,
+      e.alignSelf && `is-align-self-${e.alignSelf}`,
+      e.justifySelf && `is-justify-self-${e.justifySelf}`
     ]);
-    function t(v) {
-      e.to && n(v);
-    }
-    return (v, y) => (o(), m(V(d.value), {
-      href: r.value,
-      type: d.value === "button" ? e.type : void 0,
-      disabled: d.value === "button" ? e.disabled : void 0,
-      class: l(i.value),
-      onClick: t
-    }, {
-      default: h(() => [
-        u(v.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["href", "type", "disabled", "class"]));
+    return (o, t) => (i(), u("div", {
+      class: T(l.value)
+    }, [
+      v(o.$slots, "default")
+    ], 2));
   }
-}), H = /* @__PURE__ */ K({
-  __name: "KContainer",
+}), mo = /* @__PURE__ */ P({
+  __name: "KGridRow",
   props: {
-    glassy: { type: Boolean }
+    gap: {},
+    colGap: {},
+    rowGap: {}
   },
   setup(e) {
-    return (a, n) => (o(), s("div", {
-      class: l(["KContainer", e.glassy && "KContainer--glassy"])
+    const l = g(() => [
+      "KGrid-row",
+      ...pt(e.gap, e.rowGap, e.colGap)
+    ]);
+    return (o, t) => (i(), u("div", {
+      class: T(l.value)
     }, [
-      u(a.$slots, "default")
+      v(o.$slots, "default")
     ], 2));
   }
-}), F = {
-  class: "KIcon",
-  title: "icon",
-  role: "img"
-}, P = ["href"], R = /* @__PURE__ */ K({
-  __name: "KIcon",
+}), bo = ["aria-label"], go = { class: "KMenuList" }, yo = {
+  key: 1,
+  class: "KMenuList"
+}, ko = /* @__PURE__ */ P({
+  __name: "KMenuList",
   props: {
-    href: { default: "" }
+    ariaLabel: {}
   },
   setup(e) {
-    return (a, n) => (o(), s("svg", F, [
-      c("use", {
-        href: `#${e.href.replace(/^#/, "")}`
-      }, null, 8, P)
+    return (l, o) => e.ariaLabel ? (i(), u("nav", {
+      key: 0,
+      "aria-label": e.ariaLabel
+    }, [
+      K("ul", go, [
+        v(l.$slots, "default")
+      ])
+    ], 8, bo)) : (i(), u("ul", yo, [
+      v(l.$slots, "default")
     ]));
   }
-}), q = {
-  key: 0,
-  class: "KInput-addon"
-}, G = ["disabled", "placeholder", "type"], J = {
-  key: 1,
-  class: "KInput-addon"
-}, Q = /* @__PURE__ */ K({
-  __name: "KInput",
-  props: /* @__PURE__ */ B({
+}), Ko = { class: "KMenuList-item" }, wo = /* @__PURE__ */ P({
+  __name: "KMenuListItem",
+  props: {
+    active: { type: Boolean, default: () => {
+    } },
     disabled: { type: Boolean, default: !1 },
-    ghost: { type: Boolean, default: !1 },
-    placeholder: {},
-    rounded: { type: Boolean, default: !1 },
-    sunken: { type: Boolean, default: !1 },
-    transparent: { type: Boolean, default: !1 },
-    type: { default: "text" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
+    href: {},
+    to: {}
+  },
   setup(e) {
-    const a = k(e, "modelValue"), n = x(), d = b(() => [
-      "KInput",
-      e.disabled && "KInput--disabled",
-      e.ghost && "KInput--ghost",
-      e.rounded && "KInput--rounded",
-      e.sunken && "KInput--sunken",
-      e.transparent && "KInput--transparent"
+    const l = je({ to: g(() => e.to ?? "/") }), o = g(() => e.to || e.href ? "a" : "button"), t = g(() => e.to ? l.href.value : e.href), s = g(() => e.active ?? (e.to ? l.isActive.value : !1)), r = g(() => [
+      "KMenuList-link",
+      s.value && "is-active",
+      // A button carries the native attribute, which core styles on its own.
+      e.disabled && o.value === "a" && "is-disabled"
     ]);
-    return (r, i) => (o(), s("div", {
-      class: l(d.value)
-    }, [
-      n.prefix ? (o(), s("div", q, [
-        u(r.$slots, "prefix")
-      ])) : f("", !0),
-      j(c("input", {
-        "onUpdate:modelValue": i[0] || (i[0] = (t) => a.value = t),
-        disabled: e.disabled,
-        placeholder: e.placeholder,
-        type: e.type
-      }, null, 8, G), [
-        [z, a.value]
-      ]),
-      n.suffix ? (o(), s("div", J, [
-        u(r.$slots, "suffix")
-      ])) : f("", !0)
-    ], 2));
+    function n(d) {
+      if (e.disabled) {
+        d.preventDefault();
+        return;
+      }
+      e.to && (d.preventDefault(), l.navigate(d));
+    }
+    return (d, k) => (i(), u("li", Ko, [
+      (i(), J(Ne(o.value), {
+        class: T(r.value),
+        href: o.value === "a" ? t.value : void 0,
+        type: o.value === "button" ? "button" : void 0,
+        disabled: o.value === "button" ? e.disabled : void 0,
+        "aria-disabled": o.value === "a" && e.disabled ? "true" : void 0,
+        "aria-current": s.value ? "page" : void 0,
+        onClick: n
+      }, {
+        default: N(() => [
+          v(d.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "href", "type", "disabled", "aria-disabled", "aria-current"]))
+    ]));
   }
-}), W = /* @__PURE__ */ K({
-  __name: "KBadge",
-  props: {
-    pill: { type: Boolean },
+}), $o = ["data-kt-modal-id", "data-kt-modal-static-backdrop"], Co = ["aria-label", "aria-labelledby"], po = ["id"], Bo = "data-kt-modal-dismiss", So = "data-kt-modal-dialog", Ao = /* @__PURE__ */ P({
+  __name: "KModal",
+  props: /* @__PURE__ */ q({
+    bodyClass: { type: [Boolean, null, String, Object, Array] },
+    centered: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !0 },
+    containerClass: { type: [Boolean, null, String, Object, Array] },
+    dialogClass: { type: [Boolean, null, String, Object, Array] },
+    dialogLabel: {},
+    focus: { type: Boolean, default: !0 },
+    footerClass: { type: [Boolean, null, String, Object, Array] },
+    fullscreen: { type: Boolean, default: !1 },
+    headerClass: { type: [Boolean, null, String, Object, Array] },
+    id: {},
+    keyboard: { type: Boolean, default: !0 },
+    mainClass: { type: [Boolean, null, String, Object, Array] },
+    scrollable: { type: Boolean, default: !1 },
+    sidebarClass: { type: [Boolean, null, String, Object, Array] },
     size: {},
-    subtle: { type: Boolean },
-    variant: {}
-  },
-  setup(e) {
-    return (a, n) => (o(), s("div", {
-      class: l([
-        "KBadge",
-        e.pill && "KBadge--pill",
-        e.size && `KBadge--${e.size}`,
-        e.subtle && "KBadge--subtle",
-        e.variant && `KBadge--${e.variant}`
-      ])
+    staticBackdrop: { type: Boolean, default: !1 },
+    title: {},
+    teleport: { type: Boolean, default: !0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["hide", "hidden", "show", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "open"), s = o, r = ee(), n = _("root");
+    let d, k = !1;
+    const h = Te(), c = g(() => e.id ?? h), m = g(() => `${c.value}-title`), S = g(() => !!(e.title || r.title)), x = g(() => !!(r.header || S.value || e.closable)), M = g(() => [
+      "KModal",
+      e.centered && "KModal--centered",
+      e.scrollable && "KModal--scrollable",
+      e.size && `KModal--${e.size}`,
+      e.fullscreen && "KModal--fullscreen"
+    ]);
+    function R() {
+      return !d && n.value && (d = new oe.modules.Modal(n.value, {
+        focus: e.focus,
+        keyboard: e.keyboard,
+        staticBackdrop: e.staticBackdrop
+      })), d;
+    }
+    j(
+      () => [e.focus, e.keyboard, e.staticBackdrop],
+      () => {
+        d = void 0;
+      }
+    ), j(
+      t,
+      (w) => {
+        if (w === k)
+          return;
+        const G = R();
+        G && (k = w, w ? G.show() : G.hide());
+      },
+      { flush: "post" }
+    );
+    const E = (w) => w.target === n.value, B = {
+      "kt.modal.show": (w) => {
+        E(w) && (k = !0, t.value = !0, s("show"));
+      },
+      "kt.modal.shown": (w) => {
+        E(w) && s("shown");
+      },
+      "kt.modal.hide": (w) => {
+        E(w) && (k = !1, t.value = !1, s("hide"));
+      },
+      "kt.modal.hidden": (w) => {
+        E(w) && s("hidden");
+      }
+    };
+    j(
+      n,
+      (w, G, Q) => {
+        if (d = void 0, !!w) {
+          for (const [p, a] of Object.entries(B))
+            w.addEventListener(p, a);
+          w.setAttribute("aria-hidden", "true"), t.value && R()?.show(), Q(() => {
+            for (const [p, a] of Object.entries(B))
+              w.removeEventListener(p, a);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    );
+    const C = Ct("modal", t);
+    ve(
+      t,
+      "keydown",
+      (w) => {
+        w.key !== "Escape" || !C() || (w.stopPropagation(), e.keyboard && U());
+      },
+      { capture: !0 }
+    );
+    function b(w) {
+      const G = w.target;
+      if (!G)
+        return;
+      if (G.closest(`[${Bo}]`)) {
+        w.stopPropagation(), U();
+        return;
+      }
+      if (e.staticBackdrop)
+        return;
+      const Q = n.value?.querySelector(`[${So}]`);
+      Q && !Q.contains(G) && (w.stopPropagation(), U());
+    }
+    le(() => {
+      n.value?.classList.contains("is-active") && document.body.classList.remove("is-modal-active");
+    });
+    function L() {
+      t.value = !0;
+    }
+    function U() {
+      t.value = !1;
+    }
+    function $() {
+      t.value = !t.value;
+    }
+    return l({ show: L, hide: U, toggle: $ }), (w, G) => (i(), J(Be, {
+      to: "body",
+      disabled: !e.teleport
     }, [
-      u(a.$slots, "default")
-    ], 2));
+      K("div", {
+        ref_key: "root",
+        ref: n,
+        class: T(M.value),
+        "data-kt-modal-id": c.value,
+        "data-kt-modal-static-backdrop": e.staticBackdrop ? "true" : "false",
+        "data-kt-modal": "",
+        tabindex: "-1",
+        onClick: b
+      }, [
+        K("div", {
+          class: T(["KModal-container", e.containerClass])
+        }, [
+          K("div", {
+            class: T(["KModal-dialog", e.dialogClass]),
+            "aria-label": e.dialogLabel,
+            "aria-labelledby": !e.dialogLabel && S.value ? m.value : void 0,
+            "data-kt-modal-dialog": "",
+            role: "dialog"
+          }, [
+            x.value ? (i(), u("div", {
+              key: 0,
+              class: T(["KModal-header", e.headerClass])
+            }, [
+              v(w.$slots, "header", {}, () => [
+                S.value ? (i(), u("h5", {
+                  key: 0,
+                  id: m.value,
+                  class: "KModal-title"
+                }, [
+                  v(w.$slots, "title", {}, () => [
+                    F(W(e.title), 1)
+                  ])
+                ], 8, po)) : D("", !0),
+                e.closable ? (i(), u("button", {
+                  key: 1,
+                  class: "KModal-close",
+                  type: "button",
+                  "aria-label": "Close",
+                  onClick: ne(U, ["stop"])
+                }, [
+                  v(w.$slots, "close", {}, () => [
+                    G[0] || (G[0] = F("✕", -1))
+                  ])
+                ])) : D("", !0)
+              ])
+            ], 2)) : D("", !0),
+            r.sidebar ? (i(), u("div", {
+              key: 1,
+              class: T(["KModal-main", e.mainClass])
+            }, [
+              K("aside", {
+                class: T(["KModal-sidebar", e.sidebarClass])
+              }, [
+                v(w.$slots, "sidebar")
+              ], 2),
+              K("div", {
+                class: T(["KModal-body", e.bodyClass])
+              }, [
+                v(w.$slots, "default")
+              ], 2)
+            ], 2)) : (i(), u("div", {
+              key: 2,
+              class: T(["KModal-body", e.bodyClass])
+            }, [
+              v(w.$slots, "default")
+            ], 2)),
+            r.footer ? (i(), u("div", {
+              key: 3,
+              class: T(["KModal-footer", e.footerClass])
+            }, [
+              v(w.$slots, "footer")
+            ], 2)) : D("", !0)
+          ], 10, Co)
+        ], 2)
+      ], 10, $o)
+    ], 8, ["disabled"]));
   }
-}), X = { class: "KNavbar-menu" }, Y = ["href", "onClick"], Z = {
+}), To = { class: "KNavbar-menu" }, Io = ["href", "onClick"], Eo = {
   key: 0,
-  class: /* @__PURE__ */ l(["KNavbar-caret", "KCollapse-toggle"]),
+  class: /* @__PURE__ */ T(["KNavbar-caret", "KCollapse-toggle"]),
   "data-kt-collapse-toggle": ""
-}, I = /* @__PURE__ */ K({
+}, Bt = /* @__PURE__ */ P({
   __name: "KNavbarMenu",
   props: {
     items: { default: () => [] }
   },
   setup(e) {
-    const a = b(() => e.items.filter(({ hidden: n }) => !n));
-    return (n, d) => {
-      const r = p("KIcon"), i = p("KNavbarMenu", !0);
-      return o(), s("ul", X, [
-        (o(!0), s(O, null, A(a.value, (t, v) => u(n.$slots, "item", {
-          key: `navbar-menu-item-${v}`,
-          item: t
+    const l = g(() => e.items.filter(({ hidden: o }) => !o));
+    return (o, t) => {
+      const s = tt("KNavbarMenu", !0);
+      return i(), u("ul", To, [
+        (i(!0), u(ae, null, ie(l.value, (r, n) => v(o.$slots, "item", {
+          key: `navbar-menu-item-${n}`,
+          item: r
         }, () => [
-          g(D(U), {
-            to: t.route ?? "/",
+          Z(z(Rt), {
+            to: r.route ?? "/",
             custom: ""
           }, {
-            default: h(({ isActive: y, href: M, navigate: S }) => [
-              c("li", {
-                class: l([
+            default: N(({ isActive: d, href: k, navigate: h }) => [
+              K("li", {
+                class: T([
                   "KNavbar-item",
                   "KCollapse is-collapsed",
-                  y && "KNavbar-item-is-active"
+                  d && "KNavbar-item-is-active"
                 ]),
                 "data-kt-collapse": ""
               }, [
-                c("a", {
-                  class: l(["KNavbar-link"]),
-                  href: t.route ? M : void 0,
-                  onClick: L((ee) => t.route ? S() : t.onClick?.(), ["prevent"])
+                K("a", {
+                  class: T(["KNavbar-link"]),
+                  href: r.route ? k : void 0,
+                  onClick: ne((c) => r.route ? h() : r.onClick?.(), ["prevent"])
                 }, [
-                  c("span", {
-                    class: l(["KNavbar-icon", t.iconClass])
+                  K("span", {
+                    class: T(["KNavbar-icon", r.iconClass])
                   }, [
-                    g(r, {
-                      href: t.icon
+                    Z(we, {
+                      href: r.icon
                     }, null, 8, ["href"])
                   ], 2),
-                  t.badge ? (o(), m(W, {
+                  r.badge ? (i(), J(Se, {
                     key: 0,
-                    class: l(["KNavbar-badge", t.badgeClass]),
+                    class: T(["KNavbar-badge", r.badgeClass]),
                     pill: "",
                     size: "sm",
                     variant: "danger"
                   }, {
-                    default: h(() => [
-                      T(C(t.badge), 1)
+                    default: N(() => [
+                      F(W(r.badge), 1)
                     ]),
                     _: 2
-                  }, 1032, ["class"])) : f("", !0),
-                  c("span", {
-                    class: l(["KNavbar-text", t.textClass])
-                  }, C(t.text), 3)
-                ], 8, Y),
-                t.children ? (o(), s("span", Z, [
-                  g(r, { href: "#caretUp" })
-                ])) : f("", !0),
-                t.children ? (o(), m(i, {
+                  }, 1032, ["class"])) : D("", !0),
+                  K("span", {
+                    class: T(["KNavbar-text", r.textClass])
+                  }, W(r.text), 3)
+                ], 8, Io),
+                r.children ? (i(), u("span", Eo, [
+                  Z(we, { href: "#caretUp" })
+                ])) : D("", !0),
+                r.children ? (i(), J(s, {
                   key: 1,
-                  items: t.children,
+                  items: r.children,
                   class: "KCollapse-content",
                   "data-kt-collapse-content": ""
-                }, null, 8, ["items"])) : f("", !0)
+                }, null, 8, ["items"])) : D("", !0)
               ], 2)
             ]),
             _: 2
@@ -222,9 +3685,9 @@ const E = /* @__PURE__ */ K({
       ]);
     };
   }
-}), _ = /* @__PURE__ */ K({
+}), Lo = /* @__PURE__ */ P({
   __name: "KNavbar",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ q({
     items: {},
     bodyClass: { type: [Boolean, null, String, Object, Array] },
     brandClass: { type: [Boolean, null, String, Object, Array] },
@@ -237,77 +3700,883 @@ const E = /* @__PURE__ */ K({
     expanded: { type: Boolean, default: !1 },
     expandedModifiers: {}
   }),
-  emits: /* @__PURE__ */ B(["toggle"], ["update:expanded"]),
-  setup(e, { emit: a }) {
-    const n = k(e, "expanded"), d = a, r = x(), i = () => {
-      n.value = !n.value, d("toggle", n.value);
+  emits: /* @__PURE__ */ q(["toggle"], ["update:expanded"]),
+  setup(e, { emit: l }) {
+    const o = te(e, "expanded"), t = l, s = ee(), r = () => {
+      o.value = !o.value, t("toggle", o.value);
     };
-    return (t, v) => {
-      const y = p("KIcon");
-      return o(), s("aside", {
-        class: l([
-          "KNavbar",
-          n.value && "KNavbar-is-expanded",
-          e.fixed && "KNavbar-is-fixed"
+    return (n, d) => (i(), u("aside", {
+      class: T([
+        "KNavbar",
+        o.value && "KNavbar-is-expanded",
+        e.fixed && "KNavbar-is-fixed"
+      ])
+    }, [
+      K("div", {
+        class: T(["KNavbar-inner", e.innerClass])
+      }, [
+        s.brand ? (i(), u("div", {
+          key: 0,
+          class: T(["KNavbar-brand", e.brandClass])
+        }, [
+          v(n.$slots, "brand")
+        ], 2)) : D("", !0),
+        K("nav", {
+          class: T(["KNavbar-body", e.bodyClass])
+        }, [
+          v(n.$slots, "default", {}, () => [
+            Z(Bt, { items: e.items }, null, 8, ["items"])
+          ])
+        ], 2),
+        s.footer ? (i(), u("div", {
+          key: 1,
+          class: T(["KNavbar-footer", e.footerClass])
+        }, [
+          v(n.$slots, "footer")
+        ], 2)) : D("", !0)
+      ], 2),
+      e.hideToggle ? D("", !0) : (i(), u("button", {
+        key: 0,
+        type: "button",
+        class: T(["KNavbar-toggle", e.toggleClass]),
+        onClick: r
+      }, [
+        Z(we, { href: "#caretLeft" })
+      ], 2))
+    ], 2));
+  }
+}), Do = ["aria-label"], xo = /* @__PURE__ */ P({
+  __name: "KNotificationList",
+  props: {
+    ariaLabel: {}
+  },
+  setup(e) {
+    return (l, o) => (i(), u("ul", {
+      class: "KNotificationList",
+      "aria-label": e.ariaLabel
+    }, [
+      v(l.$slots, "default")
+    ], 8, Do));
+  }
+}), Mo = {
+  key: 0,
+  class: "KNotificationList-media"
+}, Oo = { class: "KNotificationList-content" }, Po = {
+  key: 1,
+  class: "KNotificationList-time"
+}, Ro = {
+  key: 2,
+  class: "KNotificationList-actions"
+}, zo = /* @__PURE__ */ P({
+  __name: "KNotificationListItem",
+  props: {
+    hovered: { type: Boolean, default: !1 },
+    time: {},
+    unread: { type: Boolean, default: !1 },
+    unreadLabel: {}
+  },
+  setup(e) {
+    const l = ee(), o = g(() => [
+      "KNotificationList-item",
+      e.unread && "is-active",
+      e.hovered && "is-hovered"
+    ]), t = {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      overflow: "hidden",
+      clip: "rect(0 0 0 0)",
+      clipPath: "inset(50%)",
+      whiteSpace: "nowrap"
+    }, s = g(() => !!(l.time || e.time));
+    return (r, n) => (i(), u("li", {
+      class: T(o.value)
+    }, [
+      l.media ? (i(), u("div", Mo, [
+        v(r.$slots, "media")
+      ])) : D("", !0),
+      K("div", Oo, [
+        e.unread && e.unreadLabel ? (i(), u("span", {
+          key: 0,
+          style: t
+        }, W(e.unreadLabel), 1)) : D("", !0),
+        v(r.$slots, "default")
+      ]),
+      s.value ? (i(), u("div", Po, [
+        v(r.$slots, "time", {}, () => [
+          F(W(e.time), 1)
         ])
+      ])) : D("", !0),
+      l.actions ? (i(), u("div", Ro, [
+        v(r.$slots, "actions")
+      ])) : D("", !0)
+    ], 2));
+  }
+}), No = ["aria-valuenow", "aria-valuemax"], jo = ["viewBox"], Uo = {
+  key: 1,
+  class: "KProgress-fill"
+}, Vo = { class: "KProgress-label" }, Wo = /* @__PURE__ */ P({
+  __name: "KProgress",
+  props: {
+    label: {},
+    max: { default: 100 },
+    rounded: { type: Boolean, default: !1 },
+    shape: { default: "linear" },
+    size: {},
+    value: { default: 0 }
+  },
+  setup(e) {
+    const l = g(() => e.shape === "circular" || e.shape === "semiCircular"), o = g(() => !Number.isFinite(e.max) || e.max <= 0 ? 0 : Math.min(100, Math.max(0, e.value / e.max * 100))), t = g(() => e.label ?? `${Math.round(o.value)}%`), s = g(() => [
+      "KProgress",
+      e.shape !== "linear" && `KProgress--${e.shape}`,
+      e.rounded && "KProgress--rounded",
+      // `md` is the default and has no modifier of its own.
+      e.size && e.size !== "md" && `KProgress--${e.size}`
+    ]), r = g(
+      () => e.shape === "semiCircular" ? "0 0 36 20" : "0 0 36 36"
+    );
+    return (n, d) => (i(), u("div", {
+      class: T(s.value),
+      style: ce({ "--kt-progress-value": o.value }),
+      "aria-valuenow": e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max,
+      role: "progressbar"
+    }, [
+      l.value ? (i(), u("svg", {
+        key: 0,
+        class: "KProgress-svg",
+        viewBox: r.value,
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...d[0] || (d[0] = [
+        K("circle", {
+          class: "KProgress-track",
+          cx: "18",
+          cy: "18",
+          r: "15.9"
+        }, null, -1),
+        K("circle", {
+          class: "KProgress-fill",
+          cx: "18",
+          cy: "18",
+          r: "15.9"
+        }, null, -1)
+      ])], 8, jo)) : (i(), u("div", Uo)),
+      K("span", Vo, [
+        v(n.$slots, "label", {}, () => [
+          F(W(t.value), 1)
+        ])
+      ])
+    ], 14, No));
+  }
+}), Go = ["checked", "disabled", "name"], Ho = {
+  key: 0,
+  class: "KRadio-label"
+}, Fo = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "KRadio",
+  props: /* @__PURE__ */ q({
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    name: {},
+    value: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = te(e, "modelValue"), o = ee(), t = Ie(), s = g(() => l.value === e.value), r = g(() => ["KRadio", e.disabled && "KRadio--disabled"]), n = g(() => {
+      const { class: k, style: h, ...c } = t;
+      return c;
+    });
+    function d() {
+      l.value = e.value;
+    }
+    return (k, h) => (i(), u("label", {
+      class: T([r.value, z(t).class]),
+      style: ce(z(t).style)
+    }, [
+      K("input", re({
+        class: "KRadio-input",
+        type: "radio"
+      }, n.value, {
+        checked: s.value,
+        disabled: e.disabled,
+        name: e.name,
+        onChange: d
+      }), null, 16, Go),
+      h[0] || (h[0] = K("span", { class: "KRadio-box" }, null, -1)),
+      o.default || e.label ? (i(), u("span", Ho, [
+        v(k.$slots, "default", {}, () => [
+          F(W(e.label), 1)
+        ])
+      ])) : D("", !0)
+    ], 6));
+  }
+}), qo = ["disabled"], Qo = {
+  class: "KSelect-caret KIcon",
+  "aria-hidden": "true"
+}, Zo = ["href"], Jo = ["data-kt-select-value"], Yo = "data-kt-select-item", Xo = /* @__PURE__ */ P({
+  __name: "KSelect",
+  props: /* @__PURE__ */ q({
+    disabled: { type: Boolean, default: !1 },
+    icon: { default: "#caretDown" },
+    inline: { type: Boolean, default: !1 },
+    menuClass: { type: [Boolean, null, String, Object, Array] },
+    options: { default: () => [] },
+    placeholder: { default: "Select an option" },
+    toggleClass: { type: [Boolean, null, String, Object, Array] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const o = te(e, "modelValue"), t = l, s = _("root");
+    let r, n;
+    const d = g(
+      () => e.options.map(
+        (B) => typeof B == "string" ? { label: B, value: B } : B
+      )
+    ), k = g(
+      () => d.value.find((B) => B.value === o.value)?.label
+    );
+    function h() {
+      return !r && s.value && (r = new oe.modules.Select(s.value)), r;
+    }
+    function c(B) {
+      const C = s.value;
+      if (!C || B === void 0)
+        return;
+      const b = C.querySelector(
+        `[data-kt-select-item][data-kt-select-value="${CSS.escape(B)}"]`
+      );
+      b && (n = B, h()?.selectItem(b));
+    }
+    function m(B) {
+      B.target === s.value && (M.value = !0);
+    }
+    function S(B) {
+      B.target === s.value && (M.value = !1);
+    }
+    function x(B) {
+      if (B.target !== s.value)
+        return;
+      const C = h()?.getValue() ?? void 0;
+      C !== void 0 && (n = C, o.value = C, t("change", C));
+    }
+    const M = ye(!1);
+    it("dropdown", M, () => h()?.hide());
+    function R() {
+      h()?.toggle();
+    }
+    ve(M, "click", (B) => {
+      const C = B.target;
+      if (!C)
+        return;
+      const b = h(), L = b?.getMenu(), U = C.closest(`[${Yo}]`);
+      if (U && L?.contains(U)) {
+        b?.selectItem(U), b?.hide();
+        return;
+      }
+      s.value?.contains(C) || L?.contains(C) || b?.hide();
+    }), j(
+      o,
+      (B) => {
+        B !== n && c(B);
+      },
+      { flush: "post" }
+    ), j(
+      s,
+      (B, C, b) => {
+        r = void 0, B && (B.addEventListener("kt.select.change", x), B.addEventListener("kt.shown", m), B.addEventListener("kt.hidden", S), o.value !== void 0 && c(o.value), b(() => {
+          B.removeEventListener("kt.select.change", x), B.removeEventListener("kt.shown", m), B.removeEventListener("kt.hidden", S);
+        }));
+      },
+      { flush: "post", immediate: !0 }
+    );
+    const E = g(() => [
+      "KSelect",
+      e.inline && "KSelect--inline",
+      e.disabled && "KSelect--disabled",
+      e.disabled && "is-disabled"
+    ]);
+    return (B, C) => (i(), u("div", {
+      ref_key: "root",
+      ref: s,
+      class: T(E.value),
+      "data-kt-select": ""
+    }, [
+      K("button", {
+        class: T(["KSelect-toggle", e.toggleClass]),
+        type: "button",
+        "data-kt-select-toggle": "",
+        disabled: e.disabled,
+        onClick: ne(R, ["stop"])
+      }, [
+        K("span", {
+          class: T(["KSelect-label", !k.value && "is-placeholder"]),
+          "data-kt-select-label": ""
+        }, W(k.value ?? e.placeholder), 3),
+        (i(), u("svg", Qo, [
+          K("use", { href: e.icon }, null, 8, Zo)
+        ]))
+      ], 10, qo),
+      K("div", {
+        class: T(["KSelect-menu", e.menuClass]),
+        "data-kt-select-menu": ""
+      }, [
+        v(B.$slots, "default", {}, () => [
+          (i(!0), u(ae, null, ie(d.value, (b) => (i(), u("div", {
+            key: b.value,
+            class: "KSelect-item",
+            "data-kt-select-item": "",
+            "data-kt-select-value": b.value
+          }, W(b.label), 9, Jo))), 128))
+        ])
+      ], 2)
+    ], 2));
+  }
+}), _o = ["aria-hidden", "aria-label", "role"], el = /* @__PURE__ */ P({
+  __name: "KSpinner",
+  props: {
+    decorative: { type: Boolean },
+    label: { default: "Loading" },
+    size: {},
+    variant: {}
+  },
+  setup(e) {
+    return (l, o) => (i(), u("span", {
+      class: T([
+        "KSpinner",
+        e.size && e.size !== "md" && `KSpinner--${e.size}`,
+        e.variant && `KSpinner--${e.variant}`
+      ]),
+      "aria-hidden": e.decorative ? "true" : void 0,
+      "aria-label": e.decorative ? void 0 : e.label,
+      role: e.decorative ? void 0 : "status"
+    }, null, 10, _o));
+  }
+}), Ge = /* @__PURE__ */ Symbol("KTabs"), tl = ["data-ktab-name", "data-kt-tabs-tab", "data-kt-tabs-target", "aria-controls", "disabled"], al = /* @__PURE__ */ P({
+  __name: "KTab",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    name: {}
+  },
+  setup(e) {
+    const l = he(Ge, void 0), o = g(() => l?.panelId(e.name));
+    return (t, s) => (i(), u("button", {
+      class: "KTabs-tab",
+      type: "button",
+      role: "tab",
+      "data-ktab-name": e.name,
+      "data-kt-tabs-tab": e.disabled ? void 0 : "",
+      "data-kt-tabs-target": o.value,
+      "aria-controls": o.value,
+      disabled: e.disabled
+    }, [
+      v(t.$slots, "default")
+    ], 8, tl));
+  }
+}), sl = /* @__PURE__ */ P({
+  __name: "KTable",
+  props: {
+    borderless: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !1 },
+    size: {},
+    striped: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = g(() => [
+      "KTable",
+      e.borderless && "KTable--borderless",
+      e.hoverable && "KTable--hoverable",
+      e.striped && "KTable--striped",
+      // `md` is the default and has no modifier of its own.
+      e.size && e.size !== "md" && `KTable--${e.size}`
+    ]);
+    return (o, t) => (i(), u("table", {
+      class: T(l.value)
+    }, [
+      v(o.$slots, "default")
+    ], 2));
+  }
+}), ol = ["id"], ll = /* @__PURE__ */ P({
+  __name: "KTabPanel",
+  props: {
+    name: {}
+  },
+  setup(e) {
+    const l = he(Ge, void 0), o = g(() => l?.panelId(e.name));
+    return (t, s) => (i(), u("div", {
+      id: o.value,
+      class: "KTabs-panel",
+      role: "tabpanel",
+      "data-kt-tabs-panel": ""
+    }, [
+      v(t.$slots, "default")
+    ], 8, ol));
+  }
+}), nl = ["aria-label"], il = { class: "KTabs-content" }, be = "data-ktab-name", rl = /* @__PURE__ */ P({
+  __name: "KTabs",
+  props: /* @__PURE__ */ q({
+    ariaLabel: { default: "Tabs" },
+    variant: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["shown"], ["update:modelValue"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "modelValue"), s = o, r = Te(), n = _("root");
+    let d;
+    const k = (C) => `${r}-${C.replace(
+      /[^A-Za-z0-9_]/g,
+      (b) => `-${b.charCodeAt(0).toString(16)}-`
+    )}`;
+    Ae(Ge, { active: g(() => t.value), panelId: k });
+    const h = `[${be}][data-kt-tabs-tab]`;
+    function c(C) {
+      return n.value?.querySelector(
+        `[${be}="${CSS.escape(C)}"][data-kt-tabs-tab]`
+      ) ?? null;
+    }
+    function m(C) {
+      const b = c(C);
+      b && (d = C, new oe.modules.Tabs(b).show(b));
+    }
+    function S(C) {
+      if (C.target !== n.value)
+        return;
+      const L = n.value?.querySelector(
+        `[${be}].is-active`
+      )?.getAttribute(be) ?? void 0;
+      L && (d = L, t.value = L, s("shown", L));
+    }
+    function x(C) {
+      const b = C?.closest(
+        "[data-kt-tabs-tab]"
+      );
+      return b && b.closest("[data-kt-tabs]") === n.value ? b : null;
+    }
+    function M() {
+      const C = n.value?.querySelectorAll(h) ?? [];
+      return Array.from(C).filter(
+        (b) => b.closest("[data-kt-tabs]") === n.value
+      );
+    }
+    function R(C) {
+      const b = C.getAttribute(be);
+      b && (t.value = b);
+    }
+    function E(C) {
+      const b = x(C.target);
+      b && (C.stopPropagation(), C.preventDefault(), R(b));
+    }
+    function B(C) {
+      const b = x(C.target);
+      if (!b)
+        return;
+      const L = M(), U = L.indexOf(b);
+      let $;
+      switch (C.key) {
+        case "ArrowRight":
+          $ = L[(U + 1) % L.length];
+          break;
+        case "ArrowLeft":
+          $ = L[(U - 1 + L.length) % L.length];
+          break;
+        case "Home":
+          $ = L[0];
+          break;
+        case "End":
+          $ = L[L.length - 1];
+          break;
+        case "Enter":
+        case " ":
+          C.stopPropagation(), C.preventDefault(), R(b);
+          return;
+        default:
+          return;
+      }
+      $?.focus(), C.stopPropagation(), C.preventDefault();
+    }
+    return j(
+      t,
+      (C) => {
+        !C || C === d || m(C);
+      },
+      { flush: "post" }
+    ), j(
+      n,
+      (C, b, L) => {
+        if (!C)
+          return;
+        C.addEventListener("kt.tabs.shown", S);
+        const U = t.value ?? C.querySelector(h)?.getAttribute(be) ?? void 0;
+        U && (t.value = U, m(U)), L(() => C.removeEventListener("kt.tabs.shown", S));
+      },
+      { flush: "post", immediate: !0 }
+    ), l({ show: (C) => t.value = C }), (C, b) => (i(), u("div", {
+      ref_key: "root",
+      ref: n,
+      "data-kt-tabs": "",
+      onClick: E,
+      onKeydown: B
+    }, [
+      K("div", {
+        class: T(["KTabs", e.variant && `KTabs--${e.variant}`]),
+        role: "tablist",
+        "aria-label": e.ariaLabel
+      }, [
+        v(C.$slots, "tabs")
+      ], 10, nl),
+      K("div", il, [
+        v(C.$slots, "default")
+      ])
+    ], 544));
+  }
+}), dl = ["disabled"], cl = {
+  key: 0,
+  class: "KToggle-label"
+}, ul = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "KToggle",
+  props: /* @__PURE__ */ q({
+    disabled: { type: Boolean, default: !1 },
+    label: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = te(e, "modelValue"), o = ee(), t = Ie(), s = g(() => ["KToggle", e.disabled && "KToggle--disabled"]), r = g(() => {
+      const { class: n, style: d, ...k } = t;
+      return k;
+    });
+    return (n, d) => (i(), u("label", {
+      class: T([s.value, z(t).class]),
+      style: ce(z(t).style)
+    }, [
+      Pe(K("input", re({
+        "onUpdate:modelValue": d[0] || (d[0] = (k) => l.value = k),
+        class: "KToggle-input",
+        type: "checkbox"
+      }, r.value, { disabled: e.disabled }), null, 16, dl), [
+        [Ot, l.value]
+      ]),
+      d[1] || (d[1] = K("span", { class: "KToggle-track" }, [
+        K("span", { class: "KToggle-thumb" })
+      ], -1)),
+      o.default || e.label ? (i(), u("span", cl, [
+        v(n.$slots, "default", {}, () => [
+          F(W(e.label), 1)
+        ])
+      ])) : D("", !0)
+    ], 6));
+  }
+}), fl = ["data-kt-collapse-horizontal"], vl = ["data-kt-collapse-content"], hl = /* @__PURE__ */ P({
+  __name: "KWorkspace",
+  props: /* @__PURE__ */ q({
+    bodyClass: { type: [Boolean, null, String, Object, Array] },
+    bodyContentClass: { type: [Boolean, null, String, Object, Array] },
+    bodySidebarClass: { type: [Boolean, null, String, Object, Array] },
+    bodySidebarSide: { default: "left" },
+    collapsible: { type: Boolean, default: !1 },
+    footerClass: { type: [Boolean, null, String, Object, Array] },
+    height: {},
+    mainClass: { type: [Boolean, null, String, Object, Array] },
+    side: { default: "left" },
+    sidebarBodyClass: { type: [Boolean, null, String, Object, Array] },
+    sidebarClass: { type: [Boolean, null, String, Object, Array] },
+    sidebarInnerClass: { type: [Boolean, null, String, Object, Array] },
+    topbarClass: { type: [Boolean, null, String, Object, Array] }
+  }, {
+    expanded: { type: Boolean, default: !0 },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["toggle"], ["update:expanded"]),
+  setup(e, { expose: l, emit: o }) {
+    const t = te(e, "expanded"), s = o, r = ee(), n = _("sidebar");
+    let d;
+    const k = [
+      "is-active",
+      "is-collapsed",
+      "is-collapsing",
+      "is-expanded",
+      "is-expanding"
+    ], h = g(
+      () => !!(r.sidebar || r.sidebarHeader || r.sidebarFooter)
+    ), c = g(
+      () => e.height ? { "--kt-workspace-height": e.height } : void 0
+    );
+    function m() {
+      return !d && n.value && (d = new oe.modules.Collapse(n.value, {
+        horizontal: !0,
+        direction: e.side === "right" ? "left" : "right"
+      })), d;
+    }
+    function S() {
+      const E = n.value;
+      E && (E.classList.remove(...k), t.value ? E.classList.add("is-active", "is-expanded") : E.classList.add("is-collapsed"));
+    }
+    j(
+      n,
+      () => {
+        d = void 0, e.collapsible && S();
+      },
+      { flush: "post", immediate: !0 }
+    ), j(
+      () => e.collapsible,
+      (E) => {
+        d = void 0, E ? S() : n.value?.classList.remove(...k);
+      },
+      { flush: "post" }
+    ), j(
+      () => t.value,
+      (E) => {
+        if (!e.collapsible)
+          return;
+        const B = m();
+        B && (E ? B.expand() : B.collapse());
+      }
+    );
+    function x() {
+      t.value = !t.value, s("toggle", t.value);
+    }
+    function M() {
+      t.value || x();
+    }
+    function R() {
+      t.value && x();
+    }
+    return l({ toggle: x, expand: M, collapse: R }), (E, B) => (i(), u("div", {
+      class: T(["KWorkspace", e.side === "right" && "is-side-right"]),
+      style: ce(c.value)
+    }, [
+      h.value ? (i(), u("aside", {
+        key: 0,
+        ref_key: "sidebar",
+        ref: n,
+        class: T([
+          "KWorkspace-sidebar",
+          e.collapsible && "KCollapse",
+          e.sidebarClass
+        ]),
+        "data-kt-collapse-horizontal": e.collapsible ? e.side === "right" ? "left" : "true" : void 0
       }, [
-        c("div", {
-          class: l(["KNavbar-inner", e.innerClass])
+        K("div", {
+          class: T([
+            "KWorkspace-sidebarInner",
+            e.collapsible && "KCollapse-content",
+            e.sidebarInnerClass
+          ]),
+          "data-kt-collapse-content": e.collapsible ? "" : void 0
         }, [
-          r.brand ? (o(), s("div", {
+          v(E.$slots, "sidebarHeader"),
+          r.sidebar ? (i(), u("div", {
             key: 0,
-            class: l(["KNavbar-brand", e.brandClass])
+            class: T(["KWorkspace-sidebarBody", e.sidebarBodyClass])
           }, [
-            u(t.$slots, "brand")
-          ], 2)) : f("", !0),
-          c("nav", {
-            class: l(["KNavbar-body", e.bodyClass])
+            v(E.$slots, "sidebar")
+          ], 2)) : D("", !0),
+          v(E.$slots, "sidebarFooter")
+        ], 10, vl)
+      ], 10, fl)) : D("", !0),
+      K("div", {
+        class: T(["KWorkspace-main", e.mainClass])
+      }, [
+        r.topbar ? (i(), u("header", {
+          key: 0,
+          class: T(["KWorkspace-topbar", e.topbarClass])
+        }, [
+          v(E.$slots, "topbar")
+        ], 2)) : D("", !0),
+        K("div", {
+          class: T([
+            "KWorkspace-body",
+            e.bodySidebarSide === "right" && "is-side-right",
+            e.bodyClass
+          ])
+        }, [
+          r.bodySidebar ? (i(), u("aside", {
+            key: 0,
+            class: T(["KWorkspace-bodySidebar", e.bodySidebarClass])
           }, [
-            u(t.$slots, "default", {}, () => [
-              g(I, { items: e.items }, null, 8, ["items"])
-            ])
-          ], 2),
-          r.footer ? (o(), s("div", {
-            key: 1,
-            class: l(["KNavbar-footer", e.footerClass])
+            v(E.$slots, "bodySidebar")
+          ], 2)) : D("", !0),
+          K("div", {
+            class: T(["KWorkspace-bodyContent", e.bodyContentClass])
           }, [
-            u(t.$slots, "footer")
-          ], 2)) : f("", !0)
+            v(E.$slots, "default")
+          ], 2)
         ], 2),
-        e.hideToggle ? f("", !0) : (o(), s("button", {
-          key: 0,
-          type: "button",
-          class: l(["KNavbar-toggle", e.toggleClass]),
-          onClick: i
+        r.footer ? (i(), u("footer", {
+          key: 1,
+          class: T(["KWorkspace-footer", e.footerClass])
         }, [
-          g(y, { href: "#caretLeft" })
-        ], 2))
-      ], 2);
-    };
+          v(E.$slots, "footer")
+        ], 2)) : D("", !0)
+      ], 2)
+    ], 6));
   }
-}), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+function ml(e = {}) {
+  return {
+    /** Dismisses every toast, or only those in one corner. */
+    closeAll(l) {
+      oe.modules.Toast.prototype.closeAll.call(oe.modules.Toast.prototype, l);
+    },
+    show(l) {
+      const o = new oe.modules.Toast({ ...e, ...l });
+      return {
+        close: () => o.close(),
+        pause: () => o.pauseTimer(),
+        resume: () => o.resumeTimer()
+      };
+    }
+  };
+}
+const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  KButton: E,
-  KContainer: H,
-  KIcon: R,
-  KInput: Q,
-  KNavbar: _,
-  KNavbarMenu: I
-}, Symbol.toStringTag, { value: "Module" })), ne = {
+  KAccordion: jt,
+  KAccordionItem: Yt,
+  KAlert: _t,
+  KAvatar: fe,
+  KAvatarGroup: lt,
+  KBadge: Se,
+  KBreadcrumb: ha,
+  KBreadcrumbItem: ga,
+  KButton: Ke,
+  KCalendar: ya,
+  KCard: Ka,
+  KChat: nt,
+  KChatDivider: vt,
+  KChatDock: ct,
+  KChatDockItem: ut,
+  KChatDockPanel: ft,
+  KChatMessage: ht,
+  KChatMessageActions: Rs,
+  KChatMessages: Re,
+  KChatNotice: mt,
+  KChatPrompt: gt,
+  KChatShimmer: ze,
+  KChatWindow: kt,
+  KCheckbox: js,
+  KCollapse: Vs,
+  KContainer: Ws,
+  KDrawer: Js,
+  KDropdown: Kt,
+  KDropdownItem: wt,
+  KDropdownMenu: $t,
+  KFileTree: uo,
+  KGrid: vo,
+  KGridColumn: ho,
+  KGridRow: mo,
+  KIcon: we,
+  KInput: bt,
+  KMenuList: ko,
+  KMenuListItem: wo,
+  KMessenger: As,
+  KModal: Ao,
+  KNavbar: Lo,
+  KNavbarMenu: Bt,
+  KNotificationList: xo,
+  KNotificationListItem: zo,
+  KPopover: dt,
+  KProgress: Wo,
+  KRadio: Fo,
+  KSelect: Xo,
+  KSpinner: el,
+  KTab: al,
+  KTabPanel: ll,
+  KTable: sl,
+  KTabs: rl,
+  KToggle: ul,
+  KTooltip: yt,
+  KWorkspace: hl,
+  accordionGroupKey: Ue,
+  chatBusyKey: Ve,
+  chatDockKey: xe,
+  chatDockStoreKey: We,
+  injectChatDock: zt,
+  provideChatDock: at,
+  useChatDock: st,
+  useToast: ml
+}, Symbol.toStringTag, { value: "Module" })), bl = (e) => /^K[A-Z]/.test(e), Kl = {
   install(e) {
-    for (const a in $)
-      e.component(
-        a,
-        $[a]
-      );
+    for (const l in Xe)
+      bl(l) && e.component(l, Xe[l]);
   }
 };
 export {
-  E as KButton,
-  H as KContainer,
-  R as KIcon,
-  Q as KInput,
-  _ as KNavbar,
-  I as KNavbarMenu,
-  ne as default
+  jt as KAccordion,
+  Yt as KAccordionItem,
+  _t as KAlert,
+  fe as KAvatar,
+  lt as KAvatarGroup,
+  Se as KBadge,
+  ha as KBreadcrumb,
+  ga as KBreadcrumbItem,
+  Ke as KButton,
+  ya as KCalendar,
+  Ka as KCard,
+  nt as KChat,
+  vt as KChatDivider,
+  ct as KChatDock,
+  ut as KChatDockItem,
+  ft as KChatDockPanel,
+  ht as KChatMessage,
+  Rs as KChatMessageActions,
+  Re as KChatMessages,
+  mt as KChatNotice,
+  gt as KChatPrompt,
+  ze as KChatShimmer,
+  kt as KChatWindow,
+  js as KCheckbox,
+  Vs as KCollapse,
+  Ws as KContainer,
+  Js as KDrawer,
+  Kt as KDropdown,
+  wt as KDropdownItem,
+  $t as KDropdownMenu,
+  uo as KFileTree,
+  vo as KGrid,
+  ho as KGridColumn,
+  mo as KGridRow,
+  we as KIcon,
+  bt as KInput,
+  ko as KMenuList,
+  wo as KMenuListItem,
+  As as KMessenger,
+  Ao as KModal,
+  Lo as KNavbar,
+  Bt as KNavbarMenu,
+  xo as KNotificationList,
+  zo as KNotificationListItem,
+  dt as KPopover,
+  Wo as KProgress,
+  Fo as KRadio,
+  Xo as KSelect,
+  el as KSpinner,
+  al as KTab,
+  ll as KTabPanel,
+  sl as KTable,
+  rl as KTabs,
+  ul as KToggle,
+  yt as KTooltip,
+  hl as KWorkspace,
+  Ue as accordionGroupKey,
+  Ve as chatBusyKey,
+  xe as chatDockKey,
+  We as chatDockStoreKey,
+  Kl as default,
+  zt as injectChatDock,
+  at as provideChatDock,
+  Ge as tabsKey,
+  st as useChatDock,
+  ml as useToast
 };