vlite3 0.8.7 → 0.8.8

package/components/Badge.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as b, computed as d, openBlock as a, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
+import { defineComponent as b, computed as a, openBlock as d, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
 const p = /* @__PURE__ */ b({
   __name: "Badge",
   props: {
     variant: { default: "default" },
-    size: { default: "md" },
+    size: { default: "sm" },
     rounded: { default: "full" },
     class: { default: "" }
   },
   setup(o) {
-    const e = o, s = d(() => {
+    const e = o, s = a(() => {
       const r = {
         xs: "px-1.5 h-5 text-[10.5px] leading-none",
         sm: "px-2 h-6 text-xs font-medium",
@@ -33,7 +33,7 @@ const p = /* @__PURE__ */ b({
       };
       return [l, t[e.variant] || t.default, e.class].join(" ");
     });
-    return (r, n) => (a(), u("div", {
+    return (r, n) => (d(), u("div", {
       class: i(s.value)
     }, [
       c(r.$slots, "default")

package/components/Button.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as i, createBlock as d, createCommentVNode as m, renderSlot as f, createTextVNode as b, toDisplayString as x, unref as $ } from "vue";
+import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as r, createBlock as u, createCommentVNode as m, renderSlot as b, createTextVNode as f, toDisplayString as x, unref as $ } from "vue";
 import g from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
 import { $t as V } from "../utils/i18n.js";
@@ -25,7 +25,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
     const t = e, a = o(() => t.textI18n ? V(t.textI18n) : t.text), v = R(), l = o(
       () => t?.asIcon || t.icon && !a.value && !v.default
     ), p = S("buttonGroup", null), w = o(() => !!p?.isInGroup), y = o(() => {
-      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", r = {
+      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none  focus:border focus:border-primary disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -77,12 +77,12 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let u;
-      return l.value ? u = w.value ? k[t.size] : C[t.size] : u = z[t.size], [
+      let d;
+      return l.value ? d = w.value ? k[t.size] : C[t.size] : d = z[t.size], [
         n,
-        r[t.variant],
+        i[t.variant],
         I[t.rounded],
-        u,
+        d,
         t.class
       ].join(" ");
     }), c = o(() => {
@@ -93,7 +93,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, r = {
+      }, i = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -101,36 +101,36 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? r[t.size] : n[t.size];
+      return l.value ? i[t.size] : n[t.size];
     });
-    return (n, r) => G((s(), h("button", {
+    return (n, i) => G((s(), h("button", {
       type: e.type,
-      class: i([y.value, "cursor-pointer"]),
+      class: r([y.value, "cursor-pointer"]),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (s(), d(g, {
+      e.loading ? (s(), u(g, {
         key: 0,
         icon: "lucide:loader-2",
-        class: i(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (s(), d(g, {
+        class: r(["animate-spin pointer-events-none", c.value])
+      }, null, 8, ["class"])) : e.icon ? (s(), u(g, {
         key: 1,
         icon: e.icon,
-        class: i(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
+        class: r(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
       }, null, 8, ["icon", "class"])) : m("", !0),
       e.textClass ? (s(), h("span", {
         key: 2,
-        class: i(e.textClass)
+        class: r(e.textClass)
       }, [
-        f(n.$slots, "default", {}, () => [
-          b(x(a.value), 1)
+        b(n.$slots, "default", {}, () => [
+          f(x(a.value), 1)
         ])
-      ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
-        b(x(a.value), 1)
+      ], 2)) : b(n.$slots, "default", { key: 3 }, () => [
+        f(x(a.value), 1)
       ]),
-      e.iconRight && !e.loading ? (s(), d(g, {
+      e.iconRight && !e.loading ? (s(), u(g, {
         key: 4,
         icon: e.iconRight,
-        class: i([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
+        class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
       }, null, 8, ["icon", "class"])) : m("", !0)
     ], 10, D)), [
       [$(j)]

package/components/CommandPalette/CommandPaletteContent.vue2.js

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

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

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

package/components/DataTable/DataTable.vue.js

@@ -24,7 +24,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
     rows: { default: () => [] },
     selectedRows: { default: () => [] },
     search: { default: "" },
-    showSearch: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !1 },
     searchPlaceholder: {},
     searchPlaceholderI18n: {},
     toolbarClass: {},
@@ -83,13 +83,22 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       V && clearTimeout(V), V = setTimeout(() => {
         h.value = 1, R();
       }, 300);
-    }), g(() => a.pageInfo?.itemsPerPage, (e) => {
-      e !== void 0 && (P.value = e);
-    }), g(() => a.paginationProps?.itemsPerPage, (e) => {
-      e !== void 0 && (P.value = e);
-    }), g(() => a.pageInfo?.currentPage, (e) => {
-      e && (h.value = e);
-    });
+    }), g(
+      () => a.pageInfo?.itemsPerPage,
+      (e) => {
+        e !== void 0 && (P.value = e);
+      }
+    ), g(
+      () => a.paginationProps?.itemsPerPage,
+      (e) => {
+        e !== void 0 && (P.value = e);
+      }
+    ), g(
+      () => a.pageInfo?.currentPage,
+      (e) => {
+        e && (h.value = e);
+      }
+    );
     const s = y(/* @__PURE__ */ new Set());
     g(
       () => a.selectedRows,
@@ -118,7 +127,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       }), (a.selectedRows || []).forEach((l) => {
         const n = c(l, d.value);
         !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
-      }), b("select", { selected: t, all: M.value, indeterminate: O.value }), b("update:selectedRows", t);
+      }), b("select", {
+        selected: t,
+        all: M.value,
+        indeterminate: O.value
+      }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
       u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, R();
@@ -154,7 +167,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(() => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle), ue = r(() => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription), me = r(() => {
+    ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(
+      () => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle
+    ), ue = r(
+      () => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription
+    ), me = r(() => {
       const e = w("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), fe = r(() => {
@@ -267,7 +284,13 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                 ]));
                 return S.memo = C, S;
               }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(A, { key: 1 }, B(o.rows, (l, n, ge, v) => {
-                const C = [l, s.value.has(c(l, d.value)), o.compact, o.striped, o.hoverable];
+                const C = [
+                  l,
+                  s.value.has(c(l, d.value)),
+                  o.compact,
+                  o.striped,
+                  o.hoverable
+                ];
                 if (v && v.key === c(l, d.value) && W(v, C)) return v;
                 const S = (i(), F(Te, {
                   key: c(l, d.value),

package/components/FilePicker/FilePicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as x, withModifiers as M, createVNode as V, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } from "vue";
+import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as x, withModifiers as M, createVNode as w, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } from "vue";
 import p from "../Icon.vue.js";
 import P from "../Button.vue.js";
 import { $t as k } from "../../utils/i18n.js";
@@ -14,7 +14,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
 }, be = {
   key: 2,
   class: "absolute inset-0 bg-white/80 flex items-center justify-center rounded-lg z-10"
-}, ke = { class: "bg-white p-2 rounded-full shadow-lg" }, Se = /* @__PURE__ */ Y({
+}, ke = { class: "bg-white p-2 rounded-full" }, Se = /* @__PURE__ */ Y({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -49,7 +49,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
       return l !== "vlite.filePicker.addMore" ? l : "Add more";
     }), z = S(null), h = S(!1), u = S(!1);
     Z();
-    const U = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), w = f(() => {
+    const U = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = f(() => {
       let l = [];
       return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
         if (typeof t == "string") {
@@ -153,7 +153,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
           d("update:modelValue", null), d("change", null);
     }, H = () => {
       e.disabled || e.loading || (d("update:modelValue", null), d("change", null));
-    }, J = f(() => A.value ? w.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
+    }, J = f(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
       const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 transition-all focus-visible:outline-none cursor-pointer", t = {
         sm: "h-8 text-xs",
         md: "h-10 text-sm",
@@ -192,7 +192,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
         trigger: v,
         isDragging: h.value,
         isLoading: i.loading || u.value,
-        files: w.value
+        files: V.value
       }, () => [
         i.variant === "input" ? (r(), c("div", {
           key: 0,
@@ -218,7 +218,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
               onClick: M(H, ["stop"])
             }, [
-              V(p, {
+              w(p, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
@@ -236,14 +236,14 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
           onDrop: R
         }, [
           A.value ? (r(), c("div", fe, [
-            (r(!0), c(le, null, te(w.value, (a, s) => (r(), c("div", {
+            (r(!0), c(le, null, te(V.value, (a, s) => (r(), c("div", {
               key: s,
-              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body shadow-sm transition-colors group", [!i.multiSelect && !i.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
+              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!i.multiSelect && !i.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
               onClick: t[0] || (t[0] = (m) => !i.multiSelect && !i.disabled ? v() : null)
             }, [
               n("div", me, [
                 n("div", ge, [
-                  V(p, {
+                  w(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
@@ -265,8 +265,8 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
                 }, null, 8, ["onClick"])) : F("", !0)
               ])
             ], 2))), 128)),
-            i.multiSelect && (!i.maxFiles || w.value.length < i.maxFiles) ? (r(), c("div", xe, [
-              V(P, {
+            i.multiSelect && (!i.maxFiles || V.value.length < i.maxFiles) ? (r(), c("div", xe, [
+              w(P, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
@@ -304,7 +304,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
           ], 2)),
           i.loading || u.value ? (r(), c("div", be, [
             n("div", ke, [
-              V(p, {
+              w(p, {
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin text-primary"
               })

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8eb29b35"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d7b4ffda"]]);
 export {
-  _ as default
+  a as default
 };

package/components/Form/Form.vue2.js

@@ -319,7 +319,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
         ref_key: "footerRef",
         ref: oe,
         class: f([
-          "form-footer items-center gap-3 z-20",
+          "form-footer items-center gap-3 z-20 rounded-b!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
           r.value ? "justify-between" : "justify-end",
@@ -331,7 +331,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
           // Show a subtle top shadow while content is scrolling beneath the sticky footer
           (S.value && J.value, ""),
           // Inside modal: extend footer flush to modal edge padding
-          x.value ? "-mx-4 px-4 pb-3!" : "",
+          x.value ? "-mx-4 px-4 pb-3! mt-4.5!" : "",
           // Non-sticky inside modal keeps the original border styling
           !S.value && x.value ? "border-t border-border/75 mt-5" : "",
           !S.value && !x.value ? "mt-6" : ""

package/components/Form/FormFields.vue.js

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

package/components/Form/FormFields.vue2.js

@@ -14,7 +14,7 @@ const Z = {
   class: "text-destructive ml-0.5"
 }, ae = {
   key: 2,
-  class: "mt-1 text-sm text-destructive"
+  class: "mt-1 -text-fs-2.5 text-destructive"
 }, ie = /* @__PURE__ */ M({
   __name: "FormFields",
   props: {
@@ -39,9 +39,9 @@ const Z = {
     }), F = (t) => W(o.values, t.name), l = (t) => o.errors[t.name] || "", $ = (t) => o.isFieldVisible ? o.isFieldVisible(t) : !0, x = (t) => o.isFieldDisabled ? o.isFieldDisabled(t) : t.disabled === !0, A = (t) => o.isFieldReadonly ? o.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
       if (t)
         return v(t) ? Q(t) : t;
-    }, B = (t, n) => {
+    }, f = (t, n) => {
       g("change", t.name, n);
-    }, I = (t) => t.itemClass || "", f = (t, n) => {
+    }, B = (t) => t.itemClass || "", I = (t, n) => {
       g("change", t, n);
     }, E = (t) => {
       g("addonAction", t);
@@ -92,7 +92,7 @@ const Z = {
           a.fieldLoading[e.name]
         ], () => (s(), r("div", {
           key: 0,
-          class: d(["max-md:col-span-full! form-field-item", I(e)])
+          class: d(["max-md:col-span-full! form-field-item", B(e)])
         }, [
           u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), h(U, {
             key: 0,
@@ -144,8 +144,8 @@ const Z = {
               error: l(e),
               isUpdate: a.isUpdate,
               loading: a.fieldLoading[e.name],
-              onChange: (i) => B(e, i),
-              onAddonChange: f,
+              onChange: (i) => f(e, i),
+              onAddonChange: I,
               onAddonAction: E
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, _),

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as R } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, q = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/Screen.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as Re, useSlots as Ee, computed as i, ref as y, markRaw as H, provide as K, watch as J, resolveComponent as je, openBlock as a, createElementBlock as d, normalizeClass as N, createElementVNode as p, renderSlot as w, toDisplayString as m, createBlock as c, withCtx as s, createVNode as u, createCommentVNode as f, unref as x, resolveDynamicComponent as Q, Fragment as S, mergeProps as v, createTextVNode as k, renderList as Ae } from "vue";
+import { defineComponent as Re, useSlots as Ee, computed as n, ref as h, markRaw as H, provide as K, watch as J, resolveComponent as je, openBlock as a, createElementBlock as s, normalizeClass as N, createElementVNode as g, renderSlot as y, toDisplayString as p, createBlock as f, withCtx as u, createVNode as c, createCommentVNode as d, unref as x, resolveDynamicComponent as Q, Fragment as C, mergeProps as v, createTextVNode as S, renderList as Ae } from "vue";
 import Oe from "../Input.vue.js";
 /* empty css            */
-import h from "../Button.vue.js";
+import w from "../Button.vue.js";
 import F from "../Icon.vue.js";
 import Ne from "../Tooltip.vue.js";
 import X from "../Modal.vue.js";
@@ -28,10 +28,10 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
 }, lt = ["title"], at = ["title"], nt = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, ot = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, it = ["href", "target"], rt = ["href", "target"], dt = {
+}, ot = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, it = ["href", "target"], rt = ["href", "target"], st = {
   key: 4,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, st = {
+}, dt = {
   key: 2,
   class: "-mt-2"
 }, ct = { class: "px-1 py-1 text-sm" }, ut = { class: "font-medium mb-3 text-muted-foreground" }, ft = { class: "space-y-3" }, mt = { key: 4 }, Et = /* @__PURE__ */ Re({
@@ -84,32 +84,32 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
   },
   emits: ["add", "delete"],
   setup(t, { emit: ne }) {
-    const l = t, I = Je(), Y = ne, R = Ee(), oe = i(() => l.name || l.title || "default-screen"), C = Ke(
+    const l = t, $ = Je(), Y = ne, R = Ee(), oe = n(() => l.name || l.title || "default-screen"), B = Ke(
       `view-mode-${oe.value}`,
       l.table || R.table ? "table" : "list"
-    ), D = y(""), b = y({}), G = y({ field: "", order: "" }), T = y(l.pageInfo?.currentPage || 1), M = y(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), g = y([]), E = y([]), V = y(!1), j = i(
+    ), k = h(""), b = h({}), G = h({ field: "", order: "" }), T = h(l.pageInfo?.currentPage || 1), M = h(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), m = h([]), E = h([]), V = h(!1), j = n(
       () => l.addComponent ? H(l.addComponent) : void 0
-    ), W = i(
+    ), W = n(
       () => l.addBtn?.modal ? H(l.addBtn.modal) : void 0
-    ), Z = i(() => {
+    ), Z = n(() => {
       let e;
-      return C.value === "table" ? e = l.table || !!R.table : e = l.list || !!R.list || !!R.grid, typeof e == "object" && e !== null ? H(e) : e;
-    }), ie = i(() => D.value && D.value.trim() !== "" ? !0 : b.value ? Object.keys(b.value).some(
+      return B.value === "table" ? e = l.table || !!R.table : e = l.list || !!R.list || !!R.grid, typeof e == "object" && e !== null ? H(e) : e;
+    }), ie = n(() => k.value && k.value.trim() !== "" ? !0 : b.value ? Object.keys(b.value).some(
       (e) => b.value[e] !== "" && b.value[e] !== null && b.value[e] !== void 0
     ) : !1), re = {
       disableSearch: !0,
       forceSelectable: l.canSelectRows,
       onTableChange: (e) => {
-        G.value = { field: e.sort.field, order: e.sort.order }, P();
+        G.value = { field: e.sort.field, order: e.sort.order }, D();
       }
     };
-    K(Qe, re), K("screen-selected-rows", g), K("screen-request-delete", (e) => $(e));
-    const $ = (e) => {
+    K(Qe, re), K("screen-selected-rows", m), K("screen-request-delete", (e) => I(e));
+    const I = (e) => {
       E.value = e, V.value = !0;
-    }, de = () => {
-      Y("delete", E.value), V.value = !1, g.value = [];
-    }, se = (e) => {
-      Y("delete", e), g.value = [];
+    }, se = () => {
+      Y("delete", E.value), V.value = !1, m.value = [];
+    }, de = (e) => {
+      Y("delete", e), m.value = [];
     };
     J(
       () => l.pageInfo?.currentPage,
@@ -123,84 +123,84 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
       }
     );
     let L = null;
-    J(D, () => {
+    J(k, () => {
       L && clearTimeout(L), L = setTimeout(() => {
-        T.value = 1, P();
+        T.value = 1, D();
       }, 300);
     });
     const ce = (e) => {
-      T.value = e, P();
+      T.value = e, D();
     }, ue = (e) => {
-      M.value = e, T.value = 1, P();
-    }, P = () => {
+      M.value = e, T.value = 1, D();
+    }, D = () => {
       l.refetch && l.refetch({
         pagination: { page: T.value, limit: M.value },
-        search: D.value,
+        search: k.value,
         sort: { ...G.value },
         filter: { ...b.value }
       });
-    }, fe = i(() => l.data && l.data.length > 0), _ = i(() => l.titleI18n ? r(l.titleI18n) : l.title), ee = i(
+    }, fe = n(() => l.data && l.data.length > 0), _ = n(() => l.titleI18n ? r(l.titleI18n) : l.title), ee = n(
       () => l.descriptionI18n ? r(l.descriptionI18n) : l.description
-    ), me = i(() => {
+    ), me = n(() => {
       const e = r("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ve = i(() => {
+    }), ve = n(() => {
       const e = r("vlite.screen.listView");
       return e !== "vlite.screen.listView" ? e : "List View";
-    }), ge = i(() => {
+    }), he = n(() => {
       const e = r("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
-    }), he = i(() => {
+    }), ge = n(() => {
       const e = r("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), ye = i(() => {
+    }), pe = n(() => {
       const e = r("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), pe = i(() => {
+    }), ye = n(() => {
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), we = i(() => {
+    }), xe = n(() => {
       const e = r("vlite.screen.confirmDeleteDesc", { count: E.value.length });
       return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${E.value.length > 1 ? "items" : "item"}?`;
-    }), xe = i(() => {
+    }), we = n(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), be = i(() => {
+    }), be = n(() => {
       const e = r("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), Be = i(() => {
+    }), Be = n(() => {
       const e = r("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component or slot.";
-    }), B = i(() => {
+    }), P = n(() => {
       if (l.addBtn?.labelI18n) return r(l.addBtn.labelI18n);
       if (l.addBtn?.label) return l.addBtn.label;
       const e = r("vlite.screen.addNew");
       return e !== "vlite.screen.addNew" ? e : "Add New";
-    }), te = i(
+    }), te = n(
       () => l.exportSchema && l.exportSchema.length > 0 && l.exportProps !== !1 || l.importSchema && l.importSchema.length > 0 && l.importProps !== !1
-    ), U = i(() => {
+    ), U = n(() => {
       const e = r("vlite.screen.exportData");
       return e !== "vlite.screen.exportData" ? e : "Export Data";
-    }), le = i(() => {
+    }), le = n(() => {
       const e = r("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), ke = i(() => {
+    }), ke = n(() => {
       const e = [];
       return l.exportProps !== !1 && e.push({ value: "export", label: U.value, icon: "lucide:download" }), l.importProps !== !1 && e.push({ value: "import", label: le.value, icon: "lucide:upload" }), e;
-    }), q = y(null), Ce = y(null), A = y(!1), z = y(!1), De = (e) => {
+    }), q = h(null), De = h(null), A = h(!1), z = h(!1), Pe = (e) => {
       e.value === "export" ? A.value = !0 : e.value === "import" && (z.value = !0);
-    }, Pe = i(
+    }, Ce = n(
       () => (l.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), Se = i(
+    ), Se = n(
       () => (l.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
         required: e.required || !1
       }))
-    ), $e = async (e) => I?.services?.importApi && l.importType ? await I.services.importApi(l.importType, e) : (console.warn(
+    ), Ie = async (e) => $?.services?.importApi && l.importType ? await $.services.importApi(l.importType, e) : (console.warn(
       "VLite Screen: No importApi configured or no importType provided for generic import."
     ), {
       processed: e.data.length,
@@ -209,121 +209,121 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
       skipped: 0,
       failed: 0,
       errors: []
-    }), Ie = () => P(), Te = i(
-      () => l.exportMode || I?.exportData?.mode || "frontend"
+    }), $e = () => D(), Te = n(
+      () => l.exportMode || $?.exportData?.mode || "frontend"
     ), Ve = async (e) => {
-      I?.services?.exportApi && l.exportType ? await I.services.exportApi(l.exportType, {
+      $?.services?.exportApi && l.exportType ? await $.services.exportApi(l.exportType, {
         format: e,
-        search: D.value,
+        search: k.value,
         filter: b.value
       }) : console.warn(
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, n) => {
+    return (e, i) => {
       const ae = je("router-link");
-      return a(), d("div", Xe, [
-        t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), d("div", {
+      return a(), s("div", Xe, [
+        t.customHeader ? y(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
           key: 0,
           class: N([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          p("div", Ye, [
-            w(e.$slots, "title", {}, () => [
-              _.value ? (a(), d("div", Ge, [
-                p("h1", We, m(_.value), 1),
-                t.info || t.infoI18n ? (a(), c(Ne, {
+          g("div", Ye, [
+            y(e.$slots, "title", {}, () => [
+              _.value ? (a(), s("div", Ge, [
+                g("h1", We, p(_.value), 1),
+                t.info || t.infoI18n ? (a(), f(Ne, {
                   key: 0,
                   content: t.info,
                   "content-i18n": t.infoI18n,
                   placement: "right"
                 }, {
-                  default: s(() => [
-                    u(F, {
+                  default: u(() => [
+                    c(F, {
                       icon: "lucide:info",
                       class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
                     })
                   ]),
                   _: 1
-                }, 8, ["content", "content-i18n"])) : f("", !0)
-              ])) : f("", !0)
+                }, 8, ["content", "content-i18n"])) : d("", !0)
+              ])) : d("", !0)
             ]),
-            w(e.$slots, "description", {}, () => [
-              ee.value ? (a(), d("p", Ze, m(ee.value), 1)) : f("", !0)
+            y(e.$slots, "description", {}, () => [
+              ee.value ? (a(), s("p", Ze, p(ee.value), 1)) : d("", !0)
             ])
           ]),
-          p("div", _e, [
-            p("div", et, [
-              g.value.length > 0 && t.canSelectRows ? (a(), c(h, {
+          g("div", _e, [
+            g("div", et, [
+              m.value.length > 0 && t.canSelectRows ? (a(), f(w, {
                 key: 0,
                 variant: "outline",
                 class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
                 icon: "lucide:trash-2",
                 title: me.value,
-                onClick: n[0] || (n[0] = (o) => $(g.value))
-              }, null, 8, ["title"])) : f("", !0),
-              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), d("div", tt, [
-                p("button", {
-                  onClick: n[1] || (n[1] = (o) => C.value = "list"),
+                onClick: i[0] || (i[0] = (o) => I(m.value))
+              }, null, 8, ["title"])) : d("", !0),
+              (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (a(), s("div", tt, [
+                g("button", {
+                  onClick: i[1] || (i[1] = (o) => B.value = "list"),
                   class: N(["p-1.5 rounded", [
-                    x(C) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    x(B) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: ve.value
                 }, [
-                  u(F, {
+                  c(F, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
                 ], 10, lt),
-                p("button", {
-                  onClick: n[2] || (n[2] = (o) => C.value = "table"),
+                g("button", {
+                  onClick: i[2] || (i[2] = (o) => B.value = "table"),
                   class: N(["p-1.5 rounded", [
-                    x(C) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    x(B) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
-                  title: ge.value
+                  title: he.value
                 }, [
-                  u(F, {
+                  c(F, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
                 ], 10, at)
-              ])) : f("", !0),
-              w(e.$slots, "before-search"),
-              t.showRefresh ? (a(), c(h, {
+              ])) : d("", !0),
+              y(e.$slots, "before-search"),
+              t.showRefresh ? (a(), f(w, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
                 size: "lg",
                 class: "shrink-0 h-9! w-9!",
-                title: he.value,
+                title: ge.value,
                 disabled: t.loading,
-                onClick: P
-              }, null, 8, ["title", "disabled"])) : f("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ue, {
+                onClick: D
+              }, null, 8, ["title", "disabled"])) : d("", !0),
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), f(Ue, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
                 modelValue: b.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (o) => b.value = o),
-                onChange: P
-              }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
-              t.canSearch ? (a(), d("div", nt, [
-                u(Oe, {
+                "onUpdate:modelValue": i[3] || (i[3] = (o) => b.value = o),
+                onChange: D
+              }, null, 8, ["schema", "type", "modelValue"])) : d("", !0),
+              t.canSearch ? (a(), s("div", nt, [
+                c(Oe, {
                   lazy: "",
-                  modelValue: D.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (o) => D.value = o),
+                  modelValue: k.value,
+                  "onUpdate:modelValue": i[4] || (i[4] = (o) => k.value = o),
                   icon: "lucide:search",
-                  placeholder: ye.value,
+                  placeholder: pe.value,
                   variant: "outline",
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
-              ])) : f("", !0)
+              ])) : d("", !0)
             ]),
-            p("div", ot, [
-              w(e.$slots, "actions", {}, () => [
-                j.value ? (a(), c(Q(j.value), { key: 0 })) : t.canAdd ? (a(), d(S, { key: 1 }, [
-                  t.addBtn ? (a(), d(S, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(X, v({
+            g("div", ot, [
+              y(e.$slots, "actions", {}, () => [
+                j.value ? (a(), f(Q(j.value), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), f(X, v({
                       key: 0,
                       body: W.value
                     }, t.addBtn.modalProps, {
@@ -332,78 +332,78 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
                       triggerClass: "w-full",
                       loading: t.loading
                     }), {
-                      trigger: s(() => [
-                        u(h, v({
+                      trigger: u(() => [
+                        c(w, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(ae, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), f(ae, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
                     }, {
-                      default: s(() => [
-                        u(h, v({
+                      default: u(() => [
+                        c(w, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), d("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex w-full sm:w-auto"
                     }, [
-                      u(h, v({
+                      c(w, v({
                         class: "w-full",
                         icon: t.addBtn.icon || "fluent:add-16-filled",
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
-                        default: s(() => [
-                          k(m(B.value), 1)
+                        default: u(() => [
+                          S(p(P.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, it)) : (a(), c(h, v({
+                    ], 8, it)) : (a(), f(w, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
                       variant: t.addBtn.variant || "primary"
                     }, t.addBtn.buttonProps, {
-                      onClick: n[5] || (n[5] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
+                      onClick: i[5] || (i[5] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
-                      default: s(() => [
-                        k(m(B.value), 1)
+                      default: u(() => [
+                        S(p(P.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : f("", !0)
-                ], 64)) : f("", !0)
+                  ], 64)) : d("", !0)
+                ], 64)) : d("", !0)
               ]),
-              te.value ? (a(), c(qe, {
+              te.value ? (a(), f(qe, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
                 options: ke.value,
-                onOnSelect: De
+                onOnSelect: Pe
               }, {
-                trigger: s(() => [
-                  u(h, {
+                trigger: u(() => [
+                  c(w, {
                     variant: "outline",
                     icon: "lucide:more-vertical",
                     class: "px-2!",
@@ -411,141 +411,120 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
                   }, null, 8, ["title"])
                 ]),
                 _: 1
-              }, 8, ["options"])) : f("", !0),
-              w(e.$slots, "after-add")
+              }, 8, ["options"])) : d("", !0),
+              y(e.$slots, "after-add")
             ])
           ])
         ], 2)),
-        w(e.$slots, "sub-header"),
-        p("div", {
+        y(e.$slots, "sub-header"),
+        g("div", {
           class: N(["flex-1 w-full relative", t.containerClass])
         }, [
-          !fe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
-            u(x(Le), {
+          !fe.value && !t.loading ? y(e.$slots, "empty", { key: 0 }, () => [
+            c(x(Le), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
               descriptionI18n: t.emptyDescriptionI18n,
               icon: t.emptyIcon
             }, {
-              action: s(() => [
-                ie.value ? f("", !0) : (a(), d(S, { key: 0 }, [
-                  j.value ? (a(), c(Q(j.value), { key: 0 })) : t.canAdd ? (a(), d(S, { key: 1 }, [
-                    t.addBtn ? (a(), d(S, { key: 0 }, [
-                      t.addBtn.modal ? (a(), c(X, v({
+              action: u(() => [
+                ie.value ? d("", !0) : (a(), s(C, { key: 0 }, [
+                  j.value ? (a(), f(Q(j.value), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                    t.addBtn ? (a(), s(C, { key: 0 }, [
+                      t.addBtn.modal ? (a(), f(X, v({
                         key: 0,
                         body: W.value
                       }, t.addBtn.modalProps), {
-                        trigger: s(() => [
-                          u(h, v({
+                        trigger: u(() => [
+                          c(w, v({
                             icon: t.addBtn.icon || "fluent:add-16-filled",
                             variant: "secondary",
                             rounded: "full",
                             class: "px-6!"
                           }, t.addBtn.buttonProps), {
-                            default: s(() => [
-                              k(m(B.value), 1)
+                            default: u(() => [
+                              S(p(P.value), 1)
                             ]),
                             _: 1
                           }, 16, ["icon"])
                         ]),
                         _: 1
-                      }, 16, ["body"])) : t.addBtn.to ? (a(), c(ae, {
+                      }, 16, ["body"])) : t.addBtn.to ? (a(), f(ae, {
                         key: 1,
                         to: t.addBtn.to,
                         class: "inline-flex"
                       }, {
-                        default: s(() => [
-                          u(h, v({
+                        default: u(() => [
+                          c(w, v({
                             icon: t.addBtn.icon || "fluent:add-16-filled",
                             variant: "secondary"
                           }, t.addBtn.buttonProps), {
-                            default: s(() => [
-                              k(m(B.value), 1)
+                            default: u(() => [
+                              S(p(P.value), 1)
                             ]),
                             _: 1
                           }, 16, ["icon"])
                         ]),
                         _: 1
-                      }, 8, ["to"])) : t.addBtn.href ? (a(), d("a", {
+                      }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                         key: 2,
                         href: t.addBtn.href,
                         target: t.addBtn.target,
                         class: "inline-flex"
                       }, [
-                        u(h, v({
+                        c(w, v({
                           icon: t.addBtn.icon || "lucide:plus",
                           variant: "secondary"
                         }, t.addBtn.buttonProps), {
-                          default: s(() => [
-                            k(m(B.value), 1)
+                          default: u(() => [
+                            S(p(P.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon"])
-                      ], 8, rt)) : (a(), c(h, v({
-                        key: 3,
-                        icon: t.addBtn.icon || "lucide:plus",
-                        variant: "secondary"
-                      }, t.addBtn.buttonProps, {
-                        onClick: n[6] || (n[6] = (o) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
-                      }), {
-                        default: s(() => [
-                          k(m(B.value), 1)
-                        ]),
-                        _: 1
-                      }, 16, ["icon"]))
-                    ], 64)) : (a(), c(h, {
-                      key: 1,
-                      icon: "lucide:plus",
-                      variant: "secondary",
-                      onClick: n[7] || (n[7] = (o) => e.$emit("add"))
-                    }, {
-                      default: s(() => [
-                        k(m(B.value), 1)
-                      ]),
-                      _: 1
-                    }))
-                  ], 64)) : f("", !0)
+                      ], 8, rt)) : d("", !0)
+                    ], 64)) : d("", !0)
+                  ], 64)) : d("", !0)
                 ], 64))
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-          ]) : (a(), d(S, { key: 1 }, [
-            x(C) === "table" && e.$slots.table ? w(e.$slots, "table", {
+          ]) : (a(), s(C, { key: 1 }, [
+            x(B) === "table" && e.$slots.table ? y(e.$slots, "table", {
               key: 0,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : x(C) === "list" && e.$slots.list ? w(e.$slots, "list", {
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : x(B) === "list" && e.$slots.list ? y(e.$slots, "list", {
               key: 1,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : x(C) === "list" && e.$slots.grid ? w(e.$slots, "grid", {
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : x(B) === "list" && e.$slots.grid ? y(e.$slots, "grid", {
               key: 2,
               data: t.data,
               loading: t.loading,
-              selectedRows: g.value,
-              delete: $,
-              updateSelectedRows: (o) => g.value = o
-            }) : Z.value ? (a(), c(Q(Z.value), v({
+              selectedRows: m.value,
+              delete: I,
+              updateSelectedRows: (o) => m.value = o
+            }) : Z.value ? (a(), f(Q(Z.value), v({
               key: 3,
               data: t.data,
               loading: t.loading,
               refetch: t.refetch,
-              selectedRows: g.value,
-              "onUpdate:selectedRows": n[8] || (n[8] = (o) => g.value = o),
-              delete: $,
-              onDelete: se
-            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), d("div", dt, m(Be.value), 1))
+              selectedRows: m.value,
+              "onUpdate:selectedRows": i[6] || (i[6] = (o) => m.value = o),
+              delete: I,
+              onDelete: de
+            }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", st, p(Be.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), d("div", st, [
-          u(x(Me), v({
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", dt, [
+          c(x(Me), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
             "total-items": t.pageInfo.totalItems
@@ -553,56 +532,56 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
             onChange: ce,
             "onUpdate:itemsPerPage": ue
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : f("", !0),
-        u(Fe, {
+        ])) : d("", !0),
+        c(Fe, {
           show: V.value,
-          "onUpdate:show": n[9] || (n[9] = (o) => V.value = o),
-          title: pe.value,
-          description: we.value,
-          "confirm-text": xe.value,
+          "onUpdate:show": i[7] || (i[7] = (o) => V.value = o),
+          title: ye.value,
+          description: xe.value,
+          "confirm-text": we.value,
           "cancel-text": be.value,
           variant: "danger",
-          onConfirm: de,
-          onCancel: n[10] || (n[10] = (o) => V.value = !1)
+          onConfirm: se,
+          onCancel: i[8] || (i[8] = (o) => V.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        A.value ? (a(), c(X, {
+        A.value ? (a(), f(X, {
           key: 3,
           show: A.value,
-          "onUpdate:show": n[11] || (n[11] = (o) => A.value = o),
+          "onUpdate:show": i[9] || (i[9] = (o) => A.value = o),
           title: U.value,
           "max-width": "sm:max-w-[400px]"
         }, {
-          default: s(({ close: o }) => [
-            u(ze, v({
+          default: u(({ close: o }) => [
+            c(ze, v({
               ref_key: "exportDataRef",
               ref: q,
               data: t.data || [],
-              fields: Pe.value,
+              fields: Ce.value,
               mode: Te.value,
               "on-export": Ve
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
               title: U.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
-            p("div", ct, [
-              p("h6", ut, m(x(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? x(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
-              p("div", ft, [
-                (a(!0), d(S, null, Ae(q.value?.availableFormats || [
+            g("div", ct, [
+              g("h6", ut, p(x(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? x(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("div", ft, [
+                (a(!0), s(C, null, Ae(q.value?.availableFormats || [
                   { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
                   { value: "csv", label: "CSV (.csv)", icon: "lucide:file-text" },
                   { value: "json", label: "JSON (.json)", icon: "lucide:file-json" }
-                ], (O) => (a(), c(h, {
+                ], (O) => (a(), f(w, {
                   key: O.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
                   onClick: (vt) => q.value?.exportData(O.value, o)
                 }, {
-                  default: s(() => [
-                    u(F, {
+                  default: u(() => [
+                    c(F, {
                       icon: O.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    p("span", null, m(O.label), 1)
+                    g("span", null, p(O.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -610,21 +589,21 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
             ])
           ]),
           _: 1
-        }, 8, ["show", "title"])) : f("", !0),
-        te.value ? (a(), d("div", mt, [
-          u(He, v({
+        }, 8, ["show", "title"])) : d("", !0),
+        te.value ? (a(), s("div", mt, [
+          c(He, v({
             show: z.value,
-            "onUpdate:show": n[12] || (n[12] = (o) => z.value = o),
+            "onUpdate:show": i[10] || (i[10] = (o) => z.value = o),
             ref_key: "importDataRef",
-            ref: Ce,
+            ref: De,
             fields: Se.value,
-            processBatch: $e,
-            onComplete: Ie
+            processBatch: Ie,
+            onComplete: $e
           }, typeof t.importProps == "object" ? t.importProps : {}, {
             title: le.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
-        ])) : f("", !0)
+        ])) : d("", !0)
       ]);
     };
   }

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-a8237529]::-webkit-outer-spin-button,input[data-v-a8237529]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-a8237529]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-55a6a43e]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7572bc5b]{background-color:#00000052}.v-modal-backdrop[data-v-7572bc5b]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7572bc5b]{will-change:transform;contain:layout style}.blink-bg[data-v-7572bc5b]{animation:blink-animation-7572bc5b 1s infinite}@keyframes blink-animation-7572bc5b{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-0cced8cd]{will-change:transform;contain:layout style}.custom-fields-table[data-v-0cced8cd] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea,.custom-fields-table[data-v-0cced8cd] select,.custom-fields-table[data-v-0cced8cd] .input-wrapper,.custom-fields-table[data-v-0cced8cd] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-0cced8cd] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-0cced8cd] input:focus,.custom-fields-table[data-v-0cced8cd] textarea:focus,.custom-fields-table[data-v-0cced8cd] select:focus,.custom-fields-table[data-v-0cced8cd] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-0cced8cd] .w-full{width:100%;height:100%}.list-enter-active[data-v-0cced8cd]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-0cced8cd]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-df08a3e5]{display:flex;flex-direction:column}.form-field-item[data-v-df08a3e5]:has([role=switch]),.form-field-item[data-v-df08a3e5]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-8eb29b35]{width:100%}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-d572f4ef]{background-color:#0003}.sidepanel-body[data-v-d572f4ef]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-4034dab4]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
+input[data-v-a8237529]::-webkit-outer-spin-button,input[data-v-a8237529]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-a8237529]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-55a6a43e]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7572bc5b]{background-color:#00000052}.v-modal-backdrop[data-v-7572bc5b]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7572bc5b]{will-change:transform;contain:layout style}.blink-bg[data-v-7572bc5b]{animation:blink-animation-7572bc5b 1s infinite}@keyframes blink-animation-7572bc5b{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-0cced8cd]{will-change:transform;contain:layout style}.custom-fields-table[data-v-0cced8cd] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea,.custom-fields-table[data-v-0cced8cd] select,.custom-fields-table[data-v-0cced8cd] .input-wrapper,.custom-fields-table[data-v-0cced8cd] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-0cced8cd] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-0cced8cd] input:focus,.custom-fields-table[data-v-0cced8cd] textarea:focus,.custom-fields-table[data-v-0cced8cd] select:focus,.custom-fields-table[data-v-0cced8cd] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-0cced8cd] .w-full{width:100%;height:100%}.list-enter-active[data-v-0cced8cd]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-0cced8cd]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-1139135c]{display:flex;flex-direction:column}.form-field-item[data-v-1139135c]:has([role=switch]),.form-field-item[data-v-1139135c]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-d7b4ffda]{width:100%}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-d572f4ef]{background-color:#0003}.sidepanel-body[data-v-d572f4ef]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-4034dab4]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}