@stlhorizon/vue-ui 3.15.2 → 3.15.4

package/dist/index.esm.js

@@ -3474,7 +3474,7 @@ xa({
     };
   }
 });
-const ee = {
+const te = {
   __name: "Icon",
   props: {
     icon: {
@@ -3587,7 +3587,7 @@ const ee = {
       }, null, 42, hi)) : e.initials ? (s(), d("span", {
         key: 1,
         class: h(u.value)
-      }, w(e.initials), 3)) : (s(), R(ee, {
+      }, w(e.initials), 3)) : (s(), R(te, {
         key: 2,
         name: "User",
         class: h(m.value)
@@ -3688,7 +3688,7 @@ const ee = {
         "aria-label": e.dismissLabel,
         onClick: r
       }, [
-        T(ee, {
+        T(te, {
           icon: "xmark",
           class: "w-3 h-3"
         })
@@ -3811,7 +3811,7 @@ const ee = {
           d: "M4 12a8 8 0 018-8"
         }, null, -1)
       ])])) : p("", !0),
-      e.icon && !e.loading ? (s(), R(ee, {
+      e.icon && !e.loading ? (s(), R(te, {
         key: 1,
         icon: e.icon,
         class: "h-4 w-4"
@@ -4252,7 +4252,7 @@ const ee = {
         key: 1,
         class: h(k.value)
       }, [
-        T(ee, {
+        T(te, {
           name: "ImageOff",
           class: "h-8 w-8 text-muted-foreground"
         }),
@@ -4409,7 +4409,7 @@ const ee = {
           "aria-label": e.clearLabel,
           onClick: S
         }, [
-          T(ee, {
+          T(te, {
             name: "x-mark",
             class: "w-5 h-5"
           })
@@ -4550,18 +4550,18 @@ const ee = {
       onClick: u
     }, {
       default: U(() => [
-        e.icon && e.iconPosition === "left" ? (s(), R(ee, {
+        e.icon && e.iconPosition === "left" ? (s(), R(te, {
           key: 0,
           name: e.icon,
           class: h(r.value)
         }, null, 8, ["name", "class"])) : p("", !0),
         F(g.$slots, "default"),
-        e.icon && e.iconPosition === "right" ? (s(), R(ee, {
+        e.icon && e.iconPosition === "right" ? (s(), R(te, {
           key: 1,
           name: e.icon,
           class: h(r.value)
         }, null, 8, ["name", "class"])) : p("", !0),
-        e.external && e.showExternalIcon ? (s(), R(ee, {
+        e.external && e.showExternalIcon ? (s(), R(te, {
           key: 2,
           name: "external-link",
           class: "w-3 h-3 ml-1 inline-block"
@@ -5959,7 +5959,7 @@ const ee = {
             ]),
             _: 2
           }, 1032, ["href", "class", "aria-current"])),
-          m < e.items.length - 1 ? (s(), R(ee, {
+          m < e.items.length - 1 ? (s(), R(te, {
             key: 0,
             name: e.separator,
             class: "mx-2 h-4 w-4 text-muted-foreground"
@@ -6498,23 +6498,23 @@ const ee = {
       })
     ), S = b(() => new Date(m.value, u.value + 1, 0).getDate()), M = b(() => new Date(m.value, u.value, 1).getDay()), A = b(() => {
       const V = new Date(m.value, u.value, 0).getDate(), L = M.value;
-      return Array.from({ length: L }, (Z, ie) => V - L + ie + 1);
+      return Array.from({ length: L }, (ee, ie) => V - L + ie + 1);
     }), z = b(() => {
       const V = A.value.length + S.value, L = V % 7 === 0 ? 0 : 7 - V % 7;
-      return Array.from({ length: L }, (Z, ie) => ie + 1);
+      return Array.from({ length: L }, (ee, ie) => ie + 1);
     }), v = b(() => g.value ? f(g.value) : "");
     function f(V) {
       if (!V) return "";
-      const L = new Date(V), Z = String(L.getMonth() + 1).padStart(2, "0"), ie = String(L.getDate()).padStart(2, "0"), le = L.getFullYear();
-      return t.format.replace("MM", Z).replace("DD", ie).replace("YYYY", le);
+      const L = new Date(V), ee = String(L.getMonth() + 1).padStart(2, "0"), ie = String(L.getDate()).padStart(2, "0"), le = L.getFullYear();
+      return t.format.replace("MM", ee).replace("DD", ie).replace("YYYY", le);
     }
     function i(V) {
       if (!V) return null;
       if (V instanceof Date) return V;
       if (typeof V == "string") {
-        const Z = V.split("-");
-        if (Z.length === 3) {
-          const ie = parseInt(Z[0], 10), le = parseInt(Z[1], 10) - 1, Se = parseInt(Z[2], 10);
+        const ee = V.split("-");
+        if (ee.length === 3) {
+          const ie = parseInt(ee[0], 10), le = parseInt(ee[1], 10) - 1, Se = parseInt(ee[2], 10);
           return new Date(ie, le, Se);
         }
       }
@@ -6532,12 +6532,12 @@ const ee = {
     function B(V) {
       const L = new Date(m.value, u.value, V);
       if (t.min) {
-        const Z = i(t.min);
-        if (Z && L < Z) return !0;
+        const ee = i(t.min);
+        if (ee && L < ee) return !0;
       }
       if (t.max) {
-        const Z = i(t.max);
-        if (Z && L > Z) return !0;
+        const ee = i(t.max);
+        if (ee && L > ee) return !0;
       }
       return !1;
     }
@@ -6557,7 +6557,7 @@ const ee = {
       if (B(V)) return;
       const L = new Date(m.value, u.value, V);
       g.value = L;
-      const Z = L.getFullYear(), ie = String(L.getMonth() + 1).padStart(2, "0"), le = String(L.getDate()).padStart(2, "0"), Se = `${Z}-${ie}-${le}`;
+      const ee = L.getFullYear(), ie = String(L.getMonth() + 1).padStart(2, "0"), le = String(L.getDate()).padStart(2, "0"), Se = `${ee}-${ie}-${le}`;
       n("update:modelValue", Se), setTimeout(() => {
         r.value = !1;
       }, 150);
@@ -6692,32 +6692,32 @@ const ee = {
               ])])
             ]),
             o("div", ed, [
-              (s(), d(X, null, Q(y, (Z) => o("div", {
-                key: Z,
+              (s(), d(X, null, Q(y, (ee) => o("div", {
+                key: ee,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
-              }, w(Z), 1)), 64))
+              }, w(ee), 1)), 64))
             ]),
             o("div", td, [
-              (s(!0), d(X, null, Q(A.value, (Z, ie) => (s(), d("div", {
+              (s(!0), d(X, null, Q(A.value, (ee, ie) => (s(), d("div", {
                 key: "prev-" + ie,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(Z), 1))), 128)),
-              (s(!0), d(X, null, Q(S.value, (Z) => (s(), d("button", {
-                key: Z,
+              }, w(ee), 1))), 128)),
+              (s(!0), d(X, null, Q(S.value, (ee) => (s(), d("button", {
+                key: ee,
                 type: "button",
-                disabled: B(Z),
+                disabled: B(ee),
                 class: h([
                   "w-9 h-9 rounded-lg text-sm font-medium transition-colors",
-                  c(Z) && !x(Z) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
-                  x(Z) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
-                  B(Z) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
+                  c(ee) && !x(ee) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
+                  x(ee) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
+                  B(ee) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
-                onClick: (ie) => se(Z)
-              }, w(Z), 11, ad))), 128)),
-              (s(!0), d(X, null, Q(z.value, (Z, ie) => (s(), d("div", {
+                onClick: (ie) => se(ee)
+              }, w(ee), 11, ad))), 128)),
+              (s(!0), d(X, null, Q(z.value, (ee, ie) => (s(), d("div", {
                 key: "next-" + ie,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, w(Z), 1))), 128))
+              }, w(ee), 1))), 128))
             ]),
             e.showToday ? (s(), d("div", nd, [
               o("button", {
@@ -6805,7 +6805,7 @@ const ee = {
       }, [
         F(k.$slots, "trigger", {}, () => [
           o("span", null, w(e.triggerText), 1),
-          T(ee, {
+          T(te, {
             name: "chevron-down",
             class: "ml-2 h-4 w-4"
           })
@@ -6874,7 +6874,7 @@ const ee = {
       onClick: u
     }, {
       default: U(() => [
-        e.icon ? (s(), R(ee, {
+        e.icon ? (s(), R(te, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
@@ -6979,7 +6979,7 @@ const ee = {
         }, null, 40, ud),
         o("div", dd, [
           o("div", cd, [
-            T(ee, {
+            T(te, {
               icon: "upload",
               class: "h-6 w-6 text-gray-600"
             })
@@ -7022,7 +7022,7 @@ const ee = {
         }, [
           o("div", xd, [
             o("div", wd, [
-              T(ee, {
+              T(te, {
                 icon: "file",
                 class: "h-5 w-5 text-green-600"
               })
@@ -7036,7 +7036,7 @@ const ee = {
             class: "text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-full p-1 transition-colors",
             onClick: (H) => i(j)
           }, [
-            T(ee, {
+            T(te, {
               icon: "x",
               class: "h-4 w-4"
             })
@@ -7326,7 +7326,7 @@ const ee = {
         default: U(() => [
           y.$slots.icon || e.icon ? (s(), d("div", Fd, [
             F(y.$slots, "icon", {}, () => [
-              e.icon ? (s(), R(ee, {
+              e.icon ? (s(), R(te, {
                 key: 0,
                 name: e.icon,
                 class: "h-5 w-5"
@@ -7388,14 +7388,14 @@ const ee = {
       onClick: u
     }, {
       default: U(() => [
-        e.icon ? (s(), R(ee, {
+        e.icon ? (s(), R(te, {
           key: 0,
           name: e.icon,
           class: "mr-2 h-4 w-4"
         }, null, 8, ["name"])) : p("", !0),
         F(m.$slots, "default"),
         e.shortcut ? (s(), d("span", _d, w(e.shortcut), 1)) : p("", !0),
-        e.hasSubmenu ? (s(), R(ee, {
+        e.hasSubmenu ? (s(), R(te, {
           key: 2,
           name: "chevron-right",
           class: "ml-auto h-4 w-4"
@@ -7512,7 +7512,7 @@ const ee = {
                 class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
                 onClick: l
               }, [
-                T(ee, {
+                T(te, {
                   icon: "x",
                   class: "h-4 w-4"
                 }),
@@ -7681,7 +7681,7 @@ const ee = {
         }, [
           o("div", Qd, [
             e.showIcon ? (s(), d("div", Jd, [
-              T(ee, {
+              T(te, {
                 name: y.value,
                 class: h(k.value)
               }, null, 8, ["name", "class"])
@@ -7699,7 +7699,7 @@ const ee = {
               class: "flex-shrink-0 rounded-md p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2",
               onClick: S
             }, [
-              T(ee, {
+              T(te, {
                 name: "x",
                 class: "h-4 w-4"
               })
@@ -7898,7 +7898,7 @@ const nc = {
               role: "alert",
               "aria-live": f.variant === "error" ? "assertive" : "polite"
             }, [
-              M(f) ? (s(), R(ee, {
+              M(f) ? (s(), R(te, {
                 key: 0,
                 icon: k(f),
                 class: h([S(f), "h-4 w-4 shrink-0"])
@@ -7922,7 +7922,7 @@ const nc = {
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
                 onClick: (i) => _(n)(f.id)
               }, [
-                T(ee, {
+                T(te, {
                   icon: "x",
                   class: "h-4 w-4"
                 })
@@ -8613,15 +8613,15 @@ const nc = {
       })
     ), S = b(() => new Date(m.value, u.value + 1, 0).getDate()), M = b(() => new Date(m.value, u.value, 1).getDay()), A = b(() => {
       const W = new Date(m.value, u.value, 0).getDate(), V = M.value;
-      return Array.from({ length: V }, (L, Z) => W - V + Z + 1);
+      return Array.from({ length: V }, (L, ee) => W - V + ee + 1);
     }), z = b(() => {
       const W = A.value.length + S.value, V = W % 7 === 0 ? 0 : 7 - W % 7;
-      return Array.from({ length: V }, (L, Z) => Z + 1);
+      return Array.from({ length: V }, (L, ee) => ee + 1);
     }), v = b(() => g.value ? f(g.value) : "");
     function f(W) {
       if (!W) return "";
-      const V = new Date(W), L = String(V.getMonth() + 1).padStart(2, "0"), Z = String(V.getDate()).padStart(2, "0"), ie = V.getFullYear();
-      return t.format.replace("MM", L).replace("DD", Z).replace("YYYY", ie);
+      const V = new Date(W), L = String(V.getMonth() + 1).padStart(2, "0"), ee = String(V.getDate()).padStart(2, "0"), ie = V.getFullYear();
+      return t.format.replace("MM", L).replace("DD", ee).replace("YYYY", ie);
     }
     function i(W) {
       if (!W) return null;
@@ -8799,8 +8799,8 @@ const nc = {
               }, w(L), 1)), 64))
             ]),
             o("div", lf, [
-              (s(!0), d(X, null, Q(A.value, (L, Z) => (s(), d("div", {
-                key: "prev-" + Z,
+              (s(!0), d(X, null, Q(A.value, (L, ee) => (s(), d("div", {
+                key: "prev-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(L), 1))), 128)),
               (s(!0), d(X, null, Q(S.value, (L) => (s(), d("button", {
@@ -8812,10 +8812,10 @@ const nc = {
                   c(L) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
                   x(L) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
-                onClick: (Z) => G(L)
+                onClick: (ee) => G(L)
               }, w(L), 11, of))), 128)),
-              (s(!0), d(X, null, Q(z.value, (L, Z) => (s(), d("div", {
-                key: "next-" + Z,
+              (s(!0), d(X, null, Q(z.value, (L, ee) => (s(), d("div", {
+                key: "next-" + ee,
                 class: "text-center text-sm text-slate-300 py-2"
               }, w(L), 1))), 128))
             ]),
@@ -9595,7 +9595,7 @@ const nc = {
       }, [
         e.showDateFilter ? (s(), d("div", em, [
           o("div", tm, [
-            T(ee, {
+            T(te, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
@@ -9610,7 +9610,7 @@ const nc = {
           ]),
           $[6] || ($[6] = o("span", { class: "text-gray-500 text-sm" }, "to", -1)),
           o("div", am, [
-            T(ee, {
+            T(te, {
               icon: "calendar",
               class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
             }),
@@ -9639,7 +9639,7 @@ const nc = {
               ])]),
               _: 1
             }, 8, ["modelValue", "class"]),
-            T(ee, {
+            T(te, {
               icon: "chart-bar",
               class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
             })
@@ -9662,7 +9662,7 @@ const nc = {
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
-            T(ee, {
+            T(te, {
               icon: "database",
               class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
             })
@@ -9678,7 +9678,7 @@ const nc = {
             onClick: H
           }, {
             default: U(() => [
-              T(ee, {
+              T(te, {
                 icon: "rotate-left",
                 class: "w-4 h-4 mr-2"
               }),
@@ -9692,7 +9692,7 @@ const nc = {
             onClick: $[4] || ($[4] = (D) => se.$emit("export"))
           }, {
             default: U(() => [
-              T(ee, {
+              T(te, {
                 icon: "download",
                 class: "w-4 h-4 mr-2"
               }),
@@ -9706,7 +9706,7 @@ const nc = {
             onClick: $[5] || ($[5] = (D) => se.$emit("refresh"))
           }, {
             default: U(() => [
-              T(ee, {
+              T(te, {
                 icon: "sync",
                 class: "w-4 h-4 mr-2"
               }),
@@ -9728,7 +9728,7 @@ const nc = {
             key: D.key,
             class: h(x.value)
           }, [
-            T(ee, {
+            T(te, {
               icon: D.icon,
               class: "w-3 h-3"
             }, null, 8, ["icon"]),
@@ -9737,7 +9737,7 @@ const nc = {
               class: h(B.value),
               onClick: (W) => G(D.key)
             }, [
-              T(ee, {
+              T(te, {
                 icon: "xmark",
                 class: "w-3 h-3"
               })
@@ -10513,22 +10513,31 @@ const nc = {
     }), v = b(() => {
       let E = [...n.data];
       if (m.value) {
-        const te = n.columns.find((ne) => ne.key === m.value);
-        te && E.sort((ne, xe) => {
-          const ue = $(ne, te), Qe = $(xe, te);
+        const Z = n.columns.find((ne) => ne.key === m.value);
+        Z && E.sort((ne, xe) => {
+          const ue = $(ne, Z), Qe = $(xe, Z);
           return ue < Qe ? g.value === "asc" ? -1 : 1 : ue > Qe ? g.value === "asc" ? 1 : -1 : 0;
         });
       }
       return E;
     }), f = b(() => Math.ceil(v.value.length / u.value)), i = b(() => {
       if (!n.showPagination) return v.value;
-      const E = (l.value - 1) * u.value, te = E + u.value;
-      return v.value.slice(E, te);
+      const E = (l.value - 1) * u.value, Z = E + u.value;
+      return v.value.slice(E, Z);
     }), c = b(() => {
       let E = n.columns.length;
       return n.selectable && E++, (n.$slots?.actions || n.actions.length > 0 && n.showActionsColumn) && E++, E;
-    }), x = (E) => n.actions.filter((te) => te.visible && typeof te.visible == "function" ? te.visible(E) : !0), B = (E, te) => E.permission && typeof E.permission == "function" ? E.permission(te) : !0, C = (E, te) => E.disabled && typeof E.disabled == "function" ? E.disabled(te) : !1, j = (E, te) => {
-      C(E, te) || !B(E, te) || (r("action", { action: E.key, item: te, actionConfig: E }), E.onClick && typeof E.onClick == "function" && E.onClick(te));
+    }), x = (E) => n.actions.filter((Z) => {
+      if (Z.permission !== void 0) {
+        if (typeof Z.permission == "function") {
+          if (!Z.permission(E))
+            return !1;
+        } else if (!Z.permission)
+          return !1;
+      }
+      return Z.visible && typeof Z.visible == "function" ? Z.visible(E) : !0;
+    }), B = (E, Z) => E.permission && typeof E.permission == "function" ? E.permission(Z) : !0, C = (E, Z) => E.disabled && typeof E.disabled == "function" ? E.disabled(Z) : !1, j = (E, Z) => {
+      C(E, Z) || !B(E, Z) || (r("action", { action: E.key, item: Z, actionConfig: E }), E.onClick && typeof E.onClick == "function" && E.onClick(Z));
     }, H = (E) => ({
       default: "default",
       primary: "gradient",
@@ -10547,20 +10556,20 @@ const nc = {
       link: "link",
       ghost: "ghost"
     })[E] || "ghost", G = b(() => v.value.length > 0 && v.value.every((E) => W(E))), se = b(() => {
-      const E = v.value.filter((te) => W(te)).length;
+      const E = v.value.filter((Z) => W(Z)).length;
       return E > 0 && E < v.value.length;
-    }), $ = (E, te) => te.accessor ? te.accessor(E) : te.key.split(".").reduce((ne, xe) => ne?.[xe], E), D = (E, te) => E[n.rowKey] || te, W = (E) => n.selectedItems.some(
-      (te) => D(te) === D(E)
+    }), $ = (E, Z) => Z.accessor ? Z.accessor(E) : Z.key.split(".").reduce((ne, xe) => ne?.[xe], E), D = (E, Z) => E[n.rowKey] || Z, W = (E) => n.selectedItems.some(
+      (Z) => D(Z) === D(E)
     ), V = (E) => {
-      const te = [...n.selectedItems], ne = te.findIndex(
+      const Z = [...n.selectedItems], ne = Z.findIndex(
         (xe) => D(xe) === D(E)
       );
-      ne > -1 ? te.splice(ne, 1) : te.push(E), r("selection-change", te);
+      ne > -1 ? Z.splice(ne, 1) : Z.push(E), r("selection-change", Z);
     }, L = () => {
       if (n.loading || n.dataLoading) return;
       const E = G.value ? [] : [...v.value];
       r("selection-change", E);
-    }, Z = async (E) => {
+    }, ee = async (E) => {
       !E.sortable || n.loading || n.sortLoading || (m.value === E.key ? g.value = g.value === "asc" ? "desc" : "asc" : (m.value = E.key, g.value = "asc"), r("sort-change", { column: E.key, direction: g.value }));
     }, ie = (E) => {
       n.loading || r("row-click", E);
@@ -10594,16 +10603,16 @@ const nc = {
         comfortable: "px-8 py-6"
       }[n.density],
       "whitespace-nowrap text-sm text-slate-900"
-    ), nt = (E, te) => {
+    ), nt = (E, Z) => {
       const ne = [];
-      return n.striped && te % 2 === 1 && ne.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && ne.push("hover:bg-slate-50"), n.clickableRows && ne.push("cursor-pointer hover:bg-slate-100"), n.selectable && W(E) && ne.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? ne.push("border-b border-slate-200") : n.variant === "minimal" && ne.push("border-b border-slate-100"), P("transition-colors", ...ne);
-    }, Ge = (E, te) => {
-      const ne = $(E, te);
-      return typeof te == "object" && te.formatter ? te.formatter(ne, E) : ne == null ? "" : ne instanceof Date ? ne.toLocaleDateString() : Array.isArray(ne) ? ne.join(", ") : ne;
-    }, Ht = (E, te = 10) => {
+      return n.striped && Z % 2 === 1 && ne.push("bg-slate-50/50"), n.hoverable && !n.clickableRows && ne.push("hover:bg-slate-50"), n.clickableRows && ne.push("cursor-pointer hover:bg-slate-100"), n.selectable && W(E) && ne.push("bg-blue-50 border-blue-200"), n.variant === "bordered" ? ne.push("border-b border-slate-200") : n.variant === "minimal" && ne.push("border-b border-slate-100"), P("transition-colors", ...ne);
+    }, Ge = (E, Z) => {
+      const ne = $(E, Z);
+      return typeof Z == "object" && Z.formatter ? Z.formatter(ne, E) : ne == null ? "" : ne instanceof Date ? ne.toLocaleDateString() : Array.isArray(ne) ? ne.join(", ") : ne;
+    }, Ht = (E, Z = 10) => {
       if (!E) return E;
       const ne = E.toString().split(" ");
-      return ne.length <= te ? E : ne.slice(0, te).join(" ") + "...";
+      return ne.length <= Z ? E : ne.slice(0, Z).join(" ") + "...";
     }, Yt = (E) => {
       k.value || (k.value = E, y.value = !0);
     }, Ke = () => {
@@ -10629,10 +10638,10 @@ const nc = {
         comfortable: "px-8 py-8"
       }[n.density],
       "text-center"
-    )), $t = (E, te) => P(
+    )), $t = (E, Z) => P(
       {
-        "text-blue-600": m.value === E.key && g.value === te,
-        "text-slate-300": m.value !== E.key || g.value !== te
+        "text-blue-600": m.value === E.key && g.value === Z,
+        "text-slate-300": m.value !== E.key || g.value !== Z
       }
     );
     return me(() => n.selectedItems, () => {
@@ -10654,7 +10663,7 @@ const nc = {
       getCurrentPage: () => l.value,
       getTotalPages: () => f.value,
       getSelectedItems: () => n.selectedItems
-    }), (E, te) => (s(), d("div", {
+    }), (E, Z) => (s(), d("div", {
       class: h(yt.value)
     }, [
       e.title || e.description || E.$slots.header ? (s(), R(Fr, {
@@ -10718,7 +10727,7 @@ const nc = {
                 (s(!0), d(X, null, Q(e.columns, (ne) => (s(), d("th", {
                   key: ne.key,
                   class: h(qt(ne)),
-                  onClick: (xe) => Z(ne)
+                  onClick: (xe) => ee(ne)
                 }, [
                   o("div", Hm, [
                     o("span", null, w(ne.label), 1),
@@ -10735,7 +10744,7 @@ const nc = {
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
                         stroke: "currentColor"
-                      }, [...te[1] || (te[1] = [
+                      }, [...Z[1] || (Z[1] = [
                         o("path", {
                           "stroke-linecap": "round",
                           "stroke-linejoin": "round",
@@ -10748,7 +10757,7 @@ const nc = {
                         viewBox: "0 0 24 24",
                         "stroke-width": "1.5",
                         stroke: "currentColor"
-                      }, [...te[2] || (te[2] = [
+                      }, [...Z[2] || (Z[2] = [
                         o("path", {
                           "stroke-linecap": "round",
                           "stroke-linejoin": "round",
@@ -10774,19 +10783,19 @@ const nc = {
                 e.selectable ? (s(), d("td", {
                   key: 0,
                   class: h(Ue.value)
-                }, [...te[3] || (te[3] = [
+                }, [...Z[3] || (Z[3] = [
                   o("div", { class: "w-4 h-4 bg-slate-200 rounded" }, null, -1)
                 ])], 2)) : p("", !0),
                 (s(!0), d(X, null, Q(e.columns, (xe) => (s(), d("td", {
                   key: xe.key,
                   class: h(wt())
-                }, [...te[4] || (te[4] = [
+                }, [...Z[4] || (Z[4] = [
                   o("div", { class: "h-4 bg-slate-200 rounded w-3/4" }, null, -1)
                 ])], 2))), 128)),
                 E.$slots.actions || e.actions.length > 0 && e.showActionsColumn ? (s(), d("td", {
                   key: 1,
                   class: h(Xe.value)
-                }, [...te[5] || (te[5] = [
+                }, [...Z[5] || (Z[5] = [
                   o("div", { class: "flex gap-2 justify-center" }, [
                     o("div", { class: "w-6 h-6 bg-slate-200 rounded" }),
                     o("div", { class: "w-6 h-6 bg-slate-200 rounded" })
@@ -10846,7 +10855,7 @@ const nc = {
                           onClick: pe((Qe) => j(ue, ne), ["stop"])
                         }, {
                           default: U(() => [
-                            ue.icon ? (s(), R(ee, {
+                            ue.icon ? (s(), R(te, {
                               key: 0,
                               icon: ue.icon,
                               class: "w-4 h-4"
@@ -10867,7 +10876,7 @@ const nc = {
                   F(E.$slots, "empty", {}, () => [
                     o("div", eg, [
                       o("div", tg, [
-                        T(ee, {
+                        T(te, {
                           icon: "search",
                           class: "w-16 h-16"
                         })
@@ -10905,14 +10914,14 @@ const nc = {
       }, 8, ["current-page", "total-pages", "total", "page-size", "show-pagination", "selectable", "selected-count", "variant", "padding", "loading", "disabled"])) : p("", !0),
       T(Ea, {
         modelValue: y.value,
-        "onUpdate:modelValue": te[0] || (te[0] = (ne) => y.value = ne),
+        "onUpdate:modelValue": Z[0] || (Z[0] = (ne) => y.value = ne),
         size: "lg",
         height: "auto",
         onClose: Ke
       }, {
         default: U(() => [
           o("div", rg, [
-            te[6] || (te[6] = o("h3", { class: "text-md font-semibold mb-4" }, " Full Text ", -1)),
+            Z[6] || (Z[6] = o("h3", { class: "text-md font-semibold mb-4" }, " Full Text ", -1)),
             o("div", sg, w(k.value), 1)
           ])
         ]),
@@ -10920,7 +10929,7 @@ const nc = {
       }, 8, ["modelValue"])
     ], 2));
   }
-}, og = /* @__PURE__ */ Rt(lg, [["__scopeId", "data-v-30b63d46"]]), ig = {
+}, og = /* @__PURE__ */ Rt(lg, [["__scopeId", "data-v-2fc21870"]]), ig = {
   __name: "DataTableRow",
   props: {
     item: {
@@ -11359,7 +11368,17 @@ const nc = {
     "file-removed"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, r = N(!1), l = N(!1), u = b(() => Object.keys(t.addButton).length > 0), m = b(() => u.value ? t.addButton.visible && typeof t.addButton.visible == "function" ? t.addButton.visible() : !0 : t.showAdd), g = b(() => u.value && t.addButton.permission && typeof t.addButton.permission == "function" ? t.addButton.permission() : !0), y = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), k = () => {
+    const t = e, n = a, r = N(!1), l = N(!1), u = b(() => Object.keys(t.addButton).length > 0), m = b(() => {
+      if (!u.value) return t.showAdd;
+      if (t.addButton.permission !== void 0) {
+        if (typeof t.addButton.permission == "function") {
+          if (!t.addButton.permission())
+            return !1;
+        } else if (!t.addButton.permission)
+          return !1;
+      }
+      return t.addButton.visible && typeof t.addButton.visible == "function" ? t.addButton.visible() : !0;
+    }), g = b(() => u.value && t.addButton.permission !== void 0 ? typeof t.addButton.permission == "function" ? t.addButton.permission() : t.addButton.permission : !0), y = b(() => u.value && t.addButton.disabled && typeof t.addButton.disabled == "function" ? t.addButton.disabled() : !1), k = () => {
       l.value = !0;
     }, S = () => {
       l.value = !1;
@@ -11459,7 +11478,7 @@ const nc = {
         selected: J.selected.filter((de) => de !== O)
       } : J);
       n("update:multiSelectFilters", I);
-    }, Z = (K, O) => {
+    }, ee = (K, O) => {
       const I = K.options.find((J) => J.value === O);
       return I ? I.label : O;
     }, ie = () => {
@@ -11583,7 +11602,7 @@ const nc = {
       () => P(i({ variant: "ghost", size: "md" }))
     ), E = b(
       () => P(i({ variant: "default", size: "lg" }))
-    ), te = b(
+    ), Z = b(
       () => "px-6 py-3 bg-blue-50 border-t border-blue-100"
     ), ne = b(
       () => "text-sm font-semibold text-blue-800"
@@ -11658,7 +11677,7 @@ const nc = {
         }, [
           e.showSearch ? (s(), d("div", cg, [
             o("div", fg, [
-              T(ee, {
+              T(te, {
                 icon: "magnifying-glass",
                 class: h(Ut.value)
               }, null, 8, ["class"]),
@@ -11673,7 +11692,7 @@ const nc = {
                 class: h(wt.value),
                 onClick: O[1] || (O[1] = (I) => K.$emit("update:searchQuery", ""))
               }, [
-                T(ee, {
+                T(te, {
                   icon: "xmark",
                   class: "w-3 h-3"
                 })
@@ -11699,7 +11718,7 @@ const nc = {
                 ]),
                 _: 2
               }, 1032, ["model-value", "class", "onChange"]),
-              T(ee, {
+              T(te, {
                 icon: "chevron-down",
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
@@ -11721,7 +11740,7 @@ const nc = {
                 ]),
                 _: 1
               }, 8, ["model-value", "class"]),
-              T(ee, {
+              T(te, {
                 icon: "chevron-down",
                 class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
               })
@@ -11732,7 +11751,7 @@ const nc = {
             class: h(Ge.value),
             onClick: ie
           }, [
-            T(ee, {
+            T(te, {
               icon: "filter",
               class: "w-4 h-4"
             }),
@@ -11741,7 +11760,7 @@ const nc = {
               key: 0,
               class: h(Ht.value)
             }, w(yt.value), 3)) : p("", !0),
-            T(ee, {
+            T(te, {
               icon: r.value ? "chevron-up" : "chevron-down",
               class: "w-4 h-4 ml-1"
             }, null, 8, ["icon"])
@@ -11757,7 +11776,7 @@ const nc = {
                 onClick: k
               }, {
                 default: U(() => [
-                  T(ee, {
+                  T(te, {
                     icon: "upload",
                     class: "w-4 h-4 mr-2"
                   }),
@@ -11772,7 +11791,7 @@ const nc = {
               onClick: Qe
             }, {
               default: U(() => [
-                T(ee, {
+                T(te, {
                   icon: "rotate-left",
                   class: "w-4 h-4 mr-2"
                 }),
@@ -11786,7 +11805,7 @@ const nc = {
               onClick: O[3] || (O[3] = (I) => K.$emit("export"))
             }, {
               default: U(() => [
-                T(ee, {
+                T(te, {
                   icon: "download",
                   class: "w-4 h-4 mr-2"
                 }),
@@ -11804,7 +11823,7 @@ const nc = {
                 onClick: z
               }, {
                 default: U(() => [
-                  e.addButton.icon ? (s(), R(ee, {
+                  e.addButton.icon ? (s(), R(te, {
                     key: 0,
                     icon: e.addButton.icon,
                     class: "w-4 h-4 mr-2"
@@ -11819,7 +11838,7 @@ const nc = {
                   onClick: O[4] || (O[4] = (I) => K.$emit("add"))
                 }, {
                   default: U(() => [
-                    T(ee, {
+                    T(te, {
                       icon: "plus",
                       class: "w-4 h-4 mr-2"
                     }),
@@ -11850,7 +11869,7 @@ const nc = {
               ]),
               o("div", zg, [
                 o("div", Ag, [
-                  T(ee, {
+                  T(te, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
                   }),
@@ -11866,7 +11885,7 @@ const nc = {
                   class: h(Xe.value)
                 }, "to", 2),
                 o("div", Pg, [
-                  T(ee, {
+                  T(te, {
                     icon: "calendar",
                     class: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400"
                   }),
@@ -11884,7 +11903,7 @@ const nc = {
                   title: "Clear this filter",
                   onClick: (J) => B(I.key)
                 }, [
-                  T(ee, {
+                  T(te, {
                     icon: "xmark",
                     class: "w-4 h-4"
                   })
@@ -11933,7 +11952,7 @@ const nc = {
                   title: "Clear this filter",
                   onClick: (J) => G(I.key)
                 }, [
-                  T(ee, {
+                  T(te, {
                     icon: "xmark",
                     class: "w-4 h-4"
                   })
@@ -11967,7 +11986,7 @@ const nc = {
                   ]),
                   _: 2
                 }, 1032, ["class", "onChange"]),
-                T(ee, {
+                T(te, {
                   icon: "chevron-down",
                   class: "absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none"
                 })
@@ -11977,12 +11996,12 @@ const nc = {
                   key: J,
                   class: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"
                 }, [
-                  ae(w(Z(I, J)) + " ", 1),
+                  ae(w(ee(I, J)) + " ", 1),
                   o("button", {
                     class: "hover:bg-blue-200 rounded-full p-0.5",
                     onClick: (de) => L(I.key, J)
                   }, [
-                    T(ee, {
+                    T(te, {
                       icon: "xmark",
                       class: "w-3 h-3"
                     })
@@ -11994,7 +12013,7 @@ const nc = {
         ], 2)) : p("", !0),
         e.showFilters && xt.value.length > 0 ? (s(), d("div", {
           key: 1,
-          class: h(te.value)
+          class: h(Z.value)
         }, [
           o("div", Hg, [
             o("span", {
@@ -12004,7 +12023,7 @@ const nc = {
               key: I.key,
               class: h(xe.value)
             }, [
-              T(ee, {
+              T(te, {
                 icon: I.icon,
                 class: "w-3 h-3"
               }, null, 8, ["icon"]),
@@ -12013,7 +12032,7 @@ const nc = {
                 class: h(ue.value),
                 onClick: (J) => Dr(I.key)
               }, [
-                T(ee, {
+                T(te, {
                   icon: "xmark",
                   class: "w-3 h-3"
                 })
@@ -12044,7 +12063,7 @@ const nc = {
               class: "text-gray-400 hover:text-gray-600 p-2 hover:bg-gray-100 rounded-full transition-all",
               onClick: S
             }, [
-              T(ee, {
+              T(te, {
                 icon: "xmark",
                 class: "w-5 h-5"
               })
@@ -12210,23 +12229,23 @@ const nc = {
     }, H = () => {
       r.value = !r.value;
     }, G = (L) => P(k({ variant: L.variant || "secondary" })), se = (L) => {
-      let Z = "middle";
-      return L === "compact" ? Z = "first" : L === "comfortable" && (Z = "last"), P(S({
+      let ee = "middle";
+      return L === "compact" ? ee = "first" : L === "comfortable" && (ee = "last"), P(S({
         active: t.density === L,
-        position: Z
+        position: ee
       }));
     }, $ = () => P(M({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), D = () => P("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), W = (L) => t.visibleColumns.includes(L), V = (L, Z) => {
-      n("toggle-column", { column: L, visible: Z });
+    }), W = (L) => t.visibleColumns.includes(L), V = (L, ee) => {
+      n("toggle-column", { column: L, visible: ee });
     };
     return $e(() => {
       document.addEventListener("click", j);
     }), Be(() => {
       document.removeEventListener("click", j);
-    }), (L, Z) => {
+    }), (L, ee) => {
       const ie = he("font-awesome-icon");
       return s(), d("div", {
         class: h(A.value)
@@ -12286,13 +12305,13 @@ const nc = {
                 icon: "columns",
                 class: "w-4 h-4"
               }),
-              Z[2] || (Z[2] = o("span", null, "Columns", -1))
+              ee[2] || (ee[2] = o("span", null, "Columns", -1))
             ], 2),
             Ie(o("div", {
               ref_key: "columnMenu",
               ref: u,
               class: h(i.value),
-              onClick: Z[0] || (Z[0] = pe(() => {
+              onClick: ee[0] || (ee[0] = pe(() => {
               }, ["stop"]))
             }, [
               o("div", u0, [
@@ -12327,13 +12346,13 @@ const nc = {
             disabled: e.isRefreshing,
             class: h($()),
             type: "button",
-            onClick: Z[1] || (Z[1] = (le) => L.$emit("refresh"))
+            onClick: ee[1] || (ee[1] = (le) => L.$emit("refresh"))
           }, [
             T(ie, {
               icon: "sync",
               class: h(D())
             }, null, 8, ["class"]),
-            Z[3] || (Z[3] = o("span", null, "Refresh", -1))
+            ee[3] || (ee[3] = o("span", null, "Refresh", -1))
           ], 10, m0)) : p("", !0),
           L.$slots.actions ? (s(), d("div", g0, [
             F(L.$slots, "actions")
@@ -12881,7 +12900,7 @@ const nc = {
                                 i($) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
                             }, [
-                              $.icon ? (s(), R(ee, {
+                              $.icon ? (s(), R(te, {
                                 key: 0,
                                 icon: $.icon,
                                 class: "w-4 h-4"
@@ -12901,7 +12920,7 @@ const nc = {
                           onClick: (D) => c($)
                         }, [
                           o("div", wv, [
-                            $.icon ? (s(), R(ee, {
+                            $.icon ? (s(), R(te, {
                               key: 0,
                               icon: $.icon,
                               class: "w-4 h-4"
@@ -14273,7 +14292,7 @@ const nc = {
                         H(V) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                       ))
                     }, [
-                      T(ee, {
+                      T(te, {
                         icon: V.icon,
                         class: "w-6 h-6"
                       }, null, 8, ["icon"])
@@ -14303,7 +14322,7 @@ const nc = {
                           H(V) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                         ))
                       }, [
-                        T(ee, {
+                        T(te, {
                           icon: V.icon,
                           class: "w-6 h-6"
                         }, null, 8, ["icon"])
@@ -14337,7 +14356,7 @@ const nc = {
                   e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
                 ))
               }, [
-                T(ee, {
+                T(te, {
                   icon: "cog",
                   class: "w-6 h-6"
                 })
@@ -14418,7 +14437,7 @@ const nc = {
                           )
                         )
                       }, [
-                        V.icon ? (s(), R(ee, {
+                        V.icon ? (s(), R(te, {
                           key: 0,
                           icon: V.icon,
                           class: "w-4 h-4"
@@ -14509,7 +14528,7 @@ const nc = {
                             )
                           )
                         }, [
-                          V.icon ? (s(), R(ee, {
+                          V.icon ? (s(), R(te, {
                             key: 0,
                             icon: V.icon,
                             class: "w-4 h-4"
@@ -15138,7 +15157,7 @@ const vb = /* @__PURE__ */ Rt(Nh, [["render", gb]]), hb = { class: "min-h-screen
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), L = b(() => [
       "mt-8"
-    ]), Z = b(() => [
+    ]), ee = b(() => [
       "mt-8"
     ]), ie = b(() => [
       "mt-6"
@@ -15173,7 +15192,7 @@ const vb = /* @__PURE__ */ Rt(Nh, [["render", gb]]), hb = { class: "min-h-screen
       titleClasses: W,
       messageClasses: V,
       actionsClasses: L,
-      additionalInfoClasses: Z,
+      additionalInfoClasses: ee,
       helpClasses: ie
     };
   }
@@ -15473,12 +15492,12 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
           k.value,
           B,
           $
-        ), W = t.doughnut ? (y.value + k.value) / 2 : y.value * 0.7, V = B + se / 2, L = m.value + Math.cos(V) * W, Z = g.value + Math.sin(V) * W, ie = {
+        ), W = t.doughnut ? (y.value + k.value) / 2 : y.value * 0.7, V = B + se / 2, L = m.value + Math.cos(V) * W, ee = g.value + Math.sin(V) * W, ie = {
           value: H,
           percentage: G,
           path: D,
           labelX: L,
-          labelY: Z,
+          labelY: ee,
           label: t.labels[j] || `Item ${j + 1}`,
           startAngle: B,
           endAngle: $
@@ -15490,8 +15509,8 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
       if (j === 0)
         return `M ${x} ${B} L ${se} ${$} A ${C} ${C} 0 ${V} 1 ${D} ${W} Z`;
       {
-        const L = x + j * Math.cos(G), Z = B + j * Math.sin(G), ie = x + j * Math.cos(H), le = B + j * Math.sin(H);
-        return `M ${se} ${$} A ${C} ${C} 0 ${V} 1 ${D} ${W} L ${L} ${Z} A ${j} ${j} 0 ${V} 0 ${ie} ${le} Z`;
+        const L = x + j * Math.cos(G), ee = B + j * Math.sin(G), ie = x + j * Math.cos(H), le = B + j * Math.sin(H);
+        return `M ${se} ${$} A ${C} ${C} 0 ${V} 1 ${D} ${W} L ${L} ${ee} A ${j} ${j} 0 ${V} 0 ${ie} ${le} Z`;
       }
     }, A = (x) => t.colors[x % t.colors.length], z = (x) => {
       if (t.legendPosition === "right")
@@ -15788,7 +15807,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
     }, [
       e.showHeader ? (s(), d("div", up, [
         o("div", dp, [
-          e.icon ? (s(), R(ee, {
+          e.icon ? (s(), R(te, {
             key: 0,
             icon: e.icon,
             class: "w-5 h-5 text-slate-700"
@@ -15802,7 +15821,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
             title: "Keyboard shortcuts (?)",
             onClick: D[0] || (D[0] = (W) => f.value = !f.value)
           }, [
-            T(ee, {
+            T(te, {
               icon: "circle-info",
               class: "w-4 h-4 text-slate-600"
             })
@@ -15813,7 +15832,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
             title: "Customize (C)",
             onClick: y
           }, [
-            T(ee, {
+            T(te, {
               icon: "gear",
               class: "w-4 h-4 text-slate-600"
             })
@@ -15825,7 +15844,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
             title: "Refresh (R)",
             onClick: D[1] || (D[1] = (W) => $.$emit("refresh"))
           }, [
-            T(ee, {
+            T(te, {
               icon: "refresh",
               class: h([
                 "w-4 h-4 text-slate-600 transition-transform duration-500",
@@ -15842,7 +15861,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
             class: "p-1 rounded hover:bg-slate-100",
             onClick: D[2] || (D[2] = (W) => m.value = !1)
           }, [
-            T(ee, {
+            T(te, {
               icon: "x",
               class: "w-4 h-4 text-slate-600"
             })
@@ -15882,7 +15901,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
             class: "p-1 rounded hover:bg-slate-100",
             onClick: D[3] || (D[3] = (W) => f.value = !1)
           }, [
-            T(ee, {
+            T(te, {
               icon: "x",
               class: "w-4 h-4 text-slate-600"
             })
@@ -16040,7 +16059,7 @@ const _b = /* @__PURE__ */ Rt(kb, [["render", Rb]]), Ub = { class: "w-full h-ful
   Button: be,
   Checkbox: Mt,
   Divider: Vi,
-  Icon: ee,
+  Icon: te,
   Image: ji,
   Input: ve,
   Label: De,
@@ -16162,7 +16181,7 @@ export {
   hf as Graph,
   fm as GraphFilters,
   $v as Header,
-  ee as Icon,
+  te as Icon,
   ji as Image,
   ve as Input,
   Md as InputGroup,