vlite3 0.7.15 → 0.8.2

package/components/ImportData/ImportStep2.vue.js

@@ -1,100 +1,7 @@
-import { defineComponent as H, ref as M, computed as r, openBlock as o, createElementBlock as l, createElementVNode as e, toDisplayString as a, Fragment as m, renderList as v, normalizeClass as N, createBlock as V, unref as $, createCommentVNode as x, createVNode as z } from "vue";
-import A from "../Dropdown/Dropdown.vue.js";
-import "@iconify/vue";
-import { $t as B } from "../../utils/i18n.js";
-/* empty css            */
-/* empty css                            */
-import I from "../CheckBox.vue.js";
-const O = { class: "space-y-6" }, j = { class: "font-medium text-lg mb-1" }, E = { class: "text-sm text-muted-foreground" }, P = { class: "border border-border rounded-xl overflow-hidden" }, R = { class: "overflow-x-auto max-h-[400px]" }, U = { class: "w-full text-sm text-left" }, q = { class: "text-xs text-muted-foreground uppercase bg-muted sticky top-0 z-10" }, L = { class: "px-4 py-3 font-medium" }, W = { class: "px-4 py-3 font-medium" }, G = { class: "px-4 py-3 font-medium" }, J = { class: "divide-y divide-border" }, K = { class: "px-4 py-3 font-medium text-foreground whitespace-nowrap" }, Q = { class: "px-4 py-2 min-w-[200px]" }, T = {
-  key: 1,
-  class: "text-xs italic text-muted-foreground"
-}, X = { class: "px-4 py-3 text-muted-foreground min-w-[200px] max-w-[300px]" }, Y = {
-  key: 0,
-  class: "space-y-1"
-}, Z = { class: "px-4 py-3 text-center align-middle" }, ee = { class: "flex justify-center items-center h-full" }, te = {
-  key: 0,
-  class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
-}, ce = /* @__PURE__ */ H({
-  __name: "ImportStep2",
-  props: {
-    headers: {},
-    preview: {},
-    mappings: {},
-    availableFields: {}
-  },
-  emits: ["next", "prev", "update:mappings"],
-  setup(p, { emit: g }) {
-    const u = p, _ = g, n = M([]), c = (t, i) => {
-      const s = B(t);
-      return s !== t ? s : i;
-    }, f = r(() => u.headers.filter((t) => u.mappings[t] !== "")), h = (t) => {
-      const i = { ...u.mappings };
-      n.value.includes(t) ? n.value = n.value.filter((d) => d !== t) : n.value.push(t), i[t] !== "" && (i[t] = ""), _("update:mappings", i);
-    }, y = () => u.availableFields.map((t) => ({
-      label: t.required ? `${t.label} *` : t.label,
-      value: t.value
-    })), w = r(() => c("vlite.importData.assignFields", "Assign Fields")), b = r(() => c("vlite.importData.assignDesc", "Match your CSV columns to the correct system fields.")), k = r(() => c("vlite.importData.csvHeader", "CSV Header")), D = r(() => c("vlite.importData.fieldMapping", "System Field")), S = r(() => c("vlite.importData.preview", "Data Preview")), F = r(() => c("vlite.importData.noHeaders", "No headers mapped. Data will not be imported properly."));
-    return (t, i) => (o(), l("div", O, [
-      e("div", null, [
-        e("h4", j, a(w.value), 1),
-        e("p", E, a(b.value), 1)
-      ]),
-      e("div", P, [
-        e("div", R, [
-          e("table", U, [
-            e("thead", q, [
-              e("tr", null, [
-                e("th", L, a(k.value), 1),
-                e("th", W, a(D.value), 1),
-                e("th", G, a(S.value), 1),
-                i[0] || (i[0] = e("th", { class: "px-4 py-3 font-medium text-center w-16" }, "Ignore", -1))
-              ])
-            ]),
-            e("tbody", J, [
-              (o(!0), l(m, null, v(p.headers, (s) => (o(), l("tr", {
-                key: s,
-                class: N(n.value.includes(s) ? "bg-muted/30 opacity-60" : "hover:bg-muted/10")
-              }, [
-                e("td", K, a(s), 1),
-                e("td", Q, [
-                  n.value.includes(s) ? (o(), l("span", T, "Ignored")) : (o(), V($(A), {
-                    key: 0,
-                    class: "w-full",
-                    options: y(),
-                    selected: p.mappings[s],
-                    placeholder: "Select Field",
-                    variant: "outline",
-                    showCaret: "",
-                    "btn-props": { class: "w-full justify-between" },
-                    onOnSelect: (d) => p.mappings[s] = d.value
-                  }, null, 8, ["options", "selected", "onOnSelect"]))
-                ]),
-                e("td", X, [
-                  n.value.includes(s) ? x("", !0) : (o(), l("div", Y, [
-                    (o(!0), l(m, null, v(p.preview, (d, C) => (o(), l("div", {
-                      key: C,
-                      class: "truncate text-xs"
-                    }, a(String(d[s] || "").slice(0, 50)), 1))), 128))
-                  ]))
-                ]),
-                e("td", Z, [
-                  e("div", ee, [
-                    z(I, {
-                      checked: n.value.includes(s),
-                      "onUpdate:checked": (d) => h(s),
-                      size: "sm"
-                    }, null, 8, ["checked", "onUpdate:checked"])
-                  ])
-                ])
-              ], 2))), 128))
-            ])
-          ])
-        ])
-      ]),
-      f.value.length === 0 ? (o(), l("div", te, a(F.value), 1)) : x("", !0)
-    ]));
-  }
-});
+import o from "./ImportStep2.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfd99cc9"]]);
 export {
-  ce as default
+  m as default
 };

