@knitify/vue 0.0.9 → 1.0.0

package/dist/index.es.js

@@ -1,95 +1,640 @@
-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 { defineComponent as C, useId as ee, computed as u, provide as de, openBlock as i, createElementBlock as r, normalizeClass as h, renderSlot as v, watch as L, onBeforeUnmount as X, useModel as M, inject as te, useTemplateRef as j, createElementVNode as y, withKeys as oe, withModifiers as Y, unref as E, createTextVNode as O, toDisplayString as D, mergeModels as T, useSlots as N, createCommentVNode as S, normalizeStyle as W, createBlock as G, resolveDynamicComponent as re, withCtx as F, toRef as Ae, onMounted as Q, onUnmounted as ye, useAttrs as ae, mergeProps as H, withDirectives as ie, vModelText as Te, vModelDynamic as Le, nextTick as Ie, createVNode as U, ref as Me, Transition as De, Teleport as Ke, resolveComponent as ge, Fragment as le, renderList as se, createSlots as ke, vModelCheckbox as ze, cloneVNode as Ee, h as Ne } from "vue";
+import R from "@knitify/core";
+import { useLink as ue, RouterLink as Oe } from "vue-router";
+const ce = /* @__PURE__ */ Symbol("KAccordionGroup"), fe = /* @__PURE__ */ Symbol("KChatBusy"), je = /* @__PURE__ */ C({
+  __name: "KAccordion",
+  props: {
+    exclusive: { type: Boolean, default: !1 },
+    group: {},
+    ghost: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = ee(), a = u(() => e.group ? e.group : e.exclusive ? `accordion-${l}` : void 0);
+    de(ce, a);
+    const t = u(() => [
+      "KAccordion",
+      e.ghost && "KAccordion--ghost"
+    ]);
+    return (n, s) => (i(), r("div", {
+      class: h(t.value)
+    }, [
+      v(n.$slots, "default")
+    ], 2));
+  }
+}), Ve = ["collapse", "collapsed", "expand", "expanded"];
+function $e({
+  direction: e,
+  element: l,
+  expanded: a,
+  horizontal: t,
+  onEvent: n
+}) {
+  let s, d = !1;
+  function o() {
+    return !s && l.value && (s = new R.modules.Collapse(l.value, {
+      horizontal: t?.() ?? !1,
+      direction: e?.() ?? "right"
+    })), s;
+  }
+  L(
+    () => [t?.(), e?.()],
+    () => {
+      s = void 0;
+    }
+  ), L(
+    a,
+    (c) => {
+      if (c === d)
+        return;
+      const K = o();
+      K && (d = c, c ? K.expand() : K.collapse());
+    },
+    { flush: "post" }
+  );
+  const m = Ve.map((c) => {
+    const K = (B) => {
+      B.target === l.value && (c === "expand" && (d = !0, a.value = !0), c === "collapse" && (d = !1, a.value = !1), n?.(c));
+    };
+    return [`kt.${c}`, K];
+  });
+  return L(
+    l,
+    (c, K, B) => {
+      if (s = void 0, !!c) {
+        for (const [$, f] of m)
+          c.addEventListener($, f);
+        d = a.value, c.classList.remove("is-active", "is-expanded", "is-collapsed"), c.classList.add(
+          ...a.value ? ["is-active", "is-expanded"] : ["is-collapsed"]
+        ), B(() => {
+          for (const [$, f] of m)
+            c.removeEventListener($, f);
+        });
+      }
+    },
+    { flush: "post", immediate: !0 }
+  ), X(() => {
+    s = void 0;
+  }), {
+    collapse: () => {
+      a.value = !1;
+    },
+    expand: () => {
+      a.value = !0;
+    },
+    toggle: () => {
+      a.value = !a.value;
+    }
+  };
+}
+const Re = ["data-kt-collapse-group"], Pe = {
+  class: "KCollapse-toggle",
+  "data-kt-collapse-toggle": ""
+}, Ge = ["aria-expanded"], Fe = {
+  class: "KAccordion-title",
+  role: "heading",
+  "aria-level": "3"
+}, He = { class: "KAccordion-icon" }, Ue = {
+  class: "KIcon",
+  "aria-hidden": "true"
+}, We = ["href"], qe = {
+  class: "KAccordion-content KCollapse-content",
+  "data-kt-collapse-content": "",
+  role: "region"
+}, Ye = { class: "KAccordion-body" }, Je = /* @__PURE__ */ C({
+  __name: "KAccordionItem",
+  props: /* @__PURE__ */ T({
+    expanded: { type: Boolean },
+    icon: { default: "#arrowDropRight" },
+    title: {}
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: ["update:expanded"],
+  setup(e, { expose: l }) {
+    const a = M(e, "expanded"), t = te(ce, void 0), n = j("root"), { toggle: s } = $e({ element: n, expanded: a }), d = u(() => t?.value);
+    return l({ toggle: s }), (o, m) => (i(), r("div", {
+      ref_key: "root",
+      ref: n,
+      class: "KAccordion-item KCollapse",
+      "data-kt-collapse": "",
+      "data-kt-collapse-group": d.value
+    }, [
+      y("div", Pe, [
+        y("div", {
+          class: "KAccordion-button",
+          role: "button",
+          tabindex: "0",
+          "aria-expanded": a.value,
+          onKeydown: [
+            m[0] || (m[0] = oe(Y(
+              //@ts-ignore
+              (...c) => E(s) && E(s)(...c),
+              ["prevent"]
+            ), ["enter"])),
+            m[1] || (m[1] = oe(Y(
+              //@ts-ignore
+              (...c) => E(s) && E(s)(...c),
+              ["prevent"]
+            ), ["space"]))
+          ]
+        }, [
+          y("div", Fe, [
+            v(o.$slots, "title", {}, () => [
+              O(D(e.title), 1)
+            ])
+          ]),
+          y("div", He, [
+            (i(), r("svg", Ue, [
+              y("use", { href: e.icon }, null, 8, We)
+            ]))
+          ])
+        ], 40, Ge)
+      ]),
+      y("div", qe, [
+        y("div", Ye, [
+          v(o.$slots, "default")
+        ])
+      ])
+    ], 8, Re));
+  }
+}), Xe = {
+  key: 0,
+  class: "KAlert-title"
+}, Ze = /* @__PURE__ */ C({
+  __name: "KAlert",
+  props: {
+    title: {},
+    variant: {}
+  },
+  setup(e) {
+    const l = N(), a = u(() => ["KAlert", e.variant && `KAlert--${e.variant}`]), t = u(() => !!(l.title || e.title));
+    return (n, s) => (i(), r("div", {
+      class: h(a.value),
+      role: "alert"
+    }, [
+      t.value ? (i(), r("h4", Xe, [
+        v(n.$slots, "title", {}, () => [
+          O(D(e.title), 1)
+        ])
+      ])) : S("", !0),
+      v(n.$slots, "default")
+    ], 2));
+  }
+}), Qe = ["src", "alt"], _e = {
+  key: 1,
+  class: "KIcon KAvatar-icon",
+  "aria-hidden": "true"
+}, et = ["href"], tt = ["aria-label", "role"], at = "#user", lt = /* @__PURE__ */ C({
+  __name: "KAvatar",
+  props: {
+    alt: { default: "" },
+    icon: { type: [Boolean, String], default: !1 },
+    overflow: { type: Boolean, default: !1 },
+    size: {},
+    src: {},
+    status: { type: [Boolean, String] },
+    statusLabel: {},
+    variant: {}
+  },
+  setup(e) {
+    const l = u(() => [
+      "KAvatar",
+      e.variant && `KAvatar--${e.variant}`,
+      // `md` is the default and has no modifier of its own.
+      e.size && e.size !== "md" && `KAvatar--${e.size}`,
+      e.overflow && "KAvatar--overflow"
+    ]), a = u(
+      () => typeof e.icon == "string" ? e.icon : e.icon ? at : void 0
+    ), t = u(() => !e.src && !!a.value), n = u(() => !e.src && !t.value), s = u(() => e.status === !0 || typeof e.status == "string"), d = u(() => [
+      "KAvatar-status",
+      typeof e.status == "string" && `is-${e.status}`
+    ]);
+    return (o, m) => (i(), r("span", {
+      class: h(l.value)
+    }, [
+      e.src ? (i(), r("img", {
+        key: 0,
+        class: "KAvatar-image",
+        src: e.src,
+        alt: e.alt
+      }, null, 8, Qe)) : t.value ? (i(), r("svg", _e, [
+        y("use", { href: a.value }, null, 8, et)
+      ])) : S("", !0),
+      n.value ? v(o.$slots, "default", { key: 2 }) : S("", !0),
+      s.value ? (i(), r("span", {
+        key: 3,
+        class: h(d.value),
+        "aria-label": e.statusLabel,
+        role: e.statusLabel ? "img" : void 0
+      }, null, 10, tt)) : S("", !0)
+    ], 2));
+  }
+}), st = /* @__PURE__ */ C({
+  __name: "KAvatarGroup",
+  props: {
+    diagonal: { type: Boolean, default: !1 },
+    size: {}
+  },
+  setup(e) {
+    const l = u(() => [
+      "KAvatarGroup",
+      e.diagonal && "KAvatarGroup--diagonal",
+      e.size && e.size !== "md" && `KAvatarGroup--${e.size}`
+    ]);
+    return (a, t) => (i(), r("span", {
+      class: h(l.value)
+    }, [
+      v(a.$slots, "default")
+    ], 2));
+  }
+}), Ce = /* @__PURE__ */ C({
+  __name: "KBadge",
+  props: {
+    pill: { type: Boolean },
+    size: {},
+    subtle: { type: Boolean },
+    variant: {}
+  },
+  setup(e) {
+    return (l, a) => (i(), r("div", {
+      class: h([
+        "KBadge",
+        e.pill && "KBadge--pill",
+        e.size && `KBadge--${e.size}`,
+        e.subtle && "KBadge--subtle",
+        e.variant && `KBadge--${e.variant}`
+      ])
+    }, [
+      v(l.$slots, "default")
+    ], 2));
+  }
+}), nt = ["aria-label"], ot = /* @__PURE__ */ C({
+  __name: "KBreadcrumb",
+  props: {
+    ariaLabel: { default: "breadcrumb" },
+    divider: {}
+  },
+  setup(e) {
+    const l = u(
+      () => e.divider ? { "--kt-breadcrumb-divider": `"${e.divider}"` } : void 0
+    );
+    return (a, t) => (i(), r("nav", { "aria-label": e.ariaLabel }, [
+      y("ol", {
+        class: "KBreadcrumb",
+        style: W(l.value)
+      }, [
+        v(a.$slots, "default")
+      ], 4)
+    ], 8, nt));
+  }
+}), it = ["aria-current"], dt = ["href"], rt = /* @__PURE__ */ C({
+  __name: "KBreadcrumbItem",
+  props: {
+    active: { type: Boolean, default: () => {
+    } },
+    href: {},
+    to: {}
+  },
+  setup(e) {
+    const l = ue({ to: u(() => e.to ?? "/") }), a = u(() => e.active ?? (e.to ? l.isActive.value : !1)), t = u(() => e.to ? l.href.value : e.href), n = u(() => [
+      "KBreadcrumb-item",
+      a.value && "KBreadcrumb-is-active"
+    ]);
+    function s(d) {
+      e.to && (d.preventDefault(), l.navigate(d));
+    }
+    return (d, o) => (i(), r("li", {
+      class: h(n.value),
+      "aria-current": a.value ? "page" : void 0
+    }, [
+      !a.value && t.value ? (i(), r("a", {
+        key: 0,
+        href: t.value,
+        onClick: s
+      }, [
+        v(d.$slots, "default")
+      ], 8, dt)) : v(d.$slots, "default", { key: 1 })
+    ], 10, it));
+  }
+});
+function me(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const E = /* @__PURE__ */ K({
+const Be = /* @__PURE__ */ C({
   __name: "KButton",
   props: {
     disabled: { type: Boolean, default: !1 },
     expanded: { type: Boolean, default: !1 },
-    ghost: { type: Boolean, default: !1 },
     href: {},
-    outline: { type: Boolean, default: !1 },
+    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 { href: a, navigate: n } = w({
-      to: b(() => e.to ?? "/")
-    }), d = b(() => e.to || e.href ? "a" : "button"), r = b(() => {
+    const l = ["warning"], a = ["warning", "affirm"], { href: t, navigate: n } = ue({
+      to: u(() => e.to ?? "/")
+    }), s = u(() => e.to || e.href ? "a" : "button"), d = u(() => {
       if (e.to)
-        return a.value;
+        return t.value;
       if (e.href)
         return e.href;
-    }), i = b(() => [
+    }), o = u(() => e.variant ? e.utility && !l.includes(e.variant) ? `KButton--utility${me(e.variant)}` : e.minimal && !a.includes(e.variant) ? `KButton--minimal${me(e.variant)}` : `KButton--${e.variant}` : e.utility ? "KButton--utility" : e.minimal ? "KButton--minimal" : e.secondary ? "KButton--secondary" : null), m = u(() => [
       "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",
+      o.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.expanded && "KButton--expanded",
+      e.selected && "KButton--selected"
     ]);
-    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
+    function c(K) {
+      e.to && n(K);
+    }
+    return (K, B) => (i(), G(re(s.value), {
+      href: d.value,
+      type: s.value === "button" ? e.type : void 0,
+      disabled: s.value === "button" ? e.disabled : void 0,
+      class: h(m.value),
+      onClick: c
     }, {
-      default: h(() => [
-        u(v.$slots, "default")
+      default: F(() => [
+        v(K.$slots, "default")
       ]),
       _: 3
     }, 8, ["href", "type", "disabled", "class"]));
   }
-}), H = /* @__PURE__ */ K({
-  __name: "KContainer",
+}), ut = /* @__PURE__ */ C({
+  __name: "KCalendar",
+  props: /* @__PURE__ */ T({
+    disabledDates: {},
+    firstDay: { default: 0 },
+    locale: { default: "en-US" },
+    maxDate: {},
+    minDate: {},
+    mode: { default: "single" }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {},
+    range: { default: null },
+    rangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["clear", "navigate", "rangestart"], ["update:modelValue", "update:range"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "modelValue"), n = M(e, "range"), s = a, d = j("root");
+    let o, m = null, c = null;
+    const K = (b) => b ? `${b.start.getTime()}-${b.end.getTime()}` : null, B = (b) => b.target === d.value;
+    function $(b) {
+      if (!B(b))
+        return;
+      const g = b.detail;
+      g && (m = g.date.getTime(), t.value = g.date);
+    }
+    function f(b) {
+      if (!B(b))
+        return;
+      const g = b.detail;
+      g && (c = K(g), n.value = { start: g.start, end: g.end });
+    }
+    function x(b) {
+      if (!B(b))
+        return;
+      const g = b.detail;
+      g && s("rangestart", g.date);
+    }
+    function I(b) {
+      if (!B(b))
+        return;
+      const g = b.detail;
+      g && s("navigate", g.year, g.month);
+    }
+    function p(b) {
+      B(b) && (m = null, c = null, t.value = null, n.value = null, s("clear"));
+    }
+    const z = [
+      ["kt.calendar.select", $],
+      ["kt.calendar.rangeselect", f],
+      ["kt.calendar.rangestart", x],
+      ["kt.calendar.navigate", I],
+      ["kt.calendar.clear", p]
+    ];
+    function P(b) {
+      o?.destroy(), o = new R.modules.Calendar(b, {
+        disabledDates: e.disabledDates,
+        firstDay: e.firstDay,
+        locale: e.locale,
+        maxDate: e.maxDate,
+        minDate: e.minDate,
+        mode: e.mode
+      }), e.mode === "range" && n.value ? (c = K(n.value), o.setRange(n.value.start, n.value.end)) : e.mode === "single" && t.value && (m = t.value.getTime(), o.setDate(t.value));
+    }
+    return L(
+      d,
+      (b, g, w) => {
+        if (b) {
+          for (const [k, A] of z)
+            b.addEventListener(k, A);
+          P(b), w(() => {
+            for (const [k, A] of z)
+              b.removeEventListener(k, A);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    ), L(
+      () => [e.mode, e.locale, e.firstDay, e.minDate, e.maxDate, e.disabledDates],
+      () => {
+        d.value && P(d.value);
+      },
+      { deep: !0 }
+    ), L(t, (b) => {
+      (b?.getTime() ?? null) !== m && (m = b?.getTime() ?? null, b ? o?.setDate(b) : o?.clearSelection());
+    }), L(n, (b) => {
+      K(b) !== c && (c = K(b), b ? o?.setRange(b.start, b.end) : o?.clearSelection());
+    }), X(() => {
+      o?.destroy(), o = void 0;
+    }), l({
+      clear: () => o?.clearSelection(),
+      navigateTo: (b, g) => o?.navigateTo(b, g),
+      next: () => o?.next(),
+      prev: () => o?.prev()
+    }), (b, g) => (i(), r("div", {
+      ref_key: "root",
+      ref: d,
+      class: "KCalendar",
+      "data-kt-calendar": ""
+    }, null, 512));
+  }
+}), ct = {
+  key: 0,
+  class: "KCard-title"
+}, ft = /* @__PURE__ */ C({
+  __name: "KCard",
   props: {
-    glassy: { type: Boolean }
+    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) {
-    return (a, n) => (o(), s("div", {
-      class: l(["KContainer", e.glassy && "KContainer--glassy"])
+    const l = N(), a = u(() => [
+      "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 = u(() => !!(l.title || e.title)), n = u(() => !!(l.header || t.value));
+    return (s, d) => (i(), r("div", {
+      class: h(a.value)
     }, [
-      u(a.$slots, "default")
+      n.value ? (i(), r("div", {
+        key: 0,
+        class: h(["KCard-header", e.headerClass])
+      }, [
+        v(s.$slots, "header", {}, () => [
+          t.value ? (i(), r("h3", ct, [
+            v(s.$slots, "title", {}, () => [
+              O(D(e.title), 1)
+            ])
+          ])) : S("", !0)
+        ])
+      ], 2)) : S("", !0),
+      y("div", {
+        class: h(["KCard-body", e.bodyClass])
+      }, [
+        v(s.$slots, "default")
+      ], 2),
+      l.footer ? (i(), r("div", {
+        key: 1,
+        class: h(["KCard-footer", e.footerClass])
+      }, [
+        v(s.$slots, "footer")
+      ], 2)) : S("", !0)
     ], 2));
   }
-}), F = {
-  class: "KIcon",
-  title: "icon",
-  role: "img"
-}, P = ["href"], R = /* @__PURE__ */ K({
-  __name: "KIcon",
+}), vt = {
+  key: 0,
+  class: "KChat-footer"
+}, mt = 48, bt = /* @__PURE__ */ C({
+  __name: "KChat",
   props: {
-    href: { default: "" }
+    ai: { type: Boolean, default: !1 },
+    autoscroll: { type: Boolean, default: !0 },
+    busy: { type: Boolean, default: !1 },
+    height: {}
+  },
+  setup(e, { expose: l }) {
+    const a = N();
+    de(
+      fe,
+      Ae(() => e.busy)
+    );
+    const t = j("body");
+    let n, s = !0;
+    const d = u(
+      () => e.height ? { "--kt-chat-height": e.height } : void 0
+    );
+    function o() {
+      const c = t.value;
+      c && (c.scrollTop = c.scrollHeight);
+    }
+    function m() {
+      const c = t.value;
+      c && (s = c.scrollHeight - c.scrollTop - c.clientHeight <= mt);
+    }
+    return Q(() => {
+      const c = t.value;
+      c && (o(), e.autoscroll && (c.addEventListener("scroll", m, { passive: !0 }), n = new MutationObserver(() => {
+        s && o();
+      }), n.observe(c, { childList: !0, subtree: !0 })));
+    }), ye(() => {
+      n?.disconnect();
+    }), l({ scrollToBottom: o }), (c, K) => (i(), r("div", {
+      class: h(["KChat", e.ai && "KChat--ai"]),
+      style: W(d.value)
+    }, [
+      y("div", {
+        ref_key: "body",
+        ref: t,
+        class: "KChat-body"
+      }, [
+        v(c.$slots, "default")
+      ], 512),
+      a.footer ? (i(), r("div", vt, [
+        v(c.$slots, "footer")
+      ])) : S("", !0)
+    ], 6));
+  }
+}), ht = {
+  key: 0,
+  class: "KChat-time"
+}, yt = { class: "KChat-bubble" }, Kt = /* @__PURE__ */ C({
+  __name: "KChatMessage",
+  props: {
+    sender: { type: Boolean, default: !1 },
+    time: {}
   },
   setup(e) {
-    return (a, n) => (o(), s("svg", F, [
-      c("use", {
-        href: `#${e.href.replace(/^#/, "")}`
-      }, null, 8, P)
+    const l = N(), a = u(() => !!(e.time || l.time));
+    return (t, n) => (i(), r("li", {
+      class: h(["KChat-message", e.sender && "is-sender"])
+    }, [
+      a.value ? (i(), r("span", ht, [
+        v(t.$slots, "time", {}, () => [
+          O(D(e.time), 1)
+        ])
+      ])) : S("", !0),
+      y("div", yt, [
+        v(t.$slots, "default")
+      ])
+    ], 2));
+  }
+}), gt = { class: "KChat-messages" }, kt = /* @__PURE__ */ C({
+  __name: "KChatMessages",
+  setup(e) {
+    return (l, a) => (i(), r("ul", gt, [
+      v(l.$slots, "default")
     ]));
   }
-}), q = {
+}), $t = {
   key: 0,
   class: "KInput-addon"
-}, G = ["disabled", "placeholder", "type"], J = {
-  key: 1,
+}, Ct = ["disabled", "placeholder", "readonly", "rows"], Bt = ["disabled", "placeholder", "readonly", "type"], wt = {
+  key: 3,
   class: "KInput-addon"
-}, Q = /* @__PURE__ */ K({
+}, we = /* @__PURE__ */ C({
+  inheritAttrs: !1,
   __name: "KInput",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ T({
+    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" }
   }, {
@@ -97,123 +642,1235 @@ const E = /* @__PURE__ */ K({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const a = k(e, "modelValue"), n = x(), d = b(() => [
+  setup(e, { expose: l }) {
+    const a = M(e, "modelValue"), t = N(), n = ae(), s = u(() => e.textarea || e.autosize), d = j("field"), o = u(() => [
       "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"
-    ]);
-    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),
+    ]), m = u(() => {
+      const { class: B, style: $, ...f } = n;
+      return f;
+    }), c = u(
+      () => e.autosize ? { "data-kt-input-autosize": "", "data-kt-input-max-rows": e.maxRows } : {}
+    );
+    async function K() {
+      await Ie(), d.value?.dispatchEvent(new Event("input", { bubbles: !0 }));
+    }
+    return L(
+      () => a.value,
+      () => {
+        e.autosize && K();
+      }
+    ), Q(() => {
+      e.autosize && a.value && K();
+    }), l({ field: d }), (B, $) => (i(), r("div", H({
+      class: [o.value, E(n).class],
+      style: E(n).style
+    }, c.value), [
+      t.prefix ? (i(), r("div", $t, [
+        v(B.$slots, "prefix")
+      ])) : S("", !0),
+      s.value ? ie((i(), r("textarea", H({
+        key: 1,
+        ref_key: "field",
+        ref: d,
+        "onUpdate:modelValue": $[0] || ($[0] = (f) => a.value = f)
+      }, m.value, {
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        rows: e.autosize ? 1 : e.rows
+      }), null, 16, Ct)), [
+        [Te, a.value]
+      ]) : ie((i(), r("input", H({
+        key: 2,
+        "onUpdate:modelValue": $[1] || ($[1] = (f) => a.value = f)
+      }, m.value, {
         disabled: e.disabled,
         placeholder: e.placeholder,
+        readonly: e.readonly,
         type: e.type
-      }, null, 8, G), [
-        [z, a.value]
+      }), null, 16, Bt)), [
+        [Le, a.value]
       ]),
-      n.suffix ? (o(), s("div", J, [
-        u(r.$slots, "suffix")
-      ])) : f("", !0)
-    ], 2));
+      t.suffix ? (i(), r("div", wt, [
+        v(B.$slots, "suffix")
+      ])) : S("", !0)
+    ], 16));
   }
-}), W = /* @__PURE__ */ K({
-  __name: "KBadge",
+}), St = {
+  key: 0,
+  class: "KIcon",
+  viewBox: "0 0 16 16",
+  "aria-hidden": "true"
+}, pt = {
+  key: 1,
+  class: "KIcon",
+  "aria-hidden": "true"
+}, xt = /* @__PURE__ */ C({
+  __name: "KChatPrompt",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["stop", "submit"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const a = M(e, "modelValue"), t = e, n = l, s = te(fe, void 0), d = u(() => t.busy ?? s?.value ?? !1), o = u(() => !a.value.trim()), m = u(
+      () => t.disabled || !d.value && o.value
+    );
+    function c() {
+      if (d.value) {
+        n("stop");
+        return;
+      }
+      o.value || n("submit", a.value);
+    }
+    function K(B) {
+      t.newlineOnEnter || B.isComposing || (B.preventDefault(), c());
+    }
+    return (B, $) => (i(), r("form", {
+      class: "KChat-prompt",
+      onSubmit: Y(c, ["prevent"])
+    }, [
+      U(we, {
+        modelValue: a.value,
+        "onUpdate:modelValue": $[0] || ($[0] = (f) => a.value = f),
+        autosize: "",
+        rounded: "",
+        disabled: t.disabled || d.value,
+        "max-rows": t.maxRows,
+        placeholder: t.placeholder,
+        onKeydown: oe(Y(K, ["exact"]), ["enter"])
+      }, null, 8, ["modelValue", "disabled", "max-rows", "placeholder", "onKeydown"]),
+      v(B.$slots, "send", {
+        busy: d.value,
+        disabled: m.value
+      }, () => [
+        U(Be, {
+          "icon-circular": "",
+          type: "submit",
+          disabled: m.value,
+          "aria-label": d.value ? "Stop" : "Send"
+        }, {
+          default: F(() => [
+            d.value ? (i(), r("svg", St, [...$[1] || ($[1] = [
+              y("rect", {
+                x: "4",
+                y: "4",
+                width: "8",
+                height: "8",
+                rx: "1.5",
+                fill: "currentColor"
+              }, null, -1)
+            ])])) : (i(), r("svg", pt, [...$[2] || ($[2] = [
+              y("use", { href: "#arrowRight" }, null, -1)
+            ])]))
+          ]),
+          _: 1
+        }, 8, ["disabled", "aria-label"])
+      ])
+    ], 32));
+  }
+}), At = {
+  class: "KChat-shimmer",
+  role: "status"
+}, Tt = { class: "KChat-shimmerStack" }, Lt = /* @__PURE__ */ C({
+  __name: "KChatShimmer",
   props: {
-    pill: { type: Boolean },
-    size: {},
-    subtle: { type: Boolean },
-    variant: {}
+    interval: { default: 2e3 },
+    text: { default: "Thinking…" },
+    texts: {}
   },
   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}`
+    const l = N(), a = Me(0);
+    let t;
+    const n = u(
+      () => !!(e.texts && e.texts.length > 1) && !l.default
+    ), s = u(
+      () => e.texts && e.texts.length ? e.texts[a.value % e.texts.length] : e.text
+    );
+    function d() {
+      t && (clearInterval(t), t = void 0);
+    }
+    function o() {
+      d(), n.value && (a.value = 0, t = setInterval(() => {
+        a.value += 1;
+      }, e.interval));
+    }
+    return L([() => e.texts?.join(" "), () => e.interval], o, {
+      immediate: !0
+    }), ye(d), (m, c) => (i(), r("li", At, [
+      y("span", Tt, [
+        U(De, { name: "KChat-shimmerText" }, {
+          default: F(() => [
+            (i(), r("span", {
+              key: a.value,
+              class: "KChat-shimmerText"
+            }, [
+              v(m.$slots, "default", {}, () => [
+                O(D(s.value), 1)
+              ])
+            ]))
+          ]),
+          _: 3
+        })
       ])
+    ]));
+  }
+}), It = ["checked", "disabled", "value"], Mt = {
+  key: 0,
+  class: "KCheckbox-label"
+}, Dt = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "KCheckbox",
+  props: /* @__PURE__ */ T({
+    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 = M(e, "modelValue"), a = N(), t = ae(), n = j("input"), s = u(() => Array.isArray(l.value)), d = u(
+      () => s.value ? l.value.includes(e.value) : !!l.value
+    ), o = u(() => ["KCheckbox", e.disabled && "KCheckbox--disabled"]), m = u(() => {
+      const { class: B, style: $, ...f } = t;
+      return f;
+    });
+    function c(B) {
+      const $ = B.target.checked;
+      if (!s.value) {
+        l.value = $;
+        return;
+      }
+      const f = l.value;
+      l.value = $ ? [...f, e.value] : f.filter((x) => x !== e.value);
+    }
+    function K() {
+      n.value && (n.value.indeterminate = e.indeterminate);
+    }
+    return L(() => e.indeterminate, K), Q(K), (B, $) => (i(), r("label", {
+      class: h([o.value, E(t).class]),
+      style: W(E(t).style)
     }, [
-      u(a.$slots, "default")
+      y("input", H({
+        ref_key: "input",
+        ref: n,
+        class: "KCheckbox-input",
+        type: "checkbox"
+      }, m.value, {
+        checked: d.value,
+        disabled: e.disabled,
+        value: e.value,
+        onChange: c
+      }), null, 16, It),
+      $[0] || ($[0] = y("span", { class: "KCheckbox-box" }, null, -1)),
+      a.default || e.label ? (i(), r("span", Mt, [
+        v(B.$slots, "default", {}, () => [
+          O(D(e.label), 1)
+        ])
+      ])) : S("", !0)
+    ], 6));
+  }
+}), zt = {
+  class: "KCollapse-content",
+  "data-kt-collapse-content": ""
+}, Et = /* @__PURE__ */ C({
+  __name: "KCollapse",
+  props: /* @__PURE__ */ T({
+    direction: { default: "right" },
+    horizontal: { type: Boolean, default: !1 },
+    tag: { default: "div" }
+  }, {
+    expanded: { type: Boolean, default: !1 },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["collapse", "collapsed", "expand", "expanded"], ["update:expanded"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "expanded"), n = a, s = j("root"), { toggle: d } = $e({
+      direction: () => e.direction,
+      element: s,
+      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: (o) => n(o)
+    });
+    return l({
+      toggle: d,
+      expand: () => t.value = !0,
+      collapse: () => t.value = !1
+    }), (o, m) => (i(), G(re(e.tag), {
+      ref_key: "root",
+      ref: s,
+      class: "KCollapse",
+      "data-kt-collapse": "",
+      "data-kt-collapse-horizontal": e.horizontal ? e.direction === "left" ? "left" : "true" : void 0
+    }, {
+      default: F(() => [
+        v(o.$slots, "toggle", {
+          toggle: E(d),
+          expanded: t.value
+        }),
+        y("div", zt, [
+          v(o.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["data-kt-collapse-horizontal"]));
+  }
+}), Nt = /* @__PURE__ */ C({
+  __name: "KContainer",
+  props: {
+    glassy: { type: Boolean }
+  },
+  setup(e) {
+    return (l, a) => (i(), r("div", {
+      class: h(["KContainer", e.glassy && "KContainer--glassy"])
+    }, [
+      v(l.$slots, "default")
     ], 2));
   }
-}), X = { class: "KNavbar-menu" }, Y = ["href", "onClick"], Z = {
+}), Ot = ["data-kt-drawer-id", "data-kt-drawer-static-backdrop"], jt = ["aria-labelledby"], Vt = ["id"], Rt = /* @__PURE__ */ C({
+  __name: "KDrawer",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["hide", "hidden", "show", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "open"), n = a, s = N(), d = j("root");
+    let o, m = !1;
+    const c = ee(), K = u(() => e.id ?? c), B = u(() => `${K.value}-title`), $ = u(() => e.teleport ?? !e.contained), f = u(() => !!(e.title || s.title)), x = u(() => !!(s.header || f.value || e.closable)), I = u(() => [
+      "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 p() {
+      return !o && d.value && (o = new R.modules.Drawer(d.value, {
+        focus: e.focus,
+        keyboard: e.keyboard,
+        staticBackdrop: e.staticBackdrop
+      })), o;
+    }
+    L(
+      () => [e.focus, e.keyboard, e.staticBackdrop],
+      () => {
+        o = void 0;
+      }
+    ), L(
+      t,
+      (w) => {
+        if (w === m)
+          return;
+        const k = p();
+        k && (m = w, w ? k.show() : k.hide());
+      },
+      { flush: "post" }
+    );
+    const z = (w) => w.target === d.value, P = {
+      "kt.drawer.show": (w) => {
+        z(w) && (m = !0, t.value = !0, n("show"));
+      },
+      "kt.drawer.shown": (w) => {
+        z(w) && n("shown");
+      },
+      "kt.drawer.hide": (w) => {
+        z(w) && (m = !1, t.value = !1, n("hide"));
+      },
+      "kt.drawer.hidden": (w) => {
+        z(w) && n("hidden");
+      }
+    };
+    L(
+      d,
+      (w, k, A) => {
+        if (o = void 0, !!w) {
+          for (const [V, q] of Object.entries(P))
+            w.addEventListener(V, q);
+          w.setAttribute("aria-hidden", "true"), t.value && p()?.show(), A(() => {
+            for (const [V, q] of Object.entries(P))
+              w.removeEventListener(V, q);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    );
+    function b(w) {
+      e.keyboard || w.key !== "Escape" || d.value?.classList.contains("is-active") && w.stopPropagation();
+    }
+    Q(() => document.addEventListener("keydown", b, !0)), X(() => {
+      d.value?.classList.contains("is-active") && document.body.classList.remove("is-drawer-active"), document.removeEventListener("keydown", b, !0);
+    });
+    function g() {
+      t.value = !1;
+    }
+    return l({
+      show: () => t.value = !0,
+      hide: g,
+      toggle: () => t.value = !t.value
+    }), (w, k) => (i(), G(Ke, {
+      to: "body",
+      disabled: !$.value
+    }, [
+      y("div", {
+        ref_key: "root",
+        ref: d,
+        class: h(I.value),
+        "data-kt-drawer-id": K.value,
+        "data-kt-drawer-static-backdrop": e.staticBackdrop ? "true" : "false",
+        "data-kt-drawer": "",
+        tabindex: "-1"
+      }, [
+        y("div", {
+          class: h(["KDrawer-panel", e.panelClass]),
+          "aria-labelledby": f.value ? B.value : void 0,
+          "data-kt-drawer-panel": "",
+          role: "dialog"
+        }, [
+          x.value ? (i(), r("div", {
+            key: 0,
+            class: h(["KDrawer-header", e.headerClass])
+          }, [
+            v(w.$slots, "header", {}, () => [
+              f.value ? (i(), r("h5", {
+                key: 0,
+                id: B.value,
+                class: "KDrawer-title"
+              }, [
+                v(w.$slots, "title", {}, () => [
+                  O(D(e.title), 1)
+                ])
+              ], 8, Vt)) : S("", !0),
+              e.closable ? (i(), r("button", {
+                key: 1,
+                class: "KDrawer-close",
+                type: "button",
+                "aria-label": "Close",
+                onClick: Y(g, ["stop"])
+              }, [
+                v(w.$slots, "close", {}, () => [
+                  k[0] || (k[0] = O("✕", -1))
+                ])
+              ])) : S("", !0)
+            ])
+          ], 2)) : S("", !0),
+          y("div", {
+            class: h(["KDrawer-body", e.bodyClass])
+          }, [
+            v(w.$slots, "default")
+          ], 2),
+          s.footer ? (i(), r("div", {
+            key: 1,
+            class: h(["KDrawer-footer", e.footerClass])
+          }, [
+            v(w.$slots, "footer")
+          ], 2)) : S("", !0)
+        ], 10, jt)
+      ], 10, Ot)
+    ], 8, ["disabled"]));
+  }
+});
+function Se({
+  create: e,
+  element: l,
+  onEvent: a,
+  open: t
+}) {
+  let n, s = !1;
+  function d() {
+    return !n && l.value && (n = e(l.value)), n;
+  }
+  L(
+    t,
+    (c) => {
+      if (c === s)
+        return;
+      const K = d();
+      K && (s = c, c ? K.show() : K.hide());
+    },
+    { flush: "post" }
+  );
+  function o(c) {
+    return (K) => {
+      K.target === l.value && (s = c === "shown", t.value = s, a?.(c));
+    };
+  }
+  const m = [
+    ["kt.shown", o("shown")],
+    ["kt.hidden", o("hidden")]
+  ];
+  return L(
+    l,
+    (c, K, B) => {
+      if (n = void 0, !!c) {
+        for (const [$, f] of m)
+          c.addEventListener($, f);
+        t.value && (d()?.show(), s = !0), B(() => {
+          for (const [$, f] of m)
+            c.removeEventListener($, f);
+        });
+      }
+    },
+    { flush: "post", immediate: !0 }
+  ), X(() => {
+    s && n?.hide(), n = void 0;
+  }), {
+    hide: () => {
+      t.value = !1;
+    },
+    show: () => {
+      t.value = !0;
+    },
+    toggle: () => {
+      t.value = !t.value;
+    }
+  };
+}
+const Pt = ["data-kt-dropdown-placement"], Gt = /* @__PURE__ */ C({
+  __name: "KDropdown",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["hidden", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "open"), n = a, s = j("root"), { toggle: d } = Se({
+      create: (m) => new R.modules.Dropdown(m, { placement: e.placement }),
+      element: s,
+      open: t,
+      // TypeScript cannot correlate a union event name against the overloaded emit
+      // signature. Neither event carries a payload, so this is accurate.
+      onEvent: (m) => n(m)
+    }), o = u(() => [
+      "KDropdown",
+      e.inline && "KDropdown--inline"
+    ]);
+    return l({
+      toggle: d,
+      show: () => t.value = !0,
+      hide: () => t.value = !1
+    }), (m, c) => (i(), r("div", {
+      ref_key: "root",
+      ref: s,
+      class: h(o.value),
+      "data-kt-dropdown": "",
+      "data-kt-dropdown-placement": e.placement
+    }, [
+      y("span", {
+        class: h(["KDropdown-toggle", e.toggleClass]),
+        "data-kt-dropdown-toggle": ""
+      }, [
+        v(m.$slots, "toggle", {
+          open: t.value,
+          toggle: E(d)
+        })
+      ], 2),
+      v(m.$slots, "default")
+    ], 10, Pt));
+  }
+}), Ft = {
+  key: 0,
+  class: "KDropdown-text"
+}, Ht = /* @__PURE__ */ C({
+  __name: "KDropdownItem",
+  props: {
+    active: { type: Boolean, default: !1 },
+    parent: { type: Boolean, default: !1 },
+    text: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = u(() => [
+      "KDropdown-item",
+      e.active && "is-active",
+      e.parent && "is-parent"
+    ]);
+    return (a, t) => e.text ? (i(), r("div", Ft, [
+      v(a.$slots, "default")
+    ])) : (i(), r("div", {
+      key: 1,
+      class: h(l.value),
+      "data-kt-dropdown-item": ""
+    }, [
+      v(a.$slots, "default")
+    ], 2));
+  }
+}), Ut = {
+  key: 0,
+  class: "KDropdown-submenu",
+  "data-kt-dropdown-submenu": ""
+}, Wt = {
+  key: 1,
+  class: "KDropdown-menu",
+  "data-kt-dropdown-menu": ""
+}, qt = /* @__PURE__ */ C({
+  __name: "KDropdownMenu",
+  props: {
+    submenu: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, a) => e.submenu ? (i(), r("div", Ut, [
+      v(l.$slots, "default")
+    ])) : (i(), r("div", Wt, [
+      v(l.$slots, "default")
+    ]));
+  }
+}), Yt = {
+  class: "KFileTree-node",
+  role: "none",
+  "data-kt-file-tree-node": ""
+}, Jt = ["data-kftree-id", "tabindex", "aria-expanded", "data-kt-file-tree-lazy"], Xt = {
+  class: "KFileTree-caret",
+  "data-kt-file-tree-caret": "",
+  "aria-hidden": "true"
+}, Zt = {
+  key: 0,
+  class: "KIcon",
+  "aria-hidden": "true"
+}, Qt = ["href"], _t = {
+  class: "KFileTree-icon",
+  "aria-hidden": "true"
+}, ea = {
   key: 0,
-  class: /* @__PURE__ */ l(["KNavbar-caret", "KCollapse-toggle"]),
+  class: "KIcon",
+  "aria-hidden": "true"
+}, ta = ["href"], aa = { class: "KFileTree-label" }, la = {
+  key: 0,
+  class: "KFileTree-group",
+  role: "group",
+  "data-kt-file-tree-group": ""
+}, sa = /* @__PURE__ */ C({
+  __name: "KFileTreeNode",
+  props: {
+    caretIcon: { default: "#caretRight" },
+    node: {},
+    tabbable: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = N(), a = u(() => e.node.id ?? e.node.label), t = u(() => Array.isArray(e.node.children) || !!e.node.lazy);
+    return (n, s) => {
+      const d = ge("KFileTreeNode", !0);
+      return i(), r("li", Yt, [
+        y("a", {
+          class: "KFileTree-row",
+          role: "treeitem",
+          href: "#",
+          "data-kftree-id": a.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
+        }, [
+          y("span", Xt, [
+            t.value ? (i(), r("svg", Zt, [
+              y("use", { href: e.caretIcon }, null, 8, Qt)
+            ])) : S("", !0)
+          ]),
+          v(n.$slots, "label", { node: e.node }, () => [
+            y("span", _t, [
+              e.node.icon ? (i(), r("svg", ea, [
+                y("use", {
+                  href: e.node.icon
+                }, null, 8, ta)
+              ])) : S("", !0)
+            ]),
+            y("span", aa, D(e.node.label), 1)
+          ])
+        ], 8, Jt),
+        e.node.children ? (i(), r("ul", la, [
+          (i(!0), r(le, null, se(e.node.children, (o, m) => (i(), G(d, {
+            key: o.id ?? `${o.label}-${m}`,
+            "caret-icon": e.caretIcon,
+            node: o
+          }, ke({ _: 2 }, [
+            l.label ? {
+              name: "label",
+              fn: F((c) => [
+                v(n.$slots, "label", H({ ref_for: !0 }, c))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["caret-icon", "node"]))), 128))
+        ])) : S("", !0)
+      ]);
+    };
+  }
+}), na = ["data-kt-file-tree-activation"], J = "data-kftree-id", oa = /* @__PURE__ */ C({
+  __name: "KFileTree",
+  props: /* @__PURE__ */ T({
+    activation: { default: "row" },
+    caretIcon: { default: "#caretRight" },
+    nodes: { default: () => [] }
+  }, {
+    selected: { default: null },
+    selectedModifiers: {},
+    expanded: { default: () => [] },
+    expandedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["collapse", "expand", "load", "select"], ["update:selected", "update:expanded"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "selected"), n = M(e, "expanded"), s = a, d = N(), o = j("root");
+    let m, c = null, K = /* @__PURE__ */ new Set();
+    function B() {
+      return !m && o.value && (m = new R.modules.FileTree(o.value, { activation: e.activation })), m;
+    }
+    function $(b) {
+      return !b || b.closest("[data-kt-file-tree]") !== o.value ? null : b.getAttribute(J);
+    }
+    function f(b) {
+      return o.value?.querySelector(`[${J}="${CSS.escape(b)}"]`) ?? null;
+    }
+    function x(b) {
+      const g = $(b.target.closest(`[${J}]`));
+      g && (c = g, t.value = g, s("select", g));
+    }
+    function I(b) {
+      const g = $(b.target.closest(`[${J}]`));
+      !g || K.has(g) || (K.add(g), n.value = [...n.value, g], s("expand", g));
+    }
+    function p(b) {
+      const g = $(b.target.closest(`[${J}]`));
+      !g || !K.has(g) || (K.delete(g), n.value = n.value.filter((w) => w !== g), s("collapse", g));
+    }
+    function z(b) {
+      const g = $(b.target.closest(`[${J}]`));
+      g && s("load", g);
+    }
+    const P = [
+      ["kt.filetree.select", x],
+      ["kt.filetree.expand", I],
+      ["kt.filetree.collapse", p],
+      ["kt.filetree.load", z]
+    ];
+    return L(
+      o,
+      (b, g, w) => {
+        if (m = void 0, !b)
+          return;
+        for (const [A, V] of P)
+          b.addEventListener(A, V);
+        const k = B();
+        K = new Set(n.value);
+        for (const A of n.value) {
+          const V = f(A);
+          V && !k?.isExpanded(V) && k?.expand(V);
+        }
+        if (t.value) {
+          const A = f(t.value);
+          A && (c = t.value, k?.select(A));
+        }
+        w(() => {
+          for (const [A, V] of P)
+            b.removeEventListener(A, V);
+        });
+      },
+      { flush: "post", immediate: !0 }
+    ), L(t, (b) => {
+      if (b !== c && (c = b, b)) {
+        const g = f(b);
+        g && B()?.select(g);
+      }
+    }), L(
+      n,
+      (b) => {
+        const g = new Set(b), w = B();
+        if (w) {
+          for (const k of g)
+            if (!K.has(k)) {
+              const A = f(k);
+              A && w.expand(A);
+            }
+          for (const k of K)
+            if (!g.has(k)) {
+              const A = f(k);
+              A && w.collapse(A);
+            }
+          K = g;
+        }
+      },
+      { deep: !0 }
+    ), X(() => {
+      m = void 0;
+    }), l({
+      collapseAll: () => B()?.collapseAll(),
+      expandAll: () => B()?.expandAll()
+    }), (b, g) => (i(), r("ul", {
+      ref_key: "root",
+      ref: o,
+      class: "KFileTree",
+      role: "tree",
+      "data-kt-file-tree": "",
+      "data-kt-file-tree-activation": e.activation
+    }, [
+      (i(!0), r(le, null, se(e.nodes, (w, k) => (i(), G(sa, {
+        key: w.id ?? `${w.label}-${k}`,
+        "caret-icon": e.caretIcon,
+        node: w,
+        tabbable: k === 0
+      }, ke({ _: 2 }, [
+        d.label ? {
+          name: "label",
+          fn: F((A) => [
+            v(b.$slots, "label", H({ ref_for: !0 }, A))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["caret-icon", "node", "tabbable"]))), 128))
+    ], 8, na));
+  }
+});
+function be(e, l) {
+  return l === void 0 ? [] : typeof l == "number" ? [`is-${e}-${l}`] : Object.entries(l).map(
+    ([a, t]) => a === "base" ? `is-${e}-${t}` : `is-${e}-${a}-${t}`
+  );
+}
+function pe(e, l, a) {
+  return [
+    e !== void 0 && `is-gap-${e}`,
+    l !== void 0 && `is-row-gap-${l}`,
+    a !== void 0 && `is-col-gap-${a}`
+  ];
+}
+const ia = 12, da = /* @__PURE__ */ C({
+  __name: "KGrid",
+  props: {
+    gap: {},
+    colGap: {},
+    rowGap: {},
+    align: {},
+    cols: {},
+    justify: {},
+    rows: {}
+  },
+  setup(e) {
+    const l = u(
+      () => e.cols !== void 0 && e.cols >= 1 && e.cols <= ia
+    ), a = u(() => [
+      "KGrid",
+      l.value && `is-cols-${e.cols}`,
+      ...pe(e.gap, e.rowGap, e.colGap),
+      e.align && `is-align-${e.align}`,
+      e.justify && `is-justify-${e.justify}`
+    ]), t = u(() => {
+      const n = {};
+      return e.cols !== void 0 && !l.value && (n["--kt-grid-columns"] = String(Math.max(1, Math.floor(e.cols)))), e.rows !== void 0 && (n["--kt-grid-rows"] = String(e.rows)), Object.keys(n).length ? n : void 0;
+    });
+    return (n, s) => (i(), r("div", {
+      class: h(a.value),
+      style: W(t.value)
+    }, [
+      v(n.$slots, "default")
+    ], 6));
+  }
+}), ra = /* @__PURE__ */ C({
+  __name: "KGridColumn",
+  props: {
+    alignSelf: {},
+    justifySelf: {},
+    row: {},
+    start: {},
+    span: {}
+  },
+  setup(e) {
+    const l = u(() => [
+      "KGrid-column",
+      ...be("column", e.span),
+      ...be("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}`
+    ]);
+    return (a, t) => (i(), r("div", {
+      class: h(l.value)
+    }, [
+      v(a.$slots, "default")
+    ], 2));
+  }
+}), ua = /* @__PURE__ */ C({
+  __name: "KGridRow",
+  props: {
+    gap: {},
+    colGap: {},
+    rowGap: {}
+  },
+  setup(e) {
+    const l = u(() => [
+      "KGrid-row",
+      ...pe(e.gap, e.rowGap, e.colGap)
+    ]);
+    return (a, t) => (i(), r("div", {
+      class: h(l.value)
+    }, [
+      v(a.$slots, "default")
+    ], 2));
+  }
+}), ca = {
+  class: "KIcon",
+  title: "icon",
+  role: "img"
+}, fa = ["href"], _ = /* @__PURE__ */ C({
+  __name: "KIcon",
+  props: {
+    href: { default: "" }
+  },
+  setup(e) {
+    return (l, a) => (i(), r("svg", ca, [
+      y("use", {
+        href: `#${e.href.replace(/^#/, "")}`
+      }, null, 8, fa)
+    ]));
+  }
+}), va = ["aria-label"], ma = { class: "KMenuList" }, ba = {
+  key: 1,
+  class: "KMenuList"
+}, ha = /* @__PURE__ */ C({
+  __name: "KMenuList",
+  props: {
+    ariaLabel: {}
+  },
+  setup(e) {
+    return (l, a) => e.ariaLabel ? (i(), r("nav", {
+      key: 0,
+      "aria-label": e.ariaLabel
+    }, [
+      y("ul", ma, [
+        v(l.$slots, "default")
+      ])
+    ], 8, va)) : (i(), r("ul", ba, [
+      v(l.$slots, "default")
+    ]));
+  }
+}), ya = { class: "KMenuList-item" }, Ka = /* @__PURE__ */ C({
+  __name: "KMenuListItem",
+  props: {
+    active: { type: Boolean, default: () => {
+    } },
+    disabled: { type: Boolean, default: !1 },
+    href: {},
+    to: {}
+  },
+  setup(e) {
+    const l = ue({ to: u(() => e.to ?? "/") }), a = u(() => e.to || e.href ? "a" : "button"), t = u(() => e.to ? l.href.value : e.href), n = u(() => e.active ?? (e.to ? l.isActive.value : !1)), s = u(() => [
+      "KMenuList-link",
+      n.value && "is-active",
+      // A button carries the native attribute, which core styles on its own.
+      e.disabled && a.value === "a" && "is-disabled"
+    ]);
+    function d(o) {
+      if (e.disabled) {
+        o.preventDefault();
+        return;
+      }
+      e.to && (o.preventDefault(), l.navigate(o));
+    }
+    return (o, m) => (i(), r("li", ya, [
+      (i(), G(re(a.value), {
+        class: h(s.value),
+        href: a.value === "a" ? t.value : void 0,
+        type: a.value === "button" ? "button" : void 0,
+        disabled: a.value === "button" ? e.disabled : void 0,
+        "aria-disabled": a.value === "a" && e.disabled ? "true" : void 0,
+        "aria-current": n.value ? "page" : void 0,
+        onClick: d
+      }, {
+        default: F(() => [
+          v(o.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "href", "type", "disabled", "aria-disabled", "aria-current"]))
+    ]));
+  }
+}), ga = ["data-kt-modal-id", "data-kt-modal-static-backdrop"], ka = ["aria-label", "aria-labelledby"], $a = ["id"], Ca = /* @__PURE__ */ C({
+  __name: "KModal",
+  props: /* @__PURE__ */ T({
+    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: {},
+    staticBackdrop: { type: Boolean, default: !1 },
+    title: {},
+    teleport: { type: Boolean, default: !0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["hide", "hidden", "show", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "open"), n = a, s = N(), d = j("root");
+    let o, m = !1;
+    const c = ee(), K = u(() => e.id ?? c), B = u(() => `${K.value}-title`), $ = u(() => !!(e.title || s.title)), f = u(() => !!(s.header || $.value || e.closable)), x = u(() => [
+      "KModal",
+      e.centered && "KModal--centered",
+      e.scrollable && "KModal--scrollable",
+      e.size && `KModal--${e.size}`,
+      e.fullscreen && "KModal--fullscreen"
+    ]);
+    function I() {
+      return !o && d.value && (o = new R.modules.Modal(d.value, {
+        focus: e.focus,
+        keyboard: e.keyboard,
+        staticBackdrop: e.staticBackdrop
+      })), o;
+    }
+    L(
+      () => [e.focus, e.keyboard, e.staticBackdrop],
+      () => {
+        o = void 0;
+      }
+    ), L(
+      t,
+      (k) => {
+        if (k === m)
+          return;
+        const A = I();
+        A && (m = k, k ? A.show() : A.hide());
+      },
+      { flush: "post" }
+    );
+    const p = (k) => k.target === d.value, z = {
+      "kt.modal.show": (k) => {
+        p(k) && (m = !0, t.value = !0, n("show"));
+      },
+      "kt.modal.shown": (k) => {
+        p(k) && n("shown");
+      },
+      "kt.modal.hide": (k) => {
+        p(k) && (m = !1, t.value = !1, n("hide"));
+      },
+      "kt.modal.hidden": (k) => {
+        p(k) && n("hidden");
+      }
+    };
+    L(
+      d,
+      (k, A, V) => {
+        if (o = void 0, !!k) {
+          for (const [q, ne] of Object.entries(z))
+            k.addEventListener(q, ne);
+          k.setAttribute("aria-hidden", "true"), t.value && I()?.show(), V(() => {
+            for (const [q, ne] of Object.entries(z))
+              k.removeEventListener(q, ne);
+          });
+        }
+      },
+      { flush: "post", immediate: !0 }
+    );
+    function P(k) {
+      e.keyboard || k.key !== "Escape" || d.value?.classList.contains("is-active") && k.stopPropagation();
+    }
+    Q(() => document.addEventListener("keydown", P, !0)), X(() => {
+      d.value?.classList.contains("is-active") && document.body.classList.remove("is-modal-active"), document.removeEventListener("keydown", P, !0);
+    });
+    function b() {
+      t.value = !0;
+    }
+    function g() {
+      t.value = !1;
+    }
+    function w() {
+      t.value = !t.value;
+    }
+    return l({ show: b, hide: g, toggle: w }), (k, A) => (i(), G(Ke, {
+      to: "body",
+      disabled: !e.teleport
+    }, [
+      y("div", {
+        ref_key: "root",
+        ref: d,
+        class: h(x.value),
+        "data-kt-modal-id": K.value,
+        "data-kt-modal-static-backdrop": e.staticBackdrop ? "true" : "false",
+        "data-kt-modal": "",
+        tabindex: "-1"
+      }, [
+        y("div", {
+          class: h(["KModal-container", e.containerClass])
+        }, [
+          y("div", {
+            class: h(["KModal-dialog", e.dialogClass]),
+            "aria-label": e.dialogLabel,
+            "aria-labelledby": !e.dialogLabel && $.value ? B.value : void 0,
+            "data-kt-modal-dialog": "",
+            role: "dialog"
+          }, [
+            f.value ? (i(), r("div", {
+              key: 0,
+              class: h(["KModal-header", e.headerClass])
+            }, [
+              v(k.$slots, "header", {}, () => [
+                $.value ? (i(), r("h5", {
+                  key: 0,
+                  id: B.value,
+                  class: "KModal-title"
+                }, [
+                  v(k.$slots, "title", {}, () => [
+                    O(D(e.title), 1)
+                  ])
+                ], 8, $a)) : S("", !0),
+                e.closable ? (i(), r("button", {
+                  key: 1,
+                  class: "KModal-close",
+                  type: "button",
+                  "aria-label": "Close",
+                  onClick: Y(g, ["stop"])
+                }, [
+                  v(k.$slots, "close", {}, () => [
+                    A[0] || (A[0] = O("✕", -1))
+                  ])
+                ])) : S("", !0)
+              ])
+            ], 2)) : S("", !0),
+            s.sidebar ? (i(), r("div", {
+              key: 1,
+              class: h(["KModal-main", e.mainClass])
+            }, [
+              y("aside", {
+                class: h(["KModal-sidebar", e.sidebarClass])
+              }, [
+                v(k.$slots, "sidebar")
+              ], 2),
+              y("div", {
+                class: h(["KModal-body", e.bodyClass])
+              }, [
+                v(k.$slots, "default")
+              ], 2)
+            ], 2)) : (i(), r("div", {
+              key: 2,
+              class: h(["KModal-body", e.bodyClass])
+            }, [
+              v(k.$slots, "default")
+            ], 2)),
+            s.footer ? (i(), r("div", {
+              key: 3,
+              class: h(["KModal-footer", e.footerClass])
+            }, [
+              v(k.$slots, "footer")
+            ], 2)) : S("", !0)
+          ], 10, ka)
+        ], 2)
+      ], 10, ga)
+    ], 8, ["disabled"]));
+  }
+}), Ba = { class: "KNavbar-menu" }, wa = ["href", "onClick"], Sa = {
+  key: 0,
+  class: /* @__PURE__ */ h(["KNavbar-caret", "KCollapse-toggle"]),
   "data-kt-collapse-toggle": ""
-}, I = /* @__PURE__ */ K({
+}, xe = /* @__PURE__ */ C({
   __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 = u(() => e.items.filter(({ hidden: a }) => !a));
+    return (a, t) => {
+      const n = ge("KNavbarMenu", !0);
+      return i(), r("ul", Ba, [
+        (i(!0), r(le, null, se(l.value, (s, d) => v(a.$slots, "item", {
+          key: `navbar-menu-item-${d}`,
+          item: s
         }, () => [
-          g(D(U), {
-            to: t.route ?? "/",
+          U(E(Oe), {
+            to: s.route ?? "/",
             custom: ""
           }, {
-            default: h(({ isActive: y, href: M, navigate: S }) => [
-              c("li", {
-                class: l([
+            default: F(({ isActive: o, href: m, navigate: c }) => [
+              y("li", {
+                class: h([
                   "KNavbar-item",
                   "KCollapse is-collapsed",
-                  y && "KNavbar-item-is-active"
+                  o && "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"])
+                y("a", {
+                  class: h(["KNavbar-link"]),
+                  href: s.route ? m : void 0,
+                  onClick: Y((K) => s.route ? c() : s.onClick?.(), ["prevent"])
                 }, [
-                  c("span", {
-                    class: l(["KNavbar-icon", t.iconClass])
+                  y("span", {
+                    class: h(["KNavbar-icon", s.iconClass])
                   }, [
-                    g(r, {
-                      href: t.icon
+                    U(_, {
+                      href: s.icon
                     }, null, 8, ["href"])
                   ], 2),
-                  t.badge ? (o(), m(W, {
+                  s.badge ? (i(), G(Ce, {
                     key: 0,
-                    class: l(["KNavbar-badge", t.badgeClass]),
+                    class: h(["KNavbar-badge", s.badgeClass]),
                     pill: "",
                     size: "sm",
                     variant: "danger"
                   }, {
-                    default: h(() => [
-                      T(C(t.badge), 1)
+                    default: F(() => [
+                      O(D(s.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"])) : S("", !0),
+                  y("span", {
+                    class: h(["KNavbar-text", s.textClass])
+                  }, D(s.text), 3)
+                ], 8, wa),
+                s.children ? (i(), r("span", Sa, [
+                  U(_, { href: "#caretUp" })
+                ])) : S("", !0),
+                s.children ? (i(), G(n, {
                   key: 1,
-                  items: t.children,
+                  items: s.children,
                   class: "KCollapse-content",
                   "data-kt-collapse-content": ""
-                }, null, 8, ["items"])) : f("", !0)
+                }, null, 8, ["items"])) : S("", !0)
               ], 2)
             ]),
             _: 2
@@ -222,9 +1879,9 @@ const E = /* @__PURE__ */ K({
       ]);
     };
   }
-}), _ = /* @__PURE__ */ K({
+}), pa = /* @__PURE__ */ C({
   __name: "KNavbar",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ T({
     items: {},
     bodyClass: { type: [Boolean, null, String, Object, Array] },
     brandClass: { type: [Boolean, null, String, Object, Array] },
@@ -237,77 +1894,831 @@ 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__ */ T(["toggle"], ["update:expanded"]),
+  setup(e, { emit: l }) {
+    const a = M(e, "expanded"), t = l, n = N(), s = () => {
+      a.value = !a.value, t("toggle", a.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 (d, o) => (i(), r("aside", {
+      class: h([
+        "KNavbar",
+        a.value && "KNavbar-is-expanded",
+        e.fixed && "KNavbar-is-fixed"
+      ])
+    }, [
+      y("div", {
+        class: h(["KNavbar-inner", e.innerClass])
+      }, [
+        n.brand ? (i(), r("div", {
+          key: 0,
+          class: h(["KNavbar-brand", e.brandClass])
+        }, [
+          v(d.$slots, "brand")
+        ], 2)) : S("", !0),
+        y("nav", {
+          class: h(["KNavbar-body", e.bodyClass])
+        }, [
+          v(d.$slots, "default", {}, () => [
+            U(xe, { items: e.items }, null, 8, ["items"])
+          ])
+        ], 2),
+        n.footer ? (i(), r("div", {
+          key: 1,
+          class: h(["KNavbar-footer", e.footerClass])
+        }, [
+          v(d.$slots, "footer")
+        ], 2)) : S("", !0)
+      ], 2),
+      e.hideToggle ? S("", !0) : (i(), r("button", {
+        key: 0,
+        type: "button",
+        class: h(["KNavbar-toggle", e.toggleClass]),
+        onClick: s
+      }, [
+        U(_, { href: "#caretLeft" })
+      ], 2))
+    ], 2));
+  }
+}), xa = ["aria-label"], Aa = /* @__PURE__ */ C({
+  __name: "KNotificationList",
+  props: {
+    ariaLabel: {}
+  },
+  setup(e) {
+    return (l, a) => (i(), r("ul", {
+      class: "KNotificationList",
+      "aria-label": e.ariaLabel
+    }, [
+      v(l.$slots, "default")
+    ], 8, xa));
+  }
+}), Ta = {
+  key: 0,
+  class: "KNotificationList-media"
+}, La = { class: "KNotificationList-content" }, Ia = {
+  key: 1,
+  class: "KNotificationList-time"
+}, Ma = {
+  key: 2,
+  class: "KNotificationList-actions"
+}, Da = /* @__PURE__ */ C({
+  __name: "KNotificationListItem",
+  props: {
+    hovered: { type: Boolean, default: !1 },
+    time: {},
+    unread: { type: Boolean, default: !1 },
+    unreadLabel: {}
+  },
+  setup(e) {
+    const l = N(), a = u(() => [
+      "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"
+    }, n = u(() => !!(l.time || e.time));
+    return (s, d) => (i(), r("li", {
+      class: h(a.value)
+    }, [
+      l.media ? (i(), r("div", Ta, [
+        v(s.$slots, "media")
+      ])) : S("", !0),
+      y("div", La, [
+        e.unread && e.unreadLabel ? (i(), r("span", {
+          key: 0,
+          style: t
+        }, D(e.unreadLabel), 1)) : S("", !0),
+        v(s.$slots, "default")
+      ]),
+      n.value ? (i(), r("div", Ia, [
+        v(s.$slots, "time", {}, () => [
+          O(D(e.time), 1)
         ])
+      ])) : S("", !0),
+      l.actions ? (i(), r("div", Ma, [
+        v(s.$slots, "actions")
+      ])) : S("", !0)
+    ], 2));
+  }
+}), za = ["data-kt-popover-placement"], Ea = /* @__PURE__ */ C({
+  __name: "KPopover",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["hidden", "shown"], ["update:open"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "open"), n = a, s = j("root"), { toggle: d } = Se({
+      create: (o) => new R.modules.Popover(o, { placement: e.placement }),
+      element: s,
+      open: t,
+      // TypeScript cannot correlate a union event name against the overloaded emit
+      // signature. Neither event carries a payload, so this is accurate.
+      onEvent: (o) => n(o)
+    });
+    return l({
+      toggle: d,
+      show: () => t.value = !0,
+      hide: () => t.value = !1
+    }), (o, m) => (i(), r("div", {
+      ref_key: "root",
+      ref: s,
+      class: "KPopover",
+      "data-kt-popover": "",
+      "data-kt-popover-placement": e.placement
+    }, [
+      y("span", {
+        class: h(["KPopover-toggle", e.toggleClass]),
+        "data-kt-popover-toggle": ""
+      }, [
+        v(o.$slots, "toggle", {
+          open: t.value,
+          toggle: E(d)
+        })
+      ], 2),
+      y("div", {
+        class: h(["KPopover-content", e.contentClass]),
+        "data-kt-popover-content": ""
+      }, [
+        v(o.$slots, "default")
+      ], 2)
+    ], 8, za));
+  }
+}), Na = ["aria-valuenow", "aria-valuemax"], Oa = ["viewBox"], ja = {
+  key: 1,
+  class: "KProgress-fill"
+}, Va = { class: "KProgress-label" }, Ra = /* @__PURE__ */ C({
+  __name: "KProgress",
+  props: {
+    label: {},
+    max: { default: 100 },
+    rounded: { type: Boolean, default: !1 },
+    shape: { default: "linear" },
+    size: {},
+    value: { default: 0 }
+  },
+  setup(e) {
+    const l = u(() => e.shape === "circular" || e.shape === "semiCircular"), a = u(() => !Number.isFinite(e.max) || e.max <= 0 ? 0 : Math.min(100, Math.max(0, e.value / e.max * 100))), t = u(() => e.label ?? `${Math.round(a.value)}%`), n = u(() => [
+      "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}`
+    ]), s = u(
+      () => e.shape === "semiCircular" ? "0 0 36 20" : "0 0 36 36"
+    );
+    return (d, o) => (i(), r("div", {
+      class: h(n.value),
+      style: W({ "--kt-progress-value": a.value }),
+      "aria-valuenow": e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max,
+      role: "progressbar"
+    }, [
+      l.value ? (i(), r("svg", {
+        key: 0,
+        class: "KProgress-svg",
+        viewBox: s.value,
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [...o[0] || (o[0] = [
+        y("circle", {
+          class: "KProgress-track",
+          cx: "18",
+          cy: "18",
+          r: "15.9"
+        }, null, -1),
+        y("circle", {
+          class: "KProgress-fill",
+          cx: "18",
+          cy: "18",
+          r: "15.9"
+        }, null, -1)
+      ])], 8, Oa)) : (i(), r("div", ja)),
+      y("span", Va, [
+        v(d.$slots, "label", {}, () => [
+          O(D(t.value), 1)
+        ])
+      ])
+    ], 14, Na));
+  }
+}), Pa = ["checked", "disabled", "name"], Ga = {
+  key: 0,
+  class: "KRadio-label"
+}, Fa = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "KRadio",
+  props: /* @__PURE__ */ T({
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    name: {},
+    value: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = M(e, "modelValue"), a = N(), t = ae(), n = u(() => l.value === e.value), s = u(() => ["KRadio", e.disabled && "KRadio--disabled"]), d = u(() => {
+      const { class: m, style: c, ...K } = t;
+      return K;
+    });
+    function o() {
+      l.value = e.value;
+    }
+    return (m, c) => (i(), r("label", {
+      class: h([s.value, E(t).class]),
+      style: W(E(t).style)
+    }, [
+      y("input", H({
+        class: "KRadio-input",
+        type: "radio"
+      }, d.value, {
+        checked: n.value,
+        disabled: e.disabled,
+        name: e.name,
+        onChange: o
+      }), null, 16, Pa),
+      c[0] || (c[0] = y("span", { class: "KRadio-box" }, null, -1)),
+      a.default || e.label ? (i(), r("span", Ga, [
+        v(m.$slots, "default", {}, () => [
+          O(D(e.label), 1)
+        ])
+      ])) : S("", !0)
+    ], 6));
+  }
+}), Ha = ["disabled"], Ua = {
+  class: "KSelect-caret KIcon",
+  "aria-hidden": "true"
+}, Wa = ["href"], qa = ["data-kt-select-value"], Ya = /* @__PURE__ */ C({
+  __name: "KSelect",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const a = M(e, "modelValue"), t = l, n = j("root");
+    let s, d;
+    const o = u(
+      () => e.options.map(
+        (f) => typeof f == "string" ? { label: f, value: f } : f
+      )
+    ), m = u(
+      () => o.value.find((f) => f.value === a.value)?.label
+    );
+    function c() {
+      return !s && n.value && (s = new R.modules.Select(n.value)), s;
+    }
+    function K(f) {
+      const x = n.value;
+      if (!x || f === void 0)
+        return;
+      const I = x.querySelector(
+        `[data-kt-select-item][data-kt-select-value="${CSS.escape(f)}"]`
+      );
+      I && (d = f, c()?.selectItem(I));
+    }
+    function B(f) {
+      if (f.target !== n.value)
+        return;
+      const x = c()?.getValue() ?? void 0;
+      x !== void 0 && (d = x, a.value = x, t("change", x));
+    }
+    L(
+      a,
+      (f) => {
+        f !== d && K(f);
+      },
+      { flush: "post" }
+    ), L(
+      n,
+      (f, x, I) => {
+        s = void 0, f && (f.addEventListener("kt.select.change", B), a.value !== void 0 && K(a.value), I(() => f.removeEventListener("kt.select.change", B)));
+      },
+      { flush: "post", immediate: !0 }
+    );
+    const $ = u(() => [
+      "KSelect",
+      e.inline && "KSelect--inline",
+      e.disabled && "KSelect--disabled",
+      e.disabled && "is-disabled"
+    ]);
+    return (f, x) => (i(), r("div", {
+      ref_key: "root",
+      ref: n,
+      class: h($.value),
+      "data-kt-select": ""
+    }, [
+      y("button", {
+        class: h(["KSelect-toggle", e.toggleClass]),
+        type: "button",
+        "data-kt-select-toggle": "",
+        disabled: e.disabled
+      }, [
+        y("span", {
+          class: h(["KSelect-label", !m.value && "is-placeholder"]),
+          "data-kt-select-label": ""
+        }, D(m.value ?? e.placeholder), 3),
+        (i(), r("svg", Ua, [
+          y("use", { href: e.icon }, null, 8, Wa)
+        ]))
+      ], 10, Ha),
+      y("div", {
+        class: h(["KSelect-menu", e.menuClass]),
+        "data-kt-select-menu": ""
       }, [
-        c("div", {
-          class: l(["KNavbar-inner", e.innerClass])
+        v(f.$slots, "default", {}, () => [
+          (i(!0), r(le, null, se(o.value, (I) => (i(), r("div", {
+            key: I.value,
+            class: "KSelect-item",
+            "data-kt-select-item": "",
+            "data-kt-select-value": I.value
+          }, D(I.label), 9, qa))), 128))
+        ])
+      ], 2)
+    ], 2));
+  }
+}), ve = /* @__PURE__ */ Symbol("KTabs"), Ja = ["data-ktab-name", "data-kt-tabs-tab", "data-kt-tabs-target", "aria-controls", "disabled"], Xa = /* @__PURE__ */ C({
+  __name: "KTab",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    name: {}
+  },
+  setup(e) {
+    const l = te(ve, void 0), a = u(() => l?.panelId(e.name));
+    return (t, n) => (i(), r("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": a.value,
+      "aria-controls": a.value,
+      disabled: e.disabled
+    }, [
+      v(t.$slots, "default")
+    ], 8, Ja));
+  }
+}), Za = /* @__PURE__ */ C({
+  __name: "KTable",
+  props: {
+    borderless: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !1 },
+    size: {},
+    striped: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = u(() => [
+      "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 (a, t) => (i(), r("table", {
+      class: h(l.value)
+    }, [
+      v(a.$slots, "default")
+    ], 2));
+  }
+}), Qa = ["id"], _a = /* @__PURE__ */ C({
+  __name: "KTabPanel",
+  props: {
+    name: {}
+  },
+  setup(e) {
+    const l = te(ve, void 0), a = u(() => l?.panelId(e.name));
+    return (t, n) => (i(), r("div", {
+      id: a.value,
+      class: "KTabs-panel",
+      role: "tabpanel",
+      "data-kt-tabs-panel": ""
+    }, [
+      v(t.$slots, "default")
+    ], 8, Qa));
+  }
+}), el = ["aria-label"], tl = { class: "KTabs-content" }, Z = "data-ktab-name", al = /* @__PURE__ */ C({
+  __name: "KTabs",
+  props: /* @__PURE__ */ T({
+    ariaLabel: { default: "Tabs" },
+    variant: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["shown"], ["update:modelValue"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "modelValue"), n = a, s = ee(), d = j("root");
+    let o;
+    const m = (f) => `${s}-${f.replace(
+      /[^A-Za-z0-9_]/g,
+      (x) => `-${x.charCodeAt(0).toString(16)}-`
+    )}`;
+    de(ve, { active: u(() => t.value), panelId: m });
+    const c = `[${Z}][data-kt-tabs-tab]`;
+    function K(f) {
+      return d.value?.querySelector(
+        `[${Z}="${CSS.escape(f)}"][data-kt-tabs-tab]`
+      ) ?? null;
+    }
+    function B(f) {
+      const x = K(f);
+      x && (o = f, new R.modules.Tabs(x).show(x));
+    }
+    function $(f) {
+      if (f.target !== d.value)
+        return;
+      const I = d.value?.querySelector(
+        `[${Z}].is-active`
+      )?.getAttribute(Z) ?? void 0;
+      I && (o = I, t.value = I, n("shown", I));
+    }
+    return L(
+      t,
+      (f) => {
+        !f || f === o || B(f);
+      },
+      { flush: "post" }
+    ), L(
+      d,
+      (f, x, I) => {
+        if (!f)
+          return;
+        f.addEventListener("kt.tabs.shown", $);
+        const p = t.value ?? f.querySelector(c)?.getAttribute(Z) ?? void 0;
+        p && (t.value = p, B(p)), I(() => f.removeEventListener("kt.tabs.shown", $));
+      },
+      { flush: "post", immediate: !0 }
+    ), l({ show: (f) => t.value = f }), (f, x) => (i(), r("div", {
+      ref_key: "root",
+      ref: d,
+      "data-kt-tabs": ""
+    }, [
+      y("div", {
+        class: h(["KTabs", e.variant && `KTabs--${e.variant}`]),
+        role: "tablist",
+        "aria-label": e.ariaLabel
+      }, [
+        v(f.$slots, "tabs")
+      ], 10, el),
+      y("div", tl, [
+        v(f.$slots, "default")
+      ])
+    ], 512));
+  }
+}), ll = ["disabled"], sl = {
+  key: 0,
+  class: "KToggle-label"
+}, nl = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "KToggle",
+  props: /* @__PURE__ */ T({
+    disabled: { type: Boolean, default: !1 },
+    label: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = M(e, "modelValue"), a = N(), t = ae(), n = u(() => ["KToggle", e.disabled && "KToggle--disabled"]), s = u(() => {
+      const { class: d, style: o, ...m } = t;
+      return m;
+    });
+    return (d, o) => (i(), r("label", {
+      class: h([n.value, E(t).class]),
+      style: W(E(t).style)
+    }, [
+      ie(y("input", H({
+        "onUpdate:modelValue": o[0] || (o[0] = (m) => l.value = m),
+        class: "KToggle-input",
+        type: "checkbox"
+      }, s.value, { disabled: e.disabled }), null, 16, ll), [
+        [ze, l.value]
+      ]),
+      o[1] || (o[1] = y("span", { class: "KToggle-track" }, [
+        y("span", { class: "KToggle-thumb" })
+      ], -1)),
+      a.default || e.label ? (i(), r("span", sl, [
+        v(d.$slots, "default", {}, () => [
+          O(D(e.label), 1)
+        ])
+      ])) : S("", !0)
+    ], 6));
+  }
+}), ol = C({
+  name: "KTooltip",
+  props: {
+    delay: { type: Number, required: !1 },
+    label: { type: String, required: !0 },
+    placement: { type: String, required: !1 }
+  },
+  setup(e, { slots: l }) {
+    return () => {
+      const a = l.default?.() ?? [], t = {
+        "data-kt-tooltip": e.label
+      };
+      e.placement && (t["data-kt-tooltip-placement"] = e.placement), e.delay !== void 0 && (t["data-kt-tooltip-delay"] = String(e.delay));
+      const n = a.filter(
+        (s) => typeof s == "object" && s !== null && "type" in s
+      );
+      return n.length === 1 ? Ee(n[0], t) : Ne("span", { ...t, style: { display: "contents" } }, a);
+    };
+  }
+}), il = ["data-kt-collapse-horizontal"], dl = ["data-kt-collapse-content"], rl = /* @__PURE__ */ C({
+  __name: "KWorkspace",
+  props: /* @__PURE__ */ T({
+    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__ */ T(["toggle"], ["update:expanded"]),
+  setup(e, { expose: l, emit: a }) {
+    const t = M(e, "expanded"), n = a, s = N(), d = j("sidebar");
+    let o;
+    const m = [
+      "is-active",
+      "is-collapsed",
+      "is-collapsing",
+      "is-expanded",
+      "is-expanding"
+    ], c = u(
+      () => !!(s.sidebar || s.sidebarHeader || s.sidebarFooter)
+    ), K = u(
+      () => e.height ? { "--kt-workspace-height": e.height } : void 0
+    );
+    function B() {
+      return !o && d.value && (o = new R.modules.Collapse(d.value, {
+        horizontal: !0,
+        direction: e.side === "right" ? "left" : "right"
+      })), o;
+    }
+    function $() {
+      const p = d.value;
+      p && (p.classList.remove(...m), t.value ? p.classList.add("is-active", "is-expanded") : p.classList.add("is-collapsed"));
+    }
+    L(
+      d,
+      () => {
+        o = void 0, e.collapsible && $();
+      },
+      { flush: "post", immediate: !0 }
+    ), L(
+      () => e.collapsible,
+      (p) => {
+        o = void 0, p ? $() : d.value?.classList.remove(...m);
+      },
+      { flush: "post" }
+    ), L(
+      () => t.value,
+      (p) => {
+        if (!e.collapsible)
+          return;
+        const z = B();
+        z && (p ? z.expand() : z.collapse());
+      }
+    );
+    function f() {
+      t.value = !t.value, n("toggle", t.value);
+    }
+    function x() {
+      t.value || f();
+    }
+    function I() {
+      t.value && f();
+    }
+    return l({ toggle: f, expand: x, collapse: I }), (p, z) => (i(), r("div", {
+      class: h(["KWorkspace", e.side === "right" && "is-side-right"]),
+      style: W(K.value)
+    }, [
+      c.value ? (i(), r("aside", {
+        key: 0,
+        ref_key: "sidebar",
+        ref: d,
+        class: h([
+          "KWorkspace-sidebar",
+          e.collapsible && "KCollapse",
+          e.sidebarClass
+        ]),
+        "data-kt-collapse-horizontal": e.collapsible ? e.side === "right" ? "left" : "true" : void 0
+      }, [
+        y("div", {
+          class: h([
+            "KWorkspace-sidebarInner",
+            e.collapsible && "KCollapse-content",
+            e.sidebarInnerClass
+          ]),
+          "data-kt-collapse-content": e.collapsible ? "" : void 0
         }, [
-          r.brand ? (o(), s("div", {
+          v(p.$slots, "sidebarHeader"),
+          s.sidebar ? (i(), r("div", {
             key: 0,
-            class: l(["KNavbar-brand", e.brandClass])
+            class: h(["KWorkspace-sidebarBody", e.sidebarBodyClass])
           }, [
-            u(t.$slots, "brand")
-          ], 2)) : f("", !0),
-          c("nav", {
-            class: l(["KNavbar-body", e.bodyClass])
+            v(p.$slots, "sidebar")
+          ], 2)) : S("", !0),
+          v(p.$slots, "sidebarFooter")
+        ], 10, dl)
+      ], 10, il)) : S("", !0),
+      y("div", {
+        class: h(["KWorkspace-main", e.mainClass])
+      }, [
+        s.topbar ? (i(), r("header", {
+          key: 0,
+          class: h(["KWorkspace-topbar", e.topbarClass])
+        }, [
+          v(p.$slots, "topbar")
+        ], 2)) : S("", !0),
+        y("div", {
+          class: h([
+            "KWorkspace-body",
+            e.bodySidebarSide === "right" && "is-side-right",
+            e.bodyClass
+          ])
+        }, [
+          s.bodySidebar ? (i(), r("aside", {
+            key: 0,
+            class: h(["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(p.$slots, "bodySidebar")
+          ], 2)) : S("", !0),
+          y("div", {
+            class: h(["KWorkspace-bodyContent", e.bodyContentClass])
           }, [
-            u(t.$slots, "footer")
-          ], 2)) : f("", !0)
+            v(p.$slots, "default")
+          ], 2)
         ], 2),
-        e.hideToggle ? f("", !0) : (o(), s("button", {
-          key: 0,
-          type: "button",
-          class: l(["KNavbar-toggle", e.toggleClass]),
-          onClick: i
+        s.footer ? (i(), r("footer", {
+          key: 1,
+          class: h(["KWorkspace-footer", e.footerClass])
         }, [
-          g(y, { href: "#caretLeft" })
-        ], 2))
-      ], 2);
-    };
+          v(p.$slots, "footer")
+        ], 2)) : S("", !0)
+      ], 2)
+    ], 6));
   }
-}), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+function ul(e = {}) {
+  return {
+    /** Dismisses every toast, or only those in one corner. */
+    closeAll(l) {
+      R.modules.Toast.prototype.closeAll.call(R.modules.Toast.prototype, l);
+    },
+    show(l) {
+      const a = new R.modules.Toast({ ...e, ...l });
+      return {
+        close: () => a.close(),
+        pause: () => a.pauseTimer(),
+        resume: () => a.resumeTimer()
+      };
+    }
+  };
+}
+const he = /* @__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: je,
+  KAccordionItem: Je,
+  KAlert: Ze,
+  KAvatar: lt,
+  KAvatarGroup: st,
+  KBadge: Ce,
+  KBreadcrumb: ot,
+  KBreadcrumbItem: rt,
+  KButton: Be,
+  KCalendar: ut,
+  KCard: ft,
+  KChat: bt,
+  KChatMessage: Kt,
+  KChatMessages: kt,
+  KChatPrompt: xt,
+  KChatShimmer: Lt,
+  KCheckbox: Dt,
+  KCollapse: Et,
+  KContainer: Nt,
+  KDrawer: Rt,
+  KDropdown: Gt,
+  KDropdownItem: Ht,
+  KDropdownMenu: qt,
+  KFileTree: oa,
+  KGrid: da,
+  KGridColumn: ra,
+  KGridRow: ua,
+  KIcon: _,
+  KInput: we,
+  KMenuList: ha,
+  KMenuListItem: Ka,
+  KModal: Ca,
+  KNavbar: pa,
+  KNavbarMenu: xe,
+  KNotificationList: Aa,
+  KNotificationListItem: Da,
+  KPopover: Ea,
+  KProgress: Ra,
+  KRadio: Fa,
+  KSelect: Ya,
+  KTab: Xa,
+  KTabPanel: _a,
+  KTable: Za,
+  KTabs: al,
+  KToggle: nl,
+  KTooltip: ol,
+  KWorkspace: rl,
+  accordionGroupKey: ce,
+  chatBusyKey: fe,
+  useToast: ul
+}, Symbol.toStringTag, { value: "Module" })), ml = {
   install(e) {
-    for (const a in $)
+    for (const l in he)
       e.component(
-        a,
-        $[a]
+        l,
+        he[l]
       );
   }
 };
 export {
-  E as KButton,
-  H as KContainer,
-  R as KIcon,
-  Q as KInput,
-  _ as KNavbar,
-  I as KNavbarMenu,
-  ne as default
+  je as KAccordion,
+  Je as KAccordionItem,
+  Ze as KAlert,
+  lt as KAvatar,
+  st as KAvatarGroup,
+  Ce as KBadge,
+  ot as KBreadcrumb,
+  rt as KBreadcrumbItem,
+  Be as KButton,
+  ut as KCalendar,
+  ft as KCard,
+  bt as KChat,
+  Kt as KChatMessage,
+  kt as KChatMessages,
+  xt as KChatPrompt,
+  Lt as KChatShimmer,
+  Dt as KCheckbox,
+  Et as KCollapse,
+  Nt as KContainer,
+  Rt as KDrawer,
+  Gt as KDropdown,
+  Ht as KDropdownItem,
+  qt as KDropdownMenu,
+  oa as KFileTree,
+  da as KGrid,
+  ra as KGridColumn,
+  ua as KGridRow,
+  _ as KIcon,
+  we as KInput,
+  ha as KMenuList,
+  Ka as KMenuListItem,
+  Ca as KModal,
+  pa as KNavbar,
+  xe as KNavbarMenu,
+  Aa as KNotificationList,
+  Da as KNotificationListItem,
+  Ea as KPopover,
+  Ra as KProgress,
+  Fa as KRadio,
+  Ya as KSelect,
+  Xa as KTab,
+  _a as KTabPanel,
+  Za as KTable,
+  al as KTabs,
+  nl as KToggle,
+  ol as KTooltip,
+  rl as KWorkspace,
+  ce as accordionGroupKey,
+  fe as chatBusyKey,
+  ml as default,
+  ve as tabsKey,
+  ul as useToast
 };