vlite3 1.0.7 → 1.0.10

package/components/Accordion/Accordion.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     variant: import('./types').AccordionVariant;
     size: import('./types').AccordionSize;
     disabled: boolean;
-    items: import('./types').AccordionItemSchema[];
     attached: boolean;
+    items: import('./types').AccordionItemSchema[];
     showIndex: boolean;
     iconVariant: import('./types').IconVariant;
     allowMultiple: boolean;

package/components/ButtonGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonGroup.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c990b8da"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-298c3d8a"]]);
 export {
   m as default
 };

package/components/Chat/ChatBubble.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as x, ref as T, openBlock as t, createElementBlock as i, normalizeClass as l, createVNode as f, createCommentVNode as a, createElementVNode as d, toDisplayString as u, unref as B, createBlock as E, withModifiers as C } from "vue";
+import { defineComponent as S, computed as x, ref as T, openBlock as t, createElementBlock as a, normalizeClass as l, createVNode as f, createCommentVNode as i, createElementVNode as d, toDisplayString as u, unref as B, createBlock as E, withModifiers as C } from "vue";
 import D from "../Avatar.vue.js";
 import g from "../Button.vue.js";
 import I from "../AttachmentsList/AttachmentsList.vue.js";
@@ -53,16 +53,16 @@ const z = {
     }, k = () => {
       n.value = !1, r && (clearTimeout(r), r = null);
     };
-    return (m, o) => (t(), i("div", {
+    return (m, o) => (t(), a("div", {
       class: l(["flex w-full min-w-0 gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
     }, [
-      e.showAvatar ? (t(), i("div", z, [
+      e.showAvatar ? (t(), a("div", z, [
         f(D, {
           src: e.message.avatar,
           alt: e.message.senderName,
           size: "sm"
         }, null, 8, ["src", "alt"])
-      ])) : a("", !0),
+      ])) : i("", !0),
       d("div", {
         class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", e.isSender ? "items-end" : "items-start"])
       }, [
@@ -74,9 +74,9 @@ const z = {
               e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
             ]])
           }, [
-            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), i("div", A, u(e.message.senderName), 1)) : a("", !0),
-            e.message.text ? (t(), i("p", N, u(e.message.text), 1)) : a("", !0),
-            e.message.attachments && e.message.attachments.length > 0 ? (t(), i("div", {
+            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), a("div", A, u(e.message.senderName), 1)) : i("", !0),
+            e.message.text ? (t(), a("p", N, u(e.message.text), 1)) : i("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), a("div", {
               key: 2,
               class: l({ "mt-2": e.message.text || e.showUserInfo && !e.isSender })
             }, [
@@ -89,27 +89,27 @@ const z = {
                 "click-to-preview": !0,
                 "show-download-in-list": !1
               }, null, 8, ["attachments"])
-            ], 2)) : a("", !0),
-            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), i("div", {
+            ], 2)) : i("", !0),
+            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), a("div", {
               key: 3,
               class: l(["mt-1 flex items-center gap-1", e.isSender ? "justify-end" : "justify-start"])
             }, [
-              e.message.isEdited && e.showEditedStatus !== !1 ? (t(), i("span", {
+              e.message.isEdited && e.showEditedStatus !== !1 ? (t(), a("span", {
                 key: 0,
                 class: l(["text-[10px] opacity-60", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, u(y.value), 3)) : a("", !0),
-              e.message.isEdited && e.showEditedStatus !== !1 && e.message.timestamp ? (t(), i("span", {
+              }, u(y.value), 3)) : i("", !0),
+              e.message.isEdited && e.showEditedStatus !== !1 && e.message.timestamp ? (t(), a("span", {
                 key: 1,
                 class: l(["text-[10px] opacity-40", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, " · ", 2)) : a("", !0),
-              e.message.timestamp ? (t(), i("span", {
+              }, " · ", 2)) : i("", !0),
+              e.message.timestamp ? (t(), a("span", {
                 key: 2,
                 class: l(["text-[10px] opacity-60 tabular-nums", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, u(h.value), 3)) : a("", !0)
-            ], 2)) : a("", !0)
+              }, u(h.value), 3)) : i("", !0)
+            ], 2)) : i("", !0)
           ], 2),
           d("div", {
-            class: l(["opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
+            class: l(["absolute top-1/2 -translate-y-1/2 opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
           }, [
             (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), E(g, {
               key: 0,
@@ -120,8 +120,8 @@ const z = {
               class: "text-muted-foreground hover:text-foreground h-7 w-7",
               onClick: o[0] || (o[0] = ($) => c("edit", e.message)),
               "aria-label": "Edit message"
-            })) : a("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), i("div", j, [
+            })) : i("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), a("div", j, [
               f(g, {
                 variant: "ghost",
                 size: "xs",
@@ -131,7 +131,7 @@ const z = {
                 onClick: b,
                 "aria-label": n.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              n.value ? (t(), i("button", {
+              n.value ? (t(), a("button", {
                 key: 0,
                 class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
                 onClick: C(k, ["stop"]),
@@ -160,8 +160,8 @@ const z = {
                     y2: "18"
                   })
                 ], -1)
-              ])])) : a("", !0)
-            ])) : a("", !0)
+              ])])) : i("", !0)
+            ])) : i("", !0)
           ], 2)
         ], 2)
       ], 2)