package/components/ImportData/ImportStep2.vue2.js

@@ -1,4 +1,107 @@
-import f from "./ImportStep2.vue.js";
+import { defineComponent as $, ref as A, computed as c, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as r, Fragment as f, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as b, createVNode as z } from "vue";
+import E from "../Dropdown/Dropdown.vue.js";
+import "@iconify/vue";
+import { $t as P } from "../../utils/i18n.js";
+/* empty css            */
+/* empty css                            */
+import R from "../CheckBox.vue.js";
+const U = { class: "space-y-6" }, q = { class: "font-medium text-lg mb-1" }, L = { class: "text-sm text-muted-foreground" }, W = { class: "border border-border rounded-xl overflow-hidden" }, G = { class: "overflow-x-auto max-h-[400px]" }, J = { class: "import-table" }, K = { class: "import-thead" }, Q = { class: "import-th" }, T = { class: "import-th" }, X = { class: "import-th" }, Y = { class: "import-tbody" }, Z = { class: "import-td-header" }, tt = { class: "import-td-dropdown" }, et = {
+  key: 1,
+  class: "text-xs italic text-muted-foreground"
+}, st = { class: "import-td-preview" }, ot = {
+  key: 0,
+  class: "space-y-1"
+}, it = { class: "import-td-action" }, nt = { class: "flex justify-center items-center h-full" }, lt = {
+  key: 0,
+  class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
+}, gt = /* @__PURE__ */ $({
+  __name: "ImportStep2",
+  props: {
+    headers: {},
+    preview: {},
+    mappings: {},
+    availableFields: {}
+  },
+  emits: ["next", "prev", "update:mappings"],
+  setup(l, { emit: w }) {
+    const m = l, v = w, o = A([]), d = (s, i) => {
+      const t = P(s);
+      return t !== s ? t : i;
+    }, y = c(() => m.headers.filter((s) => m.mappings[s] !== "")), k = (s) => {
+      const i = { ...m.mappings };
+      o.value.includes(s) ? o.value = o.value.filter((g) => g !== s) : o.value.push(s), i[s] !== "" && (i[s] = ""), v("update:mappings", i);
+    }, D = () => m.availableFields.map((s) => ({
+      label: s.required ? `${s.label} *` : s.label,
+      value: s.value
+    })), S = c(() => d("vlite.importData.assignFields", "Assign Fields")), F = c(() => d("vlite.importData.assignDesc", "Match your CSV columns to the correct system fields.")), C = c(() => d("vlite.importData.csvHeader", "CSV Header")), H = c(() => d("vlite.importData.fieldMapping", "System Field")), M = c(() => d("vlite.importData.preview", "Data Preview")), N = c(() => d("vlite.importData.noHeaders", "No headers mapped. Data will not be imported properly."));
+    return (s, i) => (n(), a("div", U, [
+      e("div", null, [
+        e("h4", q, r(S.value), 1),
+        e("p", L, r(F.value), 1)
+      ]),
+      e("div", W, [
+        e("div", G, [
+          e("table", J, [
+            e("thead", K, [
+              e("tr", null, [
+                e("th", Q, r(C.value), 1),
+                e("th", T, r(H.value), 1),
+                e("th", X, r(M.value), 1),
+                i[2] || (i[2] = e("th", { class: "import-th import-th-center" }, "Ignore", -1))
+              ])
+            ]),
+            e("tbody", Y, [
+              (n(!0), a(f, null, x(l.headers, (t, g, at, u) => {
+                const _ = [t, o.value.includes(t), l.mappings[t], l.preview.map((p) => p[t])];
+                if (u && u.key === t && B(u, _)) return u;
+                const h = (n(), a("tr", {
+                  key: t,
+                  class: I(["import-tr", o.value.includes(t) ? "import-tr-ignored" : "import-tr-active"])
+                }, [
+                  e("td", Z, r(t), 1),
+                  e("td", tt, [
+                    o.value.includes(t) ? (n(), a("span", et, "Ignored")) : (n(), O(j(E), {
+                      key: 0,
+                      class: "w-full",
+                      options: D(),
+                      selected: l.mappings[t],
+                      placeholder: "Select Field",
+                      variant: "outline",
+                      showCaret: "",
+                      "btn-props": { class: "w-full justify-between" },
+                      onOnSelect: (p) => {
+                        l.mappings[t] = p.value, v("update:mappings", { ...l.mappings });
+                      }
+                    }, null, 8, ["options", "selected", "onOnSelect"]))
+                  ]),
+                  e("td", st, [
+                    o.value.includes(t) ? b("", !0) : (n(), a("div", ot, [
+                      (n(!0), a(f, null, x(l.preview, (p, V) => (n(), a("div", {
+                        key: V,
+                        class: "truncate text-xs"
+                      }, r(String(p[t] || "").slice(0, 50)), 1))), 128))
+                    ]))
+                  ]),
+                  e("td", it, [
+                    e("div", nt, [
+                      z(R, {
+                        checked: o.value.includes(t),
+                        "onUpdate:checked": (p) => k(t),
+                        size: "sm"
+                      }, null, 8, ["checked", "onUpdate:checked"])
+                    ])
+                  ])
+                ], 2));
+                return h.memo = _, h;
+              }, i, 0), 128))
+            ])
+          ])
+        ])
+      ]),
+      y.value.length === 0 ? (n(), a("div", lt, r(N.value), 1)) : b("", !0)
+    ]));
+  }
+});
 export {
-  f as default
+  gt as default
 };

