vlite3 0.8.7 → 0.8.9

package/components/Badge.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as b, computed as d, openBlock as a, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
+import { defineComponent as b, computed as a, openBlock as d, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
 const p = /* @__PURE__ */ b({
   __name: "Badge",
   props: {
     variant: { default: "default" },
-    size: { default: "md" },
+    size: { default: "sm" },
     rounded: { default: "full" },
     class: { default: "" }
   },
   setup(o) {
-    const e = o, s = d(() => {
+    const e = o, s = a(() => {
       const r = {
         xs: "px-1.5 h-5 text-[10.5px] leading-none",
         sm: "px-2 h-6 text-xs font-medium",
@@ -33,7 +33,7 @@ const p = /* @__PURE__ */ b({
       };
       return [l, t[e.variant] || t.default, e.class].join(" ");
     });
-    return (r, n) => (a(), u("div", {
+    return (r, n) => (d(), u("div", {
       class: i(s.value)
     }, [
       c(r.$slots, "default")

package/components/Button.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as i, createBlock as d, createCommentVNode as m, renderSlot as f, createTextVNode as b, toDisplayString as x, unref as $ } from "vue";
+import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as r, createBlock as u, createCommentVNode as m, renderSlot as b, createTextVNode as f, toDisplayString as x, unref as $ } from "vue";
 import g from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
 import { $t as V } from "../utils/i18n.js";
@@ -25,7 +25,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
     const t = e, a = o(() => t.textI18n ? V(t.textI18n) : t.text), v = R(), l = o(
       () => t?.asIcon || t.icon && !a.value && !v.default
     ), p = S("buttonGroup", null), w = o(() => !!p?.isInGroup), y = o(() => {
-      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", r = {
+      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none  focus:border focus:border-primary disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -77,12 +77,12 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let u;
-      return l.value ? u = w.value ? k[t.size] : C[t.size] : u = z[t.size], [
+      let d;
+      return l.value ? d = w.value ? k[t.size] : C[t.size] : d = z[t.size], [
         n,
-        r[t.variant],
+        i[t.variant],
         I[t.rounded],
-        u,
+        d,
         t.class
       ].join(" ");
     }), c = o(() => {
@@ -93,7 +93,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, r = {
+      }, i = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -101,36 +101,36 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? r[t.size] : n[t.size];
+      return l.value ? i[t.size] : n[t.size];
     });
-    return (n, r) => G((s(), h("button", {
+    return (n, i) => G((s(), h("button", {
       type: e.type,
-      class: i([y.value, "cursor-pointer"]),
+      class: r([y.value, "cursor-pointer"]),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (s(), d(g, {
+      e.loading ? (s(), u(g, {
         key: 0,
         icon: "lucide:loader-2",
-        class: i(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (s(), d(g, {
+        class: r(["animate-spin pointer-events-none", c.value])
+      }, null, 8, ["class"])) : e.icon ? (s(), u(g, {
         key: 1,
         icon: e.icon,
-        class: i(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
+        class: r(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
       }, null, 8, ["icon", "class"])) : m("", !0),
       e.textClass ? (s(), h("span", {
         key: 2,
-        class: i(e.textClass)
+        class: r(e.textClass)
       }, [
-        f(n.$slots, "default", {}, () => [
-          b(x(a.value), 1)
+        b(n.$slots, "default", {}, () => [
+          f(x(a.value), 1)
         ])
-      ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
-        b(x(a.value), 1)
+      ], 2)) : b(n.$slots, "default", { key: 3 }, () => [
+        f(x(a.value), 1)
       ]),
-      e.iconRight && !e.loading ? (s(), d(g, {
+      e.iconRight && !e.loading ? (s(), u(g, {
         key: 4,
         icon: e.iconRight,
-        class: i([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
+        class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
       }, null, 8, ["icon", "class"])) : m("", !0)
     ], 10, D)), [
       [$(j)]

package/components/ColorPicker/ColorPicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { TooltTipPlacement } from 'v-tooltip-lite/types';
+import { TooltTipPlacement } from '../../lib/v-tooltip-lite/types';
 import { ButtonProps } from '../../types';
 interface Props {
     modelValue?: string;

package/components/DataTable/DataTable.vue.js

@@ -24,7 +24,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
     rows: { default: () => [] },
     selectedRows: { default: () => [] },
     search: { default: "" },
-    showSearch: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !1 },
     searchPlaceholder: {},
     searchPlaceholderI18n: {},
     toolbarClass: {},
@@ -83,13 +83,22 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       V && clearTimeout(V), V = setTimeout(() => {
         h.value = 1, R();
       }, 300);
-    }), g(() => a.pageInfo?.itemsPerPage, (e) => {
-      e !== void 0 && (P.value = e);
-    }), g(() => a.paginationProps?.itemsPerPage, (e) => {
-      e !== void 0 && (P.value = e);
-    }), g(() => a.pageInfo?.currentPage, (e) => {
-      e && (h.value = e);
-    });
+    }), g(
+      () => a.pageInfo?.itemsPerPage,
+      (e) => {
+        e !== void 0 && (P.value = e);
+      }
+    ), g(
+      () => a.paginationProps?.itemsPerPage,
+      (e) => {
+        e !== void 0 && (P.value = e);
+      }
+    ), g(
+      () => a.pageInfo?.currentPage,
+      (e) => {
+        e && (h.value = e);
+      }
+    );
     const s = y(/* @__PURE__ */ new Set());
     g(
       () => a.selectedRows,
@@ -118,7 +127,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       }), (a.selectedRows || []).forEach((l) => {
         const n = c(l, d.value);
         !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
-      }), b("select", { selected: t, all: M.value, indeterminate: O.value }), b("update:selectedRows", t);
+      }), b("select", {
+        selected: t,
+        all: M.value,
+        indeterminate: O.value
+      }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
       u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, R();
@@ -154,7 +167,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(() => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle), ue = r(() => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription), me = r(() => {
+    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(
+      () => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle
+    ), ue = r(
+      () => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription
+    ), me = r(() => {
       const e = w("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), fe = r(() => {
@@ -267,7 +284,13 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                 ]));
                 return S.memo = C, S;
               }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(A, { key: 1 }, B(o.rows, (l, n, ge, v) => {
-                const C = [l, s.value.has(c(l, d.value)), o.compact, o.striped, o.hoverable];
+                const C = [
+                  l,
+                  s.value.has(c(l, d.value)),
+                  o.compact,
+                  o.striped,
+                  o.hoverable
+                ];
                 if (v && v.key === c(l, d.value) && W(v, C)) return v;
                 const S = (i(), F(Te, {
                   key: c(l, d.value),

package/components/Dropdown/Dropdown.vue.d.ts

@@ -1,5 +1,5 @@
 import { IDropdownOption, ButtonProps } from '../../types';
-import { TooltTipPlacement } from 'v-tooltip-lite/types';
+import { TooltTipPlacement } from '../../lib/v-tooltip-lite/types';
 type __VLS_Props = {
     selected?: any;
     modelValue?: any;
@@ -65,10 +65,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         option?: IDropdownOption;
     }) => any;
     "update:modelValue": (value: any) => any;
+    "update:isOpen": (value: boolean) => any;
     "load-more": () => any;
     onClose: () => any;
     onOpen: () => any;
-    "update:isOpen": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSearch?: (query: string) => any;
     onOnSelect?: (payload: {
@@ -77,14 +77,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         option?: IDropdownOption;
     }) => any;
     "onUpdate:modelValue"?: (value: any) => any;
+    "onUpdate:isOpen"?: (value: boolean) => any;
     "onLoad-more"?: () => any;
     onOnClose?: () => any;
     onOnOpen?: () => any;
-    "onUpdate:isOpen"?: (value: boolean) => any;
 }>, {
     loading: boolean;
-    selectable: boolean;
+    offset: [number, number];
     options: (IDropdownOption | string | number)[];
+    teleport: boolean;
+    isOpen: boolean;
+    selectable: boolean;
     columns: number | string;
     selectedIndex: number | null;
     maxHeight: string;
@@ -98,9 +101,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     closeOnSelect: boolean;
     toggleSelection: boolean;
     emptyMessage: string;
-    offset: [number, number];
-    isOpen: boolean;
-    teleport: boolean;
     showSelectedLabel: boolean;
     doubleConfirmation: boolean;
     isNested: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as K, ref as i, computed as m, watch as T, provide as Q, reactive as W, toRefs as X, openBlock as A, createElementBlock as Y, normalizeStyle as Z, createVNode as B, unref as v, withCtx as c, renderSlot as d, createBlock as _, normalizeClass as ee, createSlots as te, normalizeProps as H, guardReactiveProps as L, createCommentVNode as le } from "vue";
-import oe from "v-tooltip-lite";
-import "v-tooltip-lite/style.css";
-import ne from "./DropdownMenu.vue.js";
-import ae from "./DropdownTrigger.vue.js";
-import ie from "../ConfirmationModal.vue.js";
-import { useDropdownIds as se } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as re } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as ue } from "./composables/useDropdownHydration.js";
-const be = /* @__PURE__ */ K({
+import { defineComponent as ee, ref as i, computed as c, inject as te, onMounted as ne, onUnmounted as le, watch as P, provide as oe, reactive as ae, toRefs as ie, openBlock as L, createElementBlock as se, normalizeStyle as re, createVNode as x, unref as p, withCtx as f, renderSlot as m, createBlock as ue, normalizeClass as de, createSlots as ce, normalizeProps as V, guardReactiveProps as R, createCommentVNode as fe } from "vue";
+import me from "../../lib/v-tooltip-lite/components/ToolTip.vue.js";
+/* empty css                                     */
+import ve from "./DropdownMenu.vue.js";
+import he from "./DropdownTrigger.vue.js";
+import pe from "../ConfirmationModal.vue.js";
+import { useDropdownIds as ge } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as ye } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Ce } from "./composables/useDropdownHydration.js";
+const xe = /* @__PURE__ */ ee({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -46,138 +46,149 @@ const be = /* @__PURE__ */ K({
     isNested: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: V }) {
-    const n = l, p = V, h = i(!1), f = i(null), s = i({
+  setup(l, { emit: z }) {
+    const o = l, g = z, y = i(!1), v = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), D = m(() => n.position ? n.position : n.direction === "rtl" ? "bottom-end" : "bottom-start"), R = m(() => n.nestedPosition ? n.nestedPosition : n.direction === "rtl" ? "left-start" : "right-start"), O = i(n.isOpen || !1), y = i(0);
-    T(
-      () => n.isOpen,
+    }), E = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), j = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = i(o.isOpen || !1), C = i(0), U = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || U), h = i([]), s = te("dropdown-context", null), q = (e) => {
+      h.value.includes(e) || h.value.push(e), s?.registerChildId?.(e);
+    }, F = (e) => {
+      h.value = h.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
+    };
+    ne(() => {
+      s?.registerChildId && s.registerChildId(`#${$.value}`);
+    }), le(() => {
+      s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
+    }), P(
+      () => o.isOpen,
       (e) => {
-        e !== void 0 && (O.value = e);
+        e !== void 0 && (S.value = e);
       }
     );
-    const P = (e) => {
-      O.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
-    }, g = () => {
-      P(!1);
+    const M = (e) => {
+      S.value = e, g("update:isOpen", e), g(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+    }, b = () => {
+      M(!1);
+    }, G = (e) => {
+      e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    Q("dropdown-context", {
-      close: g,
+    oe("dropdown-context", {
+      close: b,
       onChildToggle: (e) => {
-        e ? y.value++ : y.value = Math.max(0, y.value - 1);
-      }
+        G(e), s?.onChildToggle?.(e);
+      },
+      registerChildId: q,
+      unregisterChildId: F
     });
-    const b = m(() => n.options ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), C = i([]), I = i(!1), S = i(!1);
-    T(
-      b,
+    const w = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), O = i([]), N = i(!1), k = i(!1);
+    P(
+      w,
       (e) => {
         if (e) {
-          if (n.remote) {
-            const o = [...C.value];
+          if (o.remote) {
+            const n = [...O.value];
             e.forEach((t) => {
-              o.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || o.push(t);
-            }), C.value = o;
+              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
+            }), O.value = n;
           } else
-            C.value = e;
-          !I.value && e.length > 0 && (I.value = !0, setTimeout(() => {
-            S.value = !0, N(w.value);
+            O.value = e;
+          !N.value && e.length > 0 && (N.value = !0, setTimeout(() => {
+            k.value = !0, A(T.value);
           }, 10));
         }
       },
       { immediate: !0 }
-      // Performance fix: Removed deep: true to prevent heavy recursion mapping
     );
-    const u = m(() => {
-      const e = [...C.value], o = new Set(e.map((t) => t.value ?? t.label));
-      return k.value.forEach((t, r) => {
-        o.has(r) || (e.unshift(t), o.add(r));
+    const d = c(() => {
+      const e = [...O.value], n = new Set(e.map((t) => t.value ?? t.label));
+      return I.value.forEach((t, u) => {
+        n.has(u) || (e.unshift(t), n.add(u));
       }), e;
-    }), { selectedBuffer: k, isHydrating: z, hydrateSelected: N } = ue({
-      fetchSelected: n.fetchSelected,
-      getAvailableOptions: () => u.value,
-      isReady: () => S.value
-    }), { getAllRecursiveIds: E } = se(), j = W({
-      ...X(n),
-      options: u
-    }), { currentValue: w, selectedLabel: x, selectOption: U } = re(
-      j,
-      p
-    ), q = m(() => {
-      const e = n.ignoreClickOutside || [], o = E(u.value);
-      return [.../* @__PURE__ */ new Set([...e, ...o, ".tooltip-container"])];
+    }), { selectedBuffer: I, isHydrating: J, hydrateSelected: A } = Ce({
+      fetchSelected: o.fetchSelected,
+      getAvailableOptions: () => d.value,
+      isReady: () => k.value
+    }), { getAllRecursiveIds: K } = ge(), Q = ae({
+      ...ie(o),
+      options: d
+    }), { currentValue: T, selectedLabel: H, selectOption: W } = ye(
+      Q,
+      g
+    ), X = c(() => {
+      const e = o.ignoreClickOutside || [], n = K(d.value);
+      return [.../* @__PURE__ */ new Set([...e, ...n, ...h.value])];
     });
-    T(
-      () => w.value,
+    P(
+      () => T.value,
       (e) => {
-        S.value && N(e);
+        k.value && A(e);
       },
       { deep: !0 }
     );
-    const F = (e) => {
-      n.doubleConfirmation || !!e.confirmation ? (f.value = e, typeof e.confirmation == "object" ? s.value = {
+    const Y = (e) => {
+      o.doubleConfirmation || !!e.confirmation ? (v.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : s.value = {
+      } : r.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, h.value = !0, g()) : (M(e), n.closeOnSelect && g());
-    }, M = (e) => {
-      const o = e.value ?? e.label;
-      k.value.has(o) || k.value.set(o, e);
-      const t = U(e);
-      if (!n.isNested) {
-        const r = e._originalOption || e, a = r.value ?? r.label;
-        (e._path || [r]).forEach(($) => {
-          typeof $.onSelect == "function" && $.onSelect({
+      }, y.value = !0, b()) : (D(e), o.closeOnSelect && b());
+    }, D = (e) => {
+      const n = e.value ?? e.label;
+      I.value.has(n) || I.value.set(n, e);
+      const t = W(e);
+      if (!o.isNested) {
+        const u = e._originalOption || e, a = u.value ?? u.label;
+        (e._path || [u]).forEach((B) => {
+          typeof B.onSelect == "function" && B.onSelect({
             value: a,
-            option: $,
-            data: u.value || [],
+            option: B,
+            data: d.value || [],
             values: t
           });
         });
       }
-    }, G = () => {
-      f.value && (M(f.value), f.value = null, h.value = !1);
-    }, J = () => {
-      f.value = null, h.value = !1;
+    }, Z = () => {
+      v.value && (D(v.value), v.value = null, y.value = !1);
+    }, _ = () => {
+      v.value = null, y.value = !1;
     };
-    return (e, o) => (A(), Y("div", {
+    return (e, n) => (L(), se("div", {
       class: "relative inline-block text-left",
-      style: Z({ direction: l.direction })
+      style: re({ direction: l.direction })
     }, [
-      B(v(oe), {
+      x(p(me), {
         content: "",
         trigger: "click",
         arrow: !1,
         teleport: l.teleport,
         offset: l.offset,
-        placement: D.value,
-        isOpen: O.value,
-        keepAlive: y.value > 0,
-        menuId: l.menuId,
-        ignoreClickOutside: q.value,
+        placement: E.value,
+        isOpen: S.value,
+        keepAlive: C.value > 0,
+        menuId: $.value,
+        ignoreClickOutside: X.value,
         class: "w-full",
         className: "dropdown " + (l.className || ""),
-        onOnShow: o[2] || (o[2] = (t) => e.$emit("onOpen")),
-        onOnHide: o[3] || (o[3] = (t) => e.$emit("onClose")),
-        "onUpdate:isOpen": P,
+        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
+        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        "onUpdate:isOpen": M,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
-        trigger: c(({ isOpen: t }) => [
-          d(e.$slots, "trigger", H(L({ selectedLabel: v(x), isOpen: t })), () => [
-            B(ae, {
-              "selected-label": v(x),
+        trigger: f(({ isOpen: t }) => [
+          m(e.$slots, "trigger", V(R({ selectedLabel: p(H), isOpen: t })), () => [
+            x(he, {
+              "selected-label": p(H),
               "is-open": t,
               direction: l.direction,
               triggerProps: l.triggerProps,
@@ -185,77 +196,77 @@ const be = /* @__PURE__ */ K({
             }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
           ])
         ]),
-        default: c(() => [
-          d(e.$slots, "default"),
-          b.value.length || u.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (A(), _(ne, {
+        default: f(() => [
+          m(e.$slots, "default"),
+          w.value.length || d.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (L(), ue(ve, {
             key: 0,
-            options: b.value,
-            cachedOptions: u.value,
-            class: ee(l.className),
-            selected: v(w),
+            options: w.value,
+            cachedOptions: d.value,
+            class: de(l.className),
+            selected: p(T),
             selectedIndex: l.selectedIndex,
             maxHeight: l.maxHeight,
-            nestedPosition: R.value,
+            nestedPosition: j.value,
             nestedOffset: l.nestedOffset,
             selectable: l.selectable,
             direction: l.direction,
             layout: l.layout,
             columns: l.columns,
-            loading: l.loading || v(z),
+            loading: l.loading || p(J),
             hasMore: l.hasMore,
             searchable: l.searchable,
             remote: l.remote,
             debounceTime: l.debounceTime,
-            onSelect: F,
-            onClose: g,
-            onLoadMore: o[0] || (o[0] = (t) => e.$emit("load-more")),
-            onSearch: o[1] || (o[1] = (t) => e.$emit("search", t))
-          }, te({ _: 2 }, [
+            onSelect: Y,
+            onClose: b,
+            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
+            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
+          }, ce({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
-              fn: c(() => [
-                d(e.$slots, "menu")
+              fn: f(() => [
+                m(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: c((t) => [
-                d(e.$slots, "item", H(L(t)))
+              fn: f((t) => [
+                m(e.$slots, "item", V(R(t)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
-              fn: c(() => [
-                d(e.$slots, "header")
+              fn: f(() => [
+                m(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
-              fn: c(() => [
-                d(e.$slots, "footer")
+              fn: f(() => [
+                m(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : le("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : fe("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
-      B(ie, {
-        show: h.value,
-        title: s.value.title,
-        description: s.value.description,
-        "confirm-text": s.value.confirmText,
-        "cancel-text": s.value.cancelText,
-        variant: s.value.variant,
-        onConfirm: G,
-        onCancel: J
+      x(pe, {
+        show: y.value,
+        title: r.value.title,
+        description: r.value.description,
+        "confirm-text": r.value.confirmText,
+        "cancel-text": r.value.cancelText,
+        variant: r.value.variant,
+        onConfirm: Z,
+        onCancel: _
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  be as default
+  xe as default
 };

package/components/Dropdown/DropdownGroupedLayout.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onSelect?: (option: IDropdownOption) => any;
     onMouseenter?: (payload: any) => any;
 }>, {
-    selectable: boolean;
     options: IDropdownOptions;
+    selectable: boolean;
     columns: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     loading: boolean;
-    selectable: boolean;
     options: (IDropdownOption | string | number)[];
+    selectable: boolean;
     columns: number | string;
     cachedOptions: IDropdownOptions;
     selectedIndex: number | null;