vlite3 0.4.8 → 0.5.2

package/components/PermissionMatrix/PermissionEditor.vue.js

@@ -0,0 +1,323 @@
+import { defineComponent as K, ref as z, computed as k, onMounted as R, watch as T, openBlock as n, createElementBlock as d, normalizeClass as u, createElementVNode as i, createVNode as h, createCommentVNode as m, unref as W, withCtx as S, withModifiers as A, createBlock as f, toDisplayString as p, Fragment as U, renderList as N } from "vue";
+import _ from "../CheckBox.vue.js";
+import j from "../Switch.vue.js";
+import b from "../Icon.vue.js";
+import X from "../Input.vue.js";
+import Y from "../Tooltip.vue.js";
+import Z from "../Dropdown/Dropdown.vue.js";
+import "../../core/config.js";
+const ee = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-3 mb-4" }, te = { class: "flex items-center gap-2 flex-1 w-full sm:max-w-lg" }, le = {
+  key: 0,
+  class: "flex-1"
+}, oe = {
+  key: 0,
+  class: "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground text-[10px] font-bold min-w-[18px] h-[18px] px-1"
+}, se = ["onClick"], ne = { class: "text-sm" }, ae = {
+  key: 0,
+  class: "border-t px-3 py-1.5"
+}, ie = { class: "flex items-center gap-3 ml-auto" }, re = {
+  key: 0,
+  class: "text-center py-12 text-muted-foreground"
+}, de = {
+  key: 1,
+  class: "space-y-0 border rounded-lg overflow-hidden"
+}, ue = ["onClick"], ce = { class: "flex items-center gap-2" }, me = { key: 0 }, fe = { class: "flex items-center gap-2 pl-6" }, pe = { class: "flex items-center" }, Ve = /* @__PURE__ */ K({
+  __name: "PermissionEditor",
+  props: {
+    groups: {},
+    modelValue: {},
+    toggleMode: { default: "checkbox" },
+    searchable: { type: Boolean, default: !0 },
+    collapsible: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    class: { default: "" },
+    defaultExpanded: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: F }) {
+    const s = a, w = F, x = z(""), c = z([]), D = k(
+      () => s.groups.map((t) => ({
+        label: t.label,
+        value: t.key,
+        icon: t.icon
+      }))
+    );
+    function L(t) {
+      const l = c.value;
+      l.includes(t) ? c.value = l.filter((e) => e !== t) : c.value = [...l, t];
+    }
+    function q() {
+      c.value = [];
+    }
+    const v = z(/* @__PURE__ */ new Set()), $ = z(/* @__PURE__ */ new Set());
+    function O() {
+      if (s.defaultExpanded && s.defaultExpanded.length > 0) {
+        const t = s.groups.map((l) => l.key);
+        return new Set(t.filter((l) => !s.defaultExpanded.includes(l)));
+      }
+      return /* @__PURE__ */ new Set();
+    }
+    R(() => {
+      const t = O();
+      $.value = t, v.value = new Set(t);
+    }), T(x, (t) => {
+      if (t.trim()) {
+        const l = t.toLowerCase(), e = /* @__PURE__ */ new Set();
+        for (const o of s.groups)
+          (o.label.toLowerCase().includes(l) || o.permissions.some(
+            (C) => C.label.toLowerCase().includes(l) || C.key.toLowerCase().includes(l)
+          )) && e.add(o.key);
+        const r = s.groups.map((o) => o.key);
+        v.value = new Set(r.filter((o) => !e.has(o)));
+      } else
+        v.value = new Set($.value);
+    });
+    function Q(t) {
+      if (!s.collapsible) return;
+      const l = new Set(v.value);
+      l.has(t) ? l.delete(t) : l.add(t), v.value = l, x.value.trim() || ($.value = new Set(l));
+    }
+    const M = k(() => {
+      let t = s.groups;
+      if (c.value.length > 0 && (t = t.filter((l) => c.value.includes(l.key))), x.value.trim()) {
+        const l = x.value.toLowerCase();
+        t = t.map((e) => {
+          const r = e.permissions.filter(
+            (o) => o.label.toLowerCase().includes(l) || o.key.toLowerCase().includes(l) || e.label.toLowerCase().includes(l)
+          );
+          return r.length === 0 ? null : { ...e, permissions: r };
+        }).filter(Boolean);
+      }
+      return t;
+    });
+    function g(t) {
+      return s.modelValue.includes(t);
+    }
+    function B(t) {
+      if (s.readonly) return;
+      const l = g(t) ? s.modelValue.filter((e) => e !== t) : [...s.modelValue, t];
+      w("update:modelValue", l);
+    }
+    function V(t) {
+      const l = t.permissions, e = l.filter((r) => g(r.key));
+      return e.length === 0 ? "none" : e.length === l.length ? "all" : "indeterminate";
+    }
+    function E(t) {
+      if (s.readonly) return;
+      const l = V(t), e = t.permissions.map((o) => o.key);
+      let r;
+      if (l === "all")
+        r = s.modelValue.filter((o) => !e.includes(o));
+      else {
+        const o = e.filter((G) => !s.modelValue.includes(G));
+        r = [...s.modelValue, ...o];
+      }
+      w("update:modelValue", r);
+    }
+    function H() {
+      if (s.readonly) return;
+      const t = s.groups.flatMap((l) => l.permissions.map((e) => e.key));
+      w("update:modelValue", t);
+    }
+    function I() {
+      s.readonly || w("update:modelValue", []);
+    }
+    const J = k(() => s.groups.reduce((t, l) => t + l.permissions.length, 0)), y = k(() => s.size === "sm" ? "text-xs" : "text-sm"), P = k(() => s.size === "sm" ? "px-3 py-1.5" : "px-4 py-2.5");
+    return (t, l) => (n(), d("div", {
+      class: u(["permission-editor", s.class])
+    }, [
+      i("div", ee, [
+        i("div", te, [
+          a.searchable ? (n(), d("div", le, [
+            h(X, {
+              modelValue: x.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (e) => x.value = e),
+              placeholder: "Search permissions...",
+              icon: "lucide:search",
+              size: a.size,
+              "show-clear-button": ""
+            }, null, 8, ["modelValue", "size"])
+          ])) : m("", !0),
+          h(W(Z), {
+            options: D.value,
+            "close-on-select": !1,
+            selectable: !1,
+            position: "bottom-end"
+          }, {
+            trigger: S(() => [
+              i("button", {
+                type: "button",
+                class: u([
+                  "inline-flex items-center gap-1.5 border rounded-md cursor-pointer transition-colors",
+                  a.size === "sm" ? "px-2 py-1.5 text-xs" : "px-3 py-2 text-sm",
+                  c.value.length > 0 ? "border-primary bg-primary/5 text-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent"
+                ])
+              }, [
+                h(b, {
+                  icon: "lucide:filter",
+                  class: "w-3.5 h-3.5"
+                }),
+                l[2] || (l[2] = i("span", { class: "hidden sm:inline" }, "Modules", -1)),
+                c.value.length > 0 ? (n(), d("span", oe, p(c.value.length), 1)) : m("", !0)
+              ], 2)
+            ]),
+            item: S(({ option: e }) => [
+              i("div", {
+                class: "flex items-center gap-2 px-2 py-1.5 cursor-pointer hover:bg-accent rounded-md",
+                onClick: A((r) => L(e.value), ["stop"])
+              }, [
+                h(_, {
+                  "model-value": c.value.includes(e.value),
+                  size: "xs",
+                  "onUpdate:modelValue": (r) => L(e.value)
+                }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                e.icon ? (n(), f(b, {
+                  key: 0,
+                  icon: e.icon,
+                  class: "w-3.5 h-3.5 text-muted-foreground"
+                }, null, 8, ["icon"])) : m("", !0),
+                i("span", ne, p(e.label), 1)
+              ], 8, se)
+            ]),
+            footer: S(() => [
+              c.value.length > 0 ? (n(), d("div", ae, [
+                i("button", {
+                  type: "button",
+                  class: "text-xs text-muted-foreground hover:text-foreground cursor-pointer",
+                  onClick: q
+                }, " Clear filters ")
+              ])) : m("", !0)
+            ]),
+            _: 1
+          }, 8, ["options"])
+        ]),
+        i("div", ie, [
+          i("span", {
+            class: u([y.value, "text-muted-foreground whitespace-nowrap"])
+          }, p(a.modelValue.length) + " / " + p(J.value) + " selected ", 3),
+          a.readonly ? m("", !0) : (n(), d("button", {
+            key: 0,
+            type: "button",
+            class: u([y.value, "text-primary hover:underline whitespace-nowrap cursor-pointer"]),
+            onClick: H
+          }, " Select All ", 2)),
+          !a.readonly && a.modelValue.length > 0 ? (n(), d("button", {
+            key: 1,
+            type: "button",
+            class: u([
+              y.value,
+              "text-muted-foreground hover:text-foreground hover:underline whitespace-nowrap cursor-pointer"
+            ]),
+            onClick: I
+          }, " Clear ", 2)) : m("", !0)
+        ])
+      ]),
+      M.value.length === 0 ? (n(), d("div", re, [
+        h(b, {
+          icon: "lucide:search-x",
+          class: "w-8 h-8 mx-auto mb-3 opacity-50"
+        }),
+        i("p", {
+          class: u(y.value)
+        }, "No permissions match your filters.", 2)
+      ])) : (n(), d("div", de, [
+        (n(!0), d(U, null, N(M.value, (e, r) => (n(), d(U, {
+          key: e.key
+        }, [
+          i("div", {
+            class: u([
+              P.value,
+              "flex items-center justify-between bg-muted cursor-pointer select-none",
+              r > 0 ? "border-t" : ""
+            ]),
+            onClick: (o) => Q(e.key)
+          }, [
+            i("div", ce, [
+              a.collapsible ? (n(), f(b, {
+                key: 0,
+                icon: "lucide:chevron-right",
+                class: u(["w-3.5 h-3.5 transition-transform duration-200 text-muted-foreground", { "rotate-90": !v.value.has(e.key) }])
+              }, null, 8, ["class"])) : m("", !0),
+              e.icon ? (n(), f(b, {
+                key: 1,
+                icon: e.icon,
+                class: "w-4 h-4 text-muted-foreground"
+              }, null, 8, ["icon"])) : m("", !0),
+              i("span", {
+                class: u([y.value, "font-semibold text-foreground"])
+              }, p(e.label), 3),
+              i("span", {
+                class: u([a.size === "sm" ? "text-[10px]" : "text-xs", "text-muted-foreground"])
+              }, " (" + p(e.permissions.filter((o) => g(o.key)).length) + "/" + p(e.permissions.length) + ") ", 3)
+            ]),
+            i("div", {
+              class: "flex items-center",
+              onClick: l[1] || (l[1] = A(() => {
+              }, ["stop"]))
+            }, [
+              a.toggleMode === "checkbox" ? (n(), f(_, {
+                key: 0,
+                "model-value": V(e) === "all",
+                indeterminate: V(e) === "indeterminate",
+                disabled: a.readonly,
+                size: a.size === "sm" ? "xs" : "sm",
+                "onUpdate:modelValue": (o) => E(e)
+              }, null, 8, ["model-value", "indeterminate", "disabled", "size", "onUpdate:modelValue"])) : (n(), f(j, {
+                key: 1,
+                "model-value": V(e) === "all",
+                disabled: a.readonly,
+                "onUpdate:modelValue": (o) => E(e)
+              }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
+            ])
+          ], 10, ue),
+          v.value.has(e.key) ? m("", !0) : (n(), d("div", me, [
+            (n(!0), d(U, null, N(e.permissions, (o, G) => (n(), d("div", {
+              key: o.key,
+              class: u([
+                P.value,
+                "flex items-center justify-between border-t hover:bg-accent/40 transition-colors duration-100"
+              ])
+            }, [
+              i("div", fe, [
+                i("span", {
+                  class: u([y.value, "text-foreground"])
+                }, p(o.label), 3),
+                o.description ? (n(), f(Y, {
+                  key: 0,
+                  content: o.description,
+                  placement: "top"
+                }, {
+                  default: S(() => [
+                    h(b, {
+                      icon: "lucide:info",
+                      class: "w-3 h-3 text-muted-foreground cursor-auto shrink-0"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : m("", !0)
+              ]),
+              i("div", pe, [
+                a.toggleMode === "checkbox" ? (n(), f(_, {
+                  key: 0,
+                  "model-value": g(o.key),
+                  disabled: a.readonly,
+                  size: a.size === "sm" ? "xs" : "sm",
+                  "onUpdate:modelValue": (C) => B(o.key)
+                }, null, 8, ["model-value", "disabled", "size", "onUpdate:modelValue"])) : (n(), f(j, {
+                  key: 1,
+                  "model-value": g(o.key),
+                  disabled: a.readonly,
+                  "onUpdate:modelValue": (C) => B(o.key)
+                }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
+              ])
+            ], 2))), 128))
+          ]))
+        ], 64))), 128))
+      ]))
+    ], 2));
+  }
+});
+export {
+  Ve as default
+};

package/components/PermissionMatrix/PermissionEditor.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PermissionEditor.vue.js";
+export {
+  f as default
+};

package/components/PermissionMatrix/PermissionMatrix.vue.d.ts

@@ -0,0 +1,15 @@
+import { PermissionMatrixProps, PermissionMap, PermissionMatrixSize } from './types';
+declare const _default: import('vue').DefineComponent<PermissionMatrixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: PermissionMap) => any;
+}, string, import('vue').PublicProps, Readonly<PermissionMatrixProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: PermissionMap) => any;
+}>, {
+    readonly: boolean;
+    size: PermissionMatrixSize;
+    class: string;
+    searchable: boolean;
+    toggleMode: import('./types').PermissionToggleMode;
+    collapsible: boolean;
+    stickyHeader: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/PermissionMatrix/PermissionMatrix.vue.js

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

package/components/PermissionMatrix/PermissionMatrix.vue2.js

@@ -0,0 +1,245 @@
+import { defineComponent as A, ref as G, computed as $, openBlock as n, createElementBlock as c, normalizeClass as r, createVNode as U, createCommentVNode as h, createElementVNode as a, Fragment as y, renderList as v, toDisplayString as x, createBlock as f, withCtx as D } from "vue";
+import L from "../CheckBox.vue.js";
+import M from "../Switch.vue.js";
+import w from "../Icon.vue.js";
+import F from "../Input.vue.js";
+import Q from "../Tooltip.vue.js";
+const R = {
+  key: 0,
+  class: "mb-4"
+}, T = {
+  key: 1,
+  class: "text-center py-12 text-muted-foreground"
+}, I = {
+  key: 2,
+  class: "permission-matrix-wrapper border rounded-lg overflow-auto"
+}, J = { class: "w-full border-collapse" }, O = { class: "bg-muted" }, W = { class: "flex flex-col items-center gap-0.5" }, X = { class: "bg-secondary/60" }, Y = ["onClick"], Z = { class: "flex items-center gap-2" }, K = ["onClick"], ee = { class: "flex items-center justify-center" }, te = { class: "flex items-center gap-2 pl-6" }, le = { class: "flex items-center justify-center" }, re = /* @__PURE__ */ A({
+  __name: "PermissionMatrix",
+  props: {
+    roles: {},
+    groups: {},
+    modelValue: {},
+    toggleMode: { default: "checkbox" },
+    searchable: { type: Boolean, default: !0 },
+    collapsible: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    stickyHeader: { type: Boolean, default: !0 },
+    class: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: N }) {
+    const o = d, B = N, p = G(""), g = G(/* @__PURE__ */ new Set());
+    function j(l) {
+      if (!o.collapsible) return;
+      const s = new Set(g.value);
+      s.has(l) ? s.delete(l) : s.add(l), g.value = s;
+    }
+    const P = $(() => {
+      if (!p.value.trim()) return o.groups;
+      const l = p.value.toLowerCase();
+      return o.groups.map((s) => {
+        const t = s.permissions.filter(
+          (e) => e.label.toLowerCase().includes(l) || e.key.toLowerCase().includes(l) || s.label.toLowerCase().includes(l)
+        );
+        return t.length === 0 ? null : { ...s, permissions: t };
+      }).filter(Boolean);
+    });
+    function z(l, s) {
+      return o.modelValue[l]?.includes(s) ?? !1;
+    }
+    function S(l, s) {
+      if (o.readonly || o.roles.find((u) => u.key === l)?.locked) return;
+      const e = o.modelValue[l] || [], i = e.includes(s) ? e.filter((u) => u !== s) : [...e, s];
+      B("update:modelValue", {
+        ...o.modelValue,
+        [l]: i
+      });
+    }
+    function V(l, s) {
+      const t = s.permissions, e = t.filter((i) => z(l, i.key));
+      return e.length === 0 ? "none" : e.length === t.length ? "all" : "indeterminate";
+    }
+    function C(l, s) {
+      if (o.readonly || o.roles.find((m) => m.key === l)?.locked) return;
+      const e = V(l, s), i = s.permissions.map((m) => m.key), u = o.modelValue[l] || [];
+      let _;
+      if (e === "all")
+        _ = u.filter((m) => !i.includes(m));
+      else {
+        const m = i.filter((q) => !u.includes(q));
+        _ = [...u, ...m];
+      }
+      B("update:modelValue", {
+        ...o.modelValue,
+        [l]: _
+      });
+    }
+    const k = $(() => o.size === "sm" ? "px-2 py-1" : "px-3 py-2"), b = $(() => o.size === "sm" ? "text-xs" : "text-sm");
+    function E(l) {
+      return o.modelValue[l]?.length || 0;
+    }
+    function H() {
+      return o.groups.reduce((l, s) => l + s.permissions.length, 0);
+    }
+    return (l, s) => (n(), c("div", {
+      class: r(["permission-matrix", o.class])
+    }, [
+      d.searchable ? (n(), c("div", R, [
+        U(F, {
+          modelValue: p.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => p.value = t),
+          placeholder: "Search permissions...",
+          icon: "lucide:search",
+          size: d.size,
+          "show-clear-button": ""
+        }, null, 8, ["modelValue", "size"])
+      ])) : h("", !0),
+      P.value.length === 0 ? (n(), c("div", T, [
+        U(w, {
+          icon: "lucide:search-x",
+          class: "w-8 h-8 mx-auto mb-3 opacity-50"
+        }),
+        a("p", {
+          class: r(b.value)
+        }, "No permissions match your search.", 2)
+      ])) : (n(), c("div", I, [
+        a("table", J, [
+          a("thead", {
+            class: r(d.stickyHeader ? "sticky top-0 z-10" : "")
+          }, [
+            a("tr", O, [
+              a("th", {
+                class: r([
+                  k.value,
+                  b.value,
+                  "text-left font-semibold text-foreground min-w-[220px] sm:min-w-[260px] bg-muted border-b"
+                ])
+              }, " Permission ", 2),
+              (n(!0), c(y, null, v(d.roles, (t) => (n(), c("th", {
+                key: t.key,
+                class: r([k.value, "text-center border-b border-l bg-muted min-w-[100px]"])
+              }, [
+                a("div", W, [
+                  a("span", {
+                    class: r([b.value, "font-semibold text-foreground whitespace-nowrap"])
+                  }, x(t.label), 3),
+                  a("span", {
+                    class: r([
+                      o.size === "sm" ? "text-[10px]" : "text-xs",
+                      "text-muted-foreground"
+                    ])
+                  }, x(E(t.key)) + "/" + x(H()), 3)
+                ])
+              ], 2))), 128))
+            ])
+          ], 2),
+          a("tbody", null, [
+            (n(!0), c(y, null, v(P.value, (t) => (n(), c(y, {
+              key: t.key
+            }, [
+              a("tr", X, [
+                a("td", {
+                  class: r([k.value, "border-b cursor-pointer select-none"]),
+                  onClick: (e) => j(t.key)
+                }, [
+                  a("div", Z, [
+                    d.collapsible ? (n(), f(w, {
+                      key: 0,
+                      icon: "lucide:chevron-right",
+                      class: r(["w-3.5 h-3.5 transition-transform duration-200 text-muted-foreground", { "rotate-90": !g.value.has(t.key) }])
+                    }, null, 8, ["class"])) : h("", !0),
+                    t.icon ? (n(), f(w, {
+                      key: 1,
+                      icon: t.icon,
+                      class: "w-3.5 h-3.5 text-muted-foreground"
+                    }, null, 8, ["icon"])) : h("", !0),
+                    a("span", {
+                      class: r([b.value, "font-semibold text-foreground"])
+                    }, x(t.label), 3),
+                    a("span", {
+                      class: r([
+                        o.size === "sm" ? "text-[10px]" : "text-xs",
+                        "text-muted-foreground ml-1"
+                      ])
+                    }, " (" + x(t.permissions.length) + ") ", 3)
+                  ])
+                ], 10, Y),
+                (n(!0), c(y, null, v(d.roles, (e) => (n(), c("td", {
+                  key: e.key,
+                  class: r([k.value, "text-center border-b border-l"]),
+                  onClick: (i) => C(e.key, t)
+                }, [
+                  a("div", ee, [
+                    d.toggleMode === "checkbox" ? (n(), f(L, {
+                      key: 0,
+                      "model-value": V(e.key, t) === "all",
+                      indeterminate: V(e.key, t) === "indeterminate",
+                      disabled: d.readonly || e.locked,
+                      size: d.size === "sm" ? "xs" : "sm",
+                      "onUpdate:modelValue": (i) => C(e.key, t)
+                    }, null, 8, ["model-value", "indeterminate", "disabled", "size", "onUpdate:modelValue"])) : (n(), f(M, {
+                      key: 1,
+                      "model-value": V(e.key, t) === "all",
+                      disabled: d.readonly || e.locked,
+                      "onUpdate:modelValue": (i) => C(e.key, t)
+                    }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
+                  ])
+                ], 10, K))), 128))
+              ]),
+              g.value.has(t.key) ? h("", !0) : (n(!0), c(y, { key: 0 }, v(t.permissions, (e) => (n(), c("tr", {
+                key: e.key,
+                class: "hover:bg-accent/40 transition-colors duration-100"
+              }, [
+                a("td", {
+                  class: r([k.value, "border-b"])
+                }, [
+                  a("div", te, [
+                    a("span", {
+                      class: r([b.value, "text-foreground"])
+                    }, x(e.label), 3),
+                    e.description ? (n(), f(Q, {
+                      key: 0,
+                      content: e.description,
+                      placement: "top"
+                    }, {
+                      default: D(() => [
+                        U(w, {
+                          icon: "lucide:info",
+                          class: "w-3 h-3 text-muted-foreground cursor-auto shrink-0"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["content"])) : h("", !0)
+                  ])
+                ], 2),
+                (n(!0), c(y, null, v(d.roles, (i) => (n(), c("td", {
+                  key: i.key,
+                  class: r([k.value, "text-center border-b border-l"])
+                }, [
+                  a("div", le, [
+                    d.toggleMode === "checkbox" ? (n(), f(L, {
+                      key: 0,
+                      "model-value": z(i.key, e.key),
+                      disabled: d.readonly || i.locked,
+                      size: d.size === "sm" ? "xs" : "sm",
+                      "onUpdate:modelValue": (u) => S(i.key, e.key)
+                    }, null, 8, ["model-value", "disabled", "size", "onUpdate:modelValue"])) : (n(), f(M, {
+                      key: 1,
+                      "model-value": z(i.key, e.key),
+                      disabled: d.readonly || i.locked,
+                      "onUpdate:modelValue": (u) => S(i.key, e.key)
+                    }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"]))
+                  ])
+                ], 2))), 128))
+              ]))), 128))
+            ], 64))), 128))
+          ])
+        ])
+      ]))
+    ], 2));
+  }
+});
+export {
+  re as default
+};

package/components/PermissionMatrix/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PermissionMatrix } from './PermissionMatrix.vue';
+export { default as PermissionEditor } from './PermissionEditor.vue';
+export * from './types';

package/components/PermissionMatrix/types.d.ts

@@ -0,0 +1,59 @@
+/** A single permission definition */
+export interface PermissionDef {
+    /** Unique key, e.g. 'hrm_manage_payroll' */
+    key: string;
+    /** Display label, e.g. 'Manage Payroll' */
+    label: string;
+    /** Optional tooltip description */
+    description?: string;
+}
+/** Group of permissions under a module/category */
+export interface PermissionGroup {
+    /** Unique group key, e.g. 'hrm' */
+    key: string;
+    /** Display label, e.g. 'HRM' */
+    label: string;
+    /** Optional icon (Iconify format) */
+    icon?: string;
+    /** Permissions in this group */
+    permissions: PermissionDef[];
+}
+/** A role definition */
+export interface RoleDef {
+    /** Unique key, e.g. 'admin' */
+    key: string;
+    /** Display label, e.g. 'Administrator' */
+    label: string;
+    /** Optional color tint for the role column header */
+    color?: string;
+    /** Optional description */
+    description?: string;
+    /** If true, all toggles for this role are disabled (e.g. super-admin) */
+    locked?: boolean;
+}
+/** Map of role keys → array of granted permission keys */
+export type PermissionMap = Record<string, string[]>;
+export type PermissionToggleMode = 'checkbox' | 'switch';
+export type PermissionMatrixSize = 'sm' | 'md';
+export interface PermissionMatrixProps {
+    /** Role definitions (columns) */
+    roles: RoleDef[];
+    /** Permission groups with nested permissions (rows) */
+    groups: PermissionGroup[];
+    /** v-model: map of roleKey → permissionKey[] */
+    modelValue: PermissionMap;
+    /** Toggle display mode (default: 'checkbox') */
+    toggleMode?: PermissionToggleMode;
+    /** Show search input (default: true) */
+    searchable?: boolean;
+    /** Allow collapsing groups (default: true) */
+    collapsible?: boolean;
+    /** Read-only mode — all toggles disabled */
+    readonly?: boolean;
+    /** Size variant (default: 'md') */
+    size?: PermissionMatrixSize;
+    /** Sticky role header row (default: true) */
+    stickyHeader?: boolean;
+    /** Extra CSS classes */
+    class?: string;
+}

package/components/PricingPlan/PricingPlan.vue.d.ts

@@ -7,16 +7,16 @@ interface Props {
     gap?: number;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number) => any;
     change: (value: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | number) => any;
     onChange?: (value: string | number) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }>, {
     variant: PricingPlanVariant;
     modelValue: string | number | null;
+    columns: number | string;
     items: PricingPlanItemSchema[];
     gap: number;
-    columns: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;