adverich-kun-ui 0.1.55 → 0.1.56

package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js

@@ -1,58 +1,58 @@
-import { ref as s, computed as i } from "vue";
-import { isArray as S, isObject as c } from "../utils/helpers.js";
-function ae(u, L, l, o, h) {
-  const n = s(null), x = s(null), y = s(null), g = s(!1), v = s(""), R = s(!1), m = i(() => !u.searchableKeys.length), I = i(() => u.clearOnSelect), E = i(() => u.clearSearchOnSelect), D = i(() => u.focusOnSelect), N = i(() => u.closeOnSelect), j = (e, t) => t.split(".").reduce((r, a) => r && r[a] !== void 0 ? r[a] : null, e);
-  function z() {
-    S(l.value) && (l.value.length ? n.value = o.value.filter((e) => {
-      let t = j(e, u.itemTitle);
-      return c(e) ? l.value.some(
-        (r) => j(r, u.itemTitle).includes(t)
+import { ref as b, computed as d } from "vue";
+import { isArray as o, isObject as a } from "../utils/helpers.js";
+function W(u, C, l, h, G) {
+  const n = b(null), O = b(null), T = b(null), v = b(!1), c = b(""), g = (e, t) => t.split(".").reduce((r, i) => r && r[i] !== void 0 ? r[i] : null, e);
+  function L() {
+    o(l.value) && (l.value.length ? n.value = h.value.filter((e) => {
+      let t = g(e, u.itemTitle);
+      return a(e) ? l.value.some(
+        (r) => g(r, u.itemTitle).includes(t)
       ) : l.value.some((r) => r.includes(e));
-    }) : n.value = []), (c(l.value) && Object.keys(l.value).length || typeof l.value == "number" && l.value || typeof l.value == "string" && l.value || typeof l.value == "boolean") && (n.value = o.value.find(
-      (e) => c(e) ? u.returnObject ? u.itemValue ? e[u.itemValue] === l.value[u.itemValue] : e[u.itemTitle] === l.value[u.itemTitle] : e[u.itemValue] === l.value : e === l.value
+    }) : n.value = []), (a(l.value) && Object.keys(l.value).length || typeof l.value == "number" && l.value || typeof l.value == "string" && l.value || typeof l.value == "boolean") && (n.value = h.value.find(
+      (e) => a(e) ? u.returnObject ? u.itemValue ? e[u.itemValue] === l.value[u.itemValue] : e[u.itemTitle] === l.value[u.itemTitle] : e[u.itemValue] === l.value : e === l.value
     ));
   }
-  const Z = i(() => n.value ? S(n.value) ? n.value.length ? d(n.value, u.itemTitle, "hasDefault") : u.placeholderText : c(n.value) ? d(n.value, u.itemTitle, "hasDefault") : n.value.toString() : o.value.length ? u.placeholderText : u.textNoItems), $ = i(() => u.startEmtpy && v.value.length < 3 ? [] : o.value.filter((t) => {
-    if (c(t)) {
+  const M = d(() => n.value ? o(n.value) ? n.value.length ? x(n.value, u.itemTitle, "hasDefault") : u.placeholderText : a(n.value) ? x(n.value, u.itemTitle, "hasDefault") : n.value.toString() : h.value.length ? u.placeholderText : u.textNoItems), k = d(() => u.startEmtpy && c.value.length < 3 ? [] : h.value.filter((t) => {
+    if (a(t)) {
       const r = Object.values(t).filter((f) => {
-        if (!c(f) && !S(f))
+        if (!a(f) && !o(f))
           return f;
-      }), a = [t].reduce((f, w) => u.searchableKeys.map((T) => T.includes(".") ? T.split(".").reduce((M, ee) => M && M[ee], w) : w[T]), []), O = m.value ? r : a;
-      return O ? O.some(
-        (f) => f ? f.toString().toLowerCase().includes(v.value.toLowerCase()) : ""
-      ) : v.value ? t == v.value : t;
+      }), i = [t].reduce((f, F) => u.searchableKeys.map((y) => y.includes(".") ? y.split(".").reduce((K, z) => K && K[z], F) : F[y]), []), s = u.searchableKeys.length ? i : r;
+      return s ? s.some(
+        (f) => f ? f.toString().toLowerCase().includes(c.value.toLowerCase()) : ""
+      ) : c.value ? t == c.value : t;
     }
-    return t.toString().toLowerCase().includes(v.value.toLowerCase());
-  }).slice(0, b.value)), q = i(() => u.itemText.includes(",") ? u.itemText.split(",") : u.itemText);
-  function d(e, t, r) {
-    if (c(e)) {
+    return t.toString().toLowerCase().includes(c.value.toLowerCase());
+  })), R = d(() => u.itemText.includes(",") ? u.itemText.split(",") : u.itemText);
+  function x(e, t, r) {
+    if (a(e)) {
       if (t) {
-        if (S(t))
-          return t.map((a) => e[a] ?? "No definido").join(" - ");
+        if (o(t))
+          return t.map((i) => e[i] ?? "No definido").join(" - ");
         if (t.includes(","))
-          return t.split(",").map((a) => e[a]).join(" - ");
+          return t.split(",").map((i) => e[i]).join(" - ");
         if (t.includes(".")) {
-          const a = t.split(".");
-          let O = e;
-          for (const f of a)
-            O = O[f];
-          return O;
+          const i = t.split(".");
+          let s = e;
+          for (const f of i)
+            s = s[f];
+          return s;
         }
         return !u.returnObject && typeof e[t] == "number" || e[t] ? e[t].toString() : "";
       }
       if (r)
         return Object.values(e)[0];
     }
-    return S(e) ? u.returnObject ? e.map((a) => a[t]).join(" - ") : e.map((a) => a).join(" - ") : r && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+    return o(e) ? u.returnObject ? e.map((i) => i[t]).join(" - ") : e.map((i) => i).join(" - ") : r && typeof e != "number" && e.includes(",") ? e.split(",") : e;
   }
-  function G(e) {
+  function D(e) {
     let t = e[0];
     if (!u.multiple)
-      n.value = e[0], u.returnObject && (l.value = t), !u.returnObject && c(t) && (u.itemValue ? l.value = t[u.itemValue] : l.value = Object.values(t)[0]), c(t) || (l.value = t), g.value = !1;
-    else if (n.value || (n.value = []), A(t))
-      t && C(t), l.value = n.value;
+      n.value = e[0], u.returnObject && (l.value = t), !u.returnObject && a(t) && (u.itemValue ? l.value = t[u.itemValue] : l.value = Object.values(t)[0]), a(t) || (l.value = t), v.value = !1;
+    else if (n.value || (n.value = []), S(t))
+      t && I(t), l.value = n.value;
     else {
-      if (u.returnObject && n.value.push(t), !u.returnObject && c(t))
+      if (u.returnObject && n.value.push(t), !u.returnObject && a(t))
         if (u.itemValue)
           n.value.push(t[u.itemValue]);
         else {
@@ -61,17 +61,17 @@ function ae(u, L, l, o, h) {
         }
       l.value = n.value;
     }
-    I.value && F(), x.value.focus();
+    u.clearOnSelect && w(), j();
   }
-  function A(e) {
+  function S(e) {
     return n.value === null ? !1 : e ? n.value.some(
       (t) => u.returnObject ? t[u.itemValue] === e[u.itemValue] : t === e[u.itemValue]
     ) : !0;
   }
-  function C(e) {
+  function I(e) {
     if (u.returnObject) {
       let t = n.value.find(
-        (a) => a[u.itemValue] === e[u.itemValue]
+        (i) => i[u.itemValue] === e[u.itemValue]
       ), r = n.value.indexOf(t);
       n.value.splice(r, 1);
     } else {
@@ -79,79 +79,65 @@ function ae(u, L, l, o, h) {
       n.value.splice(t, 1);
     }
   }
-  function H() {
-    V(), E.value && (v.value = ""), D.value && x.value.focus();
+  function E() {
+    u.clearSearchOnSelect && (c.value = ""), u.focusOnSelect && j();
   }
-  function J(e) {
-    B(e.key) && (g.value = !0);
+  function m() {
+    v.value || (v.value = !0);
   }
-  function B(e) {
-    return /^[a-zA-Z0-9]$/.test(e);
+  function A(e) {
+    return e.length === 1 && e.match(/\w/);
+  }
+  function j() {
+    O.value.inputField.focus();
   }
-  function Q() {
-    g.value = !0, y.value && y.value.focus();
+  function N() {
+    v.value = !0, T.value && O.value.$el.focus();
   }
-  function U(e) {
+  function B(e) {
     const t = e.key;
-    (B(t) || t === "Backspace") && x.value.focus();
+    (A(t) || t === "Backspace") && (m(), j());
   }
-  function W() {
-    g.value = !1, L("createItem");
+  function P() {
+    v.value = !1, C("createItem");
   }
-  function X(e) {
+  function $(e) {
     let t = n.value.indexOf(e);
     n.value.splice(t, 1), l.value = n.value;
   }
-  function F() {
-    v.value = "", S(l.value) && (n.value = []), c(l.value) && (n.value = {}), typeof l.value == "number" && l.value && (n.value = null), typeof l.value == "string" && l.value && (n.value = ""), typeof l.value == "boolean" && (n.value = !1), l.value = n.value;
+  function w() {
+    c.value = "", o(l.value) && (n.value = []), a(l.value) && (n.value = {}), typeof l.value == "number" && l.value && (n.value = null), typeof l.value == "string" && l.value && (n.value = ""), typeof l.value == "boolean" && (n.value = !1), l.value = n.value;
   }
-  function Y(e) {
+  function q(e) {
     if (!e.disabledItem) return !1;
     if (e.disabledItem) return !0;
   }
-  const K = s(null), b = s(h.value), _ = i(
-    () => Math.ceil(o.value / h.value)
-  ), k = i(() => _.length >= b.value);
-  i(() => o.value.length);
-  const P = i(
-    () => h.value === b.value
-  );
-  function V() {
-    b.value = h.value;
-  }
-  function p() {
-    if (!(P.value && k.value) && !k.value)
-      return b.value += h.value, K.value = b.value + h.value, o.value.slice(0, K.value);
-  }
   return {
     selectedItem: n,
-    textFieldRef: x,
-    listRef: y,
-    menuModel: g,
-    search: v,
-    isCloseOnSelect: N,
-    isClearOnSelect: I,
-    getItemText: j,
-    setSelectedItemValue: z,
-    placeholder: Z,
-    filteredItems: $,
-    textArr: q,
-    itemToString: d,
-    getSelectedItem: G,
-    checkIfValueExist: A,
-    removeFromArray: C,
-    lightReset: H,
-    openMenu: J,
-    focusOnMenu: Q,
-    onMenuKeydown: U,
-    createItem: W,
-    removeItem: X,
-    clearSelection: F,
-    checkDisabled: Y,
-    handleIntersect: p,
-    intersectObserved: R
+    textFieldRef: O,
+    listRef: T,
+    menuModel: v,
+    search: c,
+    getItemText: g,
+    setSelectedItemValue: L,
+    placeholder: M,
+    filteredItems: k,
+    textArr: R,
+    itemToString: x,
+    getSelectedItem: D,
+    checkIfValueExist: S,
+    removeFromArray: I,
+    lightReset: E,
+    openMenu: m,
+    focusOnMenu: N,
+    onMenuKeydown: B,
+    createItem: P,
+    removeItem: $,
+    clearSelection: w,
+    checkDisabled: q,
+    isAlphanumeric: A
   };
 }
 export {
-  ae as useAutocomplete
+  W as useAutocomplete
 };

package/dist/components/KunAutocomplete/src/utils/helpers.js

@@ -4,7 +4,15 @@ function t(r) {
 function n(r) {
   return Array.isArray(r);
 }
+function i(r) {
+  return typeof r == "string";
+}
+function e(r) {
+  return t(r) ? Object.keys(r).length > 0 : n(r) || i(r) ? r.length > 0 : !1;
+}
 export {
   n as isArray,
-  t as isObject
+  e as isNotEmpty,
+  t as isObject,
+  i as isString
 };

package/dist/components/KunBudge/src/components/KunBudge.vue.js

@@ -1,43 +1,35 @@
-import { createElementBlock as e, openBlock as o, normalizeClass as r, toDisplayString as n } from "vue";
-import l from "../../../../_virtual/_plugin-vue_export-helper.js";
-const u = {
+import { computed as i, createElementBlock as e, openBlock as l, renderSlot as r, createCommentVNode as n, normalizeClass as d, toDisplayString as s } from "vue";
+const u = { class: "relative inline-block" }, f = { key: 0 }, x = {
+  __name: "KunBudge",
   props: {
-    text: {
-      type: String,
-      default: ""
-    },
-    bgColor: {
-      type: String,
-      default: "bg-button"
-    },
-    textColor: {
-      type: String,
-      default: "text-on-color"
-    },
-    textSize: {
-      type: String,
-      default: "text-xs"
-    },
-    fontWeight: {
-      type: String,
-      default: "font-medium"
-    },
-    rounded: {
-      type: String,
-      default: "rounded-2xl"
-    },
-    cursor: {
-      type: String,
-      default: "cursor-default"
-    }
+    text: { type: String, default: "" },
+    bgColor: { type: String, default: "bg-red-500" },
+    textColor: { type: String, default: "text-white" },
+    textSize: { type: String, default: "text-xs" },
+    fontWeight: { type: String, default: "font-bold" },
+    rounded: { type: String, default: "rounded-full" },
+    dot: { type: Boolean, default: !1 },
+    // Modo punto
+    visible: { type: Boolean, default: !0 }
+    // Mostrar u ocultar
+  },
+  setup(t) {
+    const o = i(() => [
+      "absolute top-0 right-0 flex items-center justify-center px-2 py-1",
+      "transform translate-x-1/2 -translate-y-1/2",
+      "min-w-[20px] min-h-[20px]"
+    ]);
+    return (a, c) => (l(), e("div", u, [
+      r(a.$slots, "default"),
+      t.visible ? (l(), e("div", {
+        key: 0,
+        class: d([...o.value, t.bgColor, t.textColor, t.textSize, t.fontWeight, t.rounded])
+      }, [
+        t.dot ? n("", !0) : (l(), e("span", f, s(t.text), 1))
+      ], 2)) : n("", !0)
+    ]));
   }
 };
-function d(i, a, t, f, c, x) {
-  return o(), e("div", {
-    class: r(["flex px-2.5 py-1.5", [t.bgColor, t.textColor, t.textSize, t.fontWeight, t.rounded, t.cursor]])
-  }, n(t.text), 3);
-}
-const S = /* @__PURE__ */ l(u, [["render", d]]);
 export {
-  S as default
+  x as default
 };

package/dist/components/KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js

@@ -0,0 +1,87 @@
+import { ref as o, computed as a, onMounted as y, createElementBlock as c, openBlock as i, createBlock as v, createElementVNode as I, resolveDynamicComponent as b, unref as u, withCtx as x, renderSlot as m, Fragment as _, renderList as g } from "vue";
+import { useIntersectionObserver as S } from "../composables/useIntersectionObserver.js";
+import { useKunInfiniteScroll as k } from "../composables/useKunInfiniteScroll.js";
+import B from "../../../KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
+/* empty css                       */
+import K from "../../../../_virtual/_plugin-vue_export-helper.js";
+const N = {
+  __name: "KunInfiniteScroll",
+  props: {
+    items: Array,
+    search: String,
+    searchableKeys: {
+      type: Array,
+      default: () => []
+    },
+    itemsPerIntersection: {
+      type: Number,
+      default: 20
+    },
+    enabled: {
+      type: Boolean,
+      default: !0
+    },
+    rootMargin: {
+      type: String,
+      default: "0px"
+    },
+    virtual: {
+      type: Boolean,
+      default: !1
+    },
+    itemSize: {
+      type: Number,
+      default: 48
+    },
+    scrollToIndex: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: ["update:items"],
+  setup(e, { emit: w }) {
+    const t = e, n = o(null), f = o(null), {
+      visibleItems: s,
+      loadNextBatch: d,
+      lastBatchReached: p
+    } = k({
+      items: a(() => t.items),
+      search: a(() => t.search),
+      searchableKeys: t.searchableKeys,
+      itemsPerIntersection: t.itemsPerIntersection
+    });
+    return y(() => {
+      S(n.value, ([r]) => {
+        r.isIntersecting && (console.log("visible"), p.value || d());
+      });
+    }), (r, C) => (i(), c("div", {
+      class: "w-full h-full overflow-auto",
+      ref_key: "scrollContainer",
+      ref: f
+    }, [
+      e.virtual ? (i(), v(b(B), {
+        key: 0,
+        items: u(s),
+        "estimated-item-height": e.itemSize,
+        "scroll-to-index": e.scrollToIndex,
+        class: "virtual-list"
+      }, {
+        default: x(({ item: l, index: h }) => [
+          m(r.$slots, "default", {
+            item: l,
+            index: h
+          }, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["items", "estimated-item-height", "scroll-to-index"])) : (i(!0), c(_, { key: 1 }, g(u(s), (l) => m(r.$slots, "default", { item: l }, void 0, !0)), 256)),
+      I("div", {
+        ref_key: "sentinel",
+        ref: n,
+        class: "w-full h-1"
+      }, null, 512)
+    ], 512));
+  }
+}, T = /* @__PURE__ */ K(N, [["__scopeId", "data-v-3f5c96ae"]]);
+export {
+  T as default
+};

package/dist/components/KunInfiniteScroll/src/composables/useIntersectionObserver.js

@@ -0,0 +1,51 @@
+import { ref as m, watch as c, onBeforeUnmount as b } from "vue";
+function f(s, v, r = {}) {
+  const o = m(null);
+  let t = null;
+  const i = {
+    root: null,
+    rootMargin: "0px",
+    threshold: 0
+  }, l = () => {
+    var u;
+    const e = s, a = ((u = r.root) == null ? void 0 : u.value) || r.root || null;
+    if (console.log("[observeElement] el:", e), console.log("[observeElement] rootEl:", a), console.log("[observeElement] observer.value:", o.value), !e) {
+      console.warn("[observeElement] ❌ el (target.value) no está listo"), t = setTimeout(() => {
+        console.log("[observeElement] 🔁 Reintentando..."), l();
+      }, 100);
+      return;
+    }
+    if (o.value) {
+      console.warn("[observeElement] ⚠️ ya hay un observer activo");
+      return;
+    }
+    clearTimeout(t), t = null, console.log("[Observer] ✅ Observando el:", e, "con root:", a), o.value = new IntersectionObserver(v, {
+      ...i,
+      ...r,
+      root: a
+    }), o.value.observe(e);
+  }, n = () => {
+    o.value && (console.log("[Observer] 🔴 Desconectando observer"), o.value.disconnect(), o.value = null), t && (clearTimeout(t), t = null);
+  };
+  c(
+    () => s,
+    (e) => {
+      console.log("[watch:target] target.value cambió:", e), n(), requestAnimationFrame(() => {
+        console.log("[watch:target] requestAnimationFrame ejecutado"), l();
+      });
+    },
+    { immediate: !0 }
+  ), r.root && r.root.value !== void 0 && c(
+    () => r.root.value,
+    (e) => {
+      console.log("[watch:root] root.value cambió:", e), n(), requestAnimationFrame(() => {
+        console.log("[watch:root] requestAnimationFrame ejecutado"), l();
+      });
+    }
+  ), b(() => {
+    console.log("[Observer] 🧹 Limpieza en beforeUnmount"), n();
+  });
+}
+export {
+  f as useIntersectionObserver
+};

package/dist/components/KunInfiniteScroll/src/composables/useKunInfiniteScroll.js

@@ -0,0 +1,61 @@
+import { ref as I, computed as t, watch as A, nextTick as L } from "vue";
+function q({
+  items: d,
+  search: i,
+  searchableKeys: v = [],
+  itemsPerIntersection: r = 20
+}) {
+  const l = I(1), f = I(null), h = t(
+    () => Array.isArray(v) ? v : []
+  ), y = t(
+    () => typeof r == "number" && r > 0 ? r : 20
+  ), n = t(() => {
+    var u;
+    const e = d.value || [], a = (u = i.value) == null ? void 0 : u.trim().toLowerCase();
+    return !a || !h.value.length ? e : e.filter((S) => h.value.some((C) => {
+      const g = C.split(".").reduce((o, T) => o == null ? void 0 : o[T], S);
+      return typeof g == "string" && g.toLowerCase().includes(a);
+    }));
+  }), w = t(() => n.value.length), c = t(
+    () => n.value.slice(
+      0,
+      l.value * y.value
+    )
+  ), s = t(
+    () => c.value.length >= n.value.length
+  ), x = t(() => l.value === 1);
+  function m() {
+    s.value || l.value++;
+  }
+  function p() {
+    l.value = 1;
+  }
+  A(
+    () => i.value,
+    () => {
+      p();
+    },
+    { flush: "pre" }
+  );
+  async function B(e) {
+    if (typeof e != "number" || e < 0) return;
+    f.value = e;
+    const a = n.value.length - 1, u = Math.min(e, a);
+    for (; u >= c.value.length && !s.value; )
+      m(), await L();
+  }
+  return {
+    visibleItems: c,
+    loadNextBatch: m,
+    resetCurrentBatchStep: p,
+    lastBatchReached: s,
+    isFirstBatch: x,
+    totalItems: w,
+    setScrollToIndex: B,
+    scrollToIndex: f
+    // opcional, si lo necesitás desde el componente padre
+  };
+}
+export {
+  q as useKunInfiniteScroll
+};

package/dist/components/KunList/src/components/KunList.vue.js

@@ -1,6 +1,6 @@
-import { createElementBlock as a, openBlock as t, normalizeClass as r, renderSlot as s } from "vue";
-import { useKunList as n } from "../composables/useKunList.js";
-const c = {
+import { ref as c, provide as y, createElementBlock as v, openBlock as k, normalizeClass as h, renderSlot as x } from "vue";
+import { useKunList as A } from "../composables/useKunList.js";
+const K = {
   __name: "KunList",
   props: {
     nav: Boolean,
@@ -9,30 +9,66 @@ const c = {
     selectable: {
       type: [Boolean, String],
       default: !1,
-      validator: (e) => ["single", "multiple", !0, !1].includes(e)
+      validator: (l) => ["single", "multiple", !0, !1].includes(l)
     },
     selectedClass: {
       type: String,
       default: "bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300"
     }
   },
-  setup(e) {
-    return n(e), (l, u) => (t(), a("ul", {
+  emits: ["keyDown"],
+  setup(l, { expose: d, emit: g }) {
+    const m = l, w = g;
+    A(m);
+    const u = c(null), o = c([]);
+    d({
+      focusWithKey: (e) => {
+        var n, r;
+        const t = o.value.filter(Boolean);
+        t.length !== 0 && (e === "ArrowDown" ? (n = t[0]) == null || n.focus() : e === "ArrowUp" && ((r = t[t.length - 1]) == null || r.focus()));
+      },
+      focus: () => {
+        var e, t;
+        (t = (e = u.value) == null ? void 0 : e.focus) == null || t.call(e);
+      }
+    }), y("registerListItemRef", (e) => {
+      e ? o.value.includes(e) || o.value.push(e) : o.value = o.value.filter((t) => t !== e);
+    });
+    function p(e) {
+      var a, i, f;
+      const t = e.key;
+      if (w("keyDown", e), !["ArrowDown", "ArrowUp"].includes(t)) return;
+      e.preventDefault();
+      const n = o.value.filter(Boolean);
+      if (n.length === 0) return;
+      const r = n.findIndex((b) => b === document.activeElement);
+      if (r === -1) {
+        t === "ArrowDown" ? (a = n[0]) == null || a.focus() : t === "ArrowUp" && ((i = n[n.length - 1]) == null || i.focus());
+        return;
+      }
+      let s = r;
+      t === "ArrowDown" ? s = (r + 1) % n.length : t === "ArrowUp" && (s = (r - 1 + n.length) % n.length), (f = n[s]) == null || f.focus();
+    }
+    return (e, t) => (k(), v("ul", {
       role: "list",
-      class: r([
+      class: h(["w-full", [
         "kun-list",
         {
-          "space-y-1": !e.dense,
-          "space-y-0.5": e.dense,
-          "pl-4 border-l-2 border-gray-200 dark:border-gray-700": e.sub,
-          "bg-gray-100 dark:bg-gray-800 p-2 rounded-md": e.nav
+          "space-y-1": !l.dense,
+          "space-y-0.5": l.dense,
+          "pl-4 border-l-2 border-gray-200 dark:border-gray-700": l.sub,
+          "bg-gray-100 dark:bg-gray-800 p-2 rounded-md": l.nav
         }
-      ])
+      ]]),
+      ref_key: "ulRef",
+      ref: u,
+      tabindex: "-1",
+      onKeydown: p
     }, [
-      s(l.$slots, "default")
-    ], 2));
+      x(e.$slots, "default")
+    ], 34));
   }
 };
 export {
-  c as default
+  K as default
 };