vlite3 0.9.1 → 0.9.2

package/components/Chat/ChatBubble.vue.d.ts

@@ -0,0 +1,18 @@
+import { ChatMessage } from './ChatInterface.vue';
+type __VLS_Props = {
+    message: ChatMessage;
+    isSender: boolean;
+    showAvatar: boolean;
+    showUserInfo: boolean;
+    showTimestamp: boolean;
+    allowDeleteAll?: boolean;
+    allowEditAll?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    edit: (message: ChatMessage) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onEdit?: (message: ChatMessage) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Chat/ChatInterface.vue.d.ts

@@ -0,0 +1,45 @@
+export interface ChatMessage {
+    id: string | number;
+    text: string;
+    senderId: string | number;
+    senderName?: string;
+    avatar?: string;
+    timestamp?: string | Date;
+    isEdited?: boolean;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    data: ChatMessage[];
+    currentUserId: string | number;
+    showAvatar?: boolean;
+    showUserInfo?: boolean;
+    showTimestamp?: boolean;
+    placeholder?: string;
+    isLoadingMore?: boolean;
+    allowDeleteAll?: boolean;
+    allowEditAll?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (id: string | number) => any;
+    add: (text: string) => any;
+    refetch: () => any;
+    edit: (message: ChatMessage) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (id: string | number) => any;
+    onAdd?: (text: string) => any;
+    onRefetch?: () => any;
+    onEdit?: (message: ChatMessage) => any;
+}>, {
+    placeholder: string;
+    isLoadingMore: boolean;
+    showAvatar: boolean;
+    showUserInfo: boolean;
+    showTimestamp: boolean;
+    allowDeleteAll: boolean;
+    allowEditAll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    messageListRef: HTMLDivElement;
+    observerTargetRef: HTMLDivElement;
+    textareaRef: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ChatInterface } from './ChatInterface.vue';
+export type { ChatMessage } from './ChatInterface.vue';

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/FilePicker/FilePicker.vue.d.ts

@@ -3,8 +3,9 @@ export interface FilePickerValue {
     fileName: string;
     fileType: string;
     fileSize: number;
-    file: File;
+    file: File | null;
     base64: string;
+    isUrl?: boolean;
 }
 interface Props {
     modelValue?: FilePickerValue | FilePickerValue[] | null;
@@ -21,6 +22,7 @@ interface Props {
     textI18n?: string;
     size?: InputSize;
     rounded?: InputRounded;
+    allowRename?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -56,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: FilePickerValue | FilePickerValue[] | null;
     fileTypes: string[];
     returnFormat: "file" | "base64";
+    allowRename: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     fileInput: HTMLInputElement;
 }, HTMLDivElement>;

package/components/FilePicker/FilePicker.vue.js

@@ -1,20 +1,26 @@
-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 { defineComponent as Z, computed as m, ref as C, useSlots as _, openBlock as a, createElementBlock as u, createElementVNode as s, renderSlot as ee, normalizeClass as T, createBlock as b, withModifiers as F, createVNode as k, toDisplayString as h, createTextVNode as le, createCommentVNode as S, Fragment as te, renderList as ie } from "vue";
 import p from "../Icon.vue.js";
-import P from "../Button.vue.js";
-import { $t as k } from "../../utils/i18n.js";
-const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "placeholder", "disabled"], re = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, se = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, ne = { class: "space-y-1" }, de = { class: "text-sm font-medium text-foreground" }, ue = { class: "text-primary hover:underline" }, ce = {
+import N from "../Button.vue.js";
+import { $t as w } from "../../utils/i18n.js";
+const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "placeholder", "disabled"], se = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ne = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, de = { class: "space-y-1" }, ue = { class: "text-sm font-medium text-foreground" }, ce = { class: "text-primary hover:underline" }, fe = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, fe = {
+}, me = {
   key: 1,
   class: "space-y-2"
-}, me = { class: "shrink-0 mr-3" }, ge = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, pe = { class: "flex-1 min-w-0" }, he = { class: "text-sm font-medium text-foreground truncate" }, ve = { class: "text-xs text-muted-foreground" }, ye = { class: "flex-shrink-0 ml-3 flex gap-2" }, xe = {
+}, ge = { class: "shrink-0 mr-3" }, pe = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, he = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, ve = {
+  key: 0,
+  class: "inline-flex items-center group/rename w-fit max-w-full mb-0.5"
+}, ye = { class: "grid relative w-fit max-w-full items-center -ml-1" }, xe = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, be = ["value", "onInput"], ke = {
+  key: 1,
+  class: "text-sm font-medium text-foreground truncate w-full"
+}, we = { class: "text-xs text-muted-foreground" }, Ve = { class: "flex-shrink-0 ml-3 flex gap-2" }, Fe = {
   key: 0,
   class: "flex gap-2"
-}, be = {
+}, Se = {
   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" }, Se = /* @__PURE__ */ Y({
+}, Ae = { class: "bg-white p-2 rounded-full" }, Be = /* @__PURE__ */ Z({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -31,31 +37,32 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
     placeholderI18n: {},
     textI18n: {},
     size: { default: "md" },
-    rounded: { default: "md" }
+    rounded: { default: "md" },
+    allowRename: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(i, { emit: $ }) {
-    const e = i, d = $, I = f(
-      () => e.placeholderI18n ? k(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
-    ), N = f(() => {
-      if (e.textI18n) return k(e.textI18n);
-      const l = k("vlite.filePicker.clickToUpload");
+  setup(o, { emit: M }) {
+    const e = o, d = M, P = m(
+      () => e.placeholderI18n ? w(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
+    ), $ = m(() => {
+      if (e.textI18n) return w(e.textI18n);
+      const l = w("vlite.filePicker.clickToUpload");
       return l !== "vlite.filePicker.clickToUpload" ? l : "Click to upload";
-    }), j = f(() => {
-      const l = k("vlite.filePicker.dragAndDrop");
+    }), j = m(() => {
+      const l = w("vlite.filePicker.dragAndDrop");
       return l !== "vlite.filePicker.dragAndDrop" ? l : "or drag and drop";
-    }), L = f(() => {
-      const l = k("vlite.filePicker.addMore");
+    }), U = m(() => {
+      const l = w("vlite.filePicker.addMore");
       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), V = f(() => {
+    }), z = C(null), v = C(!1), c = C(!1);
+    _();
+    const E = m(() => e.fileTypes.join(",")), A = m(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = m(() => {
       let l = [];
       return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
         if (typeof t == "string") {
-          const a = t.split("/").pop() || "Unknown File";
+          const i = t.split("/").pop() || "Unknown File";
           return {
-            fileName: decodeURIComponent(a),
+            fileName: decodeURIComponent(i),
             fileType: "unknown",
             fileSize: 0,
             file: null,
@@ -65,86 +72,86 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
         }
         return t;
       });
-    }), v = () => {
-      if (!(e.disabled || e.loading || u.value)) {
+    }), y = () => {
+      if (!(e.disabled || e.loading || c.value)) {
         if (e.multiSelect && e.maxFiles && (Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0) >= e.maxFiles) {
           d("error", `Maximum ${e.maxFiles} files allowed`);
           return;
         }
         z.value?.click();
       }
-    }, E = (l) => {
-      l.preventDefault(), !(e.disabled || e.loading) && (h.value = !0);
-    }, W = (l) => {
-      l.preventDefault(), h.value = !1;
+    }, L = (l) => {
+      l.preventDefault(), !(e.disabled || e.loading) && (v.value = !0);
     }, R = (l) => {
-      l.preventDefault(), h.value = !1, !(e.disabled || e.loading || u.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
+      l.preventDefault(), v.value = !1;
+    }, W = (l) => {
+      l.preventDefault(), v.value = !1, !(e.disabled || e.loading || c.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
     }, O = (l) => {
       const t = l.target;
       t.files && D(t.files), t.value = "";
-    }, G = (l) => {
+    }, q = (l) => {
       if (l === 0 || !l) return "";
-      const t = 1024, a = ["Bytes", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(l) / Math.log(t));
-      return parseFloat((l / Math.pow(t, s)).toFixed(2)) + " " + a[s];
-    }, K = (l) => new Promise((t, a) => {
-      const s = new FileReader();
-      s.readAsDataURL(l), s.onload = () => {
-        typeof s.result == "string" ? t(s.result) : a(new Error("Failed to read file as base64"));
-      }, s.onerror = (m) => a(m);
+      const t = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(l) / Math.log(t));
+      return parseFloat((l / Math.pow(t, n)).toFixed(2)) + " " + i[n];
+    }, G = (l) => new Promise((t, i) => {
+      const n = new FileReader();
+      n.readAsDataURL(l), n.onload = () => {
+        typeof n.result == "string" ? t(n.result) : i(new Error("Failed to read file as base64"));
+      }, n.onerror = (f) => i(f);
     }), D = async (l) => {
       if (l.length === 0) return;
-      u.value = !0;
-      const t = [], a = [], s = Array.from(l);
-      let m = e.multiSelect ? s : [s[0]];
+      c.value = !0;
+      const t = [], i = [], n = Array.from(l);
+      let f = e.multiSelect ? n : [n[0]];
       if (e.multiSelect && e.maxFiles) {
-        const o = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - o;
+        const r = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - r;
         if (g <= 0) {
-          d("error", `Maximum ${e.maxFiles} files allowed`), u.value = !1;
+          d("error", `Maximum ${e.maxFiles} files allowed`), c.value = !1;
           return;
         }
-        m.length > g && (a.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), m = m.slice(0, g));
+        f.length > g && (i.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), f = f.slice(0, g));
       }
       try {
-        for (const o of m) {
-          if (e.fileTypes.length > 0 && !e.fileTypes.some((y) => {
-            if (y.startsWith("."))
-              return o.name.toLowerCase().endsWith(y.toLowerCase());
-            if (y.endsWith("/*")) {
-              const X = y.split("/")[0];
-              return o.type.startsWith(X);
+        for (const r of f) {
+          if (e.fileTypes.length > 0 && !e.fileTypes.some((x) => {
+            if (x.startsWith("."))
+              return r.name.toLowerCase().endsWith(x.toLowerCase());
+            if (x.endsWith("/*")) {
+              const Y = x.split("/")[0];
+              return r.type.startsWith(Y);
             }
-            return o.type === y;
+            return r.type === x;
           })) {
-            a.push(`File type not allowed: ${o.name}`);
+            i.push(`File type not allowed: ${r.name}`);
             continue;
           }
           let g = !1;
-          e.maxSize && o.size > e.maxSize && (a.push(`File too large: ${o.name}`), g = !0);
-          let T = "";
+          e.maxSize && r.size > e.maxSize && (i.push(`File too large: ${r.name}`), g = !0);
+          let B = "";
           if (e.returnFormat === "base64" && !g)
             try {
-              T = await K(o);
-            } catch (B) {
-              console.error("Base64 read failed", B);
+              B = await G(r);
+            } catch (I) {
+              console.error("Base64 read failed", I);
             }
           t.push({
-            fileName: o.name,
-            fileType: o.type,
-            fileSize: o.size,
-            file: o,
-            base64: T
+            fileName: r.name,
+            fileType: r.type,
+            fileSize: r.size,
+            file: r,
+            base64: B
           });
         }
-        if (a.length > 0 && d("error", a.join("; ")), t.length > 0) {
-          let o;
-          e.multiSelect ? o = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : o = t[0], d("update:modelValue", o), d("change", o);
+        if (i.length > 0 && d("error", i.join("; ")), t.length > 0) {
+          let r;
+          e.multiSelect ? r = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : r = t[0], d("update:modelValue", r), d("change", r);
         }
-      } catch (o) {
-        console.error("Error processing files:", o), d("error", "Failed to process files");
+      } catch (r) {
+        console.error("Error processing files:", r), d("error", "Failed to process files");
       } finally {
-        u.value = !1;
+        c.value = !1;
       }
-    }, q = (l) => {
+    }, K = (l) => {
       if (!(e.disabled || e.loading))
         if (e.multiSelect && Array.isArray(e.modelValue)) {
           const t = [...e.modelValue];
@@ -153,12 +160,30 @@ 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 ? V.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
+    }, J = (l, t) => {
+      if (e.disabled || e.loading) return;
+      let i;
+      e.multiSelect && Array.isArray(e.modelValue) ? (i = [...e.modelValue], typeof i[l] == "object" && i[l] !== null ? i[l] = { ...i[l], fileName: t } : typeof i[l] == "string" && (i[l] = {
+        fileName: t,
+        fileType: "unknown",
+        fileSize: 0,
+        file: null,
+        base64: i[l],
+        isUrl: !0
+      })) : e.modelValue && typeof e.modelValue == "object" && !Array.isArray(e.modelValue) ? i = { ...e.modelValue, fileName: t } : typeof e.modelValue == "string" && (i = {
+        fileName: t,
+        fileType: "unknown",
+        fileSize: 0,
+        file: null,
+        base64: e.modelValue,
+        isUrl: !0
+      }), i !== void 0 && (d("update:modelValue", i), d("change", i));
+    }, Q = m(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), X = m(() => {
       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",
         lg: "h-12 text-base"
-      }, a = {
+      }, i = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -172,149 +197,174 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
         "border border-input focus-visible:border-primary",
         // Default outline style
         t[e.size],
-        a[e.rounded],
+        i[e.rounded],
         "pr-10",
         // Space for icon
         e.disabled ? "cursor-not-allowed opacity-50" : ""
       ].join(" ");
     });
-    return (l, t) => (r(), c("div", ie, [
-      n("input", {
+    return (l, t) => (a(), u("div", oe, [
+      s("input", {
         ref_key: "fileInput",
         ref: z,
         type: "file",
-        multiple: i.multiSelect,
-        accept: U.value,
+        multiple: o.multiSelect,
+        accept: E.value,
         class: "hidden",
         onChange: O
-      }, null, 40, oe),
-      _(l.$slots, "trigger", {
-        trigger: v,
-        isDragging: h.value,
-        isLoading: i.loading || u.value,
+      }, null, 40, re),
+      ee(l.$slots, "trigger", {
+        trigger: y,
+        isDragging: v.value,
+        isLoading: o.loading || c.value,
         files: V.value
       }, () => [
-        i.variant === "input" ? (r(), c("div", {
+        o.variant === "input" ? (a(), u("div", {
           key: 0,
           class: "relative",
-          onClick: v
+          onClick: y
         }, [
-          n("input", {
+          s("input", {
             type: "text",
-            value: J.value,
-            placeholder: I.value,
+            value: Q.value,
+            placeholder: P.value,
             readonly: "",
-            class: C(Q.value),
-            disabled: i.disabled || i.loading || u.value
+            class: T(X.value),
+            disabled: o.disabled || o.loading || c.value
           }, null, 10, ae),
-          n("div", re, [
-            i.loading || u.value ? (r(), x(p, {
+          s("div", se, [
+            o.loading || c.value ? (a(), b(p, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : A.value && !i.disabled ? (r(), c("button", {
+            })) : A.value && !o.disabled ? (a(), u("button", {
               key: 1,
               type: "button",
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: M(H, ["stop"])
+              onClick: F(H, ["stop"])
             }, [
-              w(p, {
+              k(p, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
-            ])) : (r(), x(p, {
+            ])) : (a(), b(p, {
               key: 2,
               icon: "lucide:upload",
               class: "h-4 w-4 text-muted-foreground"
             }))
           ])
-        ])) : (r(), c("div", {
+        ])) : (a(), u("div", {
           key: 1,
           class: "relative",
-          onDragover: E,
-          onDragleave: W,
-          onDrop: R
+          onDragover: L,
+          onDragleave: R,
+          onDrop: W
         }, [
-          A.value ? (r(), c("div", fe, [
-            (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 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)
+          A.value ? (a(), u("div", me, [
+            (a(!0), u(te, null, ie(V.value, (i, n) => (a(), u("div", {
+              key: n,
+              class: T(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!o.multiSelect && !o.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
+              onClick: t[2] || (t[2] = (f) => !o.multiSelect && !o.disabled ? y() : null)
             }, [
-              n("div", me, [
-                n("div", ge, [
-                  w(p, {
+              s("div", ge, [
+                s("div", pe, [
+                  k(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
                 ])
               ]),
-              n("div", pe, [
-                n("p", he, b(a.fileName), 1),
-                n("p", ve, b(G(a.fileSize)), 1)
+              s("div", he, [
+                o.allowRename && !o.disabled ? (a(), u("div", ve, [
+                  s("div", ye, [
+                    s("span", xe, h(i.fileName || "Enter file name"), 1),
+                    s("input", {
+                      value: i.fileName,
+                      onClick: t[0] || (t[0] = F(() => {
+                      }, ["stop"])),
+                      onInput: (f) => J(n, f.target.value),
+                      class: "col-start-1 row-start-1 w-auto min-w-[2ch] text-sm font-medium text-foreground bg-transparent border-b border-transparent hover:border-border focus:border-primary outline-none transition-colors py-0.5 px-1",
+                      placeholder: "Enter file name"
+                    }, null, 40, be)
+                  ]),
+                  s("div", {
+                    class: "flex-shrink-0 ml-1 text-muted-foreground/50 group-hover/rename:text-foreground transition-colors cursor-text",
+                    onClick: t[1] || (t[1] = F(
+                      (f) => f.currentTarget.previousElementSibling?.querySelector("input")?.focus(),
+                      ["stop"]
+                    )),
+                    title: "Rename file"
+                  }, [
+                    k(p, {
+                      icon: "lucide:pencil",
+                      class: "w-3.5 h-3.5"
+                    })
+                  ])
+                ])) : (a(), u("p", ke, h(i.fileName), 1)),
+                s("p", we, h(q(i.fileSize)), 1)
               ]),
-              n("div", ye, [
-                !i.disabled && !i.loading ? (r(), x(P, {
+              s("div", Ve, [
+                !o.disabled && !o.loading ? (a(), b(N, {
                   key: 0,
                   size: "xs",
                   variant: "ghost",
                   icon: "lucide:x",
                   rounded: "full",
                   class: "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                  onClick: M((m) => q(s), ["stop"])
-                }, null, 8, ["onClick"])) : F("", !0)
+                  onClick: F((f) => K(n), ["stop"])
+                }, null, 8, ["onClick"])) : S("", !0)
               ])
             ], 2))), 128)),
-            i.multiSelect && (!i.maxFiles || V.value.length < i.maxFiles) ? (r(), c("div", xe, [
-              w(P, {
+            o.multiSelect && (!o.maxFiles || V.value.length < o.maxFiles) ? (a(), u("div", Fe, [
+              k(N, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
-                text: L.value,
-                disabled: i.disabled || i.loading || u.value,
-                onClick: v
+                text: U.value,
+                disabled: o.disabled || o.loading || c.value,
+                onClick: y
               }, null, 8, ["text", "disabled"])
-            ])) : F("", !0)
-          ])) : (r(), c("div", {
+            ])) : S("", !0)
+          ])) : (a(), u("div", {
             key: 0,
-            class: C(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
-              h.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
-              i.disabled || i.loading || u.value ? "opacity-50 cursor-not-allowed" : ""
+            class: T(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
+              v.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
+              o.disabled || o.loading || c.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onClick: v
+            onClick: y
           }, [
-            n("div", se, [
-              i.loading || u.value ? (r(), x(p, {
+            s("div", ne, [
+              o.loading || c.value ? (a(), b(p, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin"
-              })) : (r(), x(p, {
+              })) : (a(), b(p, {
                 key: 1,
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
               }))
             ]),
-            n("div", ne, [
-              n("p", de, [
-                n("span", ue, b(N.value), 1),
-                ee(" " + b(j.value), 1)
+            s("div", de, [
+              s("p", ue, [
+                s("span", ce, h($.value), 1),
+                le(" " + h(j.value), 1)
               ]),
-              i.fileTypes.length ? (r(), c("p", ce, b(i.fileTypes.join(", ")), 1)) : F("", !0)
+              o.fileTypes.length ? (a(), u("p", fe, h(o.fileTypes.join(", ")), 1)) : S("", !0)
             ])
           ], 2)),
-          i.loading || u.value ? (r(), c("div", be, [
-            n("div", ke, [
-              w(p, {
+          o.loading || c.value ? (a(), u("div", Se, [
+            s("div", Ae, [
+              k(p, {
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin text-primary"
               })
             ])
-          ])) : F("", !0)
+          ])) : S("", !0)
         ], 32))
       ])
     ]));
   }
 });
 export {
-  Se as default
+  Be as default
 };

package/components/Form/FormField.vue.js

@@ -189,7 +189,8 @@ const pe = /* @__PURE__ */ I({
         size: e.size,
         rounded: e.rounded,
         maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
-        loading: e.loading
+        loading: e.loading,
+        allowRename: e.field.props?.allowRename ?? !0
       } : a === "avatarUpload" ? {
         size: "2xl",
         ...l,

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.d.ts

@@ -139,6 +139,7 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     showRefresh: boolean;
     viewProps: Record<string, any>;
     hideSelectable: boolean;
+    hideDeleteBtn: boolean;
     quickFilters: import('./types').ScreenQuickFilter[];
     quickFilterKey: string;
     quickFilterVariant: import('../Tabes').TabesVariant;

package/components/Screen/Screen.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ge, useSlots as ye, computed as i, ref as s, markRaw as we, provide as F, watch as R, openBlock as n, createElementBlock as m, normalizeClass as q, createVNode as w, createSlots as ke, withCtx as Q, renderSlot as d, createElementVNode as I, createBlock as p, createCommentVNode as c, isRef as be, unref as D, Fragment as M, resolveDynamicComponent as xe, mergeProps as A, toDisplayString as Ce } from "vue";
+import { defineComponent as ge, useSlots as ye, computed as n, ref as s, markRaw as we, provide as F, watch as R, openBlock as o, createElementBlock as m, normalizeClass as q, createVNode as w, createSlots as ke, withCtx as Q, renderSlot as d, createElementVNode as I, createBlock as p, createCommentVNode as c, isRef as be, unref as D, Fragment as M, resolveDynamicComponent as xe, mergeProps as A, toDisplayString as Ce } from "vue";
 import De from "../Input.vue.js";
 /* empty css            */
 import O from "../Button.vue.js";
@@ -6,10 +6,10 @@ import Pe from "../ConfirmationModal.vue.js";
 import Se from "../Pagination/Pagination.vue.js";
 import $e from "./ScreenFilter.vue.js";
 import Ie from "../ImportData/ImportData.vue.js";
-import { usePersistentState as Ve } from "../../utils/usePersistentState.js";
-import { useVLiteConfig as Te } from "../../core/config.js";
+import { usePersistentState as Be } from "../../utils/usePersistentState.js";
+import { useVLiteConfig as Ve } from "../../core/config.js";
 import { $t as f } from "../../utils/i18n.js";
-import { SCREEN_CONTEXT_KEY as Be } from "../DataTable/types.js";
+import { SCREEN_CONTEXT_KEY as Te } from "../DataTable/types.js";
 import Fe from "./components/ScreenHeaderTitle.vue.js";
 import Re from "./components/ScreenViewToggle.vue.js";
 import qe from "./components/ScreenOptionsDropdown.vue.js";
@@ -71,8 +71,11 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
     showRefresh: { type: Boolean, default: !1 },
     containerClass: {},
     headerClass: {},
+    titleClass: {},
+    descriptionClass: {},
     viewProps: { default: () => ({}) },
     hideSelectable: { type: Boolean, default: !1 },
+    hideDeleteBtn: { type: Boolean, default: !1 },
     quickFilters: { default: () => [] },
     quickFilterKey: { default: "status" },
     defaultQuickFilter: {},
@@ -80,17 +83,17 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
   },
   emits: ["add", "delete"],
   setup(t, { emit: K }) {
-    const l = t, x = Te(), E = K, P = ye(), L = i(() => l.name || l.title || "default-screen"), h = Ve(
+    const l = t, x = Ve(), E = K, P = ye(), L = n(() => l.name || l.title || "default-screen"), h = Be(
       `view-mode-${L.value}`,
       l.table || P.table ? "table" : "list"
-    ), g = s(""), u = s({}), j = s({ field: "", order: "" }), k = s(l.pageInfo?.currentPage || 1), V = s(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), r = s([]), S = s([]), C = s(!1), y = s(
+    ), g = s(""), u = s({}), j = s({ field: "", order: "" }), k = s(l.pageInfo?.currentPage || 1), B = s(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), r = s([]), S = s([]), C = s(!1), y = s(
       l.defaultQuickFilter !== void 0 ? l.defaultQuickFilter : l.quickFilters && l.quickFilters.length > 0 ? l.quickFilters[0].value : ""
-    ), z = i(() => l.quickFilters && l.quickFilters.length > 0), H = (e) => {
+    ), z = n(() => l.quickFilters && l.quickFilters.length > 0), H = (e) => {
       y.value = e, k.value = 1, v();
-    }, U = i(() => {
+    }, U = n(() => {
       let e;
       return h.value === "table" ? e = l.table || !!P.table : e = l.list || !!P.list || !!P.grid, typeof e == "object" && e !== null ? we(e) : e;
-    }), X = i(() => g.value && g.value.trim() !== "" ? !0 : u.value ? Object.keys(u.value).some(
+    }), X = n(() => g.value && g.value.trim() !== "" ? !0 : u.value ? Object.keys(u.value).some(
       (e) => u.value[e] !== "" && u.value[e] !== null && u.value[e] !== void 0
     ) : !1), Y = {
       disableSearch: !0,
@@ -99,7 +102,7 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
         j.value = { field: e.sort.field, order: e.sort.order }, v();
       }
     };
-    F(Be, Y), F("screen-selected-rows", r), F("screen-request-delete", (e) => b(e));
+    F(Te, Y), F("screen-selected-rows", r), F("screen-request-delete", (e) => b(e));
     const b = (e) => {
       S.value = e, C.value = !0;
     }, G = () => {
@@ -115,65 +118,65 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
     ), R(
       () => l.pageInfo?.itemsPerPage,
       (e) => {
-        e && (V.value = e);
+        e && (B.value = e);
       }
     );
-    let T = null;
+    let V = null;
     R(g, () => {
-      T && clearTimeout(T), T = setTimeout(() => {
+      V && clearTimeout(V), V = setTimeout(() => {
         k.value = 1, v();
       }, 300);
     });
     const W = (e) => {
       k.value = e, v();
     }, Z = (e) => {
-      V.value = e, k.value = 1, v();
+      B.value = e, k.value = 1, v();
     }, v = () => {
       if (!l.refetch) return;
       const e = { ...u.value };
       y.value !== "" && y.value !== null && y.value !== void 0 && (e[l.quickFilterKey] = y.value), l.refetch({
-        pagination: { page: k.value, limit: V.value },
+        pagination: { page: k.value, limit: B.value },
         search: g.value,
         sort: { ...j.value },
         filter: e
       });
-    }, _ = i(() => l.data && l.data.length > 0), ee = i(() => {
+    }, _ = n(() => l.data && l.data.length > 0), ee = n(() => {
       const e = f("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), te = i(() => {
+    }), te = n(() => {
       const e = f("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), le = i(() => {
+    }), le = n(() => {
       const e = f("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), ae = i(() => {
+    }), ae = n(() => {
       const e = f("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), oe = i(() => {
+    }), ie = n(() => {
       const e = f("vlite.screen.confirmDeleteDesc", { count: S.value.length });
       return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${S.value.length > 1 ? "items" : "item"}?`;
-    }), ie = i(() => {
+    }), ne = n(() => {
       const e = f("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), ne = i(() => {
+    }), oe = n(() => {
       const e = f("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), re = i(() => {
+    }), re = n(() => {
       const e = f("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component or slot.";
-    }), N = i(
+    }), N = n(
       () => l.exportSchema && l.exportSchema.length > 0 && l.exportProps !== !1 || l.importSchema && l.importSchema.length > 0 && l.importProps !== !1
-    ), se = i(() => {
+    ), se = n(() => {
       const e = f("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), de = s(null), $ = s(!1), B = s(!1), ce = (e) => {
-      e.value === "export" ? $.value = !0 : e.value === "import" && (B.value = !0);
-    }, ue = i(
+    }), de = s(null), $ = s(!1), T = s(!1), ce = (e) => {
+      e.value === "export" ? $.value = !0 : e.value === "import" && (T.value = !0);
+    }, ue = n(
       () => (l.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), me = i(
+    ), me = n(
       () => (l.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
@@ -188,7 +191,7 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
       skipped: 0,
       failed: 0,
       errors: []
-    }), ve = () => v(), pe = i(
+    }), ve = () => v(), pe = n(
       () => l.exportMode || x?.exportData?.mode || "frontend"
     ), he = async (e) => {
       x?.services?.exportApi && l.exportType ? await x.services.exportApi(l.exportType, {
@@ -199,16 +202,18 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, o) => (n(), m("div", Ne, [
-      t.customHeader ? d(e.$slots, "custom-header", { key: 1 }) : (n(), m("div", {
+    return (e, i) => (o(), m("div", Ne, [
+      t.customHeader ? d(e.$slots, "custom-header", { key: 1 }) : (o(), m("div", {
         key: 0,
         class: q([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
       }, [
         w(Fe, {
           title: t.title,
           "title-i18n": t.titleI18n,
+          "title-class": t.titleClass,
           description: t.description,
           "description-i18n": t.descriptionI18n,
+          "description-class": t.descriptionClass,
           info: t.info,
           "info-i18n": t.infoI18n
         }, ke({ _: 2 }, [
@@ -226,24 +231,24 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["title", "title-i18n", "description", "description-i18n", "info", "info-i18n"]),
+        ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
         I("div", Qe, [
           I("div", Me, [
-            r.value.length > 0 && !t.hideSelectable ? (n(), p(O, {
+            r.value.length > 0 && !t.hideSelectable && !t.hideDeleteBtn ? (o(), p(O, {
               key: 0,
               variant: "outline",
               class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
               icon: "lucide:trash-2",
               title: ee.value,
-              onClick: o[0] || (o[0] = (a) => b(r.value))
+              onClick: i[0] || (i[0] = (a) => b(r.value))
             }, null, 8, ["title"])) : c("", !0),
-            (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (n(), p(Re, {
+            (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (o(), p(Re, {
               key: 1,
               modelValue: D(h),
-              "onUpdate:modelValue": o[1] || (o[1] = (a) => be(h) ? h.value = a : null)
+              "onUpdate:modelValue": i[1] || (i[1] = (a) => be(h) ? h.value = a : null)
             }, null, 8, ["modelValue"])) : c("", !0),
             d(e.$slots, "before-search"),
-            t.showRefresh ? (n(), p(O, {
+            t.showRefresh ? (o(), p(O, {
               key: 2,
               variant: "outline",
               icon: "lucide:refresh-cw",
@@ -253,19 +258,19 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
               disabled: t.loading,
               onClick: v
             }, null, 8, ["title", "disabled"])) : c("", !0),
-            t.filterSchema && t.filterSchema.length > 0 ? (n(), p($e, {
+            t.filterSchema && t.filterSchema.length > 0 ? (o(), p($e, {
               key: 3,
               schema: t.filterSchema,
               type: t.filterType,
               modelValue: u.value,
-              "onUpdate:modelValue": o[2] || (o[2] = (a) => u.value = a),
+              "onUpdate:modelValue": i[2] || (i[2] = (a) => u.value = a),
               onChange: v
             }, null, 8, ["schema", "type", "modelValue"])) : c("", !0),
-            t.canSearch ? (n(), m("div", Oe, [
+            t.canSearch ? (o(), m("div", Oe, [
               w(De, {
                 lazy: "",
                 modelValue: g.value,
-                "onUpdate:modelValue": o[3] || (o[3] = (a) => g.value = a),
+                "onUpdate:modelValue": i[3] || (i[3] = (a) => g.value = a),
                 icon: "lucide:search",
                 placeholder: le.value,
                 variant: "outline",
@@ -283,10 +288,10 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
                 loading: t.loading,
                 data: t.data,
                 refetch: t.refetch,
-                onAdd: o[4] || (o[4] = (a) => e.$emit("add"))
+                onAdd: i[4] || (i[4] = (a) => e.$emit("add"))
               }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
             ]),
-            N.value ? (n(), p(qe, {
+            N.value ? (o(), p(qe, {
               key: 0,
               "export-props": t.exportProps,
               "import-props": t.importProps,
@@ -296,24 +301,24 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
           ])
         ])
       ], 2)),
-      z.value ? (n(), m("div", {
+      d(e.$slots, "sub-header"),
+      z.value ? (o(), m("div", {
         key: 2,
-        class: q(["max-sm:-mt-1", t.quickFilterVariant == "line" ? "mb-1.5 sm:mb-0" : "mb-2"])
+        class: q(["-mt-1", t.quickFilterVariant == "line" ? "mb-1.5 sm:mb-1" : "mb-2"])
       }, [
         w(Ue, {
           modelValue: y.value,
-          "onUpdate:modelValue": o[5] || (o[5] = (a) => y.value = a),
+          "onUpdate:modelValue": i[5] || (i[5] = (a) => y.value = a),
           options: t.quickFilters,
           variant: t.quickFilterVariant,
           onChange: H
         }, null, 8, ["modelValue", "options", "variant"])
       ], 2)) : c("", !0),
-      d(e.$slots, "sub-header"),
       I("div", {
         class: q(["flex-1 w-full relative", t.containerClass])
       }, [
-        !_.value && !t.loading ? (n(), m(M, { key: 0 }, [
-          e.$slots.empty ? d(e.$slots, "empty", { key: 0 }) : (n(), p(Ee, {
+        !_.value && !t.loading ? (o(), m(M, { key: 0 }, [
+          e.$slots.empty ? d(e.$slots, "empty", { key: 0 }) : (o(), p(Ee, {
             key: 1,
             "empty-title": t.emptyTitle,
             "empty-title-i18n": t.emptyTitleI18n,
@@ -325,7 +330,7 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
             "add-component": t.addComponent,
             "add-btn": t.addBtn
           }, null, 8, ["empty-title", "empty-title-i18n", "empty-description", "empty-description-i18n", "empty-icon", "is-filtered", "can-add", "add-component", "add-btn"]))
-        ], 64)) : (n(), m(M, { key: 1 }, [
+        ], 64)) : (o(), m(M, { key: 1 }, [
           D(h) === "table" && e.$slots.table ? d(e.$slots, "table", {
             key: 0,
             data: t.data,
@@ -347,19 +352,19 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
             selectedRows: r.value,
             delete: b,
             updateSelectedRows: (a) => r.value = a
-          }) : U.value ? (n(), p(xe(U.value), A({
+          }) : U.value ? (o(), p(xe(U.value), A({
             key: 3,
             data: t.data,
             loading: t.loading,
             refetch: t.refetch,
             selectedRows: r.value,
-            "onUpdate:selectedRows": o[6] || (o[6] = (a) => r.value = a),
+            "onUpdate:selectedRows": i[6] || (i[6] = (a) => r.value = a),
             delete: b,
             onDelete: J
-          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (n(), m("div", Le, Ce(re.value), 1))
+          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (o(), m("div", Le, Ce(re.value), 1))
         ], 64))
       ], 2),
-      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (n(), m("div", ze, [
+      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (o(), m("div", ze, [
         w(D(Se), A({
           "current-page": t.pageInfo.currentPage,
           "total-pages": t.pageInfo.totalPages,
@@ -371,29 +376,29 @@ const Ne = { class: "flex flex-col w-full space-y-8" }, Qe = { class: "flex flex
       ])) : c("", !0),
       w(Pe, {
         show: C.value,
-        "onUpdate:show": o[7] || (o[7] = (a) => C.value = a),
+        "onUpdate:show": i[7] || (i[7] = (a) => C.value = a),
         title: ae.value,
-        description: oe.value,
-        "confirm-text": ie.value,
-        "cancel-text": ne.value,
+        description: ie.value,
+        "confirm-text": ne.value,
+        "cancel-text": oe.value,
         variant: "danger",
         onConfirm: G,
-        onCancel: o[8] || (o[8] = (a) => C.value = !1)
+        onCancel: i[8] || (i[8] = (a) => C.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-      $.value ? (n(), p(je, {
+      $.value ? (o(), p(je, {
         key: 4,
         show: $.value,
-        "onUpdate:show": o[9] || (o[9] = (a) => $.value = a),
+        "onUpdate:show": i[9] || (i[9] = (a) => $.value = a),
         data: t.data || [],
         fields: ue.value,
         mode: pe.value,
         "export-props": t.exportProps,
         "on-export": he
       }, null, 8, ["show", "data", "fields", "mode", "export-props"])) : c("", !0),
-      N.value ? (n(), m("div", He, [
+      N.value ? (o(), m("div", He, [
         w(Ie, A({
-          show: B.value,
-          "onUpdate:show": o[10] || (o[10] = (a) => B.value = a),
+          show: T.value,
+          "onUpdate:show": i[10] || (i[10] = (a) => T.value = a),
           ref_key: "importDataRef",
           ref: de,
           fields: me.value,

package/components/Screen/components/ScreenHeaderTitle.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     descriptionI18n?: string;
     info?: string;
     infoI18n?: string;
+    titleClass?: string;
+    descriptionClass?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/Screen/components/ScreenHeaderTitle.vue.js

@@ -1,14 +1,11 @@
-import { defineComponent as f, computed as l, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as p, toDisplayString as d, createBlock as u, withCtx as x, createVNode as h, createCommentVNode as i } from "vue";
-import I from "../../Icon.vue.js";
-import _ from "../../Tooltip.vue.js";
-import { $t as m } from "../../../utils/i18n.js";
-const g = { class: "flex flex-col shrink-0" }, k = {
+import { defineComponent as p, computed as c, openBlock as n, createElementBlock as o, renderSlot as a, createElementVNode as u, normalizeClass as d, toDisplayString as m, createBlock as x, withCtx as h, createVNode as I, createCommentVNode as i } from "vue";
+import C from "../../Icon.vue.js";
+import g from "../../Tooltip.vue.js";
+import { $t as f } from "../../../utils/i18n.js";
+const k = { class: "flex flex-col shrink-0" }, v = {
   key: 0,
   class: "flex items-center! gap-2"
-}, v = { class: "text-fs-7.5 font-bold text-foreground" }, y = {
-  key: 0,
-  class: "text-sm text-gray-700 mt-1 md:max-w-[450px]"
-}, S = /* @__PURE__ */ f({
+}, S = /* @__PURE__ */ p({
   __name: "ScreenHeaderTitle",
   props: {
     title: {},
@@ -16,24 +13,28 @@ const g = { class: "flex flex-col shrink-0" }, k = {
     description: {},
     descriptionI18n: {},
     info: {},
-    infoI18n: {}
+    infoI18n: {},
+    titleClass: {},
+    descriptionClass: {}
   },
-  setup(e) {
-    const t = e, r = l(() => t.titleI18n ? m(t.titleI18n) : t.title), s = l(
-      () => t.descriptionI18n ? m(t.descriptionI18n) : t.description
+  setup(t) {
+    const e = t, s = c(() => e.titleI18n ? f(e.titleI18n) : e.title), r = c(
+      () => e.descriptionI18n ? f(e.descriptionI18n) : e.description
     );
-    return (c, $) => (n(), o("div", g, [
-      a(c.$slots, "title", {}, () => [
-        r.value ? (n(), o("div", k, [
-          p("h1", v, d(r.value), 1),
-          e.info || e.infoI18n ? (n(), u(_, {
+    return (l, y) => (n(), o("div", k, [
+      a(l.$slots, "title", {}, () => [
+        s.value ? (n(), o("div", v, [
+          u("h1", {
+            class: d(["text-fs-7.5 font-bold text-foreground", t.titleClass])
+          }, m(s.value), 3),
+          t.info || t.infoI18n ? (n(), x(g, {
             key: 0,
-            content: e.info,
-            "content-i18n": e.infoI18n,
+            content: t.info,
+            "content-i18n": t.infoI18n,
             placement: "right"
           }, {
-            default: x(() => [
-              h(I, {
+            default: h(() => [
+              I(C, {
                 icon: "lucide:info",
                 class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
               })
@@ -42,8 +43,11 @@ const g = { class: "flex flex-col shrink-0" }, k = {
           }, 8, ["content", "content-i18n"])) : i("", !0)
         ])) : i("", !0)
       ]),
-      a(c.$slots, "description", {}, () => [
-        s.value ? (n(), o("p", y, d(s.value), 1)) : i("", !0)
+      a(l.$slots, "description", {}, () => [
+        r.value ? (n(), o("p", {
+          key: 0,
+          class: d(["text-sm text-gray-700 mt-1 md:max-w-[450px]", t.descriptionClass])
+        }, m(r.value), 3)) : i("", !0)
       ])
     ]));
   }

package/components/Screen/components/ScreenQuickFilters.vue.js

@@ -22,7 +22,7 @@ const p = { class: "w-max" }, V = /* @__PURE__ */ i({
     };
     return (e, v) => (r(), u("div", p, [
       m(d(b), {
-        class: "border-b-0! border-0! pb-0.5",
+        class: "border-b-0! border-0! pb-0",
         "model-value": a.modelValue,
         options: t.value,
         variant: a.variant || "line",

package/components/Screen/types.d.ts

@@ -84,8 +84,11 @@ export interface ScreenProps {
     showRefresh?: boolean;
     containerClass?: string;
     headerClass?: string;
+    titleClass?: string;
+    descriptionClass?: string;
     viewProps?: Record<string, any>;
     hideSelectable?: boolean;
+    hideDeleteBtn?: boolean;
     /**
      * Quick-filter tabs rendered below the header (above the content).
      * Inspired by modern dashboards (Shopify, Linear, Vercel).

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -47,7 +47,7 @@
     "qrcode": "^1.5.4",
     "scrollreveal": "^4.0.9",
     "tailwindcss": "^4.1.18",
-    "v-datepicker-lite": "^0.1.6",
+    "v-datepicker-lite": "^0.1.8",
     "v-file-preview": "^0.1.3",
     "v-tooltip-lite": "^0.2.8",
     "vue-carousel-lite": "^0.2.7",

package/style.css

@@ -967,7 +967,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   background-color: var(--color-scrollbar-hover) !important;
 }
 
-
 /* --- 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-adc57063]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{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%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.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-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{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}