vlite3 0.1.10 → 0.2.2

package/components/DataTable/DataTable.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as ee, ref as g, computed as b, watch as p, onMounted as te, openBlock as r, createElementBlock as d, createVNode as C, createSlots as V, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as n, normalizeClass as B, Fragment as R, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
+import { defineComponent as ee, ref as g, computed as b, watch as p, onMounted as te, openBlock as n, createElementBlock as i, createVNode as C, createSlots as V, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as r, normalizeClass as B, Fragment as R, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
 import oe from "../Icon.vue.js";
-import re from "../CheckBox.vue.js";
-import ne from "../Button.vue.js";
-import de from "../ConfirmationModal.vue.js";
-import ie from "../Pagination/Pagination.vue.js";
+import ne from "../CheckBox.vue.js";
+import re from "../Button.vue.js";
+import ie from "../ConfirmationModal.vue.js";
+import de from "../Pagination/Pagination.vue.js";
 import ue from "./DataTableHeader.vue.js";
 import ce from "./DataTableRow.vue.js";
 import me from "./DataTableToolbar.vue.js";
@@ -35,6 +35,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
     emptyDescription: { default: "No results found. Try adjusting your filters or search terms." },
     emptyIcon: { default: "lucide:inbox" },
     showPagination: { type: Boolean, default: !0 },
+    paginationPosition: {},
     pageInfo: {},
     itemsPerPage: { default: 10 },
     itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
@@ -50,7 +51,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
   },
   emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
   setup(a, { emit: U }) {
-    const O = (e, t) => t.split(".").reduce((s, c) => s?.[c], e), u = (e, t) => O(e, t), l = a, w = U, i = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), P = g(!1), v = g("initial"), L = b(() => l.loading && (v.value === "initial" || v.value === "page"));
+    const O = (e, t) => t.split(".").reduce((s, c) => s?.[c], e), u = (e, t) => O(e, t), l = a, w = U, d = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), P = g(!1), v = g("initial"), L = b(() => l.loading && (v.value === "initial" || v.value === "page"));
     p(
       () => l.loading,
       (e, t) => {
@@ -110,7 +111,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       };
       w("select", c), w("update:selectedRows", s);
     }, H = (e) => {
-      i.value.field === e ? i.value.order === "asc" ? i.value.order = "desc" : i.value.order === "desc" ? (i.value.order = "", i.value.field = "") : i.value.order = "asc" : (i.value.field = e, i.value.order = "asc"), h.value = 1, v.value = "sort", x();
+      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), h.value = 1, v.value = "sort", x();
     }, J = (e) => {
       h.value = e, v.value = "page", x();
     }, K = (e) => {
@@ -126,7 +127,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
           page: h.value,
           limit: k.value
         },