package/components/Chat/ChatInterface.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as te, ref as p, computed as w, onMounted as le, onUnmounted as ae, watch as oe, nextTick as U, openBlock as c, createElementBlock as f, createElementVNode as o, createTextVNode as se, toDisplayString as b, createCommentVNode as k, Fragment as _, renderList as N, createBlock as re, createVNode as I, unref as E, withCtx as ne, withDirectives as ie, vModelText as de } from "vue";
+import { defineComponent as te, ref as p, computed as w, onMounted as le, onUnmounted as ae, watch as oe, nextTick as U, openBlock as c, createElementBlock as f, createElementVNode as o, createTextVNode as re, toDisplayString as b, createCommentVNode as k, Fragment as _, renderList as N, createBlock as se, createVNode as I, unref as E, withCtx as ne, withDirectives as ie, vModelText as de } from "vue";
 import ce from "./ChatBubble.vue.js";
 import V from "../Button.vue.js";
 import K from "../Icon.vue.js";
@@ -10,8 +10,8 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
   class: "py-2 mb-2 text-center text-xs text-muted-foreground flex justify-center items-center gap-2"
 }, he = {
   key: 1,
-  class: "flex items-center justify-center h-full text-muted-foreground text-sm"
-}, xe = { class: "flex flex-col gap-2 pb-2" }, ge = {
+  class: "flex items-center justify-center flex-1 h-full text-muted-foreground text-sm"
+}, xe = { class: "flex flex-col gap-2 pb-2 mt-auto" }, ge = {
   key: 0,
   class: "flex items-center gap-3 py-1 select-none",
   role: "separator"
@@ -54,8 +54,8 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
     maxFileSize: {}
   },
   emits: ["add", "delete", "edit", "refetch"],
