vlite3 1.2.13 → 1.2.15

package/components/CategoryManager/CategoryNode.vue.js

@@ -1,72 +1,72 @@
-import { defineComponent as K, inject as R, computed as g, resolveComponent as T, openBlock as r, createBlock as f, unref as l, withCtx as A, createElementBlock as d, Fragment as L, renderList as O, isMemoSame as P, createElementVNode as y, normalizeClass as u, createVNode as i, createCommentVNode as c, withDirectives as k, withModifiers as Q, withKeys as w, vModelText as z, toDisplayString as q, vShow as G } from "vue";
+import { defineComponent as A, inject as B, computed as p, resolveComponent as F, openBlock as r, createBlock as f, unref as l, withCtx as K, createElementBlock as s, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as d, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
 import { VueDraggable as H } from "vue-draggable-plus";
 import C from "../Icon.vue.js";
 import m from "../Button.vue.js";
-import E from "../IconPicker.vue.js";
+import z from "../IconPicker.vue.js";
 const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["onClick"], X = { class: "flex items-center gap-1.5 overflow-hidden flex-1 w-full" }, Y = {
   key: 0,
   class: "drag-handle cursor-grab active:cursor-grabbing text-muted hover:text-foreground transition-colors p-0.5 shrink-0"
-}, Z = ["onUpdate:modelValue", "onChange"], ee = {
+}, Z = ["onUpdate:modelValue", "placeholder", "onChange"], ee = {
   key: 0,
   class: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0 bg-background/80 px-1 rounded ml-2"
 }, te = {
   key: 0,
   class: "ml-6 pl-3 border-l border-border mt-1.5 flex flex-col relative"
-}, ne = {
+}, le = {
   key: 1,
   class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mb-1.5"
-}, ue = /* @__PURE__ */ K({
+}, oe = ["placeholder"], ce = /* @__PURE__ */ A({
   __name: "CategoryNode",
   props: {
     modelValue: {},
     level: { default: 0 }
   },
   emits: ["update:modelValue", "change", "dragEnd"],
-  setup(V, { emit: U }) {
-    const S = V, p = U, n = R("categoryManager"), b = g({
+  setup(V, { emit: E }) {
+    const S = V, g = E, t = B("categoryManager"), b = p({
       get: () => S.modelValue,
-      set: (s) => p("update:modelValue", s)
-    }), D = (s, t) => {
-      t.children = s, p("change");
-    }, N = () => p("change"), M = (s) => {
-      const t = s.item?.dataset?.id;
-      t && p("dragEnd", t);
-    }, v = g(() => n?.readonly.value || !1), a = g(() => n?.size.value || "md"), j = g(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = g(() => {
-      const t = S.level === 0 ? "font-semibold" : "font-medium";
-      return a.value === "sm" ? `text-xs ${t} text-foreground` : a.value === "lg" ? `-text-fs-1 ${t} text-foreground` : `text-sm ${t} text-foreground`;
-    }), h = g(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), B = {
-      mounted: (s) => {
-        setTimeout(() => s.focus(), 10);
+      set: (i) => g("update:modelValue", i)
+    }), D = (i, o) => {
+      o.children = i, g("change");
+    }, U = () => g("change"), N = (i) => {
+      const o = i.item?.dataset?.id;
+      o && g("dragEnd", o);
+    }, v = p(() => t?.readonly.value || !1), a = p(() => t?.size.value || "md"), M = p(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = p(() => {
+      const o = S.level === 0 ? "font-semibold" : "font-medium";
+      return a.value === "sm" ? `text-xs ${o} text-foreground` : a.value === "lg" ? `-text-fs-1 ${o} text-foreground` : `text-sm ${o} text-foreground`;
+    }), h = p(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), j = {
+      mounted: (i) => {
+        setTimeout(() => i.focus(), 10);
       }
     };
-    return (s, t) => {
-      const F = T("CategoryNode", !0);
+    return (i, o) => {
+      const P = F("CategoryNode", !0);
       return r(), f(l(H), {
         modelValue: b.value,
-        "onUpdate:modelValue": t[11] || (t[11] = (e) => b.value = e),
+        "onUpdate:modelValue": o[11] || (o[11] = (e) => b.value = e),
         group: "category-manager",
         animation: 150,
         handle: ".drag-handle",
         "ghost-class": "opacity-50",
         disabled: v.value,
         class: "min-h-[2px]",
-        onEnd: M
+        onEnd: N
       }, {
-        default: A(() => [
-          (r(!0), d(L, null, O(b.value, (e, oe, le, x) => {
-            const $ = [
+        default: K(() => [
+          (r(!0), s(R, null, L(b.value, (e, ne, re, x) => {
+            const T = [
               e.id,
               e.title,
               e.icon,
-              e.children?.map((o) => o.id).join(","),
-              l(n)?.expandedIds.value.has(e.id),
-              l(n)?.inlineState.value.targetId === e.id,
-              l(n)?.inlineState.value.mode,
+              e.children?.map((n) => n.id).join(","),
+              l(t)?.expandedIds.value.has(e.id),
+              l(t)?.inlineState.value.targetId === e.id,
+              l(t)?.inlineState.value.mode,
               v.value,
               a.value
             ];
-            if (x && x.key === e.id && P(x, $)) return x;
-            const _ = (r(), d("div", {
+            if (x && x.key === e.id && O(x, T)) return x;
+            const $ = (r(), s("div", {
               key: e.id,
               "data-id": e.id,
               class: "mb-1.5 flex flex-col"
@@ -74,26 +74,26 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
               y("div", {
                 class: u([
                   "group flex items-center justify-between rounded-lg transition-colors bg-body! border border-border ",
-                  j.value
+                  M.value
                 ])
               }, [
                 y("div", J, [
-                  e.children && e.children.length > 0 ? (r(), d("button", {
+                  e.children && e.children.length > 0 ? (r(), s("button", {
                     key: 0,
-                    onClick: (o) => l(n)?.toggleExpand(e.id),
+                    onClick: (n) => l(t)?.toggleExpand(e.id),
                     class: u([
                       "flex items-center justify-center shrink-0 text-muted-foreground hover:bg-muted rounded transition-colors",
                       a.value === "sm" ? "w-4 h-4" : a.value === "lg" ? "w-6 h-6" : "w-6.5 h-6.5"
                     ])
                   }, [
-                    i(C, {
-                      icon: l(n)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
+                    d(C, {
+                      icon: l(t)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
                       class: u(h.value)
                     }, null, 8, ["icon", "class"])
                   ], 10, W)) : c("", !0),
                   y("div", X, [
-                    v.value ? c("", !0) : (r(), d("div", Y, [
-                      i(C, {
+                    v.value ? c("", !0) : (r(), s("div", Y, [
+                      d(C, {
                         icon: "lucide:grip-vertical",
                         class: u(h.value)
                       }, null, 8, ["class"])
@@ -102,7 +102,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                       key: 2,
                       icon: e.icon,
                       class: u([h.value, "shrink-0 text-muted-foreground"])
-                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), f(E, {
+                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), f(z, {
                       key: 1,
                       value: e.icon,
                       "btn-props": {
@@ -112,70 +112,70 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                         class: (a.value === "sm" ? "h-5 w-5" : a.value === "lg" ? "h-7 w-7" : "h-6 w-6") + " -ml-0.5! p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
                       },
                       position: "bottom-start",
-                      onOnSelect: (o) => {
-                        console.log("IconPicker value :>> ", o), e.icon = o, l(n)?.saveItem(e);
+                      onOnSelect: (n) => {
+                        console.log("IconPicker value :>> ", n), e.icon = n, l(t)?.saveItem(e);
                       }
                     }, null, 8, ["value", "btn-props", "onOnSelect"])),
-                    v.value ? (r(), d("span", {
+                    v.value ? (r(), s("span", {
                       key: 4,
                       class: u(["truncate", I.value])
-                    }, q(e.title), 3)) : k((r(), d("input", {
+                    }, Q(e.title), 3)) : k((r(), s("input", {
                       key: 3,
-                      "onUpdate:modelValue": (o) => e.title = o,
+                      "onUpdate:modelValue": (n) => e.title = n,
                       class: u([
                         "bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 -ml-1 transition-colors w-full truncate cursor-text min-w-0 shadow-none caret-primary",
                         I.value
                       ]),
-                      placeholder: "Category title...",
-                      onChange: (o) => l(n)?.saveItem(e),
-                      onKeyup: t[0] || (t[0] = w((o) => o.target.blur(), ["enter"])),
-                      onClick: t[1] || (t[1] = Q(() => {
+                      placeholder: l(t)?.categoryTitlePlaceholderText.value || "Category title...",
+                      onChange: (n) => l(t)?.saveItem(e),
+                      onKeyup: o[0] || (o[0] = w((n) => n.target.blur(), ["enter"])),
+                      onClick: o[1] || (o[1] = q(() => {
                       }, ["stop"]))
                     }, null, 42, Z)), [
-                      [z, e.title]
+                      [_, e.title]
                     ])
                   ])
                 ]),
-                v.value ? c("", !0) : (r(), d("div", ee, [
-                  i(m, {
+                v.value ? c("", !0) : (r(), s("div", ee, [
+                  d(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:plus",
-                    title: "Quick Add Subcategory",
+                    title: l(t)?.quickAddTooltipText.value || "Quick Add Subcategory",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (o) => l(n)?.startInline("add-child", e.id)
-                  }, null, 8, ["onClick"]),
-                  i(m, {
+                    onClick: (n) => l(t)?.startInline("add-child", e.id)
+                  }, null, 8, ["title", "onClick"]),
+                  d(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:settings",
-                    title: "Advanced Details",
+                    title: l(t)?.advancedDetailsTooltipText.value || "Advanced Details",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (o) => l(n)?.openModalForm("edit", e)
-                  }, null, 8, ["onClick"]),
-                  i(m, {
+                    onClick: (n) => l(t)?.openModalForm("edit", e)
+                  }, null, 8, ["title", "onClick"]),
+                  d(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:trash-2",
-                    title: "Delete",
+                    title: l(t)?.deleteTooltipText.value || "Delete",
                     class: "h-7 w-7 px-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                    onClick: (o) => l(n)?.deleteItem(e)
-                  }, null, 8, ["onClick"])
+                    onClick: (n) => l(t)?.deleteItem(e)
+                  }, null, 8, ["title", "onClick"])
                 ]))
               ], 2),
-              e.children && e.children.length > 0 || l(n)?.inlineState.value.mode === "add-child" && l(n).inlineState.value.targetId === e.id ? k((r(), d("div", te, [
-                e.children && e.children.length > 0 ? (r(), f(F, {
+              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((r(), s("div", te, [
+                e.children && e.children.length > 0 ? (r(), f(P, {
                   key: 0,
                   modelValue: e.children,
-                  "onUpdate:modelValue": (o) => D(o, e),
+                  "onUpdate:modelValue": (n) => D(n, e),
                   level: V.level + 1,
-                  onChange: N,
-                  onDragEnd: t[2] || (t[2] = (o) => p("dragEnd", o))
+                  onChange: U,
+                  onDragEnd: o[2] || (o[2] = (n) => g("dragEnd", n))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "level"])) : c("", !0),
-                l(n)?.inlineState.value.mode === "add-child" && l(n).inlineState.value.targetId === e.id ? (r(), d("div", ne, [
-                  i(E, {
-                    modelValue: l(n).inlineState.value.icon,
-                    "onUpdate:modelValue": t[3] || (t[3] = (o) => l(n).inlineState.value.icon = o),
+                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (r(), s("div", le, [
+                  d(z, {
+                    modelValue: l(t).inlineState.value.icon,
+                    "onUpdate:modelValue": o[3] || (o[3] = (n) => l(t).inlineState.value.icon = n),
                     "btn-props": {
                       variant: "ghost",
                       size: "xs",
@@ -184,40 +184,40 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                     position: "bottom-start"
                   }, null, 8, ["modelValue"]),
                   k(y("input", {
-                    "onUpdate:modelValue": t[4] || (t[4] = (o) => l(n).inlineState.value.title = o),
+                    "onUpdate:modelValue": o[4] || (o[4] = (n) => l(t).inlineState.value.title = n),
                     class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
-                    placeholder: "New subcategory title...",
+                    placeholder: l(t)?.newSubcategoryPlaceholderText.value || "New subcategory title...",
                     onKeyup: [
-                      t[5] || (t[5] = w((o) => l(n).saveInline(), ["enter"])),
-                      t[6] || (t[6] = w((o) => l(n).cancelInline(), ["esc"]))
+                      o[5] || (o[5] = w((n) => l(t).saveInline(), ["enter"])),
+                      o[6] || (o[6] = w((n) => l(t).cancelInline(), ["esc"]))
                     ]
-                  }, null, 544), [
-                    [B],
-                    [z, l(n).inlineState.value.title]
+                  }, null, 40, oe), [
+                    [j],
+                    [_, l(t).inlineState.value.title]
                   ]),
-                  i(m, {
+                  d(m, {
                     variant: "primary",
                     size: "xs",
                     icon: "lucide:check",
                     class: "shrink-0 h-6 w-6 px-0",
-                    title: "Save",
-                    onClick: t[7] || (t[7] = (o) => l(n).saveInline())
-                  }),
-                  i(m, {
+                    title: l(t)?.saveTooltipText.value || "Save",
+                    onClick: o[7] || (o[7] = (n) => l(t).saveInline())
+                  }, null, 8, ["title"]),
+                  d(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:x",
                     class: "shrink-0 h-6 w-6 px-0",
-                    title: "Cancel",
-                    onClick: t[8] || (t[8] = (o) => l(n).cancelInline())
-                  })
+                    title: l(t)?.cancelTooltipText.value || "Cancel",
+                    onClick: o[8] || (o[8] = (n) => l(t).cancelInline())
+                  }, null, 8, ["title"])
                 ])) : c("", !0)
               ], 512)), [
-                [G, l(n)?.expandedIds.value.has(e.id)]
+                [G, l(t)?.expandedIds.value.has(e.id)]
               ]) : c("", !0)
             ], 8, ["data-id"]));
-            return _.memo = $, _;
-          }, t, 9), 128))
+            return $.memo = T, $;
+          }, o, 9), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "disabled"]);
@@ -225,5 +225,5 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
   }
 });
 export {
-  ue as default
+  ce as default
 };

package/components/CategoryManager/types.d.ts

@@ -35,6 +35,40 @@ export interface CategoryManagerProps {
     emptyDescription?: string;
     /** Size modifier for the category nodes */
     size?: 'sm' | 'md' | 'lg';
+    emptyTitleI18n?: string;
+    emptyDescriptionI18n?: string;
+    headerTitle?: string;
+    headerTitleI18n?: string;
+    headerDescription?: string;
+    headerDescriptionI18n?: string;
+    addCategoryText?: string;
+    addCategoryTextI18n?: string;
+    createCategoryText?: string;
+    createCategoryTextI18n?: string;
+    newRootPlaceholder?: string;
+    newRootPlaceholderI18n?: string;
+    newSubcategoryPlaceholder?: string;
+    newSubcategoryPlaceholderI18n?: string;
+    categoryTitlePlaceholder?: string;
+    categoryTitlePlaceholderI18n?: string;
+    modalTitleAdd?: string;
+    modalTitleAddI18n?: string;
+    modalTitleAddChild?: string;
+    modalTitleAddChildI18n?: string;
+    modalTitleEdit?: string;
+    modalTitleEditI18n?: string;
+    modalSaveText?: string;
+    modalSaveTextI18n?: string;
+    quickAddTooltip?: string;
+    quickAddTooltipI18n?: string;
+    advancedDetailsTooltip?: string;
+    advancedDetailsTooltipI18n?: string;
+    deleteTooltip?: string;
+    deleteTooltipI18n?: string;
+    saveTooltip?: string;
+    saveTooltipI18n?: string;
+    cancelTooltip?: string;
+    cancelTooltipI18n?: string;
 }
 export interface InlineState {
     mode: 'add-root' | 'add-child' | null;
@@ -54,4 +88,11 @@ export interface CategoryManagerContext {
     deleteItem: (item: CategoryItem) => void;
     readonly: ComputedRef<boolean>;
     size: ComputedRef<'sm' | 'md' | 'lg'>;
+    newSubcategoryPlaceholderText: ComputedRef<string>;
+    categoryTitlePlaceholderText: ComputedRef<string>;
+    quickAddTooltipText: ComputedRef<string>;
+    advancedDetailsTooltipText: ComputedRef<string>;
+    deleteTooltipText: ComputedRef<string>;
+    saveTooltipText: ComputedRef<string>;
+    cancelTooltipText: ComputedRef<string>;
 }

package/components/Chat/ChatBubble.vue.js

@@ -71,7 +71,7 @@ const z = {
         }, [
           d("div", {
             class: l(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px] max-w-full min-w-0 overflow-hidden", [
-              e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
+              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),

package/components/DataTable/DataTable.vue.js

@@ -184,7 +184,7 @@ const xe = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, I
             m("thead", {
               class: b([
                 "[&_tr]:border-b [&_tr]:border-border",
-                a.headerVariant === "minimal" ? "bg-transparent" : "bg-muted",
+                a.headerVariant === "minimal" ? "bg-transparent" : "bg-accent",
                 a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
@@ -208,10 +208,7 @@ const xe = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, I
                   "table-sortable": a.sortable,
                   "cell-bordered": a.cellBordered,
                   onSort: _,
-                  class: b([
-                    a.cellBordered ? "" : "last:pr-5!",
-                    re(l)
-                  ]),
+                  class: b([a.cellBordered ? "" : "last:pr-5!", re(l)]),
                   style: j(se(l))
                 }, null, 8, ["header", "sort-config", "compact", "size", "table-sortable", "cell-bordered", "class", "style"]))), 128))
               ])

package/components/Dropdown/DropdownItem.vue.js

@@ -45,7 +45,7 @@ const j = ["tabindex", "data-disabled", "data-testid"], C = { class: "flex flex-
           key: 0,
           icon: e.option.icon,
           emoji: e.option.emoji,
-          class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
+          class: "mr-2.5 h-4 w-4 shrink-0 mt-0.5"
         }, null, 8, ["icon", "emoji"])) : i("", !0),
         c("div", C, [
           c("div", S, [

package/components/Label.vue.js

@@ -9,10 +9,10 @@ const f = ["for"], m = /* @__PURE__ */ l({
   setup(t) {
     const e = t, o = a(() => [
       {
-        xs: "-text-fs-3.5",
-        sm: "-text-fs-3",
-        md: "-text-fs-2",
-        lg: "text-base"
+        xs: "-text-fs-3.5!",
+        sm: "-text-fs-3!",
+        md: "-text-fs-2!",
+        lg: "text-base!"
       }[e.size],
       "leading-none text-gray-800 block peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       e.class

package/components/MultiSelect/MultiSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, ref as V, computed as s, watch as E, openBlock as r, createBlock as f, unref as y, withCtx as d, createSlots as U, renderSlot as b, normalizeProps as q, guardReactiveProps as G, createCommentVNode as v, createElementVNode as p, withKeys as I, withModifiers as w, normalizeClass as m, createElementBlock as g, toDisplayString as S, Fragment as T, renderList as J, createVNode as N, createTextVNode as Q } from "vue";
+import { defineComponent as F, ref as V, computed as s, watch as E, openBlock as r, createBlock as f, unref as y, withCtx as d, createSlots as U, renderSlot as b, normalizeProps as q, guardReactiveProps as G, createCommentVNode as v, createElementVNode as p, withKeys as I, withModifiers as x, normalizeClass as c, createElementBlock as h, toDisplayString as S, Fragment as T, renderList as J, createVNode as N, createTextVNode as Q } from "vue";
 import M from "../Icon.vue.js";
 import W from "../Dropdown/Dropdown.vue.js";
 import X from "../Dropdown/DropdownMenu.vue.js";
@@ -43,9 +43,9 @@ const Z = ["tabindex", "data-testid"], _ = {
       if (a.placeholder) return a.placeholder;
       const e = C("vlite.multiSelect.placeholder");
       return e !== "vlite.multiSelect.placeholder" ? e : "Select items...";
-    }), x = s(() => a.options ? a.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = V(!1), $ = V(!1);
+    }), w = s(() => a.options ? a.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = V(!1), $ = V(!1);
     E(
-      x,
+      w,
       (e) => {
         !B.value && e.length > 0 && (B.value = !0, setTimeout(() => {
           $.value = !0, u.hydrateSelected(a.modelValue || []);
@@ -54,9 +54,9 @@ const Z = ["tabindex", "data-testid"], _ = {
       { immediate: !0 }
     );
     const k = s(() => {
-      const e = [...x.value], l = new Set(e.map((n) => n.value ?? n.label));
-      return u.selectedBuffer.value.forEach((n, c) => {
-        l.has(c) || (e.unshift(n), l.add(c));
+      const e = [...w.value], l = new Set(e.map((n) => n.value ?? n.label));
+      return u.selectedBuffer.value.forEach((n, m) => {
+        l.has(m) || (e.unshift(n), l.add(m));
       }), e;
     }), u = Y({
       fetchSelected: a.fetchSelected,
@@ -71,15 +71,15 @@ const Z = ["tabindex", "data-testid"], _ = {
       },
       { deep: !0 }
     );
-    const h = s(() => k.value.filter((e) => {
+    const g = s(() => k.value.filter((e) => {
       const l = e.value ?? e.label;
       return a.modelValue.includes(l);
-    })), P = s(() => h.value.slice(0, a.maxVisible)), O = s(() => h.value.length - a.maxVisible), H = (e) => {
+    })), P = s(() => g.value.slice(0, a.maxVisible)), O = s(() => g.value.length - a.maxVisible), H = (e) => {
       if (a.disabled || a.readonly) return;
       const l = e.value ?? e.label;
       u.selectedBuffer.value.has(l) || u.selectedBuffer.value.set(l, e);
-      const n = [...a.modelValue], c = n.indexOf(l);
-      c === -1 ? n.push(l) : n.splice(c, 1), i("update:modelValue", n), i("change", n);
+      const n = [...a.modelValue], m = n.indexOf(l);
+      m === -1 ? n.push(l) : n.splice(m, 1), i("update:modelValue", n), i("change", n);
     }, K = (e) => {
       if (a.disabled || a.readonly) return;
       const l = a.modelValue.filter((n) => n !== e);
@@ -102,39 +102,41 @@ const Z = ["tabindex", "data-testid"], _ = {
       selectable: !0,
       searchable: !1,
       remote: !1,
+      "class-name": "max-h-full! px-0! py-0!",
+      "max-height": "100%",
       disabled: t.disabled || t.readonly
     }, {
       trigger: d(() => [
         p("div", {
-          class: m(A.value),
+          class: c(A.value),
           tabindex: t.disabled || t.readonly ? -1 : 0,
           onKeydown: [
-            l[0] || (l[0] = I(w((n) => !(t.disabled || t.readonly) && (o.value = !o.value), ["prevent"]), ["enter"])),
-            l[1] || (l[1] = I(w((n) => !(t.disabled || t.readonly) && (o.value = !o.value), ["prevent"]), ["space"]))
+            l[0] || (l[0] = I(x((n) => !(t.disabled || t.readonly) && (o.value = !o.value), ["prevent"]), ["enter"])),
+            l[1] || (l[1] = I(x((n) => !(t.disabled || t.readonly) && (o.value = !o.value), ["prevent"]), ["space"]))
           ],
           "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `multiselect-${e.$attrs.name}` : "multiselect")
         }, [
           p("div", {
-            class: m(["flex gap-1.5 items-center flex-1 min-w-0", [t.wrap ? "flex-wrap py-0.5" : "flex-nowrap overflow-hidden py-1"]])
+            class: c(["flex gap-1.5 items-center flex-1 min-w-0", [t.wrap ? "flex-wrap py-0.5" : "flex-nowrap overflow-hidden py-1"]])
           }, [
-            h.value.length === 0 ? (r(), g("span", _, S(D.value), 1)) : (r(), g(T, { key: 1 }, [
-              (r(!0), g(T, null, J(P.value, (n) => (r(), f(L, {
+            g.value.length === 0 ? (r(), h("span", _, S(D.value), 1)) : (r(), h(T, { key: 1 }, [
+              (r(!0), h(T, null, J(P.value, (n) => (r(), f(L, {
                 key: n.value,
                 variant: t.variant === "transparent" ? "outline" : "secondary",
                 size: z.value,
                 rounded: t.rounded === "none" ? "sm" : "full",
-                class: m(["gap-1 pr-1 truncate min-w-0 shrink", [
+                class: c(["gap-1 pr-1 truncate min-w-0 shrink", [
                   t.wrap ? "max-w-[150px]" : "",
                   t.variant === "transparent" ? "border-transparent bg-muted/50 text-foreground font-medium shadow-none" : ""
                 ]])
               }, {
                 default: d(() => [
                   p("span", ee, S(n.labelI18n ? y(C)(n.labelI18n) : n.label), 1),
-                  t.disabled || t.readonly ? v("", !0) : (r(), g("button", {
+                  t.disabled || t.readonly ? v("", !0) : (r(), h("button", {
                     key: 0,
                     type: "button",
-                    onClick: w((c) => K(n.value), ["stop"]),
-                    class: m([
+                    onClick: x((m) => K(n.value), ["stop"]),
+                    class: c([
                       "rounded transition-colors shrink-0 flex items-center justify-center p-px",
                       t.variant === "transparent" ? "text-muted-foreground hover:bg-black/10 hover:text-foreground" : "hover:bg-destructive/10 hover:text-destructive p-0.5 rounded-full"
                     ])
@@ -152,7 +154,7 @@ const Z = ["tabindex", "data-testid"], _ = {
                 variant: t.variant === "transparent" ? "outline" : "secondary",
                 size: z.value,
                 rounded: t.rounded === "none" ? "sm" : "full",
-                class: m([
+                class: c([
                   "shrink-0",
                   t.variant === "transparent" ? "border-transparent bg-muted/50 text-muted-foreground font-medium shadow-none" : ""
                 ])
@@ -164,17 +166,17 @@ const Z = ["tabindex", "data-testid"], _ = {
               }, 8, ["variant", "size", "rounded", "class"])) : v("", !0)
             ], 64))
           ], 2),
-          t.showControls && !(t.disabled || t.readonly) ? (r(), g("div", ae, [
-            h.value.length > 0 && !(t.disabled || t.readonly) ? (r(), f(M, {
+          t.showControls && !(t.disabled || t.readonly) ? (r(), h("div", ae, [
+            g.value.length > 0 && !(t.disabled || t.readonly) ? (r(), f(M, {
               key: 0,
               icon: "lucide:x",
               class: "w-4 h-4 hover:text-foreground transition-colors",
-              onClick: w(R, ["stop"])
+              onClick: x(R, ["stop"])
             })) : v("", !0),
             l[6] || (l[6] = p("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
             N(M, {
               icon: "lucide:chevron-down",
-              class: m(["w-4 h-4 transition-transform duration-200", { "rotate-180": o.value }])
+              class: c(["w-4 h-4 transition-transform duration-200", { "rotate-180": o.value }])
             }, null, 8, ["class"])
           ])) : v("", !0)
         ], 42, Z)
@@ -182,12 +184,12 @@ const Z = ["tabindex", "data-testid"], _ = {
       default: d(() => [
         t.disabled || t.readonly ? v("", !0) : (r(), f(y(X), {
           key: 0,
-          options: x.value,
+          options: w.value,
           cachedOptions: k.value,
           selected: t.modelValue,
           emptyMessage: t.emptyMessage,
           searchEmptyMessage: t.searchEmptyMessage,
-          class: "min-w-[300px]",
+          class: "min-w-[250px] -mx-0.5 px-2 mt-0.5",
           loading: t.loading || y(u).isHydrating.value,
           hasMore: t.hasMore,
           searchable: t.searchable,

package/components/PermissionMatrix/PermissionEditorMatrix.vue.js

@@ -1,7 +1,7 @@
 import o from "./PermissionEditorMatrix.vue2.js";
 /* empty css                            */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e227acf6"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e8bfdc18"]]);
 export {
-  m as default
+  s as default
 };