package/components/Kanban/Kanban.vue.js

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

package/components/Kanban/Kanban.vue2.js

@@ -23,7 +23,7 @@ const K = /* @__PURE__ */ b({
       s.data && u("update:data", { ...s.data, [e]: c });
     }, h = (e) => s.data ? s.data[e] || [] : [];
     return (e, c) => (n(), m("div", {
-      class: C(["flex gap-4 overflow-x-auto p-1 custom-scrollbar-x", s.class])
+      class: C(["flex gap-4 overflow-x-auto p-1 custom-scrollbar-x scrollable-container", s.class])
     }, [
       (n(!0), m(p, null, y(a.columns, (l) => (n(), k(v, {
         key: l.id,

package/components/Kanban/KanbanBoard.vue.js

@@ -1,7 +1,7 @@
 import o from "./KanbanBoard.vue2.js";
 /* empty css                 */
 import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3849c10a"]]);
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3a733454"]]);
 export {
   p as default
 };

package/components/Kanban/KanbanBoard.vue2.js

@@ -1,15 +1,14 @@
-import { defineComponent as K, ref as U, watch as E, onMounted as L, computed as M, openBlock as r, createElementBlock as d, normalizeClass as u, createElementVNode as n, renderSlot as m, unref as t, toDisplayString as f, Fragment as g, renderList as b, createVNode as h, withCtx as V, createCommentVNode as j } from "vue";
-import { VueDraggable as z } from "vue-draggable-plus";
-import F from "../Spinner/Spinner.vue.js";
-import { useKanbanBoard as H } from "./useKanbanBoard.js";
-import { $t as J } from "../../utils/i18n.js";
-const O = { class: "flex items-center justify-between font-semibold text-foreground" }, T = {
+import { defineComponent as T, defineAsyncComponent as V, ref as j, watch as z, onMounted as A, computed as F, openBlock as d, createElementBlock as i, normalizeClass as m, createElementVNode as r, renderSlot as g, unref as n, toDisplayString as y, setBlockTracking as v, Fragment as f, renderList as h, createVNode as x, withCtx as H, isMemoSame as J, createCommentVNode as O } from "vue";
+import { VueDraggable as R } from "vue-draggable-plus";
+import { useKanbanBoard as q } from "./useKanbanBoard.js";
+import { $t as G } from "../../utils/i18n.js";
+const P = { class: "flex items-center justify-between font-semibold text-foreground" }, Q = {
   key: 0,
   class: "flex-1 flex flex-col gap-3 min-h-[50px] py-1"
-}, A = { class: "bg-body p-3 rounded-md shadow-sm border border-border text-sm" }, R = {
+}, W = { class: "bg-body p-3 rounded-md shadow-sm border border-border text-sm" }, X = {
   key: 0,
   class: "py-4 flex justify-center shrink-0"
-}, X = /* @__PURE__ */ K({
+}, te = /* @__PURE__ */ T({
   __name: "KanbanBoard",
   props: {
     column: {},
@@ -24,112 +23,122 @@ const O = { class: "flex items-center justify-between font-semibold text-foregro
     ghostClass: {}
   },
   emits: ["change", "update:columnData"],
-  setup(l, { emit: p }) {
-    const o = l, c = p, v = U(null), { items: a, isInitialLoading: y, isLoadingMore: x, pageInfo: C, loadInitial: k, loadMore: D } = H(
-      o.column.id,
-      o.loadData,
-      o.columnData
-    ), I = (e) => {
-      a.value = e, c("update:columnData", e);
+  setup(o, { emit: C }) {
+    const k = V(() => import("../Spinner/Spinner.vue2.js")), l = o, u = C, D = j(null), { items: s, isInitialLoading: I, isLoadingMore: S, pageInfo: w, loadInitial: B, loadMore: K } = q(
+      l.column.id,
+      l.loadData,
+      l.columnData
+    ), N = (e) => {
+      s.value = e, u("update:columnData", e);
     };
-    E(
-      () => o.columnData,
+    z(
+      () => l.columnData,
       (e) => {
-        e && JSON.stringify(e) !== JSON.stringify(a.value) && (a.value = [...e]);
+        e && JSON.stringify(e) !== JSON.stringify(s.value) && (s.value = [...e]);
       },
       { deep: !0 }
-    ), L(() => {
-      o.loadData && (!o.columnData || o.columnData.length === 0) && k();
+    ), A(() => {
+      l.loadData && (!l.columnData || l.columnData.length === 0) && B();
     });
-    const w = (e) => {
-      const i = e.target;
-      i.scrollTop + i.clientHeight >= i.scrollHeight - 50 && D();
-    }, S = (e) => {
-      c("change", { type: "add", event: e, columnId: o.column.id });
-    }, $ = (e) => {
-      c("change", { type: "remove", event: e, columnId: o.column.id });
-    }, N = (e) => {
-      c("change", { type: "update", event: e, columnId: o.column.id });
-    }, B = M(() => o.column.titleI18n ? J(o.column.titleI18n) : o.column.title);
-    return (e, i) => (r(), d("div", {
-      class: u([
+    const $ = (e) => {
+      const t = e.target;
+      t.scrollTop + t.clientHeight >= t.scrollHeight - 50 && K();
+    }, M = (e) => {
+      u("change", { type: "add", event: e, columnId: l.column.id });
+    }, U = (e) => {
+      u("change", { type: "remove", event: e, columnId: l.column.id });
+    }, E = (e) => {
+      u("change", { type: "update", event: e, columnId: l.column.id });
+    }, L = F(
+      () => l.column.titleI18n ? G(l.column.titleI18n) : l.column.title
+    );
+    return (e, t) => (d(), i("div", {
+      class: m([
         "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/60",
-        l.boardClass || "w-80"
+        o.boardClass || "w-80"
       ])
     }, [
-      n("div", {
-        class: u(["p-3 border-b border-border/80 ", l.headerClass])
+      r("div", {
+        class: m(["p-3 border-b border-border/80 ", o.headerClass])
       }, [
-        m(e.$slots, "header", {
-          column: l.column,
-          pageInfo: t(C)
+        g(e.$slots, "header", {
+          column: o.column,
+          pageInfo: n(w)
         }, () => [
-          n("div", O, [
-            n("span", null, f(B.value), 1)
+          r("div", P, [
+            r("span", null, y(L.value), 1)
           ])
         ], !0)
       ], 2),
-      n("div", {
+      r("div", {
         ref_key: "scrollContainer",
-        ref: v,
-        class: u(["flex-1 flex flex-col overflow-y-auto p-3  custom-scrollbar", l.bodyClass]),
-        onScroll: w
+        ref: D,
+        class: m([
+          "flex-1 flex flex-col overflow-y-auto p-3 custom-scrollbar scrollable-container",
+          o.bodyClass
+        ]),
+        onScroll: $
       }, [
-        t(y) && t(a).length === 0 ? (r(), d("div", T, [
-          (r(), d(g, null, b(3, (s) => n("div", {
-            key: "skeleton-" + s,
+        n(I) && n(s).length === 0 ? (d(), i("div", Q, [
+          t[0] || (v(-1, !0), (t[0] = (d(), i(f, null, h(3, (a) => r("div", {
+            key: "skeleton-" + a,
             class: "bg-body p-3 rounded-md shadow-sm border border-border animate-pulse flex flex-col gap-3"
-          }, [...i[0] || (i[0] = [
-            n("div", { class: "h-4 bg-muted/60 rounded w-2/3" }, null, -1),
-            n("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
-          ])])), 64))
-        ])) : (r(), d(g, { key: 1 }, [
-          m(e.$slots, "prepend-item", {
-            column: l.column,
-            items: t(a)
+          }, [...t[3] || (t[3] = [
+            r("div", { class: "h-4 bg-muted/60 rounded w-2/3" }, null, -1),
+            r("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
+          ])])), 64))).cacheIndex = 0, v(1), t[0])
+        ])) : (d(), i(f, { key: 1 }, [
+          g(e.$slots, "prepend-item", {
+            column: o.column,
+            items: n(s)
           }, void 0, !0),
-          h(t(z), {
-            "model-value": t(a),
-            "onUpdate:modelValue": I,
-            group: l.group,
+          x(n(R), {
+            "model-value": n(s),
+            "onUpdate:modelValue": N,
+            group: o.group,
             animation: 150,
-            ghostClass: l.ghostClass || "kanban-ghost",
-            class: u(["flex-1 flex flex-col  gap-2 min-h-[50px] py-1", l.draggableClass]),
-            onAdd: S,
-            onRemove: $,
-            onUpdate: N
+            ghostClass: o.ghostClass || "kanban-ghost",
+            class: m(["flex-1 flex flex-col gap-2 min-h-[50px] py-1", o.draggableClass]),
+            onAdd: M,
+            onRemove: U,
+            onUpdate: E
           }, {
-            default: V(() => [
-              (r(!0), d(g, null, b(t(a), (s) => (r(), d("div", {
-                key: s[l.itemKey || "id"],
-                class: "cursor-grab active:cursor-grabbing"
-              }, [
-                m(e.$slots, "item", {
-                  item: s,
-                  column: l.column
-                }, () => [
-                  n("div", A, f(s.title || s.name || s.id), 1)
-                ], !0)
-              ]))), 128))
+            default: H(() => [
+              (d(!0), i(f, null, h(n(s), (a, Y, Z, c) => {
+                const b = [a];
+                if (c && c.key === a[o.itemKey || "id"] && J(c, b)) return c;
+                const p = (d(), i("div", {
+                  key: a[o.itemKey || "id"],
+                  class: "cursor-grab active:cursor-grabbing"
+                }, [
+                  g(e.$slots, "item", {
+                    item: a,
+                    column: o.column
+                  }, () => [
+                    r("div", W, y(a.title || a.name || a.id), 1)
+                  ], !0)
+                ]));
+                return p.memo = b, p;
+              }, t, 1), 128))
             ]),
             _: 3
           }, 8, ["model-value", "group", "ghostClass", "class"]),
-          m(e.$slots, "append-item", {
-            column: l.column,
-            items: t(a)
+          g(e.$slots, "append-item", {
+            column: o.column,
+            items: n(s)
           }, void 0, !0),
-          t(x) ? (r(), d("div", R, [
-            h(F, {
+          n(S) ? (d(), i("div", X, [
+            x(n(k), {
               size: "sm",
               variant: "dots",
               color: "primary"
             })
-          ])) : j("", !0)
+          ])) : O("", !0)
         ], 64))
       ], 34)
     ], 2));
   }
 });
 export {
-  X as default
+  te as default
 };

package/components/Kanban/useKanbanBoard.d.ts

@@ -1,6 +1,6 @@
 import { KanbanLoadDataResult } from './types';
 export declare function useKanbanBoard(columnId: string | number, loadDataFn?: (columnId: string | number, page: number) => Promise<KanbanLoadDataResult>, initialData?: any[]): {
-    items: import('vue').Ref<any[], any[]>;
+    items: import('vue').ShallowRef<any[], any[]>;
     isInitialLoading: import('vue').Ref<boolean, boolean>;
     isLoadingMore: import('vue').Ref<boolean, boolean>;
     pageInfo: {

package/components/Kanban/useKanbanBoard.js

@@ -1,43 +1,43 @@
-import { ref as l, reactive as g } from "vue";
-function I(c, a, r) {
-  const o = l(r ? [...r] : []), n = l(!1), s = l(!1), t = g({
+import { shallowRef as g, ref as c, reactive as u } from "vue";
+function P(l, a, o) {
+  const r = g(o ? [...o] : []), s = c(!1), n = c(!1), t = u({
     currentPage: 1,
     totalPages: 1,
-    totalItems: r ? r.length : 0
+    totalItems: o ? o.length : 0
   });
   return {
-    items: o,
-    isInitialLoading: n,
-    isLoadingMore: s,
+    items: r,
+    isInitialLoading: s,
+    isLoadingMore: n,
     pageInfo: t,
     loadInitial: async () => {
       if (a) {
-        n.value = !0;
+        s.value = !0;
         try {
-          const e = await a(c, 1);
-          o.value = e.items, t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
+          const e = await a(l, 1);
+          r.value = e.items, t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
         } catch (e) {
           console.error(e);
         } finally {
-          n.value = !1;
+          s.value = !1;
         }
       }
     },
     loadMore: async () => {
-      if (!(!a || n.value || s.value) && !(t.currentPage >= t.totalPages)) {
-        s.value = !0;
+      if (!(!a || s.value || n.value) && !(t.currentPage >= t.totalPages)) {
+        n.value = !0;
         try {
-          const e = await a(c, t.currentPage + 1);
-          o.value = [...o.value, ...e.items], t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
+          const e = await a(l, t.currentPage + 1);
+          r.value = [...r.value, ...e.items], t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
         } catch (e) {
           console.error(e);
         } finally {
-          s.value = !1;
+          n.value = !1;
         }
       }
     }
   };
 }
 export {
-  I as useKanbanBoard
+  P as useKanbanBoard
 };

package/components/List/ListFieldRow.vue.js

@@ -4,21 +4,21 @@ import b from "../Price/Price.vue.js";
 import h from "../Date/Date.vue.js";
 import { $t as I } from "../../utils/i18n.js";
 import { getObjectValue as N, formatNumber as Y, getStatusColorClass as F } from "./utils.js";
-const A = { class: "flex items-center gap-1.5 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
+const A = { class: "flex items-center gap-2 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
   key: 2,
   class: "flex items-center gap-1.5"
 }, R = ["innerHTML"], q = {
   key: 1,
   class: "text-sm font-semibold text-foreground tracking-widest select-none",
   "aria-hidden": "true"
-}, G = ["aria-label"], J = ["src", "alt"], K = ["innerHTML"], P = { class: "flex items-center gap-1.5 min-w-0" }, Q = { class: "text-sm font-medium text-gray-800 leading-snug" }, U = { class: "w-full min-w-0 text-left" }, W = {
+}, G = ["aria-label"], J = ["src", "alt"], K = ["innerHTML"], P = { class: "flex items-center gap-2 min-w-0" }, Q = { class: "text-sm font-medium text-gray-800 leading-snug" }, U = { class: "w-full min-w-0 text-left" }, W = {
   key: 2,
   class: "flex items-center gap-1.5"
 }, X = ["innerHTML"], Z = {
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, _ = ["aria-label"], ee = ["src", "alt"], le = ["innerHTML"], te = { class: "flex items-center gap-1.5 shrink-0 min-w-0 max-w-[48%]" }, ae = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, se = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, ne = ["innerHTML"], ie = {
+}, _ = ["aria-label"], ee = ["src", "alt"], le = ["innerHTML"], te = { class: "flex items-center gap-2 shrink-0 min-w-0 max-w-[48%]" }, ae = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, se = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, ne = ["innerHTML"], ie = {
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
@@ -65,9 +65,7 @@ const A = { class: "flex items-center gap-1.5 min-w-0" }, E = { class: "text-xs
         } else
           i.push(t.field.class);
       return i.join(" ");
-    }), L = f(() => t.field.type === "image"), H = f(() => t.variant === "striped" && t.index % 2 !== 0), $ = f(() => t.variant === "stacked"), g = f(
-      () => ["date", "dateTime", "time"].includes(t.field.type || "")
-    ), k = f(() => {
+    }), L = f(() => t.field.type === "image"), H = f(() => t.variant === "striped" && t.index % 2 !== 0), $ = f(() => t.variant === "stacked"), g = f(() => ["date", "dateTime", "time"].includes(t.field.type || "")), k = f(() => {
       if (t.field.type === "dateTime") return "MM/DD/YYYY hh:mm A";
       if (t.field.type === "time") return "hh:mm A";
     }), p = f(() => !!t.field.lineByLine), j = f(() => t.stackedBorderStyle === "divider" && t.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");

package/components/MultiSelect/MultiSelect.vue.js

@@ -7,7 +7,7 @@ import L from "../Badge.vue.js";
 import { useMultiSelectHydration as J } from "./composables/useMultiSelectHydration.js";
 const K = {
   key: 0,
-  class: "text-muted-foreground pl-1 truncate"
+  class: "text-muted-foreground pl-0.5 truncate"
 }, Q = { class: "truncate min-w-0" }, W = ["onClick"], X = {
   key: 0,
   class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground"
@@ -22,7 +22,7 @@ const K = {
     searchable: { type: Boolean, default: !0 },
     variant: { default: "outline" },
     size: { default: "md" },
-    maxVisible: { default: 2 },
+    maxVisible: { default: 3 },
     loading: { type: Boolean, default: !1 },
     hasMore: { type: Boolean, default: !1 },
     remote: { type: Boolean, default: !1 },
@@ -121,7 +121,10 @@ const K = {
                     key: 0,
                     type: "button",
                     onClick: T((Y) => H(r.value), ["stop"]),
-                    class: u(["rounded transition-colors shrink-0 flex items-center justify-center p-px", l.variant === "transparent" ? "text-muted-foreground hover:bg-black/10 hover:text-foreground" : "hover:bg-destructive/10 hover:text-destructive p-0.5 rounded-full"])
+                    class: u([
+                      "rounded transition-colors shrink-0 flex items-center justify-center p-px",
+                      l.variant === "transparent" ? "text-muted-foreground hover:bg-black/10 hover:text-foreground" : "hover:bg-destructive/10 hover:text-destructive p-0.5 rounded-full"
+                    ])
                   }, [
                     k(C, {
                       icon: "lucide:x",
@@ -136,7 +139,10 @@ const K = {
                 variant: l.variant === "transparent" ? "outline" : "secondary",
                 size: z.value,
                 rounded: l.rounded === "none" ? "sm" : "full",
-                class: u(["shrink-0", l.variant === "transparent" ? "border-transparent bg-muted/50 text-muted-foreground font-medium shadow-none" : ""])
+                class: u([
+                  "shrink-0",
+                  l.variant === "transparent" ? "border-transparent bg-muted/50 text-muted-foreground font-medium shadow-none" : ""
+                ])
               }, {
                 default: p(() => [
                   U(" +" + S($.value), 1)

package/components/NavbarCommandPalette.vue.js

@@ -65,8 +65,8 @@ const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline
       c(v, {
         show: n.value,
         "onUpdate:show": l[0] || (l[0] = (i) => n.value = i),
-        maxWidth: "max-w-2xl",
-        bodyClass: "!p-0 flex flex-col h-full",
+        maxWidth: "max-w-xl",
+        bodyClass: "p-0! flex flex-col h-full",
         body: O(N),
         bodyProps: {
           items: o.items,