-  setup(s, { emit: j }) {
-    const a = s, C = j, v = p(null), B = p(null), i = p(null), h = p(""), F = p(0), M = p(!1), d = p(null), r = p([]), { handleUploadFiles: Y, loading: x } = fe(), P = w(() => {
+  setup(r, { emit: j }) {
+    const a = r, C = j, v = p(null), B = p(null), i = p(null), h = p(""), F = p(0), M = p(!1), d = p(null), s = p([]), { handleUploadFiles: Y, loading: x } = fe(), P = w(() => {
       if (a.placeholderI18n) {
         const t = u(a.placeholderI18n);
         if (t !== a.placeholderI18n) return t;
@@ -139,22 +139,22 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
     }, z = () => {
       d.value = null, h.value = "", i.value && (i.value.style.height = "auto", i.value.focus());
     }, $ = w(() => {
-      const e = !!h.value.trim(), t = Array.isArray(r.value) && r.value.length > 0;
+      const e = !!h.value.trim(), t = Array.isArray(s.value) && s.value.length > 0;
       return (e || t) && !x.value;
     }), X = (e) => {
-      x.value || Array.isArray(r.value) && (r.value.splice(e, 1), r.value.length === 0 && (r.value = []));
+      x.value || Array.isArray(s.value) && (s.value.splice(e, 1), s.value.length === 0 && (s.value = []));
     }, L = async () => {
       if (!$.value) return;
-      const e = h.value.trim(), t = Array.isArray(r.value) && r.value.length > 0, l = !!d.value;
+      const e = h.value.trim(), t = Array.isArray(s.value) && s.value.length > 0, l = !!d.value;
       if (l && d.value)
         e !== d.value.text && C("edit", { ...d.value, text: e, isEdited: !0 }), d.value = null, h.value = "";
       else {
         let n = [];
         if (t) {
-          const m = r.value.map((T) => T.file).filter(Boolean);
+          const m = s.value.map((T) => T.file).filter(Boolean);
           if (m.length > 0) {
             const T = await Y(m, a.folderId);
-            n = r.value.map((g, y) => ({
+            n = s.value.map((g, y) => ({
               fileUrl: T[y] || "",
               fileName: g.fileName,
               fileType: g.fileType,
@@ -162,7 +162,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
             })).filter((g) => g.fileUrl !== null && g.fileUrl !== "");
           }
         }
-        C("add", e, n.length > 0 ? n : void 0), r.value = [], h.value = "";
+        C("add", e, n.length > 0 ? n : void 0), s.value = [], h.value = "";
       }
       i.value && (i.value.style.height = "auto", i.value.focus()), l || A();
     }, D = (e) => {
@@ -204,18 +204,19 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
       o("div", {
         ref_key: "messageListRef",
         ref: v,
-        class: "flex-1 overflow-y-auto px-4 py-4 scrollbar-thin scrollbar-stable",
+        class: "flex-1 overflow-y-auto px-4 py-4 scrollbar-thin scrollbar-stable flex flex-col",
         role: "log",
         "aria-live": "polite",
         "aria-label": "Chat messages",
-        style: { "will-change": "transform", contain: "layout style" }
+        style: { "will-change": "transform", contain: "layout style", "overflow-anchor": "auto" }
       }, [
         o("div", {
           ref_key: "observerTargetRef",
           ref: B,
-          class: "h-1 w-full shrink-0"
+          class: "h-1 w-full shrink-0",
+          style: { "overflow-anchor": "none" }
         }, null, 512),
-        s.isLoadingMore ? (c(), f("div", ve, [
+        r.isLoadingMore ? (c(), f("div", ve, [
           t[3] || (t[3] = o("svg", {
             class: "animate-spin h-4 w-4 text-primary",
             xmlns: "http://www.w3.org/2000/svg",
@@ -236,9 +237,9 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
               d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
             })
           ], -1)),
-          se(" " + b(O.value), 1)
+          re(" " + b(O.value), 1)
         ])) : k("", !0),
-        !s.data.length && !s.isLoadingMore ? (c(), f("div", he, b(q.value), 1)) : k("", !0),
+        !r.data.length && !r.isLoadingMore ? (c(), f("div", he, b(q.value), 1)) : k("", !0),
         o("div", xe, [
           (c(!0), f(_, null, N(ee.value, (l) => (c(), f(_, {
             key: H(l) ? l._key : l.id
@@ -247,19 +248,19 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
               t[4] || (t[4] = o("div", { class: "flex-1 h-px bg-border/60" }, null, -1)),
               o("span", pe, b(l.label), 1),
               t[5] || (t[5] = o("div", { class: "flex-1 h-px bg-border/60" }, null, -1))
-            ])) : (c(), re(ce, {
+            ])) : (c(), se(ce, {
               key: 1,
               message: l,
-              "is-sender": l.senderId === s.currentUserId,
-              "show-avatar": s.showAvatar,
-              "show-user-info": s.showUserInfo,
-              "show-timestamp": s.showTimestamp,
-              "allow-delete-all": s.allowDeleteAll,
-              "allow-edit-all": s.allowEditAll,
-              "confirm-delete": s.confirmDelete,
-              "show-edited-status": s.showEditedStatus,
-              "edited-text": s.editedText,
-              "edited-text-i18n": s.editedTextI18n,
+              "is-sender": l.senderId === r.currentUserId,
+              "show-avatar": r.showAvatar,
+              "show-user-info": r.showUserInfo,
+              "show-timestamp": r.showTimestamp,
+              "allow-delete-all": r.allowDeleteAll,
+              "allow-edit-all": r.allowEditAll,
+              "confirm-delete": r.confirmDelete,
+              "show-edited-status": r.showEditedStatus,
+              "edited-text": r.editedText,
+              "edited-text-i18n": r.editedTextI18n,
               onDelete: t[0] || (t[0] = (n) => e.$emit("delete", n)),
               onEdit: W
             }, null, 8, ["message", "is-sender", "show-avatar", "show-user-info", "show-timestamp", "allow-delete-all", "allow-edit-all", "confirm-delete", "show-edited-status", "edited-text", "edited-text-i18n"]))
@@ -317,8 +318,8 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
           ])
         ])) : k("", !0),
         o("div", Ee, [
-          Array.isArray(r.value) && r.value.length > 0 ? (c(), f("div", Me, [
-            (c(!0), f(_, null, N(r.value, (l, n) => (c(), f("div", {
+          Array.isArray(s.value) && s.value.length > 0 ? (c(), f("div", Me, [
+            (c(!0), f(_, null, N(s.value, (l, n) => (c(), f("div", {
               key: n,
               class: "relative flex items-center gap-2 bg-background border border-border rounded-md p-1.5 pr-8 max-w-[200px] shadow-sm"
             }, [
@@ -343,12 +344,12 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
             ]))), 128))
           ])) : k("", !0),
           o("div", Ce, [
-            s.allowFileUpload ? (c(), f("div", Be, [
+            r.allowFileUpload ? (c(), f("div", Be, [
               I(ue, {
-                modelValue: r.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => r.value = l),
+                modelValue: s.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => s.value = l),
                 "multi-select": !0,
-                "max-size": s.maxFileSize,
+                "max-size": r.maxFileSize,
                 "return-format": "file"
               }, {
                 trigger: ne(({ trigger: l }) => [

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ye, inject as we, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as w, createSlots as K, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as A, createElementVNode as f, Fragment as N, renderList as E, normalizeStyle as L, isMemoSame as Y, mergeProps as X, unref as q } from "vue";
+import { defineComponent as ye, inject as we, computed as i, ref as y, watch as g, openBlock as r, createElementBlock as m, createBlock as U, normalizeClass as w, createSlots as j, withCtx as x, renderSlot as $, createVNode as B, createCommentVNode as W, createElementVNode as f, Fragment as A, renderList as E, normalizeStyle as L, isMemoSame as Y, mergeProps as X, unref as q } from "vue";
 import Pe from "../CheckBox.vue.js";
 import Ce from "../Button.vue.js";
 import Se from "../ConfirmationModal.vue.js";
@@ -14,11 +14,11 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
   scope: "col",
   class: "w-[40px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "40px" }
-}, Ae = { class: "flex items-center justify-center" }, Ne = { class: "[&_tr:last-child]:border-0" }, Ve = {
+}, We = { class: "flex items-center justify-center" }, Ae = { class: "[&_tr:last-child]:border-0" }, Ne = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, Me = { key: 2 }, Ue = ["colspan"], Fe = { key: 1 }, Qe = /* @__PURE__ */ ye({
+}, Ve = { key: 2 }, Me = ["colspan"], Ue = { key: 1 }, Qe = /* @__PURE__ */ ye({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -69,18 +69,18 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           if (n in e[0]) return n;
       }
       return "_id";
-    }, Q = (e) => e.sortKey || e.field, a = o, b = G, R = we($e, null), j = r(() => R?.disableSearch ? !1 : a.showSearch), C = r(() => a.hideSelectable ? !1 : R ? R.forceSelectable : !0), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), S = y(
+    }, Q = (e) => e.sortKey || e.field, a = o, b = G, R = we($e, null), F = i(() => R?.disableSearch ? !1 : a.showSearch), C = i(() => a.hideSelectable ? !1 : R ? R.forceSelectable : !0), d = i(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), S = y(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), k = y(!1), Z = r(() => a.loading);
+    ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), k = y(!1), Z = i(() => a.loading);
     g(
       () => a.search,
       (e) => {
         e !== void 0 && e !== p.value && (p.value = e);
       }
     );
-    let V = null;
+    let N = null;
     g(p, () => {
-      V && clearTimeout(V), V = setTimeout(() => {
+      N && clearTimeout(N), N = setTimeout(() => {
         h.value = 1, z();
       }, 300);
     }), g(
@@ -108,18 +108,18 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
       },
       { immediate: !0, deep: !0 }
     );
-    const M = r(
+    const V = i(
       () => a.rows.length > 0 && a.rows.every((e) => s.value.has(c(e, d.value)))
-    ), O = r(() => s.value.size > 0 && !M.value), _ = r(() => {
+    ), K = i(() => s.value.size > 0 && !V.value), _ = i(() => {
       const e = [...a.selectedRows || [], ...a.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((l) => t.set(c(l, d.value), l)), Array.from(s.value).map((l) => t.get(l)).filter(Boolean);
     }), ee = (e) => {
       const t = new Set(s.value);
-      e ? a.rows.forEach((l) => t.add(c(l, d.value))) : a.rows.forEach((l) => t.delete(c(l, d.value))), s.value = t, W();
+      e ? a.rows.forEach((l) => t.add(c(l, d.value))) : a.rows.forEach((l) => t.delete(c(l, d.value))), s.value = t, O();
     }, te = (e) => {
       const t = new Set(s.value);
-      t.has(e) ? t.delete(e) : t.add(e), s.value = t, W();
-    }, W = () => {
+      t.has(e) ? t.delete(e) : t.add(e), s.value = t, O();
+    }, O = () => {
       const e = /* @__PURE__ */ new Set(), t = [];
       a.rows.forEach((l) => {
         const n = c(l, d.value);
@@ -129,8 +129,8 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
         !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
       }), b("select", {
         selected: t,
-        all: M.value,
-        indeterminate: O.value
+        all: V.value,
+        indeterminate: K.value
       }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
@@ -142,9 +142,9 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
     }, se = (e) => b("rowClick", e), ne = () => {
       b("delete", _.value), k.value = !1;
     };
-    let U = null;
+    let M = null;
     const z = () => {
-      U && clearTimeout(U), U = setTimeout(() => {
+      M && clearTimeout(M), M = setTimeout(() => {
         const e = {
           pagination: { page: h.value, limit: S.value },
           sort: { ...u.value },
@@ -161,43 +161,46 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
         s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
     );
-    const re = r(() => [
+    const ie = i(() => [
       "w-full flex flex-col",
       a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => {
+    ].join(" ")), re = i(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => {
       const t = {};
-      return e.width && !/^w-/.test(e.width) && (t.width = e.width), e.minWidth && (t.minWidth = e.minWidth), t;
-    }, ce = (e) => e.width && /^w-/.test(e.width) ? e.width : "", ue = r(
+      return e.width && !/(?:^|\s|:)w-/.test(e.width) && (t.width = e.width), e.minWidth && !/(?:^|\s|:)min-w-/.test(e.minWidth) && (t.minWidth = e.minWidth), t;
+    }, ce = (e) => {
+      const t = [];
+      return e.width && /(?:^|\s|:)w-/.test(e.width) && t.push(e.width), e.minWidth && /(?:^|\s|:)min-w-/.test(e.minWidth) && t.push(e.minWidth), t.join(" ");
+    }, ue = i(
       () => a.emptyTitleI18n ? P(a.emptyTitleI18n) : a.emptyTitle
-    ), me = r(
+    ), me = i(
       () => a.emptyDescriptionI18n ? P(a.emptyDescriptionI18n) : a.emptyDescription
-    ), fe = r(() => {
+    ), fe = i(() => {
       const e = P("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), ve = r(() => {
+    }), ve = i(() => {
       const e = P("vlite.dataTable.confirmDeleteDesc");
       return e !== "vlite.dataTable.confirmDeleteDesc" ? e : "Are you sure you want to delete the selected items?";
-    }), he = r(() => {
+    }), he = i(() => {
       const e = P("vlite.dataTable.deleteBtn");
       return e !== "vlite.dataTable.deleteBtn" ? e : "Delete";
-    }), ge = r(() => {
+    }), ge = i(() => {
       const e = P("vlite.dataTable.cancelBtn");
       return e !== "vlite.dataTable.cancelBtn" ? e : "Cancel";
     });
-    return (e, t) => (i(), m("div", Be, [
-      j.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (i(), F(xe, {
+    return (e, t) => (r(), m("div", Be, [
+      F.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (r(), U(xe, {
         key: 0,
         modelValue: p.value,
         "onUpdate:modelValue": t[1] || (t[1] = (l) => p.value = l),
-        "show-search": j.value,
+        "show-search": F.value,
         placeholder: o.searchPlaceholder,
         placeholderI18n: o.searchPlaceholderI18n,
         class: w(o.toolbarClass),
         "search-class": o.toolbarSearchClass
-      }, K({ _: 2 }, [
+      }, j({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
           fn: x(() => [
@@ -225,13 +228,13 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : A("", !0),
+      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : W("", !0),
       f("div", {
-        class: w(re.value)
+        class: w(ie.value)
       }, [
         f("div", Ee, [
           f("table", {
-            class: w([ie.value, "data-table"])
+            class: w([re.value, "data-table"])
           }, [
             f("thead", {
               class: w([
@@ -240,17 +243,17 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
               ])
             }, [
               f("tr", Re, [
-                C.value ? (i(), m("th", ze, [
-                  f("div", Ae, [
+                C.value ? (r(), m("th", ze, [
+                  f("div", We, [
                     B(Pe, {
-                      "model-value": M.value,
-                      indeterminate: O.value,
+                      "model-value": V.value,
+                      indeterminate: K.value,
                       size: "xs",
                       "onUpdate:modelValue": ee
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : A("", !0),
-                (i(!0), m(N, null, E(o.headers, (l) => (i(), F(Te, {
+                ])) : W("", !0),
+                (r(!0), m(A, null, E(o.headers, (l) => (r(), U(Te, {
                   key: l.field,
                   header: l,
                   "sort-config": u.value,
@@ -262,20 +265,20 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "class", "style"]))), 128))
               ])
             ], 2),
-            f("tbody", Ne, [
-              Z.value ? (i(!0), m(N, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, v) => {
+            f("tbody", Ae, [
+              Z.value ? (r(!0), m(A, { key: 0 }, E(Math.min(S.value, 15), (l, n, be, v) => {
                 const I = [];
                 if (v && v.key === "skeleton-" + l && Y(v, I)) return v;
-                const T = (i(), m("tr", {
+                const T = (r(), m("tr", {
                   key: "skeleton-" + l,
                   class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
                 }, [
-                  C.value ? (i(), m("td", Ve, [...t[8] || (t[8] = [
+                  C.value ? (r(), m("td", Ne, [...t[8] || (t[8] = [
                     f("div", { class: "flex items-center justify-center" }, [
                       f("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
-                  ])])) : A("", !0),
-                  (i(!0), m(N, null, E(o.headers, (D) => (i(), m("td", {
+                  ])])) : W("", !0),
+                  (r(!0), m(A, null, E(o.headers, (D) => (r(), m("td", {
                     key: D.field,
                     class: w(["p-5! align-middle last:pr-6!", [D.hideOnMobile ? "hidden md:table-cell" : ""]])
                   }, [
@@ -286,7 +289,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   ], 2))), 128))
                 ]));
                 return T.memo = I, T;
-              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(N, { key: 1 }, E(o.rows, (l, n, be, v) => {
+              }, t, 2), 128)) : o.rows.length > 0 ? (r(!0), m(A, { key: 1 }, E(o.rows, (l, n, be, v) => {
                 const I = [
                   l,
                   s.value.has(c(l, d.value)),
@@ -296,7 +299,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   o.hoverable
                 ];
                 if (v && v.key === c(l, d.value) && Y(v, I)) return v;
-                const T = (i(), F(De, {
+                const T = (r(), U(De, {
                   key: c(l, d.value),
                   row: l,
                   headers: o.headers,
@@ -310,7 +313,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   onSelect: te,
                   onRowClick: se,
                   class: "[&_td:last-child]:pr-3.5!"
-                }, K({ _: 2 }, [
+                }, j({ _: 2 }, [
                   E(o.headers, (D) => ({
                     name: D.field,
                     fn: x((pe) => [
@@ -319,7 +322,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                   }))
                 ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]));
                 return T.memo = I, T;
-              }, t, 4), 128)) : (i(), m("tr", Me, [
+              }, t, 4), 128)) : (r(), m("tr", Ve, [
                 f("td", {
                   colspan: C.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
@@ -330,7 +333,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                       description: me.value,
                       icon: o.emptyIcon,
                       class: "border-none! bg-transparent! py-16!"
-                    }, K({ _: 2 }, [
+                    }, j({ _: 2 }, [
                       e.$slots["empty-action"] ? {
                         name: "action",
                         fn: x(() => [
@@ -340,13 +343,13 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
                       } : void 0
                     ]), 1032, ["title", "description", "icon"])
                   ])
-                ], 8, Ue)
+                ], 8, Me)
               ]))
             ])
           ], 2)
         ])
       ], 2),
-      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (i(), m("div", Fe, [
+      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (r(), m("div", Ue, [
         B(q(ke), X({
           "current-page": h.value,
           "total-pages": o.pageInfo.totalPages,
@@ -355,7 +358,7 @@ const Be = { class: "space-y-6.5" }, Ee = { class: "overflow-x-auto w-full" }, R
           onChange: ae,
           "onUpdate:itemsPerPage": oe
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : A("", !0),
+      ])) : W("", !0),
       B(Se, {
         show: k.value,
         "onUpdate:show": t[6] || (t[6] = (l) => k.value = l),