-        sorting: { ...i.value },
+        sorting: { ...d.value },
         search: y.value
       });
     }, Y = b(() => [
@@ -144,7 +145,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       }
     ), te(() => {
       x();
-    }), (e, t) => (r(), d("div", fe, [
+    }), (e, t) => (n(), i("div", fe, [
       C(me, {
         modelValue: y.value,
         "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
@@ -161,7 +162,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
         e.$slots?.["toolbar-right"] || o.value.size > 0 ? {
           name: "right",
           fn: T(() => [
-            o.value.size > 0 ? (r(), D(ne, {
+            o.value.size > 0 ? (n(), D(re, {
               key: 0,
               rounded: "full",
               variant: "ghost",
@@ -174,23 +175,23 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
           key: "1"
         } : void 0
       ]), 1032, ["modelValue", "show-search", "placeholder"]),
-      n("div", {
+      r("div", {
         class: B(Y.value)
       }, [
-        n("div", he, [
-          n("table", {
+        r("div", he, [
+          r("table", {
             class: B([Z.value, ""])
           }, [
-            n("thead", {
+            r("thead", {
               class: B([
                 "[&_tr]:border-b [&_tr]:border-border/70! bg-muted",
                 a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              n("tr", ve, [
-                a.selectable ? (r(), d("th", ge, [
-                  n("div", pe, [
-                    C(re, {
+              r("tr", ve, [
+                a.selectable ? (n(), i("th", ge, [
+                  r("div", pe, [
+                    C(ne, {
                       "model-value": z.value,
                       indeterminate: E.value,
                       size: "xs",
@@ -198,10 +199,10 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : I("", !0),
-                (r(!0), d(R, null, $(a.headers, (s) => (r(), D(ue, {
+                (n(!0), i(R, null, $(a.headers, (s) => (n(), D(ue, {
                   key: s.field,
                   header: s,
-                  "sort-config": i.value,
+                  "sort-config": d.value,
                   compact: a.compact,
                   "table-sortable": a.sortable,
                   onSort: H,
@@ -212,28 +213,28 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            n("tbody", we, [
-              L.value ? (r(!0), d(R, { key: 0 }, $(Math.min(k.value, 15), (s) => (r(), d("tr", {
+            r("tbody", we, [
+              L.value ? (n(!0), i(R, { key: 0 }, $(Math.min(k.value, 15), (s) => (n(), i("tr", {
                 key: "skeleton-" + s,
                 class: "border-b border-border/50 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                a.selectable ? (r(), d("td", ye, [...t[4] || (t[4] = [
-                  n("div", { class: "flex items-center justify-center" }, [
-                    n("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
+                a.selectable ? (n(), i("td", ye, [...t[4] || (t[4] = [
+                  r("div", { class: "flex items-center justify-center" }, [
+                    r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
                 ])])) : I("", !0),
-                (r(!0), d(R, null, $(a.headers, (c) => (r(), d("td", {
+                (n(!0), i(R, null, $(a.headers, (c) => (n(), i("td", {
                   key: c.field,
                   class: B(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
-                  n("div", {
+                  r("div", {
                     class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
                     style: A({
                       width: `${50 + Math.random() * 40}%`
                     })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : a.rows.length > 0 ? (r(!0), d(R, { key: 1 }, $(a.rows, (s, c) => (r(), D(ce, {
+              ]))), 128)) : a.rows.length > 0 ? (n(!0), i(R, { key: 1 }, $(a.rows, (s, c) => (n(), D(ce, {
                 key: j(s),
                 row: s,
                 headers: a.headers,
@@ -254,25 +255,25 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     S(e.$slots, m.field, le({ ref_for: !0 }, f), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (r(), d("tr", be, [
-                n("td", {
+              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", be, [
+                r("td", {
                   colspan: a.selectable ? a.headers.length + 1 : a.headers.length,
                   class: "h-96 text-center align-middle hover:bg-transparent"
                 }, [
-                  n("div", Pe, [
-                    n("div", xe, [
+                  r("div", Pe, [
+                    r("div", xe, [
                       C(oe, {
                         icon: a.emptyIcon,
                         class: "h-6 w-6 text-muted-foreground/80"
                       }, null, 8, ["icon"])
                     ]),
-                    n("h3", Ce, M(a.emptyTitle), 1),
-                    n("p", Se, [
+                    r("h3", Ce, M(a.emptyTitle), 1),
+                    r("p", Se, [
                       S(e.$slots, "empty-description", {}, () => [
                         ae(M(a.emptyDescription), 1)
                       ], !0)
                     ]),
-                    e.$slots["empty-action"] ? (r(), d("div", Ie, [
+                    e.$slots["empty-action"] ? (n(), i("div", Ie, [
                       S(e.$slots, "empty-action", {}, void 0, !0)
                     ])) : I("", !0)
                   ])
@@ -282,8 +283,8 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
           ], 2)
         ])
       ], 2),
-      a.showPagination && a.pageInfo && a.pageInfo.totalItems > 0 ? (r(), d("div", $e, [
-        C(se(ie), {
+      a.showPagination && a.pageInfo && a.pageInfo.totalItems > 0 ? (n(), i("div", $e, [
+        C(se(de), {
           "current-page": h.value,
           "total-pages": a.pageInfo.totalPages,
           "show-page-info": !1,
@@ -291,11 +292,12 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
           "items-per-page": k.value,
           "items-per-page-options": a.itemsPerPageOptions,
           "nav-type": "icon",
+          alignment: l.paginationPosition,
           onChange: J,
           "onUpdate:itemsPerPage": K
-        }, null, 8, ["current-page", "total-pages", "show-items-per-page", "items-per-page", "items-per-page-options"])
+        }, null, 8, ["current-page", "total-pages", "show-items-per-page", "items-per-page", "items-per-page-options", "alignment"])
       ])) : I("", !0),
-      C(de, {
+      C(ie, {
         show: P.value,
         "onUpdate:show": t[2] || (t[2] = (s) => P.value = s),
         title: "Confirm Deletion",

package/components/DataTable/types.d.ts

@@ -54,6 +54,7 @@ export interface DataTableProps {
     emptyDescription?: string;
     emptyIcon?: string;
     showPagination?: boolean;
+    paginationPosition?: 'start' | 'center' | 'end' | 'between';
     pageInfo?: PageInfo;
     itemsPerPage?: number;
     itemsPerPageOptions?: number[];

package/components/DatePicker.vue.d.ts

@@ -6,23 +6,31 @@ type __VLS_Props = {
     value?: any;
     mode: DatePickerMode;
     minDate?: string;
+    maxDate?: string;
+    disabledDates?: {
+        start: string;
+        end?: string;
+    }[];
     icon?: string;
     size?: ButtonSize;
     variant?: ButtonVariant;
     btnProps?: any;
     teleport?: boolean;
     minuteInterval?: number;
+    timeFormat?: '12h' | '24h';
+    disabled?: boolean;
+    readonly?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
             value: any;
-            displayValue: string;
+            displayValue: any;
         }): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -34,7 +42,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     teleport: boolean;
     minuteInterval: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    timeFormat: "12h" | "24h";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/DatePicker.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as v, computed as r, openBlock as h, createBlock as g, unref as u, withCtx as m, createElementVNode as p, createVNode as c, renderSlot as V, mergeProps as w } from "vue";
-import y from "./Button.vue.js";
-import D from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as g, computed as s, openBlock as c, createBlock as f, unref as n, withCtx as m, createElementVNode as D, createVNode as u, renderSlot as w, mergeProps as v } from "vue";
+import b from "./Button.vue.js";
+import V from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import x from "v-datepicker-lite";
+import k, { TimePicker as P } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
+const z = { class: "overflow-hidden min-w-[300px]" }, $ = /* @__PURE__ */ g({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -12,73 +12,114 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
     value: {},
     mode: {},
     minDate: {},
+    maxDate: {},
+    disabledDates: {},
     icon: {},
     size: {},
     variant: {},
     btnProps: {},
     teleport: { type: Boolean, default: !0 },
-    minuteInterval: { default: 5 }
+    minuteInterval: { default: 5 },
+    timeFormat: { default: "12h" },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: s }) {
-    const n = t, i = s, a = r({
-      get: () => n.modelValue ?? n.value,
-      set: (e) => {
-        i("update:modelValue", e), i("change", e);
+  setup(e, { emit: h }) {
+    const l = e, o = h, a = s({
+      get: () => l.modelValue ?? l.value,
+      set: (t) => {
+        o("update:modelValue", t), o("change", t);
       }
-    }), d = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, l = r(() => {
+    }), y = (t) => t instanceof Date ? t.getHours() !== 0 || t.getMinutes() !== 0 : typeof t == "string" ? t.includes("T") || /\d{2}:\d{2}/.test(t) : !1, i = s(() => {
       if (!a.value) return "";
+      if (l.mode === "time") return a.value;
       try {
-        const e = new Date(a.value);
-        if (isNaN(e.getTime())) return String(a.value);
-        const o = n.mode === "dateTime" && d(a.value);
-        return e.toLocaleDateString("en-US", {
+        const t = new Date(a.value);
+        if (isNaN(t.getTime())) return String(a.value);
+        const d = l.mode === "dateTime" && y(a.value);
+        return t.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
           year: "numeric",
-          ...o ? { hour: "2-digit", minute: "2-digit" } : {}
+          ...d ? { hour: "2-digit", minute: "2-digit", hour12: l.timeFormat === "12h" } : {}
         });
       } catch {
         return String(a.value);
       }
-    }), f = (e) => {
-      a.value = e;
+    }), r = (t) => {
+      a.value = t;
     };
-    return (e, o) => (h(), g(u(D), {
+    return (t, d) => e.mode !== "time" ? (c(), f(n(V), {
+      key: 0,
       position: "bottom-start",
       class: "w-full",
-      teleport: t.teleport
+      maxHeight: "max-h-[500px]",
+      teleport: e.teleport,
+      disabled: e.disabled || e.readonly
     }, {
       trigger: m(() => [
-        V(e.$slots, "default", {
+        w(t.$slots, "default", {
           value: a.value,
-          displayValue: l.value
+          displayValue: i.value
         }, () => [
-          c(y, w({
-            text: l.value || t.placeholder || "Select date",
-            variant: t.variant || "outline",
-            size: t.size || "md",
-            icon: t.icon || "lucide:calendar"
-          }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon"])
+          u(b, v({
+            text: i.value || e.placeholder || "Select date",
+            variant: e.variant || "outline",
+            size: e.size || "md",
+            icon: e.icon || "lucide:calendar",
+            disabled: e.disabled
+          }, e.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
         ])
       ]),
       default: m(() => [
-        p("div", P, [
-          c(u(x), {
+        D("div", z, [
+          u(n(k), {
             value: a.value,
-            mode: t.mode,
-            "min-date": t.minDate,
+            mode: e.mode,
+            "min-date": e.minDate,
+            "max-date": e.maxDate,
+            "disabled-dates": e.disabledDates,
             class: "w-full",
-            minuteInterval: t.minuteInterval,
-            timeFormat: "12h",
-            onChange: f
-          }, null, 8, ["value", "mode", "min-date", "minuteInterval"])
+            minuteInterval: e.minuteInterval,
+            "time-format": "12h",
+            disabled: e.disabled,
+            readonly: e.readonly,
+            onChange: r
+          }, null, 8, ["value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"])
         ])
       ]),
       _: 3
-    }, 8, ["teleport"]));
+    }, 8, ["teleport", "disabled"])) : (c(), f(n(P), {
+      key: 1,
+      "model-value": a.value,
+      "onUpdate:modelValue": [
+        d[0] || (d[0] = (x) => a.value = x),
+        r
+      ],
+      mode: e.mode,
+      "min-date": e.minDate,
+      "max-date": e.maxDate,
+      "disabled-dates": e.disabledDates,
+      class: "w-full",
+      minuteInterval: e.minuteInterval,
+      "time-format": "12h",
+      disabled: e.disabled,
+      readonly: e.readonly
+    }, {
+      default: m(() => [
+        u(b, v({
+          text: i.value || e.placeholder || "Select date",
+          variant: e.variant || "outline",
+          size: e.size || "md",
+          icon: e.icon || (e.mode === "time" ? "lucide:clock" : "lucide:calendar"),
+          disabled: e.disabled
+        }, e.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["model-value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"]));
   }
 });
 export {
-  N as default
+  $ as default
 };

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, defineAsyncComponent as J, ref as B, computed as I, watch as C, toRef as Q, onMounted as W, onBeforeUnmount as X, openBlock as o, createElementBlock as c, createVNode as p, createCommentVNode as u, renderSlot as v, createElementVNode as g, unref as n, normalizeStyle as Y, normalizeClass as T, createBlock as m, Fragment as N, renderList as Z, withCtx as V, toDisplayString as ee, createSlots as te, mergeProps as le, nextTick as se } from "vue";
+import { defineComponent as G, defineAsyncComponent as J, ref as B, computed as I, watch as C, toRef as Q, onMounted as W, onBeforeUnmount as X, openBlock as o, createElementBlock as c, createVNode as x, createCommentVNode as i, renderSlot as v, unref as n, normalizeStyle as Y, normalizeClass as T, createBlock as m, Fragment as N, renderList as Z, withCtx as V, createElementVNode as p, toDisplayString as ee, createSlots as te, mergeProps as le, nextTick as se } from "vue";
 import S from "../Icon.vue.js";
 import oe from "../Input.vue.js";
 import ne from "./DropdownItem.vue.js";
@@ -22,7 +22,7 @@ const ie = ["dir"], ue = {
   key: 3,
   class: "flex justify-center py-2"
 }, be = {
-  key: 2,
+  key: 3,
   class: "shrink-0 border-t mt-1 pt-1"
 }, Ie = /* @__PURE__ */ G({
   __name: "DropdownMenu",
@@ -45,34 +45,34 @@ const ie = ["dir"], ue = {
     direction: { default: "ltr" }
   },
   emits: ["select", "close", "load-more", "search"],
-  setup(r, { emit: _ }) {
-    const j = J(() => import("./Dropdown.vue2.js")), t = r, i = _, M = B(null), f = B(""), { getMenuId: D, getAllRecursiveIds: E } = ae(), P = I(() => t.remote ? t.searchable : t.searchable && (t.options?.length || 0) > 9);
-    let k = null;
+  setup(r, { emit: j }) {
+    const D = J(() => import("./Dropdown.vue2.js")), t = r, u = j, $ = B(null), f = B(""), { getMenuId: E, getAllRecursiveIds: P } = ae(), _ = I(() => t.remote ? t.searchable : t.searchable && (t.options?.length || 0) > 9);
+    let g = null;
     C(f, (e) => {
-      t.remote && (k && clearTimeout(k), k = setTimeout(() => {
-        e && i("search", e);
+      t.remote && (g && clearTimeout(g), g = setTimeout(() => {
+        e && u("search", e);
       }, 100));
     });
     const H = (e) => {
       const s = e.target;
-      s.scrollTop + s.clientHeight >= s.scrollHeight - 50 && t.hasMore && !t.loading && i("load-more");
-    }, b = (e, s) => {
-      e.disabled || i("select", e);
+      s.scrollTop + s.clientHeight >= s.scrollHeight - 50 && t.hasMore && !t.loading && u("load-more");
+    }, k = (e, s) => {
+      e.disabled || u("select", e);
     }, {
       focusedIndex: h,
-      isKeyboardMode: w,
+      isKeyboardMode: b,
       filteredOptions: R,
       // rename
-      handleKeyDown: $,
+      handleKeyDown: M,
       handleMouseMove: O,
-      onMouseEnterItem: x,
+      onMouseEnterItem: w,
       scrollToIndex: z
     } = ce({
       options: Q(t, "options"),
       searchQuery: f,
-      containerRef: M,
-      emit: (e, ...s) => i(e, ...s),
-      handleSelect: (e, s) => b(e)
+      containerRef: $,
+      emit: (e, ...s) => u(e, ...s),
+      handleSelect: (e, s) => k(e)
     }), y = I(() => t.remote ? f.value ? t.options : t.cachedOptions.length ? t.cachedOptions : t.options : R.value), A = (e) => {
       if (!(!t.selected || typeof t.selected != "object") && e.key && e.key in t.selected)
         return t.selected[e.key];
@@ -84,7 +84,7 @@ const ie = ["dir"], ue = {
         key: s.key,
         data: s.data
       };
-      i("select", l);
+      u("select", l);
     }, U = (e, s) => {
       let l = s.value;
       e.key && (l = { [e.key]: l });
@@ -94,7 +94,7 @@ const ie = ["dir"], ue = {
         data: s.data,
         key: e.key
       };
-      i("select", d);
+      u("select", d);
     }, q = async () => {
       await se();
       let e = -1;
@@ -106,15 +106,15 @@ const ie = ["dir"], ue = {
         h.value = -1;
       }
     ), W(() => {
-      q(), window.addEventListener("keydown", $);
+      q(), window.addEventListener("keydown", M);
     }), X(() => {
-      window.removeEventListener("keydown", $);
+      window.removeEventListener("keydown", M);
     }), (e, s) => (o(), c("div", {
       class: "dropdown-menu w-full min-w-[150px] flex flex-col",
       dir: r.direction
     }, [
-      P.value ? (o(), c("div", ue, [
-        p(oe, {
+      _.value ? (o(), c("div", ue, [
+        x(oe, {
           modelValue: f.value,
           "onUpdate:modelValue": s[0] || (s[0] = (l) => f.value = l),
           placeholder: "Search...",
@@ -124,13 +124,14 @@ const ie = ["dir"], ue = {
           variant: "transparent",
           "show-clear-button": !1
         }, null, 8, ["modelValue"])
-      ])) : u("", !0),
+      ])) : i("", !0),
       e.$slots.header ? (o(), c("div", fe, [
         v(e.$slots, "header")
-      ])) : u("", !0),
-      g("div", {
+      ])) : i("", !0),
+      t?.options.length > 0 || e.$slots.menu ? (o(), c("div", {
+        key: 2,
         ref_key: "containerRef",
-        ref: M,
+        ref: $,
         tabindex: "0",
         role: "menu",
         class: T([
@@ -142,55 +143,55 @@ const ie = ["dir"], ue = {
         (...l) => n(O) && n(O)(...l)),
         onScroll: H
       }, [
-        y.value.length === 0 && r.options?.length > 0 && !r.loading ? (o(), c("div", me, " No options found ")) : u("", !0),
+        y.value.length === 0 && r.options?.length > 0 && !r.loading ? (o(), c("div", me, " No options found ")) : i("", !0),
         r.layout === "grouped" ? (o(), m(de, {
           key: 1,
           options: y.value,
           selected: r.selected,
           selectable: r.selectable,
           columns: r.columns,
-          onSelect: b
+          onSelect: k
         }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), c(N, { key: 2 }, Z(y.value, (l, d) => (o(), c(N, { key: d }, [
           l.label === "---" ? (o(), c("div", he)) : l.data?.isBoolean ? (o(), m(re, {
             key: 1,
             option: l,
             value: F(l),
-            focused: n(w) && n(h) === d,
+            focused: n(b) && n(h) === d,
             onChange: K,
-            onMouseenter: (a) => n(x)(d)
-          }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), m(n(j), {
+            onMouseenter: (a) => n(w)(d)
+          }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), m(n(D), {
             key: 2,
             position: l.position || t.nestedPosition,
             offset: l.offset || t.nestedOffset,
             class: "w-full",
             options: l.children,
             selected: A(l),
-            menuId: n(D)(l),
+            menuId: n(E)(l),
             nestedPosition: t.nestedPosition,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
-            ignoreClickOutside: n(E)(l.children),
+            ignoreClickOutside: n(P)(l.children),
             direction: r.direction,
             onOnSelect: (a) => U(l, a)
           }, {
             trigger: V(() => [
-              g("div", {
+              p("div", {
                 "data-dropdown-item": "",
                 class: T(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full", [
-                  n(w) && n(h) === d ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                  n(b) && n(h) === d ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
                   l.disabled ? "opacity-50 cursor-not-allowed" : ""
                 ]]),
-                onMouseenter: (a) => n(x)(d)
+                onMouseenter: (a) => n(w)(d)
               }, [
-                g("div", ve, [
+                p("div", ve, [
                   l.icon ? (o(), m(S, {
                     key: 0,
                     icon: l.icon,
                     class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
-                  }, null, 8, ["icon"])) : u("", !0),
-                  g("span", ge, ee(l.label), 1)
+                  }, null, 8, ["icon"])) : i("", !0),
+                  p("span", ge, ee(l.label), 1)
                 ]),
-                p(S, {
+                x(S, {
                   icon: r.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
                 }, null, 8, ["icon"])
@@ -202,10 +203,10 @@ const ie = ["dir"], ue = {
             option: l,
             index: d,
             selected: L(l),
-            focused: n(w) && n(h) === d,
+            focused: n(b) && n(h) === d,
             selectable: r.selectable,
-            onClick: (a) => b(l),
-            onMouseenter: (a) => n(x)(d)
+            onClick: (a) => k(l),
+            onMouseenter: (a) => n(w)(d)
           }, te({ _: 2 }, [
             e.$slots.item ? {
               name: "default",
@@ -217,16 +218,16 @@ const ie = ["dir"], ue = {
           ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
         r.loading ? (o(), c("div", ke, [
-          p(S, {
+          x(S, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
           })
-        ])) : u("", !0),
+        ])) : i("", !0),
         v(e.$slots, "menu")
-      ], 38),
+      ], 38)) : i("", !0),
       e.$slots.footer ? (o(), c("div", be, [
         v(e.$slots, "footer")
-      ])) : u("", !0)
+      ])) : i("", !0)
     ], 8, ie));
   }
 });